/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

:root {
    --gray: #BFBFBF;
    --gray-ultra-dark: #2E2E2E;
    --gray-dark: #3E3E3E;
    --gray-normal: #8C8C8C;
    --gray-light: #E2E2E2;
    --gray-ultra-light: #F8F8F8;
    --red: #c0210d;
    --red-dark: #961316;
    --blue-light: #56adb2;
    --blue: #31aaa6;
    --green: #6caa31;
    --green-light: #bbb800;
    --black: #2e2e2e;
    --yellow: #d8b700;
}

* {
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

    a:hover, a:focus {
        text-decoration: none;
    }

html, body {
    color: #2e2e2e;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 1rem;
    line-height: 1.2;
}

strong,
.bold {
    font-weight: 700;
}

.text {
    font-size: 0.45em;
}

input[type=checkbox], input[type=radio] {
    border: 1px solid #3E3E3E;
    background: #ffffff;
    width: 14px;
    height: 14px;
}

.main-cnt {
    background: #FFFFFF;
    flex: 1 1 0;
    position: absolute;
    max-height: calc(100vh - 125px);
    min-height: calc(100vh - 125px);
    overflow: auto;
    width: 97%;
    left: 3%;
}

.padding-inner {
    padding: 0.5rem !important;
}

.padding-lateral {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.padding-top {
    padding-top: 0.5rem !important;
}

.padding-bottom {
    padding-bottom: 0.5rem !important;
}

.white {
    color: #FFFFFF;
}

.black {
    color: #2f2f2f !important;
}

.red {
    color: var(--red) !important;
}

.blue-light {
    color: var(--blue-light) !important;
}

.gray {
    color: var(--gray);
}

.gray-dark {
    color: var(--gray-dark);
}

.gray-normal {
    color: var(--gray-normal);
}

.gray-light {
    color: var(--gray-light);
}

.green {
    color: var(--green);
}

.green-light {
    color: var(--green-light);
}

.yellow {
    color: var(--yellow);
}

.bg-ultra-dark {
    background-color: #2f2f2f;
}

.bg-dark {
    background-color: var(--gray-dark);
}

.bg-normal {
    background-color: var(--gray-normal);
}

.bg-light {
    background-color: var(--gray-light);
}

.bg-gray {
    background-color: #f2f2f2;
}

.border {
    border: 2px solid #d6d6d6;
}

.btn-red {
    background-color: var(--red) !important;
    color: #FFFFFF !important;
}

.btn-white {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.btn-gray {
    background-color: var(--gray-light) !important;
    color: #FFFFFF !important;
}

.btn-disabled {
    opacity: 0.5;
}

.btn.btn-icon {
    padding: 0.85em 1.2em;
}

.btn-icon [class^="icon-"],
.btn-icon [class*=" icon-"] {
    font-size: 1.5em;
    margin-right: 0.5em;
    display: inline-block;
    top: 0.12em;
    position: relative;
}

.btn {
    border-radius: 0;
}

    .btn:hover {
        transform: none;
    }

.dropdown {
    display: inline-block;
}

.dropdown-toggle::after {
    float: right;
    top: 0.3rem;
    position: relative;
    margin-left: 0.8em;
}

.btn.btnArrow {
    font-size: 0.40rem;
    padding: 1.05em 1.2em;
}

.btn.dropdown-toggle {
    min-width: 4rem;
    text-align: left;
    font-size: 0.4rem;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.48em 1.2em;
}

.btn.dropdown-toggle-v2 {
    padding: 1em 1.2em;
}

.dropdown span {
    display: inline-block;
    text-align: left;
    line-height: 1.1;
}

    .dropdown span > span {
        display: block;
        margin-top: 0.1rem;
    }

.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: var(--gray-normal);
}

.dropdown-item {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.45em;
    padding: .40rem 0.75rem;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #ffffff;
        background-color: var(--gray-dark);
    }

.bootstrap-datetimepicker-widget.dropdown-menu {
    background: #ffffff;
    border: 1px solid #d4d2d2;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    border-radius: 0;
}

.range-date {
    background-color: var(--gray-dark);
}

    .range-date .form-group {
        margin: 0;
        display: inline-block;
    }

    .range-date .form-control {
        background: transparent;
        color: #ffffff;
        border: 1px solid transparent;
    }

.input-group-text {
    background: transparent;
    color: #ffffff;
    border: 0;
    font-size: 0.75rem;
}

.btn01 {
    font-size: 0.4rem;
    line-height: 1.5em;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    background: var(--gray-dark);
    padding: 1em 1.2em;
    display: inline-block;
}

    .btn01:hover,
    .btn01:focus {
        color: #FFFFFF;
        box-shadow: none;
    }

    .btn01.btntwoline {
        padding: 0.5em 1.2em;
    }

td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center !important;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center !important;
}

.btn01.btntwoline span {
    display: block;
    text-align: left;
    line-height: 1.1;
}

    .btn01.btntwoline span > span {
        margin-top: 0.1rem;
    }

.nav-arrow {
    color: #FFFFFF;
    font-size: 1em;
}

.form01 {
    padding: 0;
}

    .form01 label {
        font-size: 0.45rem;
        color: var(--gray-normal);
    }

        .form01 label.custom-control-label {
            line-height: 1.6rem;
        }

    .form01 .form-group {
        margin-bottom: 0.5rem;
    }

    .form01 .input-group {
        border: 1px solid #d4d2d2;
    }

        .form01 .input-group input {
            border: none;
        }

    .form01 .input-group-text {
        color: var(--black);
        font-size: 0.5rem;
        padding: .375rem;
    }

.input-group-append .input-group-text [class^="icon-"] {
    font-size: 0.5rem;
}

.form01 .form-control {
    font-size: 0.45rem;
    border: 1px solid #d4d2d2;
    border-radius: 0;
    padding: .375rem .30rem;
}

.input-group .form-control {
    font-size: 0.45rem;
    border-radius: 0;
    padding: 0.375em 1.2em;
    height: calc(1.5em + .75rem)
}

.form01 .form-control::placeholder {
    font-weight: 400;
    color: var(--black);
}

.form01 .form-control:disabled,
.form01 .form-control[readonly] {
    background: #d4d2d2;
}

.range-date .input-group.date .form-control {
    padding: 1em 1.2em;
    height: auto;
    line-height: 1.5em;
    font-size: 0.4em;
}

.form-check-input {
    margin-top: .5rem;
    margin-left: -0.8rem;
}

.detail-list {
    font-size: 0.4rem;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    font-size: 0.4rem;
    color: #000000;
}

.chart-container {
    position: relative;
}

.chart-container-v1 {
    min-height: 25vh;
}

.tooltip-inner {
    background-color: var(--gray-normal);
    font-size: 0.4em;
}

.tooltip.bs-tooltip-right .arrow:before,
.tooltip.bs-tooltip-left .arrow:before,
.tooltip.bs-tooltip-bottom .arrow:before,
.tooltip.bs-tooltip-top .arrow:before {
    border-left-color: var(--gray-normal) !important;
}

.empty-message {
    min-height: 20vh;
}

.fileupload-btn {
    display: inline-block;
}

.fileupload-group {
    position: relative;
    display: inline-block;
}

.text-file.fileupload-filename {
    border: 0;
    font-size: 0.5em;
    padding-left: 2em !important;
    z-index: 19;
    position: relative;
}

.fileupload-btn-remove {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 20;
    display: none;
    color: #ff0000;
    font-size: 0.6em;
}

.form-link {
    font-size: 0.45rem;
    color: var(--gray-normal);
    display: inline-block;
}

.edit-mode {
    position: relative;
}

    .edit-mode .icon-edit {
        font-size: 0.7em;
        padding: 0.2rem 0.4rem;
        position: absolute;
        right: 0;
        top: 0;
        color: var(--black);
    }

.filename-cnt {
    position: relative;
    display: block;
}

.field-table {
    font-size: 0.45rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    padding: .275rem .30rem;
    border: 1px solid #d4d2d2;
}

    .field-table.inviti-disponibili {
        max-width: 75px;
    }

@media (min-width: 576px) {
    html {
        font-size: 1.2rem;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 1.4rem;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 1.6rem;
    }

    .padding-inner {
        padding: 0.75rem !important;
    }
}

@media (min-width: 1024px) {
    .detail-list {
        font-size: 0.5rem;
    }
}

@media (min-width: 1280px) {
    .text {
        font-size: 0.5em;
    }

    .padding-lateral {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }

    .padding-inner {
        padding: 1rem !important;
    }

    .padding-top {
        padding-top: 0.5rem !important;
    }

    .padding-bottom {
        padding-bottom: 0.5rem !important;
    }

    .btn.btnArrow {
        font-size: 0.42rem;
        padding: 1em 1.2em;
    }

    .form01 label {
        font-size: 0.5rem;
    }

        .form01 label.custom-control-label {
            line-height: 1.6rem;
        }

    .form01 .form-check-cnt {
        padding: .15rem .65rem;
    }

    .form01 .form-control {
        font-size: 0.5rem;
        padding: .375rem .375rem;
    }

    .form01 .form-group {
        margin-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .input-group .form-control {
        font-size: 0.5rem;
        height: calc(1.5em + .75rem)
    }

    .form01 .input-group-text {
        font-size: 0.75rem;
    }

    .input-group-text {
        font-size: 0.65rem;
        padding: .375rem;
    }

    .input-group-append .input-group-text {
        font-size: 0.5rem;
    }

        .input-group-append .input-group-text [class^="icon-"] {
            font-size: 0.65rem;
        }

    .btn.dropdown-toggle {
        font-size: 0.4em;
    }

    .btn.dropdown-toggle-v2 {
        padding: 1em 1.2em;
    }

    .tooltip-inner {
        font-size: 0.5em;
    }

    .text-file.fileupload-filename {
        font-size: 0.5em;
    }

    .fileupload-btn-remove {
        font-size: 0.7em;
        top: 0.6em;
    }

    .form-link {
        font-size: 0.5rem;
    }

    .field-table {
        font-size: 0.5rem;
        padding: .275rem .375rem;
    }
}

@media (min-width: 1440px) {
}

@media (min-width: 1920px) {
    input[type=checkbox], input[type=radio] {
        width: 18px;
        height: 18px;
    }

    .text {
        font-size: 0.75em;
    }

    .padding-lateral {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .padding-top {
        padding-top: 0.8rem !important;
    }

    .padding-bottom {
        padding-bottom: 0.8rem !important;
    }

    .btn01 {
        font-size: 0.65rem;
    }

        .btn01.btntwoline {
            padding: 0.56em 1.2em;
        }

    .btn.btnArrow {
        font-size: 0.65rem;
    }

    .btn.dropdown-toggle {
        min-width: 7rem;
    }

    .btn.dropdown-toggle-v2 {
        padding: 1em 1.2em;
    }

    .input-group.date .input-group-text {
        font-size: 1rem;
    }

    .input-group-append .input-group-text [class^="icon-"] {
        font-size: 1rem;
    }

    .form01 .form-group {
        margin-bottom: 0.7rem;
        padding-top: 0.7rem;
    }

    .form01 label {
        font-size: 0.75rem;
        line-height: 1.5;
    }

        .form01 label.custom-control-label {
            line-height: 1.6rem;
        }

    .form01 .form-control {
        font-size: 0.75rem;
        padding: .375rem .75rem;
    }

    .input-group .form-control {
        font-size: 0.65rem;
        line-height: 1.6em;
        padding: 1em 1.2em;
    }

    .form01 .input-group .form-control {
        font-size: 0.75rem;
        padding: .355rem .75rem;
        height: calc(1.5em + .75rem)
    }

    .form01 .input-group-text {
        font-size: 1.00rem;
    }

    .range-date .input-group.date .form-control {
        font-size: 0.65em
    }

    .input-group-append .input-group-text {
        font-size: 0.75rem;
    }

    .form-check-input {
        margin-top: .4rem;
        margin-left: -1rem;
    }

    .detail-list {
        font-size: 0.75rem;
    }

    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        font-size: 0.75rem;
    }

    .dropdown-item {
        font-size: 0.65em;
    }

    .btn.dropdown-toggle {
        font-size: 0.65em;
    }

    .chart-container-v1 {
        min-height: 30vh;
    }

    .chart-container-v2 {
        height: 40vh;
    }

    .tooltip-inner {
        font-size: 0.65em;
    }

    .text-file.fileupload-filename {
        font-size: 0.75em;
        line-height: 1.2em;
    }

    .fileupload-btn-remove {
        font-size: 0.9em;
        top: 0.5em;
    }

    .form-link {
        font-size: 0.75rem;
        line-height: 2;
    }

    .edit-mode .icon-edit {
        font-size: 1.2em;
        padding: 0.2rem 0.4rem;
    }

    .field-table {
        font-size: 0.75rem;
        padding: .275rem .75rem;
    }
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?esujar');
    src: url('fonts/icomoon.eot?esujar#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?esujar') format('truetype'), url('fonts/icomoon.woff?esujar') format('woff'), url('fonts/icomoon.svg?esujar#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-doc:before {
    content: "\e932";
}

.icon-upload:before {
    content: "\e931";
}

.icon-anagrafiche:before {
    content: "\e930";
}

.icon-annulla:before {
    content: "\e928";
}

.icon-eliminaround:before {
    content: "\e92c";
}

.icon-ok:before {
    content: "\e92d";
}

.icon-adduser:before {
    content: "\e92e";
}

.icon-mail:before {
    content: "\e92f";
}

.icon-team:before {
    content: "\e927";
}

.icon-info2:before {
    content: "\e926";
}

.icon-creaevento:before {
    content: "\e92b";
}

.icon-list:before {
    content: "\e906";
}

.icon-addprospect:before {
    content: "\e921";
}

.icon-eventoconcluso:before {
    content: "\e922";
}

.icon-group:before {
    content: "\e923";
}

.icon-logout:before {
    content: "\e924";
}

.icon-profilo:before {
    content: "\e925";
}

.icon-impersona:before {
    content: "\e929";
}

.icon-dashboard:before {
    content: "\e92a";
}

.icon-arrow-up:before {
    content: "\e91e";
}

.icon-arrow-down:before {
    content: "\e91f";
}

.icon-alert:before {
    content: "\e920";
}

.icon-edit:before {
    content: "\e91d";
}

.icon-clock:before {
    content: "\e91c";
}

.icon-plus:before {
    content: "\e91a";
}

.icon-send:before {
    content: "\e91b";
}

.icon-print:before {
    content: "\e918";
}

.icon-reverse:before {
    content: "\e919";
}

.icon-info:before {
    content: "\e917";
}

.icon-resend:before {
    content: "\e915";
}

.icon-filters:before {
    content: "\e916";
}

.icon-round:before {
    content: "\e914";
}

.icon-landing:before {
    content: "\e90b";
}

.icon-garbage:before {
    content: "\e90d";
}

.icon-down:before {
    content: "\e907";
}

.icon-up:before {
    content: "\e908";
}

.icon-removeround:before {
    content: "\e90a";
}

.icon-addround:before {
    content: "\e912";
}

.icon-checkround:before {
    content: "\e913";
}

.icon-close:before {
    content: "\e90c";
}

.icon-arrowdown:before {
    content: "\e909";
}

.icon-arrowleft:before {
    content: "\e90e";
}

.icon-arrowright:before {
    content: "\e90f";
}

.icon-search:before {
    content: "\e910";
}

.icon-menu:before {
    content: "\e911";
}

.icon-anagraficheold:before {
    content: "\e900";
}

.icon-analysis:before {
    content: "\e901";
}

.icon-calendar:before {
    content: "\e902";
}

.icon-dashboard-old:before {
    content: "\e903";
}

.icon-new-event:before {
    content: "\e904";
}

.icon-notification:before {
    content: "\e905";
}

.border-right {
    border-right: 1px solid #e2e2e2 !important;
}

.border-top {
    border-top: 1px solid #e2e2e2 !important;
}

header .border-right {
    border-color: #515151 !important;
}

.tab-content .tab-pane-inner {
    /*min-height: 42vh;*/
}

@media (min-width: 1280px) {
    .tab-content .tab-pane-inner {
        /*min-height: 40vh;*/
    }
}

@media (min-width: 1920px) {
    .tab-content .tab-pane-inner {
        /*min-height: 25vh;*/
    }
}

.slider-container, .slider-container * {
    min-height: 0;
    min-width: 0;
}

/**** LEFT SIDERAR ***/
.left-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 15.00vh;
    z-index: 1000;
    height: calc(100vh - 15vh);
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 6vw;
    flex: 0 1 6vw;
    background-color: var(--red);
    padding: 0 !important;
    overflow-y: visible;
}

.lt-left-sidebar li {
    display: block;
    text-align: center;
    border-bottom: 1px solid #252523;
    position: relative
}

    .lt-left-sidebar li span {
        color: #FFFFFF;
        font-size: 1.3em;
    }

    .lt-left-sidebar li .label-cnt {
        display: none;
    }

    .lt-left-sidebar li .sidebar-item {
        display: block;
        padding: 0.65rem 0.65rem;
    }

    .lt-left-sidebar li:hover,
    .lt-left-sidebar li.sidebar-item-select {
        background-color: var(--red-dark);
    }

@media (min-width: 768px) {
    .lt-left-sidebar li .sidebar-item {
        padding: 0.9rem 0.7rem;
    }

    .lt-left-sidebar li span {
        font-size: 1.2rem;
    }
}

@media (min-width: 1024px) {
    .lt-left-sidebar li .sidebar-item {
        padding: 0.8rem 0.5rem;
    }
}

@media (min-width: 1280px) {
    .left-sidebar {
        top: 12vh;
        height: calc(100vh - 12vh);
    }

    .lt-left-sidebar li .sidebar-item {
        padding: 3vh 0;
    }

    .lt-left-sidebar li span {
        font-size: 1.3rem;
    }

    .lt-left-sidebar li .label-cnt label {
        font-size: 0.5em;
    }

    .lt-left-sidebar li .label-cnt {
        min-width: 0; /* min-width as the pixel value */
        width: 0%; /* width as the % value */
        -webkit-transition: width 0.5s ease;
        -moz-transition: width 0.5s ease;
        -ms-transition: width 0.5s ease;
        -o-transition: width 0.5s ease;
        transition: all 0.5s ease;
        display: flex;
        position: absolute;
        top: 0;
        left: 6vw;
        background: rgba(150,19,22,0.9);
        flex-direction: column;
        align-content: center;
        justify-content: center;
        height: 100%;
    }

        .lt-left-sidebar li .label-cnt label {
            position: relative;
            left: -9999px;
            color: #ffffff;
            font-size: 0.45em;
            font-weight: 600;
            white-space: nowrap;
            text-transform: uppercase;
            padding: 0 1.5em;
            opacity: 0;
            -webkit-transition: opacity 0.6s ease-in-out;
            -moz-transition: opacity 0.6s ease-in-out;
            -ms-transition: opacity 0.6s ease-in-out;
            -o-transition: opacity 0.6s ease-in-out;
            transition: opacity 0.6s ease-in-out;
        }

    .lt-left-sidebar li:hover .label-cnt {
        width: calc(15vh + 3em);
    }

        .lt-left-sidebar li:hover .label-cnt label {
            opacity: 1;
            left: 0;
        }
}

@media (min-width: 1440px) {
}

@media (min-width: 1920px) {
    /*.left-sidebar {
		top: 15vh;
		height: calc(100vh - 15vh);
	}*/
    .lt-left-sidebar li .sidebar-item {
        padding: 3vh 0;
    }

    .lt-left-sidebar li span {
        font-size: 1.8rem;
    }

    .lt-left-sidebar li:hover .label-cnt {
        width: calc(15vh + 2em);
    }

    .lt-left-sidebar li .label-cnt label {
        font-size: 0.65em;
        padding: 0 1em;
    }
}

/**** TOP SIDERAR ***/
.sticky-top {
    height: 15.00vh;
    min-height: 90px;
    padding: 0;
    background-color: #202020;
}

.hamb-menu-cnt {
    background-color: #252523;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 6vw;
    flex: 0 1 6vw;
    padding: 0 !important;
    z-index: 1000;
}

.hamb-menu {
    background-color: #2f2f2f;
    border: 0;
    padding: 0;
    z-index: 1000;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-self: stretch;
    align-items: stretch;
    justify-content: center;
    justify-items: center;
}

    .hamb-menu span {
        font-size: 1.3em;
        ;
        color: #FFFFFF;
        margin: 0 auto;
        text-align: center
    }

.header-widget li {
    border-left: 1px solid #515151;
}

.logo-cnt span {
    display: block;
    font-size: 0.4em;
    line-height: 1.2;
    color: #FFFFFF;
}

.logo-cnt .logo-img {
    display: block;
    width: 100%;
    max-width: 230px;
    padding: 0.2rem 0;
}

.header-widget-item {
    display: block;
    padding: 0 1rem;
}

    .header-widget-item:hover,
    .header-widget-item:focus {
        background: #C21B17;
        cursor: pointer;
    }

    .header-widget-item span {
        font-size: 1.3em;
        ;
        color: #FFFFFF;
        position: relative;
    }

    .header-widget-item .num-notification {
        position: absolute;
        font-size: 0.5em;
        font-weight: 400;
        line-height: 1.6em;
        width: 1.6em;
        height: 1.6em;
        color: #fFFFFF;
        border-radius: 50%;
        background-color: var(--red);
        display: inline-flex;
        padding: 0.125rem;
        text-align: center;
        top: -0.2rem;
        right: -0.3rem;
        font-family: 'Helvetica', 'Arial', sans-serif;
        justify-content: center;
        align-items: center;
    }

    .header-widget-item:hover .num-notification,
    .header-widget-item:focus .num-notification {
        color: var(--red);
        background-color: #fFFFFF;
    }

        .header-widget-item:hover .num-notification span,
        .header-widget-item:focus .num-notification span {
            color: var(--red);
        }

.manager-name {
    display: block;
    font-size: 0.7em;
    line-height: 1.1;
    font-weight: 700;
    color: #FFFFFF;
}

.manager-role {
    display: block;
    font-size: 0.6em;
    line-height: 1.8;
    font-weight: 400;
    color: #FFFFFF;
}

.bg-role {
    background-repeat: no-repeat;
    background-position-x: 2rem;
    background-size: 80%;
    background-position-y: 2rem;
}

.bg-role-manager {
    background-image: url('../img/bg-role01.png');
}

@media (min-width: 768px) {
    .hamb-menu span {
        font-size: 1.2rem;
    }

    .manager-name {
        font-size: 0.6em;
        line-height: 1.3;
    }
}

@media (min-width: 1024px) {
}

@media (min-width: 1280px) {
    .sticky-top {
        height: 12vh;
        min-height: 110px;
    }

    .header-widget-item {
        padding: 0 1.3rem;
    }

    .logo-cnt span {
        font-size: 0.5em;
        line-height: 1.6;
    }

    .hamb-menu span {
        font-size: 1.6rem;
    }

    .manager-name {
        font-size: 0.7em;
        line-height: 1.2;
    }

    .header-widget-item .num-notification {
        width: 1.5em;
        height: 1.5em;
    }

        .header-widget-item .num-notification > span {
            font-size: 0.9em;
            line-height: 1.7em;
        }
}

@media (min-width: 1920px) {
    .sticky-top {
        min-height: 125px;
    }

    .logo-cnt span {
        font-size: 0.7em;
    }

    .header-widget-item {
        padding: 0 2.4rem;
    }

        .header-widget-item > span {
            font-size: 1.8em;
        }

    .manager-name {
        font-size: 0.9em;
        line-height: 1.2;
    }

    .header-widget-item .num-notification > span {
        font-size: 0.8em;
    }
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .sticky-top {
        height: 12vh;
    }

    .left-sidebar {
        top: 12vh;
        height: calc(100vh - 12vh);
    }
}

.nav-tabs.nav-tabs-01 {
    border-bottom: none;
    background-color: #e2e2e2;
    margin: 0 -0.4rem;
}

    .nav-tabs.nav-tabs-01 .nav-item {
        margin-bottom: 0;
    }

    .nav-tabs.nav-tabs-01 .nav-link {
        border: none;
        border-radius: 0;
        color: #a0a0a0;
        text-transform: uppercase;
        font-size: 0.5em;
        font-weight: 700;
        padding: 0.5rem 0.2rem;
        background-color: #e2e2e2;
        position: relative;
    }

        .nav-tabs.nav-tabs-01 .nav-link.active,
        .nav-tabs.nav-tabs-01 .nav-item.show .nav-link {
            color: #3e3e3e;
            background-color: #e2e2e2;
            border-color: #e2e2e2;
        }

            .nav-tabs.nav-tabs-01 .nav-link.active:after, .nav-tabs.nav-tabs-01 .nav-link.active:before {
                bottom: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .nav-tabs.nav-tabs-01 .nav-link.active:after {
                border-bottom-color: #e2e2e2;
                border-width: 0.5rem;
                margin-left: -0.5rem;
            }

.nav-tabs.nav-tabs-02 {
    border-bottom: none;
    margin: 0 -15px;
}

    .nav-tabs.nav-tabs-02 .nav-item {
        margin-bottom: 0;
    }

    .nav-tabs.nav-tabs-02 .nav-link {
        border-radius: 0;
        color: #a0a0a0;
        text-transform: uppercase;
        font-size: 0.5em;
        font-weight: 700;
        padding: 0.5rem 0.2rem;
        background-color: #f4f4f4;
        position: relative;
        border: 1px solid #d4d2d2;
        border-left: 0;
    }

    .nav-tabs.nav-tabs-02 .nav-item:last-child .nav-link {
        border-right: 0;
    }

    .nav-tabs.nav-tabs-02 .nav-link.active,
    .nav-tabs.nav-tabs-02 .nav-item.show .nav-link {
        color: #3e3e3e;
        background-color: #FFFFFF;
        border-bottom: 0;
    }

@media (min-width: 1280px) {
    .nav-tabs.nav-tabs-01 .nav-link {
        font-size: 0.5em;
        padding: 0.5rem 0.3rem;
    }

    .nav-tabs.nav-tabs-01 {
        margin: 0 -0.8rem;
    }

        .nav-tabs.nav-tabs-01 .nav-link.active:after {
            border-width: 0.6rem;
            margin-left: -0.6rem;
        }

    .nav-tabs.nav-tabs-02 .nav-link {
        font-size: 0.5em;
        padding: 0.7rem 0.2rem;
    }
}

@media (min-width: 1440px) {
    .nav-tabs.nav-tabs-01 .nav-link {
        font-size: 0.6em;
        padding: 0.5rem 0.4rem;
    }
}

@media (min-width: 1920px) {
    .nav-tabs.nav-tabs-01 {
        margin: 0 -1rem;
    }

        .nav-tabs.nav-tabs-01 .nav-link {
            font-size: 0.7em;
            padding: 0.7rem 0.5rem;
        }

            .nav-tabs.nav-tabs-01 .nav-link.active:after {
                border-width: 0.8rem;
                margin-left: -0.8rem;
            }

    .nav-tabs.nav-tabs-02 .nav-link {
        font-size: 0.75em;
        padding: 0.9rem 0.2rem;
    }
}

/*** MAIN ***/
.title-cell {
    display: inline-block;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 1.2;
    position: relative;
}

.title-arrow {
    font-size: 0.6em;
    font-weight: 300;
    color: #c4c4c4;
    display: inline-block;
    margin-left: 0.3em;
}

.lt-dash-01 li {
    display: block;
    border-bottom: 2px solid #f5f5f5;
    padding: 0.3rem 0;
}

    .lt-dash-01 li:last-child {
        border: none;
    }

    .lt-dash-01 li label {
        font-size: 0.5rem;
        font-weight: 700;
        line-height: 1.4;
        color: var(--black) !important;
        position: relative;
        padding-left: 0.9rem
    }

        .lt-dash-01 li label:before {
            content: "";
            display: inline-block;
            width: 0.6rem;
            height: 0.6rem;
            position: absolute;
            left: 0;
            top: 0;
        }

label.square.green-light:before {
    background: var(--green-light)
}

label.square.green:before {
    background: var(--green)
}

label.square.blue:before {
    background: var(--blue)
}

label.square.gray:before {
    background: var(--gray)
}

label.square.red:before {
    background: var(--red)
}

.lt-dash-01 li .value {
    font-size: 0.5rem;
    font-weight: 700;
    color: var(--green);
}

.lt-dash-01-text {
    font-size: 0.4rem;
    display: block;
}

.lt-dash-01-num {
    font-size: 0.5rem;
    font-weight: 700;
    padding-right: 0.2rem;
    position: relative;
}

.lt-dash-02 li {
    display: block;
    padding: 0.2rem 0;
}

    .lt-dash-02 li label {
        font-size: 0.5rem;
        line-height: 1.2;
        color: var(--black) !important;
        position: relative;
        display: block;
        padding-left: 0.8rem
    }

        .lt-dash-02 li label:before {
            content: "";
            display: inline-block;
            width: 0.5rem;
            height: 0.5rem;
            position: absolute;
            left: 0;
            top: 0;
        }

.num-euro::after {
    content: " €";
    color: var(--black);
    font-weight: 700;
    position: absolute;
    right: -0.2rem;
}

.lt-01 li {
    font-size: 0.5rem;
    line-height: 1.5;
    color: #FFFFFF;
    padding: 0.1em 0;
}

    .lt-01 li label {
        font-weight: 400;
    }

.lt-02 li {
    margin-bottom: 0.6rem;
    position: relative;
}

    .lt-02 li p {
        font-size: 0.5rem;
        padding: 0 0 0.2em 0;
    }

    .lt-02 li .date {
        font-size: 0.45em;
    }

    .lt-02 li.icon {
        padding-left: 1.5rem;
    }

        .lt-02 li.icon.gray-normal:before {
            color: var(--gray-normal) !important;
        }

li.calendar:before {
    content: "\e902";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0rem;
    left: 0rem;
    font-size: 1em;
    font-weight: 300;
    color: var(--red);
}

li.approved:before {
    content: "\e913";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0rem;
    left: 0rem;
    font-size: 1em;
    font-weight: 300;
    color: var(--red);
}

.table-more-items [class*="col-"] {
    padding: 0 5px;
}

.table-more-items label {
    font-size: 0.5rem;
    font-weight: 700;
    display: block;
    text-align: center;
    white-space: nowrap;
}

.table-more-items .value {
    font-size: 1rem;
    display: block;
    text-align: center;
    font-weight: 700;
    margin-top: 0.3rem;
}

.go-up .symbol {
    color: var(--green);
}

.table {
    color: #FFFFFF;
}

    .table td a {
        color: var(--black);
    }

        .table td a:hover {
            color: #7f7f7f;
        }

    .table.dataTable thead th,
    .table.dataTable thead td {
        padding: 0.4rem;
        border-bottom: none;
    }

table.dataTable tbody tr:hover td {
    background-color: #e5e5e5;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}

.table.table01 {
    margin: 0;
}

.table01-cnt {
    height: 20vh;
    overflow-y: auto;
    width: 100%;
}

.table-01-head {
    padding-right: 18px;
}

.table01 td {
    vertical-align: middle;
}

.table.dataTable thead th {
    font-size: 0.4rem;
    font-weight: 700;
    border: none;
    color: var(--black);
    padding: 0.4rem;
    vertical-align: middle;
}

.table.dataTable tbody td {
    font-size: 0.4rem;
    border: none;
    border-bottom: 1px solid #FFFFFF;
    color: var(--black);
    padding: 0.6rem 0.4rem;
    background: #f4f4f4;
}

.table.dataTable tbody .table-tr-lev2 td,
.table.dataTable tbody .table-tr-lev3 td {
    background: #d4d4d4;
}

.table.dataTable tbody .table-tr-lev2:hover td,
.table.dataTable tbody .table-tr-lev3:hover td {
    background: #e5e5e5;
}

.table.dataTable tbody tr.selected td {
    background: #d6d6d6;
}

.table.dataTable tbody td.transparent {
    background: transparent !important;
}

.table.dataTable tbody tr.selected td.transparent {
    background: #FFFFFF !important;
}

table.dataTable.no-footer {
    border: none;
}

table.dataTable .table-td-container {
    padding-left: 1% !important;
    background: #FFFFFF !important;
    border-bottom: 0 !important;
}

.table-tr-lev1 td:nth-child(1) {
    width: 5%;
}

.table-tr-lev1 td:nth-child(2) {
    width: 15%;
}

.table-tr-lev1 td:nth-child(3) {
    width: 7%;
}

.table-tr-lev1 td:nth-child(4) {
    width: 7%;
}

.table-tr-lev1 td:nth-child(5) {
    width: 9%;
}

.table-tr-lev1 td:nth-child(6) {
    width: 9%;
}

.table-tr-lev1 td:nth-child(7) {
    width: 6%;
}

.table-tr-lev1 td:nth-child(8) {
    width: 6%;
}

.table-tr-lev1 td:nth-child(9) {
    width: 9%;
}

.table-tr-lev1 td:nth-child(10) {
    width: 9%;
}

.table-tr-lev1 td:nth-child(11) {
    width: 6%;
}

.table-tr-lev2 td:nth-child(1) {
    width: 4%;
}

.table-tr-lev2 td:nth-child(2) {
    width: 10%;
}

.table-tr-lev2 td:nth-child(3) {
    width: 7%;
}

.table-tr-lev2 td:nth-child(4) {
    width: 7%;
}

.table-tr-lev2 td:nth-child(5) {
    width: 20%;
}

.table-tr-lev2 td:nth-child(6) {
    width: 9%;
}

.table-tr-lev2 td:nth-child(7) {
    width: 9%;
}

.table-tr-lev2 td:nth-child(8) {
    width: 9%;
}

.table-tr-lev2 td:nth-child(9) {
    width: 9%;
}

.table-tr-lev2 td:nth-child(10) {
    width: 9%;
}

.table-tr-lev2 td:nth-child(11) {
    width: 6%;
}

.table-tr-lev3 td:nth-child(1) {
    width: 3%;
}

.table-tr-lev3 td:nth-child(2) {
    width: 10%;
}

.table-tr-lev3 td:nth-child(3) {
    width: 7%;
}

.table-tr-lev3 td:nth-child(4) {
    width: 7%;
}

.table-tr-lev3 td:nth-child(5) {
    width: 20%;
}

.table-tr-lev3 td:nth-child(6) {
    width: 9%;
}

.table-tr-lev3 td:nth-child(7) {
    width: 9%;
}

.table-tr-lev3 td:nth-child(8) {
    width: 9%;
}

.table-tr-lev3 td:nth-child(9) {
    width: 9%;
}

.table-tr-lev3 td:nth-child(10) {
    width: 9%;
}

.table-tr-lev3 td:nth-child(11) {
    width: 6%;
}

.actions-row .icon-close {
    display: none;
    font-size: 0.8rem;
    margin-left: 0.2rem;
}

.table.dataTable tbody tr.selected .actions-row .icon-close {
    display: inline-block;
}

.table a[class^="icon-"],
.table a[class*=" icon-"] {
    font-size: 1.3em;
    margin-right: 0.5em;
    color: var(--black);
}

.table a.icon-group,
.table a.icon-profilo {
    margin: 0;
    position: relative;
}

.table a.icon-group {
    padding-left: 1em;
}

.icon-group::after {
    content: "\e909";
    position: absolute;
    font-size: 0.6em;
    left: 0;
    top: 0.5em;
}

.icon-group.open::after {
    transform: rotate(180deg);
}

.event-state {
    font-size: 0.5rem;
    font-weight: 700;
}

.event-name {
    font-size: 0.4rem;
}

.event-icon {
    font-size: 0.6rem;
}

.event-message {
    font-size: 0.5rem;
    font-weight: 700;
    border: 2px solid #000000;
    display: inline-block;
    padding: 0.8em 1.2em 0.8em 3em;
    border-radius: 8px;
    position: relative;
}

    .event-message.concluso {
        background-color: var(--gray-ultra-light)
    }

    .event-message.inapprovazione {
        border: 2px solid #d8b700;
        color: #d8b700;
    }

    .event-message:before {
        font-family: 'icomoon' !important;
        position: absolute;
        top: 0.2rem;
        left: 0.3rem;
        font-size: 1.7em;
        font-weight: 300;
    }

    .event-message.concluso:before {
        content: "\e922";
        color: var(--black);
    }

    .event-message.inapprovazione:before {
        content: "\e91c";
        color: #d8b700;
    }

.dati-provvisori {
    font-size: 0.4rem;
    line-height: 1.5em;
    font-weight: 400;
    color: #a0a0a0;
    border: 2px solid #a0a0a0;
    display: inline-block;
    padding: 1em 1.2em 1em 2.5em;
    border-radius: 8px;
    position: relative;
}

    .dati-provvisori:before {
        content: "\e917";
        color: #a0a0a0;
        font-family: 'icomoon' !important;
        position: absolute;
        top: 0.4rem;
        left: 0.2rem;
        font-size: 1.6em;
        font-weight: 300;
    }

.message-alert {
    font-size: 0.5rem;
    font-weight: 400;
    display: inline-block;
    padding: 0.5em 0.5em 0.5em 2em;
    position: relative;
}

    .message-alert:before {
        content: "\e920";
        font-family: 'icomoon' !important;
        position: absolute;
        top: 0.2rem;
        left: 0.2rem;
        font-size: 1.2em;
        font-weight: 300;
    }

.selectAll {
    text-decoration: underline;
    font-weight: 400;
    color: var(--gray-normal)
}

.file-field input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

.head-pin {
    background: #202020;
    /*width: 12vw;
	padding: 0.4rem;*/
    position: relative;
    /*border-right: 1px solid #515151;*/
}

    .head-pin:after {
        border-right: 1px solid #515151;
        position: absolute;
        right: 2px;
        top: 0;
        height: 100%;
        width: 1px;
        content: " ";
    }

    .head-pin .icon-close {
        position: absolute;
        top: 12px;
        right: 12px;
        font-size: 0.4rem;
        color: #ffffff;
    }

.head-pin-select {
    background: var(--red);
    border-right: none;
}

    .head-pin-select:after, .head-pin-select:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .head-pin-select:after {
        border-top-color: var(--red);
        border-width: 0.6rem;
        margin-left: -0.6rem;
    }

.head-pin-label {
    font-size: 0.5em;
    font-weight: 700;
    color: #FFFFFF;
    padding: 0.4rem;
}

.head-pin-text {
    font-size: 0.4em;
    color: #FFFFFF;
}

.modal-dialog-full {
    width: 90vw;
    max-width: none;
}

.modal-header .close {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    font-size: 0.8rem;
}

.modal-title {
    font-size: 0.8em;
    font-weight: 700;
}

.modal-subtitle {
    font-size: 0.65em;
    font-weight: 700;
}

.modal-footer,
.modal-header {
    border: none;
}

.modal-dialog-full .modal-body {
    padding-top: 0;
}

.modal-border {
    border: 3px solid var(--red);
}

.dataTables_wrapper .dataTables_filter {
    width: 100%;
    margin-bottom: 0.8rem;
}

    .dataTables_wrapper .dataTables_filter label {
        width: 100%;
    }

    .dataTables_wrapper .dataTables_filter input {
        font-size: 0.5rem;
        padding: .375rem .65rem;
        color: #495057;
        border: 1px solid #d4d2d2;
        margin: 0;
        width: 100%;
        position: relative;
    }

    .dataTables_wrapper .dataTables_filter:after {
        position: absolute;
        right: 0.3em;
        top: 0.2em;
        content: "\e910";
        font-family: 'icomoon' !important;
        color: #8c8c8c;
    }

    .dataTables_wrapper .dataTables_filter input::placeholder {
        color: #aeaeae;
    }

.table td, .table th {
    vertical-align: middle;
}

.form-group-title {
    display: block;
    font-size: 0.6em;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-left: 2px solid #bf1b1f;
}

    .form-group-title span {
        display: inline-block;
        font-size: 0.75em;
        font-weight: 300;
    }

.conv-title {
    font-size: 0.5em;
    font-weight: 700;
    display: block;
}

.conv-value {
    font-size: 0.7em;
    display: block;
}

.state-event {
    font-size: 0.5rem;
    display: inline-block;
    position: relative;
    padding: 0 0 0 1.3em;
    margin-left: 0.5em;
}

    .state-event:before {
        position: absolute;
        left: 0;
        top: 0;
        content: "\e914";
        font-family: 'icomoon' !important;
    }

    /* #region OBSOLETE, CANCELLARE, DA ELIMINARE dopo update dll*/
    .state-event.active {
        color: var(--green);
    }

    .state-event.concluso {
        color: var(--gray-normal);
    }

    .state-event.rifiutato {
        color: var(--red-dark);
    }
    .state-event.inapprovazione {
        color: var(--yellow);
    }
    /* #endregion */

    .state-event.state-event-0 {
        color: var(--gray);
    }

    .state-event.state-event-1 {
        color: var(--yellow);
    }
    .state-event.state-event-6 {
        color: var(--yellow);
    }

    .state-event.state-event-7 {
        color: var(--yellow);
    }

    .state-event.state-event-8 {
        color: var(--yellow);
    }

    .state-event.state-event-9 {
        color: var(--yellow);
    }

    .state-event.state-event-10 {
        color: var(--yellow);
    }

   /* Attivo */
    .state-event.state-event-2 {
        color: var(--green);
    }

    .state-event.state-event-3 {
        color: var(--green);
    }

    /* Concluso */
    .state-event.state-event-4 {
        color: var(--green);
    }

    .state-event.state-event-5 {
        color: var(--red-dark);
    }

    .state-event.state-event-11 {
        color: var(--black);
    }




.calendar-date {
    color: var(--gray-normal);
    text-transform: uppercase;
    font-size: 0.65rem;
    font-weight: 700;
    text-align: center;
}

.action-send {
    display: inline-block;
    padding: 0;
    margin-right: 0.5em;
    white-space: nowrap;
}

    .action-send a {
        display: inline-block;
        color: var(--black);
        margin: 0 0.3em;
        font-size: 1.3em;
        padding: 0.25em 0 0;
    }

        .action-send a span {
            float: left;
        }

.icon-cell {
    display: inline-block;
    color: var(--black);
    margin-left: 0.5em;
    top: 0.1em;
    position: relative;
}

.label-filter {
    display: inline-block;
    text-align: left;
    font-size: 0.4rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1em 1.2em;
}

.messagge {
    padding: 0.3em 0.6em;
    background: #ffffff;
    display: inline-block;
    border-radius: .3rem;
}

    .messagge p {
        font-size: 0.5rem
    }

.calendar-view {
    font-size: 0.5rem;
    line-height: 1rem;
    font-weight: 600;
    color: var(--black);
    padding-left: 1rem;
    position: relative;
    display: inline-block;
}

    .calendar-view::before {
        content: "\e902";
        font-family: 'icomoon' !important;
        position: absolute;
        top: 0rem;
        left: 0rem;
        font-size: 1.4em;
        line-height: 1.3em;
        font-weight: 300;
    }

    .calendar-view.list::before {
        content: "\e906";
    }

    .calendar-view:hover {
        color: var(--black);
    }

.label-dati {
    font-size: 0.35em;
}

.partecipa-evento {
    display: inline-block;
}

    .partecipa-evento label {
        display: inline-block;
    }

.aggiorna-inviti {
    background: var(--gray-ultra-light);
    padding: 0.2em;
    text-align: right;
    display: inline-block;
}

    .aggiorna-inviti input[type="text"] {
        width: 75px;
        font-size: 0.45rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        padding: .275rem .30rem;
        border: 1px solid #d4d2d2;
        border-radius: 8px;
    }

    .aggiorna-inviti label {
        font-size: 0.45rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--gray);
    }

@media (min-width: 1024px) {
    .lt-dash-01-text {
        font-size: 0.5rem;
    }

    .lt-dash-01-num {
        font-size: 0.5rem;
    }

    .table.dataTable thead th {
        font-size: 0.5rem;
    }

    .table.dataTable tbody td {
        font-size: 0.5rem;
    }
}

@media (min-width: 1280px) {
    .num-euro::after {
        right: -0.3rem;
    }

    .title-cell {
        font-size: 0.85em;
        line-height: 1.4;
    }

        .title-cell::before {
            top: 0.15rem;
            right: -1.4rem;
        }

    .lt-dash-01 li label {
        font-size: 0.6rem;
        line-height: 1.1;
        padding-left: 0.9rem
    }

        .lt-dash-01 li label::before {
            width: 0.6rem;
            height: 0.6rem;
        }

    .lt-dash-01 li .value {
        font-size: 0.65rem;
    }

    .lt-dash-01-text {
        font-size: 0.5rem;
    }

    .lt-dash-01-num {
        font-size: 0.6rem;
    }

    .conv-title {
        font-size: 0.5em;
    }

    .conv-value {
        font-size: 1em;
    }

    .lt-dash-02 li label {
        font-size: 0.5rem;
        line-height: 1.1;
        padding-left: 0.7rem
    }

        .lt-dash-02 li label:before {
            width: 0.5rem;
            height: 0.5rem;
        }

    .lt-01 li {
        font-size: 0.6rem;
    }

    .table-more-items label {
        font-size: 0.5rem;
    }

    .table-more-items .value {
        font-size: 1.5rem;
    }

    .table.dataTable thead th {
        font-size: 0.50rem;
    }

    .table.dataTable tbody td {
        font-size: 0.50rem;
    }

    .event-state {
        font-size: 0.5rem;
    }

    .event-name {
        font-size: 0.4rem;
    }

    .event-icon {
        font-size: 0.8rem;
    }

    .modal-title {
        font-size: 0.9em;
    }

    .modal-subtitle {
        font-size: 0.75em;
    }

    /*.head-pin {
    padding: 0.4rem 0.6rem;
  }*/

    .head-pin .icon-close {
        font-size: 0.5rem;
    }

    .head-pin-label {
        font-size: 0.50em;
    }

    .calendar-date {
        font-size: 0.85rem;
    }

    .action-send {
        padding: 0.3em;
    }

        .action-send a {
            padding: 0;
        }

    .messagge {
        padding: 0.4em 0.7em;
    }

        .messagge p {
            font-size: 0.6rem
        }

    .label-dati {
        font-size: 0.4em;
    }

    .state-event {
        font-size: 0.6rem;
    }

    .aggiorna-inviti input[type="text"] {
        font-size: 0.5rem;
        padding: .275rem .30rem;
    }

    .aggiorna-inviti label {
        font-size: 0.5rem;
    }

    .event-message {
        font-size: 0.5rem;
        padding: 0.6em 1.2em 0.6em 2.8em;
    }

        .event-message:before {
            top: 0.15rem;
            left: 0.40rem;
            font-size: 1.6em;
        }

    .dati-provvisori {
        font-size: 0.5rem;
        padding: 0.6em 1.2em 0.6em 2.5em;
    }

        .dati-provvisori:before {
            top: 0.25rem;
            left: 0.3rem;
            font-size: 1.5em;
        }

    .message-alert {
        font-size: 0.6rem;
        position: relative;
    }

        .message-alert:before {
            top: 0.3rem;
            left: 0.2rem;
            font-size: 1em;
        }
}

@media (min-width: 1920px) {
    .num-euro::after {
        right: -0.4rem;
    }

    .title-cell {
        font-size: 1.2em;
        line-height: 1.4;
    }

        .title-cell::before {
            font-size: 0.7em;
            top: 0.25rem;
        }

    .title-arrow {
        font-size: 0.8em;
    }

    .lt-dash-01 li label {
        font-size: 0.9rem;
        padding-left: 1.3rem
    }

        .lt-dash-01 li label::before {
            width: 0.9rem;
            height: 0.9rem;
        }

    .lt-dash-01 li .value {
        font-size: 0.9rem;
    }

    .lt-dash-01-text {
        font-size: 0.75rem;
    }

    .lt-dash-01-num {
        font-size: 0.75rem;
    }

    .conv-title {
        font-size: 0.75em;
    }

    .conv-value {
        font-size: 1.3em;
    }

    .lt-dash-02 li label {
        font-size: 0.75rem;
        line-height: 1.0;
        padding-left: 1rem
    }

        .lt-dash-02 li label:before {
            width: 0.7rem;
            height: 0.7rem;
        }

    .lt-01 li {
        font-size: 0.85rem;
    }

    .lt-02 li p {
        font-size: 0.75rem;
    }

    .lt-02 li .date {
        font-size: 0.70em;
    }

    .table-more-items label {
        font-size: 0.7rem;
    }

    .table-more-items .value {
        font-size: 2rem;
    }

    .table.dataTable thead th {
        font-size: 0.75rem;
    }

    .table.dataTable tbody td {
        font-size: 0.70rem;
    }

    .event-state {
        font-size: 0.75rem;
    }

    .event-name {
        font-size: 0.55rem;
    }

    .event-icon {
        font-size: 0.95rem;
    }

    .event-message {
        font-size: 0.75rem;
        padding: 0.5em 1.2em 0.5em 2.5em;
    }

        .event-message:before {
            top: 0.15rem;
            left: 0.40rem;
            font-size: 1.5em;
        }

    .dati-provvisori {
        font-size: 0.75rem;
        padding: 0.6em 1.2em 0.6em 2.5em;
    }

        .dati-provvisori:before {
            top: 0.4rem;
            left: 0.5rem;
            font-size: 1.5em;
        }

    .message-alert {
        font-size: 0.6rem;
        position: relative;
    }

        .message-alert:before {
            top: 0.2rem;
            left: 0.2rem;
            font-size: 1.2em;
        }

    .modal-title {
        font-size: 1.4em;
    }

    .modal-subtitle {
        font-size: 1em;
    }

    .form-group-title {
        font-size: 1.1em;
        padding: 0.2rem 0.5rem;
    }

    /*.head-pin {
    padding: 0.4rem 0.8rem;
  }*/

    .head-pin-label {
        font-size: 0.75em;
    }

    .dataTables_wrapper .dataTables_filter input {
        font-size: 0.75rem;
        padding: .375rem .75rem;
    }

    .calendar-date {
        font-size: 1.4rem;
    }

    .action-send a {
        font-size: 1.5em
    }

    .label-filter {
        font-size: 0.75rem;
    }

    .messagge {
        padding: .375rem .75rem;
    }

        .messagge p {
            font-size: 0.85rem
        }

    .calendar-view {
        font-size: 0.75rem;
        line-height: 1.35rem;
        padding-left: 1.4rem;
    }

    .label-dati {
        font-size: 0.5em;
    }

    .state-event {
        font-size: 0.75rem;
    }

    .aggiorna-inviti input[type="text"] {
        font-size: 0.75rem;
        padding: .275rem .30rem;
    }

    .aggiorna-inviti label {
        font-size: 0.75rem;
    }
}

/*** LANDING ***/
.logo-private {
    max-width: 100%;
    max-height: 80px;
}

.landing-welcome {
    font-size: 0.8em;
    color: #818181;
    display: block;
}

.landing-title {
    font-size: 1em;
    font-weight: 700;
    color: #c22523;
    display: block;
}

.landing-subtitle {
    font-size: 0.8em;
    font-weight: 700;
    color: #818181;
    display: block;
}

.landing-list li {
    padding: 0.4em 0;
    font-size: 0.6em;
    color: #818181;
    display: block;
}

.landing-section-title {
    font-size: 0.6em;
    color: #0a0909;
    display: block;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #c22523;
}

.slider-event {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 100%;
    flex-wrap: wrap;
    background: rgba(235, 235, 235, 0.1);
    height: 12vh;
    min-height: 90px;
}

    .slider-event .slide {
        display: flex;
        flex: 1 100%;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        height: 100% !important;
    }

    .slider-event img {
        display: block;
        margin: auto;
    }

@media (min-width: 1280px) {
    .logo-private {
        max-height: 65px;
    }

    .landing-welcome {
        font-size: 0.6em;
    }

    .landing-title {
        font-size: 0.8em;
    }

    .landing-subtitle {
        font-size: 0.65em;
    }

    .landing-list li {
        font-size: 0.5em;
    }

    .slider-event {
        min-height: 110px;
    }
}

@media (min-width: 1920px) {
    .logo-private {
        max-height: 80px;
    }

    .landing-welcome {
        font-size: 0.8em;
    }

    .landing-title {
        font-size: 1em;
    }

    .landing-subtitle {
        font-size: 0.8em;
    }

    .landing-list li {
        font-size: 0.7em;
    }

    .landing-section-title {
        font-size: 0.75em;
    }

    .slider-event {
        min-height: 125px;
    }
}

/*** CALENDAR ***/
.fc th, .fc td {
    border-width: 2px;
}

.fc-past {
    background-color: #d1d1d1;
}

    .fc-past .fc-day-number {
        color: #b5b5b5;
    }

.fc-day-number {
    color: #8c8c8c;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    font-size: 0.8125rem;
    padding: 20px;
}

.fc-head td,
.fc-head th {
    border-color: transparent !important;
}

.fc .fc-day-header {
    font-size: 0.875rem;
    color: #aaaaaa;
    padding: 0.9375rem;
}

.fc-unthemed td.fc-today {
    background-color: #FFFFFF;
}

.fc-today .fc-day-number {
    display: flex;
    border-radius: 50%;
    background-color: var(--red);
    color: #FFF;
    padding: 0.3125rem !important;
    margin: 0.3125rem;
}

.fc-event, .fc-event-dot {
    background-color: #FFFFFF;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
}

.fc-day-grid-event .fc-content {
    white-space: normal;
}

.fc-event .fc-content .fc-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.hidden {
    display: none;
}

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

.validationMessage {
    color: red;
    font-size: 10px;
}


.eventStatus-1 {
    /* Fase approvata - Green*/
    color: #6caa31;
}

.eventStatus-2 {
    /* Fase non Approvata - Red*/
    color: #961316;
}

.eventStatus-3 {
    /* Fase non richiesta - Blu*/
    color: #002060;
}

.eventStatus-4 {
    /* Fase pending - Yellow*/
    color: #f2d180;
}

.eventStatus-5 {
    /* Fase non ancora attiva - Gray*/
    color: #828282;
}


/* Ovverride bootstrap */
.form-control {
    font-size: 0.7rem;
}


#toast-container > .toast-custom {
    /* Per prendere le altre icone https://github.com/CodeSeven/toastr/blob/61c48a6bbdfe1bd883c40110797b2e0cf3800102/toastr.scss */
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

.toast-custom {
    background-color: #2f2f2f;
}