html{
height:100%; margin:0px; padding:0px;
}
body{height:100%; margin:0px; padding:0px;}
i.fa{
fill: #c2cbd2;
color: #c2cbd2;
font-size: 25px;
}
.fa_top{height:40px;margin-top:10px;}
a.contattaci, .top_info{
height:40px; margin-left:10px;
font-size: 15px; color: #012c6d;
font-family: "Roboto", Sans-serif;
font-weight: 600;
}
.topinfomargintop{margin-top:10px;} .mc_menu_top{
background-color: #003366;
height:40px;
line-height:40px;
font-size:13px;
margin:20px 0px 0px 0px;
}
ul#top-menu{margin:-8px 0px 0px 0px; padding:0px;height:40px;}
ul#top-menu li{
margin:0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
height: 40px;
}
ul#top-menu li.active{
background-color: #FFF;
}
ul#top-menu li.active a{color:#003366;}
ul#top-menu li.dropdown a svg {height:15px; width:15px; margin-left:10px; display:inline; fill:#FFF;}
ul#top-menu li.dropdown:hover a svg {height:15px; width:15px; margin-left:10px; display:inline; fill:#003366;}
.navbar-nav li:hover .dropdown-menu {
display: block; margin-top:0px; padding-top:0px;
color:#003366;
}
.navbar-nav li:hover .dropdown-menu a{
color:#003366;
}
ul#top-menu li a{
margin:0px 0px 0px 0px; padding:0px;
color:#FFF; letter-spacing: 1px;
font-size: 15px;line-height: 40px;
font-weight: 400;
font-family: "Arial", Sans-serif;
height:40px;
}
ul#top-menu li:hover{background-color: #FFF;}
ul#top-menu li:hover a{color:#003366;}
ul#top-menu li:hover div.dropdown-menu a.dropdown-item{
height:30px;
font-size: 15px; line-height: 40px;
padding: 0px 0px 0px 00px;
color:#003366;
}
ul#top-menu li:hover div.dropdown-menu a.dropdown-item:hover {font-weight: 600;}
ul#top-menu li:hover div.dropdown-menu a.dropdown-item:active {background-color: #FFF;}
ul#top-menu li:hover div.dropdown-menu a.active {background-color: #003366; color:#FFF;}
.margin-top-20{margin-top: 30px;} footer.footer{
background-color: #222222;
color: #FFF;
}
div.footer-content{
font-size:12px; line-height: 12px;
padding:20px; padding-bottom: 20px;
}
div.footer-copy{
font-size:12px; line-height: 12px;
padding-bottom: 20px;
}
div.richiestaDemo{
margin:50px 0px 50px 0px;
min-height: 300px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div.header-contact{
margin:10px 0px 30px 0px; height:40px;line-height: 40px;
}
h4.header-contact{
font-family: Verdana; font-weight: bold;
font-size:18px; letter-spacing:1px; line-height: 40px; height:40px;
}
.margin-bottom-20{margin-bottom: 20px;}
textarea.descrizioneDemo{height:150px;}
button.bg-loffredo{background:rgba(0, 51, 102, 1); border:rgba(0, 51, 102, 1);font-weight:500;letter-spacing: 2px;}
h1.entry-title{color:#003366;margin-top:20px;margin-bottom: 20px;}
.entry-title a{color:#003366;margin-top:20px;margin-bottom: 20px;}
.secondo-titolo{margin-bottom: 40px;}
.sfondoFascia{background: #eeeeee;}
.fasciaHomePage{content: "";display: table;clear: both; display:100%;}
.colonna{
float: left;width: 33.33%;padding-left:20px;
}
article{margin-top:30px;}
.redBold{color:#FDCD00; font-weight: bold; letter-spacing: 2px;}
.boldUnread{font-weight: bold;}
.fasciaBox{
max-width: 1000px;
margin-right:auto;
margin-left:auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
-webkit-font-smoothing: antialiased;
background: #FFF;
content: "";display: table;clear: both; display:100%;
}
div.imgFrontPage{
width: 250px;
padding:20px 0px 20px 0px;
margin-left:auto; margin-right:auto;
}
div.bgBloccoHome{background: #f7f7f7;height:100%;min-height: 100%;}
div.textFrontPage{
padding:0px 20px 0px 20px;
color:#003366;
font-style: italic;
padding-bottom:20px;
}
.margin-top-30{margin-top:30px;}
div.textFrontPage h4{text-align: center; margin-bottom: 20px;font-size:30px; font-weight:bold;font-family: "Roboto", Sans-serif;font-style: normal;}
.fp-blocco-destro{padding-right:20px;}
.margin-top-100{margin-top:100px;}
.servizi-container {margin-left: auto; margin-right: auto;}
.servizi-container:after {content: "";display: table;clear: both;}
.colonna-sinistra, .colonna-destra{float:left; width:50%;}
.colonna-sinistra:after, .colonna-destra:after {content: "";display: table;clear: both;}
.icona-sinistra{float:left;}
.testo-sinistra{float:left; max-width:405px; margin-left:20px;}
.mtop-20{margin-top:20px;}
.profilo, .computer, .certificato, .report, .scadenziario, .chat, .video-chat, .microfono, .dati, .video-tutorial{width:100px;}
.link-home a:hover{text-decoration: none;}
.link-home a{color:#003366;}
.margio-top-20{margin-top:20px;}
.rigaUpload{margin-left:15px;}
.custom-file-input:lang(it)~.custom-file-label::after{content:"Sfoglia";}
table.loffredo tbody tr:hover{
background: #EEE;
cursor:pointer;
}
span.allegato{text-decoration: underline;cursor: pointer;}
span.allegato:hover{letter-spacing:1px; font-weight:bold;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-top-10{margin-top:10px;}
.nuova-nota{background: #f7f7f7; padding:20px;}
.margin-bottom-10{margin-bottom:10px;}
#apriDialogNota{color:#003366;}
.footer-loffredo{
position: relative;
left:0;
width:100%;
bottom: 0;
color: #222;
text-align: center;
}
.menu-sinistro{
background-color: #325c84; color: #FFF;
}
.benvenuto{
padding:40px 0px 0px 10px;
}
.mcmenu a{
color:#FFF;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 40px;
font-size:12px;
}
.mcmenu a:hover{text-decoration: none;}
.mcmenu {
width:100%;
padding-top:20px;
margin-left:0px;
}
.mcmenu .menu-item{
width:100%;
border-bottom: 1px #ccc solid;
}
.mcmenu:hover a{
letter-spacing:3px; font-weight:bold;
}
.icona-servizi-cloud{width:80px; margin:0px; padding:0px;}
.div-profilo-cloud, .div-tutti-documenti-cloud, .div-cloud-sicuro, .div-report, .div-scadenziario, .div-chat-privata, .div-incontro-virtuale, .div-aggiornamenti-fiscali, .div-dati, .div-tutorial{height:80px; padding-top:20px;}
.noteName{font-size:16px;}
.dataNoteLista{font-weight: normal;font-size:12px;}
.titoloTask{font-size:22px;font-weight:bold;line-height:22px;display:table;}
.descrizioneTask{line-height:30px;}
.taskNote{
background: #fefefe; margin-bottom: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding:10px;
}
.statoTask{font-weight:normal; font-size:12px; line-height:22px; display:table-cell; vertical-align:middle;}
.user-registration{border:none;}
a.forgot-password{color:#0056b3; font-weight: bold;}
a.link-registrazione{color:#0056b3;font-weight: 600;}
a.link-login{color:#0056b3;font-weight: 600;}
.ul-buoni-pasto li, .registratore-telematico li, .esterometro li{
padding:0px 0px 0px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
line-height:35px;
}
.entry-content img{margin:20px;}
.post-thumbnail img{margin:20px;}
.post{padding-bottom: 20px;}
i.download{margin:20px;font-size:153px;color:#0056b3;}
#post-18{padding-top:30px; padding-bottom:20px;}
#navbarSupportedContent{width:100%;margin:0px; padding:0px;}
.menuSmartphone{
background-color: rgba(0, 51, 102, 0.9);
margin:20px 0px 0px 0px; padding:0px;
width: 100%;
border: 2px solid; border-radius: 15px;
}
.navbar-collapse{width:100%; margin:0px; padding:0px;}
.mb-20-mobileRichieste{margin-bottom:20px;padding-bottom: 10px;}
.rigaElencoRichieste{margin-bottom: 10px; line-height:50px;}
.listaRichiesteTitolo{padding-bottom: 30px;}
div.rigaElencoRichieste:hover{
background: #EEE;
cursor:pointer;
}
.introLanding{font-size:25px; line-height: 55px;height:100%;vertical-align: middle; margin-top: 30px;}
.headerCalendario .col{
background-color: #486d92;
margin:20px;
border: 2px solid #ccc;
padding: 10px;
border-radius: 25px;
text-align: center;
color:#FFF;
font-weight: bold;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.headerCalendario .col:hover{background-color: #1b4774;}
.boxCalendario .col{
background-color: #486d92;
margin:5px;
border: 1px solid #dfdfdf;
padding: 20px;
text-align: center;
color:#FFF;
font-weight: bold;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.boxCalendario .col:hover{background-color: #1b4774; cursor:pointer;}
.boxCalendario .calendarioOccupato{background-color: #818a92;}
.boxCalendario .calendarioOccupato:hover{background-color: #818a92;cursor:default;}
.testo-richiesta-consulenza{padding:20px; font-weight: 600; letter-spacing: 2px; font-size: 18px;}
.dettaglio-appuntamento{font-weight: 600; letter-spacing: 2px; font-size: 16px;}
#msg_salvataggioOKConsulenza{font-weight: 600; letter-spacing: 2px; font-size: 18px;}
@media ( max-width : 1700px ) {
.logo{width:220px;padding-left:10px;}
}
@media ( max-width : 1590px ) {
.logo{width:220px;padding-left:10px;}
}
@media ( max-width : 1270px ) {
.logo{width:180px;padding-left:10px;}
}
@media ( max-width : 1199px ) {
ul#top-menu li a{
font-size: 13px;
height:40px;
}
}
@media ( max-width : 1100px ) {
.logo{display:none;}
}
@media (min-width: 1199.98px) {
div.icona-richiesta-demo{margin-left:140px;}
div.icona-richiesta-demo figure img{margin-top:-30px;}
}
@media ( min-width : 1000px ) {
.colonna{height:600px;}
}
@media (max-width: 991.98px) {
nav.navbar{width:100%;margin:0px; padding:0px;}
button.navbar-toggler{background: #FFF;}
ul#top-menu{width:100%; margin:0px; padding:0px;}
ul#top-menu li{
width:100%;
background-color:#f8f9fa;
color:#003366;
padding:0px; margin:0px;
}
ul#top-menu li a{
color:#003366;
margin-left:20px;
}
}
@media ( min-width : 900px ) {
.visibilitaMenu{display:none;}
}
@media (max-width: 800px){
.introLanding{font-size:25px; line-height: 45px;height:100%; margin-top:0px;padding-top:0px;}
.mcmenu a{
color:#FFF;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 25px;
font-size:12px;
}
.mcmenu a:hover{text-decoration: none;}
.mcmenu {
width:100%;
padding-top:20px;
padding-left:10px;
padding-right:10px;
}
.mcmenu .menu-item{
width:100%;
border-bottom: 1px #ccc solid;
}
.mcmenu:hover a{
letter-spacing:3px; font-weight:bold;
}
.mb-20-mobileRichieste{margin-bottom:20px;}
.rigaElencoRichieste{margin-bottom: 10px;}
.colonna{height:650px;}
.rigaElencoRichieste{margin-bottom: 20px; line-height:20px;}
}
@media ( max-width : 700px ) {
.colonna{
height:auto;
float:none;
width: 100%;
padding-left:20px;
}
.headerCalendario .col{
margin:10px;
padding: 5px;
border-radius: 15px;
}
}
@media (max-width:500px){
.icona-servizi-cloud{width:40px; margin:0px; padding:0px;}
.div-profilo-cloud, .div-tutti-documenti-cloud, .div-cloud-sicuro, .div-report, .div-scadenziario, .div-chat-privata, .div-incontro-virtuale, .div-aggiornamenti-fiscali, .div-dati, .div-tutorial{padding-top:10px;height: auto;}
}
@media (max-width: 450px) {
h4.header-contact{
font-size:16px;
}
}
.bold{font-weight: bold;}
.overflowHidden{overflow-x:hidden;}
.borderBtRichieste{border-bottom: 1px #ccc solid;}