/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(23,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(27,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(28,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(43,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-blue-color'
(47,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(51,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-light-sea-green-color'
(55,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(59,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-yellow-color'
(63,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(72,21): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(81,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(90,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(94,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(98,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(102,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(112,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(117,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(124,28): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(133,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(154,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(164,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(165,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(172,28): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-color'
(207,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(212,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(219,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(227,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(229,27): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(241,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(242,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(246,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(251,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(255,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(299,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(300,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(323,24): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(324,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(325,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(329,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(331,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(336,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(338,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(358,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(380,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(404,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(417,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(419,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(441,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(446,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(454,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(464,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(477,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(481,17): run-time error CSS1039: Token not allowed after unary operator: '-k-secondary-color'
(490,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(494,29): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(499,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(553,22): run-time error CSS1039: Token not allowed after unary operator: '-input-disabled-color'
(558,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(563,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(591,22): run-time error CSS1039: Token not allowed after unary operator: '-input-disabled-color'
(596,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(601,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(612,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(613,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
 */
:root {
    /* LOGO */
    --logo-blue-color: #003851; /* rgb(0, 56, 81) */
    --logo-teal-color: #00667C; /* rgb(0, 102, 124) */
    --logo-light-sea-green-color: #00A1A4; /* rgb(0, 161, 164) */
    --logo-orange-color: #F29440; /* rgb(242, 148, 64) */
    --logo-yellow-color: #FFD852; /* rgb(255, 216, 82) */
    /* ALTRI COLORI */
    --main-background-color: #F8F8F8; /* rgb(248, 248, 248) */
    --main-menu-color: #2D3D50; /* rgb(45, 61, 80)	 */
    --secondary-menu-color: #404F60; /* rgb(64, 79, 96)	 */
    --card-border-color: #E9ECEF; /* rgb(233, 236, 239) */
    /* BASE */
    --primary-color: var(--logo-blue-color);
    --secondary-color: var(--logo-teal-color);
    /* TELERIK */
    --k-primary-color: var(--logo-blue-color);
    --k-secondary-color: var(--logo-teal-color);
}

b {
    font-weight: var(--font-bold-weight);
    color: var(--font-dark-grey-color);
}

strong {
    font-weight: var(--font-medium-weight);
    color: var(--font-dark-grey-color);
}

.optional-subtitle {
    display: block;
    margin-bottom: 5px;
}

    .optional-subtitle:empty {
        margin: 0 !important;
        padding: 0 !important;
    }

/* COLORI */
.sfs-blue {
    color: var(--logo-blue-color);
}

.sfs-teal {
    color: var(--logo-teal-color);
}

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

.sfs-orange {
    color: var(--logo-orange-color);
}

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

.sfs-header-blue {
    color: var(--secondary-menu-color);
}

/* TESTI */
.sfs-link {
    color: var(--logo-teal-color);
}

    .sfs-link:hover {
        color: var(--logo-teal-color);
    }

/* ICONE */
.flag-icon {
    margin-right: 10px;
}

.fa-sign-out-alt, .fa-right-from-bracket {
    color: var(--secondary-menu-color);
    margin-right: 10px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-exclamation-triangle, .fa-triangle-exclamation {
    color: var(--red-color);
}

.fa-check, .fa-check-circle, .fa-circle-check {
    color: var(--green-color);
}

.fa-times, .fa-xmark {
    color: var(--red-color);
}

.fa-times-circle, .fa-circle-xmark {
    color: var(--white-color);
}

/* MANIFESTAZIONI */
.btn-header {
    padding-left: 0;
    padding-right: 0;
}

.btn-header:hover {
    color: var(--secondary-menu-color);
}

/* LINGUA E UTENTE*/
#ButtonLanguage:hover, #ButtonUser:hover {
    color: var(--secondary-menu-color);
}

#DDLanguage.dropdown-menu, #DDUser.dropdown-menu {
    min-width: unset;
    padding: 0;
    border-radius: 2px;
    border: 1px solid var(--list-border-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

#DDLanguage .dropdown-item, #DDUser .dropdown-item {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 33px;
    color: var(--font-dark-grey-color);
}

    #DDLanguage .dropdown-item:first-child, #DDUser .dropdown-item:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

    #DDLanguage .dropdown-item:last-child, #DDUser .dropdown-item:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    #DDLanguage .dropdown-item:hover, #DDLanguage .dropdown-item:focus, #DDLanguage .dropdown-item:active,
    #DDUser .dropdown-item:hover, #DDUser .dropdown-item:focus, #DDUser .dropdown-item:active {
        background-color: #EEEEEE;
    }

    #DDUser .dropdown-item i {
        width: 16px;
        font-size: 16px;
        color: var(--secondary-menu-color);
        margin-right: 10px;
    }

.impersonate-user {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: var(--red-color);
    color: var(--white-color);
    font-size: 12px;
    line-height: 12px;
}

/* MENU LATERALE */
.menu-drawer-navigation {
    background-color: var(--main-menu-color);
    padding: 0 !important;
    overflow: auto;
}

@-moz-document url-prefix() {
    .menu-drawer-navigation {
        scrollbar-color: var(--input-border-color) var(--main-menu-color);
        scrollbar-width: thin;
    }
}

.menu-drawer ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.menu-drawer ::-webkit-scrollbar-button:start:decrement {
    height: 2px;
    display: block;
    background-color: transparent;
}

.menu-drawer ::-webkit-scrollbar-button:end:increment {
    height: 2px;
    display: block;
    background-color: transparent;
}

.menu-drawer ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

.menu-drawer ::-webkit-scrollbar-thumb {
    background: var(--input-border-color);
    border-radius: 8px;
}

    .menu-drawer ::-webkit-scrollbar-thumb:hover {
        background: var(--font-light-grey-color);
    }

.menu-icons {
    margin-right: 15px;
    font-size: 20px;
    width: 20px;
    color: var(--white-color);
}

.menu-layout .menu-drawer-navigation .mdl-navigation__link {
    padding: 15px 15px;
}

    .menu-layout .menu-drawer-navigation .mdl-navigation__link.l2 {
        background-color: var(--secondary-menu-color);
        padding: 10px 15px 10px 50px;
        font-weight: var(--font-regular-weight);
        color: rgba(255, 255, 255, 0.7) !important;
    }

        .menu-layout .menu-drawer-navigation .mdl-navigation__link.l2 .menu-icons {
            color: rgba(255, 255, 255, 0.7) !important;
            margin-right: 10px;
            font-size: 14px;
            width: 14px;
        }

        .menu-layout .menu-drawer-navigation .mdl-navigation__link.l2:hover {
            background-color: var(--secondary-menu-color);
            color: var(--white-color) !important;
        }

            .menu-layout .menu-drawer-navigation .mdl-navigation__link.l2:hover .menu-icons {
                color: var(--white-color) !important;
            }

/* NOTIFICHE */
.notification .title {
    color: var(--logo-teal-color)
}

.notification .status-circle {
    background-color: var(--secondary-color)
}

/* TELERIK */
/* DROPDOWN */
.k-dropdown {
    border-radius: 4px;
}

.k-dropdown-wrap.k-state-default, .k-dropdown-wrap.k-state-disabled {
    border-radius: 4px;
}

.k-popup .k-list .k-item, .k-list-optionlabel {
    border-radius: 4px;
}

/* NUMERIC TEXT BOX */
.k-numeric-wrap, .k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 4px;
}

/* TEXTAREA */
textarea.k-textbox, textarea.k-textbox:focus, textarea.k-textbox:hover {
    border-radius: 4px;
}

/* CALENDAR */
.k-picker-wrap {
    border-radius: 4px;
}

    .k-picker-wrap .k-input {
        border-radius: 4px 0 0 4px;
    }

.k-widget.k-datepicker .k-select {
    border-radius: 0 3px 3px 0;
}

/* EDITOR */
table.k-editor {
    border-spacing: 4px;
    border-radius: 2px;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    box-shadow: none;
}

.k-editor-toolbar.k-toolbar {
    background-color: inherit;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-bottom: 1px;
}

.k-toolbar > * {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 8px;
}

.k-toolbar > :last-child {
    margin-right: 0;
}

.k-editor-toolbar .k-tool {
    border-color: var(--white-color);
    background-color: var(--secondary-color);
    color: var(--white-color);
}

    .k-editor-toolbar .k-tool:hover {
        border-color: var(--white-color);
        background-color: #DD4D46;
        color: var(--white-color);
        cursor: pointer;
    }

    .k-editor-toolbar .k-tool.k-state-selected {
        border-color: var(--white-color);
        background-color: #DD4D46;
        color: var(--white-color);
        box-shadow: none;
    }

.k-tool.k-group-start.k-group-end {
    border-radius: 2px !important;
}

.k-tool.k-group-start {
    border-radius: 2px 0 0 2px !important;
}

.k-tool.k-group-end {
    border-radius: 0 2px 2px 0 !important;
}

/* BOOTSTRAP */
/* BOTTONI */
.sfs-btn {
    border-radius: 4px;
    background-color: var(--secondary-color);
}

.sfs-form-btn {
    border-radius: 4px;
}

.sfs-transparent-btn {
    border-radius: 4px;
}

.sfs-icon-btn {
    border-radius: 4px;
}

/* INPUT TESTO */
.form-control {
    border-radius: 4px;
}

/* SPINNER */
.sfs-spinner {
    color: var(--logo-teal-color);
}

/* MODAL WINDOW */
.modal-content {
    border-radius: 4px;
}

/* CARD */
.card {
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

    .card .title {
        font-size: 18px;
    }

.sfs-card .title {
    font-size: 22px;
}

.sfs-card ul > li {
    font-weight: var(--font-regular-weight);
}

.account-card .title {
    font-size: 22px;
}

.account-card .form {
    padding: 0 50px;
}

.text-danger.field-validation-error {
    display: inline-block;
    color: var(--red-color);
    font-size: 12px;
    font-weight: var(--font-medium-weight);
    margin: 0.25rem 0 0 0;
    padding: 0;
}

    .text-danger.error {
        font-size: 14px;
        margin-top: 15px;
    }

.warning-card {
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

/* TABELLE */
.table thead th, .table tfoot th {
    padding: 7.5px 10px;
    white-space: nowrap;
}

.table tbody td {
    font-weight: var(--font-regular-weight);
    padding: 7.5px 10px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--white-color);
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #F5F5F5;
}

.table-striped tbody tr:hover:nth-of-type(odd) {
    background-color: var(--white-color);
    color: inherit;
}

.table-striped tbody tr:hover:nth-of-type(even) {
    background-color: #F5F5F5;
    color: inherit;
}

.table-striped tbody tr:hover > td {
    border-color: var(--list-border-color);
}

/* TABELLE CON RIGHE CHE COLLASSANDO */
.k-grid-collapse-rows.k-grid td, .k-grid-collapse-rows .k-grid-header th.k-header {
    padding: 7.5px !important;
}

.k-grid-collapse-rows.k-grid tbody tr.k-grouping-row:hover {
    color: inherit;
}

.k-grid-collapse-rows.k-grid tbody tr .sfs-link {
    font-weight: var(--font-bold-weight);
}

.k-grid-collapse-rows.k-grid tbody tr.k-grouping-row:hover .sfs-link {
    color: var(--k-secondary-color);
    text-decoration: inherit;
}

.k-grid-collapse-rows.k-grid tbody tr .sfs-link:hover {
    text-decoration: underline !important;
}

.k-grid-collapse-rows.k-grid tbody tr.k-grouping-row:hover > td {
    border-color: var(--list-border-color);
}

.k-grid-collapse-rows.k-grid tr.k-master-row td.k-group-cell {
    border-left-color: var(--list-border-color);
    border-right-width: 1px;
}

.k-grid-collapse-rows.k-grid tfoot td {
    border-color: var(--list-border-color);
    border-left-width: 0;
}

    .k-grid-collapse-rows.k-grid tfoot td:first-child {
        border-left-width: 1px;
    }

    .k-grid-collapse-rows.k-grid tfoot td:last-child {
        border-right-width: 1px;
    }

/* GRID */
.k-grid .sfs-status {
    width: 100px;
    display: inline-block;
}

.k-grid.grid-scroll .k-grid-pager {
    border-width: 1px;
}

.k-grid .k-grid-header {
    padding-right: 8px !important;
}

/* SCROLLBAR */
@-moz-document url-prefix() {
    .k-grid, .k-grid .k-grid-content, .k-grid .grid-content {
        scrollbar-color: var(--input-border-color) var(--input-disabled-color);
        scrollbar-width: thin;
    }
}

.k-grid ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.k-grid ::-webkit-scrollbar-button:start:decrement {
    width: 0;
    height: 0;
    display: block;
    background-color: transparent;
}

.k-grid ::-webkit-scrollbar-button:end:increment {
    width: 0;
    height: 0;
    display: block;
    background-color: transparent;
}

.k-grid ::-webkit-scrollbar-track {
    background: var(--input-disabled-color);
    border-radius: 8px;
}

.k-grid ::-webkit-scrollbar-thumb {
    background: var(--input-border-color);
    border-radius: 8px;
}

    .k-grid ::-webkit-scrollbar-thumb:hover {
        background: var(--font-light-grey-color);
    }

@-moz-document url-prefix() {
    .k-grid-list-group div {
        scrollbar-color: var(--input-border-color) var(--input-disabled-color);
        scrollbar-width: thin;
    }
}

.k-grid-list-group ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.k-grid-list-group ::-webkit-scrollbar-button:start:decrement {
    height: 33px;
    display: block;
    background-color: transparent;
}

.k-grid-list-group ::-webkit-scrollbar-button:end:increment {
    height: 2px;
    display: block;
    background-color: transparent;
}

.k-grid-list-group ::-webkit-scrollbar-track {
    background: var(--input-disabled-color);
    border-radius: 8px;
}

.k-grid-list-group ::-webkit-scrollbar-thumb {
    background: var(--input-border-color);
    border-radius: 8px;
}

    .k-grid-list-group ::-webkit-scrollbar-thumb:hover {
        background: var(--font-light-grey-color);
    }

/* ALTRO */
.sfs-status {
    width: 120px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    font-weight: var(--font-medium-weight);
    color: var(--white-color);
}

/* MATERIAL */
.mdl-layout__header-row {
    height: 56px;
}

.mdl-layout__header {
    min-height: unset;
}

/*.mdl-layout__header-row {
    padding: 0 30px !important;
    height: auto;
}*/

/*.mdl-layout__drawer-button {
    height: unset;
    line-height: unset;
    margin: 0;
}*/

/* fix per Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
        background: #003851 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiI…lsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K');
    }
}

@media screen and (max-width: 1024px) {
    .logo {
        height: 40px;
    }
}