/* STILI COMUNI */
	* {
		box-sizing: border-box;
		font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	}
	body {
		margin: 0;
		font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	}
	a:hover {color:#cc0000 !important;}

	.col_0 {width:100%}
	.col_1 {width:8.33%}
	.col_2 {width:16.67%}
	.col_3 {width:25%}
	.col_4 {width:33.33%}
	.col_5 {width:41,67%}
	.col_6 {width:50%}
	.col_7 {width:58,33%}
	.col_8 {width:66,67%}
	.col_9 {width:75%}
	.col_10 {width:83,33%}
	.col_11 {width:91,67%}
	.col_12 {width:100%}


	.chk-box {
		box-sizing: content-box;
	}
	a {
		text-decoration: none;
	}

	.fas, .far, .fa, .fab {
		margin-top:3px;
		font-size: 18pt;
	}
	#app-menu, .menu {
		display:block; 
		position:fixed; 
		top:0; 
		left:0;
		width:100%; 
		z-index:9999;
	}
	.breadcrumb {
		padding-left: 10px;
		box-sizing: border-box;
	}
	#tb_menu {
		border-spacing:5px; 
		height: 30px; 
		width:100%;
	}
	.mnu_btn {
		display:inline-block;
		padding:0 10px;
		box-sizing: border-box;
		width: 46px;
		height:30px;
	}
	.mnu_btn_i {
		display:inline-block; 
		position:relative; 
		top:4px;
		margin:-5px 5px;
		padding:4px 10px;
		font-size:1.25em; 
		text-indent:0;  
		border-radius:3px;
		border: 1px solid #aaaaff;
	}

/* stili per la schermata di login */
	.txt_box {
		cursor: text;
		padding: 5px;
		margin-bottom: 15px;
	}
	.btn {cursor: pointer;}
	.login-wrapper {
		display: table;
		margin: auto;
		margin-top: 100px;
		border: 5px solid #aaaaff;
		padding: 0px;
	}
	.login {
		display: table-cell;
		position:relative;
		text-align: center;
		width:100%;
	}
	.login_title {
		width: 100%; 
		padding: 10px 20px; 
		text-align: center;
		font-size: 1.2em;
		border:0;
	}
	.login-icon {
		color:#ccc !important;
		position:absolute;
		margin-left: 0.75em;
		margin-top:0.6em;
		font-size:1em !important;
	}
	#login_form {
		padding: 15px;
	}
	#user, #password, #submit {
		width: 15em;
		font-size: 1.1em;
		font-weight: bold;
		padding: 5px;
		padding-left: 1.5em;	}
	#submit {
		background-color: #9189ff;
		padding: 10px 0;
	}
	.login-wrapper p {
		margin:0;
	}

/* stili per il dialogo messaggi */
	.msg {
		width:100%;
		background-color: #f00;
		font-weight: bold;
		font-size: 1.2em;
		padding: 5px 0;
		margin:0;
	}
	.msg_container {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.msg_box {
		margin: auto;
		margin-top: 100px;
		width: 400px;
		height: 250px;
		text-align: center;
		background-color: rgb(191, 186, 240);
		border-radius: 10px 10px 0 0;
	}
	.msg_msg {
		vertical-align: middle;
		text-align: center;
		width: 100%;
		font-size: 1.2em;
	}
	.msg_title {
		background-color: rgb(108, 108, 255);
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		height: 24px;
		border-radius: 8px 8px 0 0;
	}
	.msg_button {
		height: 24px;
		font-weight: bold;
		color: #ffffff;
		background-color: rgb(0, 0, 255);
		cursor: pointer;
		text-align: center;
		vertical-align: middle;
	}
	.msg_button:hover {
		background-color: #ffffff;
		color: blue;
	}

/* stili per la prima pagina/menu */
	.first_item {
		display: inline-flex;
		/* float:left; */
		top:0;
		width: 200px;
		height: 200px;
		border: 0px solid rgba(0,0,255,0.5);
		border-radius: 5px;
		text-align: center;
		font-family: Tahoma, sans-serif;
		font-weight: bold !important;
		font-size: 1.2em;
		color: #000;
		position: relative;
		margin: 20px;
		overflow: hidden;
		padding:0;
		background-color: #ffaaaa !important;
	}
	.first_item:hover {
		background-color: #5555ff !important;
		color: #000;
	}
	.first_item a {
		text-decoration:none;
		cursor: pointer;
		border:0;
	}

/* stili per lo schermo ricerca missionari */
	.fnd-box {
		display: inline-block;
		font-size: inherit;
		/*height: 2.5em;*/
		padding: 5px;
		border: 1px solid #ddd;
		border-radius: 5px;
		background-color: #f6f6f6;
	}
	.fnd-item-wrap {
		margin: 1em 0;
	}
	.fnd-item-wrap #combobox1, 
	.fnd-item-wrap #combobox2, 
	.fnd-item-wrap #combobox3 {
		font-size: inherit;
		padding: 5px;
		border: 1px solid #ddd;
		border-radius: 5px;
		background-color: #f6f6f6;
	}

/* Stili risultati della ricerca missionari */
	.item-wrap {
		position:relative;
		display: inline-flex;
		border: 1px solid #000;
		padding-top:20px;
		width:220px; 
		height:280px;
		background-repeat:no-repeat;
		background-position:center; 
		background-size: cover;
		margin: 20px;
	}
	.item-box {
		position:absolute;
		top:0;
		left:0;
		/*display:table-cell;*/
		vertical-align:bottom;
		width:100%;
		height:100%;
	}
	.item-nome {
		position:absolute;
		width: 100%;
		text-align:center; 
		bottom:0;
		margin:0; 
		padding:4px 0;
		font-weight:bold; 
		background-color:#ffffffbf;
		min-height: 3em;
	}
	.item-cover {
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		cursor:pointer;
		background-color:#c8c8ff00;
	}
	.item-cover:hover {
		background-color:#c8c8ff80;
	}
	.item-edit {
		position:absolute;
		display:table;
		left:5px;
		top:5px;
		height:1.2em;
		width:1.2em;
		border: 0;
		text-align:center;
		background-color: #ffffff80; 
		border-radius: 50%;
		color: rgba(255, 0, 0, 0.5);
	}
	.item-edit:hover {
		background-color: #7dff7d; 
		color: rgba(255, 0, 0, 1);
	}
	.item-edit-testo {
		display:table-cell;
		height:100%;
		width:100%;
		text-align:center;
		vertical-align:middle;
		cursor:pointer !important;
		font-size: 2em;
	}

/* MOSTRA */
	.contenuto {
		display: block;
		width:100%;
		margin-left: auto;
		margin-right: auto;
		margin-top:80px;
	}

	.memb_pic {
		/*position: relative;*/
		float: right;
		position: relative;
		display:block;
		object-fit: cover; 
		top:0;
		left: auto;
		right: 0px;
		width: 220px;
		height: 280px;
		border: 0;
		margin: 20px;
		text-align:center;
	}
	.memb_pic img {
		width: 220px;
		height: 280px;
		object-fit: cover;
	}
	.memb_anagrafico {
		position: relative; 
		width:100%;    
		border: 1px solid #faa;
	}
	.memb_anagrafico p {
		/*font-size: 1.2em;*/
		padding-right: 20px;
		padding-left: 100px;
		text-indent: -80px;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		line-height: 1em;
	}

	.memb_anagrafico .valore {
		color: #00f;
		font-weight: bold;
	}

	.memb_anagrafico a {
		text-decoration: none;
		margin-left:1em; 
		cursor:pointer;
	}

	.tab_anagrafe {
		position: relative;
		width: 100%;
		margin: 0px;
		margin-top: 30px;
		border: 1px solid #faa;
		text-align: left;
	}

	.tab_anagrafe_wrapper {
		position: relative;
		padding:15px;
		margin:0;
		width:49.8%;
		display: inline-flex;
	}

	.tab_anagrafe p {
		margin:0;
		padding-left: 50px;
		text-indent: -50px;
	}

	.tab_anagrafe_testo {
		padding:20px;
	}

	.tab_anagrafe_titlo {
		text-align: center;
		font-size: 1.2em;
		background-color: #faa;
		padding: 5px;
		font-weight: bold;
	}

	.tocopy {
		cursor:pointer;
		padding: 5px;
		text-align:left;
		margin:5px;
	}
	.tocopy:hover {
		background-color: #aaf;
	}
	#tocopy_head {
		cursor: pointer;
	}

	.blocks_wrapper {
		display:inline-block; 
		box-sizing: border-box;
		width:260px; 
		height:170px; 
		padding: 20px; 
	}
	.blocks_table {
		width:100%;
		height:100%;
		overflow:hidden; 
		box-sizing:border-box; 
		border-radius: 5px;
	}
	.blocks_td {
		padding:0 20px; 
		text-align:center;
		vertical-align:middle;
		box-sizing:border-box;
	}
	.blocks_td:hover {
		background-color: #fde0e0;
	}

/* STILI per pulsanti checkbox e radio */

	/* Customize the label (the container) */
	.container {
		display: inline-block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 0.5em;
		cursor: pointer;
		font-size: 1.75em;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default checkbox */
	.container .field {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 1.5em;
		width: 1.5em !important;
		background-color: #fff;
		border: 1px solid #aaa;
	}

	/* On mouse-over, add a grey background color */
	.container:hover .field ~ .checkmark {
		background-color: #ccc;
	}

	/* When the checkbox is checked, add a blue background */
	.container .field:checked ~ .checkmark {
		background-color: #2196F3;
	}
	.container .field:checked ~ .nonattivo {
		background-color: #d4d4d4;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.container .field:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the checkmark/indicator */
	.container .checkmark:after {
		left: 0.5em;
		top: 0.1em;
		width: 0.3em;
		height: 0.8em;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.container .nonattivo:after {
		border: solid black;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

/* STILI PER SCHERMI RIDOTTI */
@media only screen and (max-width: 1176px) {
	.contenuto {
		margin-top: 105px;
	}
}
@media only screen and (max-width: 640px) {
	.tab_anagrafe_wrapper {
		width:100%;
	}
	.contenuto {
		margin-top: 130px;
	}
}
@media only screen and (max-width: 480px) {
	.tab_anagrafe_wrapper {
		width:100%;
	}
	.contenuto {
		margin-top: 170px;
	}
}

/* STILI PER PAGINA STAMPA */
@media only print {
	:root {
		font-size:10pt;
	}
	#CVitae {
		display:none;
	}
	body {
		font-size:10pt !important;
		margin: 0 !important;
		padding-top: 0 !important;
	}
	#dummyBody {
		position:relative;
		height:auto;
		width:auto
		overflow:auto;
		margin:0 !important;
		padding:0 !important;
	}
	.celebret {
		/*zoom:1 !important;*/
	}
	#tbl_lista {
		margin-left:0 !important;
	}
	.contenuto {
		margin:0 !important;
	}
    .menu, #menu_plchld, .breadcrumb, .item-edit, .memb_anagrafico .fas, .memb_anagrafico .far, .noprint {
        display:none !important;
    } 
	.tab_anagrafe_wrapper {
		width: 100%;
	}
    .tab_anagrafe {
        margin-top:0;
		page-break-inside: avoid;
    }
    .memb_anagrafico p {
        font-size: 100%;
    } 
	.memb_pic {
		width:220px;
		height:auto;
    } 
	.memb_pic img {
		width: 220px;
	}
    a {
        color:#000 !important;
    }
    .giub_tab {margin: 0}
    .giub_title {
		padding-top: 0 !important;
	}
}

/* Safari */
:-webkit-full-screen {
	background-color:#fff;
}

/* IE11 */
:-ms-fullscreen {
	background-color:#fff;
}

/* Standard syntax */
:fullscreen {
	background-color:#fff;
}