@charset "UTF-8";


.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD;

  &::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
      90deg,
      rgba(#fff, 0) 0,
      rgba(#fff, 0.2) 20%,
      rgba(#fff, 0.5) 60%,
      rgba(#fff, 0)
    );
    animation: shimmer 2s infinite;
    content: '';
  }

  @keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }
}


body .ui-datatable .ui-datatable-data > tr.ui-state-highlight
{
	color:white !important;
}

.ui-selectcheckboxmenu-multiple-container{
height:30px;
}

tr.ui-state-highlight .ui-commandlink
{
	color:white !important;
} 

tr.ui-state-highlight a
{
	color:white !important;
} 

.ui-selectonemenu-panel
{
	max-width:100% !important;
}

/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
.blink-image-mtt {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.ui-editor
{
	
	background-color:white !important;
	
}
.loader {
					  position: relative;
					  margin: 0 auto;
					  width: 100px;
					}
					.loader:before {
					  content: '';
					  display: block;
					  padding-top: 100%;
					}
					
					.circular {
					  -webkit-animation: rotate 2s linear infinite;
					          animation: rotate 2s linear infinite;
					  height: 100%;
					  -webkit-transform-origin: center center;
					          transform-origin: center center;
					  width: 100%;
					  position: absolute;
					  top: 0;
					  bottom: 0;
					  left: 0;
					  right: 0;
					  margin: auto;
					}
					
					.path {
					  stroke-dasharray: 1, 200;
					  stroke-dashoffset: 0;
					  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
					          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
					  stroke-linecap: round;
					}
					
					@-webkit-keyframes rotate {
					  100% {
					    -webkit-transform: rotate(360deg);
					            transform: rotate(360deg);
					  }
					}
					
					@keyframes rotate {
					  100% {
					    -webkit-transform: rotate(360deg);
					            transform: rotate(360deg);
					  }
					}
					@-webkit-keyframes dash {
					  0% {
					    stroke-dasharray: 1, 200;
					    stroke-dashoffset: 0;
					  }
					  50% {
					    stroke-dasharray: 89, 200;
					    stroke-dashoffset: -35px;
					  }
					  100% {
					    stroke-dasharray: 89, 200;
					    stroke-dashoffset: -124px;
					  }
					}
					@keyframes dash {
					  0% {
					    stroke-dasharray: 1, 200;
					    stroke-dashoffset: 0;
					  }
					  50% {
					    stroke-dasharray: 89, 200;
					    stroke-dashoffset: -35px;
					  }
					  100% {
					    stroke-dasharray: 89, 200;
					    stroke-dashoffset: -124px;
					  }
					}
					@-webkit-keyframes color {
					  100%,
					  0% {
					    stroke: #d62d20;
					  }
					  40% {
					    stroke: #0057e7;
					  }
					  66% {
					    stroke: #008744;
					  }
					  80%,
					  90% {
					    stroke: #ffa700;
					  }
					}
					@keyframes color {
					  100%,
					  0% {
					    stroke: #d62d20;
					  }
					  40% {
					    stroke: #0057e7;
					  }
					  66% {
					    stroke: #008744;
					  }
					  80%,
					  90% {
					    stroke: #ffa700;
					  }
					}
					
					.showbox {
					  position: absolute;
					  top: 0;
					  bottom: 0;
					  left: 0;
					  right: 0;
					  padding: 5%;	
					}


table .ui-state-hover
{
	background: transparent !important;
	color:black !important;
}
.ui-state-highlight
{
	color:#424242 !important;
}
.ui-autocomplete-panel {
       max-width: 400px !important;
       z-index: 2012 !important;
       overflow:auto !important;
       height: 200px !important;
    }
.required
{
	color:red;
}
.calCol0
{
	background: #00A853 !important;
	border-color: #00A853 !important;
}
.calCol1
{
	background: #39a3f4 !important;
}
.calCol2
{
	background: #6ebc3b !important;
	color:#424242 !important;
}
.calCol3
{
	background: #26C6DA !important;
	color:#424242 !important;
}
.calCol4
{
	background:#7E57C2 !important;
	border-color: #7E57C2 !important;
	color:white !important;
}
.calCol5
{
	background:#5C6BC0 !important;
	border-color: #5C6BC0 !important;
	color:white !important;
}
.calCol6
{
	background:#ffc800 !important;
	border-color: #ffc800 !important;
	color:#424242 !important;
}
.calCol7
{
	background:#f6a821 !important;
	border-color: #f6a821 !important;
}
.calCol8
{
	background:#EC407A !important;
	border-color: #EC407A !important;
}
.calCol9
{
	background:#FF2F3F !important;
	border-color: #FF2F3F !important;
}
.calCol10
{
	background:#17232A !important;
	color:white !important;
	opacity: .85;
	border-color:#17232A !important;
}
.calCol11
{
	background: #008AF3 !important;
	border-color:#008AF3 !important;
}
.calCol12
{
	background: #b2dbfb !important;
	border-color:#b2dbfb !important;
	color:#424242 !important;
}
.calCol13
{
	background: white !important;
	border-color:white !important;
	color:#424242 !important;
}
.calCol14
{
	background: brown !important;
	border-color:brown !important;
	color:white !important;
}
.calCol15
{
	background: gray !important;
	border-color:gray !important;
	color:#424242 !important;
}
.calCol16
{
	background: magenta !important;
	border-color:magenta !important;
	color:#424242 !important;
}
.calCol17
{
	background: #d18f8f!important;
	border-color:#d18f8f !important;
	color:#424242 !important;
	color:#424242 !important;
}
.calCol2 .fc-title
{
	color:#424242 !important;
}
.calCol6 .fc-title
{
	color:#424242 !important;
}
.calCol17 .fc-title
{
	color:#424242 !important;
}
.calCol3 .fc-title
{
	color:#424242 !important;
}

.bordoSquadra
{
	border:1px solid red !important;
}
.fc-event .fc-bg
{
	background: none;
	opacity: 1;
}
.Verde{
background-color:green !important;
color:green;
}

.Giallo{
background-color:yellow !important;
color:yellow;
}

.Rosso{
background-color:red !important;
color:red;
}


body .ui-tabs.ui-tabs-top .ui-tabs-nav li, body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li, body .ui-tabs.ui-tabs-left .ui-tabs-nav li, body .ui-tabs.ui-tabs-right .ui-tabs-nav li
{
	background-color: #ebebeb;
}




.ui-state-disabled
{
	opacity: 1 !important;
}

.ui-lg-1, .ui-lg-2, .ui-lg-3, .ui-lg-4, .ui-lg-5, .ui-lg-6, .ui-lg-7, .ui-lg-8, .ui-lg-9, .ui-lg-10, .ui-lg-11, .ui-lg-12,
.ui-md-1, .ui-md-2, .ui-md-3, .ui-md-4, .ui-md-5, .ui-md-6, .ui-md-7, .ui-md-8, .ui-md-9, .ui-md-10, .ui-md-11, .ui-md-12
{
	padding:2px;
	
}
#mainPage
{
	margin-top:15px;
}

@media (min-width: 1025px)
{
.layout-wrapper.layout-slim .layout-menu-container {
    top: 80px !important;
}
}


@media (min-width: 1025px)
{
.layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > a {
	padding-left:4px !important;
	padding-right:4px !important;
}
}

@media (max-width: 1024px) {
	.custom-right-mtt
	{
		display:none;
	}
}
@media screen and (max-width: 810px) {
    .ui-tabs.ui-tabs-top > .ui-tabs-nav li{
        width: 100% !important;
    }
}

@media (min-width: 1025px)
{
	.layout-wrapper.layout-horizontal .layout-menu-container
	{
		margin-top:30px;
	}
}

.layout-wrapper .topbar
{
	height: 80px;
}
.layout-wrapper .topbar .logo
{
	height:60px;
	margin-left:0px;
}
.layout-content-container
{
	padding-top:30px !important;
}
.badgeMtt
{
	float: left;
    background-color: #ffffff;
    display: block;
    margin-top: -2px;
    color: #39a3f4;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-top: 1px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.primePad
{
	padding:5px 8px;
}
.ui-datatable {
    display: table;
    width:100%;
}

.numHome
{
    font-size: 45px !important;
    margin-top: -20px;
    width: 30%;
}

.valHome, .numHome
{
	float: left;
}
.valHome
{
    width: 63%;
}

.ui-datatable table th
{
font-size: 14px;
padding:10px !important;
}
.ui-datatable table td a 
{
	display: table-cell;
}
.ui-datatable table {
    table-layout: auto !important;
}
.ui-column-title
{
	white-space: nowrap;
}
/*
.dashboard .overview-box .ui-panel
{
	background: transparent !important;
	color:white !important;
	border:none !important;
}
.dashboard .overview-box .ui-datatable th
{
	border:none !important;
}
.dashboard .overview-box .ui-datatable table
{
    border: 1px solid transparent !important;
}

.dashboard .overview-box .ui-datatable, .dashboard .overview-box .ui-datatable th, .dashboard .overview-box .ui-datatable td, .dashboard .overview-box .ui-datatable tr, 
.dashboard .overview-box .ui-datatable tbody
{
	background: transparent !important;
	color:white !important;
}

.dashboard .overview-box .ui-panel .ui-datatable-tablewrapper
{
	background: transparent !important;
	color:white !important;
}*/
.dashboard .overview-box.overview-box-5 {
	background: #EC407A;
}

.dashboard .overview-box.overview-box-5 .overview-direction {
	color: #EC407A;
}

.dashboard .overview-box.overview-box-5 .overview-ratio-value {
	background-color: #1164a3;
	color: #EC407A;
}

.dashboard .overview-box.overview-box-6 {
	background: #5C6BC0;
}

.dashboard .overview-box.overview-box-6 .overview-direction {
	color: #5C6BC0;
}

.dashboard .overview-box.overview-box-6 .overview-ratio-value {
	background-color: #1164a3;
	color: #5C6BC0;
}

.dashboard .overview-box.overview-box-7 {
	background: #26C6DA;
}

.dashboard .overview-box.overview-box-7 .overview-direction {
	color: #26C6DA;
}

.dashboard .overview-box.overview-box-7 .overview-ratio-value {
	background-color: #1164a3;
	color: #26C6DA;
}

.dashboard .overview-box.overview-box-8 {
	background: #7E57C2;
}

.dashboard .overview-box.overview-box-8 .overview-direction {
	color: #7E57C2;
}

.dashboard .overview-box.overview-box-8 .overview-ratio-value {
	background-color: #1164a3;
	color: #7E57C2;
}
.noBordoTable td
{
	border:none !important;
}
@keyframes ruota 
{
 0% 
 {
  color:white;
  }
 50% {
  color:#ebebeb;
 }
 100% {
   color:green;
 }
}
   .ruota {
-webkit-animation: ruota 5000ms infinite ease;
animation: ruota 5000ms infinite ease;
}


   @keyframes ruotaMessaggio {
 0% {
  color:white;
 }
 50% {
  color:#ebebeb;
 }
 100% {
   color:blue;

 }
}
   .ruotaMessaggio {
-webkit-animation: ruotaMessaggio 4000ms infinite ease;
animation: ruotaMessaggio 4000ms infinite ease;
}





   @keyframes spectreruota {
 0% {
  color:white;
 }
 50% {
  color:blue;
 }
 100% {
   color:red;

 }
}
   .spectreruota {
-webkit-animation: spectreruota 4000ms infinite ease;
animation: spectreruota 4000ms infinite ease;
}


.item-border {
	margin: 0 4px 4px 4px;
	padding: 2px;
	border-radius: 2px;
	color: black;
	font-size: 13px;
}
.errore_DURATA_SUPERIORE{
	background-color: rgb(112, 170, 254);
}
.errore_DURATA_INFERIORE{
	background-color: #89D295;
}
.errore_MALATTIA {
	background-color: #bb7b06;
}

.errore_DIPENDENTE_NON_DISPONIBILE {
	background-color: #BCDDF7;
}

.errore_PROFILO {
	background-color: #ece421;
	color:black;
	
}
.errore_NON_CONVEIENTE{
	background-color: #c5f0c4;
}
.errore_GIORNO_NON_CONSENTITO{
	background-color: #ece421;
}

.taccuino {
	background-color: #ece421;
	color:black;
	
}
.taccuino_importante {
	background-color: #ff5722;
	color:black;
	
}

.errore_SERVIZIO_NON_CONSENTITO{
	background-color: #f44336;
}

.errore_SITO_TERRITORIALE_NON_CONSENTITO{
	background-color: #ffc107;
}