/* 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'
(131,28): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-color'
(165,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(170,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(177,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(185,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(187,27): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(199,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(200,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(204,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(248,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(252,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(281,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(283,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(288,17): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(306,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(311,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(317,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(321,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(326,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(327,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(328,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(344,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(349,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(354,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(364,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(388,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(389,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(390,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(394,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(395,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(396,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(401,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(402,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(403,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(411,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(412,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(413,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(417,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(418,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(419,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(424,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(425,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(426,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(431,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(449,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(460,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(465,31): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(466,25): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(470,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(478,29): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(483,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(484,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(491,28): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(493,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(494,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(499,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(500,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(524,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(533,27): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(535,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(536,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(537,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(542,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(543,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(548,36): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(549,32): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(556,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(584,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(608,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(621,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(635,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(640,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(648,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(658,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(671,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(675,17): run-time error CSS1039: Token not allowed after unary operator: '-k-secondary-color'
(684,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(688,29): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(693,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(747,22): run-time error CSS1039: Token not allowed after unary operator: '-input-disabled-color'
(752,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(757,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(785,22): run-time error CSS1039: Token not allowed after unary operator: '-input-disabled-color'
(790,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(795,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(806,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(807,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(808,28): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(814,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(818,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(819,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(820,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(824,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(828,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(833,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(834,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(835,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(839,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(843,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(847,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(852,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(856,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(860,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(865,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(866,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(867,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(871,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(875,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(880,32): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(884,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(885,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(886,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(890,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(894,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(898,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(903,32): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(907,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(908,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(909,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(913,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(917,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(922,32): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(926,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(927,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(928,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(932,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(936,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(940,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(945,32): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(949,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(953,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(957,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(962,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(966,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(970,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(975,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(976,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(977,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(981,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(985,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(989,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(993,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(998,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(1002,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(1003,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(1004,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(1008,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(1012,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(1016,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(1020,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(1025,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(1026,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(1027,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(1031,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(1035,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(1040,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(1041,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(1042,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(1046,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(1050,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(1055,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(1056,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(1057,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(1061,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(1065,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(1070,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(1074,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(1078,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(1082,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(1087,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(1091,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(1092,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(1093,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(1097,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(1101,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(1105,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-light-sea-green-color'
(1110,36): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(1111,25): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(1112,31): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(1116,36): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(1120,36): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(1138,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(1139,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1144,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
 */
:root {
    /* LOGO VERONA */
    --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);
    }

/* UTENTE */
.menu-drawer-user {
    padding: 15px;
}

.user-avatar {
    font-size: 40px;
}

.mdl-menu__item {
    height: 35px;
    line-height: 35px;
}

/* MENU LATERALE */
.menu-drawer-navigation {
    background-color: var(--main-menu-color);
    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: 10px 15px;
}

    .menu-layout .menu-drawer-navigation .mdl-navigation__link.l2 {
        background-color: var(--secondary-menu-color);
        padding: 7.5px 15px 7.5px 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;
            }

.mdl-layout__drawer {
    width: 250px;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
}

    .mdl-layout__drawer .mdl-navigation {
        padding: 0;
    }

.mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 250px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0;
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header, .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .second-header {
    margin-left: 250px;
    width: calc(100% - 250px);
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding: 0 20px;
    }
}

.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    cursor: not-allowed;
}

.second-header {
    padding: 0 20px;
}

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

/* UPLOAD */
.k-file-invalid .k-file-validation-message {
    color: var(--red-color);
    font-size: 12px;
    font-weight: var(--font-medium-weight);
    white-space: normal;
}

.k-multiple-files-invalid-group-wrapper, .k-file-invalid-group-wrapper {
    color: var(--font-grey-color);
}

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

/* COMBOBOX */
.k-combobox ::placeholder {
    color: var(--font-dark-grey-color);
}

/* 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;
    margin: 0;
}

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

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

    .form-control:disabled, .form-control[readonly] {
        background-color: #E9ECEF !important;
        opacity: 1;
    }

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

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

.sfs-accordion .list-group-item:not(.header), .sfs-list-group .list-group-item:not(.header) {
    color: var(--font-dark-grey-color);
}

.sfs-accordion .list-group-item:hover, .sfs-list-group .list-group-item:not(.header):hover {
    background-color: #F5F5F5;
}

/* 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);
    background-color: var(--logo-orange-color);
    padding: 0 5px;
}

    /* azienda */
    .sfs-status.status-company-inserito {
        background-color: var(--logo-orange-color);
    }

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

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

    .sfs-status.status-company-non-utilizzabile {
        background-color: var(--red-color);
    }

    /* workable */
    .sfs-status.workable-duplicato {
        background-color: var(--yellow-color);
        color: var(--black-color);
        font-weight: var(--font-bold-weight);
    }

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

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

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

    /* lead */
    .sfs-status.status-lead-inserito {
        background-color: var(--logo-orange-color);
    }

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

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

    /* prequalifica */
    .sfs-status.status-preq-in-approvazione {
        background-color: var(--yellow-color);
        color: var(--black-color);
        font-weight: var(--font-bold-weight);
    }

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

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

    /* visa */
    .sfs-status.status-visa-in-modifica {
        background-color: var(--font-grey-color);
    }

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

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

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

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

    /* allestimento */
    .sfs-status.status-setup-incompleto {
        background-color: var(--font-grey-color);
    }

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

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

    .sfs-status.status-setup-non-approvato {
        background-color: var(--red-color);
    }

    /* booking */
    .sfs-status.status-booking-incompleto {
        background-color: var(--font-grey-color);
    }

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

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

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

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

    /* pagamento */
    .sfs-status.status-payment-non-pagato {
        background-color: var(--font-grey-color);
    }

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

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

    .sfs-status.status-payment-forzato {
        background-color: var(--logo-orange-color);
    }

    /* partecipazione */
    .sfs-status.status-participation-registrato {
        background-color: var(--green-color);
    }

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

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

    /* ordine */
    .sfs-status.status-order-verifica-pagamento {
        background-color: var(--yellow-color);
        color: var(--black-color);
        font-weight: var(--font-bold-weight);
    }

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

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

    .sfs-status.status-order-in-attesa {
        background-color: var(--logo-orange-color);
    }

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

    /* preventivo */
    .sfs-status.status-quote-richiesta {
        background-color: var(--logo-orange-color);
    }

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

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

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

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

    .sfs-status.status-quote-attesa {
        background-color: var(--logo-orange-color);
    }

    /* marketing */
    .sfs-status.status-mkt-in-attesa {
        background-color: var(--yellow-color);
        color: var(--black-color);
        font-weight: var(--font-bold-weight);
    }

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

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

    /* coespositore */
    .sfs-status.status-coespo-in-approvazione {
        background-color: var(--yellow-color);
        color: var(--black-color);
        font-weight: var(--font-bold-weight);
    }

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

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

    /* opportunità */
    .sfs-status.status-opportunity-aperto {
        background-color: var(--yellow-color);
        color: var(--black-color);
        font-weight: var(--font-bold-weight);
    }

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

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

    /* campagna */
    .sfs-status.status-campaign-aperto {
        background-color: var(--logo-orange-color);
    }

    .sfs-status.status-campaign-in-corso {
        background-color: var(--green-color);
    }

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

    .sfs-status.status-campaign-row-inserito {
        background-color: var(--logo-orange-color);
    }

    /* attività */
    .sfs-status.status-attivita-non-eseguita {
        background-color: var(--logo-orange-color);
    }

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

    .sfs-status.status-attivita-rifiutata {
        background-color: var(--red-color);
    }
    
    .sfs-status.status-attivita-accettata {
        background-color: var(--green-color);
    }

    .sfs-status.tag {
        background-color: var(--logo-light-sea-green-color);
        margin-right: 15px;
    }

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

        .sfs-status.tag.none {
            background-color: var(--font-light-grey-color);
        }

        .sfs-status.tag.emailEnables {
            background-color: var(--logo-orange-color);
        }

.w-180 {
    width: 180px !important;
    padding-right: 0;
}

.w-240 {
    width: 240px !important;
    padding-right: 0;
}

.tag-develop {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 4px;
    background-color: var(--red-color);
    color: var(--white-color);
}

    .tag-develop i {
        font-size: 18px;
        color: var(--white-color);
        margin-right: 10px;
    }

#SectionActiveFilters {
    flex-wrap: wrap;
}

.tooltip.tooltip-custom {
    margin-left: 5px;
}

.tooltip-custom .tooltip-inner {
    text-align: left !important;
}

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