@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body {
	 background-color: #f6f6f645;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-size: 15px;
}

input, select, textarea{
	font-family: 'Roboto', sans-serif !important;
}

#top{
	background-color: #F6F6F6;
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../images/sf_top.png);
	background-repeat: repeat-x;
	background-position: top;
	min-width:10px;
	
}
#logo{
	float: none;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
	position:relative;
}
#logo img{
	width: 240px !important;
    height: auto !important;
}

.intestazionetabella td{
	background-color:#cee3ea;
}

.pager img{
	vertical-align:middle;
}

.pager input, .pager select{
	vertical-align:middle;
	border:1px solid #CCC;
	padding:5px;
	border-radius:10px;
}


#utente{
	position: absolute;
    line-height: inherit;
    text-align: right;
    margin-right: 30px;
    right: 0px;
    top: 0px;
}
#immagine_utente{
	float: right;
    margin-right: 10px;
    margin-top: 30px;
    height: 20px;
    width: 20px;
    background-image: url(../images/logo_utente.png);
    background-repeat: no-repeat;
    background-size: contain;
}


#nome_utente{
	float: right;
	    line-height: 80px;
	text-align: left;
	font-size: 14px;
}
#nome_utente a{
	font-size: 14px;
	color: #77C91F;
	margin-left: 20px;
	font-weight:bold;
}
#centro{
	float: left;
	width: 100%;
}
#centroInterno{
	width: 100%;
	float: left;
}
#contenutoInterno{
	margin: 20px;
}
#contenitore_box{
	padding-right: 6px;
    padding-left: 6px;
}
#campo_login{
	margin-top: 0%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 450px;
    font-size: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#campo_login .input{
	width: 450px;
    border: 0px;
    font-size: 15px;
    line-height: inherit;
    padding: 13px;
    height: auto;
    color: #FFF;
    background-color: #5DB511;
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-radius: 10px;
}
#campo_login .input:hover{
	background-color: #7AEA15;
}
.campi_testo{
	width: 420px;
    border: 0px solid #D6D6D6;
    margin-top: 10px;
    margin-bottom: 30px;
    height: auto;
    padding: 12px;
    font-size: 15px;
    border-radius: 10px;
	    background-color: #dbdbdb7a;
    color: #000;
}
.campi_textarea {
	width: 420px;
	border: 1px solid #D6D6D6;
	margin-top: 10px;
	margin-bottom: 30px;
	height: 150px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 15px;
}
.campi_select{
	width: calc(100% - 0px) ;
    font-size: 13px ;
    border-radius: 10px;
    border: 0px ;
    height: auto ;
    padding: 11px ;
    background-color: #FFF ;
    color: #000 ;
    line-height: inherit ;
    -webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    border: 1px solid #e6e6e6 ;
	margin:5px 0px 20px 0px;
}
footer#colophon{
	display: block;
	width: 100%;
	text-align: center;
	background: #F6F6F6;
	color: white;
}
#problemi{
	color: #707f86;
    background-color: #dbdbdb;
    line-height: auto;
    max-width: 550px;
    text-align: center;
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    font-size: 16px;
    border-radius: 10px;
	padding: 13px;
}
#problemi a{
	 color: #707f86;
    text-decoration: none;
}
#menu{
	background-color: #F6F6F6;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
}
#voci_menu{
	float: left;
	width: calc(100% - 0px);
}
#voci_menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#voci_menu li{
	list-style: none;
	float: left;
	line-height: 55px;
	text-align: center;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight:bold;
}
#voci_menu li:hover{
	background-color: #EBEBEB;
}
#voci_menu li.menuSel{
	background-color: #EBEBEB;
}
#voci_menu a{
	color: #707F86;
	text-decoration: none;
}
#pulsante_menu{
	float: right;
	background-image: url(../images/pulsante_menu.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 20px;
}
.box_vuoto{
	    float: left;
    background-color: #F6F6F6;
    height: 250px;
    width: calc( 20% - 6px);
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 5px;
}
.box_titolo{
	position: absolute;
}
.box_titolo_bottom{
	position: absolute;
	bottom: 15px;
	font-size: 15px;
	padding-right:15px;
}



#box_visualizzazioni,
#box_inserimenti,
#box_inserimento,
#box_ferie,
#box_malattie,
#box_rimborsi,
#box_attivita,
#box_operatori,
#box_commesse,
#box_tipo_comm,
#box_tipo_att,
#box_mezzi,
#box_utenti,
#box_figure,
#box_01,
#box_02,
#box_03,
#box_04,
#box_05,
#box_06
{
	width: calc(20% - 36px) !important;
    margin-right: 3px !important;
    margin-left: 3px;
}

#box_visualizzazioni{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/visualizzazioni.png);
	background-repeat: no-repeat;
	background-position: center 65px;
	cursor: pointer;
}
#box_inserimenti{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/inserimenti.png);
	background-repeat: no-repeat;
	background-position: center 65px;
	cursor: pointer;
}

#box_inserimenti.ico-nuova{

	background-image: url(../images/inserimenti-singolomultiplo.png) !important;

}
#box_inserimento{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/inserimento.png);
	background-repeat: no-repeat;
	background-position: center 65px;
	cursor: pointer;
}
#box_ferie{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/ferie.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_malattie{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/malattie.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_rimborsi{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/rimborsi.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_attivita{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/attivita.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_operatori{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/operatori.png);
	background-repeat: no-repeat;
	background-position: center 65px;
	cursor: pointer;
}
#box_commesse{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/commesse.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_tipo_comm{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/tipo_comm.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_tipo_att{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/tipo_att.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_mezzi{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/mezzi.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_utenti{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/utenti.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#box_figure{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/figure.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}
#indietro{
	float: left;
    width: 115px;
    height: 60px;
    background-color: #999999;
    background-image: url(../images/freccia.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5px;
    cursor: pointer;
    background-size: 20px;
}
#logo_pagina_inserimento{
	float: left;
    width: 115px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5px;
    background-size: 27px;
}



#box_01{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/2021/001-settings.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}

#box_02{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/2021/002-contract.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}

#box_03{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/2021/003-user.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}

#box_04{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/2021/004-email.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}

#box_05{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/2021/005-manager.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}

#box_06{
	position: relative;
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 15px;
	color: #FFF;
	background-image: url(../images/2021/analytics.png);
	background-repeat: no-repeat;
	background-position: center 75px;
	cursor: pointer;
}


.sottopagine #immagine_utente {
    margin-top: 19px;
}

.sottopagine #nome_utente {
    line-height: 59px;
}


#logo_pagina_inserimento .azzurro{
	background-color: #00BCE2;
}
.top_blu {
	background-color: #034C90;
}
.top_azzurro {
	background-color: #00BCE2;
}
.top_verde {
	background-color: #5DB511;
}
.top_arancio {
	background-color: #EB7126;
}
.top_giallo {
	background-color: #FFC40D;
}
.testo_blu {
	color: #034C90;
}
.testo_azzurro {
	color: #00BCE2;
}
.testo_verde {
	color: #5DB511;
}
.testo_arancio {
	color: #EB7126;
}
.testo_giallo {
	color: #FFC40D;
}
#titolo_pagina{
	    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 17px;
    padding-left: 20px;
}
.box_azzurro {
	background-color: #00BCE2;
}
.box_azzurro:hover {
	background-color: #3EDDFF;
}
.box_blu {
	background-color: #034C90;
}
.box_blu:hover {
	background-color: #046CCA;
}
.box_verde {
	background-color: #5DB511;
}
.box_verde:hover {
	background-color: #7CEA1A;
}
.box_arancio {
	background-color: #EB7126;
}
.box_arancio:hover {
	background-color: #EE894D;
}
.box_giallo {
	background-color: #FFC40D;
}
.box_giallo:hover {
	background-color: #FFD75B;
}
 
 


.box_1 {
	background-color: #ff8360;
}
.box_1:hover {
	background-color: #aaa9a9;
}

.box_2 {
	background-color: #FFC40D;
}
.box_2:hover {
	background-color: #aaa9a9;
}

.box_3 {
	background-color: #7dce82;
}
.box_3:hover {
	background-color: #aaa9a9;
}

.box_4 {
	background-color: #3cdbd3;
}
.box_4:hover {
	background-color: #aaa9a9;
}

.box_5 {
	background-color: #00ccc5;
}
.box_5:hover {
	background-color: #aaa9a9;
}

.box_6 {
	background-color: #8f6db0;
}
.box_6:hover {
	background-color: #aaa9a9;
}

.box_7 {
	background-color: #2589bd;
}
.box_7:hover {
	background-color: #aaa9a9;
}

.box_8 {
	background-color: #187795;
}
.box_8:hover {
	background-color: #aaa9a9;
}

.box_9 {
	background-color: #38686a;
}
.box_9:hover {
	background-color: #aaa9a9;
}

.box_10 {
	background-color: #153243;
}
.box_10:hover {
	background-color: #aaa9a9;
}

.dettaglio-commessa .bloccoDati2.testata{
	background-color:#F1F1F1 !important;
	padding:30px 30px;
}

.dettaglio-commessa .bloccoDati2.testata .input{
	background-color:#999 !important;
}

.dettaglio-commessa .bloccoDati2.testata .input:hover{
	opacity: 0.5;
}


	
.dettaglio-commessa .bloccoDati2.dettaglio-commessa{
	background-color:#eef2f6  !important;
	padding:30px 30px;
	border-top:3px solid #FFF;
}

.dettaglio-commessa .bloccoDati2.dettaglio-commessa h1{
	color:#137b90;
}

.dettaglio-commessa .bloccoDati2.dettaglio-commessa .input{
	background-color:#137b90 !important;
}

.dettaglio-commessa .bloccoDati2.dettaglio-commessa .input:hover{
	opacity: 0.5;
}



.dettaglio-commessa .bloccoDati2.attivita-selezionate{
	background-color:#1877951c  !important;
	padding:30px 30px;
	border-top:3px solid #FFF;
}

.dettaglio-commessa .bloccoDati2.attivita-selezionate h1{
	color:#115188;
}

.dettaglio-commessa .bloccoDati2.attivita-selezionate .input{
	background-color:#115188 !important;
}

.dettaglio-commessa .bloccoDati2.attivita-selezionate .input:hover{
	opacity: 0.5;
}



.dettaglio-commessa .bloccoDati2.risorse-selezionate{
	background-color:#1877951c  !important;
	padding:30px 30px;
	border-top:3px solid #FFF;
}

.dettaglio-commessa .bloccoDati2.risorse-selezionate h1{
	color:#115188;
}

.dettaglio-commessa .bloccoDati2.risorse-selezionate .input{
	background-color:#115188 !important;
}

.dettaglio-commessa .bloccoDati2.risorse-selezionate .input:hover{
	opacity: 0.5;
}

.table-row-valori{
	margin:0px;
}

.valoreInserito2 {
	font-size: 15px;
	color: #000;
	
	
	font-weight:bold;
}

.table-row-valori td{
	padding:10px;
	border-bottom:1px solid #CCC;
}

.table-row-valori-col{
	text-align:center;
} 

.dettaglio-commessa.FormattazioneForm2 {
	 padding: 0px !important;
}

.btn-modifica{
	    width: auto;
    border: 0px;
    font-size: 13px;
    line-height: inherit;
    padding: 10px 10px;
    height: auto;
    color: #FFF;
    background-color: #5DB511;
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-radius: 10px;
	
}


.campi_testo_corto2{
	
	
	border: 1px solid #D6D6D6;
	margin-top: 5px;
	margin-bottom: 5px;
	width:100px;
	padding: 10px;
	border-radius:5px;
	font-size: 15px;
	margin-left:15px;
	margin-right:5px;
	
	-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);

}

.description-small{
	font-weight: normal;
    width: 91%;
    display: inline-block;
    white-space: break-spaces;
}

.FormattazioneForm2 {
    font-size: 14px;
    margin-bottom: 30px;
    max-width: 900px;
    margin: 0px auto;
    padding: 30px 30px;
    border: 1px solid #CCC;
    background-color: #FFF;
    -webkit-box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%);
    box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%);
    border-radius: 4px;
	font-weight:bold;

}
.FormattazioneForm2 span{
    font-size: 13px;
    color: #000;
    vertical-align: text-top;
}


.FormattazioneForm2 input[type=checkbox],
.FormattazioneForm2 input[type=radio]{
	margin-top:10px;
}

.FormattazioneForm2 .cleditorMain{
	width:100% !important;
	margin-top:10px;
}

.FormattazioneForm2 .input{
	width: auto;
    border: 0px;
    font-size: 13px;
    line-height: inherit;
    padding: 10px 30px;
    height: auto;
    color: #FFF;
    background-color: #5DB511;
    text-align: center;
    text-decoration: none;
    display: inherit;
    cursor: pointer;
    border-radius: 10px;
	margin:0px auto;
}
.FormattazioneForm2 .input:hover{
	background-color: #7AEA15;
}

.FormattazioneForm .input{
	width: auto;
    border: 0px;
    font-size: 13px;
    line-height: inherit;
    padding: 10px 30px;
    height: auto;
    color: #FFF;
    background-color: #5DB511;
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-radius: 10px;
}
.FormattazioneForm .input:hover{
	background-color: #7AEA15;
}

.FormattazioneForm2 .campi_select{
	background-color: #F1F1F1 !important;
}

.FormattazioneForm2 .campi_testo{
	width: calc(100% - 22px) !important;
    font-size: 13px !important;
    border-radius: 10px;
    border: 0px !important;
    height: auto !important;
    padding: 11px !important;
    background-color: #F1F1F1 !important;
    color: #000 !important;
    line-height: inherit !important;
    -webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    border: 1px solid #e6e6e6 !important;
}


.FormattazioneForm2 .campi_testo_corto{
	width: calc(50% - 22px) !important;
    font-size: 13px !important;
    border-radius: 10px;
    border: 0px !important;
    height: auto !important;
    padding: 11px !important;
    background-color: #F1F1F1 !important;
    color: #000 !important;
    line-height: inherit !important;
    -webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    border: 1px solid #e6e6e6 !important;
}



.FormattazioneForm2.page-mod-commerssa input[type=checkbox], 
.FormattazioneForm2.page-mod-commerssa input[type=radio]{
	    margin-top: 0px;
}

.FormattazioneForm2.page-mod-commerssa  .campi_testo_corto{
	
	width:calc(100px - 22px) !important;
	margin-right:10px;
}

.valoreInserito {
	font-size: 15px;
	color: #000;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight:bold;
}
.totaleAttivita {
	font-size: 15px;
	color: #000;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}

.totaleAttivita table{
	background-color:#adc6dc;
}

.totaleRicavi {
	font-size: 15px;
	color: #000;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	border-top: 1px dotted #cccccc;
}
.bloccoDati {
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 20px;
	font-weight:normal;
}
.bloccoDati2 {
	background-color: #ffffff;
	padding: 10px;
	font-weight:normal;
}
.campi_check {
	color: #000;
	font-size: 14px;
}
.campi_testo_corto{
	width: 150px;
	border: 1px solid #D6D6D6;
	margin-top: 10px;
	margin-bottom: 30px;
	height: 50px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 15px;
}
.messaggio_errore {
	color: #F00;
	margin-bottom: 15px;
}
.rigaTabella {
	cursor: pointer;
}
.rigaTabella:hover td{
	background-color: #dfdddd  !important;
}
.scrittaRossa {
	color: #F00;
}
#filtri {
	margin-bottom: 20px;	
	float: left;
	width: 100%;
	clear: both;
	color: #000;
	font-weight: bold;
	font-size: 13px;
}
#filtri .input{
	border: 0px;
	font-size:25px;
	line-height: 50px;
	height: 50px;
	color: #FFF;
	background-color: #5DB511;
	text-align: center;
	text-decoration: none;
	display: block;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}
#filtri .campi_testo{
	width: 150px;
	border: 1px solid #D6D6D6;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 15px;
}

#filtri .campi_select{
	border: 1px solid #D6D6D6;
	height: 50px;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
}
#filtri #filtroPulsante {
width: auto;
    height: auto;
    background-color: #5db511;
    float: right;
    cursor: pointer;
    background-image: none;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #fff;
    margin-right: 0px;
    background-size: contain;
}
#filtri #esportaExcel {
	width: auto;
    height: auto;
    background-color: #F6F6F6;
    float: right;
    cursor: pointer;
    background-image: url(../images/pulsante_excel.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #666;
    margin-right: 10px;
    background-size: contain;
}
#filtri .pulsanteTop {
	    width: auto;
    height: auto;
    background-color: #5db511;
    float: right;
    text-align: center;
    cursor: pointer;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #fcfcfc;
    margin-right: 10px;
    border-radius: 10px;
    background-size: contain;
    margin-bottom: 10px;
}
#filtri .pulsanteTopLargo {
	    width: auto;
    height: auto;
    background-color: #5db511;
    float: right;
    text-align: center;
    cursor: pointer;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #fcfcfc;
    margin-right: 10px;
    border-radius: 10px;
    background-size: contain;
    margin-bottom: 10px;
}
#filtri #filtroForm {
	background-color: #f6f6f6;
    float: left;
    width: calc(100% - 40px);
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    margin-top: 15px;
    padding: 20px;
}


#filtri #filtroForm table {
	width:100% !important;
}



#filtri #filtroForm table td input{
	width: calc(100% - 22px) !important;
    font-size: 13px !important;
    border-radius: 10px;
    border: 0px !important;
    height: auto !important;
    padding: 11px !important;
    background-color: #FFF !important;
    color: #000 !important;
    line-height: inherit !important;
    -webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    border: 1px solid #e6e6e6 !important;
}

#filtri #filtroForm table td input.input{
	width: calc(100% - 0px) !important;
	background-color: #999999 !important;
    color: #FFF !important;
}

#filtri #filtroForm table td select{
	width: calc(100% - 0px) !important;
    font-size: 13px !important;
    border-radius: 10px;
    border: 0px !important;
    height: auto !important;
    padding: 11px !important;
    background-color: #FFF !important;
    color: #000 !important;
    line-height: inherit !important;
    -webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    border: 1px solid #e6e6e6 !important;
	
}


#filtri #filtroForm .campi_testo{
	font-size: 14px;
	padding-left: 5px;
}
#filtri #filtroForm .campi_select{
	font-size: 14px;
	padding-left: 5px;
}
.clearLeft {
	clear: left;
}
.inserimentoMultiplo{
	
}
.inserimentoMultiplo .messaggio_errore{
	font-size: 22px !important;
}
.multiploIntestazione {
	background-color: #F6F6F6;
    color: #000;
    height: auto;
    font-size: 13px;
    font-weight: 500;
	border: 1px solid #FFF;
    padding-left: 0;
	padding: 10px 4px 10px 4px;
}

.tabellaMultipli tr td input{
	padding:10px !important;
	background-color:#FFF !important;
	margin:0px !important;
	min-width:50px !important;
	height:auto !important;
	-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    border: 1px solid #e6e6e6 !important;
	font-size:13px !important;
	border-radius: 10px;
	background-color: #F1F1F1 !important;
}

.tabellaMultipli tr td select{
	padding:10px !important;
	background-color:#FFF !important;
	margin:0px !important;
	min-width:128px !important;
	-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 8%);
    border: 1px solid #e6e6e6 !important;
	font-size:13px !important;
	background-color: #F1F1F1 !important;
}

 .input {
    width: auto;
    border: 0px;
    font-size: 13px;
    line-height: inherit;
    padding: 10px 30px;
    height: auto;
    color: #FFF;
    background-color: #5DB511;
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-radius: 10px;
}

 .inputred {
    width: auto;
    border: 0px;
    font-size: 13px;
    line-height: inherit;
    padding: 10px 30px;
    height: auto;
    color: #FFF;
    background-color: red;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
}

.table-responsive{
	display:inline-block;
	width:100%;
	overflow-x:auto;
}

.floatLeft {
	float: left;
}
.secondoBottone {
	margin-left: 20px;
	margin-bottom: 20px;
}
#totaleOre {
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}
#totaleOre span{
	font-size: 25px;
	margin-left: 10px;
	margin-right: 10px;
}
.nomeUtente {
	font-size: 25px !important;
	font-weight: bold;
}
.emailRisorse {
	padding-left: 50px;
	font-size: 14px !important;
	cursor: pointer;
}
.emailRisorse img{
	vertical-align: middle;
}
.emailRisorse:hover {
	color: #5DB511;
}

.inner-name{
	display: inline-block;
}

@media only screen and (max-width: 816px) {

  #top{
	height: auto !important;
	min-width: auto !important;
  }
	
  #campo_login {

    width: calc(100% - 65px) !important;
  }
  
  .campi_testo {
   width: calc(100% - 24px)!important;
  }
  
  #campo_login .input {
    width: calc(100% - 0px) !important;
  }
  
  #problemi {
	max-width: calc(100% - 65px) !important;
  }
  
 



.box_vuoto{
	  display:none;
}

#box_visualizzazioni,
#box_inserimenti,
#box_inserimento,
#box_ferie,
#box_malattie,
#box_rimborsi,
#box_attivita,
#box_operatori,
#box_commesse,
#box_tipo_comm,
#box_tipo_att,
#box_mezzi,
#box_utenti,
#box_figure,
#box_01,
#box_02,
#box_03,
#box_04,
#box_05,
#box_06
{
	width: calc(50% - 36px) !important;
    margin-right: 3px !important;
    margin-left: 3px;
}


 
  
  
  #logo.logo-loggato{
	text-align:left !important;
}

#logo.logo-loggato img{
	width: calc(50% - 30px) !important;
}

#logo.logo-loggato .inner-name{
    display: inline-block;
    width: 73px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.inner-name{
    display: inline-block;
    width: 73px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

#logo_pagina_inserimento {
    width: 76px;
}

#indietro {
    width: 45px;
}

#titolo_pagina{
	display:none;
}

.secondoBottone {
    margin-left: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.floatLeft {
    float: left;
    width: 100%;
}

.FormattazioneForm .input{
	width:100%;
}

#logo.logo-loggato #nome_utente{
	line-height: 62px;
}


#logo.logo-loggato #immagine_utente{
	margin-top: 20px;
}

#logo.logo-loggato #nome_utente a {
    font-size: 14px;
    color: #77C91F;
    margin-left: 10px;
    display: inline-block;
    font-weight: bold;
    vertical-align: middle;
}
#voci_menu li{
width: calc(50% - 64px);
    border-bottom: 4px solid #FFF;
}

.FormattazioneForm2 .input{
	width:100%;
	margin-bottom:5px;
}

#filtri #filtroForm {
    background-color: #f6f6f6;
    float: left;
    width: calc(100% - 14px);
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    margin-top: 15px;
    padding: 7px;
}

#filtri #filtroForm table tr td {
	display:block !important; 
}

tr.intestazionifiltri{
	display:none !important;
}

.FormattazioneForm2 {
    font-size: 14px;
    margin-bottom: 30px;
    width: calc(100% - 60px);
}


#filtri .pulsanteTop {
	    width: calc(100% - 30px);
    height: auto;
    background-color: #5db511;
    float: right;
    text-align: center;
    cursor: pointer;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #fcfcfc;
    margin-right: 0px;
    border-radius: 10px;
    background-size: contain;
    margin-bottom: 10px;
	margin-top:10px;
}
#filtri .pulsanteTopLargo {
	    width: calc(100% - 30px);
    height: auto;
    background-color: #5db511;
    float: right;
    text-align: center;
    cursor: pointer;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #fcfcfc;
    margin-right: 0px;
    border-radius: 10px;
    background-size: contain;
    margin-bottom: 10px;
}

}



.dxpgFilterItemsArea_PlasticBlue {
    min-height: 250px!important;
}