/* Desktop ----------- */    

.logo {	 
	position:absolute;
	left:2%;
	top:10px;
	height:64px;
	width:200px;	
	z-index:100;
	transition: all 0.2s ease-in-out 0s;	
}

.logo p {
	display:block;
	height:64px;
	width:200px;	
}

.logo p a{
	display:block;
	background:url(../img/logo.png) 0px 0px no-repeat;
	height:64px;
	width:200px;	
}

.logo p a span{
	display:none;	
}

.logo a {
	-webkit-transition: All 0.3s ease 0s;
	-moz-transition: All 0.3s ease 0s;
    -ms-transition: All 0.3s ease 0s;
    -o-transition: All 0.3s ease 0s;
	transition: All 0.3s ease 0s;	
}

p, table, address, ul, ol, dl, fieldset, pre, #Where, div {
	font-size:13px;
}

h1, h2, h3, h4, h5, h6{ 
	color:#00ceba;
}

h3{
	color:#00ceba;
	font-weight: 300 !important;
	border-bottom: 1px solid #00ceba;
	font-size:16px;
	display:table;
	padding:4px 0px 4px 0px;
	width:100%;
}

#Intestazione {
	height:84px;
	background:#00ceba;	
}
#Intestazione{
	margin:0px !important;
	padding-bottom:0px !important;
}

#ColSX_IS {	
	background:#4a4b4f;	    
}

#ColSX_IS ol{
	margin:0px !important;	
}

#ColCX_Content_IS {	
	padding-left: 1%;
	padding-right: 1%;	
}
#ColCX_Content_IS:after {
	content: ".";
	display: block;
	height: auto;
	clear: both;
	visibility: hidden;
    background-color:#f2f2f2;
}

#ColSX_IS li {
	list-style:none !important;	
	padding:0px 0px 0px 0px;
}
#ColSX_IS li li {
	background:#4a4b4f;
	padding-left:20px;
}
#ColSX_IS a, #ColSX_IS li.depth-1 a{
	color:#FFFFFF;
}
#ColSX_IS li, #ColSX_IS li li {
	border-bottom:1px solid	#066742
}
#ColSX_IS li a, #ColSX_IS li li a {
	padding:10px 0px 10px 30px;	
	display:inline-table;
}
/* icone su menù */

#ColSX_IS li a:hover {		
	opacity:1;
	filter:alpha(opacity=100);
}
#ColSX_IS li.depth-0 {
	background-color:#0b8155;	
}
#ColSX_IS li.depth-0 a.back {
	background:url(../img/arrow-sx.png) 7px 10px / 20px 20px no-repeat ;	
}
#ColSX_IS li.depth-0.selected {
	background:#0b8155 url(../img/selected-1.png) 100% 9px no-repeat;
	opacity:1;	
}

#ColSX_IS ol > li.depth-0.selected > a {
	opacity:1 !important;
	color:#fff !important;	
}
#ColSX_IS li.depth-1.selected {
	background:#666666;
	opacity:1;	
}
#ColSX_IS ol > li.depth-1.selected > a {
	opacity:1 !important;
	color:#fff !important;		
}

#ColSX_IS li li a {
	background: url(../img/freccia_open.png) no-repeat scroll 12px 15px / 10px 10px transparent !important;	
}

.page_Control .ttitle {
-webkit-border-radius: 6px;
border-radius: 6px; 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #E7E7E7));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #F7F7F7 0%, #E7E7E7 100%);	
/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGN0Y3RjciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFN0U3RTciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NjUpIiAvPgo8L3N2Zz4=);

text-shadow: -1px 1px 0px #ffffff;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220, 220, 220, 1);
box-shadow: 0px 0px 0px 1px rgba(220, 220, 220, 1);
padding:10px; 
}

.content-container fieldset, #userRegister{
	background:#f2f2f2;
	margin-bottom:20px;	
	clear:both;
}

/*.pnocontent{
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	text-align: center;
}*/

#form.Axf ,
#form_search{
	padding:0px;	
	background-color: #f2f2f2 !important;
}

#form.Axf .submit-vf {
	clear: both;
	margin:10px 0px;
	float:right;
}

#form.login {
	background-color: #FFFFFF !important;
}

#modifica-profilo{
	background-color: #ffffff;
	padding:10px;
	margin-top: 10px;
}

.Axf {
	padding:10px;
	background-color: #FFFFFF !important;
}

#userRegister, #userRegister fieldset, #userRegister_user, #userRegister h5, #form h5 {
	margin-top:0px;	
}

#userRegister fieldset + fieldset +fieldset{
	background-color: #ffffff;
	margin: 50px 10px;
	height: 80px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

#userRegister fieldset + fieldset +fieldset > legend{
	
	position: relative;
	top: -35px;	
	margin-left: -10px;
	width: 102%;
}

#userRegister fieldset > input{
	float:right;
	margin-right: 10px;
	margin-top: 0px;
}

fieldset > legend {
	background-color: #F2F2F2;
	color:#00ceba;
	font-size:16px;
	display:table;
	padding:4px 0px 4px 4px;
	width:100%;
	font-weight : bold;
	border-bottom: 2px solid #00ceba
}

div.fieldset > div {
	padding: 10px;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

fieldset > #modifica-profilo {
	padding: 10px;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

div.fieldset > div:after,
fieldset > #modifica-profilo:after{
	width:100%;
	height:1px;
	display:block;
	overflow:hidden;
	content:" ";
}

.search fieldset > legend {
	background-color: #f2f2f2;
}
.fieldset > h3 {
	background-color: #F2f2f2;
    color:#4995ac;	
    font-size:16px;
    display:table;
    padding:4px 0px 4px 0px;
    width:100%;
	border-bottom: 2px solid #4995ac !important;
	font-weight : bold;
	cursor: pointer;
}

.fieldset > h3 > .ui-icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../img/freccia_azzurro_chiuso.png);
	background-color: #F2f2f2;
	background-repeat:no-repeat;
	background-position: 0px 2px;
}

.fieldset > h3.ui-state-active > .ui-icon{
	background-image: url(../img/freccia_azzurro_aperto.png);
}

.modify fieldset > legend {
	background-color: #f2f2f2;
}

.details fieldset > legend {
	background-color: #f2f2f2;
}

.content-inside{
	margin-top:20px;
}


fieldset > legend:before, #userRegister h5:before, #form h5:before
 {
	display:block;	
	height:20px;	
	content:" ";
	float:left;
}


#Footer 
{    			
	clear:both;	
	text-align:center;	
	background:#132035;		
	padding:10px;
	height:30px;
	color:#c6c6c6;
}
#Footer p{
	margin:0px;
	padding:0px;
}


#userRegister{
    width:840px;
    margin:20px auto;
}
/*
#userRegister label
 {
	width:25%;	
	font-size: 14px;
    font-weight: 400;
	padding-right: 16px;
	text-align: right;
	float:left;
}*/

#userRegister .info-vfm {
	display:none;
}
/*
#userRegister input[type="text"],
#userRegister input[type="password"],
#userRegister input[type="email"], 
#userRegister textarea,
#userRegister select,
#form input[type="text"],
#form input[type="password"],
#form input[type="email"], 
#form textarea
{
	float:left;
	width:70% !important;
}*/

/*#form select
{
	float:left;
	width:71.4% !important;
}*/

#userRegister .textbox-vf, #userRegister .dropdown-vf, #userRegister .checkboxlist-vf, #userRegister .radiobutton-vf,
#form .textbox-vf/*,#form .dropdown-vf, #form .checkboxlist-vf, #form .radiobutton-vf*/
 {
    margin: 0px;
	padding:5px 0px 5px 0px;
    border-bottom: 1px solid #efefef;
	/*float:left;*/
	clear:both;
	width:100% !important;
	/*display: inline-flex;*/
	
}

#form .dropdown-vf, #form .checkboxlist-vf, #form .radiobutton-vf{
	margin: 0px;
	padding:5px 0px 5px 0px;
    border-bottom: 1px solid #efefef;
	float:left;
	clear:both;
	width:100% !important;
	display: inline-block;
}

#userRegister select:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
#userRegister select { display: inline-block; } /* Hide from IE Mac \*/ 
#userRegister select { display: block; } /* End hide from IE Mac */

#form select:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
#form select { display: inline-block; } /* Hide from IE Mac \*/ 
#form select { display: block; } /* End hide from IE Mac */

fieldset > #changePassword,
fieldset > div,
fieldset > #modifica_anagrafica
 {
	margin: 10px 0px;
	background-color: #ffffff;
	/*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);*/
	/*padding:10px;*/
}

fieldset > #changePassword:after,
fieldset > #modifica_anagrafica:after,
div.Axf.modify > fieldset > div:after,
div.Axf.add > fieldset > div:after,
div.Axf.verify > fieldset > div:after  {
	width:100%;
	height:1px;
	display:block;
	overflow:hidden;
	content:" ";
}

fieldset > .Details{
	background-color: #f2f2f2;
	box-shadow: none;
	padding:0px;
	margin:0px;
}

.validatedfield .password-vf {
	margin-top: 10px;
	margin-bottom: 10px;
	padding:10px;
}

.mandatory-vfm {
	clear:both;
	padding:10px 0px 10px 10px;
	color: #00ceba;
} 

.DetailsContainer .row td.DetailsLabel 
{
	width:20%;	
	text-align:left;
}
.DetailsContainer strong.deactive,
.DetailsContainer strong.active {
	color:#fff;
	padding:1px 4px;	
	font-weight:400;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding:3px 6px;
}




/***************** Preloader **********************/

.vf-preloader {
	height: auto;
	padding-top: 8px;
}

.vf-preloader img{
	width: 35%;
}
.vf-preloader > h1 > span{
	display:none;
}

/***************** AlertPanel **********************/

#alertContainer{
	text-align:center;
}

.greenAlert{
	background-color: #90ee90 !important;
	border-color: #65844a !important;
	color: #65844a !important;
}

.yellowAlert{
	background-color: #eacc75 !important;
	border-color: #d3b362 !important;
	color: #d3b362 !important;
}

.redAlert{
	background-color: #993737 !important;
	border-color: #bc5050 !important;
	color: #bc5050 !important;
}

#alertContainer ul li{
	list-style-type: none !important;
} 


/* verificare se rimuoverli */

.InfoBoxItem{ 
	padding: 25px 0px;
	background-color: #ffffff;
	color: #666;
	font-size: 17px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.InfoBoxItem.Success{ 
	background-color: #82a567;
	color:#fff;
}

.InfoBoxItem.Error{ 
	background-color: #bc5050;
	color:#fff;
}

.InfoBoxItem.Notify{ 
	background-color: #eacc75;
	color: #fff;
}

/***************** Form elimination **********************/

.elimination_confirm{
	margin-top: 60px;
	text-align:center;
	height: 130px;
	background-color: #FFFFFF !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.elimination_confirm > legend {
	position: relative;
	top: -40px;
	text-align:left;
}

.elimination_confirm > p {
	
}

.elimination_confirm > input[name="confirm"]{
	margin-left: -1px;
}


/***************** LOGIN **********************/
#login-page #ColCX_Content_IS{
	width:100%;
	margin:0px auto;
	float:none;	
}

#login-page #SideContentVapp
{
	display:none;
}

#login-page #MainContentVapp{
	width:100%;	
}
/*
#LoginControl1 label{
	text-align:left;
	width:40% !important;	
	vertical-align: center;
}

#form label {
	width:18%;	
	vertical-align: center;
	font-size: 14px;
    font-weight: 400;
	padding-right: 16px;
	text-align: left;
	float:left;
}
*/
.page-control.login {
	margin:40px auto ;		
	padding:24px;
	background:#fff;
	border:1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

#login-page .page-control.login h3.title {
	-webkit-font-smoothing: antialiased;
	color: #7d1935;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
	text-align:center;
	border-bottom : none;
}

#login-page .page-control.login input[type="text"],
#login-page .page-control.login input[type="password"] { width:230px !important; }
#login-page .page-control.login #loginpostback_LoginControl1 {margin-left:18px;width:244px;}
#login-page #LoginControl1 ul li {list-style:none;text-align:center;}

/***************** Fine ***********************/

/***************** Activation Control***********************/

.pagecontrol.activationPage {
margin: 0px auto;
width: 300px;
height: 200px;
padding: 24px;
background: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.pagecontrol.activationPage h3.title {
	-webkit-font-smoothing: antialiased;
	color: #7d1935;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
	text-align:center;
	border-bottom : none;
}

.pagecontrol.activationPage div.content-container {
	text-align: center;
	font-size: 16px;
}

.pagecontrol.activationPage fieldset{
	background-color: #ffffff;
}

.pagecontrol.activationPage fieldset > legend{
	background-color: #ffffff;
	border: none;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.pagecontrol.activationPage a {
	display:none;
}


/***************** Fine ***********************/

/* iPads (portrait and landscape) ----------- */  
@media screen and (max-width: 768px) {
	p, table, address, ul, ol, dl, fieldset, pre, #Where, div {
		font-size:12px;		
	}

	#ColSX_IS, #Footer {
		width:200px;
	}

	#ColSX_IS li a, #ColSX_IS li li a {
		padding-left:20px;	
	}
}  

/*********************************************** */

.content-container > div > h3+div{
	text-align: center;
} 



.tab{
	text-align:center;
}

.tab thead th{
    background-color: #0b8155;
    color:#ffffff;
    font-weight: normal !important;
}

.widgetTable{
	margin: 0px auto;
	width:80%;
}
/*
.fascia
{
	width: 48%;
	margin: 1%;
	display: inline-table;
}
.fascia h3 span{
	font-weight: bold !important;
}

.fascia p{
	background-color: #ffffff;
	padding: 10px;
	height: 277px;
	margin-bottom: 50px !important;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	text-align: center;
}
*/



/* App Start Page*/
/*
.start-page{
    width: 680px !important;
}
*/
.app-info{
    /*float:left;
    width:400px; */   
}

.app-login{
    /*float:left;
    width:280px;    */
}

.clr{
    clear:both;

}

/****************** LOGIN **************/

.user-data{
	background:url(../img/Profilo_grigio.png) 7px 10px / 20px 20px no-repeat ;	
}

.show-profile, .edit-profile{
	background:url(../img/Modifica_profilo_grigio.png) 7px 10px / 20px 20px no-repeat ;	
}

.change-password{
	background:url(../img/Modifica_pw_grigio.png) 7px 10px / 20px 20px no-repeat ;	
}

.logout{
	background:url(../img/logout.png) 7px 10px / 20px 20px no-repeat ;	
}

/***********************************/
/* customizing medico reg form     */
/***********************************/
#userRegister .submit-vf, #userRegister .imageCap{
    text-align:center;
}


#userRegister .captcha-vf p{
    text-align:center;
}


/* custimizing change password*/

.content_is{
   width:98% !important;
}
.content_is .page-control.login
{
   width:480px !important
}

#changePassword .buttons-container{

    text-align:center;
}
#changePassword #changePassword_back{
    margin-left:6px;

}

#changePassword .info-vfm{
    margin-bottom:10px;
}


/* front-notify */

.frontend-notify{
    width:35%;
    height: 10%;
    top: 40%;
    left: 40%;
    position:fixed;
    z-index:99;
    display:none;
    text-align: center;
    margin:0;
    padding:10px;
}
.frontend-notify p{
    height:60px;
    overflow:hidden;
    padding:30px 0px 30px 0px;
    clear:right;
    font-size: 17px;
    color: #ffffff
}

.frontend-notify .attention{
    background-color: rgba(188,80,80,1.0);
    box-shadow: 0px 5px 5px rgba(120, 0, 0, 0.5);
}
.frontend-notify .success{
    background-color: #00ad6c;
    box-shadow: 0px 5px 5px #0b8155;
}

.frontend-notify .close{
    font-size:20px;
    position:absolute;
    top:8px;
    right:10px;
    width:20px;
    color:#fff;
    cursor:pointer;
}

/* end front notify */

#referti_anagrafica{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;}
	
	
/* password change page */
#ColCX{
	height: 800px !important;
	/*background-color:#f2f2f2;*/
}
#ColCX .refreshPWD_frontend{
	 width:500px;
	 margin:0px auto;
}
#ColCX .refreshPWD_frontend #changePassword{
	padding:10px !important;	
}
#ColCX .refreshPWD_frontend .validatedfield .info-vfm{display:none;}