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

body {
	font-family: 'Titillium Web', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial, sans-serif;
	/*background: #F5F7FA;*/
	background-color: #F5F7FA;
}

.sidebar-wrapper {
	/*transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);*/
	backface-visibility: hidden;
	color: #DCDCDC;
	background-color: #17343B;
	z-index: 1000;
	display: table-cell;
	width: 240px;
	min-height: 100%;
	/*transform: translate3d(0, 0, 0);*/
	-webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
	transition: transform .3s ease-in-out,width .3s ease-in-out;
}

.sidebar-fixed {
	position:fixed;
	top:5rem;	
	z-index:1000;
}

.sidebar-toggle {
	position: fixed;
	top: 18px;
	right: 10px;
	color: #fff !important;
	box-shadow: none;
	z-index: 1080;
	background-color: transparent;
	border: 1px solid transparent;
	font-size:2em;
}

.sidebar-toggle span {
	display: none;
}
.sidebar-shadow 
{
	box-shadow:0px 0 10px rgba(0,0,0,1);
}
/*.sidebar-hide*/
#VApp.toggled .sidebar-wrapper {
	opacity: 0;
	width: 240px;
	left: -240px;
}
.sidebar-hide { 
	/*transform: translate3d(0, 0, 0);
	transition: width .10s,opacity .10s,transform .10s;*/
}

	/* Sidebar menu */
	#sidebar .nav li a {
		color: #DCDCDC;
	}

#sidebar .nav-item a::before {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 1.2em;
	margin-right: 5px;
}

#sidebar .nav-item a:hover {
	text-decoration: none;
}
/****************** Ico menu **************/
a.user-data::before {
	content: "\f2bd";
}

a.show-profile::before {
	content: "\f007";
}

a.edit-profile::before {
	content: "\f044";
}

a.change-password::before {
	content: "\f084";
}

a.manage-notify::before {
	content: "\f0f3";
}

a.manage-doctor::before {
	content: "\f0f0";
}

a.logout::before {
	content: "\f08b";
}

a.back::before {
	content: "\f053";
}
a.vcard::before {
	content: "\f2bb";
}
/* End Sidebar menu*/



.fixed-top {
	position: fixed;
	z-index: 1050;
	right: 0;
	left: 0;
}

.app-content {	
	margin-top:5rem;
}
	.content-spaced {
		margin-left: 240px;
	}
	.app-content-full {
		margin-left: 0px !important;
	}
	
	.content-wrapper {
			padding: 2rem;
	}

.start-page{ background-color:#fff;}
.app-login{ padding:1em;}


/* briciole di pane */
#Where {
	margin-top: 20px;
	position: relative;
	display: none;
}

.breadcrumb, .table{
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;	
}
.breadcrumb > li + li::before{
	content: "/ ";
	padding: 0 5px;
	color: #ccc;
}
 
#Where {
	padding-right: 15px;
	padding-left: 15px;
	margin-top:10px;
}
/* end briciole di pane */

/* iPads (portrait and landscape) ----------- */  
@media screen and (max-width: 768px) {
	p, table, address, ul, ol, dl, fieldset, pre, #Where, div {
		font-size:0.80rem !important;		
	}	
	h1{font-size:1.5rem;}
	
	#Intestazione{
		height:3.6rem!important;
	}
	.app-content {
		margin-top: 3.6rem !important;
	}
	.logo {
		position:absolute;
		left: 50% !important;
		top: 0 !important;
		transform: translate(-50%,0);
		height: 3.6rem !important;
		animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
	}

	.logo p {
		
		padding:0px;
	}
		.logo p a {
			display: block;
			background: url(../images/logo.svg) 0px 0px no-repeat!important;
			height:60px !important;		
		}

	/*.sidebar-wrapper {
		opacity: 0;
		left: -240px;
	}*/

	#VApp.toggled .sidebar-wrapper {
		opacity: 0;
		left: -240px;
	}

	/*burger */
	.sidebar-toggle{
		left:1%;
		top:10px !important;
	}
	.sidebar-fixed {
		top: 3.6rem;
	}

	.app-content{
		margin-left:0px!important;
	}	

}

	#Intestazione {
		height: 5rem;
		background: #00A064;
	}

	#Intestazione {
		margin: 0px !important;
		padding-bottom: 0px !important;
	}

	.header-shadow {
		box-shadow: 2px 4px 20px -4px rgba(0,0,0,.15);
	}

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

		.logo p {
			display: block;
			height: 70px;
			width: 200px;
			padding:0px;
		}

			.logo p a {
				display: block;
				background: url(../images/logo.svg) 0px 0px no-repeat;
				height: 70px;
				width: 200px;
			}

				.logo p a span {
					display: none;
				}

	/*  */
	p, table, address, ul, ol, dl, fieldset, pre, #Where, div {
		font-size: 0.9rem;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #008d58;
	}

	h1 {
		font-size: 1.5rem;
	}

	h3 {
		font-size: 1rem;
	}

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



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

	#referti_anagrafica .button {
		color: #fff;
		background-color: #007bff;
		border-color: #007bff;
		border: 1px solid transparent;
		text-align: center;
		vertical-align: middle;
		padding: .375rem .75rem;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: .25rem;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}

	#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: #008d58;
	font-size: 16px;
	display: table;
	padding: 4px 0px 4px 4px;
	margin-bottom: 0px;
	width: 100%;
	font-weight: bold;
	border: 1px solid #ccc;
	
	/*border-bottom: 2px solid #008d58*/
}

	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;
		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;
			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 {
	content: "\f044";
	font-family: 'FontAwesome';
	margin-right:4px;
}
fieldset > legend:before, #userRegister h5:before, #form h5:before {
	display: block;
	height: 20px;	
	float: left;
}

	/* footer */
	#Footer {
		clear: both;
		text-align: center;
		background: #132035;
		padding: 10px;
		color: #c6c6c6;
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 2rem;
		/*margin-left:240px;*/
	}

		#Footer p {
			margin: 0px;
			padding: 0px;
		}
	/* end footer */

	#userRegister {
		width: 840px;
		margin: 20px auto;
	}

		#userRegister .info-vfm {
			display: none;
		}


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

	#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: 0px 0px 20px 0px;
	background-color: #ffffff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	/*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: #008d58;
	}

	.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;
		}

	#MainContentVapp {
		padding: 0px !important;
	}

	/***************** LOGIN **********************/
	.border-right {
		border-right: 1px solid #dee2e6 !important;
	}

	.page-control.login {
		padding: 14px;
		border-top: 1px solid #dee2e6;
		-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 .LoginControl ul li {
		list-style: none;
		text-align: center;
	}

	.LoginControl label, #referti_anagrafica label {
		font-weight: bold;
	}

	.LoginControl .btn-default {
		justify-content: right !important;
		display: flex;
		margin-top: 6px;
	}

		.LoginControl .btn-default:hover {
			text-decoration: underline !important;
		}

	.form-control {
		border: 1px solid #ced4da;
	}


	/***************** 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;
		}







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



	.tab {
		text-align: left;
	}

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

		.tab td,
		.tab th {
			border: 1px solid #e3e6f0;
			font-size: 0.9rem;
		}

		.tab td {
			background-color: #fff;
		}

	td.action::before {
		margin-right: 4px;
		font-family: 'FontAwesome';
		font-weight: normal;
		color: #0056b3;
	}

	td.go::before {
		content: "\f0f0";
	}
	/* medico */
	td.delete::before {
		content: "\f1f8";
	}

	td.details::before {
		content: "\f019";
	}

	.widgetTable {
		margin: 0px auto;
		width: 80%;
	}

	.clr {
		clear: both;
	}




	/***********************************/
	/* 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;
	}

	#Undo_LoginControl1 {
		margin-left: 10px;
	}

	@media only screen and (min-device-width: 768px) and (orientation: portrait) {
		#Undo_LoginControl1 {
			margin: 10px 0px !important;
		}
	}

	/* front-notify */

	.frontend-notify {
		width: 100%;
		/*height: 20%;
		top: 40%;
		left: 40%;
		position: fixed;
		z-index: 99;
		display: none;*/
		text-align: center;			
		/*border:1px solid red;*/
	}

		.frontend-notify .alert {
			font-weight: bold;
			width: 100%;
		}

		.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: 32px;
			position: absolute;
			top: 7px;
			right: 10px;
			/*width: 20px;*/
			/*color: #fff;*/
			cursor: pointer;
			padding:0px !important;
		}

	/* end front notify */

	#referti_anagrafica {
		padding: 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;
			}


	.at-main-container .info-vfm {
		padding-left: 20px;
		padding-right: 20px;
	}




.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	padding-right:24px;
	position: relative;
	z-index: 2;
}

.app-content .referto{
	/*width:320px;*/
}


.row.no-pad > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.user-profile h1 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #F2F2F2;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0px 4px 4px !important;
}
	.user-profile h1::before {
		content: "\f044";
		font-family: 'FontAwesome';		
	}

.user-profile .page-wrapper {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.user-profile .profile-image img {
	width: 200px !important;
	height: 200px;
	margin-bottom: 10px;
}

input.download::before {
	font-family: "Font Awesome 5 Free";
	content: "\f019";
}

.pagination{
	margin-left:10px;
	margin-bottom:10px;

}