﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i&display=swap');

/* Aumento la risoluzione di base del container * /
@media(min-width:1366px) {
    .container {
        width: 1336px;
    }
}*/

body#Body {
    padding-top: 50px;
    padding-bottom: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    overflow-x: hidden;
    color: #333;
}

input:focus, select:focus, textarea:focus, button:focus {
    box-shadow: none !important;
}

strong, label, .label {
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Merriweather', serif;
    /*color: #004d61;*/
}
a {
    color: #000;
    text-decoration: none;
    transition: color 0.5s ease;
}

    a:hover, a:focus {
        color: #0089c4;
        text-decoration: none;
    }

.navbar-brand > img {
    display: inline-block;
}

.page-header {
    border-bottom: none;
}

.nobkg {
    background: none !important;
}

.label.nobkg {
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ddd;
}

.row-striped {
    /*
    padding-top: 0;
    padding-bottom: 0;
    */
}
.row-striped > .row {
    padding-top: 8px;
    border-top: 1px solid #ddd;
}
.row-striped > .row:first-child {
    border-top: none;
}
.row-striped > .row p {
    margin-bottom: 8px;
}
    .row-striped > .row:nth-of-type(even) {
        background-color: #f9f9f9;
    }

    .row-striped > .row.text-danger {
        border-top: 1px solid #dec8c7;
        border-left: 2px solid #ce4844;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        margin-left: -17px;
    }

        .row-striped > .row.text-danger a,
        .row-striped > .row.text-danger .btn {
            color: #a94442;
        }

/* Sovrascrivo lo stile dei pulsanti di Bootstrap */
.btn.btn-xs {
    margin-bottom: 4px;
}

/*.btn {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    transition: background 0.5s ease;
}
*/
.btn-primary {
    background-color: #006591;
}

    .btn-primary:hover {
        background-color: #0089c4;
    }



.btn-reset {
    color: #333;
    background-color: #eee;
    border-color: #ccc;
}

    .btn-reset:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

/*

.btn-salviati {
    /*
    color: #fff;
    background-color: #004d61;
    border-color: #014955;
    */
    /*
    color: #fab614;* /
}*/


/* Aggiungo funzionalità a Bootstraph */
.panel .panel-heading .brd-left::before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    bottom: -10px;
    border-left: 1px solid #ddd;
}

.has-default .form-control {
    border-color: #ccc;
}


.vmiddle,
.table > tbody > tr > td.vmiddle {
    vertical-align: middle;
}

.no-results {
    padding: 40px 15px;
}

/* ***** MENU PRINCIPALE ***** */
.navbar-inverse {
    /*background-color: #333;*/
    background-color: #333028;
}

    .navbar-inverse .navbar-brand {
        color: #fab614;
    }

    .navbar-inverse .navbar-brand .welcome {
        color: #ccc;
        font-size: 14px;
        text-transform: uppercase;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #ccc;
    }

#main-menu .navbar-nav .glyphicon {
    margin-right: 4px;
}

#main-menu .sep > a {
    padding-left: 0;
    padding-right: 0;
    border-right: 1px solid #111;
    margin: 0px;
    width: 0px;
}

#main-menu .navbar-nav > li > a {
    text-transform: uppercase;
}

#main-menu .navbar-nav > .open > a,
#main-menu .navbar-nav > .open > a:hover,
#main-menu .navbar-nav > .open > a:focus,
#main-menu .navbar-nav > li > a.sel,
#main-menu .navbar-nav > li > a.bc {
    background-color: #111;
    color: #fab614;
}



/* BD-CALLOUT - from bootstrap 4 * /
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: 1px;
    border-left-color: rgb(238, 238, 238);
    border-left-width: 5px;
    border-radius: .25rem;
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
}

    .bd-callout-warning h4 {
        color: #f0ad4e;
    }

.bd-callout-success {
    border-left-color: #5cb85c;
}

    .bd-callout-success h4 {
        color: #5cb85c;
    }

.bd-callout-danger {
    border-left-color: #d9534f;
}

    .bd-callout-danger h4 {
        color: #d9534f;
    }

*/


/* Aggiunta stili Bootstrap */
.bs-callout {
    padding: 6px 12px;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-left-color: rgb(238, 238, 238);
    border-left-width: 1px;
    border-left-width: 5px;
    border-radius: 3px;
    font-size: 12px;
}

.bs-callout-danger {border-left-color: #ce4844;}
    .bs-callout-danger h4 {color: #ce4844;}
.bs-callout-info {border-left-color: #1b809e;}
    .bs-callout-info h4 {color: #1b809e;}
.bs-callout-warning {border-left-color: #aa6708;}
    .bs-callout-warning h4 {color: #aa6708;}
.bs-callout-success {border-left-color: #5cb85c;}
    .bs-callout-success h4 {color: #5cb85c;}


.label-light {
    color: #666;
    border: 1px solid #ccc;
}



/* ******************* */
/* ***** tooltip ***** */

.tooltip {
    font-size: 11px;
    line-height: 1.2em;
    min-width: 260px;
}

.tooltip-inner {
    min-width: 260px;
    max-width: 320px;
}

.tooltip.in {
    opacity: 1;
}

.tooltip b {
    color: #fa0;
    font-weight: normal;
    background-color: #555;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 2px;
    font-family: 'Courier New';
}


/* ******************* */
/* ***** Login ***** */

.form-login {
    margin-top: 10vh;
}

    .form-login h1 {
        display: inline-block;
        background-color: #f0f0f0;
        border-radius: 50%;
        width: 75px;
        height: 75px;
        border: 1px solid #ddd;
        color: #555;
        font-size: 3em;
        padding: 12px;
        margin-bottom: 25px;
    }

    .form-login input[type="submit"] {
        min-width: 100px;
    }

    .form-login .validation-summary-errors ul {
        margin: 0;
        list-style: none;
        padding: 6px;
    }

/* ***** Gestione del calendario ***** */
/* *********************************** */

.fc-time-grid .fc-slats td {
    height: 1.7em;
}

.fc-scroller.fc-time-grid-container {
    min-height: 700px;
}

.calendar .fc-widget-content {
    cursor: cell;
}

.fc-event {
    min-height: 80px;
    cursor: zoom-in;
}

    .fc-event .fc-content {
        font-size: 12px;
        height: 100%;
        line-height: 1.2em;
        white-space: normal;
    }


        .fc-event .fc-content .cal_time {
            display: block;
            font-size: 9px;
            font-weight: 600;
            letter-spacing: 0.03em;
            padding: 1px 4px 1px 4px;
            background-color: rgba(255,255,255,0.1);
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }

            .fc-event .fc-content .cal_time span:nth-child(1) {
                
            }

            .fc-event .fc-content .cal_time span:nth-child(2) {
                float: right;
                text-transform: uppercase;
                font-weight: 700;
            }


        .fc-event .fc-content .cal_title {
            padding: 6px 4px 0px 4px;
            text-transform: uppercase;
            font-weight: 600;
            display: block;
            white-space: nowrap;
        }

        .fc-event .fc-content .cal_desc {
            padding: 4px 4px 0px 4px;
            font-weight: 300;
        }

            .fc-event .fc-content .cal_desc > b, .fc-event .fc-content .cal_desc > strong {
                font-weight: 600;
            }

/* Calendario in visualizzazione Agenda */
.fc-list-item .fc-event-dot {
    border-width: 1px;
    border-style: solid;
    border-radius: 6px;
    vertical-align: middle;
}

.fc-list-item .fc-event-label {
    position: relative;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
}
.fc-list-item .fc-event-label > i {
    position: absolute;
    z-index: -1;
    display: inline-block;
    opacity: 0.25;
    width: 100%;
    height: 100%;
    top: 0;
    padding-left: 16px;
    left: -12px;
    border-radius: 6px;
}

.fc-list-item .fc-list-item-title div {
    cursor: pointer;
}

.fc-list-item .fc-list-item-title div > span:first-child {
    font-weight: 600;
    margin-right: 15px;
}



/* Modale per la visualizzazione dell'Attività */
#event-modal .modal-dialog {
}
    #event-modal .modal-dialog .modal-content {}

#event-modal .modal-title .label-activity-type {
    letter-spacing: 0.05em;
    font-weight: 700;
}




/* ********************************************************* */
/* Stili per la visualizzazione ad albero della lista Utenti */
.userlist [data-parentid="0"] {
    padding-left: 0;
}
    /*.userlist [data-parentid="0"] ul {
        position: relative;
    }
    

    .userlist [data-parentid="0"] ul::before {
        content: "";
        background-image: url(/Content/images/user.png);
        width: 1px;
        height: 32px;
        display: block;
        background-position: -303px 0px;
        background-repeat: no-repeat;
        position: absolute;
        left: 25px;
        bottom: 16px;
    }*/

    .userlist [data-parentid="0"] > li {
        padding: 0px 15px 8px 15px;
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-bottom: 20px;
    }

        .userlist [data-parentid="0"] > li .header {
            background-color: #f9f9f9;
            border-bottom: 1px solid #ddd;
            margin-bottom: 8px;
        }

    

    .userlist [data-parentid="0"] li {
        position: relative;
        /*border-top: 1px solid #ddd;*/
        list-style: none;
    }

    /*.userlist [data-parentid="0"] li:nth-child(odd) {
        background-color: #f0ad4e;
        
        
    }*/

        .userlist [data-parentid="0"] li::before {
            content: "";
            background-image: url(/Content/images/user.png);
            width: 24px;
            height: 32px;
            display: block;
            background-position: -68px 0px;
            background-repeat: no-repeat;
            position: absolute;
            left: -26px;
            top: 2px;
        }

        .userlist [data-parentid="0"] > li::before {
            background: none;
        }

    .userlist [data-parentid="0"] li > .row {
        padding-top: 8px;
        padding-bottom: 8px;
        
    }


/* ********************************** */
/* ***** PAGINA Ricerca Aziende ***** */

/* Gestione filtro in Page TOP */

.company_topfilter {
    position: relative;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 50px;
}

    .company_topfilter::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50vw;
        width: 100vw;
        height: 100%;
        background-color: #faf9f7;
        border-bottom: 1px solid #e7e7e7;
        z-index: -1;
    }

    .company_topfilter .form-group {
        margin-bottom: 10px;
    }

    /* pulsanti sotto campi di ricerca */
    .company_topfilter .btn-bottom {
        position: absolute;
        top: 100%;
        z-index: 2;
    }

    .company_topfilter .btn-bottom-left {
        left: 0;
    }

    .company_topfilter .btn-bottom-right {
        right: 0;
    }

    .company_topfilter .btn-bottom > span {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        color: #fff;
        font-size: 0.8em;
        line-height: 1.8em;
        padding: 0 12px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        transition: all 0.5s ease;
    }

    .company_topfilter .btn-bottom > span a {
        color: #fff;
    }

    /*
    .company_topfilter span.addCompany {
        background-color: #5cb85c;
        padding: 0 0 0 12px;
        transition: all 0.5s ease;
    }

    .company_topfilter .addCompany:hover {
        background-color: #449d44;
    }

        .company_topfilter .addCompany a {
            font-size: 0.9em;
            text-transform: uppercase;
            font-weight: 600;
        }

            .company_topfilter .addCompany a .add {
                font-weight: 700;
                background-color: #449d44;
                display: inline-block;
                padding: 0 8px;
                margin-left: 4px;
                border-bottom-right-radius: 5px;
            }
    */

    .company_topfilter .btn-bottom .info {
        font-family: 'Merriweather', serif;
        font-weight: 700;
        background-color: #333028; /* bel blu #006591;*/
        padding: 0px 16px;
    }

    .company_topfilter .condensefilters, .company_topfilter .expandfilters {
        background-color: #006591; /* #F44336;*/
    }

        .company_topfilter .condensefilters:hover, .company_topfilter .expandfilters:hover {
            background-color: #0089c4;
        }


/* Gestione PAGINAZIONE barra di navigazione sul FOOTER */
.company.navbar-fixed-bottom {
    border-top: 1px solid #e7e7e7;
}



.company.navbar-fixed-bottom .pagination {
    margin: 0;
}

.company.navbar-fixed-bottom nav {
    margin: 8px 0px 3px 0;
}

/* Pulsanti sulla barra di navigazione sul FOOTER */
.btnFilters {
    margin: 0;
    display: inline-block;
    border-radius: 4px;
    /*
    font-size: 13px;
    line-height: 1.42857143em;*/
    padding: 0;
}


    .btnFilters > li {
        display: inline;
    }

        .btnFilters > li > a {
            position: relative;
            float: left;
            padding: 6px 12px;
            border: 1px solid #ddd;
            color: #333;
            margin-left: 3px;
            border-radius: 4px;
        }

            .btnFilters > li > a[data-value="1"] {
                border-color: #5cb85c;
                background-color: #edf7ed;
            }

            .btnFilters > li > a[data-value="2"] {
                border-color: #d9534f;
                background-color: rgba(217, 83, 79, 0.15);
            }

            .btnFilters > li > a[data-value="3"] {
                border-color: #aaaaaa;
                background-color: #eee;
            }

            .btnFilters > li > a[data-value="4"] {
                border-color: #f0ad4e;
                background-color: rgba(240, 173, 78, 0.2);
            }


/* Pulsante effetto SWITCH */
.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .form-switch i {
        position: relative;
        display: inline-block;
        width: 46px;
        height: 16px;
        vertical-align: text-bottom;
        background-color: #e6e6e6;
        border-radius: 23px;
        border: 1px solid #ccc;
        margin-right: 10px;
        transition: all 0.1s ease;
    }

        .form-switch i::after {
            content: "";
            position: absolute;
            left: -1px;
            top: -4px;
            width: 22px;
            height: 22px;
            background-color: #fff;
            border-radius: 11px;
            border: 1px solid #ccc;
            transition: left 0.1s ease;
        }

    .form-switch input:checked + i {
        background-color: #d9534f;
        border-color: #a33;
    }

        .form-switch input:checked + i::after {
            left: 24px;
            border-color: #bbb;
        }

/* Risultato ricerca */

#_SearchCompany .panel {
    border-top-left-radius: 0px;
}

#_SearchCompany .addCompany {
    text-transform: uppercase;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0px 0px 0px 15px;
    transition: all 0.5s ease;
}

    #_SearchCompany .addCompany .add {
        font-weight: 700;
        background-color: #449d44;
        display: inline-block;
        padding: 8px 8px;
        margin-left: 8px;
    }

#_SearchCompany #grdCompany > tbody > tr {
    height: 55px;
}

/* Tabbela dei risultati della ricerca */
#grdCompany thead tr {
    background-color: #faf9f7;
}
#grdCompany thead tr th {
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
}

#grdCompany tfoot {
    display: none;
}

#grdCompany .cpydisable {
    background-color: #f9f9f9;
}

#grdCompany .cpydisable {
    color: #666;
}

    #grdCompany .cpydisable .glyphicon, #grdCompany .cpydisable a {
        color: #666;
    }


#grdCompany .tocontact {
    background-color: #f2fafd;
    color: #086d91;
}
    #grdCompany .tocontact a {
        color: #086d91;
    }

#grdCompany .warning, #grdCompany .warning a {
    color: #333028;
}



/* paginazione */

.company .pagination {
    
}

.company .pagination li a {
    color: #555;
}



/* Dettaglio Azienda */

/* Pannello blu per Cliente AZIENDA */
.panel[data-customer="1"] {
    border-color: #46b8da;
}
    .panel[data-customer="1"] > .panel-heading {
        background-color: #eaf7fb;
        border-color: #46b8da;
    }

.panel[data-customer="2"] {
    border-color: #4cae4c;
}

    .panel[data-customer="2"] > .panel-heading {
        background-color: #edf7ed;
        border-color: #4cae4c;
    }




#CompanyDetails .panel {
    margin-bottom: 30px;
}


#CompanyDetails .disable {
    color: #666;
}
#CompanyDetails .disable a {
    color: #666;
}



/* ******************************************************** */
/* ***** Gestione pagina INSERIMENTO/MODIFICA Cliente ***** */
.nav-customer::after, .nav-customer::before {
    display: table;
    content: "";
}

.nav-customer::after {
    clear: both;
}
.nav-customer {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

    .nav-customer[data-customer="1"] {
        border-bottom-color: #46b8da;
    }

    .nav-customer[data-customer="2"] {
        border-bottom-color: #4cae4c;
    }

    .nav-customer > li {
        float: left;
        display: block;
        position: relative;
        margin-bottom: -1px;
    }
        .nav-customer > li > div {
            display: block;
            padding: 10px 15px;
            cursor: pointer;
            text-transform: uppercase;
            font-weight: 600;
            border: 1px solid transparent;
        }

        .nav-customer > li.active {
            
        }

            .nav-customer > li.active > div {
                cursor: default;
                border: 1px solid #ddd;
                border-bottom-color: transparent;
                background-color: #fff;    
            }

                .nav-customer > li.active > div[data-customer="1"] {
                    border-top-color: #46b8da;
                    border-left-color: #46b8da;
                    border-right-color: #46b8da;
                }

                .nav-customer > li.active > div[data-customer="2"] {
                    border-top-color: #4cae4c;
                    border-left-color: #4cae4c;
                    border-right-color: #4cae4c;
                }

    .nav-customer [data-customer="1"] .glyphicon::before {
        color: #46b8da;
    }

    .nav-customer [data-customer="2"] .glyphicon::before {
        color: #4cae4c;
    }

.tab-customer {
    padding: 30px 30px 30px 30px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    .tab-customer[data-customer="1"] {
        border-color: #46b8da;
    }

    .tab-customer[data-customer="2"] {
        border-color: #4cae4c;
    }

/* Input Group Discount */
.custom-group .input-group-addon {
    padding-left:5px;
    padding-right: 5px;
}
.custom-group [type="number"] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

/* ******************************************************** */
/* ***** Gestione pagina INSERIMENTO/MODIFICA Attività ***** */
#frm-activity #UploadFile label {
    cursor: pointer;
}

#frm-activity #UploadFile #FileName {    
    cursor:pointer;
}

/* ************************************************ */
/* ***** Gestione pagina Attività per persona ***** */
/* Cerchietti con le percentuali */
.progress-circle {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #eeeeee;
    border-radius: 50%;
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: 80px;
    width: 80px;
    text-align: center;
    display: block;
    color: #555555;
    z-index: 2;
	font-size: 28px;
	font-weight: 700;
}
.left-half-clipper { 
   /* a round circle */
   border-radius: 50%;
   width: 80px;
   height: 80px;
   position: absolute; /* needed for clipping */
   clip: rect(0, 80px, 80px, 40px); /* clips the whole left half*/
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
   position: absolute; /*needed for clipping*/
   clip: rect(0px, 40px, 80px, 0px);
   width: 80px;
   height: 80px;
   border-radius: 50%;
   border: 10px solid #555555; /*The border is 0.35 but making it larger removes visual artifacts */
    /* for debug */
   box-sizing: border-box;
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 80px, 80px, 40px);
   background-color: #555555;
   border-radius: 50%;
   width: 80px;
   height: 80px;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }

.progress-circle-container { text-align:center; display:inline-block; min-width:150px; }
.progress-circle-container .progress-circle-center {display:inline-block; position:relative; }

.progress-circle-container .text { font-size:0.9em; }
/*
.progress-circle-container .small { line-height:1.2em; font-size:12px; }
*/

.progress-circle.danger span { color:#de4438; }
.progress-circle.danger .first50-bar {background-color:#de4438;}
.progress-circle.danger .value-bar {border-color:#de4438;}

.progress-circle.warning span { color:#f0ad4e; }
.progress-circle.warning .first50-bar {background-color:#f0ad4e;}
.progress-circle.warning .value-bar {border-color:#f0ad4e;}

.progress-circle.info span { color:#5bc0de; }
.progress-circle.info .first50-bar {background-color:#5bc0de;}
.progress-circle.info .value-bar {border-color:#5bc0de;}

.progress-circle-container[activity-type="1"] span { color: #999; }
.progress-circle-container[activity-type="1"] .first50-bar { background-color: #999; }
.progress-circle-container[activity-type="1"] .value-bar { border-color: #999; }

.progress-circle-container[activity-type="2"] span { color: #323663; }
.progress-circle-container[activity-type="2"] .first50-bar { background-color: #323663; }
.progress-circle-container[activity-type="2"] .value-bar { border-color: #323663; }

.progress-circle-container[activity-type="3"] span { color: #7083ad; }
.progress-circle-container[activity-type="3"] .first50-bar { background-color: #7083ad; }
.progress-circle-container[activity-type="3"] .value-bar { border-color: #7083ad; }

.progress-circle-container[activity-type="4"] span { color: #a2b3cf; }
.progress-circle-container[activity-type="4"] .first50-bar { background-color: #a2b3cf; }
.progress-circle-container[activity-type="4"] .value-bar { border-color: #a2b3cf; }

.progress-circle-container[activity-type="5"] span { color: #bfc2c6; }
.progress-circle-container[activity-type="5"] .first50-bar { background-color: #bfc2c6; }
.progress-circle-container[activity-type="5"] .value-bar { border-color: #bfc2c6; }

.progress-circle-container[activity-type="6"] span { color: #4c9069; }
.progress-circle-container[activity-type="6"] .first50-bar { background-color: #4c9069; }
.progress-circle-container[activity-type="6"] .value-bar { border-color: #4c9069; }


/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(113deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }


/* ****************************************** */
/* ***** Gestione pagina Sposta Aziende ***** */

#CompaniesResult input[type="checkbox"],
#CompaniesToMove input[type="checkbox"] {
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
}

#CompaniesResult .disable {
    background-color: #f5f5f5;
}

    #CompaniesResult .disable input[type="checkbox"] {
        opacity: 0.5;
    }

#CompaniesResult .CompanyStatus,
#CompaniesToMove .CompanyStatus,
#grdCompany .CompanyStatus {
    width: 14px;
    height: 14px;
    display: block;
    vertical-align: sub;
    margin-right: 6px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    float: left;
    margin-top: 3px;
}

    #CompaniesResult .CompanyStatus.CompanyStatus1,
    #CompaniesToMove .CompanyStatus.CompanyStatus1,
    #grdCompany .CompanyStatus.CompanyStatus1 {
        background-color: #5cb85c;
        border-color: #5cb85c;
    }

    #CompaniesResult .CompanyStatus.CompanyStatus2,
    #CompaniesToMove .CompanyStatus.CompanyStatus2,
    #grdCompany .CompanyStatus.CompanyStatus2 {
        background-color: #d9534f;
        border-color: #d9534f;
    }

    #CompaniesResult .CompanyStatus.CompanyStatus4,
    #CompaniesToMove .CompanyStatus.CompanyStatus4,
    #grdCompany .CompanyStatus.CompanyStatus4 {
        background-color: #f0ad4e;
        border-color: #f0ad4e;
    }




.movecompanies.navbar-fixed-bottom {
    border-top: 1px solid #ddd;
    background-color: #f0f0f0;
    padding: 6px 0;
}

    .movecompanies.navbar-fixed-bottom span[data-type] {
        padding: 0 10px;
        border-left: 1px solid #ccc;
        line-height: 34px;
        display: inline-block;
    }

#MoveCompaniesLoading::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1);
    z-index: 1040;
}

#MoveCompaniesLoadingText {
    position: absolute;
    z-index: 1050;
    display: block;
    left: 0;
    right: 0;
    top: 49%;
    width: 100%;
    line-height: 2%;
    font-size: 1.5em;
}

/* ************************************* */
/* ***** Gestione pagina Changelog ***** */
.changelog ul li {
    margin-bottom: 8px;
}