html, body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: small;
    height: 100%;
}

#headerBar {
    background-image: linear-gradient(to bottom, #ddf2ff, #b4d1e7, #8eb1d0, #6b91ba, #4a72a3);
}

img {
    border: none;
}

main {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#content {
    /*margin: 0 5px;
    padding: 0;*/
    padding: 0 15px;
    /*width: 960px;*/
}

h1 {
    color: #000;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

a {
    color: #1258a7;
    text-decoration: none !important;
    background-color: transparent;
}

    a:hover {
        text-decoration: underline !important;
    }

/* overrides bootstrap setting */
.tslink,
table.mGrid > tbody > tr > td > a,
table.mGrid > tbody > tr > td > a :focus,
table.mGrid > tbody > tr > td > a :hover {
    color: #1258a7;
    text-decoration: none !important;
    font-weight: 600;
}

textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: medium;
    margin: 0px;
    color: #000000 !important;
}

ul[id$="mainUL"] li a,
.select2-container *:focus,
div.dt-buttons > .dt-button:focus:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled) {
    outline: none !important;
}

ul[id$="mainUL"] li, ul[id$="mainUL"] li button {
    font-size: medium !important;
}

#headerBar {
    font-size: medium !important;
}

.fade:not(.show) {
    display: none;
}

.form-control {
    border: 1px #7ca0c4 solid;
}

.form-floating > .form-control.customFloating,
.form-floating > .form-control-plaintext.customFloating {
    padding: 0rem 0.75rem;
}

.form-floating > .form-control.customFloating,
.form-floating > .form-control-plaintext.customFloating,
.form-floating > .form-select.customFloating {
    height: calc(2.5rem + 2px);
    line-height: 1;
    border: 1px #7ca0c4 solid;
}

.form-floating > label.customFloating {
    padding: 0.5rem 0.75rem;
}

.form-floating > .form-control.customFloating:focus,
.form-floating > .form-control.customFloating:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}
/* fix -> removes border from css custom-styled button in Chrome */
/* * {
    outline: none !important;
}*/
/*Bootstrap transition + border radius on outline */
input[type="text"]:not(.ts-error).ts-txt-lg:focus,
input[type="search"].select2-search__field:focus,
input.dt-search:focus,
.dataTables_length select:not([disabled]):focus,
.select2-container:not(.chosen-error):not(.select2-container--disabled) *:focus,
div.dt-buttons > .dt-button:focus:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled),
textarea:not(.ts-error).ts-txt-lg:focus,
textarea:not(.ts-error).ts-txt-100:focus,
input[type="password"]:not(.ts-error).ts-txt-lg:focus,
input[type="image"].ts-txt.lg:focus,
ul.nav-tabs > li > button.nav-link:focus {
    box-shadow: 0 0 0 2pt rgba(122,181,216,.35) !important;
    -webkit-box-shadow: 0 0 0 2pt rgba(122,181,216,.35) !important;
    -moz-box-shadow: 0 0 0 2pt rgba(122,181,216,.35) !important;
    transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
    -o-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
}

input[type="radio"]:not([disabled]):not([read-only]):not([onclick="return false;"]):hover,
input[type="checkbox"]:not([disabled]):not([read-only]):not([onclick="return false;"]):hover {
    cursor: pointer;
}

input[type="radio"]:not([disabled]):not([read-only]):focus,
input[type="checkbox"]:not([disabled]):not([read-only]):focus {
    outline: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 0 2pt rgba(122,181,216,.35);
    -webkit-box-shadow: 0 0 0 2pt rgba(122,181,216,.35);
    -moz-box-shadow: 0 0 0 2pt rgba(122,181,216,.35);
    transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
    -o-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
}

    input[type="radio"]:not([disabled]):not([read-only]):focus + label.css-label,
    input[type="checkbox"]:not([disabled]):not([read-only]):focus + label.css-label {
        color: #0d6efd;
    }

ul.nav-tabs > li > button.nav-link:focus {
    border-color: #fff !important;
    outline: none !important;
}

input[type="text"][readonly]:not(.js-filter-list, .customReadOnly):not(.js-filter-list-dt) {
    background-color: rgba(230, 231, 235, 0.7) !important;
    cursor: default !important;
    pointer-events: none !important;
    border: inherit
}

input[type="text"][readonly].js-filter-list {
    background-color: rgba(230, 231, 235, 0.7) !important;
    cursor: default !important;
    border: inherit
}

.form-check-input {
    border: var(--bs-border-width) solid #585858 !important;
}

/* ckeditor */
div.ck-editor__main p {
    margin-bottom: 0;
}

.ck-word-count__words {
    display: inline-block;
}

.ck-word-count__characters {
    display: inline-block;
    margin-left: 5px;
}

/* fix play video on iframe */
.ck-editor__editable:not(.ck-read-only) figure.ck-widget:not([draggable="true"]) > .ck-media__wrapper > :not(.ck-media__placeholder) {
    pointer-events: initial !important;
}

/*.ck.ck-content:not(.ck-comment__input *) {
    min-height: 300px;
    overflow-y: auto;
}

div.ck.ck-reset.ck-editor.ck-rounded-corners {
    resize: vertical;
    overflow: auto;
}

.ck.ck-editor__top.ck-reset_all {
    position: sticky;
    top: 0;
}*/

pre[data-language="Testo semplice"],
pre[data-language="plaintext"] {
    background-color: rgba(236, 235, 232, 0.6) !important;
    border: 1px solid #ecebe8 !important;
}

pre[data-language="C"],
pre[data-language="c"] {
    background-color: rgba(234, 242, 234, 0.6) !important;
    border: 1px solid #eaf2ea !important;
}

pre[data-language="C#"],
pre[data-language="cs"] {
    background-color: rgba(231, 238, 207, 0.6) !important;
    border: 1px solid #e7eecf !important;
}

pre[data-language="C++"],
pre[data-language="cpp"] {
    background-color: rgba(219, 238, 226, 0.6) !important;
    border: 1px solid #dbeee2 !important;
}

pre[data-language="CSS"],
pre[data-language="css"] {
    background-color: rgba(219, 233, 249, 0.6) !important;
    border: 1px solid #dbe9f9 !important;
}

pre[data-language="HTML"],
pre[data-language="html"] {
    background-color: rgba(247, 235, 192, 0.6) !important;
    border: 1px solid #f7ebc0 !important;
}

pre[data-language="Java"],
pre[data-language="java"] {
    background-color: rgba(240, 248, 248, 0.6) !important;
    border: 1px solid #f0f8f8 !important;
}

pre[data-language="JavaScript"],
pre[data-language="javascript"] {
    background-color: rgba(247, 247, 211, 0.6) !important;
    border: 1px solid #f7f7d3 !important;
}

pre[data-language="jQuery"],
pre[data-language="jquery"] {
    background-color: rgba(238, 193, 184, 0.6) !important;
    border: 1px solid #eec1b8 !important;
}

pre[data-language="SQL"],
pre[data-language="sql"] {
    background-color: rgba(219, 210, 238, 0.6) !important;
    border: 1px solid #dbd2ee !important;
}

pre[data-language="Swift"],
pre[data-language="swift"] {
    background-color: rgba(178, 203, 230, 0.6) !important;
    border: 1px solid #b2cbe6 !important;
}

pre[data-language="TypeScript"],
pre[data-language="typescript"] {
    background-color: rgba(237, 216, 203, 0.6) !important;
    border: 1px solid #edd8cb !important;
}

pre[data-language="Visual Basic"],
pre[data-language="vb"] {
    background-color: rgba(235, 228, 160, 0.6) !important;
    border: 1px solid #ebe4a0 !important;
}

pre[data-language="XML"],
pre[data-language="xml"] {
    background-color: rgba(219, 238, 226, 0.6) !important;
    border: 1px solid #dbeee2 !important;
}
/* /ckeditor */

.ts-tetrasupport {
    -webkit-transition-duration: 0.4s;
    background: transparent;
    background-color: transparent;
    border: 2px solid #d9eaf9;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 4px 2px;
    padding: 10px 10px;
    text-align: center;
    transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

    .ts-tetrasupport:hover {
        background-color: #abd0ee;
        color: white;
    }

.ts-shortcutLink {
    -webkit-transition-duration: 0.4s;
    background: white;
    background-color: white;
    border: 2px solid #d9eaf9;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-size: small;
    font-weight: bold;
    color: black;
    margin: 4px 2px;
    padding: 10px 10px;
    text-align: center;
    transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

    .ts-shortcutLink:hover {
        background-color: #abd0ee;
        color: white;
    }

.ts-error:not(:disabled),
.select2-container--default.chosen-error .select2-selection--single {
    position: relative;
    border: 1px #ff4747 solid !important;
}

    .ts-error:not(:disabled):focus,
    .select2-container:not(.select2-container--disabled).chosen-error *:focus {
        box-shadow: 0 0 0 2pt rgba(255, 71, 71,.35) !important;
        -webkit-box-shadow: 0 0 0 2pt rgba(255, 71, 71,.35) !important;
        -moz-box-shadow: 0 0 0 2pt rgba(255, 71, 71,.35) !important;
        transition: border .15s ease-in-out, box-shadow .15s ease-in-out !important;
        -moz-transition: border .15s ease-in-out, box-shadow .15s ease-in-out !important;
        -webkit-transition: border .15s ease-in-out, box-shadow .15s ease-in-out !important;
        -o-transition: border .15s ease-in-out, box-shadow .15s ease-in-out !important;
    }

.chosen-container.chosen-drop-up .chosen-drop {
    bottom: 100%;
    top: auto;
}

.select2-rendered__match {
    font-weight: bold;
    text-decoration: underline;
}

/*.select2-selection.select2-selection--single,
.select2-search__field {
    border-radius: 18px;
}*/

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 24px;
}

.select2-container .select2-selection--single {
    height: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
    text-align: center;
}

.form-select + .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-select + .select2-container--default .select2-selection--single .select2-selection__clear {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2))
}

.form-select + .select2-container .select2-selection--single {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2))
}

.form-select + .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    text-align: center;
    line-height: 4.25rem;
}

/*.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
    border-radius: 3px;
}*/

.select2-container--default:not(.chosen-error) .select2-selection--single,
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default:not(.chosen-error) .select2-selection--multiple {
    border: 1px #7ca0c4 solid;
}

    .select2-container--default:not(.chosen-error):not(.select2-container--disabled) .select2-selection--single:hover,
    .select2-container--default:not(.chosen-error):not(.select2-container--disabled) .select2-selection--multiple:hover,
    .select2-container--default .select2-search--dropdown .select2-search__field:hover {
        border: 1px solid #AAA;
    }

    .select2-dropdown:hover {
        border-color: #AAA;
    }

/*.select2-container--open .select2-dropdown--below {
    border-radius: 3px;
    border-top: 1px #7ca0c4 solid;
    top: 1px;
}

.select2-container--open .select2-dropdown--above {
    border-radius: 3px;
    border-bottom: 1px #7ca0c4 solid;
    position: relative;
    bottom: 1px;
}*/

/*.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}*/

.select2-selection--multiple {
    min-height: 4rem !important;
}

.form-floating .select2-selection--multiple {
    padding-top: 2rem !important;
}

.invalid-tooltip {
    position: initial !important;
    top: 100% !important;
    z-index: 5;
    text-align: initial;
    max-width: 100% !important;
    padding: .5rem !important;
    margin-top: .1rem !important;
    font-size: .875rem !important;
    line-height: 1 !important;
    color: #fff !important;
    background-color: rgba(255, 71, 71,.8) !important;
    border-radius: 4px !important;
}

input[type="text"] + .invalid-tooltip,
div + .invalid-tooltip {
    margin-top: .22rem;
}

span + .invalid-tooltip {
    margin-top: 0;
}

.chosen-error.chosen-container-active {
    box-shadow: 0 0 0 2pt rgba(255, 71, 71,.35) !important;
    -webkit-box-shadow: 0 0 0 2pt rgba(255, 71, 71,.35) !important;
}

.chosen-error:not(.select2-container) {
    border: 1px #ff4747 solid !important;
}

.chosen-error:focus {
    box-shadow: 0 0 0 2pt rgba(255, 71, 71,.35) !important;
    -webkit-box-shadow: 0 0 0 2pt rgba(255, 71, 71,.35) !important
}

.chosen-container-single.chosen-error .chosen-search input[type="text"] {
    background: url("chosen-sprite-error.png") no-repeat 100% -20px;
}

.chosen-container-single.chosen-error div b {
    background: url(chosen-sprite-error.png) no-repeat 0px 7px;
}

.clearfix {
    clear: both;
}

/* bs tooltip */
.tooltip {
    z-index: 99991;
    display: block;
    font: 1rem 'Open Sans', sans-serif;
    font-weight: 300;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
}

    .tooltip.show {
        opacity: 1 !important;
    }

.tooltip-inner {
    /*background-color: #b2ccde;*/
    background-color: #205d86;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #205d86 !important;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #205d86 !important;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #205d86 !important;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-right-color: #205d86 !important;
}
/*/ bs tooltip */

/* Security Manager*/

.unselectable {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.over-red:hover {
    color: #F00;
}

.imgLink {
    border: 0px;
}

.PermessiTD {
    border-bottom: 1px dotted #717171;
    cursor: pointer;
}

    .PermessiTD:hover {
        background-color: #DDD;
    }

.PermessiTDy {
    border-bottom: 1px dotted #717171;
    background-color: #FFDD00;
    cursor: pointer;
}

.PermessiGruppoTD {
    border-bottom: 1px dotted #717171;
    background-color: #f2f2f2;
    cursor: pointer;
}

    .PermessiGruppoTD:hover {
        background-color: #DDD;
    }

.PermessiGruppoTDy {
    border-bottom: 1px dotted #717171;
    background-color: #FFDD00;
    cursor: pointer;
}

.ts-hover-pointer:hover {
    cursor: pointer;
}

.ts-font-initial {
    font-size: initial;
}

.ts-font-medium {
    font-size: medium;
}

.ts-font-w-initial {
    font-weight: initial;
}

.ts-font-italic {
    font-style: italic;
}

.ts-color-initial {
    color: initial;
}

.ts-font-20 {
    font-size: 20px;
}

.ts-font-1-em {
    font-size: 1em;
}

.ts-margin-0 {
    margin: 0;
}

.ts-margin-b-0 {
    margin-bottom: 0rem;
}

.ts-margin-b-0-5-rem {
    margin-bottom: 0.5rem;
}

.ts-margin-t-10-px {
    margin-top: 10px;
}

.ts-margin-left-0275 {
    margin-left: 0.275rem;
}

.ts-max-width-280 {
    max-width: 280px;
}

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

.ts-text-uppercase {
    text-transform: uppercase;
}

.ts-text-underline {
    text-decoration: underline;
}

.ts-text-ellipsis {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ts-td-ellipsis {
    position: relative;
}

    .ts-td-ellipsis:before {
        content: ' ';
        visibility: hidden;
    }

    .ts-td-ellipsis span {
        position: absolute;
        left: 0;
        right: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

span.dtr-data > .js-zoom-popup {
    white-space: normal;
}

.PermessiSpecialiTD {
    border-bottom: 1px dotted #717171;
    background-color: #f2f2f2;
    cursor: pointer;
}

    .PermessiSpecialiTD:hover {
        background-color: #DDD;
    }

/* Gridview ricerca */
.GridviewTable {
    border: none
}

    .GridviewTable td {
        margin-top: 0;
        padding: 0;
        vertical-align: middle
    }

    .GridviewTable tr {
        color: White;
        background-color: #bdd2ff;
        height: 25px;
        text-align: center
    }

.Gridview th {
    color: #000000;
    border-color: #999999;
    border-top-color: #FFFFFF;
    padding: 0 0 0 0;
    text-align: center
}

.Gridview td {
    border-color: #999999;
    padding: 0 0 0 0;
}

.Gridview tr {
    color: Black;
    background-color: White;
    text-align: left
}

.Gridview
.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #4aa7df;
    border-collapse: collapse;
}

.mGrid td {
    padding: 2px;
    border: solid 1px #c1c1c1;
}

.mGrid th {
    padding: 4px 2px;
    color: #fff;
    background-image: linear-gradient(to bottom, #ddf2ff, #b4d1e7, #8eb1d0, #6b91ba, #4a72a3);
    border-left: solid 1px #4aa7df;
    font-size: 0.9em;
}

.mGrid .alt {
    /*background-image: linear-gradient(to bottom, #ddf2ff, #b4d1e7, #8eb1d0, #6b91ba, #4a72a3);
    background-image: radial-gradient(circle, #ddf2ff, #cee0ef, #bfcfde, #b0bdcd, #a2acbd);
    background-image: linear-gradient(to bottom, #ddf2ff, #cee0ef, #bfcfde, #b0bdcd, #a2acbd);
    background-image: linear-gradient(to bottom, #ddf2ff, #bbd8ee, #9bbedd, #7da3cd, #6389bc);
    background-image: linear-gradient(to bottom, #ddf2ff, #c4e1f8, #add0f1, #9abfea, #89ade3);*/
    background: rgb(221,242,255);
    background: -moz-linear-gradient(180deg, rgba(221,242,255,1) 0%, rgba(196,225,248,1) 35%, rgba(173,208,241,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(221,242,255,1) 0%, rgba(196,225,248,1) 35%, rgba(173,208,241,1) 100%);
    background: linear-gradient(180deg, rgba(221,242,255,1) 0%, rgba(196,225,248,1) 35%, rgba(173,208,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddf2ff",endColorstr="#add0f1",GradientType=1);
}

.mGrid .pgr {
    background: #4aa7df url(grd_pgr.png) repeat-x top;
}

    .mGrid .pgr table {
        margin: 5px 0;
    }

    .mGrid .pgr td {
        border-width: 0;
        padding: 0 6px;
        border-left: solid 1px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
    }

    .mGrid .pgr a {
        color: #666;
        text-decoration: none;
    }

        .mGrid .pgr a:hover {
            color: #000;
            text-decoration: none;
        }

.mGrid th a {
    color: #ffffff
}

.HeadermGrid {
    padding: 4px 2px;
    color: #fff;
    background-image: linear-gradient(to bottom, #ddf2ff, #b4d1e7, #8eb1d0, #6b91ba, #4a72a3);
    border-left: solid 1px #4aa7df;
    font-size: 0.9em;
    color: #ffffff
}

.GridHeader {
    height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: linear-gradient(to bottom, #ddf2ff, #b4d1e7, #8eb1d0, #6b91ba, #4a72a3);
}

    .GridHeader span.select2-selection__rendered {
        font-size: 14px;
    }

div.pagr {
    background-image: linear-gradient(to bottom, #ddf2ff, #b4d1e7, #8eb1d0, #6b91ba, #4a72a3);
    width: 100%;
    z-index: 999;
    position: relative;
}
    /*left:0;*/
    div.pagr table {
        margin: 0 0 0 0;
    }

    div.pagr td {
        border-width: 0;
        padding: 0 6px;
        border-left: solid 1px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
    }

    div.pagr a {
        color: #3d3d3d;
        text-decoration: none;
    }

        div.pagr a:hover {
            color: #000;
            text-decoration: none;
        }

/* Table Style */
tr.d0 td {
    background-color: #FFFFFF;
    color: black;
}

tr.d1 td {
    background-color: #EBEBEB;
    color: black;
}

/* Testata di ricerca */
tr.testata {
    background-color: #5d5d5e;
}

/* Tabella di ricerca */
.TabellaRicerca {
    border-collapse: collapse;
    border: 0;
}

.deletecol {
    position: absolute;
    width: 5em;
    right: 2px;
    top: auto;
}

.editcol {
    position: absolute;
    width: 5em;
    right: 28px;
    top: auto;
}

/*GridStyle*/
.GridBorder {
    border: solid 1px #525252;
    margin: 0 0 0 0;
    border-collapse: collapse;
}

    .GridBorder td {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        padding: 1px;
        color: #717171;
        margin-left: 40px;
    }

    .GridBorder th {
        padding: 1px;
        color: #fff;
        background: #424242 url(grd_head.png) repeat-x top;
    }

.aspButton {
    /*color: #464646;*/
    font: 15px 'Open Sans', sans-serif;
    /*width: 100%;*/
    font-weight: 300;
}

.aspTextBox {
    color: #464646;
    font: 15px 'Open Sans', sans-serif;
    width: 100%;
    font-weight: 300;
}

    .aspTextBox:disabled {
        background-color: #FFFFFF;
        color: #000000;
    }

textarea.aspTextBox:disabled {
    background-color: #e6e7eb !important;
    border: 1px #bdc4ca solid;
}

textarea.aspTextBox:hover:not(:disabled) {
    border: 1px solid #AAA;
}

.body-default {
    background-position: center calc(100px + 3vh);
    background-image: url('../images/home.jpg');
    background-repeat: no-repeat;
    background-size: 55%;
}

#loader {
    background: rgba(255, 255, 255, 1);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#loader-spinner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #09426F;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

    #loader-spinner:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #4ABBE8;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #loader-spinner:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #5EEAFF;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: initial;
    left: initial;
    width: 100%;
    height: 100%;
    margin-left: initial;
    margin-top: initial;
    padding-top: initial;
    text-align: center;
    font-size: 1.2em;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0.9)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0.9) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0.9) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0.9) 100%);
}

.js-dt-loader {
    position: relative;
    top: 50%;
}

.dt-loader-spinner {
    width: 6rem;
    height: 6rem;
    color: #003f6e;
}

    /*datatables processing override*/
    .dt-loader-spinner + div {
        display: none
    }

.placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #AAA;
}

.active:not(.flatpickr-input, .tab-pane, .nav-tabs, .nav-item) {
    background-color: #444;
}

.icon_btn {
    /*height: 16px;*/
    padding: 5px 5px;
    background-color: #9F9D9D;
    vertical-align: middle;
    display: block;
    cursor: pointer;
}

    .icon_btn:hover {
        background-color: #6d6d6d;
    }

.dis {
    background-color: #ffabab;
}

    .dis:hover {
        background-color: #ffabab;
    }

.c_descr {
    padding: 2px 5px 2px 0;
    border: 1px solid #CCC;
    text-align: right;
    width: 150px;
}

.c_dati {
    padding: 2px 0px 2px 5px;
    border: 1px solid #CCC;
    background-color: #FFF;
    width: 70px;
}

.txt {
    width: 90%;
    font-size: medium;
}

.btn_link {
    border: 0;
    font-size: medium;
    text-decoration: underline;
    cursor: pointer;
    color: #0060ff;
}

.txt_dett {
    border: none;
    width: 95%;
    margin: 0px;
    padding: 0px;
    /*font-size: medium;*/
    padding: 1px;
    font-family: 'Open Sans', sans-serif;
    resize: none;
}

    .txt_dett:not(.ts-txt-lg):hover:not(:disabled) {
        padding: 0;
        border: 1px solid #AAA;
    }

    .txt_dett.ts-txt-lg:hover:not(:disabled) {
        border: 1px solid #AAA;
    }

.txt_dett_b {
    border: none;
    width: 95%;
    margin: 0px;
    padding: 0px;
    font-size: medium;
    padding: 1px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bolder;
}

.btn2lnk {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
}

    .btn2lnk:hover {
        background: none !important;
        color: #0026ff;
        border: none;
        padding: 0 !important;
        font: inherit;
        cursor: pointer;
    }

.btn2lnk_page {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    /*border-bottom: 1px solid #444;*/
    cursor: pointer;
    text-decoration: none;
}

    .btn2lnk_page:hover {
        background: none !important;
        color: #FD0;
        border: none;
        padding: 0 !important;
        font: inherit;
        /*border-bottom: 1px solid #444;*/
        cursor: pointer;
        text-decoration: underline;
    }

.zComuni {
    display: none;
    z-index: 1002;
}

.popup {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

    .popup .content {
        width: 800px;
        padding: 20px;
        margin: 50px auto 0;
        background-color: #FFF;
        border: 3px solid #AAA;
    }

        .popup .content .lista_record {
            max-height: 350px;
            max-width: 800px;
            overflow-y: scroll;
        }

        .popup .content .lista_record_clienti {
            max-height: 350px;
            overflow-y: scroll;
        }

        .popup .content .lista_ricerca {
            display: none;
        }

        .popup .content .lista_rimozione {
            display: none;
        }

        .popup .content .alert_ricerca {
            background-color: #F00;
            color: #FFF;
            text-align: center;
            padding: 2px 0;
            display: none;
        }

        .popup .content .alert_ricerca_clienti {
            background-color: #F00;
            color: #FFF;
            text-align: center;
            padding: 2px 0;
            display: none;
        }

        .popup .content .alert_ricerca_clienti_CopiaDoc {
            background-color: #F00;
            color: #FFF;
            text-align: center;
            padding: 2px 0;
            display: none;
        }

        .popup .content .lista_ricerca_clienti {
            display: none;
        }

        .popup .content .lista_ricerca_clienti_CopiaDoc {
            display: none;
        }

        .popup .content .lista_rimozione_clienti {
            display: none;
        }

        .popup .content .lista_rimozione_clienti_CopiaDoc {
            display: none;
        }

        .popup .content .inserimento_ind_alt {
            display: none;
        }

.btn_zoom {
    width: 21px;
    height: 15px;
    font-size: 9px;
    text-align: center;
    padding: 0;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.btn_c_zoom {
    background: none;
    border: none;
    color: #AAA;
    float: right;
    cursor: pointer;
}

    .btn_c_zoom:hover {
        color: #000;
    }

.lnk_r {
    background: none;
    border: none;
    color: #0060ff;
    cursor: pointer;
    text-decoration: underline;
    font-size: medium;
}

#tsmenudt > ul {
    background: #eef5fb !important;
}

.vmenu {
    border: 1px solid #aaa;
    /*position: absolute;*/
    z-index: 99998;
    position: fixed;
    background: #fff;
    display: none;
    font-size: medium;
}

    .vmenu .sez {
        display: block;
        padding: 2px 5px;
        cursor: pointer;
        border-bottom: 1px dotted #CCC;
        border-top: 1px dotted #FFF;
        border-right: 1px dotted #FFF;
        border-left: 1px dotted #FFF;
    }

        .vmenu .sez input[type="text"] {
            width: 120px;
        }

        .vmenu .sez:hover {
            background-color: #FD0;
            border: 1px solid #FA0;
        }

    .vmenu .icon {
        width: 20px;
    }

.oriz-scroll {
    width: 100%;
    border: 1px dotted #CCC;
    overflow-x: scroll;
}

.oriz-scroll_sa {
    width: 626px;
    border: 1px dotted #CCC;
    overflow-x: scroll;
}

.grid_btn {
    padding: 2px;
    cursor: pointer;
}

.grid_btn_white {
    padding: 2px;
    cursor: pointer;
    background-color: #ffffff;
}

.grid_btn_lightgrey {
    padding: 2px;
    cursor: pointer;
    background-color: #DDD;
}

.grid_btn_lightgreen {
    padding: 2px;
    cursor: pointer;
    background-color: lightgreen;
}

.grid_btn_lightblue {
    padding: 2px;
    cursor: pointer;
    background-color: lightblue;
}

.grid_btn_lightcoral {
    padding: 2px;
    cursor: pointer;
    background-color: lightcoral;
}

.grid_btn_black {
    padding: 2px;
    cursor: pointer;
    background-color: black;
}

.grid_btn_red {
    padding: 2px;
    cursor: pointer;
    background-color: red;
}

.grid_btn_salmon {
    padding: 2px;
    cursor: pointer;
    background-color: #F9CDAA;
}

.grid_btn_grey {
    padding: 2px;
    cursor: pointer;
    background-color: #808080;
}

.grid_btn_olivine {
    padding: 2px;
    cursor: pointer;
    background-color: #9dbb61;
}

.grid_btn_seapink {
    padding: 2px;
    cursor: pointer;
    background-color: #cf7b79;
}

    .grid_btn:hover,
    .grid_btn_white:hover,
    .grid_btn_lightgrey:hover,
    .grid_btn_lightgreen:hover,
    .grid_btn_lightblue:hover,
    .grid_btn_black:hover,
    .grid_btn_red:hover,
    .grid_btn_salmon:hover,
    .grid_btn_grey:hover,
    .grid_btn_olivine:hover,
    .grid_btn_seapink:hover {
        background-color: #FD0;
    }

#cover {
    background-color: rgba(0,0,0,0.1);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 90;
    display: none;
}

.tfiltri {
    width: 100%;
    background-color: #FFF;
}

    .tfiltri .r {
        background-color: #DDD;
    }

    .tfiltri td {
        border-bottom: 1px dotted #CCC;
        padding: 2px 0;
    }

#t_ftable,
.js-t_ftable {
    background-color: #0060ff;
    color: #FFF;
    text-align: center;
    padding: 5px 0;
}

    #t_ftable a,
    .js-t_ftable a {
        color: #FFF;
        text-align: center;
        padding: 5px 0;
    }

.filter {
    display: none;
}

.boxdati {
    display: none;
}

.btn_dx {
    font-size: 11px;
}

.txt_filtro {
    font-size: 11px;
}

.desk_lnk {
    width: 165px;
    height: 27px;
    text-decoration: none;
    color: #000;
}

#tabRowContent {
    border-bottom: 1px solid var(--bs-border-color);
}

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.TSpnl {
    display: none;
    width: 200px;
    background-image: url('../images/ModalBack.png');
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    background-color: white;
    border-width: 2px;
    border-color: Black;
    border-style: solid;
    padding: 20px;
}

.oriz-scroll-dett {
    width: 880px;
    border: 1px dotted #CCC;
    overflow-x: scroll;
}

.tbl-dett {
    background-color: #ffd800;
    width: 1260px;
}

/*Bootstrap add*/

.row {
    margin: 1px;
}

.offcanvas-title {
    font-size: x-large;
}

.sidebar-btn-toggle {
    padding: .25rem .5rem;
    font-weight: 600;
    font-size: medium;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
}

    .sidebar-btn-toggle:hover,
    .sidebar-btn-toggle:focus {
        color: rgba(0, 0, 0, .85);
        background-color: #d9eaf9;
    }

    .sidebar-btn-toggle::before {
        width: 1.25em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform .35s ease;
        transform-origin: .5em 50%;
    }

    .sidebar-btn-toggle[aria-expanded="true"] {
        color: rgba(0, 0, 0, .85);
    }

        .sidebar-btn-toggle[aria-expanded="true"]::before {
            transform: rotate(90deg);
        }

.sidebar-btn-toggle-nav a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
}

    .sidebar-btn-toggle-nav a:hover,
    .sidebar-btn-toggle-nav a:focus {
        background-color: #d9eaf9;
    }

.Img4Prod {
    max-width: 58px;
    max-height: 58px;
    float: right;
    border: 1px solid #4aa7df;
}

div.title > h3 {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #7ca0c4 !important;
    color: #7ca0c4;
    line-height: initial;
}

    div.title > h3.font-size-22 {
        font-size: 22px;
    }

div.title > h4 {
    /*width: 100%;*/
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #8dc8eb !important;
    /*color: #8dc8eb;*/
    line-height: initial;
}

    div.title > h4.font-size-22 {
        font-size: 22px;
    }

.ts-h4-filter {
    text-align: left;
    color: #7ca0c4;
    font-size: 20px;
    border-bottom: solid 1px #7ca0c4;
    border-bottom: solid 1px #7ca0c4;
    text-transform: uppercase;
}

.ts-amount {
    width: 100px;
    display: inline-block;
    text-align: center;
    padding: 5px;
    border: #71bae6 1px solid;
    margin: 5px;
    border-radius: 5px;
    min-height: 15px;
}

.ts-txt-100 {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px #7ca0c4 solid;
    border: 1px #7ca0c4 solid;
    line-height: 26px;
    min-height: 26px;
    padding: 10px;
    width: 100%;
    outline: none;
}

.ts-txt-md {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px #7ca0c4 solid;
    line-height: 20px;
    height: 25px;
    text-align: center;
    width: 100px;
}

    .ts-txt-md:disabled {
        -webkit-border-radius: 4px;
        background-color: #e6e7eb;
        border-radius: 4px;
        border: 1px #7ca0c4 solid;
        line-height: 20px;
        height: 25px;
        text-align: center;
        width: 100px;
    }

.ts-txt-lg {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px #7ca0c4 solid;
    display: inline-block;
    height: 25px;
    text-align: center !important;
    width: 100%;
    outline: none;
    vertical-align: top; /* fix for span height */
}

    .ts-txt-lg:disabled {
        background-color: #e6e7eb !important;
        border: 1px #bdc4ca solid;
        color: var(--bs-body-color);
    }

.ts-txt-lg-dtable {
    border-radius: 4px;
    border: 1px #646464 solid;
    display: inline-block;
    height: 25px;
    text-align: center;
    width: 100%;
    outline: none;
}

    .ts-txt-lg-dtable:disabled {
        border-radius: 4px;
        border: 1px #646464 solid;
        display: inline-block;
        height: 25px;
        text-align: center;
        width: 100%;
        outline: none;
        background-color: #e6e7eb !important;
    }

.ts-txt-auto-dtable {
    border-radius: 4px;
    border: 1px #646464 solid;
    display: inline-block;
    height: 25px;
    text-align: center;
    outline: none;
}

    .ts-txt-auto-dtable:hover:not(:disabled) {
        box-shadow: 0 0 0 2pt rgba(122,181,216,.35) !important;
        -webkit-box-shadow: 0 0 0 2pt rgba(122,181,216,.35) !important;
        -moz-box-shadow: 0 0 0 2pt rgba(122,181,216,.35) !important;
        transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
        -moz-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
        -o-transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
    }

.ts-txt-lg-color {
    /*-webkit-border-radius: 4px;*/
    /*border-radius: 4px;*/
    border: 1px #7ca0c4 solid;
    display: inline-block;
    height: 25px;
    text-align: center;
    width: 100%;
    outline: none;
}

.ts-btn-lg {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /* border: 1px #7ca0c4 solid; */
    display: inline-block;
    height: 25px;
    padding: 0;
    text-align: center !important;
    width: 100%;
    outline: none;
    vertical-align: top; /* fix for span height */
}

input.dt-search {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px #7ca0c4 solid;
    width: 100%;
    text-align: center;
    outline: none;
}

    input.dt-search:hover {
        border: 1px solid #AAA;
    }

input[type="text"].dt-search {
    height: 30px;
}

.dataTables_length select {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border: 1px #7ca0c4 solid !important;
    outline: none;
}

    .dataTables_length select:hover {
        border: 1px solid #AAA !important;
    }

table.table > :not(caption) > * > * {
    background-color: inherit;
}

.dataTables_processing {
    z-index: 1;
}

table.dataTable.no-footer {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.table > :not(:first-child) {
    border-top: initial !important;
}

table.dataTable tbody tr:hover {
    background-color: #c7d5e1 !important;
}

table.dataTable tbody td:hover {
    background-color: #9bc1e1 !important;
}

table.dataTable > tfoot > tr > th {
    padding: 5px 10px 5px;
}

table.dataTable td.note-column {
    min-width: 300px;
    max-width: 300px;
    width: 300px;
}

    table.dataTable td.note-column textarea {
        width: 100% !important;
        box-sizing: border-box;
    }

/*table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
    background-color: white;
}*/

table th.dtfc-fixed-left,
table th.dtfc-fixed-right {
    background-color: white;
}

.spacer0 {
    clear: both;
    float: none;
    height: 0px;
}

.spacer5 {
    clear: both;
    float: none;
    height: 5px;
}

.spacer10 {
    clear: both;
    float: none;
    height: 10px;
}

.spacer20 {
    clear: both;
    float: none;
    height: 20px;
}

.pagerColor {
    color: #FD0;
}

.ts-hide {
    visibility: hidden !important;
    display: none !important;
}

.ts-v-hide {
    visibility: hidden !important;
}

.ts-bold {
    font-weight: bold;
}

.sf-menu li {
    background: none !important;
}

    .sf-menu li:hover, .sf-menu li.sfHover {
        background: #c6dfee !important;
    }

.dt-center {
    line-height: 2.5;
}

.dt-centerLH1 {
    text-align: center !important;
    line-height: 1.5;
}

.ts-lh-1-5 {
    line-height: 1.5;
}

.ts-text-center {
    text-align: center;
}

.ts-d-block {
    display: block;
}

.ts-inline-block {
    display: inline-block !important;
}

.ts-inline {
    display: inline;
}

.ts-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ts-inlineflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inline-flex;
}

.ts-jc-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ts-jc-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ts-ai-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ts-nodecoration {
    color: initial;
    text-decoration: none;
}

.ts-no-text-decoration {
    text-decoration: none;
}

.ts-overflow-x-hidden {
    overflow-x: hidden;
}

.ts-overflow-y-hidden {
    overflow-y: hidden;
}

.ts-opacity-50 {
    filter: opacity(0.5);
}

/* cb popup */
.ts-inline-form-popup {
    display: none;
}

.ts-vertical-align-t {
    vertical-align: top !Important;
}

.ts-vertical-align-m {
    vertical-align: middle !Important;
}

.ts-blur-3px {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.ts-bottom-0 {
    bottom: 0;
}

.ts-mt-0 {
    margin-top: 0;
}

.ts-mr-0 {
    margin-right: 0;
}

.ts-mr-05-em {
    margin-right: .5em;
}

.ts-ml-5-px {
    margin-left: 5px;
}

.ts-mr-5-px {
    margin-right: 5px;
}

.ts-mr-10-px {
    margin-right: 10px;
}

.ts-ws-nowrap {
    white-space: nowrap;
}

.ts-ws-prewrap {
    white-space: pre-wrap !important;
}

.ts-width-20-px {
    width: 20px;
}

.ts-width-50-px {
    width: 50px;
}

.ts-width-90-px {
    width: 90px;
}

.ts-width-30 {
    width: 30%;
}

.ts-width-70 {
    width: 70%;
}

.ts-width-50-5em {
    width: calc(50% - .5em);
}

.ts-width-30 {
    width: 30%;
}

.ts-width-50 {
    width: 50%;
}

.ts-width-100 {
    width: 100%;
}

input.ts-width-100 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ts-pe-none {
    pointer-events: none !important;
}

.ts-pe-auto {
    pointer-events: auto !important;
}

.ts-position-relative {
    position: relative;
}

.ts-position-sticky {
    position: sticky;
}

.ts-readonly {
    cursor: default !important;
    pointer-events: none !important;
}

.ts-readonly-color {
    background-color: rgba(230, 231, 235, 0.7) !important;
}

.ts-color-dove-gray {
    color: #717171;
}

.ts-background-mercury,
tr.alt.ts-background-mercury {
    background: #e8e8e8;
}

.ts-backcolor-mercury {
    background-color: #e8e8e8 !important;
}

.ts-backcolor-alabaster {
    background-color: #fafafa;
}

.ts-background-school-bus-yellow {
    background: #ffdd00 !important;
}

.ts-background-pigeon-post {
    background: #b0bed9 !important;
}

.ts-backcolor-pigeon-post {
    background-color: #b0bed9 !important;
}

.ts-color-red {
    color: #ff0000 !important;
}

.ts-color-blue {
    color: #0000ff;
}

.ts-color-green {
    color: #006600;
}

.ts-color-magenta {
    color: #FF00FF !important;
}

.ts-color-blue-ribbon {
    color: #4545ff !important;
}

.ts-color-fuchsia {
    color: fuchsia;
}

.ts-color-link {
    color: #1258a7;
}

.ts-color-pigeon-post {
    color: #b0bed9 !important;
}

.ts-backcolor-initial {
    background-color: initial !important;
}

.ts-backcolor-black {
    background-color: #000000 !important;
}

.ts-backcolor-seapink {
    background-color: #cf7b79 !important;
}

.ts-backcolor-white {
    background-color: #ffffff !important;
}

.ts-backcolor-red {
    background-color: #ff0000 !important;
}

.ts-backcolor-yellow {
    background-color: #ffff00 !important;
}

.ts-backcolor-lime {
    background-color: #00ff00 !important;
}

.ts-backcolor-light-lime {
    background-color: rgba(189, 240, 0, 0.6);
}

.ts-backcolor-grannyapple {
    background-color: #CCEACC !important;
}

.ts-backcolor-green {
    background-color: green !important;
}

.ts-backcolor-orange {
    background-color: #FFD580 !important;
}

.ts-backcolor-light-green {
    background-color: #CCFFCC !important;
}

.ts-backcolor-light-blue {
    background-color: lightblue !important;
}

.ts-backcolor-gray {
    background-color: #C0C0C0 !important;
}

.ts-backcolor-blue {
    background-color: #99CCFF !important;
}

.ts-backcolor-salmon {
    background-color: #F9CDAA !important;
}

.ts-backcolor-greenp {
    background-color: #9DBB61 !important;
}

.ts-backcolor-black {
    background-color: #000 !important;
}

.ts-backcolor-cold-purple {
    background-color: #a9b2e1;
}

.ts-backcolor-cold-dodgerblue {
    background-color: dodgerblue;
}

.ts-backcolor-lightgrey {
    background-color: #DDD !important;
}

.ts-backcolor-lightcoral {
    background-color: #f08080 !important;
}

.ts-backcolor-lightgreen {
    background-color: #90ee90 !important;
}

.ts-backcolor-gray-a4 {
    background-color: rgba(128, 128, 128, 0.4) !important;
}

.ts-backcolor-oyster-pink,
table.dataTable tbody tr.ts-backcolor-oyster-pink td {
    background-color: #eed2d2 !important;
}

.ts-backcolor-supernova {
    background-color: #fec20e !important;
}

.ts-backcolor-peach-orange {
    background-color: #ffcf9c !important;
}

.ts-backcolor-polar {
    background-color: #d6f5f5 !important;
}

.ts-backcolor-sail,
table.dataTable tbody tr.ts-backcolor-sail td {
    background-color: #a9dcf4;
}

.ts-height-60 {
    height: 40vh;
}

.ts-line-height-15 {
    line-height: 15px !important;
}

.ts-line-height-25 {
    line-height: 25px;
}

.ts-ico-16 {
    max-width: 16px;
    display: block;
    margin: 0 auto;
}

.ts-ico-16WH {
    max-width: 16px;
    max-height: 16px;
    display: block;
    margin: 0 auto;
}

.ts-ico-24 {
    max-width: 24px;
    display: block;
    margin: 0 auto;
}

.ts-ico-block-32 {
    max-width: 32px;
    display: block;
    margin: 0 auto;
}

.ts-ico-block-24 {
    max-width: 24px;
    display: block;
    margin: 0 auto;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        /*top: 0;
        right: 100%;
        margin-top: -6px;*/
        display: none;
    }

        .dropdown-submenu .dropdown-menu.show {
            display: block;
        }

/*.dropdown-submenu:hover .dropdown-menu {
        display: block;*/ /* Show on hover */
/*}*/

#tsAddAttachment,
#tsRefreshAttachment,
.icon_btn,
.ts-ico-32 {
    min-width: 32px;
    max-width: 32px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.ts-ico-24bar {
    min-width: 24px;
    max-width: 24px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 130px;
}

.ts-ico-max-16 {
    max-width: 16px;
}

.ts-ico-max-32 {
    max-width: 32px;
    max-height: 32px;
    cursor: pointer;
}

.ts-ico-logo {
    max-height: 8rem;
}

.ts-ico {
    max-width: 5rem !important;
    margin: 0 auto;
}


.ts-ico-inherit {
    max-width: inherit;
}


.ts-logo-detail {
    max-width: 128px;
    border-radius: 4px;
    border: 1px #7ca0c4 solid;
}

span#QrCodeRead {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 3rem;
}

.ts-logo-detail:hover {
    cursor: url(../images/search-32.png), auto;
}

.ts-logo-m {
    max-height: 4rem;
}

.ts-nodecoration {
    color: initial;
    text-decoration: none;
}

.ts-no-text-decoration {
    text-decoration: none;
}

.ts-display-initial {
    display: initial;
}

.ts-text-align-l {
    text-align: left !important;
}

.ts-text-align-r {
    text-align: right !important;
}

a.ts-nodecoration:active,
a.ts-nodecoration:visited {
    color: initial;
}

.ts-remove-anchor {
    color: initial;
    cursor: text;
    text-decoration: none;
    pointer-events: none;
}

    .ts-remove-anchor:hover,
    .ts-remove-anchor:active,
    .ts-remove-anchor:visited {
        color: initial;
        text-decoration: none !important;
    }

.ts-cursor-default {
    cursor: default;
}

.ts-cursor-pointer {
    cursor: pointer;
}

.ts-cursor-text {
    cursor: text;
}

.ts-cursor-zoom {
    cursor: url(../images/search-32.png), auto;
}

ul#sf-menu {
    margin-bottom: initial;
}

.ts-underline {
    text-decoration: underline;
    text-decoration-style: double;
}

.ts-underline-grey {
    border-bottom: 2px solid gray;
}

.ts-underline-razzle-dazzle-rose {
    border-bottom: 2px solid #ff3ec6;
}

.ts-underline-black {
    border-bottom: 2px solid black;
}

.ts-underline-red {
    border-bottom: 2px solid red;
}

.ts-underline-green {
    border-bottom: 2px solid green;
}

.ts-underline-dodgerblue {
    border-bottom: 2px solid dodgerblue;
}

.ts-underline-left {
    color: #09426f;
    display: inline-block;
    font-weight: 700;
    position: relative;
    text-decoration: none;
}

    .ts-underline-left:hover {
        text-decoration: none !important;
    }

    .ts-underline-left::after {
        content: '';
        position: absolute;
        width: 100%;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #5878F3;
        -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
        transition: -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .ts-underline-left:hover::after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }

.ts-z-index-99991 {
    z-index: 99991 !important;
}

.ts-z-index-99989 {
    z-index: 99989 !important;
}

.ts-custom-menu {
    border: 1px solid #aaa;
    background: #fff;
    display: none;
    font-size: medium;
    position: absolute;
    z-index: 1001;
}

    .ts-custom-menu .sez {
        display: block;
        /*padding: 2px 5px;*/
        padding: 5px 10px;
        cursor: pointer;
        border-bottom: 1px dotted #CCC;
        border-top: 1px dotted #FFF;
        border-right: 1px dotted #FFF;
        border-left: 1px dotted #FFF;
    }

        .ts-custom-menu .sez:hover {
            background-color: #FD0;
            border: 1px solid #FA0;
        }

tr#trTotali {
    font-size: 14px;
    height: 30px;
    padding: 5px;
    font-weight: 100;
    width: 100%;
}

    tr#trTotali td > div {
        display: inline-block;
    }

.ts-padding-none {
    padding: 0px !important;
}

.ts-padding-5px {
    padding: 5px;
}

.ts-padding-tb-5px {
    padding: 5px 0 5px 0;
}

.ts-padding-03 {
    padding: 0.3rem;
}

.ts-padding-01 {
    padding: 0.1rem;
}

.ts-border-1g {
    border: 1px solid gray;
}

.ts-border-1b {
    border: 1px solid black;
}

.ts-border-right-1g {
    border-right: 1px solid gray;
}

.ts-border-collapse-c {
    border-collapse: collapse;
}

.ts-border-none,
td.ts-border-none {
    border: none;
}

.ts-sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.ts-sticky-footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}

.ts-disabled {
    background-color: #e6e7eb !important;
    border: 1px #bdc4ca solid;
}

.ts-detail-mag {
    background: #EEE;
    padding: 10px;
    border: 3px #bdc4ca solid;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.ts-sign-mag {
    line-height: 40px;
    font-size: 25px;
}

.ts-detail {
    background: #EEE;
    padding: 10px;
}

.ts-icon-positioned-right {
    position: absolute;
    right: 15px;
    top: -10px;
}

.ts-sub-icon-positioned-right {
    position: absolute;
    right: 10px;
    top: 0px;
}

.ts-icon-calendar {
    height: 27px;
    width: 27px;
    /*position: absolute;*/
    top: 0px;
    margin-left: 3px;
}

div.dt-buttons {
    display: block !important;
    /*margin-bottom: 20px !important;*/
    /*text-align: right !important;
    clear: both !important;
    float: none !important;*/
}

    div .dt-buttons button.btn {
        border: none !important;
        padding: 0 !important;
        background-color: transparent !important;
    }

        div.dt-buttons button.btn img {
            max-height: 35px;
            /*max-width: 35px;*/
            display: inline;
        }

    div.dt-buttons button.dt-button {
        border-radius: 0px;
        margin: 0;
        /*color: transparent;*/
        background-image: none !important;
        position: initial;
        border: none !important;
    }

    div.dt-buttons button.btn:focus:not(.disabled) {
        text-shadow: none;
    }

    div.dt-buttons button.btn:active:not(.disabled):hover:not(.disabled),
    button.btn.active:not(.disabled):hover:not(.disabled) {
        box-shadow: none !important;
        background-color: transparent !important;
        background-image: none;
        border: none !important;
    }


.dt-button:hover:active {
    box-shadow: none !important;
}

.ts-button-large {
    padding: var(--bs-btn-padding-y) 2.75rem;
}


/*ts-cart-counter*/
#ts-cart-counter {
    background-color: #08C;
    display: inline-block;
    position: relative;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    color: #ffffff;
    border: 1px #08C solid;
    line-height: 18px;
}
/*/ts-cart-counter*/

.tableimg {
    min-width: 24px;
    max-width: 24px;
    /*padding: 5px 5px;*/
    background-color: #9F9D9D;
    vertical-align: middle;
    display: block;
    cursor: pointer;
    /*width: 12px !important;*/
    display: block;
    margin: 0 auto;
}

    .tableimg:hover {
        background-color: #6d6d6d;
    }

.alert_info_message:before,
.alert_success_message:before,
.alert_warning_message:before,
.alert_danger_message:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: 12px;
}

.alert_info_message:before {
    background: url(../images/alert-info-24.png) center center no-repeat;
}

.alert_success_message:before {
    background: url(../images/alert-success-24.png) center center no-repeat;
}

.alert_warning_message:before {
    background: url(../images/alert-warning-24.png) center center no-repeat;
}

.alert_danger_message:before {
    background: url(../images/alert-error-24.png) center center no-repeat;
}

span[id$="alert_info_message"],
span[id$="alert_success_message"],
span[id$="alert_warning_message"],
span[id$="alert_danger_message"] {
    margin-left: 30px;
}

/*tsmodal confirm*/
.modal {
    z-index: 99990;
}

.modal-backdrop-opacity {
    background-color: rgba(255, 255, 255, 0.5);
}

.modal-backdrop {
    background-color: #fff;
}

    .modal-backdrop.in {
        filter: alpha(opacity=40);
        opacity: .4;
    }

#tsmodalconfirm {
    padding: 0;
}

.modalconfirm {
    z-index: 99998 !important;
}

.modal-content {
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.4);
}

.modal-header {
    color: #fff !important;
    border-bottom: 1px solid #a8ca6b;
    background-color: #8dc8eb;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .modal-header:not(.js-disable-drag):hover {
        cursor: move;
    }

    .modal-header h4 {
        padding-left: 35px;
    }

    .modal-header.ts-modal-login {
        background-color: #09426f;
    }

    .modal-header.ts-modal-warning h4:before {
        content: "";
        background: url(../images/alert-warning-24.png) center center no-repeat;
        position: absolute;
        height: 32px;
        width: 24px;
        z-index: 9;
        top: 12px;
        left: 16px;
    }

    .modal-header.ts-modal-info h4:before {
        content: "";
        background: url(../images/alert-info-24.png) center center no-repeat;
        position: absolute;
        height: 32px;
        width: 24px;
        z-index: 9;
        top: 12px;
        left: 16px;
    }

    .modal-header.ts-modal-success h4:before {
        content: "";
        background: url(../images/alert-success-24.png) center center no-repeat;
        position: absolute;
        height: 32px;
        width: 24px;
        z-index: 9;
        top: 12px;
        left: 16px;
    }

    .modal-header.ts-modal-error h4:before {
        content: "";
        background: url(../images/alert-error-24.png) center center no-repeat;
        position: absolute;
        height: 32px;
        width: 24px;
        z-index: 9;
        top: 12px;
        left: 16px;
    }

.modal-body p {
    margin: 0;
}

.modal-footer {
    border: none;
}

.tsmodalclose {
    background-color: #0d6efd;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: absolute;
    right: -15px;
    z-index: 9;
    top: -16px;
    border: unset;
    font-size: 2rem;
    line-height: 1.6rem;
    color: white;
}

.floatRight {
    float: right !important;
}

.floatLeft {
    float: left !important;
}

#cboxClose {
    top: 0px;
}

.ts-btn {
    bottom: 0px;
    margin: 5px;
}

/*/tsmodal confirm*/

.sel-misura-field {
    background-color: #d4d4d4;
}

/*PLANNER*/

#menuPlanner {
    padding: 0 0 8px 0;
}

    #menuPlanner .dropdown {
        display: inline-block;
    }

    #menuPlanner ul.dropdown-menu.show {
        will-change: unset !important;
        transform: none !important;
        top: 37px !important;
        background-color: #ffffff;
        border: 1px #d1d1d1 solid !important;
        max-width: unset !important;
        /*width: 100%;*/
        cursor: pointer;
    }

    #menuPlanner input.move-day {
        padding: 0.5rem;
        border: 1px #d1d1d1 solid;
        border-radius: 4px;
        max-width: unset;
        /*vertical-align: middle;*/
        vertical-align: top;
        height: 32.5px;
    }

    #menuPlanner button#dropdownMenu-calendarType {
        /*min-width: 170px;*/
    }

    #menuPlanner button#dropdownMenu-calendarType,
    #menuPlanner input.move-today {
        padding: 4px 12px;
        border: 1px #d1d1d1 solid;
        border-radius: 4px;
        background: transparent;
        font-size: 15px;
        font-weight: unset;
        text-transform: uppercase;
        cursor: pointer;
    }

    #menuPlanner .calendar-icon {
        width: 21px;
        height: 21px;
        display: inline-block;
        vertical-align: text-bottom;
    }

    #menuPlanner .dropdown-menu-title .calendar-icon {
        margin-right: 8px;
    }

    #menuPlanner .ic_view_month {
        background: url('../images/planner/ic-view-month@1x.png') no-repeat;
    }

    #menuPlanner .ic_view_week {
        background: url('../images/planner/ic-view-week@1x.png') no-repeat;
    }

    #menuPlanner .ic_view_day {
        background: url('../images/planner/ic-view-day@1x.png') no-repeat;
    }

    #menuPlanner a[data-action="toggle-workweek"] {
        padding: 4px;
    }

.calendar-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    /*vertical-align: middle;*/
}

.calendar-font-icon {
    font-family: tui-calendar-font-icon;
    font-size: medium;
    font-weight: normal;
}

.ic_view_month {
    background: url('../images/planner/ic-view-month.png') no-repeat;
}

.ic_view_week {
    background: url('../images/planner/ic-view-week.png') no-repeat;
}

.ic_view_day {
    background: url('../images/planner/ic-view-day.png') no-repeat;
}

.ic-arrow-line-left {
    background: url('../images/planner/ic-arrow-line-left.png') no-repeat;
}

.ic-arrow-line-right {
    background: url('../images/planner/ic-arrow-line-right.png') no-repeat;
}

.ic-travel-time {
    background: url('../images/planner/ic-traveltime-w.png') no-repeat;
}

/* font icons */
.ic-location-b:before {
    content: '\e900';
}

.ic-lock-b:before {
    content: '\e901';
}

.ic-milestone-b:before {
    content: '\e902';
}

.ic-readonly-b:before {
    content: '\e903';
}

.ic-repeat-b:before {
    content: '\e904';
}

.ic-state-b:before {
    content: '\e905';
}

.ic-user-b:before {
    content: '\e906';
}

.btnPlanner {
    border-radius: 25px;
    border-color: #ddd;
}

    .btnPlanner:hover {
        border: solid 1px #bbb;
        background-color: #fff;
    }

    .btnPlanner:active {
        background-color: #f9f9f9;
        border: solid 1px #bbb;
        outline: none;
    }

    .btnPlanner:disabled {
        background-color: #f9f9f9;
        border: solid 1px #ddd;
        color: #bbb;
    }

    .btnPlanner:focus:active, .btnPlanner:focus, .btnPlanner:active {
        outline: none;
    }

.open > .dropdown-toggle.btnPlanner {
    background-color: #fff;
}

#menuPlanner .dropdown-menu {
    padding: 3px 0;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #ffffff;
    font-size: 0.75rem;
}

    #menuPlanner .dropdown-menu > li > a {
        padding: 9px 12px;
        cursor: pointer;
    }

        #menuPlanner .dropdown-menu > li > a:hover {
            background-color: rgba(81, 92, 230, 0.05);
            color: #333;
        }

.bi15 {
    width: 15px;
    height: 15px;
}
/** custom fontawesome - end */

.calendar-icon {
    width: 14px;
    height: 14px;
}

#lnb {
    background: #fafafa;
}

    #lnb label {
        margin-bottom: 0;
        cursor: pointer;
    }

.lnb-calendars > div {
    padding: 5px 15px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
}

.lnb-calendars-d1 {
    padding-left: 8px;
}

    .lnb-calendars-d1 label {
        font-weight: normal;
    }

.lnb-calendars-item {
    display: inline-block;
    margin-right: 5px;
}

input[type="checkbox"].tui-full-calendar-checkbox-round + span {
    vertical-align: text-bottom !important;
    margin-right: 5px !important;
}

#dropdownMenu-calendarType {
    padding: 0 8px 0 11px;
}

#calendarTypeName {
    display: inline-block;
    text-align: left;
}

.move-today {
    padding: 0 16px;
}

#renderRange {
    font-size: 1.5rem;
    vertical-align: top;
}

.dropdown-menu-title .calendar-icon {
    margin-right: 8px;
}

.calendar-bar {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #eee;
    vertical-align: middle;
}

.calendar-name {
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

.schedule-time {
    color: #005aff;
}

#calendar {
    /*position: absolute;*/
    left: 0;
    right: 0;
    bottom: 5px;
    /*top: 64px;*/
}

/** custom fontawesome */
.fa {
    width: 12px;
    height: 12px;
    margin-right: 2px;
}

.weekday-grid-more-schedules {
    float: right;
    margin-top: 4px;
    margin-right: 6px;
    height: 18px;
    line-height: 17px;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-size: 12px;
    text-align: center;
    color: #000;
}

.tui-full-calendar-time-schedule {
    font-size: 12px;
    font-weight: 500 !important;
}

/*PLANNER*/

/*Navbar*/
nav .dropdown-menu {
    background: #eef5fb !important;
}

nav dropdown-item:focus, .dropdown-item:hover {
    background: #d9eaf9 !important;
}

nav .navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.68);
}
/*Navbar*/

/*Navbar-TABS*/
.nav-tabs .nav-link {
    border-color: #BEC1C4 #BEC1C4 #BEC1C4 !important;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #212427 !important;
        background-color: #fff !important;
        border-color: #1d2228 #1d2126 #ffffff !important;
    }
/*Navbar-TABS*/

.menuNavRight {
    padding-bottom: 5.5rem !important;
    margin-right: 2.5rem !important;
}

/*.menuNavRight {
    position: fixed !important;
    bottom: 0 !important;
    z-index: 1020;
    right: 2.5rem !important;
    margin-bottom: 5.5rem !important;
}

#menuDotNav > div.collapse.show + #ShortCutNav > div.collapse.show {
    right: 6.5rem !important;
}*/

#ul-menuDot {
    min-width: 1rem !important;
    background: rgba(240, 251, 255, 0.5) !important;
}

#ul-shortcut a {
    font-size: medium;
    font-weight: 700 !important;
}

.saveBtn {
    padding-bottom: 1.5rem !important;
}

.menu-dot {
    max-width: 3rem;
}

.menu-dotShort {
    max-width: 3rem;
}

/*MAPS*/
.mapIcon {
    position: absolute;
    border-radius: 50%;
    border: 8px solid black;
    width: 30px;
    height: 30px;
}

    .mapIcon::after {
        position: absolute;
        content: '';
        width: 17px;
        height: 20px;
        bottom: -29px;
        left: -3px;
        border: 10px solid transparent;
        border-top: 15px solid black;
    }
/*MAPS*/

/*accordion*/
.ts-accordion {
    position: relative;
    cursor: pointer;
    width: 100%;
    outline: none;
    transition: 0.8s;
    margin-top: 1em;
}

    .ts-accordion:hover {
        /*background-color: #ccc;*/
    }

.ts-active {
    /*background-color: #ccc;*/
}

.ts-accordion:before {
    /*content: '\f3d0';*/
    content: none;
    font-family: "Ionicons";
    position: absolute;
    right: 10px;
    color: #7ca0c4;
    font-size: 20px;
}

.ts-active:before {
    /*content: "\f3d8";*/
    content: none;
    font-family: "Ionicons";
}

.ts-panel {
    -o-transition: max-height 0.2s ease-out;
    -webkit-transition: max-height 0.2s ease-out;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

    .ts-panel div.row:first-of-type {
        margin-top: 4px;
    }

    .ts-panel div.row:last-of-type {
        margin-bottom: 4px;
    }
/*/accordion*/

.ts-txt-max {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px #7ca0c4 solid;
    display: inline-block;
    height: 25px;
    text-align: center;
    width: 100%;
    padding: 3px;
}

    span.disabled,
    .ts-txt-max:disabled {
        -webkit-border-radius: 4px;
        background-color: #e6e7eb;
        border-radius: 4px;
        border: 1px #bdc4ca solid;
        line-height: 20px;
        height: 25px;
        text-align: center;
        text-align: center;
        width: 100%;
    }

.ts-txt-sm {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px #7ca0c4 solid;
    line-height: 20px;
    height: 25px;
    text-align: center;
    width: 50px;
}

    .ts-txt-sm:disabled {
        background-color: #e6e7eb;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #7ca0c4 solid;
        line-height: 20px;
        height: 25px;
        text-align: center;
        width: 50px;
    }

/* tsscroll */
/*.tsscroll {
    position: fixed;
    right: 20px;
    bottom: 30px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-color: #a8ca6b;*/
/*display: none;*/
/*display: block;*/
/*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
/*border-radius: 25px;*/
/*z-index: 1;
}*/

.tsscroll span {
    position: absolute;
    top: 42%;
    left: 38%;
    border: solid #f5f5f5;
    border-width: 2px 2px 0px 0px;
    display: inline-block;
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/*    .tsscroll:hover {
        background-color: #41a62b;
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)";
    }*/
/* / tsscroll */

#colorBarCodeOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: green;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/*#placeholderCam {
    position: relative;
}

#video {
    position: relative;
    z-index: 1;
}

#colorBarCodeOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mask-image: radial-gradient(circle closest-side, transparent 50%, white 51%);
    -webkit-mask-image: radial-gradient(circle closest-side, transparent 50%, white 51%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 99999;
}*/

.tsedittip {
    position: fixed;
    right: 11rem;
    bottom: 4rem;
    /*cursor: pointer;*/
    width: 240px;
    height: 25px;
    background-color: #fff3cd;
    /*display: none;*/
    /*display: block;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /*border-radius: 25px;*/
    z-index: 1;
}

.tsedittipUP {
    position: absolute;
    top: -30px;
    right: 0px;
    width: 240px;
    height: 25px;
    background-color: #fff3cd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 1;
}

.ts-active::before {
    background-image: url(../images/add-document.png);
    content: none;
}

.ts-accordion::before {
    content: none;
}

#contents {
    margin: 10px;
}

#lblOperator {
    margin-right: 1rem;
}
/* Tab Content - menucool.com */
ul.tabs {
    padding: 7px 0;
    font-size: 0;
    margin: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}

    ul.tabs li {
        display: inline;
        margin: 0;
        margin-right: 3px; /*distance between tabs*/
    }

        ul.tabs li a {
            font-family: 'Open Sans', sans-serif !important;
            text-decoration: none;
            position: relative;
            padding: 7px 16px;
            border: 1px solid #CCC;
            border-bottom-color: #8dc8eb;
            color: #000;
            /*background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;*/
            border-radius: 3px 3px 0 0;
            outline: none;
            text-decoration: none !important;
        }

            ul.tabs li a:visited {
                color: #000;
            }

            ul.tabs li a:hover {
                border: 1px solid #B7B7B7;
                /*border-bottom-color:#8dc8eb;*/
                /*background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x;*/
            }

        ul.tabs li.selected a, ul.tabs li.selected a:hover {
            position: relative;
            top: 0px;
            font-weight: bold;
            /*background: #8dc8eb;*/
            background-image: linear-gradient(to bottom, #ddf2ff, #b4d1e7, #8eb1d0, #6b91ba, #4a72a3);
            border: 1px solid #B7B7B7;
            /*border-bottom-color: #8dc8eb;*/
        }

.highlight-blue {
    color: #3d99db;
    background-color: #d9edf7;
    border-color: #bce8f1 !important;
    font-weight: 600;
}

.highlight-yellow {
    color: #ff8f1a;
    background-color: #f5fc79;
    border-color: #ffdd65 !important;
    font-weight: 600;
}

.highlight-green {
    color: #41a62b;
    background-color: #a8ca6b;
    font-weight: 600;
}

.highlight-green-important {
    color: #41a62b !important;
    background-color: #a8ca6b !important;
    font-weight: 600 !important;
}

.highlight-red {
    color: #f97471;
    background-color: #fdd2d2;
    border-color: #f97471 !important;
    font-weight: 600;
}

.highlight-orange {
    color: #a52a2a;
    background-color: #e9967a;
    border-color: #f97471 !important;
    font-weight: 600;
}

.highlight-darkblue {
    color: #006969;
    background-color: #94a9ea;
    border-color: #bce8f1 !important;
    font-weight: 600;
}

.ts-list-detail-header-item {
    padding: 5px;
    font-weight: 600;
}

td.details-control {
    background: url('../images/plus16.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/minus16.png') no-repeat center center;
}

.ts-list-detail-body {
    border-bottom: rgba(221,221,221, .7) 1px solid;
    /*border-bottom: #ddd 1px solid;*/
    /*margin: 0 -10px;*/
}

    .ts-list-detail-body > div {
        min-height: 40px;
        line-height: 40px;
    }

table.dataTable.display tbody tr.shown + tr > td > div:last-of-type {
    border-bottom: none;
}

.ts-list-detail-header {
    border-bottom: 1px solid #ddd;
    background-color: darkgray;
}

h1.ts-t1,
h1.ts-ct1,
h1.ts-t1v,
h1.ts-t2,
h1.ts-ct2,
h1.ts-t3,
h1.ts-t4 {
    min-height: 60px;
    position: relative;
    text-align: end;
    color: #7ca0c4;
    font-weight: 600;
}

    h1.ts-t1:before {
        content: '';
        background: url(../images/ico-tipo1.png) center center no-repeat;
        background-size: 60px;
        position: absolute;
        height: 60px;
        width: 60px;
        top: 0;
        left: 0;
    }

    h1.ts-t2:before {
        content: '';
        background: url(../images/ico-tipo2.png) center center no-repeat;
        background-size: 60px;
        position: absolute;
        height: 60px;
        width: 60px;
        top: 0;
        left: 0;
    }

    h1.ts-t3:before {
        content: '';
        background: url(../images/ico-tipo3.png) center center no-repeat;
        background-size: 60px;
        position: absolute;
        height: 60px;
        width: 60px;
        top: 0;
        left: 0;
    }

    h1.ts-t4:before {
        content: '';
        background: url(../images/ico-tipo4.png) center center no-repeat;
        background-size: 60px;
        position: absolute;
        height: 60px;
        width: 60px;
        top: 0;
        left: 0;
    }

    h1.ts-ct1:before {
        content: '';
        background: url(../images/ico-ct1.png) center center no-repeat;
        background-size: 60px;
        position: absolute;
        height: 60px;
        width: 60px;
        top: 0;
        left: 0;
    }

    h1.ts-ct2:before {
        content: '';
        background: url(../images/ico-ct2.png) center center no-repeat;
        background-size: 60px;
        position: absolute;
        height: 60px;
        width: 60px;
        top: 0;
        left: 0;
    }

/*#region ETICHETTE*/

#etichetta-preview {
    width: 21cm; /* Larghezza di un foglio A4 in centimetri */
    height: 29.5cm; /* Altezza di un foglio A4 in centimetri */
    position: relative;
    /*border: 1px solid #000;*/
}

    #etichetta-preview.test {
        border: 1px solid #000;
    }

.etichetta {
    width: 5cm; /* Larghezza di default per l'etichetta in centimetri */
    height: 3cm; /* Altezza di default per l'etichetta in centimetri */
    position: absolute;
    /*border: 1px solid #000;*/
}

    .etichetta.test {
        background-color: #8dc8eb; /* Sostituisci con il tuo stile desiderato */
        border: 1px solid #000;
    }

#etichetta-preview.landscape {
    width: 29.7cm;
    height: 21cm;
}

/*#endregion ETICHETTE*/


@media (hover: hover) {
    .navbar .nav-item:not(#navToggleDropdown):not(.notHover) .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:not(#navToggleDropdown):not(.notHover):hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}


@media all and (min-width: 992px) {

    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 4px 10px !important;
    }
    /*    table.dataTable.ts-compact tbody th,
    table.dataTable.ts-compact tbody td {
        padding: 0px 2px !important;
    }*/
}

/*Extra small devices (phones, 600px and down)*/
@media only screen and (max-width: 600px) {
    body, html {
        background-position: 0 10px;
        font-size: 14px;
    }

    #loginModal {
        font-size: 12px;
    }

    .ts-logo-m {
        max-height: 3rem;
        /*max-width: 150px;*/
    }

    #headerBar {
        font-size: 12px !important;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    body, html {
        /*background-position: 0 10px;*/
        font-size: 14px;
    }

    .ts-logo-m {
        max-height: 4rem;
    }

    #headerBar {
        font-size: 12px !important;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    body, html {
        /*background-position: 0 10px;*/
        font-size: 10px;
    }

    .ts-logo-m {
        max-height: 4rem;
    }

    #headerBar {
        font-size: medium !important;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    body, html {
        /*background-position: 0 10px;*/
        font-size: 12px;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    body, html {
        /*background-position: 0 10px;*/
        font-size: 13px;
    }

    .c_dati {
        width: 90px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1400px) {
    body, html {
        /*background-position: 0 10px;*/
        font-size: 14px;
    }

    .c_dati {
        width: 90px;
    }

    /*.txt_dett,
    .txt_dett_resize {
        font-size: 14px;
    }*/
}

.accordion-horizontal {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.accordion-buttons .btn-vertical {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    width: 40px;
    height: 120px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 0 !important;
}

.accordion-content {
    transition: width 0.35s ease;
    overflow: hidden;
}

.collapse.collapse-horizontal:not(.show) {
    display: none;
}

.collapse.collapse-horizontal.show {
    display: block;
    width: auto;
}

.calculator-display {
    background-color: #f8f9fa;
    border: 2px solid #dee2e6;
    border-radius: 5px;
    padding: 15px;
    /*font-family: monospace;*/
    /*font-size: 18px;*/
    text-align: right;
    margin-bottom: 10px;
    min-height: 50px;
    position: relative;
}

.calc-operation-indicator {
    position: absolute;
    top: 5px;
    left: 10px;
    /*font-size: 12px;*/
    color: #6c757d;
    /*font-family: monospace;*/
}

.calculator-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.calc-btn {
    flex: 1 1 calc(25% - 10px);
    min-width: 60px;
    height: 50px;
    /*font-size: 18px;*/
    font-weight: bold;
    border: none;
    outline: none !important;
    border-radius: 5px;
    transition: all 0.2s;
}

    .calc-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .calc-btn.pressed {
        transform: scale(0.9);
        background-color: #d1d1d1 !important;
    }

    .calc-btn.operator {
        background-color: #007bff;
        color: white;
    }

        .calc-btn.operator.active {
            background-color: #0056b3;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
            transform: none;
        }

    .calc-btn.number {
        background-color: #6c757d;
        color: white;
    }

    .calc-btn.equals {
        background-color: #28a745;
        color: white;
    }

    .calc-btn.clear {
        background-color: #dc3545;
        color: white;
    }

    .calc-btn.zero,
    .calc-send,
    .calc-cancel {
        flex: 1 1 calc(50% - 10px);
    }

.calc-dynamic-rows {
    max-height: 100px;
    overflow-y: auto;
    /*margin-bottom: 10px;*/
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 5px;
    border: 1px solid #dee2e6;
}

.calculation-row {
    /*font-family: monospace;*/
    padding: 5px 0;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .calculation-row:last-child {
        border-bottom: none;
    }

    .calculation-row .row-expression {
        /*color: #6c757d;*/
        flex: 1;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 10px;
    }

    .calculation-row .row-result {
        font-weight: bold;
        color: #28a745;
        text-align: right;
        min-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
    }