/* 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'
(153,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(159,28): run-time error CSS1039: Token not allowed after unary operator: '-main-menu-color'
(185,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(190,26): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(197,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(205,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(207,27): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(219,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-menu-color'
(220,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(224,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(264,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(268,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(310,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(315,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: '-font-dark-grey-color'
(325,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(330,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(331,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(332,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(348,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(353,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(358,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(368,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(390,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(414,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(433,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(438,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(455,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(459,17): run-time error CSS1039: Token not allowed after unary operator: '-k-secondary-color'
(468,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(472,29): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(477,24): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(497,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(498,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: '-logo-orange-color'
(504,32): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(508,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(512,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(513,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(514,27): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(518,32): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(522,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(526,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-light-sea-green-color'
(531,36): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(532,25): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(533,31): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(537,36): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(541,36): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-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 */
#ButtonUser:hover {
    color: var(--secondary-menu-color);
}

#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);
}

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

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

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

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

/* MENU LATERALE */
.menu-drawer-navigation {
    background-color: var(--main-menu-color);
}

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

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

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

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

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

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

/* TABELLE CON RIGHE CHE COLLASSANDO */
.k-grid-collapse-rows .k-grid-header th.k-header, .k-grid-collapse-rows .k-grid td {
    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;
    }

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

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

    .sfs-status.status-accettato, .sfs-status.status-registrato, .sfs-status.status-certificata, .sfs-status.workable-lavorabile, .sfs-status.status-fatturato, .sfs-status.status-confermato, .sfs-status.status-vinto {
        background-color: var(--green-color);
    }

    .sfs-status.status-in-approvazione, .sfs-status.workable-duplicato, .sfs-status.status-verificaam, .sfs-status.status-verificapagamento, .sfs-status.status-inviato, .sfs-status.status-proposta {
        background-color: var(--yellow-color);
        color: var(--black-color);
        font-weight: var(--font-bold-weight);
    }

    .sfs-status.status-rifiutato, .sfs-status.status-cancellato, .sfs-status.status-rinuncia, .sfs-status.status-nonutilizzabile, .sfs-status.workable-moroso, .sfs-status.workable-cessato {
        background-color: var(--red-color);
    }

    .sfs-status.status-inserita, .sfs-status.status-iscritto, .sfs-status.status-in-attesa, .sfs-status.status-richiesta {
        background-color: var(--logo-orange-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;
}

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