.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	    padding-right: 20px;
    padding-left: 20px;
}

.row {
    margin-right: -5px;
    margin-left: -5px;
}

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

.form-control{
	border-radius: 4px;
}

.yellow	{
	background-color: yellow;
}

.user-panel>.info{
	position: relative;
	left: 0;
}

body.modal-open {
	overflow: hidden !important;
	position: relative
}

body:not(.login-page):before{
	content: "";
	display: block;
	position: fixed;
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
	width: 100%;
	height: 100%;
	z-index: 810;
	background: #fff url('../img/loader.gif') center center no-repeat;
	opacity: 0.95;
}

body.js_loaded:before{
	opacity: 0;
	visibility: hidden;
}

body *{
	font-family: 'Lato', sans-serif;
}

.login-page, .register-page {
	background: #ecf0f5;
}

.credits {
	position: fixed;
	bottom: 0;
	right: 10px;
}

.sub_header{
	color: rgba(213, 243, 255, 0.27);
	padding-top: 4px;
	padding-bottom: 4px;
	/*border-top: 1px solid rgba(213, 243, 255, 0.24);*/
}

.sidebar-menu{
	white-space: normal;
}

.sidebar-menu .treeview-menu>li.sub_header>a{
	padding-left: 5px;	
}

.treeview-menu .sub_header:first-child{
	/*border-top: none;*/
}

	.sub_header i{
		margin-right: 6px;
		display: none;
	}

.content-wrapper{
	min-height: calc(100vh - 101px);
}

label.error{
	color: #dd4b39;
	display: block;
	width: 100%;
	font-size: 80%;
	font-weight: normal;
	padding-top: 6px;
}

.red{
	color: #dd4b39;
}

.form-control.error,
.dropdown-toggle.error,
.modalita_contatto_options label.field-error{
	border: 1px solid #dd4b39;
	/*box-shadow: 0 0 14px 3px rgba(221, 75, 57, 0.5);*/
}

.form-control.error_check{
	border-color: #dd4b39 !important;
	/*box-shadow: 0 0 14px 3px rgba(221, 75, 57, 0.5) !important;*/
}


.field-error:not(.label_tipo_contatto) label.error{
	display: block !important;
}

.input-group-addon, .input-group-btn{
	vertical-align: top;
}

.input-group{
	margin-bottom: 15px;
}

.main_logo{
	display: block;
	margin: 30px auto;
/*	-webkit-box-shadow: 0 40px 80px -30px rgba(0,0,0,0.4);
	box-shadow: 0 40px 80px -30px rgba(0,0,0,0.4);*/
	border-radius: 4px;
	padding: 5px;
/*	background-color: #fff;*/
	max-width: 100%;
	width: 300px;
}

.logo-lg img{
	display: inline-block;
	vertical-align: middle;
}

.skin-blue .content-header{
	overflow: hidden;
}

.content-header h1{
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.compress_modal{
	margin-top: -2px;
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #30f;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .5;
	margin-right: 15px;
	outline: none;
}

.anim_modal,
.anim_modal .modal-header,
.anim_modal .modal-dialog{
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}



.modal_compress{
	background-color: transparent !important;
	transform: translateY(-30px);
	height: 87px;
	overflow-y: hidden !important;

}

	.modal_compress .modal-dialog{
		width: 680px;
	}

	.modal_compress .modal-content{
		/*background-color: rgba(255, 255, 255, 0.5);*/
	}

		.modal_compress .modal-header{
			padding-top: 12px;
			padding-bottom: 12px;
		}

		.modal_compress .modal-body,
		.modal_compress .modal-footer{
			height: 0;
			overflow: hidden;
			padding-top: 0;
			padding-bottom: 0;
		}

@media (max-width: 767px) {

	.modal_compress {	
		transform: translateY(-13px);
	}

	.modal_compress .modal-dialog{
		width: 100%;
	}
	
}

.backdrop_hide{
	opacity: 0 !important;
	pointer-events: none;
}

.modal_pagamenti_trattamenti {
	text-align: left;
}

	.trattamenti_col.expand__trattamenti_col .piano_list .row.obj_trattamento .modal_pagamenti_trattamenti .input-group{
		margin-bottom: 10px;
	}

	.row_piano_notes{
		margin-top: 15px;
	}

[class^="bg-"].disabled{
	opacity: .20 !important;
}

	.modalita_contatto_options label,
	label.styled_label{
		background-color: #f4f4f4;
		color: #000;
		border-radius: 40px;
		cursor: pointer;
		display: block;
		font-size: 16px;
		min-height: 30px;
		line-height: 1.9;
	}

	label.styled_label{
		width: 50px;
		text-align: center;
	}

		.label_non_ricontattare{
			margin-top: 5px;
			background-color: #d15959 !important;
			color: #fff !important;
		}

		.modalita_contatto_options label label{
			display: none !important;
		}

		.modalita_contatto_options label i{
			display: inline-block;
			width: 16px;
			text-align: center;
		}

.giorni_appuntamento select,
.giorni_richiamo select{
	width: calc(100% - 47px);
	float: left;
}

.giorni_appuntamento .form-group:after,
.giorni_richiamo .form-group:after{
	display: block;
	content: "";
	clear: both;
}

.giorni_appuntamento .form-group:nth-child(6) .btn_addgiornoAppuntamento,
.giorni_richiamo .form-group:nth-child(6) .btn_addgiornoRichiamo{
	display: none;
}

/* FIX */

.col-xs-6.bootstrap-timepicker{
	width: 50%;
}

.help-block {

	color: #77c3d6;
}

.data_table[data-datatable="model4"] thead tr th:nth-child(5),
.data_table[data-datatable="model4"] tbody tr td:nth-child(5){
	
}

table.dataTable thead > tr > th {
	padding-right: 9px;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after{
	font-size: 75%;
}

.table.compact > thead > tr > th, .table.compact > tbody > tr > th, .table.compact > tfoot > tr > th, .table.compact > thead > tr > td, .table.compact > tbody > tr > td, .table.compact > tfoot > tr > td{
	padding: 8px 2px;
	font-size: 90%;
}

table.compact thead > tr > th{
	line-height: 1;
}

.table-container{
	display: block;
	width: 100%;	
	
	height: auto;
	position: relative;
	
}

.table_clickable tr,
.table_modal tr{
	cursor: pointer;
}

	.table_modal .modal{
		cursor: default;
	}

.table-striped>tbody>tr.bg-danger{
	background-color: #f2dede;
}

.table-striped>tbody>tr.bg-success{
	background-color: #dff0d8;
}

.ricontatto_results{
	cursor: default;
}

.ricontatto_results i{
	cursor: pointer;
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	position: relative;
	background-color: #000;
	color: #fff;
	border-radius: 50%;
	margin-right: 2px;
	padding-top: 7px;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0,0,0,1);
	box-shadow: 0 6px 12px -6px rgba(0,0,0,1);
	overflow: hidden;
	vertical-align: middle;
}

.ricontatto_results b{
	margin-right: 10px;
	font-size: 12px;
}

.ricontatto_results i:hover{
	transform: scale(1.2,1.2);
}

.ricontatto_results i:before{
	position: relative;
	z-index: 3;
}

.ricontatto_results i:after{
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #000;
	opacity: 0;
}

.ricontatto_results i:hover:after{
	opacity: 0.35;
}

	.ricontatto_results i.fa-whatsapp{
		background-color: #006A4E;
	}

	.ricontatto_results i.fa-phone{
		background-color: #1abc9c;
	}

	.ricontatto_results i.fa-mobile-phone{
		background-color: #3498db;
	}

	.ricontatto_results i.fa-envelope{
		background-color: #a569bd;
	}


@media (max-width: 880px) {

	.table-container{
		overflow-x: auto;
		overflow-y: hidden;
		
	}
	
}

	.table-container > div{
		min-width: 600px;
	}
	
.addedLink{
	word-break: break-all;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 20px !important;
		color: #0093ff;
}

.trattamenti_fatti{
	/*min-height: 375px;
	max-height: 375px;*/
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
	border-radius: 4px;
	/*overflow-x: hidden;
	overflow-y: auto;*/
	padding: 0;
}

.trattamento_toolbar{
	padding-top: 29px;
}

	.trattamento_toolbar > div{
		text-align: right;
	}

	.trattamento_toolbar .btn{
		white-space: initial;
		margin-bottom: 15px;
		text-align: left;
		
	}

	@media (min-width: 992px) {

		.trattamento_toolbar .btn{
			max-width: 145px;
			display: inline-block;
		}
		
	}

		.trattamento_toolbar .btn span{
			float: left;
			margin-right: 8px;
			padding-top: 2px;
		}

			.trattamento_toolbar .btn img{
				width: 32px;
				margin-bottom: 6px;
			}

	@media (max-width: 991px) {

		.trattamento_toolbar .btn{
			text-align: center;
		}

			.trattamento_toolbar .btn span{
				float: none;
				display: block;
				width: 100%;
				text-align: center;
				padding-top: 0;
			}
	}

.trattamenti_stage{
	min-height: 430px;
	max-height: 592px;
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
	border-radius: 4px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
}

	.trattamenti_stage > h4{
		font-size: 15px;
		margin-top: 20px;
		overflow: hidden;
	}

	h4.piano_sospeso{
		opacity: 0.7;
		position: relative;
	}

		h4.piano_sospeso:after{
			content: "sospeso";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			background-color: rgba(136, 113, 181, 0.71);
			border: 3px solid rgba(136, 113, 181, 0.51);
			border-radius: 4px;
			left: 0;
			top: 0;
			z-index: 2;
			color: #fff;
			text-align: center;

		}

	.obj_trattamento{
		padding: 15px;
		background-color: #f8f8f8;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		padding-right: 50px;
		margin-left: 0px;
		padding-left: 0;
		border-radius: 6px 0 0 6px;
		position: relative;
			
	}

	.move_ancor{
		position: absolute;
	    width: 28px;
	    height: 28px;
	    background-color: rgba(0, 0, 0, 0.3);
	    border-radius: 50%;
	    color: #fff;
	    cursor: move;
	    padding-top: 5px;
	    font-size: 12px;
	    left: -10px;
	    text-align: center;
	    top: 10px;
	}

	.sortable-ghost{
		opacity: 0.6;
	}

	.move_ancor:hover{
		background-color: rgb(60, 141, 188);
	}

		

	.trattamenti_fatti .obj_trattamento{
		/*padding-right: 15px;*/
		border-left-color: #00a65a !important;
		padding-right: 110px;
	}


	.trattamento_moved{
		transform: scale(0.85, 0.85);
		border-left-color: #00a65a !important;
		-webkit-transition: all 350ms ease;
			-moz-transition: all 350ms ease;
			-ms-transition: all 350ms ease;
			-o-transition: all 350ms ease;
			transition: all 350ms ease;
	}



	.trattamenti_fatti .trattamento_pay{
		border-left-color: #3c8dbc !important;
		background-color: #4fa9dc !important;
		color: #fff !important;
	}

	.trattamenti_fatti .solo{
		border-left-color: #3c8dbc !important;
	}


	.trattamento_moved:before{
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: #eee;
		opacity: 0.4;
		z-index: 10;
	}

	.col_prezzo{
		position: relative;
		z-index: 11;
	}


		.btn_note_trattamento{
			position: absolute;
			right: 25px;
			top: 15px;
		}

		.btn_move_trattamento{
			position: absolute;
			right: 25px;
			bottom: 15px;
		}

		.label_paga_trattamento{
			position: absolute;
			right: 73px;
			top: 15px;
			cursor: pointer;
		}

		.label_checkbox_fatto{
			position: absolute;
			right: 75px;
			bottom: 15px;
		}

		@media (max-width: 1199px) {
			.trattamenti_fatti .obj_trattamento{
				padding-right: 50px;
			}

			.label_checkbox_fatto{
				right: 25px;
				bottom: 55px;
			}

			.label_paga_trattamento{
				position: absolute;
				right: 23px;
				top: 15px;
			}
		}


	.obj_trattamento:nth-child(odd){
		border-left: 4px solid #3c8dbc;
	}

	.obj_trattamento:nth-child(even){
		border-left: 4px solid #3c8dbc;
	}


	.obj_trattamento:hover{
		background-color: #f0f0f0;
		border-bottom: 1px solid #c4c4c4;
	}

.trattamenti_col{
	display: none;
}

.trattamenti_col.expand__trattamenti_col{
	display: block;
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 1045;
	background-color: #fff;
	padding: 20px;
	/*padding-top: 56px;*/
	margin: 0;
	text-align: right;
}

	.trattamenti_col.expand__trattamenti_col .trattamenti_stage {
		text-align: left;
		max-height: none;
		height: calc(100vh - 160px);
	}

	.btn_contractTrattamenti{
		display: none;
	}

	.trattamenti_col.expand__trattamenti_col .btn_contractTrattamenti{
		display: inline-block;
	}

	.expand__trattamenti_col .obj_trattamento{
		padding: 9px;
		text-align: right;
	}

	.trattamenti_col.expand__trattamenti_col .btn_move_trattamento {
		bottom: auto;
		position: relative;
		display: inline-block;
		margin-left: 10px;
	}

	.trattamenti_col.expand__trattamenti_col .btn_note_trattamento {
		top: auto;
		position: relative;
		display: inline-block;
		margin-left: 10px;
	}


	.trattamenti_col.expand__trattamenti_col .piano_list .row.obj_trattamento > div.col-lg-3{
		width: 145px;
	}

	.trattamenti_col.expand__trattamenti_col .piano_list .row.obj_trattamento > div.col-lg-9{
		width: 460px;	
	}

	.trattamenti_col.expand__trattamenti_col .piano_list .row.obj_trattamento > div.col-lg-12{
		width: 450px;	
	}

		.trattamenti_col.expand__trattamenti_col .piano_list .row.obj_trattamento .input-group,
		.trattamenti_col.expand__trattamenti_col .piano_list .row.obj_trattamento .form-group{
			margin-bottom: 0;
		}



.slider_radiografie{
	height: 240px;	
	padding-left: 0;
}

	.slider_radiografie li{
		height: 240px;
		text-align: center;
		font-size: 11px;
	}

		.slider_radiografie li a{
			height: 180px;
			display: block;
			overflow: hidden;
			text-align: center;
		}

			.slider_radiografie li a:before{
				content: "";
				display: inline-block;
				vertical-align: middle;
				height: 100%;
				margin-left: -3px;
			}

			.slider_radiografie li a img{
				width: auto;
				height: auto;
				max-width: 96%;
				max-height: 100%;
				display: inline-block;
				vertical-align: middle;
			}


	.radio_titolo{
		color: #fff;
	}

.btn_storico,
.btn_totalePreventivo,
.btn_totalePreventivo_hide,
.btn_totaleFatti,
.btn_totaleFatti_hide,
.btn_addTrattamento_stage,
.btn_dareavere,
.btn_stampaSintetica,
.btn_stampaCompleta,
.btn_salva__mini{
	margin-left: 10px;
}

.btn_addSospendipiano{
	background-color: #8871b5;
	color: #fff !important;
}

.btn_Ripristinapiano{
	background-color: #8871b5;
	color: #fff !important;
}

.trattamenti_storico{
	margin: 5px;
}

.trattamenti_storico .obj_storico{
	padding: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.single_trattamento_sospeso{	
	margin-left: 10px;
	border-left: 1px solid #c694f1;
	margin-bottom: 18px;
}

.obj_storico_sospesi:hover{
	background-color: #f6f6f6;
}

.obj_storico_sospesi__data strong{
	color: #8871b5;
	font-weight: bold;
}

.obj_storico_sospesi__tipo small{
	font-weight: bold;
	
}

.obj_storico_sospesi__pagamenti small{	
	display: block;
}

	.obj_storico_sospesi__pagamenti small b{	
		font-weight: 700;
		border-top: 1px dashed #ccc;
		padding-top: 1px;
		margin-top: 4px;
		display: block;
	}

.trattamenti_storico .obj_storico:last-child{
	border-bottom: none;
}

.totale_preventivi strong{
	padding-right: 20px;
}

.datepicker.dropdown-menu{
	z-index: 1052 !important;
}

.trattamenti_selezionati{
	font-size: 80%;
}

	.trattamenti_selezionati > div {
		padding-left: 5px;
		padding-right: 5px;
	}

		.trattamenti_selezionati > div > div{
			padding: 10px 5px;
			background-color: #4fa9dc;
			color: #fff;
			border-radius: 5px;
			margin:10px;
		}

			.trattamenti_selezionati div > div span{
				display: block;
				width: 100%;
				font-weight: bold;
			}

.btn_editPiano{
	margin-right: 10px;
}

.nuovo_piano_field{
	margin-top: 15px;
	margin-bottom: 0;
	padding: 10px;
	background-color: #f8f8f8;
	border-radius: 3px;
	border-top: 2px solid #d2d6de;
}

	.nuovo_piano_field .input-group{
		margin-bottom: 0;
	}

.togglePiano{
	color: #777;
	margin-right: 6px;
	cursor: pointer;
}

.piano_sospeso .togglePiano{
	color: #fff;
	z-index: 3;
	position: relative;
}

.piano_tools{
	display: inline-block;
	overflow: hidden;
	float: right;
}

.totale_fatti{
	padding-top: 6px;
	margin-right: 15px;
}

.multiselect_trattamento .dropdown-menu,
.newMultiselect_trattamento .dropdown-menu{
	margin-top: -29px;
}

	.multiselect_trattamento .dropdown-menu>li>a,
	.newMultiselect_trattamento .dropdown-menu>li>a{
		white-space: initial;
		font-size: 11px;
	}

.modal_dareavere .modal-body .dareAvere__obj{
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	padding-top: 10px;
	padding-bottom: 10px;
}

.modal_dareavere .modal-body .dareAvere__obj:last-child{
	border-bottom: none;
}

.dareAvere_tipo strong{
	text-transform: uppercase;
}

.dareAvere_tot{
	padding-top: 6px;
	border-top: 1px dashed rgba(0, 0, 0, 0.1);
	padding-right: 60px;
}

.totAvere{ 
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px dashed #ddd;
}

	.fatto_avere,
	.fatto_avere_dare{
		margin-bottom: 10px;
		display: block;
	}

	.fatto_avere_dare{
		border-bottom: 1px dashed #ddd;
	}

	.list_fattodare__data,
	.list_pagamentotrattamento__data{
		/*color: #999;
		padding-top: 6px;*/
	}


.img_radiografia{
	width: auto;	
	max-width: 960px;
	max-height: 600px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.input_radiografia{
	width: 100%;
	max-width: 720px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	
}

#adjustments_overlay,
#measurements_overlay{
	position: fixed;
	z-index: 1057;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(31, 31, 31, 0.9);
}

#measurements_overlay{
	text-align: center;
	padding-top: 150px;
}

	#measurements_overlay:before{
		display: block;
		width: 32px;
		height: 32px;
		font-size: 23px;
		content: "\f110";
		font-family: "FontAwesome" !important;	
		left: 50%;
		margin-left: -16px;
		top: 300px;
		position: absolute;
		z-index: 9;
		color: #fff;
		animation-name: rotate; 
	    animation-duration: 3s; 
	    animation-iteration-count: infinite;
	    animation-timing-function: linear;
	}

	@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


	.btn_close_measurements{
		display: block;
	    position: fixed;
	    width: 100px;
	    left: 50%;
	    margin-left: -50px;
	    top: 70px;	   
	    z-index: 99;
	}

	#canvas{		
		display: block;		
		position: absolute;
		z-index: 10;
		left: 50%;			
	}

	#distance{
		display: block;
	    position: fixed;
	    width: 200px;
	    left: 50%;
	    margin-left: -100px;
	    top: 10px;
	    /* right: 20px; */
	    background-color: rgba(0, 0, 0, 0.7);
	    border-radius: 10px;
	    color: #ff4141;
	    padding: 10px;
	    font-size: 20px;
	    z-index: 99;
	}
		/*#measurements_overlay #canvas{
			display: block;
			margin-left: auto;
			margin-right: auto;
		}*/
 
.image_edit__tools,
.btn_salvaradiografia{
    line-height: 0.7;	
	position: fixed;
	z-index: 100;
	left: 20px;
	top: 16px;
	width: 64px;
	height: 64px;
	border: none;
	text-align: center;
	font-size: 36px;
	background-color: rgba(33, 132, 163, 0.74);
	color: #00ffff;
	border-radius: 6px;
}

.image_edit__tools:hover{
	background-color: rgba(0, 61, 88, 0.74);
}

.btn_salvaradiografia{
	top: 96px;
	background-color: rgba(0, 166, 90, 0.74);
	color: #86ff86;
}

.image_measurements{
	left: 100px;
}

	.image_edit__tools i,
	.image_edit__tools img{
		display: inline-block;
		vertical-align: middle;
	}

.radiografia_fields{
	max-width: 700px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

#save_alert{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #00a65a;
}

.img_radiografia__bottom{
	width: 100px;
	height: 100px;	
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	border: 2px solid transparent;
}

.img_radiografia__bottom.img_radiografia__current{
	border-color:  #00ffff;
}

	.img_radiografia__bottom img{		
		
		max-width: 96%;
		max-height: 100%;
		display: inline-block;
		vertical-align: middle;
		
	}

	.img_radiografia__bottom:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		margin-left: -3px;
	}

.lista_tipo_prestazioni{
	list-style-type: none;
	padding-left: 0;
}

	.lista_tipo_prestazioni li{
		width: 320px;
		max-width: 100%;
		padding: 6px;
	}

	.lista_tipo_prestazioni li:hover{
		background-color: #f3f3f3;
	}

		.lista_tipo_prestazioni li .btn{
			float: right;
		}

.daterangepicker.dropdown-menu{
/*	min-width: 760px;*/
}

.total_row{
	border-top: 2px dashed #eaeaea;
	margin-top: 6px;
	padding-top: 6px;
	padding-right: 70px;
}

.cell_pagato{
	cursor: default;
}

.evento_calendario{
	cursor: pointer;
}

#data_evento i,
#tel_paziente i{
	display: inline-block;
	width: 14px;
	margin-right: 4px;
	color: #3c8dbc;
}

.calendario_richiami_page #data_evento i,
.calendario_richiami_page #tel_paziente i{
	color: #e68800;
}


.calendario_appuntamenti_page #data_evento i,
.calendario_appuntamenti_page #tel_paziente i{
	color: #559e00;
}


.evento_calendario.appuntamento{
	background-color: #559e00;
	border-color: #559e00;
	color: #fff;
}

.evento_calendario.appuntamento:hover{
	background-color: #3e6d07;
}


.evento_calendario.richiamo{
	background-color: #e68800;
	border-color: #e68800;
	color: #fff;
}

.evento_calendario.richiamo:hover{
	background-color: #c37400;
}

.fc-more-popover .fc-event-container{
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}

.fc-ltr .fc-timeline-event{
	cursor: pointer;
}

.indici_placca_list,
.cartella_parodontale_list,
.fatture_list{
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 15px;	
}

	.indici_placca_list .indice_placca,
	.cartella_parodontale_list .cartella_parodontale,
	.fatture_list .single_fattura{
		padding: 10px 5px;
		border-radius: 5px;
		background-color: #f4f4f4;
		margin-bottom: 10px;
	}

	.indici_placca_list .indice_placca:hover,
	.cartella_parodontale_list .cartella_parodontale:hover,
	.fatture_list .single_fattura:hover{
		background-color: #e7e7e7;
	}

		.indici_placca_list .indice_placca h4,
		.cartella_parodontale_list .cartella_parodontale h4,
		.fatture_list .single_fattura h4{
			margin: 0;
		}

.cartella_parodontale_page .main-header,
.cartella_parodontale_page .main-sidebar,
.indice_di_placca_page .main-header,
.indice_di_placca_page .main-sidebar,
.fattura_page .main-header,
.fattura_page .main-sidebar{
	display: none;
}

.box_indice_placca__expanded,
.box_cartella_parodontale__expanded,
.box_fattura__expanded{
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 1045;
	background-color: #fff;
	padding: 20px;
	/*padding-top: 56px;*/
	margin: 0;
	min-width: 1024px;
}

.box_fattura__expanded{
	min-width: 0;
}

	.box_cartella_parodontale__expanded .box-body{
		height: calc(100vh - 140px);
		overflow-y: auto;	
		overflow-x: hidden;	
	}

	.box_fattura__expanded .box-body{
		height: calc(100vh - 200px);
		overflow-y: auto;	
		overflow-x: hidden;	
	}

		.box_cartella_parodontale__expanded .box-body h4,
		.box_fattura__expanded .box-body h4{
			max-width: 1208px;
		}

	.box_indice_placca__expanded .box-footer,
	.box_cartella_parodontale__expanded .box-footer,
	.box_fattura__expanded .box-footer{
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
	}

	.fila_sopra,
	.fila_sotto{
		padding-left: 120px;
		background-repeat: no-repeat;
		background-position: 10px center;
		-webkit-background-size: 100px auto;
		background-size: 100px auto;
		display: inline-block;
	}

	.fila_sopra{
		background-image: url('../../img/denti/arco_sup.jpg');
		border: 1px solid #ccc;
		border-radius: 6px 6px 0 0;
	}

	.fila_sotto{
		background-image: url('../../img/denti/arco_inf.jpg');
		border: 1px solid #ccc;
		border-radius: 0 0 6px 6px;
		position: relative;
		top: -4px;
	}


	.indice_placca__box_container{
		width: 50px;
		float: left;		
	}

	.indice_placca__row{
		overflow: hidden;
		width: 802px;
	}

	.indice_placca__box{
		cursor: pointer;
	}

	.indice_placca__row:hover .indice_placca__box{
		opacity: 0.7;
	}

	.indice_placca__row:hover .indice_placca__box:hover{
		opacity: 1;
	}

		.indice_placca__dente{
			width: 50px;
			height: 126px;
			margin-left: auto;
			margin-right: auto;
			background-color: #fff;
			background-position: center center;
			background-repeat: no-repeat;	
			-webkit-background-size: contain;
			background-size: contain;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}

		.indice_placca__actions{
			width: 42px;
			height: 42px;
			display: block;
			margin: 10px auto;
			background-color: #868686;
			border-radius: 10px;
			box-shadow: 0 0 0 2px #868686;
			position: relative;
			overflow: hidden;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}

		.fila_sotto .indice_placca__actions{
			transform: rotateZ(180deg);
			-moz-transform: rotateZ(180deg);
		}

	
	.check_placca{
		display: block;	
		margin: 0;
		position: absolute;
		background-color: #fff;
		cursor: pointer;
		transform: rotateZ(45deg);
		width: 28px;
		height: 28px;
		max-width: none;
		-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
	}

	.check_placca:hover{
		background-color: #ddd;
	}

	.check_placca.check_placca__checked{
		background-color: #fff000;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65);
	}

	.check_placca.check_placca__checked:hover{
		background-color: #ead100;
	}

	.check_placca_1{		
		top: -14px;
		left: 7px;
	}

	.check_placca_2{
		top: 7px;
		right: -14px;
	}

	.check_placca_3{
		bottom: -14px;
		left: 7px;
	}

	.check_placca_4{
		top: 7px;
		left: -14px;
	}


	.check_placca input{
		display: none;
	}

.indice_placca__box__disabled .indice_placca__dente{
	opacity: 0.2 !important;
}

.indice_placca__box__disabled .indice_placca__actions{
	opacity: 0 !important;
	pointer-events: none;
}

 
.table_parodontale{
	width: 100%;
	max-width: 1208px;
	min-width: 1168px;
	border: 1px solid #ccc;
}

	.table_parodontale th{
		padding-left: 3px;
		padding-right: 3px;
		background-color: #eaeaea;
	}

	.table_parodontale tr{
		border-bottom: 1px solid #ccc;
	}

	.table_parodontale .col{
		width: 20px;
		height: 22px;
		overflow: hidden;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.table_parodontale .col_checkbox:hover{
		cursor: pointer;
		background-color: #ffb5b5;
	}

	.table_parodontale .col_checkbox:active{
		background-color: #e37070;
	}

	
		.table_parodontale .col_checkbox.col_checkbox__checked:before{
			font-family: "FontAwesome" !important;		
			content: "\f043";
			color: #c41e1e;
			font-size: 15px;
			display: block;
			text-align: center;
		}

		.table_parodontale .col_checkbox:active:before{
			color: #fff !important;
		}


	.table_parodontale tr td:nth-child(3n+4){
		border-right-color: #000;	
	}

		.table_parodontale .col input{
			width: 20px;
			border: none;
			text-align: center;
		}

		.table_parodontale .col.col_text_long input{
			width: 62px;
		}

		.table_parodontale .col_checkbox input{
			display: none;
		}

	.row_forcazioni > td:nth-child(7),
	.row_forcazioni > td:nth-child(8),
	.row_forcazioni > td:nth-child(9),
	.row_forcazioni > td:nth-child(10),
	.row_forcazioni > td:nth-child(11),
	.row_forcazioni > td:nth-child(12){
		visibility: hidden;
		border: none;
	}


.col_denti{
	border-right: 1px solid #000;
	position: relative;
}

	.g_dente{
		width: 6.248%;
		height: 180px;
		background-color: #fff;		
		float: left;

		background-position: center -20px;
		background-repeat: no-repeat;	
		-webkit-background-size: contain;
		background-size: contain;
	}

	.g_dente:after{
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background-color: #000;
		position: absolute;
		/*right: -1px;
		top: 0;	*/
		top: 0;
		z-index: 1;
	}

	/*.col_denti .dente_1{
		border-left: 1px solid #ccc;
		width: 64px;
	}

	.col_denti .dente_16{
		border-right: 0;
		width: 62px;
	}*/

		.row_g{
			height: 6px;
			border-bottom: 1px solid #eee;
			background-color: rgba(255, 255, 255, 0.85);
		}

		.g_dente .row_g:nth-child(5n){
			border-bottom-color: #ccc;
		}

			.col_valore{
				display: block;
				width: 33.333%;
				height: 6px;
				float: left;
			}

			.col_valore.col_valore__dot:before{
				content: "";
				display: block;
				width: 5px;
				height: 5px;	
				margin-left: auto;
				margin-right: auto;
				background-color: #008aff;
				border-radius: 50%;
			}

	.graph{
		position: absolute;
		width: 100%;
		height: 90px;
		z-index: 8;
		left: 0;
		top: 0;
		display: block;
	}

	#g-3 .graph,
	#g-4 .graph{
		top: auto;
		bottom: 0;
	}

	#g-3 .g_dente,
	#g-4 .g_dente{
	/*	padding-top: 91px;*/
		background-position: center 30px;
	}

	#g-3 .g_dente .row_g.row_1,
	#g-4 .g_dente .row_g.row_1{
		margin-top: 91px;
	}

.print_fattura_btn{
	margin-left: 10px;
}

.obj_fattura:nth-child(odd){
	border-left: 4px solid #3c8dbc;
}

.obj_fattura:nth-child(even){
	border-left: 4px solid #d880d9;
}

.obj_fattura{
	padding: 15px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-radius: 6px 0 0 6px;
	position: relative;
}

.totale_fattura,
.bollo_fattura{
	margin-right: 25px;
}

.remove_obj_fattura{
	position: absolute;
	right: 8px;
	top: 0px;
	color: #555;
	cursor: pointer;
}

.btn_stampa_fattura{
		margin-right: 15px;
}

@media (max-width: 800px) {

	.richiami_title a{
		display: block;	
		width: 100%;
		margin: 10px auto;
		float: none !important;
	}
	
}

.box_calendario{
	max-width: 992px;
	display: block;
	margin: 30px auto;
	box-shadow: 0 11px 50px -14px rgba(0, 0, 0, 0.6);
}

	.box_calendario ul{
		list-style-type: none;
		padding-left: 0;
	}

		.obj__richiamo{
			margin-bottom: 1px;
			padding: 6px 3px;
			border-radius: 4px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}

		.obj__richiamo:hover{
			
		}

			.obj__richiamo .btn__richiamo{
				border-radius: 20px;				
				padding-left: 10px;
				padding-right: 10px;				
				text-align: left;
			}


.status_radio label{
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	border-radius: 50%;
	margin-left: 2px;
	margin-right: 2px;
	padding: 5px;
	cursor: pointer;
}

	.status_radio label.status_verde{
		border-color: #0ad03d;
	}

	.status_radio label.status_giallo{
		border-color: #f39c12;
	}

	.status_radio label.status_rosso{
		border-color: #e20000;
	}

	.status_radio label.status_on{
		box-shadow: inset 0 0 0px 2px #fff;
	}

	.status_radio label.status_verde.status_on{
		background-color: #0ad03d;
	}

	.status_radio label.status_giallo.status_on{
		background-color: #f39c12;
	}

	.status_radio label.status_rosso.status_on{
		background-color: #e20000;
	}
	
	.status_radio label input{
		display: none;
	}

.btn_edit_richiamo i{
	font-size: 14px;
}

.fc-resource-area {
	width: 90px !important;
	font-weight: 700;
}

	/*.fc-resource-area  tr[data-resource-id="1"]{
		color: #e67e22;
	}

	.fc-resource-area  tr[data-resource-id="2"]{
		color: #2ecc71;
	}

	.fc-resource-area  tr[data-resource-id="3"]{
		color: #3498db;
	}

	.fc-resource-area  tr[data-resource-id="4"]{
		color: #9b59b6;
	}

	.fc-resource-area  tr[data-resource-id="5"]{
		color: #95a5a6;
	}*/

@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner{
	 -webkit-animation-duration: 1.75s;
	  -moz-animation-duration: 1.75s;
	  animation-duration: 1.75s;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	  -webkit-animation-name: rotate-forever;
	  -moz-animation-name: rotate-forever;
	  animation-name: rotate-forever;
	  -webkit-animation-timing-function: linear;
	  -moz-animation-timing-function: linear;
	  animation-timing-function: linear;
}

#scadenzario .fc-h-event{
	cursor: pointer;
}

.form_navscadenzario{
	position: absolute;
	width: calc(100% - 80px);
	top: 67px;
}

	@media (max-width:767px) {

		.form_navscadenzario{
			width: 100%;
			position: static;
		}
		
	}

.timeline_scadenzario .time-label a{
	color: #fff !important;
}

.evid1 {
	background-color:#ffe0e0;
}

.input-sm {
	font-size:14px!important;
}

.pointer {
	cursor: pointer;
}

.list-admin-box-info{
	list-style: none;
    margin: 0;
    padding: 0;
}

.box-icon{
	position: absolute;
    top: 6px;
    right: 10%;
}

.admin-box-info{
	position: relative;
    width: 100%;
}

.text-dark{
	color: #131313 !important;
}

.btn-img_trash{
	margin: 5px;
}