body {
	font-family: "Arial" !important;
	
}

.datepicker_container {
	position: relative;
	display: block;
	clear: both;
}
	.datepicker_container i {
		cursor: pointer;
		position: absolute;
		z-index: 99;
		top: 5px;
		right: 5px;
	}
	.datepicker_container:after {
		content: '';
		clear: both;
		display: block;
	}
	.datepicker_container input {
		margin-right: 32px;
		float: left;
	}

.riga_lavorazione {
	cursor: pointer;
}
.riga_lavorazione td {
	transition: all .3s;
	padding: 15px !important;
}
.riga_lavorazione:last-child td {
	border: 0 !important;
}
.riga_lavorazione:hover td {
	background: rgba(238,144,124,.3);
}
.riga_lavorazione td a {
	text-decoration: none !important;
	color: #000;
}
.table_pazienti td {
	line-height: 29px !important;
}

.table_pazienti td .btn, .table_pazienti td .trash_elem {
	transition: all .3s;
	color: #fff;
}
.table_pazienti td .btn:hover {
	color: #ee907c;
	background: #fff;
}
	.table_pazienti td .trash_elem:hover {
		color: #ee907c;
	}
.add_new {
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 32px 0;
	border-radius: 25px;
	margin-bottom: 15px;
	border: 3px dashed #ee907c;
}
	.add_new:hover {
		color: #ee907c;
		text-decoration: underline;
	}

.newsbox {
	display: block;
	cursor: pointer; 
	margin-bottom: 32px;
}
.icona {
	display: block;
	text-align: center;
	font-weight: 400 !important;
	font-size: 100px;
}
.newsbox_container {
	cursor: pointer;
	border-radius: 5px;	
	padding: 15px;
	transition: all .3s;
}
.newsbox_container:after {
	content: '';
	clear: both;
	display: block; 
}
.newsbox_container:hover {
	background: #f9eff1; 
}

.newsbox .immagine_segnaposto {
	width: 150px;
	height: 150px;
	display: block;
	margin-right: 15px;
	float: left;
}
.filtra_allegati {
	margin-top: 30px;
	margin-bottom: 15px;
}
.separatore_collocazione {
	clear: both;
	display: block;
	border-bottom: 1px solid #dedede;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	padding: 30px 0 5px 0;
	margin-bottom: 10px !important;
}

.separatore_collocazione:after, .separatore_collocazione:before {
	content: '';
	clear: both;
	display: block;
}
.attachment_preview_image {
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-right: 15px;
	border-radius: 15px;
}
.attachment_preview_image img {
	min-width: 60px;
	min-height: 60px;
}
.attachment_preview_text {
	float: left;
}

.click_to_filter {
	border-radius: 15px;
	padding: 5px 10px;
	cursor: pointer;
	text-decoration: none !important;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	border: 2px solid #ee907c;
	color: #ee907c !important;
}
.click_to_filter.active { 
	background: #ee907c;
	color: #fff !important;
	border: 1px solid #ee907c;
}

.nota {
	font-size: 14px;
}
/* qui ci sono tutte le chat */
.chatroom {
}
.chatroom .col-md-4, .chatroom .col-md-8 {
}
.noprint {
	display: none;
}
#notifications, #attachments {
	height: 400px;
	overflow-y: scroll;
}
#notifications::-webkit-scrollbar, 
#notification_detail_container::-webkit-scrollbar,
#attachments::-webkit-scrollbar
 {
  display: none;
}
#notifications, #notification_detail_container, #attachments {
	border: 1px solid #dedede;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#notifications {
	border-right: 0;
}
.riga_utente_chat {
	position: relative;
}
.chatbubble_elem {

}
#attachments {
	border-left: 0;
}
#notification_detail_form {
	border: 1px solid #dedede;
	border-top: 0;
	background: #fff !important;
}
#notification_detail_form textarea {
	resize: none;
	box-shadow: 0 0 0 rgba(0,0,0,0) !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
}
#notification_detail_form .btn, .#notification_detail_form textarea {
	height: 40px;
	min-height: 40px !important;
}
#notification_detail_form .btn {
	background: #ee907c !important;
	line-height: 40px;
}
#attachments h2, #attachments .riga_rosa {
	display: none;
}

.btn_container {
	margin: 10px 15px 10px 0;
}
.btn_container_attach {
	margin: 10px 0; 
	display: none !important;
}
	#notification_detail_form .btn_container_attach .btn {
		display: none !important;
		border-radius: 0 !important;
		box-shadow: 0 0 0 rgba(0,0,0,0) !important;
		border: 0 !important;
		font-size: 20px !important;
		background: #fff !important;
		border: 0 !important;
	}

#notification_detail_container {
		height: 326px;
		background: #fff;
		box-shadow: inset 0 0 10px rgba(0,0,0,.03);
		overflow-y: scroll;
	}
	#notification_detail {
		display: block;
	}
		#notification_detail .whatsapp {
			position: relative;
			margin: 5px 15px;
			float: left;
			padding-right: 60px;
			padding-bottom: 10px;
			border-radius: 5px;
			box-shadow: 0 0 5px rgba(0,0,0,.2);
			max-width: 65%;
		}
		.whatsapp_container {
			position: relative;
		}
		.whatsapp_container .whatsapp_autore_avatar {
			position: absolute;
			margin-top: -2px;
			margin-left: -28px;
		}
			.whatsapp_container .whatsapp_autore_avatar img {
				width: 24px !important;
				height: 24px !important;
			}
		#notification_detail .whatsapp.from_admin {
			border-bottom: 2px solid #ef907c;
			background: #fafafa;
			float: right;
			clear: both;
		}
		#notification_detail .whatsapp .whatsapp_date {
			position: absolute;
			top: 8px;
			right: 12px;
		}
		#notification_detail .whatsapp .whatsapp_message {
		}

a {
	color: #ee907c;
}

.badge {
	background-color: #ee907c !important;
}
.nav-link  {
	text-transform: uppercase;
}

#myTab .nav-link .badge {
	background-color: #fff !important;
	border: 1px solid #dedede;
	border-radius: 2px;
	color: #ee907c;
}

img {
	max-width: 100%;
}
.last_message_container {
	height: 20px;
	overflow: hidden;
}
	.last_message_container:after {
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 20px;
	}
.last_message_date {
	width: 30px;
	display: inline-block;
	color: #ee907c;
	font-size: 12px;
	margin-right: 15px;
}
.tab-pane {
	overflow: hidden;
	border: 1px solid #dedede;
	border-top: 0;
	padding: 15px;
	min-height: 300px;
	border-radius: 15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 0;
}
.tab-pane h2 {
	margin-top: 0;
}
.tab-pane.elenco_lavorazioni {

	padding: 0;

}
.tab-pane.elenco_lavorazioni table.table {
	margin-bottom: 0 !important;
}
	.tab-pane.elenco_lavorazioni th {
		border: 0;
		background: #eee;
	}
	.tab-pane.elenco_lavorazioni td {
		border-bottom: 1px solid #dedede;
		padding: 15px;
	}
.table_attachments {
	clear: both;
	display: block;
	padding-right: -2%;
	padding-left: -2%;
	
}
.table_attachments:after {
	content: '';
	clear: both;
	display: block;
}
.attachment_item {
	position: relative;
	font-size: 12px;
	transition: all .3s;
	text-decoration: none !important;
	color: #ee907c !important;
	border-radius: 15px;
	overflow: hidden;
	display: inline-block;
	margin: 1%;
	border: 3px solid #ee907c;
	padding: 8px 15px;
	float: left; 
	width: 31%;
}

	.attachment_item:hover, .attachment_item:active {
		color: #dedede;
		border: 3px solid #dedede;
		text-decoration: none;
	}
	.attachment_trash {
		opacity: 0;
		transition: all .3s;
		position: absolute;
		top: 12px;
		right: 8px;
		width: 30px;
		height: 30px;
		display: block;
		text-align: center;
		font-size: 14px;
		line-height: 30px;
		border-radius: 50%;
		border: 1px solid #fff; 
	}
	.attachment_item:hover .attachment_trash {
		opacity: 1;
		background: #fff;
		color: #dedede; 
		border: 1px solid #dedede; 
	}
	.attachment_item:hover .attachment_trash:hover {
		background: #ee907c;
		border: 1px solid #ee907c; 
		color: #fff; 
	}
.attachment_item .filetype {
	display: block;
	clear: both;
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
}
.attachment_item .filename {
	display: block;
	overflow: hidden;
	height: 20px;
}

.modal .btn-ponte {
	display: none;
}
.table_attachments img {
	max-width: 80px !important;
}
.trash {
	transition: .3s all;
	color: #fff;
	float: right;
	background: #ee907c;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
}
	.nav-link  {
		color: #444;
		font-size: 12px;
	}
		.nav-link:hover  {
			color: #444;
		}
.trash:hover {
	color: #ee907c;
	background: #fafafa;
}

header, footer {
	padding: 15px 0; 
}
#header {
	background: #ee907c;
}
.fullbackground { 
	background: #ee907c;
	padding: 150px 0;
}

#footer { 
	background: #ee907c;
	padding: 50px 0;
}

label {
	margin-right: 15px;
	font-size: 11px; 
	font-weight: 400;
	text-transform: uppercase;
}
h2 {
	font-size: 17px; 
	letter-spacing: 1px;
	font-weight: bold !important;
	text-transform: uppercase;
	margin-top: 60px;
	color: #ee907c;
}
	.etichetta {
		letter-spacing: 2px;
		font-size: 12px; 
		margin: 0 0 5px 0 !important;
		font-weight: light !important;
		text-transform: uppercase;
		display: inline-block;
		border-radius: 5px;
		border: 1px solid #ee907c; 
		color: #ee907c;
		padding: 5px 10px;
	}
.etichetta_vuota {
		letter-spacing: 2px;
		font-size: 12px; 
		margin: 0 0 5px 0 !important;
		font-weight: light !important;
		text-transform: uppercase;
		display: inline-block;
		border: 1px solid transparent; 
		color: #ee907c;
		padding: 5px 10px;
	}	
	
	h3 {
		letter-spacing: 1px;
		font-size: 18px; 
		margin: 0 0 15px 0 !important;
		font-weight: bold !important;
		text-transform: uppercase;
		color: #ee907c;
	}
#msg_errore {
	font-weight: bold;
	font-size: 11px;
	color: #ee907c;
}
.tab {
	width: 100%;
}

.form_holder {
	float: left;
	margin-right: 15px;
	cursor: pointer;
	transition: all .3s;
	padding: 1px 10px;
	font-size: 17px;
	max-width: 320px;
	background: #eee;
	border: 2px solid #dedede;
	border-radius: 30px;
}
.form_holder:hover {
	background: #fff;
}
	
	.form_holder button {
		border: 0;
		background: none;
		float: right;
}
	.form_holder input[type="text"] {
	border: 0 !important;
}



.mainmenu {
	border-bottom: 1px solid #dedede;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 15px;
	list-style-type: none;
}
	.mainmenu:after {
		content: '';
		display: block;
		clear: both;
	}
	.mainmenu li { 
		display: inline-block;
	}
	.mainmenu li a {
		padding: 10px 15px;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 21px;
		color: #000
	}
		.mainmenu li a.active {
			font-weight: bold;
		}

input[type="text"], input[type="date"], input[type="password"], input[type="email"], select, textarea {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border: 0 !important;
	border-bottom: 1px solid #000 !important;
	border-radius: 0 !important;
	background: none !important;
	outline: none !important;
	box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}



select, select.form-control { 
	border-radius: 0 !important;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
 }

textarea, textarea.form-control {
	min-height: 120px;
	border-radius: 0 !important;
}
.form-control {
	margin-bottom: 15px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	opacity: .95;
	padding-left: 0 !important;
	border: 0 !important;
	cursor: auto !important;
}
.riga_rosa {
	border-radius: 15px;
	padding: 15px 30px;
	margin-bottom: 15px;
	background: #ee907c; 
}
.riga_rosa, .form-control, .btn {
	border-radius: 15px !important;
}
.riga_grigia {
	background: #dedede; 
}
.riga_bianca {
	padding: 15px 0;
	background: #fff; 
}
	.iso_system {
		border: 1px solid #000;
		border-right: 0;
		border-bottom: 0;
	}
		
		.iso_icon {
			text-align: center;
			font-size: 30px;
			position: absolute;
			width: 100%;
			line-height: 60px;
		}
			.iso_icon {
				color: #000;
			}
		.iso_system:after {
			content: '';
			clear: both;
			display: block;
		}
		.elemento_ponte {
			width: 100%;
			text-align: center;
			position: absolute;
			top: -10px;
			color: #000;
		}
		.iso_bottom .elemento_ponte {
			top: auto;
			bottom: -9px;
		}
			.modal-body .iso_bottom .elemento_ponte {
				top: auto;
				bottom: -6px;
			}
			.elemento_ponte:before, .elemento_ponte:after {
				content: '';
				position: absolute;
				border-bottom: 1px solid #000;
				top: 10px;
				width: 20px;
			}
			.elemento_ponte:before {
				left: 0;
			}
			.elemento_ponte:after {
				right: 0;
			}
			
	.iso_elem {
		cursor: pointer;
		position: relative;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		min-height: 60px;
		float: left;
		transition: .3s all;
		width: 6.25%;
	}
		.iso_elem.iso_selected {
			background: #faddd7;
		}
		.iso_elem:hover {
			background: #ee907c;
		}
		.iso_num {
			font-size: 10px;
			top: 5px;
			right: 5px;
			color: #000;
			position: absolute;
		}
	.iso_elem_7 {
		border-right: 3px solid #000;
	}
	.login_form {
		border-radius: 15px;
		padding: 15px;
		background: #fff;
	}
	.mainpage { 
		padding: 30px 0;
		min-height: 600px;
	}
	
	.btn-primary {
		border: 0;
		background: #ee907c;
		border-radius: 0;
	}
		.btn-primary:hover {
			background: #ee907c;
		}
		
		
@media (max-width: 768px){		
	.tab-pane {
		width: 600px;
	}
}	
	
@media (min-width: 768px){
	
	.newsbox {
		float: left;
		width: 50%;
	}
	
	#attachments {
		padding: 15px;
	}
		#attachments .attachment_item .filetype, 
		#attachments .attachment_item i {
			font-size: 16px;
		}
	#attachments .attachment_item {
		float: none;
		width: 100%;
		margin: 0;
	}
	.attachment_item {
		float: left; 
		width: 23%;
	}
 
	.notizia {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */		
		overflow-y: scroll;
		height: 290px;
	    border-radius: 15px !important;
		border: 1px solid #ee907c;
		margin-bottom: 15px;
		padding: 30px;
	}
	.notizia::-webkit-scrollbar {
		  display: none;
	}

	.login_form {
		padding: 60px 120px;
	}
}

.table_attachments {
	width: 100%;
}
.table_attachments td {
	padding: 15px 0;
}

.fileinput-button {
	transition: color .3s;
	border-radius: 15px;
	width: 100%;
	margin-bottom: 0; 
	display: block; 
	border: 5px dashed #fff; 
	color: #fff; 
	padding: 60px;
	
	font-size: 20px; 
	font-weight: bold;	
}
	.fileinput-button:hover {
		text-decoration: none !important;
		color: #fff; 
		border: 5px dashed #fff; 
	}
#dropzone {
	background: none !important;
	display: none;
	height: 100%;
	text-align: center;
}
#dropzone .dropzone_visual i {
	margin-top: 200px;
	font-size: 150px;
	color: rgba(0,0,0,.5) !important; 
}
#dropzone.in {
	background: rgba(255,255,255,.5) !important;
	z-index: 999 !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !importan;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;  
}
	#dropzone.in .dropzone_visual {
		height: 100%;
		margin: 5px;
		background: rgba(255,255,255,.8) !important;
		border: 5px dotted #dedede;
	}
#dropzone.hover {

}
	#dropzone.hover .dropzone_visual {
		background: rgba(255,255,255,.8) !important; 
		border: 5px dotted #dedede;
	}
#dropzone.fade, #dropzone.fade .dropzone_visual {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.fileinput-button text-center:hover {
	border-color: #fff !important;
}
.tab-pane #attachments_allegati .attachment_trash {
	display: none;
}