/* 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 '-'
(13,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 '-'
(16,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 '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-blue-color'
(38,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(42,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-light-sea-green-color'
(46,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(50,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-yellow-color'
(55,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(59,21): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(64,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(72,17): run-time error CSS1039: Token not allowed after unary operator: '-urgente-color'
(76,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(80,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-color'
(84,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(89,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(95,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(99,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(104,24): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(193,28): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(215,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(225,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(226,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(227,28): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(232,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(237,28): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(245,32): run-time error CSS1039: Token not allowed after unary operator: '-urgente-color'
(249,32): run-time error CSS1039: Token not allowed after unary operator: '-status-red-color'
(253,32): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(261,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(268,32): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(279,28): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(284,17): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(321,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(325,21): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(326,27): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(330,21): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(336,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(344,28): run-time error CSS1039: Token not allowed after unary operator: '-list-border-color'
(353,17): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(379,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(387,27): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(388,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(389,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(390,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(395,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(403,28): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(423,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(434,28): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(435,28): run-time error CSS1039: Token not allowed after unary operator: '-logo-orange-color'
(444,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(451,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(455,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(459,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(470,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(475,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: '-logo-teal-color'
(490,36): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(494,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(495,27): run-time error CSS1039: Token not allowed after unary operator: '-font-medium-weight'
(499,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(500,27): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(501,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(506,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(518,21): run-time error CSS1039: Token not allowed after unary operator: '-font-dark-grey-color'
(522,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(523,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(531,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-card-color'
(543,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(562,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold-weight'
(563,28): run-time error CSS1039: Token not allowed after unary operator: '-logo-light-sea-green-color'
(564,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(582,28): run-time error CSS1039: Token not allowed after unary operator: '-logo-teal-color'
(601,21): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(608,25): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(628,21): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(636,25): run-time error CSS1039: Token not allowed after unary operator: '-font-grey-color'
(641,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(643,32): run-time error CSS1039: Token not allowed after unary operator: '-card-border-color'
(647,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(649,32): run-time error CSS1039: Token not allowed after unary operator: '-card-border-color'
(676,32): run-time error CSS1039: Token not allowed after unary operator: '-card-border-color'
(677,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(685,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular-weight'
(689,32): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(697,28): run-time error CSS1039: Token not allowed after unary operator: '-urgente-color'
(708,28): run-time error CSS1039: Token not allowed after unary operator: '-status-red-color'
(719,28): run-time error CSS1039: Token not allowed after unary operator: '-font-light-grey-color'
(728,28): run-time error CSS1039: Token not allowed after unary operator: '-status-purple-color'
(729,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(733,28): run-time error CSS1039: Token not allowed after unary operator: '-status-dark-grey-color'
(734,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(738,28): run-time error CSS1039: Token not allowed after unary operator: '-status-azure-color'
(739,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(743,28): run-time error CSS1039: Token not allowed after unary operator: '-status-yellow-color'
(744,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(748,52): run-time error CSS1039: Token not allowed after unary operator: '-status-yellow-color'
(748,84): run-time error CSS1039: Token not allowed after unary operator: '-status-light-yellow-color'
(748,122): run-time error CSS1039: Token not allowed after unary operator: '-status-light-yellow-color'
(748,160): run-time error CSS1039: Token not allowed after unary operator: '-status-yellow-color'
(748,192): run-time error CSS1039: Token not allowed after unary operator: '-status-yellow-color'
(748,224): run-time error CSS1039: Token not allowed after unary operator: '-status-light-yellow-color'
(748,262): run-time error CSS1039: Token not allowed after unary operator: '-status-light-yellow-color'
(750,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(754,28): run-time error CSS1039: Token not allowed after unary operator: '-status-red-color'
(755,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(759,28): run-time error CSS1039: Token not allowed after unary operator: '-status-green-color'
(760,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(764,28): run-time error CSS1039: Token not allowed after unary operator: '-status-dark-red-color'
(765,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(769,28): run-time error CSS1039: Token not allowed after unary operator: '-status-light-red-color'
(770,17): run-time error CSS1039: Token not allowed after unary operator: '-status-red-color'
(774,28): run-time error CSS1039: Token not allowed after unary operator: '-status-light-green-color'
(775,17): run-time error CSS1039: Token not allowed after unary operator: '-status-green-color'
(779,28): run-time error CSS1039: Token not allowed after unary operator: '-status-light-yellow-color'
(780,17): run-time error CSS1039: Token not allowed after unary operator: '-status-yellow-color'
(784,28): run-time error CSS1039: Token not allowed after unary operator: '-status-light-azure-color'
(785,17): run-time error CSS1039: Token not allowed after unary operator: '-status-azure-color'
(789,28): run-time error CSS1039: Token not allowed after unary operator: '-status-grey-color'
(790,17): run-time error CSS1039: Token not allowed after unary operator: '-status-dark-grey-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 */
    --card-border-color: #E9ECEF; /* rgb(233, 236, 239) */
    --icon-green-color: #09CE9D; /* rgb(9, 206, 157) */
    --urgente-color: #840111; /* rgb(132, 1, 17)*/
    --status-red-color: #D0021B; /* rgb(208, 2, 27) */
    --status-light-red-color: #FFE3E8; /* rgb(255, 227, 232) */
    --status-dark-red-color: #420109; /* rgb(66, 1, 9) */
    --status-green-color: #B8E986; /* rgb(184, 233, 134) */
    --status-light-green-color: #DDF7EC; /* rgb(221, 247, 236) */
    --status-yellow-color: #FFBC01; /* rgb(255, 188, 1) */
    --status-light-yellow-color: #FFF3DA; /* rgb(255, 243, 218) */
    --status-azure-color: #38AFD1; /* rgb(56, 175, 209) */
    --status-light-azure-color: #DEF1F7; /* rgb(222, 241, 247) */
    --status-purple-color: #CA7ED2; /* rgb(202, 126, 210) */
    --status-grey-color: #D8D8D8; /* rgb(216, 216, 216) */
    --status-dark-grey-color: #6C757D; /* rgb(108, 117, 125) */
    /* BASE */
    --primary-color: var(--logo-blue-color);
    --secondary-color: var(--logo-light-sea-green-color);
    /* TELERIK */
    --k-primary-color: var(--logo-blue-color);
    --k-secondary-color: var(--logo-light-sea-green-color);
}

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

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

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

/* ICONE */
.fa-star {
    color: var(--yellow-color);
}

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

.fa-exclamation-circle {
    color: var(--urgente-color);
}

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

.fa-user-check, .fa-user-edit, .fa-calendar-check, .fa-check {
    color: var(--icon-green-color);
}

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

/* MENU LATERALE */
.menu-drawer-navigation {
    background-color: var(--white-color);
    background-image: linear-gradient(rgba(0, 56, 81, 1), rgba(1, 90, 116, 1), rgba(3, 139, 169, 1));
}

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

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

/* SEARCH BOX */
#SearchBox:focus {
    border-color: var(--font-light-grey-color);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(74, 74, 74, 0.25);
}

#SearchModal {
    position: fixed;
    top: 64px;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: calc(100% - 64px);
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    display: none;
}

.overlay-search {
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0,0,0,0.5);
    transition: height 0s 0.3s, opacity 0.3s 0s;
    opacity: 0;
}

    .overlay-search.active {
        height: 100%;
        opacity: 1;
        transition: height 0s 0s, opacity 0.3s 0s;
    }

    .overlay-search.nav {
        width: 300px;
    }

@media screen and (max-width: 1024px) {
    .overlay-search.nav {
        width: 0;
    }
}

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

.k-dropdown-wrap {
    border-radius: 4px;
}

.k-popup .k-list .k-item {
    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;
}

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

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

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

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

.status-btn {
    width: 120px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    font-weight: var(--font-medium-weight);
    cursor: pointer;
}

.task-btn {
    min-width: 100px;
    height: 70px;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: var(--font-medium-weight);
    color: var(--white-color);
    background-color: var(--font-light-grey-color);
    border: 2px solid transparent;
}

    .task-btn:hover {
        color: var(--white-color);
    }

    .task-btn.active {
        opacity: 1 !important;
        border-color: var(--black-color) !important;
    }

    .task-btn.inactive {
        opacity: 0.5 !important;
    }

    .task-btn.urgente {
        background-color: var(--urgente-color);
    }

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

    .task-btn.normale {
        background-color: var(--font-light-grey-color);
    }

.reason-btn {
    border: 2px solid transparent;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    padding: 15px;
    height: 100%;
    font-weight: var(--font-medium-weight);
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

    .reason-btn.active {
        border: 2px solid var(--font-dark-grey-color);
        box-shadow: none;
    }

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

/* PROGRESS */
.progress-bar {
    background-color: var(--logo-orange-color);
}

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

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

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

/* DASHBOARD */
.dashboard-card {
    margin-bottom: 15px;
}

    .dashboard-card hr {
        margin: 15px -15px;
    }

    .dashboard-card .title {
        color: var(--primary-color);
    }

    .dashboard-card .name {
        color: var(--font-dark-grey-color);
        font-weight: var(--font-medium-weight);
    }

    .dashboard-card .count {
        color: var(--font-dark-grey-color);
        padding-left: 0;
    }

/* MANIFESTAZIONI */
#ButtonExhibition:hover {
    color: var(--primary-color);
}

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

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

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

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

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

.exhibition-card {
    margin-bottom: 20px;
}

    .exhibition-card hr {
        margin: 15px -15px;
    }

    .exhibition-card .title {
        color: var(--primary-color);
    }

    .exhibition-card .sfs-btn {
        min-width: 120px;
        padding: 2px 12px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: var(--font-medium-weight);
        color: var(--white-color);
        border: 1px solid var(--secondary-color);
        background-color: var(--secondary-color);
    }

.timeline-line {
    height: 2px;
    background-color: var(--secondary-color);
    margin: 0 -3px;
    z-index: 1;
}

.timeline-circle {
    width: 6px;
    height: 6px;
    background-color: var(--font-light-grey-color);
    border-radius: 6px;
    z-index: 2;
}

#ExhibitorsList, #ManufacturersList, #ExhibitionsList {
    margin-top: 5px;
}

    #ExhibitorsList ul, #ManufacturersList ul, #ExhibitionsList ul {
        padding: 0 5px;
    }

        #ExhibitorsList ul li, #ManufacturersList ul li, #ExhibitionsList ul li {
            display: flex;
            align-items: center;
            margin-top: 7px;
        }

.table tr.process {
    background-color: var(--main-background-color);
}

.task-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    padding: 0 5px;
    width: 100px;
    height: 40px;
    border: 1px solid var(--font-dark-grey-color) !important;
    background-color: var(--logo-orange-color) !important;
}

    .task-container.connected {
        background-color: #FA7056 !important;
    }

.task-name {
    font-size: 12px;
    color: var(--white-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.all-checkbox .mdl-checkbox__box-outline {
    border: 2px solid var(--white-color) !important;
}

.all-checkbox.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid var(--white-color) !important;
}

.all-checkbox.mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .all-checkbox.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: var(--white-color) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiI…lsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K') !important;
}

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

.all-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
    background: var(--white-color) !important;
}

/* TASK */
.espo-card, .forn-card {
    color: var(--white-color);
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.espo-card {
    background-color: #7A98A6;
}

.forn-card {
    background-color: var(--logo-teal-color);
}

    .espo-card hr, .forn-card hr {
        margin: 10px -15px;
        border-top: 1px solid var(--white-color);
    }

    .espo-card .title, .forn-card .title {
        color: var(--white-color);
        font-weight: var(--font-medium-weight);
    }

    .espo-card .sfs-transparent-btn, .forn-card .sfs-transparent-btn {
        color: var(--white-color);
        font-weight: var(--font-regular-weight);
        border: 1px solid var(--white-color);
        float: right;
    }

        .espo-card .sfs-transparent-btn:hover, .forn-card .sfs-transparent-btn:hover {
            color: var(--white-color);
        }

.task-card {
    padding-bottom: 10px;
}

    .task-card hr {
        margin: 0 -15px 10px -15px;
    }

    .task-card .title {
        color: var(--font-dark-grey-color);
    }

.plan-date {
    color: var(--red-color) !important;
    font-weight: var(--font-bold-weight) !important;
}

.order-card hr {
    margin: 0 -15px 10px -15px;
}

.warning-div {
    background-color: var(--warning-card-color);
    padding: 15px 0;
    margin: 15px -15px -15px -15px;
    border-radius: 0 0 4px 4px;
}

    .warning-div.inverse {
        margin: -15px -15px 15px -15px;
        border-radius: 4px 4px 0 0;
    }

.request-card {
    background-color: var(--main-background-color);
    padding: 15px;
    border-radius: 4px
}

.box-task {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    display: flex;
    justify-content: center;
}

/* ALLEGATI */
.sfs-atch {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: var(--font-bold-weight);
    background-color: var(--logo-light-sea-green-color);
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sfs-note {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 50px;
    background-color: var(--logo-teal-color);
}

.sfs-note-atch {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 15px 15px 0;
}

    .sfs-note-atch .sfs-atch {
        width: 25px;
        height: 25px;
        font-size: 8px;
    }

    .sfs-note-atch .link {
        font-size: 12px;
        color: var(--font-grey-color);
        margin-left: 5px;
        display: flex;
        align-items: center;
    }

        .sfs-note-atch .link:hover {
            color: var(--font-grey-color);
            text-decoration: none;
        }

/* FILTRI TASK */
#FilterSection .tabs-container {
    display: flex;
    align-items: center;
}

#FilterSection .tab-nav {
    margin-left: 15px;
    padding: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 1;
}

    #FilterSection .tab-nav a {
        color: var(--font-grey-color);
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #FilterSection .tab-nav a:hover {
            color: var(--font-grey-color);
            text-decoration: none;
        }

    #FilterSection .tab-nav.start {
        background-color: var(--white-color);
        border-radius: 4px;
        border: 1px solid var(--card-border-color);
    }

    #FilterSection .tab-nav.active {
        background-color: var(--white-color);
        border-radius: 4px 4px 0 0;
        border: 1px solid var(--card-border-color);
        border-bottom: none;
    }

    #FilterSection .tab-nav.inactive {
        background-color: transparent;
        border-radius: 4px;
        border: none;
        background: transparent;
        opacity: 0.5;
    }

    #FilterSection .tab-nav .fa {
        height: 22px;
        margin-left: 5px;
    }

#FilterSection .tab-content {
    display: none;
}

    #FilterSection .tab-content.active {
        display: block;
    }

    #FilterSection .tab-content .card {
        border: none;
        border: 1px solid var(--card-border-color);
        background-color: var(--white-color);
        padding: 30px;
    }

.filter-checkbox {
    width: auto;
    padding-right: 24px;
    margin-bottom: 5px;
    font-weight: var(--font-regular-weight);
}

    .filter-checkbox .mdl-checkbox__box-outline {
        border: 1px solid var(--font-light-grey-color);
    }

/* PRIORITA TASK */
.priorita-urgente {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: var(--urgente-color);
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.priorita-alta {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: var(--status-red-color);
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.priorita-normale {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: var(--font-light-grey-color);
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

/* STATI TASK */
.status-aperto {
    background-color: var(--status-purple-color) !important;
    color: var(--white-color) !important;
}

.status-preso-in-carico {
    background-color: var(--status-dark-grey-color) !important;
    color: var(--white-color) !important;
}

.status-in-attesa {
    background-color: var(--status-azure-color) !important;
    color: var(--white-color) !important;
}

.status-in-lavorazione {
    background-color: var(--status-yellow-color) !important;
    color: var(--white-color) !important;
}

.status-in-sospeso {
    background-image: linear-gradient(135deg, var(--status-yellow-color) 25%, var(--status-light-yellow-color) 25%, var(--status-light-yellow-color) 50%, var(--status-yellow-color) 50%, var(--status-yellow-color) 75%, var(--status-light-yellow-color) 75%, var(--status-light-yellow-color) 100%);
    background-size: 56.57px 56.57px;
    color: var(--black-color) !important;
}

.status-non-eseguibile {
    background-color: var(--status-red-color) !important;
    color: var(--white-color) !important;
}

.status-completato {
    background-color: var(--status-green-color) !important;
    color: var(--white-color) !important;
}

.status-annullato {
    background-color: var(--status-dark-red-color) !important;
    color: var(--white-color) !important;
}

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

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

.status-non-invitata {
    background-color: var(--status-light-yellow-color);
    color: var(--status-yellow-color);
}

.status-invitata {
    background-color: var(--status-light-azure-color);
    color: var(--status-azure-color);
}

.status-a-preventivo {
    background-color: var(--status-grey-color);
    color: var(--status-dark-grey-color);
}

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