/*------- Icone ---------*/
.ce {cursor: pointer;margin-top: 3px;margin-right: -10px;}
.ce svg {max-width:30px; max-height:16px;}
.ce strong {
	position: relative;
    left: -25px;
    color: white;
    z-index: 999;
    top: -3px;
    text-shadow: 0 1px 0 #999;
    text-align: center;
    width: 17px;
    display: inline-block;
}

/* TODO DA Sistemare per NON DEFINITO che genererebbe una classe "ce-"  */
.ce-a4 svg g{fill:#4a6b00;stroke:#4a6b00;}
.ce-a3 svg g{fill:#5c8500;stroke:#5c8500;}
.ce-a2 svg g{fill:#6d9e00;stroke:#6d9e00;}
.ce-a1 svg g{fill:#7fb800;stroke:#7fb800;}
.ce-9 svg g{fill:#6d9e00;stroke:#6d9e00;}
.ce-a svg g{fill:#7fb800;stroke:#7fb800;}
.ce-b svg g{fill:#91d100;stroke:#91d100;}
.ce-c svg g{fill:#ebc400;stroke:#ebc400;}
.ce-d svg g{fill:#eb9d00;stroke:#eb9d00;}
.ce-e svg g{fill:#e67300;stroke:#e67300;}
.ce-f svg g{fill:#d22300;stroke:#d22300;}
.ce-g svg g{fill:#b80000;stroke:#b80000;}
.ce-n svg g{fill:#aaa;stroke:#aaa;}

.helpIco { color:#e67300; ; cursor: pointer; margin-left: 8px;}
.cett {text-align: left; color: #313131; display:none; background-color:#FEF1D1; border:1px solid #C31C23; padding:4px; font-size:11px; -moz-box-shadow: 2px 2px 11px #666; -webkit-box-shadow: 2px 2px 11px #666;}

.info_block {
    width: 25%;
    text-align: center;
    float: left;
    border-right: 1px solid #ddd;
}
.info_block:last-child {
	clear: right;
	padding-top: 8px;
	border-right: 0;
}
.info_label {
    color: #666;
     opacity: 0.8;
    text-transform:uppercase;
}
.info_value {
	color: #666;
}

#error {margin:20px 0; font-size: 12px;}
#error a,#error a:hover {color:#C31C23; font-weight:bold;}
.well {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
/*   border-radius: 0.25rem; */
}
#error.well {
  color: #EE7818;
  background-color: #FEF1D1;
  border-color: #EE7818;
}
.well h3 {
	font-size: 1.2rem;
    font-weight: bold;
    margin: 0 0 8px;
}

div.wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
div.b300l {flex:1;max-width:328px;}
div.b300r {flex:1;max-width:328px;}

#main {
    transition: margin-left .5s;
    padding: 20px;
}
.errore {padding: 0 10px; margin-top:20px;}
.errore h3 {color: #888; font-size: 1.4rem;}
.errore p {font-size: 0.9rem;}

md-tooltip, .md-tooltip {font-size:14px;line-height:32px; height:32px;}
md-toolbar {min-height: 40px;}
md-toolbar:focus {
    outline: none;
}
form[name=stepForm] md-toolbar {
    margin-bottom: 10px;
}
form[name=lpForm] p, form[name=raForm] p {
    font-size: 1.0rem;
}
form[name=raForm] h6 {
	font-weight: bold;
}

.md-toolbar-tools {font-size: 14px;height: 40px; max-height: 40px;}
form[name=stepForm] .md-toolbar-tools {
	background-color: #fff;
    border: 1px solid rgb(195,28,35);
    color: rgb(195,28,35);
    font-weight: bold;
}
form[name=stepForm] .md-toolbar-tools .md-button.md-icon-button md-icon,
form[name=stepForm] md-toolbar.md-hue-2:not(.md-menu-toolbar) md-icon {
    color: rgb(195,28,35);
    fill: rgb(195,28,35);
}
md-content.md-default-theme, md-content {
	background-color: #fff;
	color: #212529;
}
md-card md-card-content>p {
	margin-bottom: 30px;
    font-size: 14px;
}
md-content p {
	margin-top: 0;
    margin-bottom: 0;
    font-size:14px;
}
.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
    font-size: 1.2rem;
    font-weight: inherit;
    margin: inherit;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #75080e;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #75080e;
}
/** Wizard - https://raw.githubusercontent.com/oscar09/xmdWizard/master/source/assets/xmdWizard.css **/
.x-wizard .step-number
{
	width: 24px;
	min-width: 24px;
	height: 24px;
	border-radius: 50%;
	margin: 0 8px 0 16px;
	color: #fff;
}

.x-wizard md-nav-bar
{
	overflow-x: hidden;
	width: 100%;
}

.x-wizard .ext-content
{
	min-height: 100px;
}

.x-wizard xmd-step form
{
	margin: 20px 10px;
}

.x-wizard .md-unselected .step-number
{
	background-color: lightgray !important;

}
md-input-container textarea.md-input {line-height: initial;}
md-input-container label {
    color: rgba(0,0,0,0.78);
}
md-input-container .md-placeholder{
    color: rgba(0,0,0,0.58);
}	
md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
-webkit-transform:translate3d(0,6px,0) scale(1);
transform:translate3d(0,6px,0) scale(1);
}
md-select .md-select-value.md-select-placeholder {color: rgba(0,0,0,0.68); font-size: 0.9rem;}
md-radio-button {font-size: 0.9rem;}
.md-inline-radio-container {margin-bottom: 18px}
.md-input-invalid md-radio-group{
  color: rgb(221,44,0);
}
.separator {
	text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #bbb;
    border-bottom: 1px solid #bbb;
    height: 1px;
    margin-bottom: 20px;
}
.separator > span {
	background-color: white;
    position: relative;
    top: -13px;
    padding: 4px 10px;
    color: #666;
}
.date-input { width: 100px;}
.md-input-w-check md-checkbox {top:-20px;}
.reg-radio { margin-top: 0; } 
.app-body {padding-top:0;}
.app-body > md-nav-bar {padding-top:0;}
.full-height {    min-height: 100%; }
.full-width {    width: 100%; }
.center-text {text-align:center!important;}
.nodata {    
	line-height: 40px;
    font-weight: bold;
    color: #888;
}
/** Alerts **/
.alert-ico {
	text-align: center;
    margin: 10px !important;
    font-size: 50px;
}
.alert-message {
	text-align: center;
    font-size: 18px;
    margin: 0 15px 15px;
}
.alert-message small {
	display: block;
    font-size: 0.7rem;
}
.alert-warning, .text-orange  {
    color: #f0ad4e!important;
}
.alert-error, .text-red {
    color: #d9534f!important;
}
.alert-success, .text-green {
    color: #5cb85c!important;
}
.warn {
	width: 100%;
    border: 2px solid #f0ad4e;
    margin-bottom: 10px;
}
.warn > .alert-warning {
	text-align: left;
    float: left;
    margin: 0 10px !important;
}
.warn > .alert-message {
	line-height: 50px;
    padding-top: 10px;
	float:left;
	clear:right;
}
.suggestion {    
	background-color: #f0ad4e;
    margin: 25px 0 10px;
    padding: 10px;
}
md-optgroup label {
	background-color: #efefef;
	color: rgb(244,67,54);
}
.mw200 {min-width: 200px;}
.ce_smiles {
    clear: both;
    display: block;
    width: 100%;
}
.ce_smiles strong {
	display: inline-block;
    width: 100%;
}
.ce_smiles .ce_icon { 
	float: left;
	font-size: 1.8rem;
    margin-right: 0.5rem;
    cursor: pointer;
    color: #ccc;
}
.ce_smiles .ce_icon.active {
	color: #666;
}
.ce_icon:focus {
    outline: none;
}
.ce_smiles .ce_icon:last-child {clear:right;}
/* Form fields **/
.civico {max-width: 100px;}
/** Angucomplete **/
md-autocomplete md-autocomplete-wrap {box-shadow: none!important;}
md-autocomplete .md-show-clear-button button {position:absolute;right:0;}
/* File Input
   ========================================================================== */
.file-field {
  position: relative;
}

.file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
}

.file-field input.file-path {
  width: 100%;
}
.file-field > .md-button {
	    padding: 0 14px;
}
.file-field .btn, .file-field .btn-large {
  float: left;
  height: 3rem;
  line-height: 3rem;
}

.file-field span {
  cursor: pointer;
}

.file-field input[type=file], .photo-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.upload-data .file-field .btn { 
 	height: 36px;
    line-height: 36px;
    margin-right: 4px;
}

.upload-preview {
	padding: 8px; text-align: center; max-width: 320px; width: 320px; height:240px; float:left;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.upload-preview .upload-thumb {
	height: 200px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.upload-actions {padding: 0 8px;}
.upload-thumb > canvas,  .upload-thumb > img {
    max-width: 260px;
    max-height: 177px;
}
.upload-actions i, .upload-actions md-icon {font-size:24px;}
.upload-actions .camera360 svg {
	width: 32px;
    height: 32px;
    fill: #aaa;
    margin-top: -2px;
}
.upload-actions .camera360-ok svg {
    fill:rgb(195,28,35);
}

.saving { padding: 0 10px; font-size: 1rem;}
.saving > .alert-ico { margin: 0 0 0 10px!important; }

.re-list .id {font-size:0.7rem; font-weight:bold;}
.re-list .title {display:block;}
.re-list .price {font-weight:bolder; color:#888;}

md-dialog md-list {
	margin: 0 20px 10px 20px;
    border: 1px solid #ccc;
    padding: 0;
}
md-dialog md-list > md-list-item {border-bottom: 1px solid #ccc;}
md-dialog md-list > md-list-item:last-child {border-bottom: 0px;} 

progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.note {    
	color: #C31C23;
    font-weight: bold;
    font-size: 0.8rem;
}
#loading-bar {
	pointer-events: all;
	z-index: 1000;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: wait;
	position: fixed;
	background-color: rgba(255, 255, 255, 0.6);
}

.rif.md-input-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) top; /*center;*/
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.img-panel { padding: 0 5px;}
.fav .deleted {
/* 	opacity: 0.6; */
    background-color: #eee;
}
.fav .deleted:after {
    content: "non più disponibile";
    display: block;
    background-color: #f00;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 0;
}
.fav md-list-item {
	border-bottom: 1px solid #eee;
}
.fav .image {
    width: 100px;
	height: 100px; 
	display: flex;
    margin-right: 15px;
}
.fav .image img {
    object-position: center center;
/*     width: 100%; */
/*     height: 100%; */
    object-fit: cover;
    margin: auto;
	    max-height: 100px;
    min-width: 100%;
   max-width: 100%;
}
md-list.annunci {
	padding: 0;
}
md-list.annunci md-list-item {
	padding: 10px;
   	border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
md-list.annunci md-list-item .image {
    width: 150px;
	height: 150px; 
	display: flex;
    margin-right: 15px;
}
md-list.annunci md-list-item .md-list-item-text {width:100%;}
md-list.annunci md-list-item .image img {
    object-position: center center;
    object-fit: cover;
    margin: auto;
	    max-height: 100px;
    min-width: 100%;
   max-width: 100%;
}
md-list.annunci md-list-item label { font-weight:700; margin-right:10px;}
md-list.annunci md-list-item p > span:after {
	content: "|";
    display: inline-block;
    padding: 0 10px;
}
md-list.annunci md-list-item p > span:last-child:after {
    content: "";
    padding: 0;
}
md-list.ricerche md-list-item h4 > span,  md-list.ricerche md-list-item p > span {
	margin-right:10px;
}
@media only screen and (max-width: 480px) {
	.fav md-list-item {
		flex-direction: column;
		align-items: center;
		padding:0;
	}
	.fav md-list-item.md-2-line:before {
		min-height:0;
	}
	.fav .image {
		margin:0;
		width: 100%;
	    height: 100%;
	    padding: 10px;
	}
	.fav .image img {
		max-height: 200px;
	}
	.fav md-list-item .md-secondary-container {
		margin: 10px 0;
	}
}
@media only screen and (max-width: 736px) {
	.fav h3 {
		white-space: normal!important;
	}
	.fav md-list-item.md-no-proxy, md-list-item .md-no-style {
	    padding: 10px 0;
	}
	md-list.annunci md-list-item, md-list.ricerche md-list-item {
		flex-direction: column;
	    padding: 0 0 10px 0;
	}
	md-list.annunci md-list-item .image {
	    width: 100%;
	    height: 100%;
	    margin-right: 0;
		margin-bottom: 15px;
	}
	md-list.annunci md-list-item .image img {
		max-height: initial;
	}
	md-list.annunci md-list-item p.info {
		border-top: 1px solid #ccc;
	    padding-top: 10px;
	}
	md-list.annunci md-list-item .md-secondary-container, md-list.ricerche md-list-item .md-secondary-container {
		justify-content: space-between;
	    margin: 10px 0 0 0;
		border-top: 1px solid #ccc;
	    width: 100%;
	    padding: 10px 0 0 0;
	}
	md-list.annunci md-list-item:before , md-list.ricerche md-list-item:before {min-height: 0;}
	md-list.annunci md-list-item .md-secondary-container > .md-button, md-list.ricerche md-list-item .md-secondary-container > .md-button {
		margin:0!important;
	}
	md-list.annunci md-list-item p.info  > span,  md-list.ricerche md-list-item h4 > span,  md-list.ricerche md-list-item p > span{
/* 	    display: block; */
		margin-right:0;
	}
	md-list.annunci md-list-item p > span {
	    display: flex;
    	justify-content: space-between;
	}
	md-list.annunci md-list-item p > span:after {
	    content: unset!important;
	    padding: 0;
	}
}

.md-button.md-outline-primary {
	color: #0075ae;
    background-color: #fff;
    border: 1px solid #0075ae;
}
.md-button.md-outline-primary:hover {
	color: #fff;
    background-color: #00537b;
    border-color: #0086c8;
}
.md-button.md-outline-primary:hover md-icon,.md-button.md-outline-primary:focus md-icon{
	color: #fff;
} 
.md-button.md-fill-primary {
	color: #fff;
    background-color: #0075ae;
    border: 1px solid #0075ae;
}
.md-button.md-fill-primary:hover {
	color: #fff;
    background-color: #00537b;
    border-color: #0086c8;
}
.md-button.md-fill-primary:hover md-icon,.md-button.md-fill-primary:focus md-icon{
	color: #fff;
} 
.md-button.md-outline-default {
	color: rgb(33, 37, 41);
    background-color: #fff;
    border: 1px solid rgb(33, 37, 41);
}
.md-button.md-outline-default:hover {
	background-color: #eee!important;
    border-color: rgb(33, 37, 41);
}
.md-button.md-outline-primary[disabled] {
	opacity:0.4;
	cursor: not-allowed;
	background-color: #fff!important;
	color: #0075ae!important;
}
.login h4 {
    padding: 10px 0;
    width: 100%;
    text-align: center;
}
.login md-input-container {
	margin-bottom:0;
}
.login md-card > div {
	border-top: 1px solid #bbb;
    padding: 10px;
}
.login button { width: 100%;}

.md-raised.md-facebook, .md-raised.md-google {
	font-family: 'Roboto', sans-serif;
	display: flex;
    justify-content: start;
	width:100%;
    height: 42px;
	padding:0;
}
.md-raised.md-facebook {
	color: #fff;
    background-color: #4267b2;
}
.md-raised.md-facebook:hover, .md-raised.md-facebook:active, .md-raised.md-facebook:focus{
	background-color: #2e467c!important;
	color:#fff;
}
.md-button.md-outline-primary.md-google {
	color: #4285F4;
    background-color: #fff;
    border: 1px solid #4285F4;
}

.md-button.md-outline-primary.md-google:hover {
    color: #fff;
    background-color: #4285F4;
    border-color: #4285F4;
}

.md-google svg {
	width: 46px;
    height: 46px;
	margin-right:12px;
}
.md-facebook svg {
    width: 46px;
    height: 20px;
    fill: #fff;
	margin-right:12px;
}
.or-separator{
	position: relative;
    border-bottom: 1px solid #999;
    width: 100%;
    margin: 2.5rem 0;
    text-align: center;
    height: 1px;
}
.or-separator > span {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    font-size: 1rem;
    color: rgba(0,0,0,.87);
    background: #fff;
    width: auto;
    top: -0.8rem;
    padding: 0 1rem;
}
.md-big {
    font-size: 2rem;
    font-weight: bold;
    padding: 2rem;
}
#map {height:300px; width:100%;}
#map-container md-dialog-content {padding: 10px 20px; width:800px;}
#map-container .dialog-header {
	display: flex;
    justify-content: space-between;
}
#map-container .dialog-header button {
	margin-top: -10px;
    margin-right: -22px;
}
.map-confirm {
	margin-top: 15px;
	border-left: 6px solid orange;
    font-weight: 600;
	padding: 0 0 0 10px;
}
/*** Messaggi ***/
.messaggi md-sidenav {
	border-right: 1px solid rgba(0,0,0,0.12);
}
.nomail {
	font-size:1.8rem;
	padding: 20px 0;
	font-weight:bold;
	color: rgba(0,0,0,0.12);
	text-align: center;
}
.message-list md-list-item {
	border-bottom: 1px solid rgba(0,0,0,0.12);
	border-left: 4px solid #0075ae;
	margin: 1px 0;
}
.message-list md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line>.md-no-style .md-list-item-text h3  {font-size:0.8rem; font-weight: bold;}
.message-list md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line>.md-no-style .md-list-item-text h4 {font-weight: 600;}
.message-list md-list-item.md-3-line .md-list-item-text p {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #000;
}
.message-list .current {
    background-color: #E2F2FB;
}
.message-list md-list-item.md-3-line.read {border-left: 0px;}
.message-list md-list-item.md-3-line.read .md-list-item-text h3, md-list-item.md-3-line.read>.md-no-style .md-list-item-text h3  {font-weight: 600;}
.message-list md-list-item.md-3-line.read .md-list-item-text h4, md-list-item.md-3-line.read>.md-no-style .md-list-item-text h4 {font-weight: 400;}
md-list.message-list md-list-item.read.md-3-line .md-list-item-text p p {color: rgba(0,0,0,0.54);}
.message-nav {
    justify-content: space-between;
    display: flex;
}
.message-action {
	width: 100%;
    justify-content: end;
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}
.message-header, .messaggio-annuncio{
	min-height: 90px;
/*     padding: 5px 10px; */
	padding: 5px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    display: flex;
    width: 100%;
	align-items: center;
}
.message-header .md-avatar , .messaggio-annuncio .messaggio-thumb{
	text-align:center;
	height: 95px;
    width: 95px;
    border: 1px solid #ddd;
    display: block;
    position: relative;
    margin-right: 20px;
	font-size: 61px;
    color: #ddd;
}
.message-header h3, .messaggio-annuncio h3 {
    font-weight: bolder;
    text-transform: uppercase;
    color: #3997C0;
    font-size: 1.1rem;
	margin-bottom: 0;
}
.message-header h4 , .messaggio-annuncio .messaggio-annuncio-info{
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.0rem;
}
.message-header h4, .message-body h4 {
    font-weight: bold;
    padding: 0 10px 0 0;
    margin: 0;
	font-size: 1.0rem;
}
.message-header h4 {
/* 	line-height: 95px; */
}
.message-header h4 > span {
	margin-right: 10px;
}
.message-header h4 i:before, .messaggio-annuncio-info i:before {
	margin-right: 6px;
}
.message-body {
	width: 100%;
}
.messaggio-annuncio-info {
	display:flex;
}
.messaggio-annuncio-info > div {
/* 	margin-right: 10px; */
}
.messaggio-annuncio-info > div:after{
	content: "-";
	padding:0 10px;
}
.messaggio-annuncio-info > div:last-child:after {
	content: "";
	padding:0;
}
.messaggio-thumb img {
	max-width: 100%;
    max-height: 100%;
}
.expired img, .expired h3, .expired .messaggio-annuncio-info {
    opacity: 0.5;
}
.messaggio-nd {
	position: absolute;
/*     right: 0; */
    background: red;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    padding: 2px 10px;
/*     transform: rotate(45deg) translate(38px, 10px); */
	z-index:80;
}
.messaggio-testo {
    background-color: #fff;
    display: inline-flex;
    position: relative;
    flex-direction: column;
    align-self: flex-end;
    min-width: 22rem;
    max-width: 70%;
    padding: 1.6rem 1.6rem .8rem;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
	background-color: #E2F2FB;
}
.messaggio-testo p {
    font-size: 1rem;
    line-height: 1.375;
    white-space: pre-line;
    overflow: hidden
}
.messaggio-data {
    color: #999;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.333333;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-top: .4rem
}
.message-sender-marked {
	width: 100%;
    border-bottom: 1px solid #ddd;
}
.message-sender-marked > .message-info {
	text-align: center;
    color: #664d03;
    background-color: #fff3cd;
    position: relative;
    padding: 1rem 1rem;
    border: 1px solid #ffecb5;
    margin: 10px 0;
}
.message-prev {
	margin-top: 20px;
}
.message-prev .messaggio-testo {
	background-color: #E2FAD4;
}
.message-body.message-prev h4 {
	margin-bottom: 10px;
}
@media (max-width: 456px) {
	.message-header h4 {
		display:none;
	}
	.message-header .md-list-item-text {
		    max-width: 200px;
	}
	.message-header .md-list-item-text h4 {
		display: flex;
	    flex-direction: column;
	    line-height: normal;
	}
	.messaggi md-sidenav {
		width: 100%;
    	max-width: 1100%;
	}
	.preview.show {
		display: block;
		animation: showPreview 0.5s;
	}
	.messaggi .preview {
	    position: absolute;
	    top: 0;
	    left: 0;
        z-index: 60;
	    margin: 5px 10px;
	    height: calc(100% - 10px);
	    width: calc(100% - 20px);
	    -webkit-box-shadow: 5px 5px 15px 5px #000000;
	    box-shadow: 5px 5px 15px 5px #000000;
	}
	.message-action {
		justify-content: start;
	}
	.message-action .md-button {
		min-width: 38px;
	}
	.messaggi .btn-close {
	    float: right;
    	margin-top: 5px;
	}
	.messaggio-testo {
	    max-width: 90%;
	    width: 100%;
	    min-width: initial;
	}
}
@keyframes showPreview {
     from {
          opacity: 0;
     }

     to {
          opacity: 1;
     }
}
.istruzioni {
	width: 48%;
    padding: 10px;
    background-color: #e9e9e9;
}
.istruzioni h6 {
    font-weight: bold;
}
.istruzioni li {
	font-size:0.9rem;
}
.modulo {
	width: 48%;
}
xmd-step .modulo, xmd-step .modulo md-input-container{
	width:100%;
    max-width: 100%;
}
xmd-step .istruzioni {
	width:100%;
	margin-bottom: 40px;
}
.modulo md-input-container {
	display: block;
    max-width: 300px;
}
.azioni .md-button {width:150px;}
.reply-dlg {
	width: 500px;
}
@media (max-width: 599px) {
	.istruzioni, .modulo {width: 100%;}	
	.reply-dlg {
		width: 100%;
	}
}
.orario-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.orario-enntry.orario-title {
    width: 100%;
    display: flex;
}
.orario-giorno {
    width: 120px;
    font-weight: bold;
}
.orario-setting {
    display: flex;
}
.orario-col-title {
    font-weight: bold;
    width: 200px;
	text-align: center;
}
.orario-mattino, .orario-pomeriggio {
    justify-content: center;
    width: 200px;
    display: flex;
}
.orario-enntry {
    display: flex;
	border-bottom: 1px solid #eee;
}
.orario-ora-wrapper svg {
    width: 14px;
    cursor: pointer;
}
.orario-ora-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30px;
}
.orario-ora {
    display: flex;
    align-items: center;
}
.orario-sepa {
    font-weight: bold;
    font-size: 20px;
    margin-top: -3px;
}
.orario-ora-view {
    border: 1px solid #666;
    padding: 0 3px;
}
.orario-orario {
    display: flex;
    align-items: center;
    gap: 10px;
}
.orario-chiuso {
    background-color: #c31c23;
    width: 20px;
    border-radius: 10px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.orario-chiuso svg {
    fill: #fff;
    width: 10px;
}
.orario-enntry {
	align-items: center;
}
.orario-ore {
    display: flex;
    gap: 20px;
}
.orario-display .orario-ora-view {
    border: 0;
    padding: 0;
}
.orario-action {
	text-align: center;
}
.team-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	justify-content: flex-start;
    border: 1px solid #eee;
    padding: 10px;
	min-height: 304px;
}
.person {
	border: 1px solid #eee;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
 
.team-wrapper {
    display: flex;
    padding: 0.8rem;
}

.person .photo {
    color: #aaa;
    background-color: #eee;
    width: 170px;
    height: 170px;
    text-align: center;
    margin: 10px;
    font-size: 120px;
}
.person .photo img {
    object-fit: cover;
    width: 170px;
    height: 170px;
	vertical-align: unset;
}
/* .person .photo svg { */
/*     height: 180px; */
/*     width: 100px; */
/*     fill: #bbb; */
/* } */
.person .name {
    height: 64px;
}
/*
.team-action svg {
    fill: #666;
    height: 14px;
}
*/
.team-actions {
    width: 100%;
    margin-top: -20px;
    margin-left: -20px;
}
.team-photo-actions {
	width: 100%;
    text-align: right;
    margin-top: -45px;
    margin-right: 20px;
	margin-bottom: 20px;
    height: 36px;
}

.team-wrapper button, .team-wrapper .photo-field {
    margin: 0;
    width: 32px;
    min-width: 32px;
}
input[name=team-photo]{
	display:none;
}
.name {
	width: 100%;
    padding: 0 8px;
}
.name > div {
	display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.name > div > button.md-primary {
    margin-top: -2	5px;
}
/*
.team-action:hover {
	background-color: #bbb;
}
.team-action:hover svg {
	fill:#333;
} */
.team-add button svg {
	width:20px;
	height:20px;
	fill:#fff;
}
.team-add button.md-primary {
    min-width: 24px;
}
.team-add md-input-container {
    margin: 0 5px 0 0;
    width: 130px;
    padding: 10px 0 0 0;
}
.team-add .name {
    display: flex;
    align-items: flex-start;
}
/* .photo .md-icon-button { */
/*     float: right; */
/*     margin: -30px 26px 0 0; */
/*     background-color: #fff; */
/*     border-radius: 0; */
/*     width: 24px; */
/*     min-width: 24px; */
/*     max-width: 24px; */
/*     height: 24px; */
/*     min-height: 24px; */
/*     max-height: 24px; */
/*     line-height: 24px; */
/*     padding: 1px 0 0 8px; */
/* } */

.profile-message {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}

/* #cropper { */
/* 	width:250px; */
/* 	height: 250px; */
/* } */
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}