/* 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,21): 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'
(297,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(303,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(307,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(312,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(313,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(314,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(330,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(335,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(340,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(350,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(374,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(375,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(376,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(380,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(381,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(382,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(387,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(388,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(389,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(397,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(398,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(399,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(403,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(404,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(405,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(410,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(411,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(412,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(417,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(435,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(446,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(451,31): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(452,25): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(456,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(464,29): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(469,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(470,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(477,28): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(479,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(480,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(485,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(486,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(510,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(519,27): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(521,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(522,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(523,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(528,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(529,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(534,36): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(535,32): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(542,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(564,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(588,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(601,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(603,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(625,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(630,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(638,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(648,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(661,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(665,17): run-time error CSS1039: Token not allowed after unary operator: '-k-secondary-color'
(674,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(678,29): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(683,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(737,22): run-time error CSS1039: Token not allowed after unary operator: '-input-disabled-color'
(742,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(747,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(775,22): run-time error CSS1039: Token not allowed after unary operator: '-input-disabled-color'
(780,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(785,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(796,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(797,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(801,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(802,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(803,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(807,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(811,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(815,28): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-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;
}

/* MULTISELECT */
.k-multiselect .k-input {
    color: var(--font-dark-grey-color);
    box-shadow: none !important;
    opacity: 1;
}

.k-multiselect .k-icon.k-i-x {
    color: var(--font-dark-grey-color);
}

.k-multiselect .k-icon.k-i-close {
    color: var(--white-color);
    height: 100%;
}

.k-multiselect .k-button {
    color: var(--white-color) !important;
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-color) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-align: left;
    line-height: normal;
}

.k-multiselect.k-state-disabled .k-button .k-select {
    background-color: unset;
}

.k-multiselect-wrap li {
    margin: 3px 0px 3px 3px;
}

.k-state-focused > .k-multiselect-wrap {
    border-color: var(--input-border-color);
    box-shadow: none;
}

.k-state-hover > .k-multiselect-wrap {
    border-color: var(--input-border-color);
    box-shadow: none;
}

.k-multiselect-wrap {
    border: 1px solid var(--input-border-color);
    box-shadow: none;
    background-color: transparent;
    border-radius: 4px;
}

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

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

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

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

.k-editor-toolbar .k-tool {
    border-color: var(--input-border-color);
    background-color: var(--white-color);
    color: var(--font-dark-grey-color);
}

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

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

.k-editor-toolbar .k-colorpicker, .k-editor-toolbar .k-colorpicker .k-picker-wrap, .k-editor-toolbar .k-dropdown-wrap.k-state-default {
    border-radius: 2px;
}

.k-editor-toolbar .k-picker-wrap.k-state-hover {
    border-color: var(--input-border-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.k-editor-toolbar .k-picker-wrap.k-state-active.k-state-border-down {
    border-color: var(--input-border-color) !important;
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
    box-shadow: none;
}

.k-editor-toolbar .k-button.k-state-active {
    border-color: var(--input-border-color) !important;
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
    box-shadow: none;
}

.k-editor .k-editable-area {
    border: 1px solid var(--input-border-color);
    border-radius: 2px;
}

.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;
}

/* WINDOW */
.k-window {
    background-color: var(--white-color);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    outline: 0;
}

    .k-window .k-window-titlebar {
        padding: 1rem 1rem;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: calc(0.3rem - 1px);
        border-top-right-radius: calc(0.3rem - 1px);
        background-color: var(--white-color);
    }

        .k-window .k-window-titlebar .k-window-title {
            font-size: 18px;
            font-weight: var(--font-bold-weight);
            color: var(--font-dark-grey-color);
        }

        .k-window .k-window-titlebar .k-window-action {
            color: var(--white-color) !important;
        }

            .k-window .k-window-titlebar .k-window-action:hover {
                opacity: 1;
            }

            .k-window .k-window-titlebar .k-window-action .k-icon {
                color: var(--black-color);
                opacity: 0.75;
            }

.k-editor-dialog .k-edit-field .k-textbox {
    color: var(--font-dark-grey-color);
    border: 1px solid var(--input-border-color);
    box-shadow: none;
}

.k-editor-dialog .k-edit-field .k-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid var(--font-light-grey-color);
    border-radius: 2px;
    background-color: var(--white-color);
    color: var(--white-color);
    box-shadow: none;
}

    .k-editor-dialog .k-edit-field .k-checkbox:checked {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
    }

    .k-editor-dialog .k-edit-field .k-checkbox + .k-checkbox-label, .k-editor-dialog .k-edit-field .k-checkbox-label + .k-checkbox {
        margin-left: 10px;
    }

.k-window > div.k-popup-edit-form {
    padding: 15px 0 15px 0;
}

.k-window .k-editor-dialog .k-edit-label {
    width: 25%;
    margin-left: 4px;
}

.k-window .k-editor-dialog .k-edit-field {
    width: 70%;
    margin-right: 4px;
}

.k-window .k-edit-form-container .k-edit-buttons {
    padding: 0px 15px 15px 15px;
    bottom: -15px;
    background-color: var(--white-color);
    border: none;
}

    .k-window .k-edit-form-container .k-edit-buttons .k-button {
        margin: 0;
        min-width: 100px;
        padding: 6px 20px;
        font-size: 16px;
        font-weight: var(--font-regular-weight);
        line-height: 1.5;
        color: var(--white-color);
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        box-shadow: none !important;
    }

        .k-window .k-edit-form-container .k-edit-buttons .k-button.k-dialog-insert {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
        }

        .k-window .k-edit-form-container .k-edit-buttons .k-button.k-dialog-close {
            margin-left: 15px;
            background-color: var(--font-grey-color);
            border-color: var(--font-grey-color);
        }

/* 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);
}

.status-yellow {
    background-color: var(--yellow-color);
    color: var(--black-color);
    font-weight: var(--font-bold-weight);
}

.status-red {
    background-color: var(--red-color);
}

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

.status-grey {
    background-color: var(--font-grey-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;
    }
}