html,body{
height: 100%;
}
body{
margin: 0;
font-family: calibri, sans-serif;
font-size: 100%;
width: 100%;
}
@font-face {
    font-family: 'geosanslightregular';
    src: url('../fonts/geosanslight.eot');
    src: url('../fonts/geosanslight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geosanslight.woff2') format('woff2'),
         url('../fonts/geosanslight.woff') format('woff'),
         url('../fonts/geosanslight.ttf') format('truetype'),
         url('../fonts/geosanslight.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'calibri';
    src: url('../fonts/calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'calibri-bold';
    src: url('../fonts/calibrib.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'calibri-italic';
    src: url('../fonts/calibrii.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
span[style*="font-size:14px"]{
font-size: 0.9rem !important;
}
span[style*="font-size:18px"]{
font-size: 1.13rem !important;
}
span[style*="font-size:24px"]{
font-size: 1.5rem !important;
}
span[style*="font-size:30px"]{
font-size: 1.9rem !important;
}
span[style*="font-size:36px"]{
font-size: 2.25rem !important;
}
span[style*="font-size:48px"]{
font-size: 2.5rem !important;
}
span[style*="font-size:60px"]{
font-size: 2.75rem !important;
}
span[style*="font-size:72px"]{
font-size: 3rem !important;
}
span[style*="font-size:96px"]{
font-size: 4rem !important;
}
h1,h2,h3,h4,h5{
font-family: 'geosanslightregular';
font-weight: normal;
margin: 0;
color: #20224A;
}
h1{
font-size: 3rem;
}
h2{
font-size: 2.5rem;
}
h3{
font-size: 2rem;
font-family: calibri-bold, sans-serif;
}
h4{
font-size: 1.5rem;
font-family: calibri-bold, sans-serif;
}
h5{
font-size: 1.2rem;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
a{
text-decoration: none;
}
hr{
border: none;
border-top:1px solid #50A3D2;
width: 50%;
margin: auto;
text-align: center;
}
/* form */
input, textarea{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.registerform label{
color: #5F6379;
font-family: calibri, sans-serif;
padding: 8px;
border: none;
font-size: 1rem;
width: 80%;
margin: 1% auto;
display: block;
font-size: 1.1rem;
}
input[type="text"], input[type="password"], input[type="email"], select, textarea, input[type="date"], input[type="datetime-local"], input[type="number"], .profilestatus>div, .editform>div>span{
background-color: #E6E6E8;
color: #5F6379;
font-family: calibri, sans-serif;
padding: 8px;
border: none;
font-size: 1rem;
width: 80%;
margin: 1% auto;
display: block;
font-size: 1.1rem;
}
input[type="checkbox"]{
height:30px;
width: 30px;
}
input[type="submit"]{
background-color: #B8D8E7;
background-color:#50A3D2;
color: #fff;
padding: 10px;
text-align: center;
border: none;
cursor: pointer;
width: 80%;
margin: auto;
display: block;
text-transform: uppercase;
font-size: 1rem;
margin-bottom: 2%;
}
input[type="submit"]:hover{
background-color: #20224A;
}
textarea{
height: 120px;
background-color: transparent;
border: 1px solid #c8c9d0;
}
.checkbox_checked, .checkbox_unchecked{
background-color: transparent;
border: none;
cursor: pointer;
height: 30px;
width: 57px;
background-size: contain;
background-repeat: no-repeat;
margin-left: 10px;
}
.checkbox_checked{
background-image: url(../images/on.png);
}
.checkbox_unchecked{
background-image: url(../images/off.png);
}
div.buttonfile {
display: block;
margin:2% auto;
width: 80%;
height: 40px;
background: url(../images/plus.png) no-repeat;
background-size: contain;
}
div.buttonfile>input[type="file"] {
display: inline-block;
vertical-align: middle;
width: 20%;
height: 40px;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
}
div.buttonfile label{
display: inline-block;
color: #50A3D2;
line-height: 40px;
vertical-align: middle;
font-family: calibriB, sans-serif;
}
/* tabelle */
table{
color:#5F6379;
table-layout: fixed;
width: 90%;
margin: 0 auto 10% auto;
}
table td{
white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis; 
border-bottom: 1px dotted #5F6379;
}
table a{
color: #5F6379;
}
/* header */
header{
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-top: 1%;
height: 85%;
}
header.headerhome{
background-image: url(../images/homebg.jpg);
}
header .tophead{
width: 90%;
background-image: url(../images/bgw.png);
padding: 15px 5%;
position: relative;
}
header .tophead img{
display: block;
margin: auto;
max-width: 80%;
max-height:128px;
}
header .tophead-r>a{
margin-right: 15px;
}
header .tophead-r ul li{
display: inline-block;
padding: 15px;
text-align: center;
}
header .tophead-r ul li a{
padding:0 7px;
}
header .tophead-r a.current{
border: 1px solid #fff;
color: #fff;
}
header a{
color: #20224A;
font-size: 1rem;
}
header a:hover{
color: #fff;
}
header .titlehead{
width: 90%;
margin: auto;
text-align: center;
}
header .titlehead h2{
border-bottom: 2px solid #fff;
display: inline-block;
margin: 15px 0;
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 2rem;
}
header .subtitlehead h3{
margin: auto;
text-align: center;
color:#fff;
font-family: calibri, sans-serif;
width: 90%;
font-size: 1.5rem;
text-shadow: 1px 1px 1px #000;
}
header .logout{
margin: 5px 0 0 0;
text-align: right;
padding-right: 15px;
font-size: 1rem;
color:#20224A;
}
header .logout span{
display: inline-block;
vertical-align: middle;
}
header .logout form{
border: 1px solid #fff;
display: inline-block;
vertical-align: middle;
padding:2px;
margin-left: 5px;
}
header .logout input[type="submit"]{
background-color: transparent;
text-transform: lowercase;
text-align: right;
padding: 0;
margin: 0;
width: 100%;
font-family: calibri, sans-serif;
}
header .logout input[type="submit"]:hover{
color: #50A3D2;
}
.filebrowser_header{
height: 60%;
}
/* sezione principale */
.whitebg, .whitebg>div{
background-color: #fff;
}
.mainsection{
background-color: #F2F2F2;
}
.mainsection article form{
width: 90%;
margin: auto;
}
.mainsection p{
margin: 0;
width: 90%;
text-align: justify;
font-size: 1rem;
color: #5F6379;
margin: auto;
}
.mainsection ul{
width: 90%;
margin: auto;
}
.mainsection h1{
text-transform: uppercase;
text-align: center;
width: 90%;
margin:auto;
padding: 5% 0;
}
.mainsection h2{
font-family: calibri, sans-serif;
color: #50A3D2;
font-size: 1.2rem;
text-align: center;
width: 90%;
margin: auto;
padding-bottom: 5%;
}
.mainsection form, footer form{
padding: 2% 0;
}
.mainsection article ul{
list-style: square;
margin: 15px auto;
list-style-position: inside;
}
.errors, .confirm{
text-align: center;
font-size:1.5rem;
font-family: calibri-bold, sans-serif;
margin: 2% 0;
color: orange;
}
.secretq{
width: 79%;
display: block;
margin: auto;
font-size: 1.1rem;
color: #5F6379;
padding: 5px;
}
.sysuser, .templatemail, .yourcontacts{
padding: 2% 0;
}
/* filebrowser */
.filebrowsermain{
padding: 2%;
position: relative;
}
.filebrowsermain a{
color: #20224A;
}
.filebrowsermain h3{
display: inline-block;
vertical-align: middle;
font-size: 2rem;
}
.filebrowsermain .subdirs{
display: inline-block;
vertical-align: top;
width:60%;
}
.filebrowsermain .subdirs li{
position: relative;
display:inline-block;
vertical-align:middle;
margin-right:10px;
width:80px;
}
.filebrowsermain .subdirs li .filebrowser_rmdir input[type="submit"], .filebrowsermain .filebrowser_rm input[type="submit"]{
position: absolute;
top: -10px;
right: -10px;
background-image: url(../images/delete.png);
height: 15px;
width: 15px;
background-size: contain;
background-color: transparent;
}
.filebrowsermain .subdirs a{
background-image: url(../images/folder.png);
background-repeat: no-repeat;
height: 40px;
background-size: 50px;
display: block;
background-position: top center;
padding-top: 55px;
text-align: center;
margin-left: 15px;
color: #50A3D2;
}
.filebrowsermain .subdirs a:hover{
color: #B8D8E7;
}
.filebrowsermain .filebrowser_mkdir{
position: absolute;
top: 0;
right: 0;
width: 25% !important;
}
.filebrowsermain .subfiles{
background-color: #fff;
}
.filebrowsermain .filebrowser_image{
position: relative;
display: inline-block;
width: 20%;
margin: 15px;
text-align: center;
}
.filebrowsermain .filebrowser_image img{
width: 100%;
}
/* homepage */
.hometop{
width: 90%;
margin: auto;
padding: 2% 0 4% 0;
}
.boxlogin{
background-color: #fff;
}
.loginform .pwdrec{
background-image: url(../images/goto.png);
background-repeat: no-repeat;
background-position: center right;
padding-right: 20px;
width: 80%;
}
.mainhome article .imgleft p, .mainhome article .imgright p{
margin: 0;
width:100%;
}
.mainhome article .imgleft img, .mainhome article .imgright img{
width: 100%;
}
.mainhome article .textright, .mainhome article .textleft{
padding:2%;
}
.mainhome article.totw.whitebg, .contactverified article.totw.whitebg{
padding:5% 2%;
width:96%;
}
.contactverified article.totw.whitebg{
text-align:center;
}
article.textbottom{
padding: 2%;
}
article .textbottom p{
margin: 0;
}
.allangs li{
display: inline-block;
vertical-align:middle;
margin:5px;
}
.allangs img{
height:30px;
width:30px;
border-radius:50%;
}
/* pagine interne */
.howdoesitwork .whitebg{
text-align: center;
}
.howdoesitwork .whitebg>div{
padding:5% 2%;
}
.howdoesitwork .whitebg ul{
text-align: left;
margin: 15px 0;
list-style-position: inside;
}
.howdoesitwork .whitebg ul li{
list-style: square;
}
/* iscrizione */
.main, .secret, .terms, .zone, .profilestatus{
margin-bottom: 10%;
}
.terms, .checkcont{
width: 80%;
margin: 0 auto 10% auto;
}
.terms input{
display: inline-block;
vertical-align: middle;
}
.terms span{
display: inline-block;
vertical-align: middle;
width: 65%;
margin-left: 20px;
font-size: 0.9rem;
}
.terms a{
color: #50A3D2;
}
.g-recaptcha>div{
margin: 2% auto;
}
.pwdrec a{
font-size:1rem; 
display: block;
margin: 5% auto;
color: #20224A;
text-align: center;
}
.pwdrec a:hover{
color: #B2D5E6;
}
/* area personale */
.personalmenu{
margin: auto;
text-align: center;
padding: 5% 0;
}
.personalmenu li{
display: inline-block;
vertical-align: middle;
width: 22%;
margin: 0 5%;
background-repeat: no-repeat;
background-position: center top 20px;
background-size: 55%;
}
.personalmenu li a{
padding-top: 95%;
padding-bottom: 0;
display: block;
color: #50A3D2;
font-size: 0;
border: 2px solid #F2F2F2;
}
.personalmenu  .current{
border: 2px solid #B2D5E6;
}
.personalmenu.adminmenu li a{
color: #ffae00;
}
.personalmenu.adminmenu  .current{
border: 2px solid #ffae00;
}
.personalmenu .contacts{
background-image: url(../images/contatti.png);
}
.personalmenu .alerts{
background-image: url(../images/programma.png);
}
.personalmenu .exchangehistory{
background-image: url(../images/storico.png);
}

.personalmenu .users{
background-image: url(../images/users.png);
}
.personalmenu .mailtemplates{
background-image: url(../images/mailtemplate.png);
}
.personalmenu .adminexchangehistory{
background-image: url(../images/adminexchangehistory.png);
}
.personalmenu .admincontacts{
background-image: url(../images/users.png);
}

.personalmenu.stats li, h2.adminmenu{
	color:#20224A;
}
.personalmenu.stats li>div{
	font-size:2rem;
	font-weight:bold;
}

.personalmenu li a:hover{
border: 2px solid #B2D5E6;
border-radius: 2px;
}
.personalmenu.adminmenu li a:hover{
border: 2px solid #ffae00;
border-radius: 2px;
}
.addnew, .continue{
background-color: #B8D8E7;
color: #fff !important;
padding: 10px;
text-align: center;
border: none;
cursor: pointer;
width: 80%;
margin: auto;
display: block;
text-transform: uppercase;
font-size: 1rem;
margin-bottom: 5%;
}
.continue{
width: 40%;
}
.addnew:hover, .continue:hover{
background-color: #20224A;
}
.mainsection h4{
text-align: center;
width: 90%;
margin: auto;
color: #20224A;
}
/* contatti */
.checkcont{
margin-bottom: 0;
}
.checkcont input[type="checkbox"]{
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.checkcont label{
display: inline-block;
vertical-align:  middle;
color: #5F6379;
font-family: calibri, sans-serif;
}
.contactstable{
font-size: 0.8rem;	
}
.contactstable td{
text-align: center;
}
.contactstable td:nth-child(1){
width: 2em;
}
.contactstable td:nth-child(2){
width: 5em;
}
.contactstable td:nth-child(3){
display: none;
}
.contactstable .enabled input[type="submit"], 
.contactstable .disabled input[type="submit"], 
.contactstable .movedown input[type="submit"], 
.contactstable .moveup input[type="submit"], 
.contactstable td a{
border:1px solid #C8C9D0;
background-repeat: no-repeat;
background-position: center;
background-size: 60%;
height: 25px;
width: 25px;
background-color: transparent;
display: block;
}
.contactstable .enabled input[type="submit"]{
background-image: url(../images/enabled.png);
}
.contactstable .movedown input[type="submit"]{
background-image: url(../images/down.png);
border: none;
} 
.contactstable .moveup input[type="submit"]{
background-image: url(../images/up.png);
border: none;
}
.contactstable td a{
background-image: url(../images/mod.png);
border: none;
margin: auto;
}
.admincontactstable td:nth-child(1){
	width:10%;
}
.admincontactstable td:nth-child(2){
width: 2em;
}
.admincontactstable td:nth-child(3){
width: 5em;
}
.admincontactstable td:nth-child(5){
display: none;
}

.remove{
	float:right;
}
.remove input[type="submit"]{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 25px;
width: 25px;
background-color: transparent;
display: block;
background-image: url(../images/delete.png);
}


.verified{
width: 75%;
margin: 2% auto;
display: block;
background-image: url(../images/enabled.png);
background-repeat: no-repeat;
padding-left: 20px;
background-size: contain;
background-position: center left;
}
/* alert */
.alerthome{
color:#5F6379;
padding-bottom: 2%;
}
.alerthome .calendarnav{
text-align: left;
width: 90%;
margin: 5% auto;
position: relative;
}
.alerthome .calendarnav li{
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
}
.alerthome .calendarnav li:last-child{
position: absolute;
right: 0;
text-transform: lowercase;
}
.alerthome a{
color: #6A6A6A;
}
.alerthome h5 a{
color: #50A3D2;
text-decoration: underline;
}
.alerthome h5 a:hover{
color: #B8D8E7;
}
.alerthome table td{
text-align: center;
line-height: 3em;
}
.alerthome table td ul{
margin: auto;
width: 20%;
margin-top: -8px;
}
.alerthome table td ul li{
height: 3px;
margin-bottom: 1px;
}
.alerthome .othermonth a{
color: #ccc;
}
.alerthome .currentdate a, .alerthome .today a{
border: 2px solid #DC143C;
border-radius: 50%;
height: 2em;
width: 2em;
display: inline-block;
line-height: 2em;
}
.alerthome .today a{
border:2px solid #50A3D2 !important;
}
.alertform .checkcont{
clear: both;
}
.alertform #box_yearly, #box_weekly, #box_once{
width: 80%;
margin: auto;
}
.alertform label{
padding: 12px 0;
color: #5F6379;
width: 40%;
display: inline-block;
}
.alertform input[type="date"]{
width: 58%;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
}
.alertform .checkcont select, #box_yearly select{
display: inline-block;
vertical-align: middle;
width: 28%;
margin-left: 5px;
}
.alertform .bigselect select{
width: 58%;
}
#box_yearly{
margin: 10px 0;
}
#box_weekly label{
line-height: 30px;
padding: 0;
width: 30%;
display: inline-block;
vertical-align: top;
}
#box_weekly input[type="button"]{
background-color: #B8D8E7;
color: #fff;
width: 45%;
padding: 5px;
display: inline-block;
vertical-align: middle;
border: none;
margin: 5px;
cursor: pointer;
}
#box_weekly input[type="button"]:hover{
background-color: #20224A;
}
#box_weekly>div{
display: inline-block;
vertical-align: middle;
width: 45%;
margin: 5px;
}
#box_weekly>div input[type="button"]{
width: 100%;
}
#box_weekly span{
display: none;
}
.datecheckbox{
width: 100% !important;
}
.alertform input[type="submit"]{
margin-top: 5%;
}
.alerthome h4{
border-bottom: 1px dotted #21234A;
width: 90%;
margin: auto;
font-family: calibri, sans-serif;
color:#5F6379;
font-size: 1.2rem;
text-align:left;
text-transform: uppercase;
}
.alertlist{
width: 90%;
margin: 2% auto;
}
.alertlist li {
line-height: 2em;
margin:1%;
border: 1px solid #6A6A6A;
padding: 15px;
}
.alertlist li h5{
font-size: 1.1rem;
font-family: calibri-bold, sans-serif;
}
.alertlist .enabled{
background-image: url(../images/enabled.png);
background-size: 15px;
background-position: top 1% right 1%;
background-repeat: no-repeat;
}
/* verifica password */
.needsverify{
text-align: center;
}
.needsverify p{
text-align: center;
}
.needsverify h2, .contactnotverified h2, .contactverified h2, .pverified h2{
padding: 50px 0;
display: block;
font-size: 2rem;
font-family: 'geosanslightregular';
text-transform: uppercase;
}
.contactnotverified h2{
color: orangered;
}
.needsverify a{
font-family: calibri-bold;
color: #50A3D2;
font-size: 1.2rem;
margin: 1% 0;
display: block;
}
.needsverify a:hover{
text-decoration: underline;
}
/* backoffice */
.new, .back{
margin: 2% 5%;
background-image: url(../images/plus.png);
background-size: 40px;
background-repeat: no-repeat;
color: #50A3D2;
padding-left: 45px;
line-height: 50px;
display: block;
background-position: center left;
} 
.back{
background-image: url(../images/back.png);
}
.search{
margin: auto;
}
.search label{
display: block;
width: 70%;
margin: auto;
text-align: right;
background-image: url(../images/search.png);
background-size: 20px;
background-repeat: no-repeat;
background-position: center right;
padding-right: 25px;
color: #50A3D2;
line-height: 25px;
}
.userstable, section.sysuser>table{
font-size: 0.8rem;	
}
.userstable td, section.sysuser>table td{
text-align: center;
line-height:3em;
}
nav[rel="pagination"]{
margin: 40px auto;
text-align: center;	
}
nav[rel="pagination"] ul li{
width: auto;
}
nav[rel="pagination"] ul li a{
padding: 5px;
text-align: center;
min-width: 20px;
display: block;
border-radius: 3px;
margin: 5px;
background-color: #50A3D2;
color: #fff;
}
nav[rel="pagination"] ul li a:hover{
background-color: #20224A;
color: #fff;
}
.adminexchangehistory th{
text-align:left;
}
.adminexchangehistory th:nth-child(1){
width:100px
}
.adminexchangehistory th:nth-child(3){
width:90px
}
.adminexchangehistory th:nth-child(6){
width:100px
}
.adminexchangehistory th:nth-child(8){
width:90px
}
.adminexchangehistory td:nth-child(9) form{
margin:0;
width:100%
}
.adminexchangehistory td:nth-child(9) input{
width:100%
}
.adminexchangehistory td:nth-child(9) input[type="submit"]{
padding:5px;
font-size:0.8rem;
}
/* filebrowser */
.filebrowser_mkdir{
text-align: center;
}
.filebrowser_mkdir label{
color: #21234A;
background-image: url(../images/folder.png);
background-repeat: no-repeat;
background-size: contain;
line-height: 40px;
background-position: center left;
padding-left: 25px;
}
/* template email */
/* footer */
footer{
color: #5F6379;
font-size: 1rem;
}
.foot-row1{
background-image: url(../images/pattern.png);
padding: 4%;
text-align: center;
}
.foot-row2{
text-align: center;
padding: 4%;
}
footer h1{
text-transform: uppercase;
text-align: center;
width: 90%;
margin:auto;
padding: 5% 0;
}
footer h2{
text-transform: uppercase;
text-align: center;
width: 90%;
margin: auto;
}
footer a{
color: #5F6379;
}
footer a:hover{
color: #B2D5E6;
}

/* cookies */
.direttiva2009_136_CE{
background-color: #20224A;
border-top:2px solid #fff;
}
.direttiva2009_136_CE{
width:100%;
line-height:40px;
height: auto;
text-align:center;
}
.direttiva2009_136_CE span{
width:80%;
color: #fff;
margin-left:20px;
}
.direttiva2009_136_CE input[type=button] {
width:80px;
background-color:#000;
color:#fff;
height:25px;
cursor:pointer;
border:1px solid #fff;
margin:0 5px;
}
.direttiva2009_136_CE a {
text-decoration: none;
color: #B8D8E7;
}
.direttiva2009_136_CE a:hover {
text-decoration: none;
color: #fff;
}
.direttiva2009_136_CE input[value="X"]{
width:80px;
background-color:#000;
color:#fff;
height:25px;
line-height:25px;
cursor:pointer;
border:1px solid #fff;
margin-top:5px; 
text-align:left;
background-size: 20%;
padding-left: 5px;
background-image: url(../images/close.png);
background-position: center right 5px;
background-repeat:no-repeat;
color:transparent;
width: 25px;
background-size: contain;
background-position: center ;
}

.home_avviso{
	background-color:white;
	border: 1px solid #20224A;
	border-radius:15px;
	width:40vw;
	height: 40vh;
	position:fixed;
	top:50vh;
	left:50vw;
	padding: 5vh 5vw;
	margin-top:-25vh;
	margin-left:-25vw;
	z-index:96;
}
.home_avviso>div{
	margin-bottom:50px;
	width:100%;
	height:60%;
	overflow-y:auto;
}
.home_avviso>a{
	background-color: #20224A;
	color:white;
	height:25px;
	line-height:25px;
	cursor:pointer;
	margin-top:5px; 
	text-align:left;
	padding: 3px 5px;
	font-weight:bold;
	float:right;
}
.home_avviso_bg{
	position:fixed;
	z-index:95;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:#333;
	opacity:0.5;
}

.warninglink{
	float:left;
}
.personalcmds{
	text-align:center;
	padding:5px;
	border:1px solid #50A3D2;
	width:80% !important;
	margin:auto;
	margin-bottom:50px !important;
}

.personalcmds li{
	display:inline-block;
	width:auto;
	margin:5px;
	width:30%;
}
.personalcmds li:nth-child(1){
	width:100%;
}
.personalcmds form{
	width:auto !important;
}
.personalcmds input[type="submit"]{
	width:100%;
}
.personalcmds li span{
	margin:5px;
}

.alertremove{
	text-align: right !important;
	border: 0 !important;
}
.alertremove>a{
	color:#50A3D2;
}
.alertremove>a:hover{
	color:#D250A3;
}
.reciproci a{
	color:#50A3D2;
}
.reciproci a:hover{
	color:#D250A3;
}

.clock-wrapper{
	width:80%;
	margin:auto;
	height:3em;
	padding-bottom:0.7em;
}
.clock-wrapper>div{
	display:inline-block;
	vertical-align:top;
	position:relative;

}
.clock-wrapper label, .clock-wrapper select{width:100%;margin:1% 0;}
.clock-wrapper>div:nth-of-type(1){width:76%;}
.clock-wrapper>div:nth-of-type(2){width:20%;position:relative;}
.clock-wrapper svg{width:100%;height:6em;}


.analog-clock{padding:0.2em;}
.analog-clock>svg>circle{
    stroke:black;
    stroke-width:2px;
    fill:white;
}

.analog-clock-h-hand, .analog-clock-m-hand, .analog-clock-s-hand, .analog-clock-s-tail{
    stroke:black;
    stroke-linecap:round;
}

.analog-clock-h-hand{
    stroke-width:3px;
}

.analog-clock-m-hand{
    stroke-width:2px;
}

.analog-clock-s-hand{
    stroke-width:1px;
}

/* MENU MOBILE */
@media only screen and (max-width: 980px){
	.mobile-nav{
	height:8%;
	font-size:1em;
	background-image: url(../images/bgw.png);
	margin-top: 1%;
	position: relative;
	z-index: 999;
	}
	.mobile-nav .nscmsmenu li a{
	border:none;	
	}
	.mobile-nav .nscmsmenu{
 	width: 80%;
    height: 100%;
    line-height: 100%;
    margin: auto;
	}
	.mobile-nav .nscmsmenu ul{
	display:none !important;	
	}
	.mobile-nav ul:nth-child(1)::before{
	content:"";
	background-image:url(../images/mobile-nav.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size: 10%;
	line-height:100%;
	color:#6A6A6A;
	padding-right:5px;
	color:#6A6A6A;
	height:100%;
	width:100%;
	display:block;
	}
	.mobile-nav .nscmsmenu li{
	display: inherit;
	font-size: 1em;	
	border:1px solid #fff;
	display:none;
	background-color: #20224A;
	}
	.mobile-nav .nscmsmenu li a{
	padding: 0 10px;
	display: block;
	width: auto;
	color:#20224A;
	display:block;
	padding: 15px;
	color: #fff;
	}
	.mobileopen .nscmsmenu  li {
	display: block;
    margin-bottom: 0;
    color: #fff;
    background-size: initial;
	}
	.home_avviso{
	width:80vw;
	height:80vh;
	top:10vh;
	left:10vw;
	margin-top:-5vh;
	margin-left:-5vw;
	}
}
/* oltre 980 fino a 1024 */
@media only screen and (min-width: 981px){
	.personalcmds{
		text-align:center;
		padding:5px;
		border:1px solid #50A3D2;
		width:40% !important;
		margin:auto;
		margin-bottom:50px !important;
	}
	.personalcmds li{
		width:auto !important;
	}
	h1{
	font-size: 4rem;
	}
	h2{
	font-size: 3.5rem;
	}
	h3{
	font-size: 3rem;
	}
	h4{
	font-size: 2.5rem;
	}
	h5{
	font-size: 2rem;
	}
	span[style*="font-size:14px"]{
	font-size: 0.9rem !important;
	}
	span[style*="font-size:18px"]{
	font-size: 1.13rem !important;
	}
	span[style*="font-size:24px"]{
	font-size: 1.5rem !important;
	}
	span[style*="font-size:30px"]{
	font-size: 1.9rem !important;
	}
	span[style*="font-size:36px"]{
	font-size: 2.25rem !important;
	}
	span[style*="font-size:48px"]{
	font-size: 3rem !important;
	}
	span[style*="font-size:60px"]{
	font-size: 3.75rem !important;
	}
	span[style*="font-size:72px"]{
	font-size: 4.5rem !important;
	}
	span[style*="font-size:96px"]{
	font-size: 6rem !important;
	}
	header .tophead-r{
	position: absolute;
	right:5%;
	top:5%;
	}
	header .tophead-r a{
	display: block;
	text-align: right;
	}
	header nav ul{
	text-align: center;
	}
	header nav li{
	display: inline-block;
	padding: 15px;
	}
	header nav li a{
	color: #fff;
	}
	header nav li a:hover{
	text-decoration: underline;
	}
	header .titlehead h2{
	font-size: 4.5rem;
	width: 80%;
	margin-top: 10%;
	}
	header .subtitlehead h3{
	font-size: 1.5rem;
	}
	.filebrowser_header{
	height: 40%;
	}
	.nscmsmenu a:hover{
	border-bottom: 1px solid #fff;
	text-decoration: none;
	}
	.nscmsmenu .current{
	border-bottom: 1px solid #fff;
	}
	.mainsection h1, footer h1{
	padding-bottom: 0;
	}
	.mainsection .loginform, footer .loginform{
	text-align: center;
	}
	.mainsection .loginform input[type="text"], .mainsection .loginform input[type="password"], 
	footer .loginform input[type="text"], footer .loginform input[type="password"]{
	display: inline-block;
	width: 37%;
	vertical-align: middle;
	text-align: left;
	}
	.mainsection .loginform .pwdrec, footer .loginform .pwdrec{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	width: 39%;
	}
	.pwdrec a{
	margin: 1% auto 1% 5%;
	text-align: left;
	}
	.mainsection article .imgleft, .mainsection article .imgright, .mainsection article .textleft, .mainsection article .textright{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	max-height: 40%;
	}
	.mainsection article .textleft, .mainsection article .textright{
	width:46%;
	}
	.mainsection article.totw{
	clear: both;
	float: none;
	width: 100%;
	}
	.mainsection article.hometop{
	width: 60%;
	margin: auto;
	}
	.mainsection form, footer form{
	width: 60%;
	margin: auto;
	}
	.howdoesitwork article>div{
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	max-height: 40%;
	}
	.terms span{
	width: 80%;
	}
	.personalmenu{
	padding: 3% 0 8% 0;
	}
	.personalmenu li{
	background-size: 30%;
	}
	.personalmenu li a{
	font-size: 1.2rem;
	padding-top: 40%;
	}
	.personalmenu li a{
	padding-top: 95%;
	padding-bottom: 20px;
	display: block;
	color: #50A3D2;
	font-size: 1rem;
	border: 2px solid #F2F2F2;
	}
	.mainsection h4{
	font-size: 1.5rem;
	}
	article.textbottom{
	padding: 2% 20%;
	width: 60% !important;
	}
	.addnew{
	width: 70%;
	}
	table{
	color:#5F6379;
	table-layout: fixed;
	width: 70%;
	margin: 0 auto 5% auto;
	}
	.contactstable{
	font-size: 1rem;
	}
	.contactstable td:nth-child(2) {
    width: auto;
	}
	.contactstable td:nth-child(3) {
    display: table-cell;
	}
	.contactstable td:nth-child(5) {
	width: 3em;
	}
	.contactstable td:nth-child(6), .contactstable td:nth-child(7), .contactstable td:nth-child(8), .contactstable td:nth-child(9){
	width: 40px;
	}
	.admincontactstable td:nth-child(3) {
    width: auto;
	}
	.admincontactstable td:nth-child(5) {
    display: table-cell;
    width: auto;
	}
	.admincontactstable td:nth-child(6) {
	width: 3em;
	}
	.admincontactstable td:nth-child(7), .contactstable td:nth-child(8), .contactstable td:nth-child(9), .contactstable td:nth-child(10) {
	width: 40px;
	}

	.templatemailform input[type="text"], .templatemail textarea{
	width: 23%;
	margin: 1%;
	display: inline-block;
	vertical-align: top;
	}
	.alerthome .calendarnav{
	text-align: center;
	width: 60%;
	}
	.alertform #box_yearly, .alertform #box_monthly{
 	display: block;
    width: 48%;
    float: right;
    margin-right: 10%;
	}
	.alertform #box_yearly select{
	width: 45%;
	}
	.alertform #box_monthly select{
	width: 95%;
	}
	.alertform #box_weekly label{
	width: 40%;
	}
	.alertform .checkcont #box_once{
	
	}
	#box_weekly span{
	display: inline-block;
	}
	#box_weekly>div{
	width: 62%;
	}
	#box_weekly>div input[type="button"]{
	width: 50%;
	}
	#box_weekly input[type="button"]{
	width: 33%;
	}
	.alerthome h4{
	border-bottom: 1px dotted #21234A;
	width: 70%;
	margin: auto;
	font-family: calibri, sans-serif;
	color:#5F6379;
	font-size: 1.2rem;
	text-align:left;
	text-transform: uppercase;
	}
	.alertlist{
	width: 70%;
	margin: 2% auto;
	text-align: center;
	}
	.alertlist li {
	display: inline-block;
	width: 26%;
	line-height: 2em;
	text-align: left;
	}
	.userstable, section.sysuser>table{
	font-size: 1rem;
	width: 70%;	
	}
	.filebrowser_mkdir label{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	color: #21234A;
	background-repeat: no-repeat;
	background-size: 30px;
	line-height: 30px;
	background-position: center left;
	padding-left: 35px;
	width: 25%;
	text-align: left;
	}
	.filebrowser_mkdir input[type="text"]{
	display: inline-block;
	width:50%;
	}
	div.buttonfile {
	display: block;
	margin:2% auto;
	width: 80%;
	height: 40px;
	background: url(../images/plus.png) no-repeat;
	background-size: contain;
	}
	div.buttonfile>input[type="file"] {
	width: 8%;
	}
	div.buttonfile label{
	font-size: 1.3rem;
	}
	nav[rel="pagination"]{
	margin: 40px auto;
	text-align: center;	
	width: 30%;
	}
}',' 
/* oltre 1024 fino a 1280*/
@media only screen and (min-width: 1025px){
  	.personalmenu{
	font-size: 1.3rem;
	}
	.personalmenu li{
	background-size: 28%;
	}
	.alertform input[type="date"]{
	width: 58%;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	}
	.alertform .checkcont select{
	display: inline-block;
	vertical-align: middle;
	width: 28%;
	margin-left: 5px;
	}
	.alertform .bigselect select{
	width: 58%;
	}
	#box_yearly select{
	width: 48%;
	}
}
/* oltre 1280 fino a 1366*/
@media only screen and (min-width: 1281px){
	header{
	header:80%;
	}
	header .titlehead h2{
	font-size: 5rem;
	width: 70%;
	margin-top: 5%;
	}
	.mainsection form, footer form{
	width: 50%;
	}
	.personalmenu{
	padding: 0;
	padding-bottom: 5%;
	}
	.personalmenu li{
	background-size: 30%;
	width: 15%;
	}
	.contactstable{
	width: 60%;
	}
	.addnew{
	width: 60%;
	}
	footer .footer-l{
	display: inline-block;
	width: 45%;
	margin-right: 5%;
	}
	footer .footer-r{
	display: inline-block;
	width: 49%;
	text-align: center;
	}
	footer .footer-r span{
	display: block;
	font-size: 1.1rem;
	font-family: calibri-bold;
	}
	footer .footer-r span:first-of-type{
	font-family: calibri;
	}
	footer .foot-row2 .footer-l, footer .foot-row2 .footer-r{
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	margin: 0;
	}
	footer .foot-row2 .footer-c{
	display: inline-block;
	vertical-align: middle;
	width: 59%;
	text-align: center;
	}
}
/* oltre 1366 fino a 1440 */
@media only screen and (min-width: 1367px){
	.mainsection h1, footer h1{
	padding:3% 0 0 0;
	}
  	header .titlehead h2{
	font-size: 5rem;
	width: 50%;
	margin-top: 5%;
	}
	header .subtitlehead h3{
	font-size: 2rem;
	}
	input[type="submit"]{
	width: 80%;
	}
	.main, .secret, .terms, .zone, .profilestatus{
	margin-bottom: 5%;
	}
	.foot-row1{
	padding: 2% 4%;	
	}
}
/* oltre 1440 */
@media only screen and (min-width: 1441px){
	header .titlehead h2{
	font-size: 5.5rem;
	width: 60%;
	}
	.personalmenu li{
	background-size: 30%;
	width: 10%;
	}
	.personalmenu li a{
	padding-top: 45%;
	}
	.contactstable, .addnew, .userstable, section.sysuser>table{
	width: 50%;
	}
	.alertlist li{
	width: 20%;
	}
	.foot-row2{
	padding: 2%;
	}
	.alertform #box_weekly label{
	width: 20%;
	}
	.mainsection .loginform input[type="text"], .mainsection .loginform input[type="password"]{
	display: inline-block;
	width: 38%;
	vertical-align: middle;
	text-align: left;
	}
}