@charset "utf-8";

html,

body {

    height: 100%;

    font-family: 'Lato', sans-serif;

    font-weight: 400;

}



.btn-primary.focus,

.btn-primary:focus,

.btn-primary:active:focus {

    outline: none;

}



a, a:active, a:focus {

    outline: none;

    color: inherit;

}



header {

    margin: 20px 0;

}



button[disabled] {

    background-color: #ccc;

    opacity: 0.5

}



h3 {

    color: #018cb3;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 20px;

}



.btn {

    white-space: normal;

}



main {

    display: none;

}



.btn-primary:hover:disabled {

    background-color: #ccc;

}



#textContainer {

    border: 1px solid #ccc;

    padding: 10px;

    height: 160px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    margin-bottom: 20px;

}



#textWrapper {

    height: 130px;

    overflow: auto;

}



#footer {

    margin-top: 40px;

}



.btn-primary {

    background-color: #008bb1;

    border: none;

}



#wrap {

    min-height: 100%;

    height: auto;

    /* Negative indent footer by its height */

    margin: 0 auto -180px;

    /* Pad bottom by footer height */

    padding: 0 0 180px;

}



textarea {

    resize: none;

    width: 100%;

    border: 1px solid #ccc;

    padding: 10px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    height: 100px;

}



.customErrorDiv {

    margin-top: 10px;

}



.obbligatorio:after {

    content: " *";

    color: red;

}



/*END GENERALI*/

/*PRIVACY*/

#footer ul.listFooter {

    text-align: center;

    list-style: none;

    padding: 0;

    font-weight: 700;

}



#footer ul.listFooter li {

    display: inline-block;

}



#footer ul.listFooter li:first-child::after {

    margin-left: 5px;

    content: "|";

}



#footer ul.listFooter li a {

    font-size: 12px;

    color: rgb(51, 51, 51);

}



label.privacyString, label.newsletterString {

    display: inline;

}



label.privacyString a, label.newsletterString a {

    font-weight: 700;

    text-decoration: underline;

}



/*END PRIVACY*/

/*FORM*/

form .form-control[readonly] {

    background-color: #fff;

}



form span {

    font-size: 16px;

}



form input {

    margin-bottom: 10px;

}



form label {

    color: #008bb2

}



/*END FORM*/

/*ERRORE*/

label.error {

    width: 100%;

    background-color: red;

    padding: 7px 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    color: white;

    margin-bottom: 10px;

}



select.form-control > option {

    text-indent: 8px;

    padding-top: 10px;

    padding-bottom: 10px;

}



/*END ERRORE*/

/*LOADER*/

#loader {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 999;

    top: 0;

}



#loader .bck {

    width: 100%;

    height: 100%;

    background-color: black;

    opacity: 0.7;

}



#loader .box {

    width: 200px;

    height: 100px;

    background-color: #008bb1;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    left: 50%;

    top: 50%;

    margin-left: -100px;

    margin-top: -50px;

    position: absolute;

    text-align: center;

    color: white;

}



#loader .box .content {

    top: 50%;

    position: relative;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



#loader .box .content i {

    margin-bottom: 10px;

}



#loader .box .content span {

    display: block;

}



/*END LOADER*/

/*TOPMENU*/

#userBlock {

    display: none;

    text-align: right;

    background: #333;

}

.top-menu {

    padding: 10px 0;

}



.top-menu i {

    color: #fff;

}



.top-menu .userName {

    margin: 0 0 0 10px;

    font-size: 14px;

}



.top-menu .userName a {

    text-decoration: none;

    color: #fff;

}



/*END TOPMENU*/

/*NAV BAR*/

.nav {

    margin-top: 35px;

}



.navbar {

    margin: 0;

}



.navbar-toggle {

    padding: 0;

    margin: 35px 0 0;

}



.navbar-toggle span {

    font-size: 18px;

}



.navbar-toggle i {

    color: #666;

    vertical-align: middle;

    margin-right: 5px;

}



.nav > li > a {

    border-right: 1px solid #c2c2c2;

    color: #808080;

    font-size: 18px;

    text-decoration: none;

    padding: 0 20px;

}



.nav > li:last-child > a {

    padding-right: 0;

    border-right: none;

}



.nav > li > a:hover {

    background-color: white;

    color: #018cb3;

}



.nav > li.active > a {

    color: #018cb3;

}



/*END NAVBAR*/

/*FOOTER*/

#footer {

    background-color: #ebebeb;

    width: 100%;

}



.widget {

    height: 140px;

}



.widgetBlock {

    top: 50%;

    position: relative;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.widget .logoFooter {

    width: 181px;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}



.widget.right {

    text-align: right;

}



p#widgetText {

    font-size: 12px;

    margin: 0;

}



#widgetText i {

    margin-right: 10px;

    color: #808080;

}



#widgetText a {

    color: rgb(51, 51, 51);

}



#widgetText a:hover {

    color: #286090;

    text-decoration: none;

}



/*END FOOTER*/

/*INDEX.PHP*/

.forgot {

    text-align: right;

    margin-top: 20px;

}



.forgot a {

    font-size: 11px;

    color: white;

}



.forgot a:hover {

    color: black;

}



.formLogin {

    margin-bottom: 40px;

}



.intBlocco .testataBlocco {

    border-bottom: 1px solid #808080;

    padding-bottom: 20px;

}



.intBlocco .testataBlocco span {

    font-size: 18px;

    font-weight: 700;

    color: #018cb3;

}



.intBlocco #ico {

    vertical-align: bottom;

    margin-right: 10px;

    color: #808080;

}



.intBlocco form input {

    margin-bottom: 5px;
    font-size: 16px;
    color: #000;

}



.intBlocco .textContainer {

    margin-top: 20px;

}



.intBlocco .containerForm {

    padding: 20px;

    margin-top: 20px;

    background-color: #c2c2c2;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}



.intBlocco .login_button {

    margin-top: 30px;

}



.intBlocco .registerButton {

    margin-top: 20px;

}



.intBlocco .registerButton #iconBtnReg {

    margin-right: 10px;

}



.intBlocco .registerButton #iconBtnReg {

    vertical-align: middle;

}



/*END INDEX*/

/*REGISTRAZIONE*/

#testata {

    border-bottom: 1px solid #808080;

}



#testata #ico {

    margin-right: 10px;

}



#testata span {

    font-weight: 700;

    font-size: 18px;

    color: #018cb3;

}



#testata p {

    margin-top: 20px;

    margin-bottom: 30px;

}



#numberCircle {

    border-radius: 50%;

    width: 36px;

    height: 36px;

    padding: 8px;

    background: #008bb1;

    color: #fff;

    text-align: center;

    float: left;

    margin-right: 10px;

}



#titoloForm {

    font-weight: 700;

    font-size: 18px;

    color: #018cb3;

    line-height: 36px;

}



#contTitolo {

    margin: 20px 0;

}



.formGroup {

    margin-top: 20px;

}



.formTitle {

    font-weight: 700;

    margin-bottom: 10px;

}



.subLabel {

    margin-bottom: 20px;

}



.select2, .select2 input {

    width: 100% !important;

}



.select2-container--default .select2-selection--multiple {

    border: 1px solid #ccc !important;

}



.selection span {

    font-size: 14px !important;

    font-weight: 700 !important;

}



.select2-container--default .select2-selection--multiple .select2-selection__rendered {

    padding: 10px 10px 0 10px;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

    border: none;

    background-color: #008bb1;

    padding: 5px 10px 5px 5px;

    margin: 0 10px 5px 0;

    color: white;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice span {

    color: white;

    margin: 0 10px 0 5px;

}



.select2-selection__choice__remove:hover {

    color: red !important

}



.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background-color: #008bb1;

}



.select2-results__option {

    padding: 12px;

}



#privacy, #newsletter {

    margin-right: 10px;

}



.tableConfirm {

    width: 90%;

    margin: 0 auto;

    text-align: left;

    font-size: 12px;

}



.tableConfirm tr {

    vertical-align: top;

}



.tableConfirm p {

    font-size: 14px;

    margin: 20px 0;

}



.tableConfirm table td:first-child {

    font-weight: 700;

    width: 160px;

}



.specDiv {

    display: none;

}



/*END REGISTRAZIONE*/

/*AREA RISERVATA*/

.containerBox {

    margin-top: 30px;

}



.bigBox {

    width: 100%;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    text-align: center;

    padding: 0 20px;

    height: 200px;

}



.bigBox i {

    color: white;

    display: block;

    margin-bottom: 20px;

}



.bigBox span {

    color: white;

    font-size: 24px;

}



/*END AREA RISERVATA*/

/*INFO PERSONALI*/

.reservedArea {

    border-bottom: 1px solid #808080;

}



.reservedArea #testata {

    border-bottom: none;

}



.littleBox.selected {

    background-color: #adcc16

}



.littleBox {

    padding: 20px 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    height: 130px;

    width: 100%;

    margin-bottom: 30px;

}



.littleBox span {

    margin-top: 10px;

    display: block;

}



.alertChange {

    display: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    font-size: 10px;

    background-color: #d9534f;

    padding: 10px;

    text-align: center;

    color: white;

    position: fixed;

    bottom: 10px;

    right: 10px;

    z-index: 999;

}



/*END INFO PERSONALI*/

/*UPLOADER*/

.uploadifive-button {

    margin-right: 10px;

}



.uploadButton {

    display: none;

    border: 0;

}



.uploadButton a, .uploadButton a:hover {

    color: white;

    text-decoration: none;

}



.queue {

    border: 2px dotted #ccc;

    overflow: auto;

    margin-bottom: 20px;

    padding: 15px;

    width: 100%;

    background: url(../img/pattern_upload.png);

    display: table;

    height: 160px;

}



#msgUpload {

    font-size: 16px;

    font-weight: 700;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

}



.uploadifive-queue-item {

    background-color: #fff

}



/*END UPLOADER*/

.blocFile {

    margin: 1px 0;

}



#blocPuls #semLabel {

    display: table-cell;

    vertical-align: middle;

}



#blocPuls {

    padding: 15px;

    background: #333;

}



#blocPuls span {

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

    display: table-cell;

    width: 100%;

    padding: 0 15px;

}



#blocPuls .arrow {

    display: table-cell;

    vertical-align: middle;

}



#blocPuls a {

    color: #fff;

}



#blocContenitore {

    border-top: none;

    border-bottom: 1px solid #ccc;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    padding: 15px;

}



.blocSingolo {

    border-bottom: 1px dotted #000;

    padding-bottom: 20px;

}



.blocSingolo.fattura {

    border-bottom: 0;

    padding-bottom: 0;

}



.blocSingolo.last {

    border-bottom: none;

    padding-bottom: 0;

}



.blocSingolo .blocTitolo {

    margin: 10px 0;

}



.blocSingolo .blocTitolo i {

    margin-right: 10px;

    color: #018cb3;

}



.blocSingolo .blocLabel {

    font-style: italic;

    margin-bottom: 10px;

}



.blocSingolo .blocTitolo span {

    font-size: 18px;

    color: #018cb3;

}



#spacer {

    margin-bottom: 20px;

}



.table-area-professionale td:first-child {

    width: 40%;

}



.collapser {

    text-align: right;

    margin-bottom: 10px;

}



.collapser a {

    text-transform: uppercase;

    text-decoration: none;

}



.quickAccess ul {

    list-style: none;

    padding-left: 0;

    margin: 20px 0;

}



.quickAccess ul li:before {

    content: '\f0da';

    font-family: FontAwesome, serif;

    font-style: normal;

    text-decoration: inherit;

    padding-right: 0.5em;

}



.quickAccess ul li {

    margin-bottom: 7px;

}



.quickAccess ul li:last-child {

    margin-bottom: 0;

}



.quickAccess ul li a {

    text-decoration: none;

}



.quickAccess i {

    margin-right: 10px;

}



.quickAccess span {

    font-size: 16px;

}



/*END UPLOADER*/

/*SEMAFORO*/

.semaforo {

    display: -ms-inline-flexbox;

}



.semaforo i {

    display: inline

}



.semaforo .fa-circle {

    color: #666;

}



.semaforo .semRed {

    color: red;

}



.semaforo .semOrange {

    color: #f2aa04;

}



.semaforo .semGreen {

    color: #adcc16;

}



.semaforo .semBlue {

    color: blue;

}



.semaforo .fa.centralLight {

    margin: 0 3px;

}



/*END SEMAFORO*/

.nav > li:last-child .newsHL span {

    background-color: #008bb2;

    padding: 3px 23px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    float: right;

    margin-top: 5px;

    font-size: 12px;

    color: #fff;

    text-transform: uppercase;

    display: none;

}



.legenda {

    margin: 20px 0;

    font-style: italic;

}



.legenda span {

    color: red;

}



.btn-reinvio {

    margin-top: 20px;

}



#formStatoLavoro {

    display: none;

    margin-top: 10px;

}



#master {

    margin-bottom: 10px;

}



/*PRESTAZIONI*/

.m20 {

    margin: 20px 0;

}



.m20top {

    margin-top: 20px;

}



.tab_prestazioni thead {

    background-color: #008bb2;

}



.tab_prestazioni thead th {

    color: white;

    text-transform: uppercase;

    text-align: center;

}



.tab_prestazioni td {

    text-align: center;

}



.tab_prestazioni th#prest_t1, .tab_prestazioni th#prest_t2, .tab_prestazioni th#prest_t3, .tab_prestazioni th#prest_t4, .tab_prestazioni th#prest_t7, .tab_prestazioni th#prest_t8, .tab_prestazioni th#prest_t9 {

    width: 8%;

}



.tab_prestazioni th#prest_t5 {

    width: 22%;

}



.tab_prestazioni th#prest_t6 {

    width: 22%;

}



.tab_prestazioni #noActivities {

    padding: 10px;

}



.wrapperTable {

    position: relative;

    margin-top: 20px;

}



#loaderTable {

    display: none;

    width: 100%;

    height: 100%;

    position: absolute;

    background: rgba(255, 255, 255, 1) url(../img/ajax-loader.gif) no-repeat center center;

}



.titlePeriod {

    font-size: 16px;

    line-height: 30px;

}



.textPeriod {

    text-align: right;

}



.textPeriod span {

    border: 1px solid #ccc;

    background-color: #eee;

    line-height: 35px;

    padding: 9px 9px 8px 9px;

    text-transform: uppercase;

    color: #555;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    margin-right: -25px;

}



.textPeriod i {

    margin-left: 10px;

}



.btnSaveAll, .btnExportAll, .btnExportAllFatture {

    display: none;

}



.btnSaveAll i, .btnExportAll i, .btnExportAllFatture i {

    margin-right: 10px;

    color: #337ab7;

}



.meseDiPartenza {

    font-weight: 700;

}



.contLegenda, .contLegendaFatture {

    display: none;

}



.contLegendaFatture {

    margin-bottom: 20px;

}



.titoloLegenda {

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 20px;

}



.listaLegenda, .listaLegendaFatture {

    list-style: none;

}



ul.listaLegenda, ul.listaLegendaFatture {

    margin: 0;

    padding: 0;

}



.listaLegenda li .semaforo, .listaLegendaFatture li .semaforo {

    display: inline;

    margin-right: 10px;

}



.listaLegenda li, .listaLegendaFatture li {

    margin-bottom: 5px;

}



.listaLegenda li:last-child, .listaLegendaFatture li:last-child {

    margin-bottom: 0;

}



.hide-calendar .ui-datepicker-calendar {

    display: none;

}



.ui-datepicker .ui-datepicker-header {

    margin-bottom: 0.2em;

}



.datario .form-control[readonly] {

    background-color: white

}



#rightLabel {

    position: absolute;

    background-color: white;

    height: 30px;

    margin: 3px;

    padding: 6px 15px;

    width: auto;

    z-index: 10;

}



.iconCal {

    cursor: pointer;

}



.ui-datepicker {

    margin-top: -1px;

}



.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {

    top: 3px;

}



.ui-datepicker .ui-datepicker-prev {

    left: 4px;

}



.ui-datepicker .ui-datepicker-next {

    right: 4px;

}



/*END PRESTAZIONI*/

/*FATTURE*/

.tab_fatture thead {

    background-color: #008bb2;

}



.tab_fatture thead th {

    color: white;

    text-transform: uppercase;

    text-align: center;

}



.tab_fatture td {

    text-align: center;

}



.tab_fatture #noActivities {

    padding: 10px;

}



.tab_fatture th#fatt_t1, .tab_fatture th#fatt_t6, .tab_fatture th#fatt_t7, .tab_fatture th#fatt_t9, .tab_fatture th#fatt_t10 {

    width: 12%;

}



.tab_fatture th#fatt_t11, .tab_fatture th#fatt_t12 {

    width: 5%;

}



.tab_fatture th#fatt_t8 {

    width: 10%;

}



.tab_fatture th#fatt_t2, .tab_fatture th#fatt_t3, .tab_fatture th#fatt_t4, .tab_fatture th#fatt_t5 {

    width: 7%;

}



/*END FATTURE*/

/*NEWS*/

.servizi ul {

    list-style: none;

    padding: 0;

}



.servizi ul > li {

    padding-bottom: 15px;

    border-bottom: 1px dotted #ccc;

}



.servizi ul > li span.dataVideo {

    display: block;

    margin-top: 10px;

    margin-bottom: 5px;

    font-weight: 700;

}



.servizi ul > li span a{

    color: #008bb2;

    padding: 7px;

    text-transform: uppercase;

    font-size: 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    border: 1px solid #008bb2;

    text-decoration: none;

}



.servizi ul > li span a:hover {

    color: white;

    background-color: #008bb2;

}



.servizi ul > li:first-child span.dataVideo {

    margin-top: 0;

}



.servizi p.corpoVideo {

    margin-bottom: 20px;

}



.progress {

    margin-top: 10px;

    height: 30px;

}



.progress .progress-bar {

    line-height: 30px;

    background-color: #008bb1;

}



/*END NEWS*/

.selectAllRegioni {

    margin-top: 10px;

}



.selectAllRegioni a {

    text-transform: uppercase;

}



.ui-datepicker-multi .ui-datepicker-group {

    float: none;

    width: auto;

}



.ui-datepicker-multi {

    width: auto !important;

}



/*-------------------------------*/



.logo {

    background-image: url("../img/asset2.png");

    background-repeat: no-repeat;
	
	

}



.logo {

    background-position: -320px 0;

    width: 250px;

    height: 145px;

}



.logoFooter {
	background-image: url("../img/asset2.png");

    background-repeat: no-repeat;


    background-position: -772px 0px;

    width: 181px;

    height: 100px;

}



.btn.dropdown-toggle.btn-default {

    height: 34px;

}



.btn.dropdown-toggle.btn-default span {

    font-size: 14px;

    color: rgb(85, 85, 85);

    margin-top: 1px;

}



.selectBox {

    margin-bottom: 10px;

}



.sweet-alert {

    box-sizing: border-box;

    max-height: 100% !important;

    overflow-y: auto !important;

    padding: 0 17px 17px !important;

}



.sweet-alert:before {

    content: "";

    display: block;

    height: 17px;

    width: 0;

}



.d-flex {

    display: flex;

}



.justify-content-between {

    justify-content: space-between;

}



.align-items-center {

    align-items: center;

}



.modal .modal-header h4 {

    font-weight: 700;

}



.modal .modal-body ul {

    margin-bottom: 0;

}



.modal .modal-body ul > li {

    border-bottom: 1px dotted #ccc;

    padding: 10px 0;

}



.modal .modal-body ul > li:first-child {

    padding-top: 0;

}



.modal .modal-body ul > li:last-child {

    padding-bottom: 0;

    border: 0;

}



.modal .modal-body ul > li h3 {

    margin-top: 5px;

    margin-bottom: 15px;

}



.modal .modal-body ul > li p.corpoNews {

    margin-bottom: 15px;

}



.modal .modal-body ul > li span.dataNews {

    font-weight: 700;

}



.modal .modal-body ul > li button {

    margin-bottom: 15px;

}



.modal .modal-body ul > li:last-child button {

    margin-bottom: 0;

}



.single-news h3 {

    margin-top: 0;

    margin-bottom: 15px;

}



.single-news .dateNews {

    margin-bottom: 15px;

}



.single-news button {

    margin-top: 30px;

}



.truncate {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.allegato {

    background: orangered;

    width: 200px;

}



.allegato i,

.allegato span {

    color: white;

}



#cookieBanner {

    background: black;

    color: white;

    padding: 15px 0;

}



.inputfile {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}



.inputfile + label {

    max-width: 80%;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    padding: 10px 16px;

    color: #fff;

    background-color: #008bb1;

    border-radius: 6px;

}



.inputfile:focus + label,

.inputfile.has-focus + label {

    outline: 0;

}



.inputfile:focus + label,

.inputfile.has-focus + label,

.inputfile + label:hover {

    background-color: #286090;

}



.inputfile + label svg {

    width: 1em;

    height: 1em;

    vertical-align: middle;

    fill: currentColor;

    margin-top: -0.25em;

    margin-right: 10px;

}









.x-password-input-group {
    position: relative;
}

.x-password-input-group .x-password-eye-btn {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 34px;
    width: 34px;
    background-color: transparent;
    overflow: hidden;
    display: grid;
    place-items: center;
}

.x-password-input-group .x-password-eye-icon {
    width: 20px;
    height: auto;
    display: none;
}

.x-password-input-group .x-password-eye-icon:hover {
    fill: #008bb1;
}

.x-password-input-group .x-password-eye-icon--open {
    display: block;
}

.x-password-input-group.is-visible .x-password-eye-icon--open {
    display: none;
}

.x-password-input-group.is-visible .x-password-eye-icon--closed {
    display: block;
}