/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic");
*/


body.debug.viewport-xxs:before {
    content: "XXS";
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    color: #000;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 999999;
}

body.debug.viewport-xs:before {
    content: "XS";
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    color: #000;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 999999;
}

body.debug.viewport-sm:before {
    content: "SM";
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    color: #000;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 999999;
}

body.debug.viewport-md:before {
    content: "MD";
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    color: #000;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 999999;
}

body.debug.viewport-lg:before {
    content: "LG";
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    color: #000;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 999999;
}

body.debug.viewport-xlg:before {
    content: "XLG";
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    color: #000;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 999999;
}



/* Generated by Glyphter (http://www.glyphter.com) on  Tue Nov 10 2015*/

button {
    background: #F0F0F0;
}


@font-face {
    font-family: 'eduplanIcon';
    src: url('Content/AreaRiservata/fonts/eduplan-icon/eduplan-icon.eot');
    src: url('Content/AreaRiservata/fonts/eduplan-icon/eduplan-icon.eot?#iefix') format('embedded-opentype'), url('Content/AreaRiservata/fonts/eduplan-icon/eduplan-icon.woff') format('woff'), url('Content/AreaRiservata/fonts/eduplan-icon/eduplan-icon.ttf') format('truetype'), url('Content/AreaRiservata/fonts/eduplan-icon/eduplan-icon.svg#eduplanIcon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='eduplanIco-']:before {
    display: inline-block;
    font-family: 'eduplanIcon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.eduplanIco-edup:before {
    content: '\0041';
}


/*.viewport-xs .am-wrapper:before {
    content: "XS";
    position: fixed;
    bottom: 50px;
    right: 0;
    padding: 10px;
    color: #FFF;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    z-index: 999999;
    font-size: 14px;
    font-weight: bold;
}

.viewport-sm .am-wrapper:before {
    content: "SM";
    position: fixed;
    bottom: 50px;
    right: 0;
    padding: 10px;
    color: #FFF;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    z-index: 999999;
    font-size: 14px;
    font-weight: bold;
}

.viewport-md .am-wrapper:before {
    content: "MD";
    position: fixed;
    bottom: 50px;
    right: 0;
    padding: 10px;
    color: #FFF;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    z-index: 999999;
    font-size: 14px;
    font-weight: bold;
}

.viewport-lg .am-wrapper:before {
    content: "LG";
    position: fixed;
    bottom: 50px;
    right: 0;
    padding: 10px;
    color: #FFF;
    background: #FF0000;
    text-align: center;
    text-transform: uppercase;
    z-index: 999999;
    font-size: 14px;
    font-weight: bold;
}*/


/** initial setup **/

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .nano > .nano-content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .nano > .nano-content:focus {
            outline: thin dotted;
        }

        .nano > .nano-content::-webkit-scrollbar {
            display: none;
        }

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}




.nano > .nano-pane {
    background: rgba(0, 0, 0, .25);
    position: absolute;
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    visibility: visible\9;
    /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
    /*visibility: hidden\9;*/
    /* Target only IE7 and IE8 with this hack */
    /*opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}

    .nano > .nano-pane > .nano-slider {
        background: #444;
        background: rgba(0, 0, 0, .5);
        position: relative;
        margin: 0 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
/*.nano > .nano-pane,
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
    visibility: visible\9;*/
/* Target only IE7 and IE8 with this hack */
/* opacity: 0.99;
}*/

.nano .nano-pane {
    background: #CCC;
    width: 8px;
    right: 1px;
    margin: 5px 0 5px 0;
}

.nano .nano-slider {
    background: #AAA;
}

.tab-top .nav-tabs .icon {
    font-size: 20px;
}


.tab-content .title {
    font-weight: bold;
}


/*
=============
am-top-header
=============
*/

.am-top-header .navbar-header .navbar-brand {
    background: #3D3C3C;
    padding: 0;
    height: 80px;
    position: relative;
    overflow: hidden;
    line-height: normal;
}

    .am-top-header .navbar-header .navbar-brand .icon-ed {
        font-weight: bold;
        position: absolute;
        font-size: 32px;
        text-align: center;
        width: 100%;
        left: 0;
        top: 10px;
        color: #74db00;
    }

    .am-top-header .navbar-header .navbar-brand .text {
        position: absolute;
        font-size: 13px;
        text-align: center;
        width: 100%;
        left: 0;
        top: 40px;
    }

.am-nav-right {
    float: right;
}


/*.am-top-header .navbar-header .am-toggle-left-sidebar {
    top: 25px;
}*/

.am-top-header .navbar-header .page-title {
    width: calc(100% - 140px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*
=============
am-scroll-top
=============
*/

.am-scroll-top {
    z-index: 9999;
}


/*
======
NAVBAR
======
*/

.li-logo img {
    display: inline-block;
    max-height: 50px;
    max-width: 50px;
    vertical-align: middle;
}

/*
======
flex
======
*/
/* .am-wrapper .row {
    display: flex;
    flex-wrap: wrap;
}

    .am-wrapper .row .col {
        flex-basis: 0;
        flex-grow: 1;
    } */
/**/

.area-riservata {
}

    .area-riservata .am-user-nav {
        display: flex;
        align-items: center;
        min-height: 80px;
    }

    .area-riservata .li-user-welcome {
        line-height: 80px;
        color: #FFF;
        padding-left: 20px;
    }

    .area-riservata .li-change-pwd {
        margin-bottom: 0;
    }

    .area-riservata a.lnk-logout {
        color: #FFF !important;
        line-height: normal !important;
        display: inline !important;
        padding: 0 !important;
    }

    .area-riservata a.lnk-change-pwd {
        color: #FFF !important;
        line-height: normal !important;
        display: inline !important;
        padding: 0 !important;
    }

    .area-riservata .am-nav-left {
        width: calc(75% - 270px);
        margin-left: 15px !important;
    }


    .area-riservata .am-user-nav .am-nav-right i {
        margin-right: 5px;
    }
    /*.area-riservata .am-nav-right {
        width: 350px;
    }*/

    .area-riservata .selected-unit {
        padding-top: 10px;
    }

    .area-riservata .am-nav-left {
        width: calc(70% - 270px);
        margin-left: 15px !important;
        overflow: hidden;
    }

    .area-riservata a.disabled {
        pointer-events: none;
        cursor: default;
    }

/**/

.area-riservata-docente .li-user-welcome {
    line-height: 80px;
    color: #FFF;
    padding-left: 20px;
}

.area-riservata-docente a.lnk-logout {
    color: #FFF !important;
    line-height: normal !important;
    display: inline !important;
    padding: 0 !important;
}

.area-riservata-docente a.lnk-change-pwd {
    color: #FFF !important;
    line-height: normal !important;
    display: inline !important;
    padding: 0 !important;
}


/**/

.area-riservata-iscritto .li-user-welcome {
    line-height: 80px;
    color: #FFF;
    padding-left: 20px;
}

.area-riservata-iscritto a.lnk-logout {
    color: #FFF !important;
    line-height: normal !important;
    display: inline !important;
    padding: 0 !important;
}

.area-riservata-iscritto a.lnk-change-pwd {
    color: #FFF !important;
    line-height: normal !important;
    display: inline !important;
    padding: 0 !important;
}



/**/

.viewport-lg .am-nav-left,
.viewport-md .am-nav-left {
    margin-left: -20px;
}

.viewport-sm .am-nav-left {
    margin-left: -10px;
}

.viewport-xs .am-nav-left {
    float: none;
    width: auto;
}

.viewport-xs .am-nav-right {
    float: none;
    width: auto;
}

    .viewport-xs .am-nav-right li {
        line-height: normal !important;
    }

.viewport-xs .li-user-welcome,
.viewport-xs .li-logout {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    width: 49%;
}

.viewport-xs .li-user-welcome {
    padding-left: 15px;
}

.viewport-xs .li-logout a {
    padding: 0 !important;
}

.viewport-xs .li-logout {
    padding-right: 15px;
    text-align: right;
}

.viewport-xs .li-logo {
    display: none;
}

.viewport-xs .li-local-units-selection {
    line-height: normal;
    padding: 0;
    width: auto;
}

    .viewport-xs .li-local-units-selection button {
        width: 100%;
        text-align: left;
        background: #333;
        border: 1px solid #333;
    }

        .viewport-xs .li-local-units-selection button:hover {
            width: 100%;
            text-align: left;
            background: #444;
            border: 1px solid #333;
        }

    .viewport-xs .li-local-units-selection .selected-unit {
        display: block;
        padding: 10px 0 5px 15px;
    }

.viewport-xs .navbar-default .navbar-nav > a:hover,
.viewport-xs .navbar-default .navbar-nav > .active > a,
.viewport-xs .navbar-default .navbar-nav > .active > a:hover,
.viewport-xs .navbar-default .navbar-nav > .active > a:focus {
    background: #333 !important;
}


/*
=======
sidebar
=======
*/

.am-left-sidebar .sidebar-elements li.li-admin {
    border-bottom: 2px solid #f0f0f0;
}

.am-left-sidebar .sub-menu {
    display: none !important;
}

.am-left-sidebar .touch-triggered-active .sub-menu {
    display: table !important;
}


/*
=====================
login / lost password
=====================
*/

.form-group,
.form-control {
    background: transparent;
}

.input-group-addon {
    background: transparent;
}

.input-group {
}

.login-container .panel-heading img {
    margin: 0 auto;
}

.login-container .panel-default .panel-body .form-group .input-group {
    border-bottom: 2px solid #4a4949;
    padding: 10px 0;
}

.login-container .panel-default .panel-body {
    color: #858383;
}


.login-container .form-title {
    padding: 0 0 15px 0;
    font-weight: 500;
}

.login-container .panel-default .panel-body .form-group .input-group .input-group-addon {
    background-color: transparent;
    border: 0 none;
}

.login-container .panel-default .panel-body .form-group .input-group .form-control {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    color: #a3a2a2;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    padding: 0;
}

.login-container .panel-default .panel-body .form-group .input-group .input-group-addon .icon {
    color: #fff;
    font-size: 20px;
}

.login-container .field-validation-error,
.login-container .error {
    font-size: 13px;
}


.am-splash-screen .login-submit .field-validation-error {
    display: block;
    padding: 10px 0 0 0;
    text-align: center;
}


.login-container .validation-summary-errors {
    color: #a94442;
}


.login-container .panel-default .panel-body .form-group.login-submit,
.login-container .panel-default .panel-body .form-group.form-submit {
    padding-top: 40px;
    padding-bottom: 15px;
}

    .login-container .panel-default .panel-body .form-group.login-submit .btn,
    .login-container .panel-default .panel-body .form-group.form-submit .btn {
        width: 100%;
    }


/*
=============
lost-password
=============
*/


/*
=====================
set / change password
=====================
*/


.fld-username .txt-username {
    padding-top: 10px;
    font-size: 14px;
}

.imposta-nuova-password .status {
    float: left;
    font-size: 11px;
    width: 100%;
}

    .imposta-nuova-password .status label {
        color: #FFF;
        display: block !Important;
        padding: 0;
        margin: 0;
    }

        .imposta-nuova-password .status label.error {
            color: #a94442;
        }

.imposta-nuova-password .password-meter {
    position: relative;
    margin-top: 5px;
}

.imposta-nuova-password .password-meter-message {
    font-weight: bold;
    border-top: 2px solid transparent;
}

.imposta-nuova-password .password-meter-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    display: none;
}

.imposta-nuova-password .password-meter-too-short {
    width: 20%;
    background: #a94442;
}

.imposta-nuova-password .password-meter-very-weak {
    width: 40%;
    background: #a94442;
}

.imposta-nuova-password .password-meter-weak {
    width: 60%;
    background: #a94442;
}

.imposta-nuova-password .password-meter-good {
    width: 80%;
    background: #3c763d;
}

.imposta-nuova-password .password-meter-strong {
    width: 100%;
    background: #3c763d;
}

.imposta-nuova-password .password-meter-message-too-short {
    color: #a94442;
    border-color: #a94442;
}

.imposta-nuova-password .password-meter-message-very-weak {
    color: #a94442;
    border-color: #a94442;
}

.imposta-nuova-password .password-meter-message-weak {
    color: #a94442;
    border-color: #a94442;
}

.imposta-nuova-password .password-meter-message-good {
    color: #3c763d;
    border-color: #3c763d;
}

.imposta-nuova-password .password-meter-message-strong {
    color: #3c763d;
    border-color: #3c763d;
}





/*
=================
sezione-dashboard
=================
*/

.main-content {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 15px;
}

.section-title {
    margin-top: 0;
}


/*
=============
sezione-admin
=============
*/

#admin {
    display: none;
}

.admin-section-visible section {
    display: none;
}

.admin-section-visible #admin {
    display: block;
}


/*
=============
grid-calendar
=============
*/

.widget-calendar .cal-container .cal-calendar {
    /*background-color: #ef6262;*/
    display: block;
    padding: 0;
    width: auto;
}

.widget-calendar .cal-container .cal-notes {
    /*background-color: #ef6262;*/
    display: block;
    padding: 10px;
    width: auto;
}

.widget-calendar .ui-datepicker {
    margin: 0 !important;
}

.ui-state-has-lesson a {
    background: #7ACCBE;
    border-radius: 50%;
    color: #FFF !important;
}

.widget-calendar .cal-container .cal-notes table {
    width: 100%;
}

    .widget-calendar .cal-container .cal-notes table td {
        vertical-align: top;
        padding: 0 2px;
        color: #fff;
        cursor: pointer;
    }

        .widget-calendar .cal-container .cal-notes table td.hour {
            white-space: nowrap;
        }

        .widget-calendar .cal-container .cal-notes table td.lesson-title {
            width: 100%;
        }

.viewport-xs .widget-calendar .cal-container .cal-calendar {
    padding-bottom: 15px;
}


/*
=================
widget-base-class
=================
*/

.widget {
    background: #FFF;
}

    .widget.loading {
    }


    /*icon fatto */ /*icon aggiornato */

    .widget .icon-ft, .widget .icon-ag {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon da fare */
    /* icon scaduto */
    /* icon non superato */
    .widget .icon-df, .widget .icon-sc, .widget .icon-ns {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon in corso */ /* icon da completare */ /* icon in aggiornamento */ /* icon in scadenza */
    .widget .icon-ic, .widget .icon-dc, .widget .icon-ia, .widget .icon-is {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    /*giallo-arancio*/
    .widget span.span-ic,
    .widget span.span-dc, .widget span.span-ia, .widget span.span-is, .widget span.span-at, .widget span.span-nv {
        background: #f7d3a1;
        border: 1px solid #eea236;
        border-radius: 3px;
        padding: 3px;
        white-space: nowrap;
    }

    /*verde*/
    .widget span.span-ft,
    .widget span.span-ag, .widget span.span-cp, .widget span.span-cf {
        background: #b8e0b8;
        border: 1px solid #4cae4c;
        border-radius: 3px;
        padding: 3px;
        white-space: nowrap;
    }

    /*ROSSO*/
    .widget span.span-df,
    .widget span.span-sc, .widget span.span-rf {
        background: #edaeab;
        border: 1px solid #d43f3a;
        border-radius: 3px;
        padding: 3px;
        white-space: nowrap;
    }

/*
==================
grid-lesson-detail
==================
*/

.widget-lesson-detail .nano-content {
    padding: 0 10px 10px 0px;
}

.widget-lesson-detail .nano {
    height: 313px;
}


.activity .icon {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 1px;
    vertical-align: middle;
}

.activity .icon-cp {
    background: #5cb85c none repeat scroll 0 0;
    border: 1px solid #4cae4c;
}

.activity .icon-an {
    background: #545454 none repeat scroll 0 0;
    border: 1px solid #545454;
}

.activity .icon-sc {
    background: #d9534f none repeat scroll 0 0;
    border: 1px solid #d9534f;
}

.activity .icon-is {
    background: #f0ad4e none repeat scroll 0 0;
    border: 1px solid #f0ad4e;
}

.activity .icon-ic {
    /*background: #f0ad4e none repeat scroll 0 0;
    border: 1px solid #f0ad4e;*/
    background: #99aaff none repeat scroll 0 0;
    border: 1px solid #99aaff;
}

.activity .icon-so {
    background: #8c8c8c none repeat scroll 0 0;
    border: 1px solid #8c8c8c;
}

.activity .icon-nv {
    /*background: #f0ad4e none repeat scroll 0 0;
    border: 1px solid #f0ad4e;*/
    background: #3758ff none repeat scroll 0 0;
    border: 1px solid #3758ff;
}

.btn.dropdown-toggle a {
    color: #555555 !important;
}

#statoAtt {
    padding: 4px 8px;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

/*
==================
grid-local-units
==================
*/

.widget-local-units {
    height: 380px;
}

    .widget-local-units .nano-content {
        padding: 0 10px 10px 0px;
    }

    .widget-local-units .nano {
        height: 313px;
    }

    .widget-local-units .nano {
        color: #555555;
    }


/*
==================
grid-supplier
==================
*/

.widget-supplier {
    height: 380px;
}

    .widget-supplier .nano-content {
        padding: 0 10px 10px 0px;
    }

    .widget-supplier .nano {
        height: 313px;
    }

    .widget-supplier .nano {
        color: #555555;
    }

/*
==================
grid-supplier-up
==================
*/

.widget-supplier-up {
    height: 380px;
}

    .widget-supplier-up .nano-content {
        padding: 0 10px 10px 0px;
    }

    .widget-supplier-up .nano {
        height: 313px;
    }

    .widget-supplier-up .nano {
        color: #555555;
    }


/*
=============================
widget-grid-past-courses
=============================
*/

.widget-grid-past-courses .widget-head {
    margin-bottom: 0;
}

.widget-grid-past-courses {
    /* height: 470px; */
}

    .widget-grid-past-courses th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-past-courses td,
    .widget-grid-past-courses th {
        padding-left: 5px !Important;
        padding-right: 5px !Important;
    }

    .widget-grid-past-courses .nano-content {
        padding: 0 10px 10px 0px;
    }

    .widget-grid-past-courses .nano {
        height: 300px;
    }

.widget a .name,
.widget a .version {
    color: #555;
}

.widget-grid-past-courses {
    position: relative;
    padding-bottom: 50px;
    border-bottom: 20px;
}

    .widget-grid-past-courses .col-ico {
        font-size: 25px;
        text-align: right;
        cursor: pointer;
    }

    .widget-grid-past-courses .dataTables_filter {
        position: absolute;
        top: 15px;
        right: 20px;
    }

        .widget-grid-past-courses .dataTables_filter label input {
            margin-left: 5px;
            border: 2px solid #eaeaea;
        }

    .widget-grid-past-courses .dataTables_length {
        display: none !important;
    }


.viewport-xs .widget-grid-past-courses {
    height: 100%;
}

    .viewport-xs .widget-grid-past-courses .dataTables_filter {
        position: static;
        margin: 5px 0;
    }

        .viewport-xs .widget-grid-past-courses .dataTables_filter label {
            position: relative;
            display: block;
            padding: 8px 0;
        }

        .viewport-xs .widget-grid-past-courses .dataTables_filter input {
            width: 70%;
            top: 0;
            right: 0;
            position: absolute;
        }


/*
======================
widget-grid-training
======================
*/

#training-to-do {
    position: relative;
}

    #training-to-do .widget-grid-training {
        padding: 0;
        position: relative;
    }

.widget-grid-training .dataTables_filter {
    position: absolute;
    top: 15px;
    right: 20px;
}


.widget-grid-training {
    position: relative;
}

    .widget-grid-training .dataTables_filter {
        position: absolute;
        top: 15px;
        right: 20px;
    }

        .widget-grid-training .dataTables_filter label input {
            margin-left: 5px;
            border: 2px solid #eaeaea;
        }

    .widget-grid-training .dataTables_length {
        display: none !important;
    }

.viewport-xs .widget-grid-training .dataTables_filter {
    position: static;
    margin: 5px 0;
}

    .viewport-xs .widget-grid-training .dataTables_filter label {
        position: relative;
        display: block;
        padding: 8px 0;
    }

    .viewport-xs .widget-grid-training .dataTables_filter input {
        width: 70%;
        top: 0;
        right: 0;
        position: absolute;
    }


#training-to-do .widget-grid-training .nano {
    height: 355px;
}

#training-to-do .widget-grid-training .nano-content {
    padding: 0;
}

/**/

.widget-grid-training .widget-head {
    margin-bottom: 0;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
}

    .widget-grid-training .widget-head .title {
        font-weight: bold;
        /*font-size: 14px;*/
    }

#training .widget-ctrl {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    margin-right: 55px;
    margin-top: 6px;
    z-index:60;
}

#training .widget-ctrl .dropdown {
    float: left;
}

#training .widget-ctrl .current-selection {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    white-space: nowrap;
}

    #training .widget-ctrl .current-selection span {
        margin-right: 3px;
        vertical-align: sub;
    }

#btn-registra-addestramento {
   
}


.modal-xxl {
    width: 1000px;
}


#training-modal #lista-lavoratori-addestramento {
    margin: 10px 0 10px 0;
    overflow: auto;
}

    #training-modal #lista-lavoratori-addestramento table {
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #training-modal #lista-lavoratori-addestramento table tr:nth-child(even) {
            background: #F9F9F9;
        }

        #training-modal #lista-lavoratori-addestramento table th {
            color: #000;
            font-weight: bold;
            text-align: left;
            padding: 8px 4px;
        }

            #training-modal #lista-lavoratori-addestramento table th label {
                margin: 0;
            }

        #training-modal #lista-lavoratori-addestramento table td {
            vertical-align: middle;
            text-align: left;
            padding: 8px 4px;
            border-top: 1px solid #ddd;
        }

            #training-modal #lista-lavoratori-addestramento table td input.k-textbox {
                width: 100%;
            }

    #training-modal #lista-lavoratori-addestramento .col_minuti_presenza div {
        position: relative;
    }

        #training-modal #lista-lavoratori-addestramento .col_minuti_presenza div.error-presenze {
            font-size: 12px;
            line-height: 20px;
            position: absolute;
            top: 8px;
            right: 3px;
            background-color: #f2dede;
            border-color: #eed3d7;
            color: #b94a48;
            border: 1px solid #bd362f;
            padding: 0px 3px;
        }

    #training-modal #lista-lavoratori-addestramento input {
    }

    #training-modal #lista-lavoratori-addestramento .nano-content select,
    #training-modal #lista-lavoratori-addestramento .nano-content input,
    #training-modal #lista-lavoratori-addestramento .nano-content textarea {
        width: 100%;
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        padding: 4px;
    }


.widget-grid-training {
    height: 500px;
}

    .widget-grid-training th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-training td,
    .widget-grid-training th {
        padding-left: 5px !Important;
        padding-right: 5px !Important;
    }

    .widget-grid-training .nano-content {
        padding: 0 0 10px 0;
    }

    .widget-grid-training .nano {
        height: 300px;
    }

.widget a .name,
.widget a .version {
    color: #555;
}

.widget-grid-training .col-ico {
    font-size: 19px;
    text-align: right;
}

.widget-grid-training .col-allegato .icon {
    font-size: 19px;
}

.col-allegato .allegati-count {
    display: block;
    font-size: 10px;
    line-height: 12px;
    height: 12px;
    width: 12px;
    position: absolute;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    top: 0px;
    left: 22px;
}

.col-commenti .btn, .col-check-list .btn, .col-allegato .btn {
    position: relative;
}



.widget-grid-training .btn-upAll {
    margin-right: 3px;
}

.viewport-xs .widget-grid-training,
.viewport-sm .widget-grid-training {
    height: auto;
    padding-bottom: 40px;
}

    .viewport-xs .widget-grid-training thead,
    .viewport-sm .widget-grid-training thead {
        display: none;
    }

    .viewport-sm .widget-grid-training tbody,
    .viewport-sm .widget-grid-training tr,
    .viewport-sm .widget-grid-training td,
    .viewport-xs .widget-grid-training tbody,
    .viewport-xs .widget-grid-training tr,
    .viewport-xs .widget-grid-training td {
        display: block;
    }

    .viewport-sm .widget-grid-training tr,
    .viewport-xs .widget-grid-training tr {
        border-top: 1px solid #ddd;
        position: relative;
        padding-right: 30px;
    }

    .viewport-sm .widget-grid-training td[data-title]::before,
    .viewport-xs .widget-grid-training td[data-title]::before {
        content: attr(data-title);
        font-weight: bold;
        padding-right: 3px;
    }

    .viewport-sm .widget-grid-training td[data-title],
    .viewport-xs .widget-grid-training td[data-title] {
        padding: 3px 0;
        border: 0 none;
    }

    .viewport-sm .widget-grid-training td:empty,
    .viewport-xs .widget-grid-training td:empty {
        display: none;
    }

    .viewport-sm .widget-grid-training td.col-ico,
    .viewport-xs .widget-grid-training td.col-ico {
        position: absolute;
        padding: 0;
        top: 50%;
        right: 0;
        margin-top: -15px;
        border: 0 none;
    }



/*
===========================
widget-grid-past-training
===========================
*/

.widget-grid-past-training .widget-head {
}

.widget-grid-past-training {
    height: 370px;
    padding: 0;
    position: relative;
}

    .widget-grid-past-training .dataTables_filter {
        position: absolute;
        top: 15px;
        right: 20px;
    }

        .widget-grid-past-training .dataTables_filter label input {
            margin-left: 5px;
            border: 2px solid #eaeaea;
        }

    .widget-grid-past-training .dataTables_length {
        display: none !important;
    }

    .widget-grid-past-training .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

        .widget-grid-past-training .widget-head .title {
            font-weight: bold;
            font-size: 14px;
        }

    .widget-grid-past-training th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-past-training .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-past-training .nano {
        height: 355px;
    }

    .widget-grid-past-training .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }

    .widget-grid-past-training .col-allegato .icon {
        font-size: 19px;
    }


.viewport-xs .widget-grid-past-training .dataTables_filter {
    position: static;
    margin: 5px 0;
}

    .viewport-xs .widget-grid-past-training .dataTables_filter label {
        position: relative;
        display: block;
        padding: 8px 0;
    }

    .viewport-xs .widget-grid-past-training .dataTables_filter input {
        width: 70%;
        top: 0;
        right: 0;
        position: absolute;
    }


.viewport-xs-sm-md .widget-grid-past-training {
    height: auto;
    padding: 20px 20px 40px 20px;
}
/*
==============
training-modal
==============
*/

#training-modal {
}

#training-modal {
    color: #444;
}

    #training-modal .label {
        color: #444;
        text-align: left;
    }

    #training-modal .field {
        display: inline-block;
    }

        #training-modal .field select,
        #training-modal .field input,
        #training-modal .field textarea {
            width: 100%;
            border: 1px solid #eaeaea;
            box-sizing: border-box;
            padding: 4px;
        }

        #training-modal .field textarea {
            height: 100px;
            margin-top: 5px;
        }


.training .icon {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 1px;
    vertical-align: middle;
}

.training .icon-ft {
    background: #5cb85c none repeat scroll 0 0;
    border: 1px solid #4cae4c;
}



.training .icon-df, .training .icon-ns {
    background: #d9534f none repeat scroll 0 0;
    border: 1px solid #d9534f;
}


#statoAddestramento {
    padding: 4px 8px;
}


#training-modal .nano-content {
    padding: 0 10px 10px 0;
}

#training-modal .nano {
    height: 300px;
}

#training-modal .ctrlPresenze {
    padding: 0 0 10px 0;
    text-align: right;
}


/*
======================
widget-grid-activities
======================
*/
/*
.widget-grid-activities .widget-head {}

#activities-to-do {
    position: relative;
}

.widget-grid-activities {
    height: 370px;
    padding: 0;
}

.widget-grid-activities .widget-head {
    margin-bottom: 0;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
}

.widget-grid-activities .widget-head .title {
    font-weight: bold;
    font-size:14px;
}

.widget-grid-activities th {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.widget-grid-activities .nano-content {
    padding: 0 10px 10px 0;
}

.widget-grid-activities .nano {
    height: 355px;
}

.widget-grid-activities .col-scarica {
    color: #ef6262;
    font-size: 20px;
}
*/
/**/
#activities-to-do {
    position: relative;
}

    #activities-to-do .widget-grid-activities {
        padding: 0;
        position: relative;
    }

.widget-grid-activities .dataTables_filter {
    position: absolute;
    top: 15px;
    right: 20px;
}


.widget-grid-activities {
    position: relative;
}

    .widget-grid-activities .dataTables_filter {
        position: absolute;
        top: 15px;
        right: 20px;
    }

        .widget-grid-activities .dataTables_filter label input {
            margin-left: 5px;
            border: 2px solid #eaeaea;
        }

    .widget-grid-activities .dataTables_length {
        display: none !important;
    }

.viewport-xs .widget-grid-activities .dataTables_filter {
    position: static;
    margin: 5px 0;
}

    .viewport-xs .widget-grid-activities .dataTables_filter label {
        position: relative;
        display: block;
        padding: 8px 0;
    }

    .viewport-xs .widget-grid-activities .dataTables_filter input {
        width: 70%;
        top: 0;
        right: 0;
        position: absolute;
    }


#activities-to-do .widget-grid-activities .nano {
    height: 355px;
}

#activities-to-do .widget-grid-activities .nano-content {
    padding: 0;
}

/**/

.widget-grid-activities .widget-head {
    margin-bottom: 0;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
}

    .widget-grid-activities .widget-head .title {
        font-weight: bold;
        /*font-size: 14px;*/
    }

.widget-grid-activities {
    height: 500px;
}

    .widget-grid-activities th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-activities td,
    .widget-grid-activities th {
        padding-left: 5px !Important;
        padding-right: 5px !Important;
    }

    .widget-grid-activities .nano-content {
        padding: 0 0 10px 0;
    }

    .widget-grid-activities .nano {
        height: 300px;
    }

.widget a .name,
.widget a .version {
    color: #555;
}

.widget-grid-activities .col-ico {
    font-size: 19px;
    text-align: right;
}

.widget-grid-activities .col-allegato .icon {
    font-size: 19px;
}

.col-allegato .allegati-count {
    display: block;
    font-size: 10px;
    line-height: 12px;
    height: 12px;
    width: 12px;
    position: absolute;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    top: 0px;
    left: 22px;
}

.col-commenti .btn, .col-check-list .btn, .col-allegato .btn {
    position: relative;
}

.col-commenti .commenti-count {
    font-size: 10px;
    display: block;
    line-height: 12px;
    height: 12px;
    width: 12px;
    position: absolute;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    top: 0px;
    left: 25px;
}

.col-check-list .check-list-count {
    font-size: 10px;
    display: block;
    line-height: 12px;
    height: 12px;
    width: 20px;
    position: absolute;
    border-radius: 12px 12px;
    vertical-align: middle;
    text-align: center;
    top: 0px;
    left: 25px;
}

.widget-grid-activities .btn-upAll {
    margin-right: 3px;
}

.viewport-xs .widget-grid-activities,
.viewport-sm .widget-grid-activities {
    height: auto;
    padding-bottom: 40px;
}

    .viewport-xs .widget-grid-activities thead,
    .viewport-sm .widget-grid-activities thead {
        display: none;
    }

    .viewport-sm .widget-grid-activities tbody,
    .viewport-sm .widget-grid-activities tr,
    .viewport-sm .widget-grid-activities td,
    .viewport-xs .widget-grid-activities tbody,
    .viewport-xs .widget-grid-activities tr,
    .viewport-xs .widget-grid-activities td {
        display: block;
    }

    .viewport-sm .widget-grid-activities tr,
    .viewport-xs .widget-grid-activities tr {
        border-top: 1px solid #ddd;
        position: relative;
        padding-right: 30px;
    }

    .viewport-sm .widget-grid-activities td[data-title]::before,
    .viewport-xs .widget-grid-activities td[data-title]::before {
        content: attr(data-title);
        font-weight: bold;
        padding-right: 3px;
    }

    .viewport-sm .widget-grid-activities td[data-title],
    .viewport-xs .widget-grid-activities td[data-title] {
        padding: 3px 0;
        border: 0 none;
    }

    .viewport-sm .widget-grid-activities td:empty,
    .viewport-xs .widget-grid-activities td:empty {
        display: none;
    }

    .viewport-sm .widget-grid-activities td.col-ico,
    .viewport-xs .widget-grid-activities td.col-ico {
        position: absolute;
        padding: 0;
        top: 50%;
        right: 0;
        margin-top: -15px;
        border: 0 none;
    }


/*
=============================
widget-grid-available-courses
=============================
*/

.widget-grid-available-courses {
    height: 470px;
}

    .widget-grid-available-courses .tab-content {
        overflow: hidden;
    }

    .widget-grid-available-courses .widget-head {
        margin-bottom: 0;
    }

.widget-grid-available-courses {
    height: 470px;
    border-bottom: 20px;
    position: relative;
}

    .widget-grid-available-courses .dataTables_filter {
        position: absolute;
        top: 15px;
        right: 20px;
    }

        .widget-grid-available-courses .dataTables_filter label input {
            margin-left: 5px;
            border: 2px solid #eaeaea;
        }

    .widget-grid-available-courses .dataTables_length {
        display: none !important;
    }




    .widget-grid-available-courses th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-available-courses td,
    .widget-grid-available-courses th {
        padding-left: 5px !Important;
        padding-right: 5px !Important;
    }

    .widget-grid-available-courses .nano-content {
        padding: 0 10px 10px 10px;
    }

    .widget-grid-available-courses .nano {
        height: 405px;
    }

.widget a .name,
.widget a .version {
    color: #555;
}

.widget-grid-available-courses .col-ico {
    font-size: 25px;
    text-align: right;
    cursor: pointer;
}

    .widget-grid-available-courses .col-ico span {
        padding-right: 5px;
    }

.widget-grid-available-courses .dataTables_filter {
    position: absolute;
    top: 15px;
    right: 20px;
}

.viewport-xs .widget-grid-available-courses .dataTables_filter {
    position: static;
    margin: 5px 0;
}

    .viewport-xs .widget-grid-available-courses .dataTables_filter label {
        position: relative;
        display: block;
        padding: 8px 0;
    }

    .viewport-xs .widget-grid-available-courses .dataTables_filter input {
        width: 70%;
        top: 0;
        right: 0;
        position: absolute;
    }


.viewport-xs-sm-md .widget-grid-available-courses {
    height: auto;
    padding: 20px 20px 40px 20px;
}

/*
.viewport-xs .widget-grid-available-courses thead {
    display: none;
}

.viewport-xs .widget-grid-available-courses tbody,
.viewport-xs .widget-grid-available-courses tr,
.viewport-xs .widget-grid-available-courses td {
    display: block;
}

.viewport-xs .widget-grid-available-courses tr {
    border-top: 1px solid #ddd;
    position: relative;
    padding-right: 30px;
}

.viewport-xs .widget-grid-available-courses td[data-title]::before {
    content: attr(data-title);
    font-weight: bold;
    padding-right: 3px;
}

.viewport-xs .widget-grid-available-courses td[data-title] {
    padding: 3px 0;
    border: 0 none;
}

.viewport-xs .widget-grid-available-courses td:empty {
    display: none;
}

.viewport-xs .widget-grid-available-courses td.col-ico {
    position: absolute;
    padding: 0;
    top: 50%;
    right: 0;
    margin-top: -15px;
    border: 0 none;
}
*/

/*
===========================
widget-pre-subscribers
===========================
*/

#pre-subscribers {
    height: 365px;
}

/*
===========================
widget-subscribers
===========================
*/

#subscribers {
    height: 365px;
}


/*
===========================
widget-past-teachers
===========================
*/

#past-teachers {
    height: 365px;
}


/*
===========================
widget-past-lessons
===========================
*/

#past-lessons {
    height: 365px;
}

/*
===========================
widget-past-download
===========================
*/

#past-download {
    height: 365px;
}


/*
===========================
widget-past-program
===========================
*/

#past-program {
    height: 365px;
}

/*
===========================
widget-curriculum
===========================
*/

#curriculum {
    height: 428px;
}

/*
===========================
widget-attestati
===========================
*/

#attestati {
    height: 428px;
}

/*
===========================
widget-teachers
===========================
*/

#teachers {
    height: 365px;
}


/*
===========================
widget-lessons
===========================
*/

#lessons {
    height: 365px;
}


/*
===========================
widget-download
===========================
*/

#download {
    height: 365px;
}

.widget-download .btn-upall {
    background-color: transparent !important;
}

/*
===========================
widget-program
===========================
*/

#program {
    height: 365px;
}

.widget-program {
    margin-bottom: 0;
}

    .widget-program .widget-content {
        height: 250px;
    }


    .widget-program .widget-head {
        font-weight: bold;
    }

/*
===========================
widget-grid-expired-courses
===========================
*/

.widget-grid-expired-courses .widget-head {
    margin-bottom: 0;
}

.widget-grid-expired-courses {
    height: 370px;
}

    .widget-grid-expired-courses th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-expired-courses .nano-content {
        padding: 0 10px 10px 10px;
    }

    .widget-grid-expired-courses .nano {
        height: 295px;
    }

    .widget-grid-expired-courses .col-state {
        text-indent: 7px;
    }

    .widget-grid-expired-courses .icon {
        height: 15px;
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }


    /*icon fatto */

    .widget-grid-expired-courses .icon-ft {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon aggiornato */

    .widget-grid-expired-courses .icon-ag {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }


    /*icon da fare */

    .widget-grid-expired-courses .icon-df {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon scaduto */

    .widget-grid-expired-courses .icon-sc {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon in scadenza */

    .widget-grid-expired-courses .icon-is {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }


    /* icon in corso */

    .widget-grid-expired-courses .icon-ic {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    /* icon da completare */

    .widget-grid-expired-courses .icon-dc {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    /* icon in aggiornamento */

    .widget-grid-expired-courses .icon-ia {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    .widget-grid-expired-courses .meter {
        background: #facccc;
    }

        .widget-grid-expired-courses .meter span {
            background: #F88;
            display: block;
            text-align: center;
        }


/*
=======================
widget-grid-expired-doc
=======================
*/

.widget-grid-expired-docs .widget-head {
    margin-bottom: 0;
}

.widget-grid-expired-docs {
    height: 370px;
}

    .widget-grid-expired-docs th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-expired-docs .nano-content {
        padding: 0 10px 10px 10px;
    }

    .widget-grid-expired-docs .nano {
        height: 295px;
    }

    .widget-grid-expired-docs .col-state {
        text-indent: 7px;
    }

    .widget-grid-expired-docs .icon {
        height: 15px;
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }


/*
===============
widget-calendar
===============
*/

.widget-calendar {
    padding: 20px;
    min-height: 396px;
}

    .widget-calendar .cal-container .cal-notes span.title {
        margin-top: 10px;
    }

    .widget-calendar .cal-container .widget-head {
        margin-bottom: 0;
    }

    .widget-calendar .cal-container {
    }

        .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active {
            color: #FFF;
        }


    .widget-calendar .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-calendar .nano {
        height: 150px;
    }

/*
===================
widget-grid-workers
===================
*/

.widget-grid-workers .widget-head {
}

.widget-grid-workers {
    height: 472px;
}

    .widget-grid-workers th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /*.widget-grid-workers .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-workers .nano {
        height: 380px;
    }*/

    .widget-grid-workers .col-ico {
        text-align: right;
        font-size: 25px;
    }

    /*.widget-grid-workers th.col-3 span {
        display: none;
    }*/

    .widget-grid-workers tr.selected {
    }

    .widget-grid-workers .col-ico a {
        cursor: pointer;
    }

.widget-grid-workers {
    position: relative;
}

    .widget-grid-workers .dataTables_filter {
        position: absolute;
        top: 15px;
        right: 20px;
    }

        .widget-grid-workers .dataTables_filter label input {
            margin-left: 5px;
            border: 2px solid #eaeaea;
        }

    .widget-grid-workers .dataTables_length {
        display: none !important;
    }

.viewport-xs .widget-grid-workers .dataTables_filter {
    position: static;
    margin: 5px 0;
}

    .viewport-xs .widget-grid-workers .dataTables_filter label {
        position: relative;
        display: block;
        padding: 8px 0;
    }

    .viewport-xs .widget-grid-workers .dataTables_filter input {
        width: 70%;
        top: 0;
        right: 0;
        position: absolute;
    }


/*
==================        
widget-grid-worker
==================
*/

.widget-grid-worker .widget-head {
    font-weight: bold;
}

.widget-grid-worker {
    height: 370px;
    padding: 0;
}

    .widget-grid-worker th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-worker .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-worker .nano {
        height: 355px;
    }

    .widget-grid-worker .icon {
        height: 15px;
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }


    /*icon fatto */

    .widget-grid-worker .icon-ft {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon aggiornato */

    .widget-grid-worker .icon-ag {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon da fare */

    .widget-grid-worker .icon-df {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon scaduto */

    .widget-grid-worker .icon-sc {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon in scadenza */

    .widget-grid-worker .icon-is {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }


    /* icon in corso */

    .widget-grid-worker .icon-ic {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    /* icon da completare */

    .widget-grid-worker .icon-dc {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    /* icon in aggiornamento */

    .widget-grid-worker .icon-ia {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }



/*
==========================
widget-grid-curriculum
==========================
*/


/*
==================        
widget-grid-worker
==================
*/

.widget-grid-curriculum .widget-head {
}

.widget-grid-curriculum {
    height: 400px;
}

    .widget-grid-curriculum th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-curriculum .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-curriculum .nano {
        height: 306px;
    }

    .widget-grid-curriculum .icon {
        height: 15px;
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }


    /*icon fatto */

    .widget-grid-curriculum .icon-ft {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }


    /*icon aggiornato */

    .widget-grid-curriculum .icon-ag {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon da fare */

    .widget-grid-curriculum .icon-df {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon scaduto */

    .widget-grid-curriculum .icon-sc {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon in scadenza */

    .widget-grid-curriculum .icon-is {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }


    /* icon in corso */

    .widget-grid-curriculum .icon-ic {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    /* icon da completare */

    .widget-grid-curriculum .icon-dc {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }


    /* icon in aggiornamento */

    .widget-grid-curriculum .icon-ia {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

/*
==========================
widget-grid-certifications
==========================
*/

.widget-grid-certifications .widget-head {
    font-weight: bold;
}

.widget-grid-certifications {
    height: 400px;
}

    .widget-grid-certifications th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-certifications .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-certifications .nano {
        height: 306px;
    }

    .widget-grid-certifications .col-scarica {
        /*  color: #ef6262;
    font-size: 20px;
    */
    }

        .widget-grid-certifications .col-scarica a {
            font-size: 18px;
        }

/*
====================================
widget-grid-worker-health-monitoring
====================================
*/

.widget-grid-worker-health-monitoring .widget-head {
    font-weight: bold;
}

.widget-grid-worker-health-monitoring {
    height: 370px;
}

    .widget-grid-worker-health-monitoring th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-worker-health-monitoring .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-worker-health-monitoring .nano {
        height: 355px;
    }

    .widget-grid-worker-health-monitoring .col-scarica {
        /*  color: #ef6262;
    font-size: 20px;
    */
    }


    .widget-grid-worker-health-monitoring .icon {
        height: 15px;
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }

    /*icon fatto */

    .widget-grid-worker-health-monitoring .icon-ft {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon aggiornato */

    .widget-grid-worker-health-monitoring .icon-ag {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon da fare */

    .widget-grid-worker-health-monitoring .icon-df {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon scaduto */

    .widget-grid-worker-health-monitoring .icon-sc {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon in scadenza */

    .widget-grid-worker-health-monitoring .icon-is {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }


    /* icon in corso */

    .widget-grid-worker-health-monitoring .icon-ic {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    /* icon da completare */

    .widget-grid-worker-health-monitoring .icon-dc {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }

    /* icon in aggiornamento */

    .widget-grid-worker-health-monitoring .icon-ia {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }
/*
==========================
widget-grid-worker-dpi
==========================
*/

.widget-grid-worker-dpi .widget-head {
    font-weight: bold;
}

.widget-grid-worker-dpi {
    height: 370px;
}

    .widget-grid-worker-dpi th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-worker-dpi .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-worker-dpi .nano {
        height: 355px;
    }

    .widget-grid-worker-dpi .col-scarica {
        /*  color: #ef6262;
    font-size: 20px;
    */
    }

    .widget-grid-worker-dpi .state {
        white-space: nowrap;
    }

    .widget-grid-worker-dpi .icon {
        height: 15px;
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }

    /*icon riconsegnato */

    .widget-grid-worker-dpi .icon-rs {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon consegnato */

    .widget-grid-worker-dpi .icon-cs {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon da consegnare */

    .widget-grid-worker-dpi .icon-ds {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon scaduto */

    .widget-grid-worker-dpi .icon-sc {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon in scadenza */

    .widget-grid-worker-dpi .icon-is {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }


    /*
==========================
widget-grid-worker-training
==========================
*/

.widget-grid-worker-training .widget-head {
    font-weight: bold;
}

.widget-grid-worker-training {
    height: 370px;
}

    .widget-grid-worker-training th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-worker-training .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-worker-training .nano {
        height: 355px;
    }

    .widget-grid-worker-training .col-scarica {
        /*  color: #ef6262;
    font-size: 20px;
    */
    }

    .widget-grid-worker-training .state {
        white-space: nowrap;
    }

    .widget-grid-worker-training .icon {
        height: 15px;
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }

    

    /*icon superato */

    .widget-grid-worker-training .icon-ft {
        background: #5cb85c;
        border: 1px solid #4cae4c;
    }

    /*icon da fare */
    /*icon non superato */

    .widget-grid-worker-training .icon-df {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }

   
    /* icon scaduto */

    .widget-grid-worker-training .icon-sc {
        background: #d9534f;
        border: 1px solid #d43f3a;
    }


    /* icon in scadenza */

    .widget-grid-worker-training .icon-is {
        background: #f0ad4e;
        border: 1px solid #eea236;
    }






/*
============
widget-data
============
*/

.widget-data {
}

    .widget-data .widget-body {
        padding: 0 15px;
    }

    .widget-data .row {
        font-size: 13px;
    }

    .widget-data .col1,
    .widget-data .col2,
    .widget-data .col3 {
        border-bottom: 1px solid #e6e6e6;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .widget-data .field {
        display: table;
    }

    .widget-data .label {
        display: table-cell;
        color: #7b7b7b;
    }

    .widget-data label {
        display: inline;
        font-size: 13px;
    }

        .widget-data label:after {
            content: ":";
        }

    .widget-data .value {
        display: table-cell;
    }

.viewport-lg .widget-data .row {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 11px;
    padding-bottom: 11px;
}

.viewport-lg .widget-data .col1,
.viewport-lg .widget-data .col2,
.viewport-lg .widget-data .col3 {
    border: none;
    padding: 0;
}


/*
===================
widget-data-docente
===================
*/

#docente-dettaglio table {
    width: 100%;
}

    #docente-dettaglio table .editor {
        display: table;
        margin: 5px 0;
    }

    #docente-dettaglio table .label {
        text-align: left;
    }

.viewport-md #docente-dettaglio table td {
    display: block;
}

.viewport-xs #docente-dettaglio table td {
    display: block;
}


/*
===================
widget-data-iscritto
===================
*/

#iscritto-dettaglio table {
    width: 100%;
}

    #iscritto-dettaglio table .editor {
        display: table;
        margin: 5px 0;
    }

    #iscritto-dettaglio table .label {
        text-align: left;
    }

.viewport-md #iscritto-dettaglio table td {
    display: block;
}

.viewport-xs #iscritto-dettaglio table td {
    display: block;
}


/*
==============
widget-diagram
==============
*/

.widget-diagram {
    position: relative;
}

    .widget-diagram .widget-ctrl {
        position: absolute;
        top: 25px;
        right: 20px;
        width: 200px;
    }

.viewport-xs .widget-diagram .widget-ctrl {
    position: relative;
    width: auto;
    padding-bottom: 20px;
    right: auto;
    top: auto;
}

.widget-diagram .widget-ctrl .dropdown {
    position: absolute;
    right: 0;
    top: -10px;
}

.widget-diagram .widget-ctrl #exportRuoli {
    top: 0;
    right: 100px;
    position: absolute;
    height: 36px;
}


.widget-diagram .widget-ctrl .current-selection {
    padding-left: 110px;
}

.widget-diagram .widget-ctrl .dropdown-menu {
    position: absolute !important;
}

.widget-diagram .box h4 {
    color: #FFF;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
}

.box_dl h4 {
    background: #ef6262;
}

.box_aai h4 {
    background: #95d9f0;
}

.box_aps h4 {
    background: #ffdc7a;
}

.box_spp h4 {
    background: #7a98bf;
}

.box_med h4 {
    background: #cccccc;
}

.box_rls h4 {
    background: #7f64b5;
}


/*.box_med h4{background:#88ca92}*/

.box_pre h4 {
    background: #bda5d7;
}

.box_dir h4 {
    background: #ff7fa0;
}


/* Extra */

.row8 .col1 h4 {
    background: #88ca92;
}

.row8 .col1 .box {
    margin-bottom: 20px;
}


/**/

.widget-diagram h4 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #333;
}

.widget-diagram .row {
    position: relative;
    margin: 0;
    padding: 0;
}

.widget-diagram .col1 {
    width: 33%;
}

.widget-diagram .col2 {
    width: 33%;
}

.widget-diagram .col3 {
    width: 33%;
}

.widget-diagram .box {
    background: #FFF;
}

    .widget-diagram .box .list {
        background: #FFF;
        position: relative;
        z-index: 999;
    }

        .widget-diagram .box .list div {
            border: 1px solid #E6E6E6;
            border-top: 0 none;
            /*margin-top: -1px;*/
            text-align: center;
            font-size: 12px;
            padding: 3px;
        }

.widget-diagram .tbl {
    display: table;
    width: 100%;
}

.widget-diagram .tbl-cell {
    display: table-cell;
    width: 33%;
    vertical-align: top;
}

.widget-diagram .diagram-line-v {
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    border-left: 1px dotted #000;
    width: 1px;
}

.widget-diagram .diagram-line-h {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    border-top: 1px dotted #000;
}

.widget-diagram .diagram-line-h-l50 {
    position: absolute;
    top: 50%;
    width: 50%;
    left: 0;
    border-top: 1px dotted #000;
}

.widget-diagram .diagram-line-h-33-66 {
    position: absolute;
    top: 24px;
    width: 32%;
    left: 34%;
    border-top: 1px dotted #000;
}

.widget-diagram .diagram-line-h-33-50 {
    position: absolute;
    top: 24px;
    width: 16%;
    left: 34%;
    border-top: 1px dotted #000;
}

.widget-diagram .diagram-line-h-50-66 {
    position: absolute;
    top: 24px;
    width: 16%;
    left: 50%;
    border-top: 1px dotted #000;
}

.widget-diagram .diagram.has-extra .row8 .diagram-line-h-50-66,
.widget-diagram .diagram.has-extra .row8 .diagram-line-h-33-66,
.widget-diagram .diagram.no-extra .row8 .diagram-line-h-33-66,
.widget-diagram .diagram.no-extra .row8 .col1 .box {
    display: none;
}


.viewport-xs .row, .viewport-xs .tbl-cell, .viewport-xs .tbl,
/*.viewport-md .row,*/
.viewport-md .tbl-cell, .viewport-md .tbl {
    display: block;
    width: auto;
}

.viewport-xs .diagram-sicurezza .col1:empty,
.viewport-xs .diagram-sicurezza .col2:empty,
.viewport-xs .diagram-sicurezza .col3:empty,
.viewport-xs .diagram-sicurezza .diagram-line-v,
.viewport-xs .diagram-sicurezza .diagram-line-h-33-66,
.viewport-xs .diagram-sicurezza .diagram-line-h-50-66,
.viewport-xs .diagram-sicurezza .row2 .col1,
.viewport-xs .diagram-sicurezza .row4 .col1,
.viewport-xs .diagram-sicurezza .row6 .col1,
.viewport-xs .diagram-sicurezza .row7 .col1,
.viewport-xs .diagram-sicurezza.no-extra .row8 .col1,
.viewport-xs .diagram-sicurezza .row9 .col1,
.viewport-xs .diagram-sicurezza .row11 .col1,
.viewport-md .diagram-sicurezza .col1:empty,
.viewport-md .diagram-sicurezza .col2:empty,
.viewport-md .diagram-sicurezza .col3:empty,
.viewport-md .diagram-sicurezza .diagram-line-v,
.viewport-md .diagram-sicurezza .diagram-line-h-33-66,
.viewport-md .diagram-sicurezza .diagram-line-h-50-66,
.viewport-md .diagram-sicurezza .row2 .col1,
.viewport-md .diagram-sicurezza .row4 .col1,
.viewport-md .diagram-sicurezza .row6 .col1,
.viewport-md .diagram-sicurezza .row7 .col1,
.viewport-md .diagram-sicurezza.no-extra .row8 .col1,
.viewport-md .diagram-sicurezza .row9 .col1,
.viewport-md .diagram-sicurezza .row11 .col1 {
    display: none;
}


.viewport-xs .diagram-sicurezza .box,
.viewport-md .diagram-sicurezza .box {
    margin-bottom: 20px;
}

.viewport-xs .diagram-sicurezza .box_pre,
.viewport-md .diagram-sicurezza .box_pre {
    margin-bottom: 0;
}


/* diagram-custom */

.diagram-custom .row,
.diagram-custom .tbl-cell,
.diagram-custom .tbl {
    display: block;
    width: auto;
}

.diagram-custom .col1:empty,
.diagram-custom .col2:empty,
.diagram-custom .col3:empty,
.diagram-custom .diagram-line-v,
.diagram-custom .diagram-line-h-33-66,
.diagram-custom .diagram-line-h-50-66,
.diagram-custom .row2 .col1,
.diagram-custom .row4 .col1,
.diagram-custom .row6 .col1,
.diagram-custom .row7 .col1,
.diagram-custom .row9 .col1,
.diagram-custom .row11 .col1,
/* box default sicurezza */
.diagram-custom .box_dl,
.diagram-custom .box_aai,
.diagram-custom .box_aps,
.diagram-custom .box_spp,
.diagram-custom .box_med,
.diagram-custom .box_rls,
.diagram-custom .box_pre,
.diagram-custom .box_dir {
    display: none !important;
}

.diagram-custom .box {
    margin-bottom: 20px;
}

.diagram-custom .box_pre {
    margin-bottom: 0;
}

.widget-diagram a.btn-ruolo {
    padding: 0 !important;
}


.widget-diagram .btn-ruolo span {
    font-size: 16px;
    text-align: center;
}


/*
======================
widget-summary-courses
======================
*/
.widget-summary-courses {
}

    .widget-summary-courses .widget-head {
        position: relative;
        text-align: left;
        padding-top: 5px;
    }

.viewport-xs .widget-summary-courses .widget-head {
    text-align: left;
}


.widget-summary-courses .widget-ctrl {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
}

    .widget-summary-courses .widget-ctrl .dropdown {
        float: left;
    }

    .widget-summary-courses .widget-ctrl .current-selection {
        margin-left: 10px;
        margin-top: 10px;
        float: left;
        white-space: nowrap;
    }

        .widget-summary-courses .widget-ctrl .current-selection span {
            margin-right: 3px;
            vertical-align: sub;
        }



.workers {
    width: 200px;
    float: left;
    overflow: hidden;
}

.courses {
    margin-left: 200px;
}

.widget-summary-courses .table-container {
    overflow: hidden;
}

.widget-summary-courses .test .tr-content {
    display: none;
}

.widget-summary-courses table {
    border-collapse: collapse;
}

.widget-summary-courses th {
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    padding: 15px;
    color: #ef6262;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widget-summary-courses .wrapper {
    position: relative;
}

.widget-summary-courses .tbl-courses thead,
.widget-summary-courses .tbl-workers thead {
    height: 49px;
}

.widget-summary-courses .tbl-courses .tr-header,
.widget-summary-courses .tbl-workers .tr-header {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
}

.widget-summary-courses .tbl-workers,
.widget-summary-courses .tbl-courses thead,
.widget-summary-courses .tbl-workers thead,
.widget-summary-courses .tbl-workers tbody,
.widget-summary-courses .tbl-workers th,
.widget-summary-courses .tbl-workers tr,
.widget-summary-courses .tbl-workers td {
    display: block;
}

    .widget-summary-courses .tbl-workers tr {
        display: block;
        white-space: nowrap;
    }

    .widget-summary-courses .tbl-workers td,
    .widget-summary-courses .tbl-workers th {
        width: 200px;
        padding: 15px;
        display: inline-block;
        height: 49px;
        box-sizing: border-box;
    }

.widget-summary-courses .tbl-courses,
.widget-summary-courses .tbl-courses tbody,
.widget-summary-courses .tbl-courses th,
.widget-summary-courses .tbl-courses tr,
.widget-summary-courses .tbl-courses td {
    display: block;
}

    .widget-summary-courses .tbl-courses tr {
        display: block;
        white-space: nowrap;
    }

    .widget-summary-courses .tbl-courses td,
    .widget-summary-courses .tbl-courses th {
        width: 200px;
        padding: 15px;
        display: inline-block;
        height: 49px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
    }


        .widget-summary-courses .tbl-courses th .lbl {
            float: left;
            font-weight: normal;
            font-size: 13px;
        }

    .widget-summary-courses .tbl-courses th {
        white-space: nowrap;
    }

        .widget-summary-courses .tbl-courses th span {
            float: right;
            font-size: 18px;
        }

    .widget-summary-courses .tbl-courses th,
    .widget-summary-courses .tbl-courses td {
    }

.widget-summary-courses td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    padding: 15px;
}

.widget-summary-courses table tr:nth-of-type(2n+2) td {
    background-color: #f9f9f9;
}

.widget-summary-courses .workers table {
    width: 100%;
}

.widget-summary-courses .workers th,
.widget-summary-courses .workers td {
}

.widget-summary-courses .workers th {
    border-right: 1px solid #ddd;
    background: #FFF;
}

.widget-summary-courses .workers td div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 165px;
}

.widget-summary-courses .courses .wrapper {
    overflow-x: auto;
}

.widget-summary-courses .courses .wrapper {
    cursor: grab
}

    .widget-summary-courses .courses .wrapper.is-active,
    .widget-summary-courses .courses .wrapper:active {
        cursor: grabbing
    }

.widget-summary-courses .courses th {
    border-right: 1px solid #ddd;
    background: #FFF;
}

.widget-summary-courses .icon {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
}

.widget-summary-courses .widget-head .icon {
    width: auto;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #dedede;
    padding: 7px 10px 8px 8px;
    font-size: 19px;
}

    .widget-summary-courses .widget-head .icon.s7-download:before {
    }
/*icon fatto */

.widget-summary-courses .icon-ft {
    background: #5cb85c;
    border: 1px solid #4cae4c;
}

/*icon aggiornato */

.widget-summary-courses .icon-ag {
    background: #5cb85c;
    border: 1px solid #4cae4c;
}

/*icon da fare */

.widget-summary-courses .icon-df {
    background: #d9534f;
    border: 1px solid #d43f3a;
}


/* icon scaduto */

.widget-summary-courses .icon-sc {
    background: #d9534f;
    border: 1px solid #d43f3a;
}


/* icon in scadenza */

.widget-summary-courses .icon-is {
    background: #f0ad4e;
    border: 1px solid #eea236;
}


/* icon in corso */

.widget-summary-courses .icon-ic {
    background: #f0ad4e;
    border: 1px solid #eea236;
}

/* icon da completare */

.widget-summary-courses .icon-dc {
    background: #f0ad4e;
    border: 1px solid #eea236;
}


/* icon in aggiornamento */

.widget-summary-courses .icon-ia {
    background: #f0ad4e;
    border: 1px solid #eea236;
}

/*
================================
widget-summary-health-monitoring
================================
*/

.widget-summary-health-monitoring {
}

    .widget-summary-health-monitoring .widget-head {
        position: relative;
        text-align: left;
        padding-top: 5px;
    }

.viewport-xs .widget-summary-health-monitoring .widget-head {
    text-align: left;
}


.widget-summary-health-monitoring .widget-ctrl {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
}

    .widget-summary-health-monitoring .widget-ctrl .dropdown {
        float: left;
    }

    .widget-summary-health-monitoring .widget-ctrl .current-selection {
        margin-left: 10px;
        margin-top: 10px;
        float: left;
        white-space: nowrap;
    }

        .widget-summary-health-monitoring .widget-ctrl .current-selection span {
            margin-right: 3px;
            vertical-align: sub;
        }



.workers {
    width: 200px;
    float: left;
    overflow: hidden;
}

.protocols {
    margin-left: 200px;
}

.widget-summary-health-monitoring .table-container {
    overflow: hidden;
}

.widget-summary-health-monitoring .test .tr-content {
    display: none;
}

.widget-summary-health-monitoring table {
    border-collapse: collapse;
}

.widget-summary-health-monitoring th {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    white-space: nowrap;
    padding: 15px;
    color: #ef6262;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widget-summary-health-monitoring .wrapper {
    position: relative;
}

.widget-summary-health-monitoring .courses .wrapper {
    position: relative;
    overflow-x: auto;
}

.widget-summary-health-monitoring .courses .wrapper {
    cursor: grab
}

    .widget-summary-health-monitoring .courses .wrapper.is-active,
    .widget-summary-health-monitoring .courses .wrapper:active {
        cursor: grabbing
    }

.widget-summary-health-monitoring .tbl-protocols thead,
.widget-summary-health-monitoring .tbl-workers thead {
    height: 49px;
}

.widget-summary-health-monitoring .tbl-protocols .tr-header,
.widget-summary-health-monitoring .tbl-workers .tr-header {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
}

.widget-summary-health-monitoring .tbl-workers,
.widget-summary-health-monitoring .tbl-protocols thead,
.widget-summary-health-monitoring .tbl-workers thead,
.widget-summary-health-monitoring .tbl-workers tbody,
.widget-summary-health-monitoring .tbl-workers th,
.widget-summary-health-monitoring .tbl-workers tr,
.widget-summary-health-monitoring .tbl-workers td {
    display: block;
}

    .widget-summary-health-monitoring .tbl-workers tr {
        display: block;
        white-space: nowrap;
    }

    .widget-summary-health-monitoring .tbl-workers td,
    .widget-summary-health-monitoring .tbl-workers th {
        width: 200px;
        padding: 15px;
        display: inline-block;
        height: 49px;
        box-sizing: border-box;
    }

.widget-summary-health-monitoring .tbl-protocols,
.widget-summary-health-monitoring .tbl-protocols tbody,
.widget-summary-health-monitoring .tbl-protocols th,
.widget-summary-health-monitoring .tbl-protocols tr,
.widget-summary-health-monitoring .tbl-protocols td {
    display: block;
}

    .widget-summary-health-monitoring .tbl-protocols tr {
        display: block;
        white-space: nowrap;
    }

    .widget-summary-health-monitoring .tbl-protocols td,
    .widget-summary-health-monitoring .tbl-protocols th {
        width: 200px;
        padding: 15px;
        display: inline-block;
        height: 49px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
    }


        .widget-summary-health-monitoring .tbl-protocols th .lbl {
            float: left;
            font-weight: normal;
            font-size: 13px;
        }

    .widget-summary-health-monitoring .tbl-protocols th {
        white-space: nowrap;
    }

        .widget-summary-health-monitoring .tbl-protocols th span {
            float: right;
            font-size: 18px;
        }

    .widget-summary-health-monitoring .tbl-protocols th,
    .widget-summary-health-monitoring .tbl-protocols td {
    }

.widget-summary-health-monitoring td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    padding: 15px;
    text-overflow: ellipsis;
}

.widget-summary-health-monitoring table tr:nth-of-type(2n+2) td {
    background-color: #f9f9f9;
}

.widget-summary-health-monitoring .workers table {
    width: 100%;
}

.widget-summary-health-monitoring .workers th,
.widget-summary-health-monitoring .workers td {
}

.widget-summary-health-monitoring .workers th {
    border-right: 1px solid #ddd;
}

.widget-summary-health-monitoring .workers td div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 165px;
}

.widget-summary-health-monitoring .protocols .wrapper {
    overflow-x: scroll;
}

.widget-summary-health-monitoring .protocols th {
    border-right: 1px solid #ddd;
}

.widget-summary-health-monitoring .icon {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
}

.widget-summary-health-monitoring .widget-head .icon {
    width: auto;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #dedede;
    padding: 7px 10px 8px 8px;
    font-size: 19px;
}

    .widget-summary-health-monitoring .widget-head .icon.s7-download:before {
    }
/*icon fatto */

.widget-summary-health-monitoring .icon-ft {
    background: #5cb85c;
    border: 1px solid #4cae4c;
}

/*icon aggiornato */

.widget-summary-health-monitoring .icon-ag {
    background: #5cb85c;
    border: 1px solid #4cae4c;
}

/*icon da fare */

.widget-summary-health-monitoring .icon-df {
    background: #d9534f;
    border: 1px solid #d43f3a;
}


/* icon scaduto */

.widget-summary-health-monitoring .icon-sc {
    background: #d9534f;
    border: 1px solid #d43f3a;
}


/* icon in scadenza */

.widget-summary-health-monitoring .icon-is {
    background: #f0ad4e;
    border: 1px solid #eea236;
}


/* icon in corso */

.widget-summary-health-monitoring .icon-ic {
    background: #f0ad4e;
    border: 1px solid #eea236;
}

/* icon da completare */

.widget-summary-health-monitoring .icon-dc {
    background: #f0ad4e;
    border: 1px solid #eea236;
}


/* icon in aggiornamento */

.widget-summary-health-monitoring .icon-ia {
    background: #f0ad4e;
    border: 1px solid #eea236;
}
/*
======================
widget-summary-dpis
======================
*/

.widget-summary-dpis {
}

    .widget-summary-dpis .widget-head {
        position: relative;
        text-align: left;
        padding-top: 5px;
    }

.viewport-xs .widget-summary-dpis .widget-head {
    text-align: left;
}


.widget-summary-dpis .widget-ctrl {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
}

    .widget-summary-dpis .widget-ctrl .dropdown {
        float: left;
    }

    .widget-summary-dpis .widget-ctrl .current-selection {
        margin-left: 10px;
        margin-top: 10px;
        float: left;
        white-space: nowrap;
    }

        .widget-summary-dpis .widget-ctrl .current-selection span {
            margin-right: 3px;
            vertical-align: sub;
        }



.workers {
    width: 200px;
    float: left;
    overflow: hidden;
}

.dpis {
    margin-left: 200px;
}

.widget-summary-dpis .table-container {
    overflow: hidden;
}

.widget-summary-dpis .test .tr-content {
    display: none;
}

.widget-summary-dpis table {
    border-collapse: collapse;
}

.widget-summary-dpis th {
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    padding: 15px;
    color: #ef6262;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widget-summary-dpis .wrapper {
    position: relative;
}

.widget-summary-dpis .tbl-dpis thead,
.widget-summary-dpis .tbl-workers thead {
    height: 49px;
}

.widget-summary-dpis .tbl-dpis .tr-header,
.widget-summary-dpis .tbl-workers .tr-header {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
}

.widget-summary-dpis .tbl-workers,
.widget-summary-dpis .tbl-dpis thead,
.widget-summary-dpis .tbl-workers thead,
.widget-summary-dpis .tbl-workers tbody,
.widget-summary-dpis .tbl-workers th,
.widget-summary-dpis .tbl-workers tr,
.widget-summary-dpis .tbl-workers td {
    display: block;
}

    .widget-summary-dpis .tbl-workers tr {
        display: block;
        white-space: nowrap;
    }

    .widget-summary-dpis .tbl-workers td,
    .widget-summary-dpis .tbl-workers th {
        width: 200px;
        padding: 15px;
        display: inline-block;
        height: 49px;
        box-sizing: border-box;
    }

.widget-summary-dpis .tbl-dpis,
.widget-summary-dpis .tbl-dpis tbody,
.widget-summary-dpis .tbl-dpis th,
.widget-summary-dpis .tbl-dpis tr,
.widget-summary-dpis .tbl-dpis td {
    display: block;
}

    .widget-summary-dpis .tbl-dpis tr {
        display: block;
        white-space: nowrap;
    }

    .widget-summary-dpis .tbl-dpis td,
    .widget-summary-dpis .tbl-dpis th {
        width: 200px;
        padding: 15px;
        display: inline-block;
        height: 49px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


        .widget-summary-dpis .tbl-dpis th .lbl {
            float: left;
            font-weight: normal;
            font-size: 13px;
        }

    .widget-summary-dpis .tbl-dpis th {
        white-space: nowrap;
    }

        .widget-summary-dpis .tbl-dpis th span {
            float: right;
            font-size: 18px;
        }

    .widget-summary-dpis .tbl-dpis th,
    .widget-summary-dpis .tbl-dpis td {
    }

.widget-summary-dpis td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    padding: 15px;
}

.widget-summary-dpis table tr:nth-of-type(2n+2) td {
    background-color: #f9f9f9;
}

.widget-summary-dpis .workers table {
    width: 100%;
}

.widget-summary-dpis .workers th,
.widget-summary-dpis .workers td {
}

.widget-summary-dpis .workers th {
    border-right: 1px solid #ddd;
}

.widget-summary-dpis .workers td div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 165px;
}

.widget-summary-dpis .dpis .wrapper {
    overflow-x: auto;
    cursor: grab;
}

    .widget-summary-dpis .dpis .wrapper.is-active,
    .widget-summary-dpis .dpis .wrapper:active {
        cursor: grabbing;
    }

.widget-summary-dpis .dpis th {
    border-right: 1px solid #ddd;
}

.widget-summary-dpis .icon {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
}

.widget-summary-dpis .widget-head .icon {
    width: auto;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #dedede;
    padding: 7px 10px 8px 8px;
    font-size: 19px;
}

    .widget-summary-dpis .widget-head .icon.s7-download:before {
    }
/*icon consegnato */

.widget-summary-dpis .icon-cs {
    background: #5cb85c;
    border: 1px solid #4cae4c;
}

/*icon riconsegnato */

.widget-summary-dpis .icon-rs {
    background: #5cb85c;
    border: 1px solid #4cae4c;
}

/*icon da consegnare */

.widget-summary-dpis .icon-ds {
    background: #d9534f;
    border: 1px solid #d43f3a;
}


/* icon scaduto */

.widget-summary-dpis .icon-sc {
    background: #d9534f;
    border: 1px solid #d43f3a;
}


/* icon in scadenza */

.widget-summary-dpis .icon-is {
    background: #f0ad4e;
    border: 1px solid #eea236;
}



/*
===================
widget-summary-docs
===================
*/
.widget-summary-docs {
}

    .widget-summary-docs .widget-head {
        position: relative;
        text-align: left;
        padding-top: 5px;
    }

.viewport-xs .widget-summary-docs .widget-head {
    text-align: left;
}

.widget-summary-docs .widget-head .title {
    display: block;
    text-align: left;
    padding-top: 5px;
}

.widget-summary-docs .widget-ctrl {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
}

    .widget-summary-docs .widget-ctrl .dropdown {
        float: left;
    }

    .widget-summary-docs .widget-ctrl .current-selection {
        margin-left: 10px;
        margin-top: 10px;
        float: left;
        white-space: nowrap;
    }

        .widget-summary-docs .widget-ctrl .current-selection span {
            margin-right: 3px;
            vertical-align: sub;
        }



.widget-summary-docs .table-container {
    /*overflow: hidden;*/
}

.widget-summary-docs table {
    border-collapse: collapse;
}

.widget-summary-docs .docs table {
    width: 100%;
}

.widget-summary-docs .tbl-adempimenti {
    width: 100%;
}

    .widget-summary-docs .tbl-adempimenti .tr-header th {
        background: #FFF;
    }

.widget-summary-docs th {
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    padding: 15px;
    color: #ef6262;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widget-summary-docs .docs td div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.widget-summary-docs .tbl-adempimenti .col1,
.widget-summary-docs .tbl-adempimenti .col2 {
    vertical-align: top;
    padding: 0;
    border: 0 none;
}

.widget-summary-docs .tbl-status {
    width: 100%;
}

.widget-summary-docs .wrapper {
    position: relative;
    overflow-x: scroll;
}

.widget-summary-docs .tbl-adempimenti thead {
    height: 49px;
}

.widget-summary-docs .tbl-adempimenti .tr-header {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
}


.widget-summary-docs .tbl-adempimenti thead {
    display: block;
}

.widget-summary-docs .tbl-adempimenti,
.widget-summary-docs .tbl-adempimenti tbody,
.widget-summary-docs .tbl-adempimenti th,
.widget-summary-docs .tbl-adempimenti tr,
.widget-summary-docs .tbl-adempimenti td {
    display: block;
}

    .widget-summary-docs .tbl-adempimenti tr {
        display: block;
        white-space: nowrap;
    }

    .widget-summary-docs .tbl-adempimenti td,
    .widget-summary-docs .tbl-adempimenti th {
        width: 20%;
        padding: 15px;
        display: inline-block;
        height: 49px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
    }

.widget-summary-docs .table-with-4-columns th,
.widget-summary-docs .table-with-4-columns td {
    width: 25%;
}

.widget-summary-docs .table-with-5-columns th,
.widget-summary-docs .table-with-5-columns td {
    width: 20%;
}

.widget-summary-docs .tbl-adempimenti th .lbl {
    float: left;
    font-weight: normal;
    font-size: 13px;
}

.widget-summary-docs .tbl-adempimenti th {
    white-space: nowrap;
}

    .widget-summary-docs .tbl-adempimenti th span {
        float: right;
        font-size: 18px;
    }

.widget-summary-docs .tbl-adempimenti th,
.widget-summary-docs .tbl-adempimenti td {
}

.widget-summary-docs td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    padding: 15px;
    text-overflow: ellipsis;
}

.widget-summary-docs table tr:nth-of-type(2n+2) td {
    background-color: #f9f9f9;
}

.widget-summary-docs .status th {
    border-right: 1px solid #ddd;
    background: #FFF;
}

.widget-summary-docs .docs .wrapper {
    overflow-x: auto;
}

.widget-summary-docs .docs th {
    border-right: 1px solid #ddd;
}


.widget-summary-docs .icon {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.widget-summary-docs .widget-head .icon {
    width: auto;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #dedede;
    padding: 7px 10px 8px 8px;
    font-size: 19px;
}

    .widget-summary-docs .widget-head .icon.s7-download:before {
    }

.viewport-xs .widget-summary-docs .tbl-adempimenti thead,
.viewport-sm .widget-summary-docs .tbl-adempimenti thead {
    display: none !important
}

.viewport-xs .widget-summary-docs .tbl-adempimenti,
.viewport-sm .widget-summary-docs .tbl-adempimenti,
.viewport-xs .widget-summary-docs .tbl-adempimenti tbody,
.viewport-sm .widget-summary-docs .tbl-adempimenti tbody,
.viewport-xs .widget-summary-docs .tbl-adempimenti table tbody tr,
.viewport-sm .widget-summary-docs .tbl-adempimenti table tbody tr {
    display: block !important;
}

.viewport-xs .widget-summary-docs table tr,
.viewport-sm .widget-summary-docs table tr {
    background-color: #FFF;
}

    .viewport-xs .widget-summary-docs table tr:nth-of-type(2n+2),
    .viewport-sm .widget-summary-docs table tr:nth-of-type(2n+2) {
        background-color: #f9f9f9;
    }

.viewport-xs .widget-summary-docs .tbl-adempimenti tbody tr td,
.viewport-sm .widget-summary-docs .tbl-adempimenti tbody tr td {
    background: transparent !important;
    display: block;
    height: auto;
    width: 100%;
    white-space: normal;
    border: 0 none !important;
    padding: 0 0 1px 0 !important;
}

    .viewport-xs .widget-summary-docs .tbl-adempimenti tbody tr td.no-header,
    .viewport-sm .widget-summary-docs .tbl-adempimenti tbody tr td.no-header {
        margin-top: -1px;
        padding: 0 0 1px 0 !important;
    }


.viewport-xs .widget-summary-docs .tbl-adempimenti tbody tr,
.viewport-sm .widget-summary-docs .tbl-adempimenti tbody tr {
    border-top: 1px solid #ddd;
    position: relative;
    padding: 3px;
}

    .viewport-xs .widget-summary-docs .tbl-adempimenti tbody tr td[data-title]::before,
    .viewport-sm .widget-summary-docs .tbl-adempimenti tbody tr td[data-title]::before {
        content: attr(data-title);
        font-weight: bold;
        padding-right: 3px;
    }

    .viewport-xs .widget-summary-docs .tbl-adempimenti tbody tr td[data-title],
    .viewport-sm .widget-summary-docs .tbl-adempimenti tbody tr td[data-title] {
        padding: 3px 0;
        border: 0 none;
    }

    .viewport-xs .widget-summary-docs .tbl-adempimenti tbody tr td:empty,
    .viewport-sm .widget-summary-docs .tbl-adempimenti tbody tr td:empty {
        display: none;
    }

.viewport-xs .widget-summary-docs .tbl-adempimenti .state,
.viewport-sm .widget-summary-docs .tbl-adempimenti .state {
    display: inline-block;
    vertical-align: sub;
    margin-left: 5px;
}
/*
================
widget-downloads
================
*/

.widget-download .widget-head .btn-upall {
    background: #EEE;
    float: right;
}


.widget-download .nano-content {
    padding: 0 10px 10px 0;
}

.widget-download .nano {
    height: 250px;
}

.widget-download ul,
.widget-download li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.widget-download li {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}

    .widget-download li a {
        display: block;
        font-size: 12px;
        font-weight: 300;
        padding: 21px 20px;
    }

        .widget-download li a:hover {
            background: #fafafa;
        }

        .widget-download li a .icon {
            float: right;
            font-size: 20px;
        }


/**/
#upload-attachment-modal .attachment-edit-table .field-required,
#upload-attachment-activity-modal .attachment-edit-table .field-required {
    border: 2px solid #D43F3A;
}

#upload-attachment-modal .attachment-edit-table .row,
#upload-attachment-activity-modal .attachment-edit-table .row {
    margin-bottom: 5px;
}

#upload-attachment-modal .attachment-edit-table .label,
#upload-attachment-activity-modal .attachment-edit-table .label {
    text-align: left !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#upload-attachment-modal .attachment-edit-table label,
#upload-attachment-activity-modal .attachment-edit-table label {
    color: #555;
    padding-top: 14px;
}

#activity-attachments .btn-upall {
    background: transparent;
    float: right;
}
/*.row-durata .field-ore{
    display:inline-block;
}*/

/*
===================
widget-pie-progress
===================
*/

.pie_progress {
    text-align: center;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .pie_progress svg {
        margin: 0 auto;
    }

.pieProgress, .pieProgressCompliance {
    display: none;
}

.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon,
.pie_progress__label_compliance {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pie_progress__number {
    font-size: 42px;
}

.pie_progress__label, .pie_progress__label_compliance {
    margin-top: 32px;
    font-size: 12px;
}

.pie_progress__svg {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
}

    .pie_progress__svg svg {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }

.widget-pie-progress, .widget-pie-progress-compliance {
    position: relative;
    width: 100%;
}

.progress__meter {
    color: #333;
    font-size: 30px;
    position: absolute;
    top: 30px;
    margin-top: -22px;
    top: 50%;
    height: 44px;
    line-height: 40px;
    width: 100%;
    text-align: center;
}

.viewport-lg .widget-pie-progress,
.viewport-md .widget-pie-progress,
.viewport-sm .widget-pie-progress,
.viewport-lg .widget-pie-progress-compliance,
.viewport-md .widget-pie-progress-compliance,
.viewport-sm .widget-pie-progress-compliance {
    display: table;
}

    .viewport-lg .widget-pie-progress .widget-head,
    .viewport-md .widget-pie-progress .widget-head,
    .viewport-sm .widget-pie-progress .widget-head,
    .viewport-lg .widget-pie-progress-compliance .widget-head,
    .viewport-md .widget-pie-progress-compliance .widget-head,
    .viewport-sm .widget-pie-progress-compliance .widget-head {
        font-size: 18px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }

    .viewport-lg .widget-pie-progress .widget-body,
    .viewport-md .widget-pie-progress .widget-body,
    .viewport-sm .widget-pie-progress .widget-body,
    .viewport-lg .widget-pie-progress-compliance .widget-body,
    .viewport-md .widget-pie-progress-compliance .widget-body,
    .viewport-sm .widget-pie-progress-compliance .widget-body {
        margin: 0;
        width: 75px;
        display: table-cell;
    }

.viewport-md .dashboard-row-1 .col-3,
.viewport-sm .dashboard-row-1 .col-3 {
    clear: left;
}

.viewport-md .progress__meter {
    font-size: 32px;
}

.viewport-xs .pieProgress,
.viewport-xs .pieProgressCompliance {
    margin: 0 auto;
}

.viewport-xs .widget-pie-progress,
.viewport-xs .widget-pie-progress-compliance {
}

.viewport-xs .pie_progress__label,
.viewport-xs .pie_progress__label_compliance {
    margin-top: 32px;
    font-size: 12px;
}

.viewport-xs .pie_progress__svg {
    width: 150px;
    height: 150px;
    padding: 0;
    margin: 0 auto;
}

    .viewport-xs .pie_progress__svg svg {
        height: 150px;
        width: 150px;
        margin: 0 auto;
    }


/*
=========================        
widget-grid-course-detail
=========================
*/

.widget-grid-course-detail .widget-head {
}

.widget-grid-course-detail {
    height: 370px;
    padding: 0;
}

    .widget-grid-course-detail th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-course-detail .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-course-detail .nano {
        height: 355px;
    }

    .widget-grid-course-detail .icon {
        height: 15px;
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }


/*
========
#courses
========
*/

#courses .tab-content {
    min-height: 325px;
}

#courses .customhide, #my-courses .customhide {
    display: none;
}
/*
=======================
widget-grid-enrollments
=======================
*/

#enrollments, #pre-subscribers {
    position: relative;
}

    #enrollments .title {
        padding-right: 140px;
    }

    #enrollments .btn-subscribe, #pre-subscribers .btn-subscribe {
        position: absolute;
        top: -10px;
        right: 0;
        background-color: transparent !important;
    }

.widget-grid-enrollments {
    padding: 0;
}

    .widget-grid-enrollments .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

        .widget-grid-enrollments .widget-head .title {
            font-weight: bold;
            font-size: 14px;
        }

    .widget-grid-enrollments th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-enrollments .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-enrollments .nano {
        height: 340px;
    }

    .widget-grid-enrollments .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }
/*
==========================
widget-grid-pre-subscribers
==========================
*/


.widget-grid-pre-subscribers {
    height: 240px;
    padding: 0;
}

    .widget-grid-pre-subscribers .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

    .widget-grid-pre-subscribers th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-pre-subscribers .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-pre-subscribers .nano {
        height: 340px;
    }



/*
==========================
widget-grid-subscribers
==========================
*/

.widget-grid-subscribers {
    height: 240px;
    padding: 0;
    position: relative;
}

    .widget-grid-subscribers #print-certificate {
        position: absolute;
        top: 0;
        right: 0;
    }

    .widget-grid-subscribers .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

    .widget-grid-subscribers th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-subscribers .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-subscribers .nano {
        height: 340px;
    }

    .widget-grid-subscribers .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }


/*
==========================
widget-grid-teachers
==========================
*/

.widget-grid-teachers {
    height: 240px;
    padding: 0;
}

    .widget-grid-teachers .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

        .widget-grid-teachers .widget-head .title {
            font-weight: bold;
            font-size: 14px;
        }

    .widget-grid-teachers th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-teachers .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-teachers .nano {
        height: 275px;
    }

    .widget-grid-teachers .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }


/*
==========================
widget-grid-download
==========================
*/

.widget-grid-download {
    height: 240px;
    padding: 0;
}

    .widget-grid-download .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

    .widget-grid-download th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-download .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-download .nano {
        height: 250px;
    }

    .widget-grid-download .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }


/*
===================
widget-grid DETAIL
===================
*/

.col-detail #btn-subscribe-ara, .col-detail #btn-subscribe-ari, .col-detail #btn-unsubscribe-ari {
    position: absolute;
    top: 25px;
    right: 35px;
}

.col-detail .tab-title {
    background-color: #ffffff;
}

    .col-detail .tab-title h4, .tab-title .btn-back {
        display: inline-block;
    }

    .col-detail .tab-title .btn-back {
        margin-bottom: 7px;
    }

    .col-detail .tab-title h4 {
        margin-left: 10px;
        font-weight: bold;
    }

/*
===================
widget-grid-lessons
===================
*/

.widget-grid-lessons {
    height: 240px;
    padding: 0;
    position: relative;
}



    .widget-grid-lessons .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

        .widget-grid-lessons .widget-head .title {
            font-weight: bold;
            font-size: 14px;
        }

    .widget-grid-lessons th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-lessons .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-lessons .nano {
        height: 275px;
    }

    .widget-grid-lessons .col-registro a {
        font-size: 18px;
        padding: 0;
    }

    .widget-grid-lessons .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }

    .widget-grid-lessons .btn-presence {
        background: transparent;
        padding: 0;
        margin-top: -8px;
    }

/*
.viewport-xs .widget-grid-lessons thead {
    display: none;
}

.viewport-xs .widget-grid-lessons tbody,
.viewport-xs .widget-grid-lessons tr,
.viewport-xs .widget-grid-lessons td {
    display: block;
}

.viewport-xs .widget-grid-lessons tr {
    border-top: 1px solid #ddd;
    position: relative;
    padding-right: 30px;
}

.viewport-xs .widget-grid-lessons td[data-title]::before {
    content: attr(data-title);
    font-weight: bold;
    padding-right: 3px;
}

.viewport-xs .widget-grid-lessons td[data-title] {
    padding: 3px 0;
    border: 0 none;
}

.viewport-xs .widget-grid-lessons td:empty {
    display: none;
}

.viewport-xs .widget-grid-lessons td.col-ico {
    position: absolute;
    padding: 0;
    top: 50%;
    right: 0;
    margin-top: -15px;
    border: 0 none;
}
*/


/*
========================
 widget-grid-attachments
========================
*/

.widget-grid-attachments {
    height: 370px;
    padding: 0;
}

    .widget-grid-attachments .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

        .widget-grid-attachments .widget-head .title {
            font-weight: bold;
            font-size: 14px;
        }

    .widget-grid-attachments th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-attachments .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-attachments .nano {
        height: 355px;
    }

    .widget-grid-attachments .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }

    .widget-grid-attachments .col-Download span {
        font-size: 19px;
    }


    .widget-grid-attachments .btn-upedi {
        float: right;
        margin-top: -5px;
        background-color: transparent !important;
    }


#upload-attachment-edition-modal .attachment-edit-table .field-required {
    border: 2px solid #D43F3A;
}

#upload-attachment-edition-modal .attachment-edit-table .row {
    margin-bottom: 5px;
}

#upload-attachment-edition-modal .attachment-edit-table .label {
    text-align: left !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#upload-attachment-edition-modal .attachment-edit-table label {
    color: #555;
    padding-top: 14px;
}


/*
========================
 widget-grid-reports
========================
*/

.widget-grid-reports {
    height: 370px;
    padding: 0;
}

    .widget-grid-reports .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

        .widget-grid-reports .widget-head .title {
            font-weight: bold;
            font-size: 14px;
        }

    .widget-grid-reports th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-reports .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-reports .nano {
        height: 355px;
    }

    .widget-grid-reports .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }

    .widget-grid-reports .col-Download span {
        font-size: 19px;
    }


    .widget-grid-reports .btn-upedi {
        float: right;
        margin-top: -5px;
        background-color: transparent !important;
    }

/*
=======================
widget-grid-evaluations
=======================
*/

.widget-grid-evaluations {
    height: 370px;
    padding: 0;
}

    .widget-grid-evaluations .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

        .widget-grid-evaluations .widget-head .title {
            font-weight: bold;
            font-size: 14px;
        }

    .widget-grid-evaluations th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-evaluations .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-evaluations .nano {
        height: 355px;
    }

    .widget-grid-evaluations .col-scarica a {
        font-size: 20px;
    }


/*
===========
#activities
===========
*/

#activities .tab-content {
    min-height: 310px;
}


/*
===========================
widget-grid-past-activities
===========================
*/

.widget-grid-past-activities .widget-head {
}

.widget-grid-past-activities {
    height: 370px;
    padding: 0;
    position: relative;
}

    .widget-grid-past-activities .dataTables_filter {
        position: absolute;
        top: 15px;
        right: 20px;
    }

        .widget-grid-past-activities .dataTables_filter label input {
            margin-left: 5px;
            border: 2px solid #eaeaea;
        }

    .widget-grid-past-activities .dataTables_length {
        display: none !important;
    }

    .widget-grid-past-activities .widget-head {
        margin-bottom: 0;
        padding: 10px 15px 10px 15px;
        font-weight: bold;
    }

        .widget-grid-past-activities .widget-head .title {
            font-weight: bold;
            font-size: 14px;
        }

    .widget-grid-past-activities th {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .widget-grid-past-activities .nano-content {
        padding: 0 10px 10px 0;
    }

    .widget-grid-past-activities .nano {
        height: 355px;
    }

    .widget-grid-past-activities .col-scarica {
        color: #ef6262;
        font-size: 20px;
    }

    .widget-grid-past-activities .col-allegato .icon {
        font-size: 19px;
    }


.viewport-xs .widget-grid-past-activities .dataTables_filter {
    position: static;
    margin: 5px 0;
}

    .viewport-xs .widget-grid-past-activities .dataTables_filter label {
        position: relative;
        display: block;
        padding: 8px 0;
    }

    .viewport-xs .widget-grid-past-activities .dataTables_filter input {
        width: 70%;
        top: 0;
        right: 0;
        position: absolute;
    }


.viewport-xs-sm-md .widget-grid-past-activities {
    height: auto;
    padding: 20px 20px 40px 20px;
}

/*
================
Bootstrap modals
================
*/

body.modal-open {
    overflow: visible;
}


/*
=======================
widget-grid-evaluations
=======================
*/

.custom-meter {
    position: relative;
    height: 18px;
}

    .custom-meter .meter-bar {
        position: absolute;
        height: 18px;
        border-bottom: 3px solid #000;
        left: 0;
        top: 0;
        min-width: 24px;
        text-align: center;
    }

    .custom-meter .percentage {
        font-size: 11px;
    }

/*
======================
widget-custom-1
======================
*/

.widget-custom-1 {
    position: relative;
}

    .widget-custom-1 .data-info .value {
        font-size: 23px;
        font-weight: 300;
    }

    .widget-custom-1 .data-info {
        display: inline-block;
    }

        .widget-custom-1 .data-info .desc {
            font-size: 14px;
            line-height: 18px;
            padding-right: 50px;
        }

    .widget-custom-1 .icon {
        display: inline-block;
        float: right;
        font-size: 45px;
        line-height: 54px;
        position: absolute;
        top: 20px;
        right: 10px;
    }

/*
======================
widget-trained-workers
======================
*/

.widget-trained-workers {
    position: relative;
}

    .widget-trained-workers .data-info .value {
        font-size: 23px;
        font-weight: 300;
    }

    .widget-trained-workers .data-info {
        display: inline-block;
    }

        .widget-trained-workers .data-info .desc {
            font-size: 14px;
            line-height: 18px;
            padding-right: 50px;
        }

    .widget-trained-workers .icon {
        display: inline-block;
        float: right;
        font-size: 45px;
        line-height: 54px;
        position: absolute;
        top: 20px;
        right: 10px;
    }


/*
====================
widget-trained-hours
====================
*/

.widget-trained-hours {
    position: relative;
}

    .widget-trained-hours .data-info .value {
        font-size: 23px;
        font-weight: 300;
    }

    .widget-trained-hours .data-info {
        display: inline-block;
    }

        .widget-trained-hours .data-info .desc {
            font-size: 14px;
            line-height: 18px;
            padding-right: 50px;
        }

    .widget-trained-hours .icon {
        display: inline-block;
        float: right;
        font-size: 45px;
        line-height: 54px;
        position: absolute;
        top: 20px;
        right: 10px;
    }


/*
=============================
widget-formative-requirements
=============================
*/

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    color: #666;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px rgba(230, 230, 230, 0.8);
    font-size: 12px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    border-radius: 10px;
    padding: 6px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}


/*
.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}*/


/*
=====
modal
=====
*/

.modal .modal-title {
    font-size: 23px;
}


/*
==============
presence-modal
==============
*/

#presence-modal .nano-content {
    padding: 0 10px 10px 0;
}

#presence-modal .nano {
    height: 300px;
}

#presence-modal .ctrlPresenze {
    padding: 0 0 10px 0;
    text-align: right;
}


/*#presence-modal #selectAll,
#presence-modal #unselectAll {
    padding: 4px;
    background: #EEE;
    border: 1px solid #DDD;
}*/

#presence-modal #lista-iscritti {
    margin: 10px 0 10px 0;
    overflow: auto;
}

    #presence-modal #lista-iscritti table {
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #presence-modal #lista-iscritti table tr:nth-child(even) {
            background: #F9F9F9;
        }

        #presence-modal #lista-iscritti table th {
            color: #000;
            font-weight: bold;
            text-align: left;
            padding: 8px 4px;
        }

            #presence-modal #lista-iscritti table th label {
                margin: 0;
            }

        #presence-modal #lista-iscritti table td {
            vertical-align: middle;
            text-align: left;
            padding: 8px 4px;
            border-top: 1px solid #ddd;
        }

            #presence-modal #lista-iscritti table td input.k-textbox {
                width: 100%;
            }

    #presence-modal #lista-iscritti .col_minuti_presenza div {
        position: relative;
    }

        #presence-modal #lista-iscritti .col_minuti_presenza div.error-presenze {
            font-size: 12px;
            line-height: 20px;
            position: absolute;
            top: 8px;
            right: 3px;
            background-color: #f2dede;
            border-color: #eed3d7;
            color: #b94a48;
            border: 1px solid #bd362f;
            padding: 0px 3px;
        }

    #presence-modal #lista-iscritti input {
    }

    #presence-modal #lista-iscritti select,
    #presence-modal #lista-iscritti input,
    #presence-modal #lista-iscritti textarea {
        width: 100%;
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        padding: 4px;
    }


/*
==================
subscription-modal
==================
*/

#subscription-modal {
}

    #subscription-modal .modal-body {
        border-top: 1px solid #e5e5e5;
    }

.subscriber-list ul,
.subscriber-list li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.subscriber-list ul {
    padding-top: 10px;
}

    .subscriber-list ul li {
        background: #FFF;
        border-bottom: 1px solid #ddd;
        padding: 3px 8px;
    }

        .subscriber-list ul li:nth-of-type(2n+1) {
            background: #f9f9f9;
        }

        .subscriber-list ul li:hover {
            background: #F5F5F5;
        }


/*------------------------
    modal-subscribe-ara
    -----------------
*/
#modal-subscribe-ara {
    /*width:750px;*/
}
    /*#modal-subscribe-ara .modal-dialog{
    overflow-y: initial !important
}*/
    #modal-subscribe-ara .modal-body {
        padding: 20px;
        min-height: 440px !important;
        margin: 0;
    }

        #modal-subscribe-ara .modal-body .wrapper {
            padding: 0px 20px 0 0;
        }

        #modal-subscribe-ara .modal-body .nano {
            height: 400px;
        }

    #modal-subscribe-ara #popup-iscrivi-ara {
        margin: 0;
        overflow: auto;
    }

        #modal-subscribe-ara #popup-iscrivi-ara #dati-edizione #titolo-edizione span {
            font-weight: bold;
            font-size: 15px;
            padding-bottom: 10px;
        }

        #modal-subscribe-ara #popup-iscrivi-ara table {
            width: 100%;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 20px 0 20px 0;
        }

            #modal-subscribe-ara #popup-iscrivi-ara table tr:nth-child(even) {
                background: #F9F9F9;
            }

            #modal-subscribe-ara #popup-iscrivi-ara table th {
                /*color: #FFF;*/
                /*font-weight: bold;*/
                text-align: left;
                padding: 8px 4px;
            }

                #modal-subscribe-ara #popup-iscrivi-ara table th label {
                    margin: 0;
                }

            #modal-subscribe-ara #popup-iscrivi-ara table td {
                vertical-align: middle;
                text-align: left;
                padding: 8px 4px;
                border-top: 1px solid #ddd;
            }

                #modal-subscribe-ara #popup-iscrivi-ara table td input.chkbx {
                    /*width: 100%;*/
                }

                #modal-subscribe-ara #popup-iscrivi-ara table td .icon {
                    height: 15px;
                    width: 15px;
                    display: inline-block;
                    vertical-align: middle;
                }

        #modal-subscribe-ara #popup-iscrivi-ara .icon {
            font-size: 19px;
        }

        #modal-subscribe-ara #popup-iscrivi-ara #iscriviSelezionati {
            float: right;
            margin-bottom: 10px;
        }

/*
===========================
modal-subscribe-ari
===========================
*/

#modal-subscribe-ari #popup-iscrivi-ari {
    margin: 0;
    overflow: auto;
}

    #modal-subscribe-ari #popup-iscrivi-ari #dati-edizione #titolo-edizione span {
        font-weight: bold;
        font-size: 15px;
        padding-bottom: 10px;
    }

    #modal-subscribe-ari #popup-iscrivi-ari table {
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 20px 0 20px 0;
    }

        #modal-subscribe-ari #popup-iscrivi-ari table tr:nth-child(even) {
            background: #F9F9F9;
        }

        #modal-subscribe-ari #popup-iscrivi-ari table th {
            /*color: #FFF;*/
            /*font-weight: bold;*/
            text-align: left;
            padding: 8px 4px;
        }

            #modal-subscribe-ari #popup-iscrivi-ari table th label {
                margin: 0;
            }

        #modal-subscribe-ari #popup-iscrivi-ari table td {
            vertical-align: middle;
            text-align: left;
            padding: 8px 4px;
            border-top: 1px solid #ddd;
        }


            #modal-subscribe-ari #popup-iscrivi-ari table td .icon {
                height: 15px;
                width: 15px;
                display: inline-block;
                vertical-align: middle;
            }

    #modal-subscribe-ari #popup-iscrivi-ari .icon {
        font-size: 19px;
    }

    #modal-subscribe-ari #popup-iscrivi-ari #iscrivi, #modal-subscribe-ari #popup-iscrivi-ari #cancella-preiscrizione {
        float: right;
        margin-bottom: 10px;
    }
/*
===========================
modal-local-units-selection 
===========================
*/

.modal-local-units-selection {
}

    .modal-local-units-selection .modal-body ul,
    .modal-local-units-selection li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .modal-local-units-selection li {
        list-style-type: none;
        padding: 12px 10px;
        margin: 0;
        border-bottom: 1px solid #ddd;
    }


/*
====================
modal-eval-eval-edit
====================
*/

#eval-modal {
}

#eval-modal {
    color: #444;
}

    #eval-modal .row {
        padding-bottom: 3px;
    }

    #eval-modal .label {
        color: #444;
        text-align: left;
    }

    #eval-modal .field {
        display: inline-block;
    }

        #eval-modal .field select,
        #eval-modal .field input,
        #eval-modal .field textarea {
            width: 100%;
            border: 1px solid #eaeaea;
            box-sizing: border-box;
            padding: 4px;
        }


/*
==============
activity-modal
==============
*/

#activity-modal {
}

#activity-modal {
    color: #444;
}

    #activity-modal .label {
        color: #444;
        text-align: left;
    }

    #activity-modal .field {
        display: inline-block;
    }

        #activity-modal .field select,
        #activity-modal .field input,
        #activity-modal .field textarea {
            width: 100%;
            border: 1px solid #eaeaea;
            box-sizing: border-box;
            padding: 4px;
        }

        #activity-modal .field textarea {
            height: 100px;
            margin-top: 5px;
        }

    #activity-modal .row-att-prec .attention {
        font-size: 11pt;
        color: orangered;
    }

        #activity-modal .row-att-prec .attention .icon {
            vertical-align: top;
            padding-top: 3px;
        }

/*
==============
local-units-selection
==============
*/


#local-units-selection {
}

    #local-units-selection .modal-body {
        padding: 20px;
        max-height: 500px !important;
        margin: 0;
        overflow-y: auto;
    }

    #local-units-selection .modal-body {
        padding: 0px 20px 0 0;
    }

/*#local-units-selection .modal-body .nano {
            height: 400px;
        }*/


/*
==============
comments-activity-modal
==============
*/

#comments-activity-modal .nano {
    height: 313px;
}

#comments-activity-modal #commenti-attivita {
    margin: 0;
    overflow: auto;
}

.commento-attivita-data-group-wrapper {
    width: 80px;
    margin: 5px auto;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #d9d9d9;
    text-align: center;
}

.row-commento-attivita-wrapper {
    position: relative;
}

    .row-commento-attivita-wrapper .col-commento-attivita {
        width: calc(55% - 15px);
        border-radius: 3px;
        padding: 5px;
        margin: 5px 0 5px 0;
    }

    .row-commento-attivita-wrapper .my-comment {
        left: 30px;
        color: #FFF;
    }

.theme-white .row-commento-attivita-wrapper .my-comment {
    background-color: #FFF;
    border: solid 1px #d9d9d9;
    color: #555555;
}

.row-commento-attivita-wrapper .others-comment {
    background-color: #E1E1E1;
    right: 30px;
    float: right;
    color: #555555;
}

.row-commento-attivita-wrapper .autore-commento {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.row-commento-attivita-wrapper .text-commento {
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: pre-line;
}

.row-commento-attivita-wrapper .ora-commento {
    text-align: right;
}

#btn-delete-last-comment {
    position: absolute;
    bottom: 5px;
    left: calc(55% + 20px);
}

.delete-last-comment {
    position: static;
}

#btn-delete-last-comment span {
    color: #FFF !important;
    border: 1px solid #D9534F;
    background-color: #D43F3A;
    font-size: 20pt;
    font-weight: 500;
    border-radius: 3px;
}

#NewCommentText {
    width: 100%;
    height: 150px;
    margin-top: 5px;
    resize: none;
}


/*
=====================
gritter-custom-styles
=====================
*/

#gritter-notice-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 301px;
    z-index: 99999;
    background: transparent;
}

.gritter-item-wrapper {
    background: rgba(0, 0, 0, .6);
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.gritter-item {
    position: relative;
}

    .gritter-item .gritter-content {
        padding: 15px !important;
    }

    .gritter-item .gritter-close {
        text-align: center;
        left: auto !important;
        right: 5px;
        float: right;
    }

        .gritter-item .gritter-close:after {
            position: static !important;
        }

.gritter-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .gritter-success * {
        color: #3c763d !important;
    }

    .gritter-success .gritter-close:after {
        color: #3c763d !important;
    }

.gritter-failure {
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .gritter-failure * {
        color: #843534 !important;
    }

    .gritter-failure .gritter-close:after {
        color: #843534 !important;
    }


/*
===================
ui-input-datepicker
===================
*/

#ui-datepicker-div {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    /*box-shadow: 0 0 8px rgba(102,175,233,.6);*/
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}

    #ui-datepicker-div a,
    #ui-datepicker-div a:hover {
        text-decoration: none;
    }

        #ui-datepicker-div a:hover,
        #ui-datepicker-div td:hover a {
            color: #2A6496;
            -webkit-transition: color 0.1s ease-in-out;
            -moz-transition: color 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
        }

    #ui-datepicker-div .ui-datepicker-header {
        margin-bottom: 4px;
        text-align: center;
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-weight: 700;
    }

    #ui-datepicker-div .ui-datepicker-month {
        padding: 5px;
        margin: 0 2px;
    }

    #ui-datepicker-div .ui-datepicker-year {
        padding: 5px;
        margin: 0 2px;
    }

    #ui-datepicker-div .ui-datepicker-prev,
    #ui-datepicker-div .ui-datepicker-next {
        cursor: default;
        font-family: 'Glyphicons Halflings';
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        height: 20px;
        line-height: 1;
        margin-top: 2px;
        width: 30px;
    }

    #ui-datepicker-div .ui-datepicker-prev {
        float: left;
        margin-top: 8px;
        text-align: left;
    }

    #ui-datepicker-div .ui-datepicker-next {
        float: right;
        text-align: right;
        margin-top: 8px;
    }

    #ui-datepicker-div .ui-datepicker-prev:before {
        content: "\e079";
    }

    #ui-datepicker-div .ui-datepicker-next:before {
        content: "\e080";
    }

    #ui-datepicker-div .ui-icon {
        display: none;
    }

    #ui-datepicker-div .ui-datepicker-calendar {
        table-layout: fixed;
        width: 100%;
    }

        #ui-datepicker-div .ui-datepicker-calendar th,
        #ui-datepicker-div .ui-datepicker-calendar td {
            text-align: center;
            padding: 4px 0;
        }

        #ui-datepicker-div .ui-datepicker-calendar td {
            border-radius: 4px;
            -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
        }

            #ui-datepicker-div .ui-datepicker-calendar td:hover {
                background-color: #eee;
                cursor: pointer;
            }

            #ui-datepicker-div .ui-datepicker-calendar td a {
                text-decoration: none;
            }

    #ui-datepicker-div .ui-datepicker-current-day {
        background-color: #4289cc;
    }

        #ui-datepicker-div .ui-datepicker-current-day a {
            color: #fff;
        }

    #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
        background-color: #fff;
        cursor: default;
    }


/*
============
Theme colors
============
*/

.ft_theme_switcher {
    background-color: #222;
    border-radius: 3px 0 0 3px;
    color: #fff;
    padding: 20px;
    position: fixed;
    right: -280px;
    top: 125px;
    width: 280px;
    z-index: 99999999;
}

    .ft_theme_switcher .toggle {
        background-color: #222;
        border-radius: 3px 0 0 3px;
        cursor: pointer;
        font-size: 18px;
        height: 40px;
        left: -38px;
        line-height: 40px;
        position: absolute;
        text-align: center;
        top: 14px;
        width: 38px;
    }

    .ft_theme_switcher .desc h3 {
        font-weight: 300;
        margin-top: 0;
    }

    .ft_theme_switcher .desc p {
        font-size: 12px;
        font-weight: 300;
        line-height: 19px;
        margin-bottom: 23px;
    }

    .ft_theme_switcher .style_list {
        overflow: hidden;
    }

        .ft_theme_switcher .style_list .style {
            display: block;
            margin-bottom: 10px;
            margin-right: 40px;
            position: relative;
            width: 100%;
        }

            .ft_theme_switcher .style_list .style a {
                height: 100%;
                left: 0;
                outline: medium none;
                position: absolute;
                top: 0;
                width: 100%;
            }

            .ft_theme_switcher .style_list .style .name {
                color: #878787;
                font-size: 12px;
            }

            .ft_theme_switcher .style_list .style .colors {
                margin-bottom: 2px;
                overflow: hidden;
            }

                .ft_theme_switcher .style_list .style .colors .name {
                    float: left;
                    padding-left: 15px;
                }

            .ft_theme_switcher .style_list .style .color {
                float: left;
                height: 20px;
                width: 25px;
            }

            .ft_theme_switcher .style_list .style:hover .name {
                color: #fff;
            }

/*
========================
.widget-responsive-table
========================
*/

.viewport-xs .widget-responsive-table table {
    display: block;
}

.viewport-xs .widget-responsive-table thead {
    display: none;
}

.viewport-xs .widget-responsive-table tbody,
.viewport-xs .widget-responsive-table tr,
.viewport-xs .widget-responsive-table td {
    display: block;
}

.viewport-xs .widget-responsive-table tr {
    border-top: 1px solid #ddd;
    position: relative;
    padding-right: 0;
}


.viewport-xs .widget-responsive-table .nano-content {
    padding-left: 0;
}

.viewport-xs .widget-responsive-table td[data-title]::before {
    content: attr(data-title);
    font-weight: bold;
    padding: 5px;
}

.viewport-xs .widget-responsive-table td[data-title] {
    padding: 3px 0;
    border: 0 none;
}

.viewport-xs .widget-responsive-table td:empty {
    display: none;
}

.viewport-xs .widget-responsive-table td.col-ico {
    position: absolute;
    padding: 0;
    top: 50%;
    right: 0;
    margin-top: -15px;
    border: 0 none;
}


.viewport-xs .widget-responsive-table .meter {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
}

.viewport-xs .widget-responsive-table .col-id {
    display: none !important;
}


.viewport-xs .widget-responsive-table td .btn {
    padding: 0;
}



/*
=========================
QRCODE 
========================= 
*/



body.body-qr-code {
}

.panel-qr-code .public-label {
    font-weight: 600 !important;
    font-size: 14px;
    margin: 0;
}

.panel-qr-code .row {
}

.panel-qr-code .field {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 15px;
    padding-bottom: 15px;
}

.panel-qr-code .row-image img {
    max-width: 200px;
}

/*
==========
edpTooltip
==========
*/
.edpTooltip {
    cursor: pointer;
}

.edpTooltipFloat {
    padding: 15px;
    background: #EEE;
    color: #333;
    z-index: 999999;
    border: 1px solid #333;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    font-size: 14px;
}


/*
========
dropzone
========
*/
.dropzone {
    border: 2px solid #eaeaea;
    min-height: 0;
    border: 2px dashed #c5c5c5;
    background: #F0F0F0;
}

    .dropzone .dz-default.dz-message {
        font-size: 14px;
        color: #555;
    }

    .dropzone .dz-preview {
        display: block !important;
        position: relative !important;
        opacity: 1 !important;
        margin: 0;
        padding: 0;
        line-height: 16px;
        min-height: 0;
    }

        .dropzone .dz-preview .dz-image {
            display: none !important;
        }

    .dropzone .dz-preview {
        display: table;
        width: 100%;
        padding: 5px 100px 5px 30px;
    }

        .dropzone .dz-preview > div {
            display: table-cell !important;
            position: static !important;
            vertical-align: middle;
            border-radius: 0 !important;
            opacity: 1 !important;
            width: auto !important;
        }

        .dropzone .dz-preview .dz-details {
            position: static;
            opacity: 1;
            text-align: left;
            padding: 0;
            margin: 0;
            min-width: 0;
            max-width: 100%;
            line-height: inherit;
        }

        .dropzone .dz-preview .dz-filename {
            float: left;
            color: #555;
            text-align: left;
            padding: 5px;
            font-size: 14px;
            margin: 0;
            display: inline-block;
            overflow: hidden;
        }

        .dropzone .dz-preview .dz-details .dz-size {
            float: right;
            color: #555;
            margin: 0;
            padding: 5px;
            font-size: 14px;
            margin: 0;
            display: inline-block;
        }

        .dropzone .dz-preview .dz-details .dz-filename span {
            padding: 0;
            border: 0 none !important;
            background: transparent !important;
        }

        .dropzone .dz-preview .dz-details .dz-filename:hover {
            padding: 5px;
            border: 0 none !important;
            background: transparent !important;
        }

            .dropzone .dz-preview .dz-details .dz-filename:hover span {
                padding: 0;
                border: 0 none !important;
                background: transparent !important;
            }


        .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
            padding: 0;
        }

        .dropzone .dz-preview .dz-remove {
            position: absolute;
            top: 5px;
            right: 5px;
            padding: 5px 0 0 0;
            text-align: left;
            color: #D43F3A;
        }

        .dropzone .dz-preview .dz-error-message {
            background: transparent !important;
            color: #D43F3A;
        }

        .dropzone .dz-preview .dz-error-mark {
            background: #D43F3A;
            position: absolute !important;            
            left: 5px !important;            
            top: 9px !important;
            margin: 0;
            padding: 0;
        }

            .dropzone .dz-preview .dz-error-mark svg {
                width: 20px !important;
                height: 20px !important;
            }

        .dropzone .dz-preview .dz-success-mark {
            background: #5CB85C;
            position: absolute !important;
            left: 5px !important;
            top: 9px !important;
            margin: 0;
            padding: 0;
        }

            .dropzone .dz-preview .dz-success-mark svg {
                width: 20px !important;
                height: 20px !important;
            }



        .dropzone .dz-preview .dz-error-message:after {
            display: none;
        }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            display: block !important;
            animation: none;
        }

        .dropzone .dz-preview.dz-success .dz-error-mark {
            display: none !important;
        }

        .dropzone .dz-preview.dz-success .dz-error-message {
            display: none !important;
        }

        .dropzone .dz-preview.dz-success .dz-progress {
            display: none !important;
        }

        .dropzone .dz-preview.dz-error .dz-success-mark {
            display: none !important;
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            display: block !important;
            animation: none;
        }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block !important;
            padding-left: 5px;
        }

        .dropzone .dz-preview.dz-error .dz-progress {
            display: none !important;
        }


/*
=======
default 
=======
*/

.theme-default.header-white .am-top-header .navbar-header .navbar-brand {
    background-color: #EF6262;
}

.theme-default .am-top-header {
    background-color: #EF6262;
}

.theme-default .am-left-sidebar .sidebar-elements > li.active > a {
    border-left: 2px solid #EF6262;
}

.theme-default a,
.theme-default .btn-presence,
.theme-default.am-splash-screen .am-wrapper .am-content a {
    color: #ef6262;
}

    .theme-default a:hover,
    .theme-default a:focus,
    .theme-default .btn-presence:hover,
    .theme-default .btn-presence:focus,
    .theme-default.am-splash-screen .am-wrapper .am-content a:hover,
    .theme-default.am-splash-screen .am-wrapper .am-content a:focus {
        color: #e71d1d;
    }


/* loader */

.theme-default .widget.loading {
    background: url("../../Images/css/ar_loader_default.gif") #fff no-repeat center center;
}

.theme-default .modal-body.loading {
    background: url("../../Images/css/ar_loader_default.gif") #fff no-repeat center center;
}

/* widget-grid-expired-courses */

.theme-default .widget-grid-expired-courses .meter {
    background: #FACCCC;
}

    .theme-default .widget-grid-expired-courses .meter span {
        background: #FC6F6F;
        color: #FFF;
    }


/* widget-calendar */

.theme-default .widget-calendar .cal-container .cal-notes {
    background-color: #EF6262;
}

    .theme-default .widget-calendar .cal-container .cal-notes span.date {
        color: #FFF;
    }

.theme-default .ui-state-has-lesson a {
    background: #FACCCC;
}

.theme-default .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,
.theme-default .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background: #EF6262;
}


/* widget-lesson-detail */

.theme-default .widget-lesson-detail h4 {
    color: #FC6F6F;
}


/* widget-grid-workers */

.theme-default .widget-grid-workers tr.selected {
    background-color: #FACCCC !important;
}

.theme-default .widget-grid-available-courses tr.selected {
    background-color: #FACCCC !important;
}

.theme-default .widget-grid-past-courses tr.selected {
    background-color: #FACCCC !important;
}

.theme-default .widget-local-units tr.selected {
    background-color: #FACCCC !important;
}

.theme-default .widget-supplier-up tr.selected {
    background-color: #FACCCC !important;
}

/* widget-summary-courses */

.theme-default .widget-summary-courses th {
    color: #FC6F6F;
}


/* widget-summary-docs */

.theme-default .widget-summary-docs th {
    color: #FC6F6F;
}

/*widget-activities*/
.theme-default .row-commento-attivita-wrapper .my-comment {
    background-color: #FC6F6F;
}

/*buttons    */

.theme-default .btn-primary {
    border: 1px solid #ef6262;
    background: #ef6262;
    color: #fff;
}

    .theme-default .btn-primary:hover {
        border: 1px solid #e71d1d;
        background: #e71d1d;
        color: #fff;
    }


/**/

.theme-default .nav-tabs a:hover {
    color: #e71d1d;
}

.theme-default .nav-tabs > li.active > a,
.theme-default .nav-tabs > li.active > a:hover,
.theme-default .nav-tabs > li.active > a:focus {
    color: #e71d1d;
}


/* widget-course-expiration - widget-doc-expiration*/

.theme-default .widget-course-expiration .panel-heading,
.theme-default .widget-doc-expiration .panel-heading,
.theme-default .widget-next-course-date .panel-heading {
    background: #EF6262;
    border-bottom: 1px solid #EF6262;
}

/*override per tutti i theme*/
.widget-course-expiration .panel-heading.safe-date,
.widget-doc-expiration .panel-heading.safe-date,
.widget-next-course-date .panel-heading.safe-date {
    background: #5cb85c !important;
    border-bottom: 1px solid #5cb85c !important;
}

.widget-course-expiration .panel-heading.warn-date,
.widget-doc-expiration .panel-heading.warn-date,
.widget-next-course-date .panel-heading.warn-date {
    background: #eea236 !important;
    border-bottom: 1px solid #eea236 !important;
}

.widget-course-expiration .panel-heading.alarm-date,
.widget-doc-expiration .panel-heading.alarm-date,
.widget-next-course-date .panel-heading.alarm-date {
    background: #d43f3a !important;
    border-bottom: 1px solid #d43f3a !important;
}

/**/

.theme-default .widget .table th,
.theme-default #presence-modal #lista-iscritti table th {
    color: #FC6F6F;
}


/* left-sidebar */

.theme-default .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul li.active > a {
    color: #ef6262;
}


/* login */

.theme-default .login-submit .btn-lg {
    border: 1px solid #ef6262;
    background: #ef6262;
}

    .theme-default .login-submit .btn-lg:hover {
        border: 1px solid #e71d1d;
        background: #e71d1d;
    }

.theme-default .field-validation-error {
    color: #ef6262;
}

.theme-default .login-container .error,
.theme-default .login-container .field-validation-error {
    color: #a94442;
}


/* widget-grid-expired-courses */

.theme-default .widget-grid-evaluations .custom-meter {
    background: #FACCCC;
}

    .theme-default .widget-grid-evaluations .custom-meter .meter-bar {
        background: #FC6F6F;
        color: #fff;
        border-bottom-color: #cc3f3f;
    }

.theme-default .modal-colored-header .modal-header {
    background-color: #ef6262;
    color: #fff;
}

    .theme-default .modal-colored-header .modal-header .close,
    .theme-default .modal-colored-header .modal-header .close i {
        color: #fff !important;
    }

.theme-default .navbar-default .navbar-nav > .active > a,
.theme-default .navbar-default .navbar-nav > .active > a:hover,
.theme-default .navbar-default .navbar-nav > .active > a:focus {
    background: #ed5454;
    color: #FFF !important;
}

.theme-default .btn-custom1 {
    background: #ed5454;
    border: 1px solid #ed5454;
}

    .theme-default .btn-custom1:hover {
        background: #e71d1d;
        border: 1px solid #e71d1d;
    }

    .theme-default .btn-custom1:active {
        background: #e71d1d;
        border: 1px solid #e71d1d;
    }

.theme-default .btn-custom2 {
    background: #ed5454;
    border: 1px solid #ed5454;
    color: #FFF;
}

    .theme-default .btn-custom2:hover {
        background: #e71d1d;
        border: 1px solid #e71d1d;
        color: #FFF;
    }

    .theme-default .btn-custom2:active {
        background: #e71d1d;
        border: 1px solid #e71d1d;
        color: #FFF;
    }

.theme-default .btn-custom3 {
    color: #ef6262;
}

    .theme-default .btn-custom3:hover {
        color: #e71d1d;
    }

    .theme-default .btn-custom3:active {
        color: #e71d1d;
    }

    .theme-default .btn-custom3 .count {
        background-color: #ef6262;
        color: #FFF;
    }

        .theme-default .btn-custom3 .count:hover {
            background-color: #e71d1d;
            color: #FFF;
        }

        .theme-default .btn-custom3 .count:active {
            color: #FFF;
            background-color: #e71d1d;
        }

.theme-default .widget-trained-hours .icon,
.theme-default .widget-trained-workers .icon,
.theme-default .widget-custom-1 .icon {
    color: #ef6262;
}


/**/

.theme-default #ui-datepicker-div {
    border: 1px solid #ed5454;
}

    .theme-default #ui-datepicker-div .ui-datepicker-current-day {
        background: #ed5454;
    }

    .theme-default #ui-datepicker-div a:hover,
    .theme-default #ui-datepicker-div td:hover a {
        color: #ef6262;
    }


/**/
.theme-default .edpTooltipFloat {
    color: #fff;
    background-color: #ec4b4b;
    border-color: #ec4b4b;
}

    .theme-default .edpTooltipFloat.success {
        color: #fff;
        background-color: #68c5b5;
        border-color: #68c5b5;
    }

    .theme-default .edpTooltipFloat.info {
        color: #fff;
        background-color: #79c1d9;
        border-color: #79c1d9;
    }

    .theme-default .edpTooltipFloat.warning {
        color: #fff;
        background-color: #ffbe57;
        border-color: #ffbe57;
    }

    .theme-default .edpTooltipFloat.danger {
        color: #fff;
        background-color: #ed4b4b;
        border-color: #ed4b4b;
    }

/* View Lost Password */




/*
======
google 
======
*/

.theme-google.header-white .am-top-header .navbar-header .navbar-brand {
    background-color: #4E91FF;
}

.theme-google .am-top-header {
    background-color: #4E91FF;
}

.theme-google .am-left-sidebar .sidebar-elements > li.active > a {
    border-left: 2px solid #4E91FF;
}

.theme-google a,
.theme-google .btn-presence,
.theme-google.am-splash-screen .am-wrapper .am-content a {
    color: #4e91ff;
}

    .theme-google a:hover,
    .theme-google a:focus,
    .theme-google .btn-presence:hover,
    .theme-google .btn-presence:focus,
    .theme-google.am-splash-screen .am-wrapper .am-content a:hover,
    .theme-google.am-splash-screen .am-wrapper .am-content a:focus {
        color: #0161FF;
    }


/* loader */

.theme-google .widget.loading {
    background: url("../../Images/css/ar_loader_google.gif") #fff no-repeat center center;
}

.theme-google .modal-body.loading {
    background: url("../../Images/css/ar_loader_google.gif") #fff no-repeat center center;
}

/* widget-grid-expired-courses */

.theme-google .widget-grid-expired-courses .meter {
    background: #C3DAFF;
}

    .theme-google .widget-grid-expired-courses .meter span {
        background: #5B9EFF;
        color: #FFF;
    }


/* widget-calendar */

.theme-google .widget-calendar .cal-container .cal-notes {
    background-color: #4E91FF;
}

    .theme-google .widget-calendar .cal-container .cal-notes span.date {
        color: #FFF;
    }

.theme-google .ui-state-has-lesson a {
    background: #C3DAFF;
}

.theme-google .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,
.theme-google .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background: #5B9EFF;
}


/* widget-lesson-detail */

.theme-google .widget-lesson-detail h4 {
    color: #5B9EFF;
}


/* widget-grid-workers */

.theme-google .widget-grid-workers tr.selected {
    background-color: #C3DAFF !important;
}


/*.widget-grid-available-courses*/

.theme-google .widget-grid-available-courses tr.selected {
    background-color: #C3DAFF !important;
}


/*.widget-grid-past-courses*/

.theme-google .widget-grid-past-courses tr.selected {
    background-color: #C3DAFF !important;
}


/*.widget-local-units*/

.theme-google .widget-local-units tr.selected {
    background-color: #C3DAFF !important;
}


.theme-google .widget-supplier-up tr.selected {
    background-color: #C3DAFF !important;
}


/* widget-summary-courses */

.theme-google .widget-summary-courses th {
    color: #7a98bf;
}


/* widget-summary-docs */

.theme-google .widget-summary-docs th {
    color: #7a98bf;
}

/*widget-activities*/
.theme-google .row-commento-attivita-wrapper .my-comment {
    background-color: #4E91FF;
}

/*buttons    */

.theme-google .btn-primary {
    border: 1px solid #4e91ff;
    background: #4e91ff;
    color: #fff;
}

    .theme-google .btn-primary:hover {
        border: 1px solid #0161FF;
        background: #0161FF;
        color: #fff;
    }


/**/

.theme-google .nav-tabs a:hover {
    color: #0161FF;
}

.theme-google .nav-tabs > li.active > a,
.theme-google .nav-tabs > li.active > a:hover,
.theme-google .nav-tabs > li.active > a:focus {
    color: #0161FF;
}


/* widget-course-expiration - widget-doc-expiration*/

.theme-google .widget-course-expiration .panel-heading,
.theme-google .widget-doc-expiration .panel-heading,
.theme-google .widget-next-course-date .panel-heading {
    background: #4E91FF;
    border-bottom: 1px solid #4E91FF;
}



/**/

.theme-google .widget .table th,
.theme-google #presence-modal #lista-iscritti table th {
    color: #7a98bf;
}


/* left-sidebar */

.theme-google .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul li.active > a {
    color: #4e91ff;
}


/* login */

.theme-google .login-submit .btn-lg {
    border: 1px solid #4e91ff;
    background: #4e91ff;
}

    .theme-google .login-submit .btn-lg:hover {
        border: 1px solid #0161FF;
        background: #0161FF;
    }

.theme-google .field-validation-error {
    color: #4e91ff;
}

.theme-google .login-container .error,
.theme-google .login-container .field-validation-error {
    color: #a94442;
}


/* widget-grid-expired-courses */

.theme-google .widget-grid-evaluations .custom-meter {
    background: #C3DAFF;
}

    .theme-google .widget-grid-evaluations .custom-meter .meter-bar {
        background: #5B9EFF;
        color: #FFF;
        border-bottom-color: #103e9f;
    }

.theme-google .modal-colored-header .modal-header {
    background-color: #4e91ff;
    color: #fff;
}

    .theme-google .modal-colored-header .modal-header .close,
    .theme-google .modal-colored-header .modal-header .close i {
        color: #fff !important;
    }

.theme-google .navbar-default .navbar-nav > .active > a,
.theme-google .navbar-default .navbar-nav > .active > a:hover,
.theme-google .navbar-default .navbar-nav > .active > a:focus {
    background: #3f87ff;
    color: #FFF !important;
}

.theme-google .btn-custom1 {
    background: #3f87ff;
    border: 1px solid #3f87ff;
}

    .theme-google .btn-custom1:hover {
        background: #0161FF;
        border: 1px solid #0161FF;
    }

    .theme-google .btn-custom1:active {
        background: #0161FF;
        border: 1px solid #0161FF;
    }

.theme-google .btn-custom2 {
    background: #3f87ff;
    border: 1px solid #3f87ff;
    color: #FFF;
}

    .theme-google .btn-custom2:hover {
        background: #0161FF;
        border: 1px solid #0161FF;
        color: #FFF;
    }

    .theme-google .btn-custom2:active {
        background: #0161FF;
        border: 1px solid #0161FF;
        color: #FFF;
    }

.theme-google .btn-custom3 {
    color: #4e91ff;
}

    .theme-google .btn-custom3:hover {
        color: #0161FF;
    }

    .theme-google .btn-custom3:active {
        color: #0161FF;
    }

    .theme-google .btn-custom3 .count {
        background-color: #4e91ff;
        color: #FFF;
    }

        .theme-google .btn-custom3 .count:hover {
            background-color: #0161FF;
            color: #FFF;
        }

        .theme-google .btn-custom3 .count:active {
            color: #FFF;
            background-color: #0161FF;
        }

.theme-google .widget-trained-hours .icon,
.theme-google .widget-trained-workers .icon,
.theme-google .widget-custom-1 .icon {
    color: #4e91ff;
}


/**/

.theme-google #ui-datepicker-div {
    border: 1px solid #3f87ff;
}

    .theme-google #ui-datepicker-div .ui-datepicker-current-day {
        background: #3f87ff;
    }

    .theme-google #ui-datepicker-div a:hover,
    .theme-google #ui-datepicker-div td:hover a {
        color: #4e91ff;
    }


/**/
.theme-google .edpTooltipFloat {
    color: #fff;
    background-color: #3481ff;
    border-color: #3481ff;
}

    .theme-google .edpTooltipFloat.success {
        color: #fff;
        background-color: #68c5b5;
        border-color: #68c5b5;
    }

    .theme-google .edpTooltipFloat.info {
        color: #fff;
        background-color: #79c1d9;
        border-color: #79c1d9;
    }

    .theme-google .edpTooltipFloat.warning {
        color: #fff;
        background-color: #ffbe57;
        border-color: #ffbe57;
    }

    .theme-google .edpTooltipFloat.danger {
        color: #fff;
        background-color: #ed4b4b;
        border-color: #ed4b4b;
    }

/*
========
twilight
========
*/

.theme-twilight.header-white .am-top-header .navbar-header .navbar-brand {
    background-color: #7F64B5;
}

.theme-twilight .am-top-header {
    background-color: #7F64B5;
}

.theme-twilight .am-left-sidebar .sidebar-elements > li.active > a {
    border-left: 2px solid #7F64B5;
}

.theme-twilight a,
.theme-twilight a .theme-twilight .btn-presence,
.theme-twilight.am-splash-screen .am-wrapper .am-content a {
    color: #7f64b5;
}

    .theme-twilight a:hover,
    .theme-twilight a:focus,
    .theme-twilight .btn-presence:hover,
    .theme-twilight .btn-presence:focus,
    .theme-twilight.am-splash-screen .am-wrapper .am-content a:focus,
    .theme-twilight.am-splash-screen .am-wrapper .am-content a:hover {
        color: #5a428a;
    }


/* loader */

.theme-twilight .widget.loading {
    background: url("../../Images/css/ar_loader_twilight.gif") #fff no-repeat center center;
}

.theme-twilight .modal-body.loading {
    background: url("../../Images/css/ar_loader_twilight.gif") #fff no-repeat center center;
}

/* widget-grid-expired-courses */

.theme-twilight .widget-grid-expired-courses .meter {
    background: #C1B3DB;
}

    .theme-twilight .widget-grid-expired-courses .meter span {
        background: #8C71C2;
        color: #FFF;
    }


/* widget-calendar */

.theme-twilight .widget-calendar .cal-container .cal-notes {
    background-color: #7F64B5;
}

    .theme-twilight .widget-calendar .cal-container .cal-notes span.date {
        color: #FFF;
    }

.theme-twilight .ui-state-has-lesson a {
    background: #C1B3DB;
}

.theme-twilight .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,
.theme-twilight .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background: #8C71C2;
}


/* widget-lesson-detail */

.theme-twilight .widget-lesson-detail h4 {
    color: #8C71C2;
}


/* widget-grid-workers */

.theme-twilight .widget-grid-workers tr.selected {
    background-color: #C1B3DB !important;
}


/*.widget-grid-available-courses*/

.theme-twilight .widget-grid-available-courses tr.selected {
    background-color: #C1B3DB !important;
}


/*.widget-grid-past-courses*/

.theme-twilight .widget-grid-past-courses tr.selected {
    background-color: #C1B3DB !important;
}


/*.widget-local-units*/

.theme-twilight .widget-local-units tr.selected {
    background-color: #C1B3DB !important;
}

/*.widget-supplier-up*/
.theme-twilight .widget-supplier-up tr.selected {
    background-color: #C1B3DB !important;
}


/* widget-summary-courses */

.theme-twilight .widget-summary-courses th {
    color: #C1B3DB;
}


/* widget-summary-docs */

.theme-twilight .widget-summary-docs th {
    color: #C1B3DB;
}

/*widget-activities*/
.theme-twilight .row-commento-attivita-wrapper .my-comment {
    background-color: #7F64B5;
}

/* buttons*/

.theme-twilight .btn-primary {
    border: 1px solid #7f64b5;
    background: #7f64b5;
    color: #fff;
}

    .theme-twilight .btn-primary:hover {
        border: 1px solid #5a428a;
        background: #5a428a;
        color: #fff;
    }


/**/

.theme-twilight .nav-tabs a:hover {
    color: #5a428a;
}

.theme-twilight .nav-tabs > li.active > a,
.theme-twilight .nav-tabs > li.active > a:hover,
.theme-twilight .nav-tabs > li.active > a:focus {
    color: #5a428a;
}


/* widget-course-expiration - widget-doc-expiration*/

.theme-twilight .widget-course-expiration .panel-heading,
.theme-twilight .widget-doc-expiration .panel-heading,
.theme-twilight .widget-next-course-date .panel-heading {
    background: #7F64B5;
    border-bottom: 1px solid #7F64B5;
}

/**/

.theme-twilight .widget .table th,
.theme-twilight #presence-modal #lista-iscritti table th {
    color: #C1B3DB;
}


/* left-sidebar */

.theme-twilight .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul li.active > a {
    color: #7f64b5;
}


/* login */

.theme-twilight .login-submit .btn-lg {
    border: 1px solid #7f64b5;
    background: #7f64b5;
}

    .theme-twilight .login-submit .btn-lg:hover {
        border: 1px solid #5a428a;
        background: #5a428a;
    }

.theme-twilight .field-validation-error {
    color: #7f64b5;
}

.theme-twilight .login-container .error,
.theme-twilight .login-container .field-validation-error {
    color: #a94442;
}



/* widget-grid-expired-courses */

.theme-twilight .widget-grid-evaluations .custom-meter {
    background: #C1B3DB;
}

    .theme-twilight .widget-grid-evaluations .custom-meter .meter-bar {
        background: #8C71C2;
        color: #FFF;
        border-bottom-color: #404072;
    }

.theme-twilight .modal-colored-header .modal-header {
    background-color: #7F64B5;
    color: #fff;
}

    .theme-twilight .modal-colored-header .modal-header .close,
    .theme-twilight .modal-colored-header .modal-header .close i {
        color: #fff;
    }

.theme-twilight .navbar-default .navbar-nav > .active > a,
.theme-twilight .navbar-default .navbar-nav > .active > a:hover,
.theme-twilight .navbar-default .navbar-nav > .active > a:focus {
    background: #765ab0;
    color: #FFF !important;
}

.theme-twilight .btn-custom1 {
    background: #765ab0;
    border: 1px solid #765ab0;
}

    .theme-twilight .btn-custom1:hover {
        background: #5a428a;
        border: 1px solid #5a428a;
    }

    .theme-twilight .btn-custom1:active {
        background: #5a428a;
        border: 1px solid #5a428a;
    }

.theme-twilight .btn-custom2 {
    background: #765ab0;
    border: 1px solid #765ab0;
    color: #FFF;
}

    .theme-twilight .btn-custom2:hover {
        background: #5a428a;
        border: 1px solid #5a428a;
        color: #FFF;
    }

    .theme-twilight .btn-custom2:active {
        background: #5a428a;
        border: 1px solid #5a428a;
        color: #FFF;
    }

.theme-twilight .btn-custom3 {
    color: #7f64b5;
}

    .theme-twilight .btn-custom3:hover {
        color: #5a428a;
    }

    .theme-twilight .btn-custom3:active {
        color: #5a428a;
    }

    .theme-twilight .btn-custom3 .count {
        background-color: #7f64b5;
        color: #FFF;
    }

        .theme-twilight .btn-custom3 .count:hover {
            background-color: #5a428a;
            color: #FFF;
        }

        .theme-twilight .btn-custom3 .count:active {
            color: #FFF;
            background-color: #5a428a;
        }

.theme-twilight .widget-trained-hours .icon,
.theme-twilight .widget-trained-workers .icon,
.theme-twilight .widget-custom-1 .icon {
    color: #7F64B5;
}


/**/

.theme-twilight #ui-datepicker-div {
    border: 1px solid #765ab0;
}

    .theme-twilight #ui-datepicker-div .ui-datepicker-current-day {
        background: #765ab0;
    }

    .theme-twilight #ui-datepicker-div a:hover,
    .theme-twilight #ui-datepicker-div td:hover a {
        color: #7f64b5;
    }


/**/
.theme-twilight .edpTooltipFloat {
    color: #fff;
    background-color: #7153ad;
    border-color: #7153ad;
}

    .theme-twilight .edpTooltipFloat.success {
        color: #fff;
        background-color: #68c5b5;
        border-color: #68c5b5;
    }

    .theme-twilight .edpTooltipFloat.info {
        color: #fff;
        background-color: #79c1d9;
        border-color: #79c1d9;
    }

    .theme-twilight .edpTooltipFloat.warning {
        color: #fff;
        background-color: #ffbe57;
        border-color: #ffbe57;
    }

    .theme-twilight .edpTooltipFloat.danger {
        color: #fff;
        background-color: #ed4b4b;
        border-color: #ed4b4b;
    }

/*
=======
sunrise 
=======
*/

.theme-sunrise.header-white .am-top-header .navbar-header .navbar-brand {
    background-color: #F7C954;
}

.theme-sunrise .am-top-header {
    background-color: #F7C954;
}

.theme-sunrise .am-left-sidebar .sidebar-elements > li.active > a {
    border-left: 2px solid #F7C954;
}

.theme-sunrise a,
.theme-sunrise .btn-presence,
.theme-sunrise.am-splash-screen .am-wrapper .am-content a {
    color: #f7c954;
}

    .theme-sunrise a:hover,
    .theme-sunrise a:focus,
    .theme-sunrise .btn-presence:hover,
    .theme-sunrise .btn-presence:focus,
    .theme-sunrise.am-splash-screen .am-wrapper .am-content a:hover,
    .theme-sunrise.am-splash-screen .am-wrapper .am-content a:focus {
        color: #f4b20b;
    }


/* loader */

.theme-sunrise .widget.loading {
    background: url("../../Images/css/ar_loader_sunrise.gif") #fff no-repeat center center;
}

.theme-sunrise .modal-body.loading {
    background: url("../../Images/css/ar_loader_sunrise.gif") #fff no-repeat center center;
}

/* widget-grid-expired-courses */

.theme-sunrise .widget-grid-expired-courses .meter {
    background: #FCECC4;
}

    .theme-sunrise .widget-grid-expired-courses .meter span {
        background: #FFD661;
        color: #FFF;
    }


/* widget-calendar */

.theme-sunrise .widget-calendar .cal-container .cal-notes {
    background-color: #F7C954;
}

    .theme-sunrise .widget-calendar .cal-container .cal-notes span.date {
        color: #FFF;
    }

.theme-sunrise .ui-state-has-lesson a {
    background: #FCECC4;
}

.theme-sunrise .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,
.theme-sunrise .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background: #F7C954;
}


/* widget-lesson-detail */

.theme-sunrise .widget-lesson-detail h4 {
    color: #F7C954;
}


/* widget-grid-workers */

.theme-sunrise .widget-grid-workers tr.selected {
    background-color: #FCECC4 !important;
}


/*.widget-grid-available-courses*/

.theme-sunrise .widget-grid-available-courses tr.selected {
    background-color: #FCECC4 !important;
}


/*.widget-grid-past-courses*/

.theme-sunrise .widget-grid-past-courses tr.selected {
    background-color: #FCECC4 !important;
}


/*.widget-local-units*/

.theme-sunrise .widget-local-units tr.selected {
    background-color: #FCECC4 !important;
}

/*.widget-supplier-up*/

.theme-sunrise .widget-supplier-up tr.selected {
    background-color: #FCECC4 !important;
}


/* widget-summary-courses */

.theme-sunrise .widget-summary-courses th {
    color: #F7C954;
}


/* widget-summary-docs */

.theme-sunrise .widget-summary-docs th {
    color: #F7C954;
}

/*widget-activities*/
.theme-sunrise .row-commento-attivita-wrapper .my-comment {
    background-color: #F7C954;
}

/* buttons*/

.theme-sunrise .btn-primary {
    border: 1px solid #f7c954;
    background: #f7c954;
    color: #fff;
}

    .theme-sunrise .btn-primary:hover {
        border: 1px solid #f4b20b;
        background: #f4b20b;
        color: #fff;
    }


/**/

.theme-sunrise .nav-tabs a:hover {
    color: #f4b20b;
}

.theme-sunrise .nav-tabs > li.active > a,
.theme-sunrise .nav-tabs > li.active > a:hover,
.theme-sunrise .nav-tabs > li.active > a:focus {
    color: #f4b20b;
}


/* widget-course-expiration - widget-doc-expiration*/

.theme-sunrise .widget-course-expiration .panel-heading,
.theme-sunrise .widget-doc-expiration .panel-heading,
.theme-sunrise .widget-next-course-date .panel-heading {
    background: #F7C954;
    border-bottom: 1px solid #F7C954;
}


/**/

.theme-sunrise .widget .table th,
.theme-sunrise #presence-modal #lista-iscritti table th {
    color: #F7C954;
}


/* left-sidebar */

.theme-sunrise .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul li.active > a {
    color: #f7c954;
}


/* login */

.theme-sunrise .login-submit .btn-lg {
    border: 1px solid #f7c954;
    background: #f7c954;
}

    .theme-sunrise .login-submit .btn-lg:hover {
        border: 1px solid #f4b20b;
        background: #f4b20b;
    }


.theme-sunrise .field-validation-error {
    color: #f7c954;
}

.theme-sunrise .login-container .error,
.theme-sunrise .login-container .field-validation-error {
    color: #a94442;
}


/* widget-grid-expired-courses */

.theme-sunrise .widget-grid-evaluations .custom-meter {
    background: #FCECC4;
}

    .theme-sunrise .widget-grid-evaluations .custom-meter .meter-bar {
        background: #FFD661;
        color: #333;
        border-bottom-color: #ffffb1;
    }

.theme-sunrise .modal-colored-header .modal-header {
    background-color: #f7c954;
    color: #fff;
}

    .theme-sunrise .modal-colored-header .modal-header .close,
    .theme-sunrise .modal-colored-header .modal-header .close i {
        color: #fff;
    }

.theme-sunrise .navbar-default .navbar-nav > .active > a,
.theme-sunrise .navbar-default .navbar-nav > .active > a:hover,
.theme-sunrise .navbar-default .navbar-nav > .active > a:focus {
    background: #f6c445;
    color: #FFF !important;
}

.theme-sunrise .btn-custom1 {
    background: #f6c445;
    border: 1px solid #f6c445;
}

    .theme-sunrise .btn-custom1:hover {
        background: #f4b20b;
        border: 1px solid #f4b20b;
    }

    .theme-sunrise .btn-custom1:active {
        background: #f4b20b;
        border: 1px solid #f4b20b;
    }

.theme-sunrise .btn-custom2 {
    background: #f6c445;
    border: 1px solid #f6c445;
    color: #FFF;
}

    .theme-sunrise .btn-custom2:hover {
        background: #f4b20b;
        border: 1px solid #f4b20b;
        color: #FFF;
    }

    .theme-sunrise .btn-custom2:active {
        background: #f4b20b;
        border: 1px solid #f4b20b;
        color: #FFF;
    }

.theme-sunrise .btn-custom3 {
    color: #f7c954;
}

    .theme-sunrise .btn-custom3:hover {
        color: #f4b20b;
    }

    .theme-sunrise .btn-custom3:active {
        color: #f4b20b;
    }


    .theme-sunrise .btn-custom3 .count {
        background-color: #f7c954;
        color: #FFF;
    }

        .theme-sunrise .btn-custom3 .count:hover {
            background-color: #f4b20b;
            color: #FFF;
        }

        .theme-sunrise .btn-custom3 .count:active {
            color: #FFF;
            background-color: #f4b20b;
        }

.theme-sunrise .widget-trained-hours .icon,
.theme-sunrise .widget-trained-workers .icon .theme-sunrise .widget-custom-1 .icon {
    color: #f7c954;
}


/**/

.theme-sunrise #ui-datepicker-div {
    border: 1px solid #f6c445;
}

    .theme-sunrise #ui-datepicker-div .ui-datepicker-current-day {
        background: #f6c445;
    }

    .theme-sunrise #ui-datepicker-div a:hover,
    .theme-sunrise #ui-datepicker-div td:hover a {
        color: #f7c954;
    }


/**/
.theme-sunrise .edpTooltipFloat {
    color: #fff;
    background-color: #f7c954;
    border-color: #f7c954;
}

    .theme-sunrise .edpTooltipFloat.success {
        color: #fff;
        background-color: #68c5b5;
        border-color: #68c5b5;
    }

    .theme-sunrise .edpTooltipFloat.info {
        color: #fff;
        background-color: #79c1d9;
        border-color: #79c1d9;
    }

    .theme-sunrise .edpTooltipFloat.warning {
        color: #fff;
        background-color: #ffbe57;
        border-color: #ffbe57;
    }

    .theme-sunrise .edpTooltipFloat.danger {
        color: #fff;
        background-color: #ed4b4b;
        border-color: #ed4b4b;
    }

/*
====
cake
====
*/

.theme-cake.header-white .am-top-header .navbar-header .navbar-brand {
    background-color: #6BC3B0;
}

.theme-cake .am-top-header {
    background-color: #6BC3B0;
}

.theme-cake .am-left-sidebar .sidebar-elements > li.active > a {
    border-left: 2px solid #6BC3B0;
}

.theme-cake a,
.theme-cake.am-splash-screen .am-wrapper .am-content a,
.theme-cake a .theme-cake .btn-presence {
    color: #6BC3B0;
}

    .theme-cake a:hover,
    .theme-cake a:focus,
    .theme-cake .btn-presence:hover,
    .theme-cake .btn-presence:focus,
    .theme-cake.am-splash-screen .am-wrapper .am-content a:hover,
    .theme-cake.am-splash-screen .am-wrapper .am-content a:focus {
        color: #41a08c;
    }


/* loader */

.theme-cake .widget.loading {
    background: url("../../Images/css/ar_loader_cake.gif") #fff no-repeat center center;
}

.theme-cake .modal-body.loading {
    background: url("../../Images/css/ar_loader_cake.gif") #fff no-repeat center center;
}

/* widget-grid-expired-courses */

.theme-cake .widget-grid-expired-courses .meter {
    background: #BEE5DD;
}

    .theme-cake .widget-grid-expired-courses .meter span {
        background: #78D0BD;
        color: #FFF;
    }


/* widget-calendar */

.theme-cake .widget-calendar .cal-container .cal-notes {
    background-color: #6BC3B0;
}

    .theme-cake .widget-calendar .cal-container .cal-notes span.date {
        color: #FFF;
    }

.theme-cake .ui-state-has-lesson a {
    background: #BEE5DD;
}

.theme-cake .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,
.theme-cake .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background: #78D0BD;
}


/* widget-lesson-detail */

.theme-cake .widget-lesson-detail h4 {
    color: #78D0BD;
}


/* widget-grid-workers */

.theme-cake .widget-grid-workers tr.selected {
    background-color: #BEE5DD !important;
}


/*.widget-grid-available-courses*/

.theme-cake .widget-grid-available-courses tr.selected {
    background-color: #BEE5DD !important;
}


/*.widget-grid-past-courses*/

.theme-cake .widget-grid-past-courses tr.selected {
    background-color: #BEE5DD !important;
}


/*.widget-local-units*/

.theme-cake .widget-local-units tr.selected {
    background-color: #BEE5DD !important;
}

/*.widget-supplier-up*/

.theme-cake .widget-supplier-up tr.selected {
    background-color: #BEE5DD !important;
}


/* widget-summary-courses */

.theme-cake .widget-summary-courses th {
    color: #78D0BD;
}

/*widget-activities*/
.theme-cake .row-commento-attivita-wrapper .my-comment {
    background-color: #78D0BD;
}

/* widget-summary-docs */

.theme-cake .widget-summary-docs th {
    color: #6BC3B0;
}


/* buttons */

.theme-cake .btn-primary {
    border: 1px solid #6BC3B0;
    background: #6BC3B0;
    color: #fff;
}

    .theme-cake .btn-primary:hover {
        border: 1px solid #41a08c;
        background: #41a08c;
        color: #fff;
    }


/**/

.theme-cake .nav-tabs a:hover {
    color: #41a08c;
}

.theme-cake .nav-tabs > li.active > a,
.theme-cake .nav-tabs > li.active > a:hover,
.theme-cake .nav-tabs > li.active > a:focus {
    color: #41a08c;
}


/* widget-course-expiration - widget-doc-expiration*/

.theme-cake .widget-course-expiration .panel-heading,
.theme-cake .widget-doc-expiration .panel-heading,
.theme-cake .widget-next-course-date .panel-heading {
    background: #6BC3B0;
    border-bottom: 1px solid #6BC3B0;
}


/**/

.theme-cake .widget .table th,
.theme-cake #presence-modal #lista-iscritti table th {
    color: #78D0BD;
}


/* left-sidebar */

.theme-cake .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul li.active > a {
    color: #6BC3B0;
}


/* login */

.theme-cake.am-splash-screen .login-submit .btn-lg {
    border: 1px solid #6BC3B0;
    background: #6BC3B0;
}

    .theme-cake.am-splash-screen .login-submit .btn-lg:hover {
        border: 1px solid #41a08c;
        background: #41a08c;
    }

.theme-cake.am-splash-screen .field-validation-error {
    color: #6BC3B0;
}

.theme-cake .login-container .error,
.theme-cake .login-container .field-validation-error {
    color: #a94442;
}


/* widget-grid-expired-courses */

.theme-cake .widget-grid-evaluations .custom-meter {
    background: #BEE5DD;
}

    .theme-cake .widget-grid-evaluations .custom-meter .meter-bar {
        background: #78D0BD;
        color: #FFF;
        border-bottom-color: #48a08d;
    }

.theme-cake .modal-colored-header .modal-header {
    background-color: #6bc3b0;
    color: #fff;
}

    .theme-cake .modal-colored-header .modal-header .close,
    .theme-cake .modal-colored-header .modal-header .close i {
        color: #fff;
    }

.theme-cake .navbar-default .navbar-nav > .active > a,
.theme-cake .navbar-default .navbar-nav > .active > a:hover,
.theme-cake .navbar-default .navbar-nav > .active > a:focus {
    background: #60bfaa;
    color: #FFF !important;
}

.theme-cake .btn-custom1 {
    background: #60bfaa;
    border: 1px solid #60bfaa;
}

    .theme-cake .btn-custom1:hover {
        background: #41a08c;
        border: 1px solid #41a08c;
    }

    .theme-cake .btn-custom1:active {
        background: #41a08c;
        border: 1px solid #41a08c;
    }

.theme-cake .btn-custom2 {
    background: #60bfaa;
    border: 1px solid #60bfaa;
    color: #FFF;
}

    .theme-cake .btn-custom2:hover {
        background: #41a08c;
        border: 1px solid #41a08c;
        color: #FFF;
    }

    .theme-cake .btn-custom2:active {
        background: #41a08c;
        border: 1px solid #41a08c;
        color: #FFF;
    }

.theme-cake .btn-custom3 {
    color: #6BC3B0;
}

    .theme-cake .btn-custom3:hover {
        color: #41a08c;
    }

    .theme-cake .btn-custom3:active {
        color: #41a08c;
    }


    .theme-cake .btn-custom3 .count {
        background-color: #6BC3B0;
        color: #FFF;
    }

        .theme-cake .btn-custom3 .count:hover {
            background-color: #41a08c;
            color: #FFF;
        }

        .theme-cake .btn-custom3 .count:active {
            color: #FFF;
            background-color: #41a08c;
        }

.theme-cake .widget-trained-hours .icon,
.theme-cake .widget-trained-workers .icon,
.theme-cake .widget-custom-1 .icon {
    color: #6bc3b0;
}


/**/

.theme-cake #ui-datepicker-div {
    border: 1px solid #60bfaa;
}

    .theme-cake #ui-datepicker-div .ui-datepicker-current-day {
        background: #60bfaa;
    }

    .theme-cake #ui-datepicker-div a:hover,
    .theme-cake #ui-datepicker-div td:hover a {
        color: #6BC3B0;
    }

/**/
.theme-cake .edpTooltipFloat {
    color: #fff;
    background-color: #6bc3b0;
    border-color: #6bc3b0;
}

    .theme-cake .edpTooltipFloat.success {
        color: #fff;
        background-color: #68c5b5;
        border-color: #68c5b5;
    }

    .theme-cake .edpTooltipFloat.info {
        color: #fff;
        background-color: #79c1d9;
        border-color: #79c1d9;
    }

    .theme-cake .edpTooltipFloat.warning {
        color: #fff;
        background-color: #ffbe57;
        border-color: #ffbe57;
    }

    .theme-cake .edpTooltipFloat.danger {
        color: #fff;
        background-color: #ed4b4b;
        border-color: #ed4b4b;
    }


/* 
============
header white
============
*/

.header-white .am-top-header {
    background-color: #FFF;
}

    .header-white .am-top-header .navbar-header .navbar-brand .icon-ed {
        color: #FFF;
    }

    .header-white .am-top-header .navbar-collapse a {
        color: #555 !important;
    }

    .header-white .am-top-header .navbar-header .page-title, .header-white .am-top-header .navbar-header .page-title a {
        color: #555 !important;
    }



.header-white .selected-unit {
    color: #555;
}

.header-white .li-user-welcome {
    color: #555;
}

.viewport-xs.header-white .am-nav-left {
    margin: 0 !important;
    color: #FFF !important;
}

.viewport-xs.header-white .li-user-welcome,
.viewport-xs.header-white .selected-unit,
.viewport-xs.header-white .am-top-header .navbar-collapse a {
    color: #FFF !important;
}

.viewport-xs.header-white .navbar-default .navbar-toggle .icon-bar {
    background-color: #333 !important;
}


/* 
==============
login-bg-white
==============
*/

.login-bg-white.am-splash-screen {
    background: #FFF;
}

    .login-bg-white.am-splash-screen .login-container .panel-default .panel-body .form-group .input-group {
        border-color: #DDD;
    }

        .login-bg-white.am-splash-screen .login-container .panel-default .panel-body .form-group .input-group .input-group-addon .icon {
            color: #AAA;
        }




/**/
/*
.btn-custom3{background:#EEE;}
*/

/**/

@media print {
    * {
        color: black !Important;
    }

    body {
        font-size: 8pt;
        color: black !Important;
    }

    .am-content,
    .main-content,
    .widget {
        padding: 0;
        margin: 0;
    }

    .nano {
        position: static;
        width: auto;
        height: auto;
        overflow: auto;
    }

        .nano > .nano-content {
            position: static;
            overflow: visible;
            overflow-x: auto;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

    .widget-summary-courses .courses .wrapper {
        overflow-x: auto;
    }

    .row,
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        display: block;
        float: none;
        position: static;
        width: auto;
        padding: 0;
        margin: 0;
    }

    .navbar,
    .am-left-sidebar,
    #contacts,
    #downloads,
    .widget-calendar,
    .widget-lesson-detail,
    .widget-grid-available-courses,
    .tab-top {
        display: none;
    }
}





/*
=========================
PRINT EXPORT ORGANIGRAMMA
========================= 
*/
@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
}

.print-roles .widget, .print-roles .tab-container, .print-roles .navbar, .print-roles .am-left-sidebar, .print-roles .section-title, .print-roles section,
.print-roles .widget-ctrl,
.print-roles .widget-diagram .box .list a {
    display: none !important;
    margin: 0;
}

.print-roles .diagram-sicurezza, .print-roles #data {
    display: block !important;
}

.print-roles #data {
    width: 100%;
}

.print-roles .row, .print-roles .row > div {
    /*margin: 0!important;
padding:0!important;*/
    float: none !important;
    width: auto !important;
}

.print-roles .widget-diagram .tbl {
    width: 100% !important;
}

.print-roles .am-content, .print-roles .main-content, .print-roles .am-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

.print-roles .widget-diagram .box h4 {
    border: 1px solid #000;
}

.print-roles .widget-diagram .box .list div {
    border: 1px solid #000;
    border-top: 0 none;
}

.print-roles .widget-diagram .diagram-line-v,
.print-roles .widget-diagram .diagram-line-h-33-66 {
    border-width: 1px;
    border-style: solid;
}

.print-roles .box_dl h4 {
    background: #ef6262 !important;
}

.print-roles .box_aai h4 {
    background: #95d9f0 !important;
}

.print-roles .box_aps h4 {
    background: #ffdc7a !important;
}

.print-roles .box_spp h4 {
    background: #7a98bf !important;
}

.print-roles .box_med h4 {
    background: #cccccc !important;
}

.print-roles .box_rls h4 {
    background: #7f64b5 !important;
}

.print-roles .box_pre h4 {
    background: #bda5d7 !important;
}

.print-roles .box_dir h4 {
    background: #ff7fa0 !important;
}

.print-roles .row8 .col1 h4 {
    background: #88ca92 !important;
}


.icon.s7-download {
    font-size: 19px !important;
    vertical-align: middle !important;
}