/* GLOBAL */
* {margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html, body {-webkit-text-size-adjust: none; height: 100%; margin: 0; padding: 0;}
body  {
	background-color:#dddddd;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333;
}
a, onClick  { cursor: pointer; outline: medium none; }
a:link, a:visited, a:active  {color: #4E83AB; text-decoration: none;}
a:hover { color: #3399CC; outline: medium none; text-decoration: none; }
ol, ul, li { list-style: none outside none; }
img { border: medium none; outline:none;}
.fisso { position: fixed!important; }
.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.hidden{display:none;}
.no_1024{ } /* hide in 1024 e inferiori */
.no_mobile{ } /* hide in 420 e inferiori */
.no_desktop{display:none;} /* hide in superiori a 1024 */

.bordogray{border-left:#CCCCCC solid 2px!important;}
.bordobluL{border-left:#0080c0 solid 2px!important;}
.bordoblu{border-left:#1976d2 solid 2px!important;}
.bordoorange{border-left:#ff8000 solid 2px!important;}
.bordogreen{border-left:#008000 solid 2px!important;}
.bordored{border-left:#c00000 solid 2px!important;}

.bggray{background-color:#CCCCCC!important;color:#000000!important;}
.bggraydark{background-color:#777!important;color:#FFFFFF!important;}
.bgblu{background-color:#1976d2!important;color:#FFFFFF!important;}
.bgbluL{background-color:#0077B5!important;color:#FFFFFF!important;}
.bgorange{background-color:#ff8000!important;color:#FFFFFF!important;}
.bggreen{background-color:#008000!important;color:#FFFFFF!important;}
.bgred{background-color:#c00000!important;color:#FFFFFF!important;}

.noacapo {white-space:nowrap;}
.PopUp{background-color: #FFFFFF; padding: 11px;}
.separaL{border-top:1px solid #CCC;}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
#LinkUp{
	width:33px; height:33px;
	position:fixed;
	bottom:11px; right:7px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	z-index:999;
	display:none;
	cursor:pointer;
	background:url(../img/newico/ic_expand_less_white_36dp.png) no-repeat scroll center center #1976d2;
	opacity:0.8;
}

.boxok{border:green solid 4px; padding:3px; background:#f2f2f2; text-align:center; color:#000000;}
.boxko{border:red solid 1px; background: #ffdede; text-align:center; color: red; line-height: 30px; min-height: 30px;}
.boxinfo{border:#CCCCCC solid 4px; padding:3px;; background:#f2f2f2; text-align:center; color:#333333;}
.BoxDebug{z-index: 99999; position: fixed; background: #000; bottom: 0px; color:#FFF; padding: 11px;}
.Riquadro{background:#ededed; float:left; margin:2px; padding:7px;}
.big {font: bold 18px Arial, sans-serif; color: #555;}
.medio {font: bold 15px Arial, sans-serif; color: #555;}
.small {font: 9px Arial, sans-serif; color: #555;}

.BgAlternato:nth-child(even)  {background: #FFFFFF;}
.BgAlternato:nth-child(odd)  {background: #F2F2F2;}

.BoxEvidenziato{
	border:#CCCCCC solid 1px; padding:8px; width:100%; margin-top:5px; background-color:#f2f2f2; border-radius:7px;
}

.font20{font-size:20px;}
.font19{font-size:19px;}
.font18{font-size:18px;}
.font17{font-size:17px;}
.font16{font-size:16px;}
.font15{font-size:15px;}
.font14{font-size:14px;}
.font13{font-size:13px;}
.font12{font-size:12px;}
.font11{font-size:11px;}
.font10{font-size:10px;}

.BoxTondo{border: #CCCCCC solid 1px; padding:5px; background-color: #f2f2f2; border-radius:8px;}

/* Wrapper */
#wrapper{
	width:100%;
	background: transparent url(../img/Logo_BackGroundWeb.png) no-repeat fixed right bottom / 75px auto;
}
.Overlayer{background-color:#000000; display:none; width:100%; height:100%; position:fixed;left:0; top:0;opacity:0;z-index:100;}
.OverlayerVisibile{opacity: .3!important; z-index:99998!important;}

/* header */
#header{
	width:100%; background-color:#fff; height:80px;
	position:fixed; top:0; left:0; display:block; z-index:1; /*.efixed */
}
.efixed #header{height:50px;}
#fasciatop{
	height:222px; width:100%; background-color:#0077B5; top:80px;  position:fixed;
}
.efixed #fasciatop{top:50px;}

#info_top {overflow: hidden; position: relative;}
#info_top ul li{float: left; border-left: #ebebeb solid 1px; padding: 0 15px; height: 50px; line-height: 60px; z-index: 2;}
#info_top .IcoUser { line-height: 50px; text-align: center; width: 222px;  }
#info_top ul li a { cursor: pointer; height: 100%; width:100%; display: block; }
#info_top ul li a:hover { opacity: 0.7; }
#info_top .dataora { font-size: 10px; line-height: 10px; padding-top: 3px; text-align: center; }
#info_top .dataora strong { font-size: 12px; }
#info_text { font-weight: bold; padding-top: 15px;}
#info_top .IcoUser img{
	height:30px; width:30px; border:1px solid #ccc; z-index:2;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	margin-right: 11px;
}
#info_top .FotoUser, .AvatarD{
	height:30px; width:30px; border:1px solid #ccc; z-index:2;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	margin-top: 9px;
}
#info_top .FotoUser a, .AvatarD a{display:block;width:100%;height:100%;}
#info_top #alarm, #info_top #message{position: relative;}
#info_top .ntfcount{position: absolute; background-color: red; font-size: 10px; text-align: center; top: 5px; left: 28px; width: 16px; border-radius: 8px; height: 16px; line-height: 16px; color:#FFF;}
#DS_BoxNotificheD {width:277px; position:fixed; top:50px; background-color:#FFF; z-index:900; overflow:auto; padding:5px; border:#CCC solid 1px;}
#MenuTopUser{
	width:272px;  border:#ccc solid 1px; background-color: #FFF;
	position: fixed; z-index: 103; top: 50px;
}
#MenuTopUser .BoxNome img{
	border: 1px solid #ccc;
	-webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;
	height: 90px;
	width: 90px;
}
#MenuTopUser .BoxNome{
	background-color: #ebebeb; padding: 10px;text-align: center;
	font-size: 17px; color:#000;
}
#MenuTopUser .InfoCds{font-size:12px; width: 100%; text-align: center; padding: 11px; background-color: #333; color: #FFF;}
#MenuTopUser .buttonG button.action .label{padding:0 3px !important;}
#MenuTopUser .buttonG button{margin:0!important;}

#nav{
	height:45px; width:100%; background-color:#0077B5;color:#FFFFFF;
	position:fixed; top:80px; z-index:1;
}
.efixed #nav{top:50px;}

/* footer */
#footer{}

/* Page */
.container{
	position: relative;
	/* max-width:1106px; */
	max-width:1506px; 
	margin:0 auto;
}
.FullWidth .container{width:99%;max-width: 99%;}
#page {
	background-color:#FFF; padding:125px 11px 11px 11px; box-shadow: -3px 0 7px -6px grey, 3px 0 7px -6px grey;
}
.PopUp #page {
	padding:0 11px 11px 11px;
}
.efixed #page {padding:106px 11px 11px 11px;}
#primary {
	width:calc(100% - 260px); border-right:1px solid #e0e0e0; padding-right:11px; padding-bottom:50px; position: relative;
}
.FullWidth #primary{width:100%;}
#primary .TitPage{margin-bottom: 11px;padding-left:93px;}
#primary .TitPage h1{
	display: inline-block;font-size: 22px;font-style: normal;font-weight: lighter;
	margin-bottom: 3px; padding-bottom: 0;padding-top: 12px;
	position:fixed; top:55px;color: #FFF;z-index: 1;
}
#primary h1{font-size:20px; color:#0077B5; font-weight:bold; display:block; margin-bottom:4px;}
#primary h2{font-size:16px; color:#777; font-weight:bold; display:block; margin-bottom:4px;}
#primary h2.TitElenco{font-size:20px; color:#0077B5; font-weight:bold; display:block; margin:0 0 4px 93px;}
#primary h3{
	color: #555;line-height:20px; display: block; font-size: 12px; font-style: normal; font-weight: lighter;
    margin: -8px 0 0; padding-bottom: 3px; padding-top: 0; position:relative;
}
#primary h3 label{color:#777; font-style: italic;}

#sidebar {width:250px;}
#sidebar_container {position:fixed;padding-top:11px;width:250px;top:125px;overflow:auto;z-index:101; background-color:#FFFFFF;}/*.efixed */
.efixed #sidebar_container {top:95px; }
#sidebar_container h2{color:#777777; font-size: 14px; border-bottom: 1px solid #ebebeb;}
/*.FullWidth #sidebar_container{position: static;}*/
#OpenSidebarD{
	background:url(../img/newico/ic_menu_white_24dp.png) no-repeat scroll center left transparent;
	position:absolute;right:0;top:10px;display:none; width:24px; height:24px;
}
#OpenSidebarD a{display:block; width:100%; height:100%;}

#DialogBox{display: none;}
#DialogBox .Opacizza{background:#000; height:100%; width:100%; position:fixed; z-index:99998; opacity:.5; top:0; left:0;}
#DialogBox .BoxContent{background:#FFF; height:222px; width:100%; position:fixed; z-index:99999; top:33px; left:0;}
#DialogBox .BoxContent .MainTable{min-width: 300px; width:100%; margin: 0 auto; text-align:center; height: 100%;}
#DialogBox #TestoD{font-size: 17px; padding: 11px 0;}

.fotodet{
	margin-left:13px; width:56px; height:56px;border:#ccc solid 0;
	border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px;
	position:fixed; top:67px; z-index:1;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.33);
	background-repeat: no-repeat!important;
	background-position: center center!important;
	background-color: #FFFFFF!important;
	background-attachment: scroll;
}
.fotodet img {
	max-width: 56px; max-height: 56px;
	border-radius: 28px;
}

.cerchietto{
    background: url("../img/mobile/icons-18-white.png") no-repeat scroll -253px -1px #333333;
    height:18px; width:18px;
    display:inline-block;
    border:#333333  solid 1px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    position:absolute;
    right:-5px;
    bottom:-5px;
}
.cerchietto.attivo{
    background-color:#8bc34a!important;
}
.cerchietto.nonattivo{
    background-color:red!important;
}

.ClickToDialD{
	position:relative;
}
.ClickToDialD .ClickToDialBox{
	display:none;
	position: absolute; left: 0; bottom: 20px;
	z-index: 1;
}
.ClickToDialD .ClickToDialContent{
	border:#757575 solid 3px;
	background-color:#e5e5e5;
	padding:11px;
	text-align:center;
	width:277px;
}
.ClickToDialD .ClickToDialBottom{
	background: url(../img/newico/ic_arrow_drop_down_grey600_24dp.png) no-repeat scroll -13px -19px #FFFFFF;
	width:24px; height:11px;
}
.dsPre{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;
}

/* per font-awesome */
.fGrey{color: #7d7d7d;}
.fGreyL{color: #bebebe;}
.fGreen{color: green;}
.fRed{color: red;}
.fBlu{color: #0077b5;}
.fWhite{color: #FFFFFF;}
.fOrange{color: darkorange;}
.faB{font-size:16px!important;}
.faB2{font-size:18px!important;}
/* end font-awesome */

.fancybox-inner{overflow: auto!important;}
/* asd */
@media (max-width: 1106px) {
	#page {width:99%;}
}
@media (max-width: 960px) { /* 1106px */
	.no_1024{display:none;}
	.no_mobile{}
	.no_desktop{}
	#page {position:relative; width:100%;}
	#sidebar{display:none;}/* margin-right:-275px; */
	/* .FullWidth #sidebar{display:block;} */
	#sidebar_container{background-color:#FFF; padding:11px 5px; border-left: #CCCCCC solid 1px;}
	.efixed #sidebar_container {right:0; }
	.container, .FullWidth .container{width:99%;}
	#primary{width:100%;border-right:none;padding-right:0;}
	#OpenSidebarD{display:block;}
}

@media (max-width: 420px) {
	.no_1024{}
	.no_mobile{display:none;}
	.no_desktop{}
	.container, .FullWidth .container{width:100%;}
    #page{padding:106px 0 0 0;}
	.PopUp #page {
		padding:0;
	}
	.efixed #page{padding-left:0; padding-right: 0;}
	.header_mini #info_top{display:none;}
	.efixed #OpenSidebarD {top:-35px; right:5px; background:url(../img/newico/ic_menu_grey600_24dp.png) no-repeat scroll center left transparent;}
	/*#primary .TitPage{margin-top:22px;padding-left:16px;}
	#primary .TitPage h1{padding-left:60px;}*/
	#primary{min-width:100%;}
	#primary h2.TitElenco{margin:0 0 4px 58px;}
	#LinkUp{bottom:40px;}
	.NoBarTop #page{padding: 55px 0 60px 0;}
	.NoBarTop #nav{top: 0;}
	.NoBarTop .fotodet{top: 15px;}
	.NoBarTop #primary .TitPage h1{top: 5px;}

}