/* FONT E RENDERING OBBLIGATORI PER TUTTO IL CRM */
html, body {
    font-family: 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased !important; /* Chrome, Edge, Safari */
    -moz-osx-font-smoothing: grayscale !important; /* Firefox su macOS */
    line-height: 1.5;
    color: #222;
}

td a,
.table td a,
.table th a {
    font-family: 'Segoe UI', sans-serif; /* o il font scelto */
    line-height: 1.1; /* molto importante */
    display: inline; /* evita espansioni */
    padding: 0; /* uniforma */
    margin: 0;
    text-decoration: none;
    font-weight: 500; /* opzionale */
}

html, body, .table th a, .rows, a, .dropdown-toggle,
td a,
.table td a,
.table th a, html, body,
.form-control-doc-readonly, .form-control-doc-valuta-readonly, .form-control-doc-valuta, .form-control-doc, .form-control-doc-checkbox,
.btn, .btn-grid, .btn-grid-small {
    font-size: 9pt !important;
}

a {
    font-style: oblique;
}

.header th a {
    /*font-style: normal;*/
}

.menu-text, .dropdown-toggle {
    font-style: normal;
}
/*.material-symbols-outlined {
    font-size: 9pt !important;
}*/
.mydatagrid span {
    color: #1A536E !important;
}

.close {
    font-size: 19px;
}

.nav > li > a {
    padding-left: 15px;
    padding-right: 0px;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:active:hover {
    background-color: #1a536e;
    /*background-color: #777777;*/
    color: whitesmoke;
}

    .btn-primary:hover {
        /*background-color: #ccc;*/
        background-color: #4ea3ce;
        /*background-color: #919191;*/
        border-color: black;
        /*color: #777777;*/
    }

table input[type="checkbox"], input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 2px solid #8ea3b5;
    border-radius: 4px;
    background-color: whitesmoke;
    /*background-color: #d3d3d3;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 3px;
}


    table input[type="checkbox"]:checked, input[type="checkbox"]:checked {
        background-color: #198754;
        border-color: #198754;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3 3 7-7'/></svg>");
    }


        table input[type="checkbox"]:checked::after, input[type="checkbox"]:checked::after {
            content: "";
            display: none;
            width: 4px;
            height: 15px;
            margin: 1px 0 0 5px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    table input[type="checkbox"]:disabled:not(:checked),
    input[type="checkbox"]:disabled:not(:checked) {
        opacity: 1;
        background-color: #d3d3d3;

    }

table td:has(input[type=checkbox]) {
    text-align: center !important;
    vertical-align: middle !important;
}

    table td:has(input[type=checkbox]) input[type=checkbox] {
        margin: 0 auto !important;
        display: inline-block;
    }

::placeholder {
    opacity: .5;
}

.grad {
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, redyellow, greenyellow);
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
        opacity: 1
    }

    .btn-close.disabled, .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .25
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.dashboard-rol, .dashboard, .dashboard-fixedbar {
    display: inline-grid;
    grid-template-columns: auto 500px;
    width: 100%;
    height: calc(100vh - 155px);
    column-gap: 10px;
    overflow-y: auto;
    padding: 5px;
}

    .dashboard-fixedbar > {
    }

.btn-round-small {
    border-radius: 50% !important;
    max-height: 75px !important;
    min-height: 75px !important;
    max-width: 75px !important;
    min-width: 75px !important;
    margin-top: 10px;
}

.btn-touch {
    font-size: 12pt !important;
    width: 100% !important;
    /*height: 75px !important;*/
    height: max-content !important;
    margin-top: 15px;
    border-radius: 20px !important;
    background-color: dimgray;
    text-align: left !important;
    color: whitesmoke;
}

.btn-touch-select {
    box-shadow: 0px 0px 15px 6px #bbbfef !important;
}

.btn-touch:hover, .btn-touch:focus {
    color: gray !important;
    background-color: cornflowerblue;
}

.btn-touch > h2, .btn-touch > h3, .btn-touch > h4, .btn-touch > b {
    margin: 5px !important;
    white-space: normal;
}

.dashboard > .div-form {
    max-width: 100%;
}

.div-zone {
}

.dashboard-fixedbar {
    height: calc(100vh - 150px);
}

.col2 {
    grid-template-columns: auto auto;
}

.col3 {
    grid-template-columns: auto auto auto;
}

.btn_stato, .btn_stato_annulla, .btn_stato_danger {
    height: 30px;
    width: calc(100% - 4px);
    margin-top: 10px;
    background-color: gray;
    color: white;
}

.btn-w100 {
    height: 30px !important;
    width: calc(100% - 4px);
    margin-top: 10px;
}

.btn-round {
    border-radius: 50% !important;
    margin-top: 25px !important;
    width: 100px !important;
    height: 100px !important;
    white-space: break-spaces !important;
    min-width: 100px !important;
    max-width: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
}

.btn-square {
    width: 100px !important;
    height: 100px !important;
    white-space: break-spaces !important;
}

.btn35 {
    height: 35px !important;
}

.btn35 {
    height: 45px !important;
}

.btn_stato_annulla {
    background-color: #f0ad4e;
}

.btn_stato_danger {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn_stato_annulla:focus, .btn_stato_annulla:hover, .btn_stato_annulla:focus, .btn_stato_annulla:active, .btn_stato_annulla.active, .open .dropdown-toggle.btn_stato_annulla {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512;
}

.btn:disabled, .btn-default:disabled {
    /*background-color: lightgrey !important;*/
    background-color: #F0F6F8 !important;
    color: #82B1C2 !important;
}

    .btn-default:disabled:hover {
        background-color: gray !important;
    }

.div-rapporto, .div-rapporto-fixed {
    display: grid;
    position: fixed;
    height: 100px;
    max-height: 80%;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 5px;
    background-color: orangered;
    grid-template-rows: 50px auto 40px;
    z-index: 53000;
    opacity: 0.7;
    min-width: 150px;
    max-width: 150px;
}

    .div-rapporto:hover, .div-rapporto-fixed {
        opacity: 1;
        max-width: 600px;
        height: 450px;
    }

        .div-rapporto:hover .wview100,
        .div-rapporto-fixed .wview100 {
            width: 100%;
        }

.notifiche {
    background-color: orange;
    position: fixed;
    left: auto;
    right: 0px;
    /*right: 15px;*/
    /*bottom: -465px;*/
    bottom: -0px;
    width: 385px;
    height: calc(100% - 50px);
    background-position: top left;
    background-position-x: 5px;
    background-repeat: no-repeat;
    background-size: 40px;
    background-Image: url(../Immagini/mail.ico);
    padding: 40px 5px 5px 5px;
    z-index: 1029;
    opacity: 1;
    display: grid;
    grid-template-rows: auto 35px;
}

.notifiche_new {
    display: grid;
    grid-template-rows: 35px auto;
    padding: 12px 10px 10px 10px;
    height: 150px;
    width: 350px;
    /*background-color: #222;*/
    background-color: sandybrown;
    opacity: 0,6;
    bottom: -75px;
    right: -290px;
    background-position: top left;
    background-position-x: 11px;
    background-position-y: 5px;
    background-repeat: no-repeat;
    background-size: 40px;
    background-Image: url(../Immagini/mail.ico);
    position: fixed;
}

    .notifiche_new:hover {
        bottom: 30px;
        right: 0px;
        opacity: 1;
        z-index: 500000;
    }

.notifiche_right, .notifiche_right_hidden {
    top: 50px;
    right: 0px;
    bottom: 0px;
    width: 350px;
    /*background-color: cornflowerblue;*/
    background-color: #222;
    padding: 12px 10px 10px 10px;
    /*padding-top: 5px;*/
    z-index: 1029;
    border-radius: 0px;
    display: grid;
    background-position: top left;
    background-position-x: 11px;
    background-position-y: 5px;
    background-repeat: no-repeat;
    background-size: 40px;
    grid-template-rows: 35px auto 97px;
    /*box-shadow: 0px 3px 3px 3px;*/
    height: calc(100% - 50px);
    background-Image: url(../Immagini/mail.ico);
    position: fixed;
}

.notifiche_right_hidden {
    left: -340px !important;
}

    .notifiche_right_hidden:hover {
        left: 0px !important;
    }

.flex, .div_flex, .flexforce, .flexforcefixed, .fff {
    display: flex;
    margin: 0px;
    width: 100%;
}

@media (max-width:1000px) {
    .flexforce {
        display: block;
    }
}

/*GridView*/

.container1 {
    overflow: auto;
    /*border:solid;
    border-width:1px;
    border-color:dimgray;*/
}

    .container1 table th {
        position: relative;
    }

    .container1 table tbody {
        overflow-x: hidden;
    }

.mydatagrid {
    width: 80%;
    border: solid 1px solid;
    min-width: 100%;
}

.header, .footer {
    background-color: #6a6a6a;
    /*font-family: Arial;*/
    color: White;
    height: 25px;
    text-align: center;
    font-size: 11px;
    position: sticky;
    top: 0px;
}

.rows {
    background-color: #fff;
    /*font-family: sans-serif;*/
    /*font-family: Segoe UI;*/
    /*font-family: Roboto;*/
    /*font-family: Tahoma 'Global Monospace';*/
    /*font-weight: 400;*/
    /*font-size: 8pt;*/
    color: #1a536e;
    /*color: #000;*/
    min-height: 30px;
    text-align: left;
    border-bottom: solid;
    border-color: lightgray;
    border-width: 1px;
    vertical-align: top;
}

    .rows:hover a, .rows:hover .btn-link, .rows:hover {
        color: white;
    }

    .rows:hover {
        /*background-color: lightsteelblue !important;*/
        /*background-color: #FDCB0A !important;*/
        background-color: #4F8FA8 !important;
        /*background-color: lightgray !important;*/
        /*color: #000;*/
    }

.mydatagrid-selectedRowStyle td {
    /*background-color: lightsteelblue !important;*/
    background-color: yellow !important;
    /*background-color: #ffeb3b !important;*/
    font-weight: bold;
    color: #1a536e;
    /*color: black;*/
    border-bottom: solid;
    border-bottom-color: black;
}

.mydatagrid-selectedRowStyle:hover a {
    color: #1a536e;
}

.mydatagrid-selectedRowStyle:hover td {
    /*background-color: lightblue !important;*/
    background-color: gold !important;
    font-weight: bold;
    color: #1a536e;
    /*color: black;*/
}

.rc_gv {
    text-align: right;
    padding: 1px 5px 1px 0px;
    /* background-color: gold; */
    background-color: whitesmoke;
    display: grid;
    padding-top: 10px;
}

.cf_class {
    /*display: grid;
                grid-template-columns: 65px 10px;*/
    border: none !important;
    display: flex;
}

.header a {
    color: #fff !important;
    color: White;
    background-color: #9B9B9B;
    font-weight: bold;
}

.GridPager {
    padding: 0px;
}

    .GridPager a, .GridPager span {
        display: block;
        /*height: 25px;*/
        width: auto;
        min-width: 25px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding: 0px;
    }

    .GridPager a {
        background-color: #777777;
        /*background-color: #2461BF;*/

        color: #969696;
        border: 1px none #969696;
    }

    .GridPager span {
        background-color: #777777;
        /*background-color: #A1DCF2;*/
        color: #000;
        border: 1px none #3AC0F2;
        /*border: 1px solid #3AC0F2;*/
    }

    .GridPager td {
        padding: 0px;
        margin-top: 3px;
        margin-bottom: 3px;
    }

.GridPager {
    position: sticky;
    top: -2px;
}

.footer {
    position: sticky;
    bottom: -1px;
}

.header_pager {
    position: sticky;
    top: 31px;
}

.rowsalt {
    /*background-color: lightcyan;*/
    background-color: #cfd9e5;
}

.mydatagrid a /** FOR THE PAGING ICONS  **/ {
    background-color: Transparent;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    /*font-weight: bold;*/
}

.mydatagrid .GridPager a {
    border-radius: 5px;
    height: 19px;
    border: whitesmoke solid 1px;
    padding-top: 2px;
}

.mydatagrid .GridPager span {
    border-radius: 5px;
    height: 19px;
    border: whitesmoke solid 2px;
}

/*.header a {
    color: #fff !important;
    color: White;
    background-color: #507CD1;
    font-weight: bold;
}
*/
.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/ {
    /*background-color: #fff;*/
    /*color: #000 !important;*/
    color: #d3ebff !important;
}

.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/ {
    padding: 5px 5px 5px 5px;
    /*background-color: #000;*/
    color: #fff;
}

.mydatagrid input[type="checkbox"][disabled] {
    margin: 0px;
}

.pager {
    background-color: gainsboro;
    /*font-family: Arial;*/
    color: White;
    height: 20px;
    text-align: left;
}

.mydatagrid td {
    padding: 1px 5px 1px 5px;
    border: inset;
    border-color: darkgrey;
    border-width: 1px;
    border: none;
    /*white-space: pre;*/
    border-left: solid 1px #F0F6F8;
    /*border-left: solid 0.2pt lightgray;*/
    /*border-left: none*/ /*solid 1px lightgray*/ /*;*/
}

.mydatagrid .GridPager td {
    border-left: none;
}

.mydatagrid th {
    padding: 5px 9px 5px 0px;
    text-align: center;
}

.mydatagrid-selectedRowStyle td {
    background-color: skyblue;
    font-weight: bold;
    color: #1a536e;
    /*color: black;*/
    border-width: 1px;
    border-bottom-color: dodgerblue;
}

/* Palette piu' morbida per GvControl: mantiene il blu ServiceTec, elimina il giallo selezione. */
.mydatagrid {
    border-color: #c8dce5;
    background-color: #ffffff;
}

.mydatagrid .rows {
    color: #24495a;
    border-bottom-color: #d8e7ee;
}

.mydatagrid .rowsalt {
    background-color: #f4f8fb;
}

.mydatagrid .rows:hover,
.mydatagrid .rows:hover td {
    background-color: #e6f3f8 !important;
    color: #153f52 !important;
}

.mydatagrid .rows:hover a,
.mydatagrid .rows:hover .btn-link {
    color: #0f536d !important;
}

.mydatagrid-selectedRowStyle td,
.mydatagrid .mydatagrid-selectedRowStyle td {
    background-color: #c6e4f1 !important;
    color: #123f52 !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    border-top: 2px solid #7fb2c7 !important;
    border-bottom: 2px solid #7fb2c7 !important;
    box-shadow: none;
}

.mydatagrid-selectedRowStyle:hover td,
.mydatagrid .mydatagrid-selectedRowStyle:hover td {
    background-color: #b9ddeb !important;
    color: #123f52 !important;
}

.mydatagrid-selectedRowStyle a,
.mydatagrid-selectedRowStyle:hover a {
    color: #0f536d !important;
}

.mydatagrid input[type="checkbox"] {
    border-color: #8fb2c3;
    background-color: #f7fbfd;
}

.mydatagrid input[type="checkbox"]:checked {
    background-color: #1a536e;
    border-color: #1a536e;
}

.mydatagrid input[type="checkbox"]:disabled:not(:checked) {
    background-color: #edf4f8;
    border-color: #9fb8c6;
}

.mydatagrid input[type="checkbox"]:disabled:checked {
    background-color: #4f8fa8;
    border-color: #4f8fa8;
}
/*--------------------------*/

.flex, .div_flex {
    display: flex;
    margin: 0px;
    width: 100%;
}

@media screen and (max-width: 1125px) {
    .flex {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .w50, .w200 {
        width: 100%;
    }
}
/*Ridimensionamento schermo iphone smartphone*/
@media screen and (max-width: 1150px) {
    .flex {
        display: block;
    }

    .w200 {
        width: 100%;
    }

    .label-noborder {
        /*width: 80px;
        max-width: 80px;
        min-width: 80px;*/
    }
}

.none {
    display: none;
}

.div_container {
    display: flex;
    background-color: whitesmoke;
    padding: 7px;
    border-radius: 5px;
}

.block {
    display: block;
}

.bar {
    height: 30px;
    background-color: #113A4D;
    /*background-color: grey;*/
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 5px;
}

.rc {
    text-align: right;
    background-color: aliceblue;
    padding: 10px 0px 5px 0px;
    border-top: none;
    border-right: solid;
    border-bottom: solid;
    border-left: solid;
    border-width: 1px;
    border-color: lightgray;
}

.rc_gv {
    text-align: right;
    padding: 1px 20px 1px 10px;
    /*background-color: gold;*/
    /*background-color: whitesmoke;*/
    background-color: #1a536e;
    display: grid;
    padding-top: 3px;
    height: 30px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .rc_gv a {
        color: whitesmoke;
    }

.rc:hover {
    background-color: beige;
}

.rc_button {
    padding: 5px 5px 5px 5px;
}

.btn-grid, .btn-grid-small {
    padding: 1px 8px;
    border-radius: 2px;
    font-size: 8px;
    margin: 2px 4px;
    background-color: #1a536e;
    /*background-color: #969696;*/
    /*border-radius: 50%;*/
    border-style: hidden;
    max-height: 22px;
    color: white;
}

    .btn-grid:hover, .btn-grid-small:hover {
        background-color: #4ea3ce;
        color: whitesmoke;
        /*background-color: #777777;*/
        /*background-color: deepskyblue;*/
    }

.rc:hover {
    background-color: beige;
}

.rc_button {
    padding: 5px 5px 5px 5px;
}

@media screen and (max-width:450px) {
    .rc {
        display: grid;
        grid-template-columns: auto;
    }

    .rc_button {
        padding: 3px 10px 3px 10px;
    }
}

@media screen and (max-device-width: 979px) /* Tablet */ {
    .noborder {
        font-size: 16px;
    }

    .rc_button {
        font-size: 12px !important;
    }
}

@media screen and (max-device-width: 500px) /* Mobile */ {
    .noborder {
        font-size: 16px;
    }

    .rc_button {
        font-size: 12px !important;
    }
}

.padding_5 {
    padding: 5px;
}

.ombra, .ombra-b, .ombra-l, .ombra-r, .ombra-full {
    /*box-shadow: 0px 3px 3px 0px;
   border-radius: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;*/
    border-right-style: solid;
    border-bottom-style: solid;
    /*border-top-style: solid;*/
    border-width: 1px;
    border-color: gainsboro;
    margin: 0px;
}

.ombra-full {
    border-left-style: solid;
    border-top-style: solid;
}

.ombra-b {
    border-left-style: none;
    border-right-style: none;
}

.ombra-l {
    border-left-style: solid;
    border-right-style: none;
}

.ombra-r {
    border-right-style: solid;
    border-left-style: none;
}

.ombra {
    box-shadow: 0px 5px 11px 1px !important;
    border-radius: 5px;
    padding: 3px !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    margin-bottom: 10px !important;
}

.full0 {
    background-color: rgba(0, 0, 0, 0.55) !important;
}

.innerfull0, innerfull0_xl, .innerfull0_s, .innerfull0_ss, .innerfull0_ssh, .innerfull0_xl, .inner_full_single_Col {
    background-color: white;
    overflow-y: auto;
    border-radius: 1px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: darkgray;
    height: calc(100% - 100px);
    border-radius: 10px;
    box-shadow: 0px 5px 11px 1px;
    border-radius: 3px;
    padding: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 10px;
}

.inner_full_single_Col {
    height: calc(100% - 25px);
    /*max-width: calc(100vw - 50px);*/
    max-width: 650px;
    margin: 0 auto !important;
    width: calc(100vw - 25px) !important;
    top: 50px;
}

.innerfull0_s {
    height: 300px;
    width: 1280px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 0;
}

.innerfull0_ss {
    height: 300px;
    width: 350px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 0;
}

.innerfull0_ssh {
    height: calc(100vh - 150px);
    /*height: calc(100vh - 160px);*/
    max-width: 830px;
    margin: 0 auto;
    margin-top: 15px !important;
    margin-bottom: 0;
    overflow-y: auto;
    border-radius: 5px;
    padding: 5px;
}

.innerfull0_ssh_l {
    height: calc(100vh - 180px);
    width: 600px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0;
    overflow-y: auto;
    border-style: solid;
    border-color: gray;
    border-width: 1px;
    padding: 10px;
}

.innerfull0_xl {
    height: calc(100% - 50px);
    max-width: calc(100vw - 50px);
    margin: 0 auto;
    top: 10px;
    position: fixed;
    width: 100%;
    left: 20px;
}

.innerfull0 {
    height: calc(100% - 25px);
    /*max-width: calc(100vw - 50px);*/
    max-width: 1380px;
    margin: 0 auto !important;
    width: calc(100vw - 25px) !important;
    top: 50px;
}

.full, .full0 {
    position: fixed;
    padding: 20px 25px 20px 10px;
    top: 60px;
    left: 10px;
    right: 10px;
    bottom: 0px;
    overflow-y: auto;
    z-index: 0;
    margin-right: 15px;
    margin-left: 15px;
    border-radius: 10px;
    padding: 5px;
}

.full {
    background-color: white;
}

.innerfull {
    top: 50px;
    height: 700px;
    width: 1280px;
    margin: 0 auto;
    background-color: white;
    overflow-y: auto;
    border-radius: 10px;
    padding: 10px;
}

@media screen and (max-width:850px) {
    .innerfull0_ssh, .innerfull0 {
        width: 100%;
        height: calc(100% - 20px);
    }

    .innerfull0 {
        margin-top: 50px;
    }
}

/*.innerfull0 {
    height: calc(100% - 45px);*/
/*max-height: 780px;*/
/*max-width: 1380px;
    margin: 0 auto;
    margin-bottom: 0;
}*/

.full0, .full0p {
    position: fixed;
    padding: 20px 2px 20px 2px;
    top: 0px;
    left: -20px;
    right: -20px;
    /*bottom: -20px;*/
    overflow-y: auto;
    z-index: 52000;
    margin-right: 15px;
    margin-left: 15px;
}

@media screen and (max-width:1350px) {
    .full0 {
        /*padding: 50px 2px 10px 2px;*/
    }
}

.full0p {
    padding: 5px 2px 10px 2px;
}

/*.full0 + .full0 {
    background-color: black;
}
*/

.w0p {
    min-width: 0px;
    max-width: 0px;
}

.w50p {
    min-width: 50px;
    max-width: 50px;
}

.w75p {
    min-width: 75px;
    max-width: 75px;
}

.w100p {
    min-width: 100px;
    max-width: 100px;
}

.w150p {
    min-width: 150px;
    max-width: 150px;
}

.w200p {
    min-width: 200px;
    max-width: 200px;
}

.w250p {
    min-width: 250px;
    max-width: 250px;
}

.w300p {
    min-width: 300px;
    max-width: 300px;
}

.w350p {
    min-width: 350px;
    max-width: 350px;
}

.w0 {
    width: 0px;
}

.w25 {
    width: 25%;
}

.w1, .w33 {
    width: 33%;
}

.w40 {
    width: 40%;
}

.w2, .w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w3, .w66 {
    width: 66%;
}

.w4, .w100 {
    width: 100%;
}

.w200 {
    width: 200%;
}

.h35 {
    height: 35px !important;
}

.btn.h35 {
    margin-bottom: 3px;
}

.h50 {
    height: 50px !important;
}

.h65 {
    height: 65px !important;
}

h1 + p {
    color: red;
}

.w1, .w33, .w40, .w2, .w50, .w60, w3, .w66, .w4, .w100 {
    /*padding-left: 3px;
    padding-right: 2px;
    padding-bottom: 2px;*/
    margin-left: 0px;
    margin-right: 0px;
}

.fixedbar {
    position: fixed;
    background-color: #222;
    left: 0px;
    right: 0px;
    /*width: calc(100vw - 82px);*/
    top: 50px;
    height: 40px;
    padding: 5px;
    z-index: 1029;
}

.div-full {
    /*display: grid;*/
    margin: 5px;
}

.div-inner-full, .div-inner-full-stiky50, .div-inner-full-stiky75 {
    width: 100%;
    /*background-color: #eeeeee;*/
    background-color: #F0F6F8;
    /*background-color: whitesmoke;*/
    border-radius: 5px;
    padding-left: 0px;
    padding-right: 0px;
    /*    padding-left: 10px;
    padding-right: 10px;*/
    display: grid;
    grid-template-columns: 33% 34% 33%;
    flex-wrap: wrap;
    /*gap: 10px;*/
    margin-bottom: 10px;
    align-content: center;
}

.div-inner-full-head, .div-header {
    /*background-color: lightsteelblue;*/
    background-color: #cfd9e5;
}

.div-inner-full > .div-header {
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 15px;
}

.div-inner-full-col12, .col12 {
    grid-template-columns: 34% 66% !important;
}

.div-inner-full-col1, .col1 {
    grid-template-columns: 100% !important;
}

.div-inner-full-col21, .col21 {
    grid-template-columns: 66% 34% !important;
}

.div-inner-full-col2, .col2 {
    grid-template-columns: 50% 50% !important;
}

.div-inner-full-col105, .col105 {
    grid-template-columns: calc(100vw - 260px) auto !important
}

.div-inner-full-stiky50, .div-inner-full-stiky75 {
    position: sticky;
    /*background-color: lightsteelblue;*/
    background-color: #cfd9e5;
    z-index: 1052;
}

.div-inner-full-stiky50 {
    top: 50px;
}

.div-inner-full-stiky75 {
    top: 75px;
}

.div-inner-form {
    width: 100%;
    padding: 5px;
}

.st-treeview,
.treeviewImage {
    color: #337ab7 !important;
    font-size: 8pt !important;
    line-height: 16px !important;
}

.st-treeview table,
.treeviewImage table {
    border-collapse: collapse;
    border-spacing: 0;
}

.st-treeview td,
.treeviewImage td {
    font-size: 8pt !important;
    height: 16px !important;
    line-height: 16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    vertical-align: middle !important;
}

.st-treeview img,
.treeviewImage img {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.st-treeview a,
.st-treeview span,
.treeviewImage a,
.treeviewImage span {
    color: #337ab7 !important;
    font-size: 8pt !important;
    line-height: 16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.st-treeview a:hover,
.st-treeview a:focus,
.treeviewImage a:hover,
.treeviewImage a:focus {
    color: #23527c !important;
}

.st-treeview div,
.treeviewImage div {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.st-treeview tr:empty,
.treeviewImage tr:empty {
    display: none !important;
    height: 0 !important;
    line-height: 0 !important;
}

.st-treeview td:empty,
.treeviewImage td:empty {
    height: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
}

@media (max-width: 1650px) {
    .div-inner-form {
        /*min-width: 550px;*/
        max-width: unset;
    }

    .col12 {
        grid-template-columns: 34% 66%;
    }

    .div-inner-full {
        display: grid;
        grid-template-columns: 50% 50% !important;
    }

    .col1 {
        grid-template-columns: 100% !important;
    }
}

@media (max-width: 1080px) {
    .div-inner-form {
        /*min-width: 550px;*/
    }

    .div-inner-full, div-inner-full-col12, div-inner-full-col21 {
        display: block;
    }
}

@media (max-width: 800px) {
    .div-inner-form {
        width: 100%;
        min-width: unset !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    /*  .fff, .flexforcefixed {
        display: block;
    }*/

    .div-inner-full, div-inner-full-col12, div-inner-full-col21 {
        display: block;
    }
}

.div-form, .div-form-fixedbar, .div-form-fixedbar-modal, .div-form-modal, .div-zone, .div-form-free {
    width: 100%;
    /*max-width: 550px;*/
    margin-right: 5px;
    height: calc(100vh - 165px);
    /*height: -webkit-fill-available;*/
    background-color: whitesmoke;
    border-radius: 10px;
    float: left;
    padding: 5px;
    padding-top: 10px;
    overflow-y: auto;
    padding: 8px;
}

.div-form-w100 {
    height: unset;
    max-width: unset;
    display: grid;
}

@media(max-width: 1500px) {
    .div-form, .div-form-fixedbar, .div-form-fixedbar-modal, .div-form-modal, .div-zone, .div-form-free {
        margin-bottom: 20px;
    }
}

.div-zone {
    height: fit-content;
    /*width: fit-content;*/
    overflow-y: clip;
}

.div-form-free {
    max-width: unset !important
}

.fill {
    height: -webkit-fill-available !important;
}

.div-form-modal {
    height: calc(100vh - 47px) !important;
}

.div-form-fixedbar {
    height: calc(100vh - 160px);
}

.div-form-fixedbar-modal {
    height: calc(100vh - 145px);
}

.div-bar {
    display: grid;
    grid-template-rows: auto 25px;
    grid-row-gap: 15px;
}

.sh1, .sh100 {
    height: 100%;
}

.sh1, .sh33 {
    height: 33%;
}

.sh2, .sh50 {
    height: 50%;
}

.sh3, .sh66 {
    height: 66%;
}

.sh4, .sh100 {
    height: 100%;
}

.sh150 {
    height: 150px;
}

.sh250 {
    height: 250px;
}

.sh500 {
    height: 500px;
}

.sh550 {
    height: 550px;
}

.sh600 {
    height: 600px;
}

.sh650 {
    height: 650px;
}

.sh700 {
    height: 700px;
}

.btn-form-control {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    margin-right: 0px !important;
    /*margin-left: 3px !important;*/
    padding: 0px !important;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: 13px;
    border-radius: 5px !important;
    margin-top: 0px;
}

.form-control-grid {
    display: inline;
    padding-right: 10px;
    height: 25px;
    margin-right: 0px;
    /*font-size: 9pt;*/
    /*font-family: "Segoe UI";*/
    font-weight: 500;
    line-height: 1.428571429;
    color: #1A536E;
    vertical-align: text-top;
    background-color: #ffffff;
    border-top: none;
    border-left: none;
    top: 0px;
    left: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-bottom: 0.5px solid gray;
    border-right: 0.5px solid gray;
    padding: 4px;
}

    .form-control-grid:focus {
        background-color: lightyellow;
        /*font-weight: bold;*/
    }

    .form-control-grid:disabled, .form-control-grid:read-only {
        background-color: #1A536E;
        /*background-color: gray;*/
        color: white;
        border-bottom: 0.5px solid white;
        border-right: 0.5px solid white;
        cursor: revert;
    }

        .form-control-grid:disabled:hover, .form-control-grid:read-only:hover {
            background-color: #AFCFD9;
            color: #1A536E;
            font-weight: 600;
            font-weight: 600;
        }

        .form-control-grid:disabled:focus, .form-control-grid:read-only:focus {
            background-color: #AFCFD9;
            color: #1A536E;
            font-weight: 600;
        }

.btn-form-control-grid {
    border-radius: 0px !important;
    background-color: cornflowerblue !important;
    border-bottom: 0.5px solid whitesmoke !important;
    color: whitesmoke !important;
}

    .btn-form-control-grid:disabled {
        border-bottom: 0.5px solid greenyellow;
        caret-color: white;
        caret-shape: underscore;
    }

    .btn-form-control-grid:hover {
        border-bottom: 0.5px solid greenyellow;
        color: greenyellow;
    }

.btn-form-control-oval {
    min-width: 50px !important;
    max-width: 50px !important;
    width: 50px !important;
}

.btn-form-control-oval-text {
    min-width: 150px !important;
    max-width: 150px !important;
    width: 150px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.form-control-doc-readonly,
.form-control-doc-valuta-readonly,
.form-control-doc-valuta,
.form-control-doc {
    /*display: inline;*/

    padding-left: 10px;
    padding-right: 10px;
    /*width:100%;*/
    width: 100%;
    max-width: 100%;
    height: 25px;
    margin-right: 0px;
    /*font-size: 9pt;*/
    /*font-family: "Segoe UI";*/
    /*font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif";*/
    font-weight: 500;
    line-height: 1.428571429;
    /*color: #555555;*/
    color: #1a536e;
    vertical-align: text-top;
    background-color: #ffffff;
    /*border: none;
    border-bottom: 1px solid #cccccc;*/
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    top: 0px;
    left: 0px;
    margin-bottom: 2px;
    margin-left: 3px;
    /*font-stretch: semi-condensed;*/
    /*font-family: var(--bs-body-font-family);*/
}

.form-control-notnull {
    background-color: lightgoldenrodyellow !important;
    /*color: dimgrey !important;*/
}

    .form-control-notnull:disabled {
        background-color: #999 !important;
        color: whitesmoke !important;
    }

/*.form-control-doc-idtx {
    background-image: url(../immagini/icon/caret-down.svg);
    background-repeat: no-repeat;
    position: relative;
    background-position-x: right;
    background-position-y: center;
    background-origin: content-box;
}*/
.labeltext {
    border: none;
    width: 100px;
    margin: 0px;
    padding: 0px;
    height: 25px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: -4px;
    margin-bottom: -1px;
}

.form-control-doc-checkbox {
    /*font-size: 8pt;*/
    /*font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif";*/
    font-weight: 500;
    margin-bottom: 2px;
    margin-left: 3px;
    /*font-stretch: semi-condensed;*/
}

.form-control-doc-valuta-readonly,
.form-control-doc-readonly {
    background-color: #eee;
    cursor: pointer;
}

.btn-link {
    color: #1779a8;
}

.label-control-doc, .btn-link {
    /*font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif";*/
    /*font-family: Calibri;*/
    font-size: 8pt !important;
    padding-top: 2px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    top: 0px;
    left: 0px;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    /*font-size:8pt;*/
    /*min-width:100px*/
}

.label-control-doc {
    color: #1A536E !important;
}

label .form-control-doc-valuta-readonly,
label .form-control-doc-valuta {
    padding-right: 15px;
    text-align: right;
}

.form-control-doc-valuta-readonly,
.form-control-doc-valuta {
    padding-right: 15px;
    text-align: right;
}

.hr-doc {
    margin-bottom: 5px;
    margin-top: 2px;
    border-color: lightgray;
    border-width: 1px;
}

.treeviewImage img {
    height: 16px;
    width: 16px;
    margin-right: 3px;
    margin-bottom: 0px;
}

.form-control-doc:-moz-placeholder,
.form-control-calcolato:-moz-placeholder,
.form-control:-moz-placeholder {
    color: #999;
}

.form-control-doc::-moz-placeholder,
.form-control-calcolato::-moz-placeholder,
.form-control::-moz-placeholder {
    color: #999;
}

.form-control-doc:-ms-input-placeholder,
.form-control-calcolato:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control-doc::-webkit-input-placeholder,
.form-control-calcolato::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control-calcolato,
.form-control {
    display: block;
    width: 90%;
    /*height: 34px;*/
    padding: 5px 5px;
    font-size: 10pt;
    font-weight: 500;
    line-height: 1.428571429;
    /*font-family: "Segoe UI";*/
    color: #555;
    /*vertical-align: middle;*/
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-calcolato {
    background-color: #F0F1EA;
}

    .form-control-calcolato:focus,
    .form-control-doc:focus,
    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        background-image: url('../immagini/icon/arrow-right-short.svg');
        background-repeat: no-repeat;
        background-position-x: -10px;
        background-position-y: 3px;
    }

.aspNetDisabled[disabled] {
    cursor: pointer;
    background-color: #eee;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: pointer;
    /*background-color: #999 !important;*/
    background-color: #1a536e !important;
    color: whitesmoke !important;
    font-size: 13px !important;
    /*background-color: #eee;*/
}

.form-control-doc[disabled], .form-control-doc[readonly], .form-control-doc-valuta[readonly], .form-control-doc-valuta-readonly[readonly], fieldset[disabled] .form-control-doc {
    cursor: pointer;
    background-color: #1a536e !important;
    /*background-color: #999;*/
    color: white;
    /*background-color: #eee;*/
    /*font-size: 13px !important;*/
    opacity: 1;
}

.form-control-doc::placeholder,
.form-control-doc-valuta::placeholder,
.form-control-doc-valuta-readonly::placeholder {
    /*color: darkorange;*/ /* Cambia il colore del placeholder a rosso */
    /*opacity: .8;*/ /* Assicurati che il colore sia completamente opaco */
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    /*text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;*/
}

.form-control-calcolato[disabled], .form-control-calcolato[readonly], fieldset[disabled] .form-control-calcolato {
    cursor: pointer;
    background-color: #969696;
    font-weight: bold;
    color: white;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 5px;
}

.btn, .btn-grid, .btn-grid-small {
    display: inline-block;
    padding: 1px 6px;
    margin-top: 0px;
    margin-bottom: 3px;
    /*font-size: 8pt;*/
    /*height: 25px;*/

    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    /*white-space: nowrap;*/
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /*-o-user-select: none;*/
    user-select: none;
    margin-left: 2px;
    margin-right: 0px;
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif";*/
    /*font-family:Courier New, Courier, monospace;*/
    font-weight: bold;
    max-width: 100%;
}

.btn-link {
    border-radius: 0px !important;
}

.btn-grid-small, .btn-grid {
    padding: 0px 6px !important;
    height: -webkit-fill-available;
    margin-bottom: 0px !important;
    width: -webkit-fill-available;
}

@media print {
    .visible-print {
        display: block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }

    .hidden-print {
        display: none !important;
    }

    tr.hidden-print {
        display: none !important;
    }

    th.hidden-print, td.hidden-print {
        display: none !important;
    }

    .noprint {
        display: none;
    }

    @page {
        margin: 0.5cm;
    }
}

.GridPager {
    padding: 0px;
}

    .GridPager a, .GridPager span {
        display: block;
        /*height: 25px;*/
        width: 35px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

GridPager a:hover {
    font-style: italic;
}

/*.GridPager a {
    background-color: #2461BF;*/
/*background-color: #f5f5f5;*/
/*color: #969696;
    border: 1px none #969696;
}*/

.GridPager span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
    min-width: 55px;
    max-width: 55px;
}

.subtitolo, .subtitle {
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-weight: 500;
    line-height: 1.1;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    border-bottom-style: inset;
    border-bottom-width: 1px;
    border-bottom-color: gray;
    text-align: center;
}

.mydatagrid .mydatagrid-edit-cell {
    text-align: center;
    width: 28px;
    min-width: 28px;
    max-width: 28px;
}

.mydatagrid .mydatagrid-edit-link,
.mydatagrid .mydatagrid-edit-link:visited,
.mydatagrid .mydatagrid-edit-link:hover,
.mydatagrid .mydatagrid-edit-link:focus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    background: transparent !important;
    color: #1a536e !important;
    text-decoration: none;
    box-shadow: none;
}