@CHARSET "UTF-8";
body {
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.846;
    color: #666;
    background-color: #F9F9F9;
    position: relative;
    font-size: 13px;
}

body, html {
    height: 100%;
}

body, button, input {
    -webkit-font-smoothing: antialiased;
    letter-spacing: .1px;
    text-rendering: optimizeLegibility;
}

/* a { */
/*     color: #2196F3; */
/* } */

/* a:hover { */
/*     color: #90CAF9; */
/* } */

.w400 {
	margin:5% auto; 
	max-width:400px;	
}

.f9 {
    font-size: 9px;
}

.center {
    display: table-cell;
    vertical-align: middle;
}

.pa0 {padding:0!important;}
.input-field.col.pa0 label {left:0;}
.mb0 {margin-bottom:0;}
.mt10 {margin-top:10px;}
.pt20 {
	padding-top:20px;
}
.pl20 {
	padding-left:20px;
}

.oh {
	overflow: hidden;
}

.brand-logo {
    background: transparent url(https://valorecasagarantito.com/wp-content/uploads/2019/02/logo_valoreCasaGarantito7.svg) no-repeat;
    text-align: center;
    text-transform: uppercase;
	background-position-y: -14px;
    background-position-x: 50%;
/*     background-size: 80%; */
	height: 140px;
    padding-top: 60px;
}

.card-body {margin: 20px auto;}
.card-header, .card-footer {
	background-color: #fff;
	min-height: 50px;
}
.card-header.view-detail {
	color: #fff;
    background-color: #26a69a;
    font-size: 1.5rem;
    padding: 0 20px;
    line-height: 48px;
}
.card-header.view-detail .navbar-toolbar {
    margin-right: 0;
}
.card-header i {margin-right: 5px;}
.card-footer {border-top: 0;}
/* .card-content { */
/* 	margin-top: 1.4rem; */
/* } */
.card-content.view-detail {
	margin-top: 0;
}
.card-content.view-detail.tabbed {
	padding-top: 0;
}
.btn.btn-square {
	padding: 0 10px 0 10px!important;
}
.card-header.view-detail .btn-flat {
	color: #fff;
	padding: 0 4px 0 10px;
/* 	background-color: #fff; */
/* 	box-shadow: none; */
/*     border: 1px solid #fff; */
}
.btn-flat span.badge {
	min-width: 14px;
	color: #fff;
    font-weight: bold;
    border-radius: 8px;
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    padding: 0 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/*=========================
 * Forms
 *========================= */
 
.has-error label {
	color: #ff4444;	
}
.has-error input {
	border-color: #ff4444;
}
.clear-input {
	cursor:pointer;
	display:inline-block;
	position: absolute;
    line-height: 44px;
    right: 12px;
    color:#26a69a;
    padding:0 4px:
}

/*=========================
 * PageLoader & Spinner
 *========================= */

.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}
.page-loading {
	top:0;
	left:0;
	z-index: 900;
	display:block;
	position:absolute;
	min-width:100%;
	min-height:100%;
	background-color: #f5f5f5;
    opacity: 0.8;
}
.page-spinner {margin:10% auto;}

/*=========================
 * Sidebar
 *========================= */

.sidebar, pre, textarea {
    overflow: auto;
}
.sidebar {
    position: fixed;
    top: 0;
    height: 100%;
}
.sidebar a {color:#fff;}
.sidebar .brand-logo {
/* 	padding-top: 30px; */
/* 	margin-top:10px; */
    margin-bottom: 20px;
	background-image: url(/images/logo.svg);
}
.sidebar {
    left: 0;
    width: 260px;
    margin: 0;
    padding-bottom: 60px;
    z-index: 1037;
    will-change: left;
    font-size: 13px;
    background: #474747;
    color: #FFF;
    border-right: 1px rgba(0,0,0,.07) solid;
}
.sidebar md-content {
	background: #474747;
    color: #FFF;
}
.sidebar .user-data {
    min-height: 70px;
    position: relative;
    display: table;
    width: 100%;
    -webkit-box-shadow: inset 0 0 2px rgba(233,233,233,.1);
    box-shadow: inset 0 0 2px rgba(233,233,233,.1);
}
.sidebar .user-data:after {
    content: "";
    background: url(/images/user-bg.png);
    background-size: cover;
    opacity: .2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.sidebar .user-data .content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 22px;
    text-transform: uppercase;
}
.sidebar .user-data .content .user-name {
    font-size: 16px;
    line-height: 18px;
}
.sidebar .user-data .content .user-actions {
    margin-top: 7px;
    font-size: 10px;
}
.sidebar .user-data a, a:focus, a:hover {
/*     color: #90CAF9; */
}

.menu-box {
	margin-top:10px;
/*     min-height: 100px; */
	min-height: 50px;
    display: block;
    margin: 0 auto;
/*     text-align: center; */
    font-size: 1.0rem;
    text-transform: uppercase;
	background-color: #474747;
    padding: 10px 5px 10px 15px;
}
.menu-box i {
	font-size: 1.5rem;
    margin-right: 10px;
}
/* .menu-ico {font-size: 2.5rem;} */
.menu-box a, .menu-box a:hover {color:#fff;}
.menu-box:hover {
	background-color:#2f2f2f;
	cursor:pointer;
}
/*=========================
 * Main container
 *========================= */

main {
/*     padding-left: 260px; */
}

main .main-container {
/*     flex: 1; */
}

main .main-container .main-content {
    position: relative;
    padding-top: 10px;
/*     padding-top: 64px; */
/*     background-color: #fff; */
}

/*=========================
 * Main Navbar
 *========================= */

main nav {
	padding-left: 20px;
	background-color: #fff;
}

.navbar-toolbar {
    margin-right: 10px;
}
nav .button-collapse {
	color: #2bbbad!important;
	margin:0;
}
nav .button-collapse:focus {
	background-color:transparent;
	outline: none;
    border: 0;
}
/* .navbar-toolbar-btn { */
/*     transition: .2s ease-out; */
/*     cursor: pointer; */
/*     box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); */
/* } */
/* .navbar-toolbar-btn:hover { */
/*     box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2); */
/* } */

/* .navbar-toolbar-btn i { */
/* 	font-size: 1.5rem; */
/* 	color: #2bbbad; */
/* } */
.btn-count {
/* 	position: absolute; */
    font-style: normal;
    color: #ffffff;
    background: #f44336;
    padding: 1px 5px;
    border-radius: 8px;
/*     right: 15px; */
/*     top: 10px; */
    font-size: 10px;
    line-height: 15px;
    position: relative;
    top: -2px;
}
nav a .btn-count, nav button .btn-count {
	position: absolute;
    right: 0;
    top: 10px;
}
.btn-flat.btn-floating {
	border-radius:0;
}
.btn-flat.btn-floating i {
	color: #343434;
}
.btn-small.btn-flat.btn-floating {
width: auto;
    height: auto;
    line-height: initial;
}
.btn-small.btn-flat.btn-floating i {
    font-size: initial;
    line-height: initial;
}
.btn-square {padding: 0 1rem!important;}
/*=========================
 * Page animations
 *========================= */


/* leaving animations ----------------------------------------- */
/* rotate and fall */
@keyframes rotateFall {
    0%      { transform: rotateZ(0deg); }
    20%     { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40%     { transform: rotateZ(17deg); }
    60%     { transform: rotateZ(16deg); }
    100%    { transform: translateY(100%) rotateZ(17deg); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}

/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to      { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from    { opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}

/* .internal-page.ng-enter         { animation: slideInRight 0.5s both ease-in; } */
/* .internal-page.ng-leave         { transform-origin: 0% 0%; animation: slideOutLeft 0.5s both ease-out; } */

/*=========================
 * Modals
 *========================= */
 .modal-header {
    background-color: #26a69a;
    font-size: 1.5rem;
    padding: 0 20px;
    line-height: 48px;
    color: #fff;
 }
/*=========================
 * Tables
 *========================= */

.preview .ng-binding {
	cursor:pointer;
}
.preview .long-desc {
	    white-space: normal!important;
}
th .sort {
/* 	float:right; */
	cursor:pointer;
	padding-left: 8px;
}
th .sort.active {color: #2bbbad;}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}
table.bordered>tbody>tr.tr-nb {
    border-bottom: 0;
}
td.actions {
	text-align:right;
}
td.actions .btn-flat {
	color: #26a69a;
    padding: 0 10px 0 10px;
}
.list-icon {
    font-size: 1.8rem;
    display: block;
    float: left;
    padding: 0 4px 0 0;
}
tr.deleted , li.deleted {background-color:#FFEBEE !important; color:#e57373;}
tr.deleted .list-icon, li.deleted .icons i {
/*     color: #ffcdd2 !important; */
}
tr.deleted td.actions button, li.deleted .secondary-content, li.deleted.collection-item.avatar .action .btn-flat, tr.deleted .actions > a > i{
    color: #e57373;
}

tr.confirm , li.confirm {border-left: 10px solid #D14C00;}
tr.owner , li.owner {xbackground-color:#e0f2f1 !important; color:#0288d1  ;}
tr.owner td.actions .btn-flat, li.owner .secondary-content, li.owner.collection-item.avatar .action .btn-flat{
    color: #0288d1  ;
}

/*=========================
 * Breadcrumb
 *========================= */
 
.breadcrumb {
  font-size: 13px;
  color: #666;
/*   padding: 0.75rem 1rem; */
/*   margin-bottom: 1rem; */
/*   list-style: none; */
}
.breadcrumb:before {
  color: #818a91;
  content: "/";
  font-size: 13px;
  font-family: initial;
}

.breadcrumb.active, .breadcrumb.active:hover, .breadcrumb:hover  {
	color: #2bbbad;
}

/* .breadcrumb::after { */
/*   content: ""; */
/*   display: table; */
/*   clear: both; */
/* } */

/* .breadcrumb-item { */
/*   float: left; */
/* } */

/* .breadcrumb-item + .breadcrumb-item::before { */
/*   display: inline-block; */
/*   padding-right: 0.5rem; */
/*   padding-left: 0.5rem; */
/*   color: #818a91; */
/*   content: "/"; */
/* } */

/* .breadcrumb-item + .breadcrumb-item:hover::before { */
/*   text-decoration: underline; */
/* } */

/* .breadcrumb-item + .breadcrumb-item:hover::before { */
/*   text-decoration: none; */
/* } */

/* .breadcrumb-item.active { */
/*   color: #818a91; */
/* } */

/* Panels
============================================================================= */
.panel {background-color: #fff;margin-top: 20px;padding: 8px;}
.panel .hour {width: 40px;}
.panel h6 {
	background: #2bbbad;
    color: #fff;
    font-weight: 800;
    padding: 8px;
}

.list-toolbar-filters {
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    padding: 10px;
    margin-bottom: 10px;
}
.list-toolbar-filters h5 {
	font-size: 1.2rem;
    color: #26a69a;
    font-weight: bold;
    border-bottom: 1px solid #26a69a;
    padding-bottom: 5px;
    margin-bottom: 1.3rem;
}
.list-toolbar-filters .row {margin-bottom:0;}
.list-toolbar-filters .apply { margin-top:10px;}
.list-toolbar-filters .radio-container {
	position: relative;
    line-height: 3rem;
    margin-bottom: 20px;
} 
 .icon-prefixed-text i.material-icons {
 	font-size: 1.2rem;
/*     line-height: 28px; */
    float: left;
 }
 .icon-prefixed-text span {
 	margin-left: 10px;
    font-size: 1.0rem;
    margin-top: -2px;
    display: inline-block;
 }
 
 /*========================
  * /angular-ui/bootstrap/master/src/position/position.css
  *======================== */
.uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important;
}

.uib-position-body-scrollbar-measure {
  overflow: scroll !important;
}
 
/*=========================
 * Fix
 *========================= */
/*  .ui-documenti .card .card-content, .ui-immagini .card .card-content {padding:0} */
 .navbar-toolbar .input-field {margin-top:0;}
 nav .button-collapse {display:inline-block;}
 .fc-time-grid .fc-slats td {display:block;}
 .select-wrapper input.select-dropdown:disabled {
    color: rgba(0,0,0,0.5);
    border-bottom: 1px dotted rgba(0,0,0,0.5);
 }
 
 md-select {
 	outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
 }
 md-select.md-default-theme .md-select-value, md-select .md-select-value {
 	border-bottom: 1px solid #9e9e9e;
 	padding: 0;
 }
 md-select:not([disabled]).ng-invalid.ng-touched .md-select-value {
 	background-color: #FAE9EC;
 }
 md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
 	border-bottom-color: initial;
 	background-image: none;
 	border-bottom:1px dotted rgba(0,0,0,0.5);
 }
 md-select-menu-container,.md-select-menu-container{z-index:9999!important;}
 [type="radio"]:disabled+label {
    color: rgba(0,0,0,0.5);
}
.md-dialog-content-body {
    font-size: 1.1rem;
}
.md-dialog-content-body strong {
    color: rgb(38,166,154);
    font-weight: 900;
}
*:focus {
    outline: none;
}
.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {color: #fff;}
.md-datepicker-input {
	margin: initial !important;
}
.md-datepicker-input-container {border-bottom:0!important;}
.md-datepicker-triangle-button.md-button.md-icon-button {height: 55px;}
.md-datepicker-calendar table {width:auto!important;}
.md-button.md-icon-button {border-radius:0!important;}
.md-datepicker-triangle-button:focus {background-color: transparent!important;}
[type="radio"].with-gap:disabled:checked+label:before {
    border: 2px solid rgba(0,0,0,0.5);
}
[type="radio"]:disabled:not(:checked)+label:before, [type="radio"]:disabled:checked+label:before {
	    border-color: rgba(0,0,0,0.5);
}
[type="radio"].with-gap:disabled:checked+label:after {
	    background-color: rgba(0,0,0,0.5);
}
[type="radio"]:disabled:checked+label:after {
    background-color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.5);
}
.image-empty{
	padding: 15px 5px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
p.image-desc {
    line-height: 24px;
    width: 100%;
    display: inline-block;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
	min-height: 24px;
}
#uploadDlg {
	z-index: 1040!important;;
	width: 90%;
}
#editImageDlg img {
	max-width: 95%;
}
.upload-data {margin-top: 15px;}
.upload-queue strong {    
	font-size: 1.0rem;
    padding-bottom: 1rem;
    display: block;
}
.image-empty:hover {background-color: #f2f2f2;}
.image-actions {border-top:1px solid #c0c0c0; margin-bottom: 20px;}
.image-actions .btn-flat { padding: 0 0.6rem;}
.image-container, .button-container {
/* 	min-height: 180px; */
/*     background-color: #f0f0f0; */
/*     border: 1px solid #e0e0e0; */
/*     padding: 2px; */
    margin: 0 2px;
    text-align: center;
}
.image-container a {
    height: 140px;
    display: block;
}
.image-container img { max-height: 140px;}
.upload-progress { padding: 0 20px; }
.upload-data .file-field .btn { 
 	height: 36px;
    line-height: 36px;
    margin-right: 4px;
}
 .third-content {
  float: right;
  color: #26a69a;
}
 .collection .collection-item.active .third-content {
  color: #fff;
}
 .collection .collection-item.avatar .third-content {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.collection .collection-item.avatar .third-content [class^="icon-"]:before, [class*=" icon-"]:before {
	margin-right: 0;
}
.collection .collection-item.avatar .action {
	margin-left: -58px;
}
.collection .collection-item .action .btn-flat {
	color: #26a69a;
	padding: 0 1rem;
	border: 1px solid;
}
.collection .collection-item .action {
	border-top: 1px solid #aaa;
    margin-top: 15px;
    padding-top: 10px;
}
.menu-ico .fa {font-size: 2rem;}

/** Falsa textare usata solo in display **/
.textarea.display-only {
	border-bottom: 1px dotted rgba(0,0,0,0.5);
	min-height: 3rem;
	height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: .8rem 0 1.6rem 0;
    height: 100%;
}
/** Fix altezza textarea **/
/* textarea.materialize-textarea { */
/* 	height: 100%; */
/* } */
/** fix for ng-invalid on material_select **/
.select-wrapper.ng-invalid > .caret {color:#F44336;background-color: #FAE9EC;}
.select-wrapper.ng-invalid > .select-dropdown, md-select.ng-invalid md-select-value, md-datepicker.ng-invalid .md-datepicker-input { color: #F44336; border-color: #F44336;background-color: #FAE9EC;}
md-select.ng-invalid+label,md-datepicker.ng-invalid + label {color:#F44336;}
 @media only screen and (max-width: 600px) {
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
  #toast-container {
/*     left: 5%; */
/*     bottom: 7%; */
/*     max-width: 90%; */
	top: 2%;
    right: 2%;
    left: initial;
    bottom: initial;
  }
}

@media only screen and (min-width: 993px) {
  #toast-container {
    top: 2%;
    right: 2%;
/*     max-width: 86%; */
  }
}
 #toast-container  > div {
 -webkit-justify-content: initial !important;
   -ms-flex-pack: justify !important;
}
#toast-container .toast-message {
    -ms-word-wrap: normal;
    word-wrap: normal;
    white-space: nowrap;
}
/*=========================
 * Pagination
 *========================= */
.totale {
	background-color: #f3f3f3;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
}
.pagination li.active {
    background-color: #2bbbad;
}
li.pagination-icon a {
    padding: 0px 0px;
}
form.edit-mode .input-field label {
	font-size: 1rem;
	-webkit-transform: translateY(-140%);
    transform: translateY(-140%);
}
form.edit-mode .select-wrapper+label {
	top: 11px;
}

.file-field input[type=file].docUpload {
	height: 36px;
    line-height: 36px;
    margin-right: 4px;
    width: 221px;
}
.file-field.doc-upload input[type=file].docUpload {
	width: 75px;
}

input:not([type]).ng-dirty.ng-invalid, input:not([type]):focus.ng-dirty.ng-invalid,
input[type=text].ng-dirty.ng-invalid,
input[type=text]:focus.ng-dirty.ng-invalid,
input[type=password].ng-dirty.ng-invalid,
input[type=password]:focus.ng-dirty.ng-invalid,
input[type=email].ng-dirty.ng-invalid,
input[type=email]:focus.ng-dirty.ng-invalid,
input[type=email].ng-dirty.invalid-cust,
input[type=email]:focus.ng-dirty.invalid-cust,
input[type=url].ng-dirty.ng-invalid,
input[type=url]:focus.ng-dirty.ng-invalid,
input[type=time].ng-dirty.ng-invalid,
input[type=time]:focus.ng-dirty.ng-invalid,
input[type=date].ng-dirty.ng-invalid,
input[type=date]:focus.ng-dirty.ng-invalid,
input[type=datetime].ng-dirty.ng-invalid,
input[type=datetime]:focus.ng-dirty.ng-invalid,
input[type=datetime-local].ng-dirty.ng-invalid,
input[type=datetime-local]:focus.ng-dirty.ng-invalid,
input[type=tel].ng-dirty.ng-invalid,
input[type=tel]:focus.ng-dirty.ng-invalid,
input[type=number].ng-dirty.ng-invalid,
input[type=number]:focus.ng-dirty.ng-invalid,
input[type=search].ng-dirty.ng-invalid,
input[type=search]:focus.ng-dirty.ng-invalid,
.select-wrapper.ng-invalid.ng-dirty.ng-invalid input.select-dropdown,
textarea.materialize-textarea.ng-dirty.ng-invalid,
textarea.materialize-textarea:focus.ng-invalid,
div[input-class=autocomplete].ng-dirty.ng-invalid input[type=text] {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336;
  background-color: #FAE9EC;
}
input:not([type]).ng-invalid + label:after,
input:not([type]):focus.ng-invalid + label:after,
input[type=text].ng-invalid + label:after,
input[type=text]:focus.ng-invalid + label:after,
input[type=password].ng-invalid + label:after,
input[type=password]:focus.ng-invalid + label:after,
input[type=email].ng-invalid + label:after,
input[type=email]:focus.ng-invalid + label:after,
input[type=email].invalid-cust + label:after,
input[type=email]:focus.invalid-cust + label:after,
input[type=url].ng-invalid + label:after,
input[type=url]:focus.ng-invalid + label:after,
input[type=time].ng-invalid + label:after,
input[type=time]:focus.ng-invalid + label:after,
input[type=date].ng-invalid + label:after,
input[type=date]:focus.ng-invalid + label:after,
input[type=datetime].ng-invalid + label:after,
input[type=datetime]:focus.ng-invalid + label:after,
input[type=datetime-local].ng-invalid + label:after,
input[type=datetime-local]:focus.ng-invalid + label:after,
input[type=tel].ng-invalid + label:after,
input[type=tel]:focus.ng-invalid + label:after,
input[type=number].ng-invalid + label:after,
input[type=number]:focus.ng-invalid + label:after,
input[type=search].ng-invalid + label:after,
input[type=search]:focus.ng-invalid + label:after,
.select-wrapper.ng-invalid + label:after,
textarea.materialize-textarea.ng-invalid + label:after,
textarea.materialize-textarea:focus.ng-invalid + label:after {
  content: attr(data-error);
  color: #F44336;
  opacity: 1;
  background-color: #FAE9EC;
}

input:not([type]).ng-invalid + label,
input:not([type]):focus.ng-invalid + label,
input[type=text].ng-invalid + label,
input[type=text]:focus.ng-invalid + label,
input[type=password].ng-invalid + label,
input[type=password]:focus.ng-invalid + label,
input[type=email].ng-invalid + label,
input[type=email]:focus.ng-invalid + label,
input[type=email].invalid-cust + label,
input[type=email]:focus.invalid-cust + label,
input[type=url].ng-invalid + label,
input[type=url]:focus.ng-invalid + label,
input[type=time].ng-invalid + label,
input[type=time]:focus.ng-invalid + label,
input[type=date].ng-invalid + label,
input[type=date]:focus.ng-invalid + label,
input[type=datetime].ng-invalid + label,
input[type=datetime]:focus.ng-invalid + label,
input[type=datetime-local].ng-invalid + label,
input[type=datetime-local]:focus.ng-invalid + label,
input[type=tel].ng-invalid + label,
input[type=tel]:focus.ng-invalid + label,
input[type=number].ng-invalid + label,
input[type=number]:focus.ng-invalid + label,
input[type=search].ng-invalid + label,
input[type=search]:focus.ng-invalid + label,
.select-wrapper.ng-invalid + label,
textarea.materialize-textarea.ng-invalid + label,
textarea.materialize-textarea:focus.ng-invalid + label,
div[input-class=autocomplete].ng-dirty.ng-invalid + label {
  color: #F44336;
  opacity: 1;
}

input:not([type]).warning, input:not([type]):focus.warning,
input[type=text].warning,
input[type=text]:focus.warning,
input[type=password].warning,
input[type=password]:focus.warning,
input[type=email].warning,
input[type=email]:focus.warning,
input[type=email].ng-dirty.invalid-cust,
input[type=email]:focus.ng-dirty.invalid-cust,
input[type=url].warning,
input[type=url]:focus.warning,
input[type=time].warning,
input[type=time]:focus.warning,
input[type=date].warning,
input[type=date]:focus.warning,
input[type=datetime].warning,
input[type=datetime]:focus.warning,
input[type=datetime-local].warning,
input[type=datetime-local]:focus.warning,
input[type=tel].warning,
input[type=tel]:focus.warning,
input[type=number].warning,
input[type=number]:focus.warning,
input[type=search].warning,
input[type=search]:focus.warning,
.select-wrapper.warning.warning input.select-dropdown,
textarea.materialize-textarea.warning,
textarea.materialize-textarea:focus.warning,
div[input-class=autocomplete].warning input[type=text] {
  border-bottom: 1px solid #FA752B;
  box-shadow: 0 1px 0 0 #FA752B;
}

input:not([type]).warning + label,
input:not([type]):focus.warning + label,
input[type=text].warning + label,
input[type=text]:focus.warning + label,
input[type=password].warning + label,
input[type=password]:focus.warning + label,
input[type=email].warning + label,
input[type=email]:focus.warning + label,
input[type=email].invalid-cust + label,
input[type=email]:focus.invalid-cust + label,
input[type=url].warning + label,
input[type=url]:focus.warning + label,
input[type=time].warning + label,
input[type=time]:focus.warning + label,
input[type=date].warning + label,
input[type=date]:focus.warning + label,
input[type=datetime].warning + label,
input[type=datetime]:focus.warning + label,
input[type=datetime-local].warning + label,
input[type=datetime-local]:focus.warning + label,
input[type=tel].warning + label,
input[type=tel]:focus.warning + label,
input[type=number].warning + label,
input[type=number]:focus.warning + label,
input[type=search].warning + label,
input[type=search]:focus.warning + label,
.select-wrapper.warning + label,
textarea.materialize-textarea.warning + label,
textarea.materialize-textarea:focus.warning + label,
div[input-class=autocomplete].ng-dirty.warning + label {
  color: #FA752B;
  opacity: 1;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
	color: rgba(0,0,0,0.5);
    border-bottom: 1px dotted rgba(0,0,0,0.5);
}
input:not([type]):disabled+label, input:not([type])[readonly="readonly"]+label, input[type=text]:disabled+label, input[type=text][readonly="readonly"]+label, input[type=password]:disabled+label, input[type=password][readonly="readonly"]+label, input[type=email]:disabled+label, input[type=email][readonly="readonly"]+label, input[type=url]:disabled+label, input[type=url][readonly="readonly"]+label, input[type=time]:disabled+label, input[type=time][readonly="readonly"]+label, input[type=date]:disabled+label, input[type=date][readonly="readonly"]+label, input[type=datetime]:disabled+label, input[type=datetime][readonly="readonly"]+label, input[type=datetime-local]:disabled+label, input[type=datetime-local][readonly="readonly"]+label, input[type=tel]:disabled+label, input[type=tel][readonly="readonly"]+label, input[type=number]:disabled+label, input[type=number][readonly="readonly"]+label, input[type=search]:disabled+label, input[type=search][readonly="readonly"]+label, textarea.materialize-textarea:disabled+label, textarea.materialize-textarea[readonly="readonly"]+label{
		color: rgba(0,0,0,0.5);
}

.collection .collection-item.avatar .icons {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}

.collection .collection-item .row {margin-bottom:0;}

/**
 * Tabs
 */
 .tab-padding-top {
 	padding-top: 14px;
 }
 .tab-padding-top [type="radio"]:not(:checked)+label, [type="radio"]:checked+label {
 	margin-top: 1.5rem;
 }
/*  .md-tabs .md-tab.md-active { */
/*  	color: #26a69a; */
/*  } */
 md-content {background-color:#fff;}
/*  md-tabs.md-accent md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar{ */
/*     color:#60c9f8; this changes the colour of the ripple */
/*     background-color:#60c9f8;  this changes the colour of the ink bar */
/* } */
/*  .md-tabs .md-tab .md-ripple-container { */
/*  	background-color: rgba(238, 110, 115, 0.7); */
/*  } */
/* .view-detail.tabbed {padding-top:0; margin-top:0;} */
/* .view-detail .tab-panel {margin-top: 15px;} */
/* .view-detail .tabs {margin-bottom: 15px;}  */
/* .tabs .tab a.active, .tabs .tab a:hover { */
/*     background-color: transparent; */
/*     color: #26a69a; */
/* } */
/* .tabs .tab a:hover { */
/* 	background-color: #fafafa; */
/* } */
/* .tabs .tab a { */
/*     color: #26a69a; */
/* } */
/* .tabs .indicator { */
/* 	background-color: #26a69a; */
/* } */
/* .tabs .tab.disabled a, .tabs .tab.disabled a:hover { */
/*     color: rgba(38, 166, 154, 0.5); */
/*     cursor: default; */
/* } */
/**
 * Responsive
 */

/* smartphone */
@media only screen and (max-width: 600px) {
	.w400 {margin-top:15%;}
	.toast-top-right {right:0;top:0;}
	#toast-container>div {
	    padding: 8px 8px 8px 50px;
	    width: 100%;
	}
	main {
	    padding-left: 0;
	}
}
/* tablet h */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.hide-tablet-h {
		display: none;
	}
}
/* tablet v */
.hide-tablet-v {
	display: none;
}
.angucomplete-title {
}
.dropdown-content li.angucomplete-searching {
	color: #888;
	font-size: 16px;
	color: #888;
	display: block;
	line-height: 22px;
	padding: 14px 16px;
}
.angucomplete-description {
	color: #888!important;;
}
.angucomplete-dropdown {position:absolute;}
.autocomplete-add {
/*     float: left; */
    padding-right: 10px;
    padding-left: 10px;
}
/* input.autocomplete { */
/* 	float: left!important; */
/* } */
/* Fix invalid */
.input-field.ng-invalid.ng-dirty label {
	color:#F44336;
	background-color: #FAE9EC;
}
.input-field.ng-invalid.ng-dirty input.autocomplete {
	color:#F44336;
	background-color: #FAE9EC;
	border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}
.form-sepa {
	border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 15px;
    font-weight: normal;
    padding-top: 10px;
    line-height: 0;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 17px;
    margin-right: 12px;
    margin-left: 12px;
}
.form-sepa span {    background: #FFF;
    font-weight: normal;
    padding: 2px 25px;
}
.f14 {
	font-size:1.4rem;	
}
/*=============
 * Alert
 *===============*/
 .alert {    
 	padding: 10px;
    font-size: 1rem
}
.alert p {text-align: center;}
.alert i {
	float: left;
    font-size: 3.5rem;
    position: absolute;
}
.alert.alert-warning {
    background-color: #fff3e0;
    color: #e65100;
    margin: 10px 20px;
}
.alert.alert-warning .chip {
	color: #fff;
    background-color: #e65100;
}
.alert.alert-warning p{
	text-align: left;
}

/*==========================
 * Ricerca
 *==========================*/
.results h2 {
 	font-size: 1.6rem;
    text-align: center;
}
.results ul {
	list-style: none;
}
.entry {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
    -webkit-transform-origin: top;
    transform-origin: top;
    cursor: pointer;
}
.wrapper {
    margin-top: 15px;
}
.wrapper, .wrapper-body {
    zoom: 1;
    overflow: hidden;
}
.wrapper:first-child {
    margin-top: 0;
}
.entry .wrapper {
    position: relative;
    margin-top: 0;
}
.entry-left, .entry>.pull-left {
    padding-right: 10px;
}
.entry-body, .entry-left, .entry-right {
    display: table-cell;
    vertical-align: top;
}
.entry .entry-left {
    padding-right: 20px;
    position: relative;
    float: left;
}
.entry-item_body {
    position: relative;
    display: block;
    overflow: hidden;
}
.image-cnt {
    width: 320px;
    min-height: 100%;
    text-align: center;
    color: #d0d0d0;
}
.image-cnt, .entry-item_body {
    height: 180px;
}
.entry-item_body .desc {
    display: block;
    display: -webkit-box;
    height: 40px;
    margin: 0 auto;
    width: 100%;
    font-size: 14px;
    line-height: 1.428571429;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.entry-info {
    padding-left: 0;
    list-style: none;
    width: 110%;
}
.entry-info li {
	display: inline-block;
    padding-right: 9px;
    padding-left: 9px;
    line-height: 1.1em;
    border-left: 1px solid transparent;
    text-align:center;
}
.entry-info li label {
	display:block;
}
.entry-info li.price {
	font-size: 1.6rem;
	padding-left: 0;
	text-align:left;
}
.entry-info li+li {
    border-color: #ddd;
}
.entry-desc {overflow: scroll; max-height: 100px;}
.entry-item_action {
	padding-left: 340px;
	display: table;
    width: 100%;
} 
.entry h3 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.3rem;
}
.entry .noimg {
	min-height: 100%;
	width: 100%;
/* 	background-color: #eee; */
}
.entry .noimg i {font-size: 4rem;}
.entry .noimg span {
	display:block;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 1.0rem;
}
.image-cnt .valign-wrapper {
	min-height: 100%;
}
/* .entry h3 .price { */
/* 	font-weight: bolder; */
/* }  */
/*==========================
 * Form
 *==========================*/
form.search label.main, .view-detail label.main {
	width: 100%;
    text-align: center;
    display: block;
    font-size: 1.2rem;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    background-color: #eee;
    color: #666;
}
form.search .input-field.col label {font-size: 13px;}
/*==========================
 * Dettaglio
 *==========================*/
 .immobile h1 {
     font-size: 1.8rem;
}
.immobile dt {
	font-weight: bolder;
    float: left;
    width: 120px;
    display: inline-block;
}
.immobile dd:last-child {clear:both;}
.immobile h3 {
	font-size: 1.5rem;
    background-color: #2bbbad;
    color: #fff;
    padding: 8px;
}
.immobile .price {font-size: 2.0rem;}

@media only screen and (max-width: 600px) {
	.entry .entry-left {float:none; padding-right: 0;}
	.image-cnt {width:100%;}
	.image-cnt, .entry-item_body {height: auto;}
	.entry-item_action {padding-left:0;} 
	.entry-desc {max-height:100%;}
}

/*====================================
 * https://github.com/melloc01/angular-input-stars
 *====================================*/
 .angular-input-stars {
	display: inline-block;
	padding: 0;
	margin-left: -5px;
	list-style: none;
}

.angular-input-stars > li {
	font-size: 17px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	cursor: pointer;
}

.angular-input-stars > li i.readonly {
	cursor: not-allowed;
}

.angular-input-stars > li .active {
		color: #FDE35E;
		text-shadow: black 0 0 1px, 0 0 1px ;	

}

.angular-input-stars > li .active.angular-input-stars-hover {
	text-shadow: black 0 0 3px;
}

.review .angular-input-stars {margin:0;}
.reviews li {    
	padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.reviews li:last-child {
	border-bottom: 0;
	padding-bottom: initial;
}
.review-c1 .small {
	font-size: 80%;
    color: #999;
}
.review-actions {float:right;}
.box {border: 1px solid #ccc;}
.box h6 {
	color: #fff;
    background-color: #26a69a;
    line-height: 38px;
    margin: 0;
    text-align: center;
}
.summary { padding: 5px 10px;}
.summary ul {margin-top:0; margin-bottom: 0;}
.reviews .review-c2 {border-left: 2px dotted;}
.reviews .review-c2 p { margin-bottom: 12px; }
td.actions .btn-flat:disabled {background-color:#f2f2f2 !important;color: #cFcFcF !important;}
.print-footer {display:none;}

@media only screen and (max-width: 600px) {
	.reviews .review-c1 {
		border-bottom: 2px dotted;
		padding-bottom: 10px;
    	margin-bottom: 10px;
    }
	.reviews .review-c2 {border-left: 0;}
}
/* Forzo per nascondere la data che e' troppo grossa */
.picker__date-display {display:none!important;}

.popped {padding-left: 0!important;}

.chip-transparent {background-color: transparent!important;}

.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_smiles .ce_icon:last-child {clear:right;}

/**
 * Messaggi
 **/
 .toList {transform: translateY(-14%);}
 .toList li strong {    
 	font-size: 1rem;
    border-bottom: 1px solid #aaa;
    margin-bottom: 12px;
  }
  .new_msg {font-weight: bold;}
  .msgView strong {
  	min-width: 80px;
    display: block;
    float: left;
    background-color: #eaeaea;
    padding: 8px;
  }
  .msgView span {
  	padding: 8px;
  	display: inline-block;
  }
  .msgView .msgBody {
  	width: 100%;
    border: 1px solid #bbb;
    min-height: 200px;
   }
   
/**
 * Agenda
 **/
 .calendar-header {
 	margin-bottom: 10px;
 }
 .calendar-title {
 	line-height: 40px;
    font-size: 1.5rem;
    cursor:pointer;
 }
 .fc-time-grid-event.fc-short .fc-title, .fc-time-grid-event .fc-time {
 	font-size: .85rem!important;
 }
 
 /** Nuova sidebar */
md-toolbar.custom-toolbar {
 	min-height: 30px !important;
    background: initial !important;
    align-items: flex-end;
}
.button-collapse {
    width: 30px;
    height: 28px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
        margin: 3px;
}

tr.msg-data {border-bottom:0!important;}
tr.msg-data td {padding-bottom:0;}
tr.msg-desc span { display: block; background-color: #f2f2f2; padding:10px;}
tr.msg-desc td { padding-top: 5px;}

.md-tooltip {
    font-size: 1rem;
    font-weight: normal;
	background-color: #323232!important;
    margin-top: 20px!important;
}
.memo {
	font-weight: 600;
    font-style: italic;
    background-color: lightcyan;
    padding: 10px;
}
.immobile-info {
	overflow-y: scroll;
}
.immobile-info.collapsed:not(.open) {
	display:none;
}
.immobile-info li {
	display: flex;
    align-items: baseline;
}
.button-wrapper {
    display: flex;
    padding: 20px;
    flex-wrap: wrap;
	gap: 10px;
}
.button-wrapper > button {
    width: 250px;
    height: 60px;
    line-height: 20px;
}

/** Nuova vista reminder **/
.azione {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.azione-detail {
    display: flex;
}
.gestore .azione-detail {
    width: calc(100% - 45px);
}
.azione > div > div {
    padding: 15px 5px;
}
.gestore.azione > div > div {
    padding: 0 5px;
}
.azione-tipo {
    width: 34px;
	display:flex;
}
.azione-data {
    width: 82px;
}
.azione-testo {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	min-width: 170px;
}
.azione-anagrafica {
    min-width: 200px;
}

.azione-actions {
    min-width: 42px;
    display: flex;
    flex-wrap: wrap;
}
.gestore  .azione-actions {
	flex-direction: column;
}
.azione-actions > * {
    width: 36px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.user.azione {
	align-items: center;
}
.user .azione-first-row, .user .azione-second-row {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1440px) {
	.user .azione-detail {
		width: 100%;
	    flex-direction: column;
	}
	.user .azione-first-row {
		display: flex;
	    min-width: 100%;
	    width: 100%;
		padding-top: 0;
    	padding-bottom: 0;
	}
	.user .azione-second-row {
	    display: flex;
	    justify-content: start;
	    min-width: 100%;
	    width: 100%;
	    align-items: center;
		padding-top: 0;
    	padding-bottom: 0;
	    flex-direction: row-reverse;
	}
	.user .azione-anagrafica {
		margin-left: 10px;
	}
}