/* #Basic Styles
================================================== */
body {
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font: 12px/20px Arial, Verdana, sans-serif;
	color: #888;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

a {
	cursor: pointer;
	text-decoration: none;
	color: darkblue;
}

table {
	width: 100%;
	color: #111111;
	border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden; /* Important for clipping */
}

table, td, th {
	border-collapse: collapse;
}

td, th {
	padding: 5px;
	font-size: 12px;
}

td {
	text-align: left;
border: 1px solid #cacaca;
}

td.tdCenter {
	text-align: center;
}

td.tdRight {
	text-align: right;
}

td.tdLeft {
	text-align: left;
}

td.tdEmpty{
	background-color: white;
	border: 0px solid white;
}

th.rowTotal {
border: 1px solid #cacaca;
}
th {
	text-align: left;
	/*border: 1px solid #666;*/
	height: 20px;
	min-width: 18px;
}

th.thRight {
	text-align: right;
}

th.thCenter {
	text-align: center;
}

tr {
	background: #f2f2f2;
	height: 32px;
}

tr.greyColor {
	background: #c0c0c0;
	height: 30px;
}

tr:hover, tr table tr:not(.tableHeader ){
	background-color: rgba(255, 255, 0, 0.08); /*#f9e882;   #e2ffd2;*/
}

tr table tr:not(.tableHeader ) {
	background-color: inherit;
}

tr.tableHeader {
	background-color: #002868;
	color: #ffffff;
}

tr.subTableHeader {
	background-color: #8893a4;
	color: #f2f2f2;
}

tr.tableSubHeader {
	background-color: #c0ced5;
	color: #ddd;
}
tr.alternate {
	background-color: #ddd;
}

tr.alternate:hover {
	background-color: #f9f7be;
}
/*
div {
	vertical-align: -webkit-baseline-middle;
}
label {
	vertical-align: -webkit-baseline-middle;
	}
p {
	vertical-align: -webkit-baseline-middle;
	}
*/

div.imgIconBig {
	height: 32px;
	margin: 0;
}

img.imgIconBig {
	width: 32px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

div.imgIcon {
	height: 16px;
	margin: 0;
}

img.imgIcon {
	width: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

#Paginazione {
	margin-top: 40px;
}
#PaginazioneBottom {
	margin-top: 0px;
	margin-bottom: 15px;
}

#subScelta {
	display: none;
}

#Crit {
	background: #bf0a30;
	-webkit-box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.79);
	-moz-box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.79);
	box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.79);

	margin-top:58px;
	/*
	width: 100%;
	
	background-color:#bf0a30;
	-webkit-box-shadow: 1px 31px 24px -15px rgba(0,0,0,0.47);
	-moz-box-shadow: 1px 31px 24px -15px rgba(0,0,0,0.47);
	box-shadow: 1px 31px 24px -15px rgba(0,0,0,0.47);
	
	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	*/
	/*border: 1px solid #cacaca;
	border-top-width: 0;*/
	
	    background: linear-gradient(180deg, rgba(191,10,48,1) 0%, rgb(0, 40, 104) 200%);
}

.topCrit {
	margin-top: 16px;
}

#wrapper {
	margin: 0 auto;
	z-index: 100;
	/*width:970px;*/
	width: 95%;
}

#sfondo {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
	width: 100%;
}

#sfondo-menu-header {
	background: #002868;
    height: 28px;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
}

#sfondo-top-header {
	background: #bf0a30;
/* 	background: transparent; */
	height: 90px;
	box-shadow: 0px 1px 3px #111;
}

#content-wrapper {
	position: relative;
}

#Choice {
	padding: 10px;
	background-color: orange;
}

#content {
	z-index: 4;
	position: relative;
	margin-top: 10px;
	max-width: 100%;
	padding: 0 0 0 0px;
}

#content-noMenu {
	z-index: 4;
	position: relative;
	margin-top: 10px;
	max-width: 100%;
	padding: 0 6px 0 5px;
}

#Titolo {
	font: 16px Arial, Helvetica;
}

#blackLine {
}

#brownLine {
	border-bottom: 1px dotted #999;
}

.slidingDiv {
	background-color: #D7DEE5;
	padding: 20px;
	margin-top: 10px;
	border-bottom: 5px solid #C5C8CB;
}

.show_hide {
	display: none;
}

.topform {
	width: 100%;
	/*display: inline-block;  toglie la righina bianca sopra*/
	zoom: 1; /* ie7 hack for display:inline-block */
	/*border: solid 1px #d2d2d2;
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);*/
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
/*div.split3 div{
    float: left;
    width: 29%;
    width: 33%;
    width: 29%;
    padding: 0 2%
    }*/
.divBack {
	float: left;
	padding-right: 5px;
	padding-top: 13px;
}

.divLeft {
	float: left;
	width: 50%;
}

.divRight {
	float: right;
	width: 45%;
}

.divLeftTop {
	float: left;
    width: 24%;
    /* padding-left: 100px; */
}

.divRightTop {
	float: right;
	width: 70%;
	text-align: right;
}

.immageSet {
	vertical-align: -webkit-baseline-middle;
	width: 16px;
	height: 16px;
	margin: 5px 0;
	margin-left: 3px;
}

/* CLASSI USATE PER IL TAB SEMPLICE SENZA BORDI E RIFINITURE */
#tabs-min {
	background: transparent;
	border: none;
}


#tabs-min .ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #c0c0c0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#tabs-min .ui-tabs-nav .ui-state-default {
	background: transparent;
	border: none;
	box-shadow: 0px 0px 2px grey;
}

#tabs-min .ui-tabs-nav .ui-state-active {
	background: #f2f2f2;
	border: none;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
/*	box-shadow:0px 0px 2px black;*/
}

#tabs-min .ui-tabs-nav .ui-state-default a {
	color: #111;
}

#tabs-min .ui-tabs-nav .ui-state-active a {
	color: #111111;
}
/*
Css loading  centrato
http://tobiasahlin.com/spinkit/
*/
.sk-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 160px;
	width: 160px;
}

.sk-folding-cube {
	width: 100%;
	height: 100%;
	top: -50%;
	left: -50%;
	z-index: 3;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFA500;
	border: 1px solid #cf8600;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle { 0%, 10% {
	-webkit-transform: perspective(140px) rotateX(-180deg);
	transform: perspective(140px) rotateX(-180deg);
	opacity: 0;
}

25%,
75%
{
-webkit-transform
:
 
perspective
(140px)
 
rotateX
(0deg);

            
transform
:
 
perspective
(140px)
 
rotateX
(0deg);

    
opacity
:
 
1;
}
90%,
100%
{
-webkit-transform
:
 
perspective
(140px)
 
rotateY
(180deg);

            
transform
:
 
perspective
(140px)
 
rotateY
(180deg);

    
opacity
:
 
0;
}
}
@keyframes sk-foldCubeAngle { 0%, 10% {
	-webkit-transform: perspective(140px) rotateX(-180deg);
	transform: perspective(140px) rotateX(-180deg);
	opacity: 0;
}

25%,
75%
{
-webkit-transform
:
 
perspective
(140px)
 
rotateX
(0deg);

            
transform
:
 
perspective
(140px)
 
rotateX
(0deg);

    
opacity
:
 
1;
}
90%,
100%
{
-webkit-transform
:
 
perspective
(140px)
 
rotateY
(180deg);

            
transform
:
 
perspective
(140px)
 
rotateY
(180deg);

    
opacity
:
 
0;
}
}

/*
FINE Css loading  centrato
http://tobiasahlin.com/spinkit/
*/
.roundbutton {
	border-radius: 50px;
	border: 3px solid rgba(0, 0, 0, 0.2);
}

.roundbutton:hover {
	background-color: rgba(233, 229, 220, 1);
}

.buttonCrewOperations {
	position: relative;
	padding: 4px;
	z-index: 2;
	cursor: pointer;
	width: 25px;
	vertical-align: bottom;
	margin-top: 5px;
	margin-left: 30px;
}

.box span.label {
	display: inline-block;
	margin-bottom: 20px;
	vertical-align: top;
	width: 130px;
}

.dialogAddress {
	height: 30px;
}

.dialogAddress label {
	width: 80px;
	text-align: left;
	padding-right: 10px;
}

.dialogAddress label.error {
	width: auto;
	padding-right: 0px;
}

.dialogAddress input, .dialogAddress label {
	display: inline-table;
}

#fade {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ababab;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .70;
	filter: alpha(opacity = 80);
}

/* Original Modal*/
/*
#modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 64px;
    height: 64px;
    padding:30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: auto;
}
*/
#modal {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 1002;
	text-align: center;
	overflow: auto;
}

.taskToBeScheduled:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
	/*background: rgb(73,155,234);
	background: -moz-linear-gradient(-45deg,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
	background: linear-gradient(135deg,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=1 );*/
	border-color: rgba(57, 125, 255, 0.5) !important;
	background-color: rgba(100, 100, 100, 0.1) !important;
	cursor: pointer;
}

.clicked {
	border-color: rgba(0, 0, 255, 0.5) !important;
	background-color: rgba(0, 150, 150, 0.1) !important;
	animation: CLICKED-FORSCHEDULE-ANIMATION 2s infinite !important; /* IE 10+, Fx 29+ */
}

/* Accordion graphic*/
button.accordion {
	background-color: #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	padding: 18px;
	padding-left: 5px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
	/*background-color: #ddd;*/
	
}

button.accordion:after {
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

button.accordion.active:after {
	
}

fieldset.panel {
	padding: 0 18px;
	background-color: #FFFFFF;
	max-height: 0px;
	overflow: hidden;
	transition: 0.5s ease-in-out;
	opacity: 0;
}

fieldset.panel.show {
	opacity: 1;
	max-height: 640px;
}

fieldset {
	padding: 15px;
	border: 1px solid #002868 !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 4px;
	background-color: white;
	border-radius: 10px;
	margin-top:6px;
	
}

fieldset legend {
	color: #012868;
	font-style: normal;
	padding-left: 8px;
	padding-right: 8px;
	font-size: medium;
	background-color: white;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 6px;

	
}

.draggable {
	background-image: url('../Icons/drag.png');
	background-repeat: no-repeat;
	background-position: top-right;
}

#Titolo.Appointments {
	padding: 2px 0px 2px 0px;
	text-align: center;
	font-weight: bold;
	font-family: inherit;
	margin: 5px 0px 5px 0px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f7f9+0,d7dee3+49,e5ebee+50,f6f8f9+100 */
	background: rgb(245, 247, 249); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(245, 247, 249, 0.5) 0%,
		rgba(215, 222, 227, 0.5) 49%, rgba(229, 235, 238, 1) 50%,
		rgba(246, 248, 249, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(245, 247, 249, 0.5) 0%,
		rgba(215, 222, 227, 0.5) 49%, rgba(229, 235, 238, 1) 50%,
		rgba(246, 248, 249, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(245, 247, 249, 0.5) 0%,
		rgba(215, 222, 227, 0.5) 49%, rgba(229, 235, 238, 1) 50%,
		rgba(246, 248, 249, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f9',
		endColorstr='#f6f8f9', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}







#footer {
	background: #002868;
	height: 35px;
	bottom:0;
	left: 0;
	right: 0;
	width:100%;
	z-index:10;
    border-top-width: 0px;
	position: fixed;/*absolute;*//*fixed;*/
	box-shadow: 0px 0px 6px #111;
}

#footer div {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 70px;
    margin-right: 30px;
    color: white;
    font-weight: bold;
}
#footer div span {
	margin-left: 30px;
}
#footer .footerCredits {
    float: right;
    margin-top: 0px;
}






/* NUOVO DI MAX*/
/* CSS per validazione elementi */
input.error, select.error, textarea.error {
	border: 1px solid red !important;
	outline: 1px solid red !important;
	box-shadow: 0px 0px 5px #FF0000 !important;
	-webkit-box-shadow:0px 0px 5px #FF0000 !important;
	background: #ffdfdf;
    background: -moz-radial-gradient(#ffdfdf, #ffffff);
    background: -webkit-radial-gradient(#ffdfdf, #ffffff);
    background: -ms-radial-gradient(#ffdfdf, #ffffff);
    background: -o-radial-gradient(#ffdfdf, #ffffff);
    background: radial-gradient(#ffdfdf, #ffffff);
}

input[type="radio"].error{
	outline: 1px solid red;
}

div.Ntooltip {
	position: relative !important; /* es la posición normal */
	display: inline-block;
	top: -0.2em;
	left: 0.2em;
}
/*
div.Ntooltip:hover {
    z-index:1005; 
}
*/
div.Ntooltip label {
    display: none !important; /* el elemento va a estar oculto */
    vertical-align: middle;
}
/*
div.Ntooltip:hover label.error:not(.checked) {
    display: inline-block !important; 
    position: absolute;
    left:1em; 
    width:auto; 
    padding:5px; 
    background-color: #FFFFFF;
    border: 2px #FF0000 solid;
    border-radius: 0.6em;
    color: #FF0000;
    opacity: 0.80;
	font-family: "Verdana";
	font-size: 12px;
}
*/
/* PER FAR COMPARIRE ICONCINE DI ERRORE*/
/*
label.error + div.errorImage {
    background:url("../Images/checkboxErr.png") no-repeat 0px 0px;
    display:inline-block !important;
    width:16px;
    height:16px;
    vertical-align: middle;
}

label.checked + div.errorImage {
    background:url("../Images/checkbox.png") no-repeat 0px 0px;
    display:inline-block !important;
    width:16px;
    height:16px;
    vertical-align: middle;
}
*/
/* FINE PER FAR COMPARIRE ICONCINE DI ERRORE*/


/*HOVER SULLE CASELLE CON ERRORI*/
input.error:hover + div.Ntooltip, select.error:hover + div.Ntooltip, input.error:hover + .ui-datepicker-trigger + div.Ntooltip, textarea.error:hover + div.Ntooltip
{
	z-index:1005; /* va a estar por encima de todo */
}
input.error:hover + div.Ntooltip label.error:not(.checked), select.error:hover + div.Ntooltip label.error:not(.checked), input.error:hover + .ui-datepicker-trigger + div.Ntooltip label.error:not(.checked), textarea.error:hover + div.Ntooltip label.error:not(.checked)
{
	display: inline-block !important; /* se fuerza a mostrar el bloque */
    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */ 
    left:1em; /* donde va a estar */
    min-width:200px; 
    padding:5px; /* la separación entre el contenido y los bordes */
    background-color: #FFFFFF; /* el color de fondo por defecto */
    border: 2px #FF0000 solid;
    border-radius: 0.6em;
    color: #FF0000;
    opacity: 0.80;
	font-family: "Verdana";
	font-size: 12px;
	
}


/* CSS per validazione elementi FINE */
/* FINE NUOVO DI MAX*/











/*VECCHIO DI FANTA*/
/* CSS per validazione elementi */
/*
input.error, select.error {
	border: 1px solid red !important;
	box-shadow: 0px 0px 10px #FF0000 !important;
}


label.error {
	position:absolute;
	display: inline-table !important;
	margin-top: -5px;
	font-family: "Verdana";
	margin-left: 20px !important;
	padding-right: 2px !important;
	margin-left: auto;
	font-family: "Verdana";
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	text-transform: capitalize;
}

label.error {
	width:0px !important;
	padding: 0px 1px 0px 5px;
	color: #ff0000;
	background: rgb(250, 250, 250);
	border: 2px solid #f90801;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 7px;
	font-style: normal;
	opacity: 0;
	transition: opacity 2s;
}

label.error:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -12px;
	width: 0px !important;
	height: 0;
	border-right: 12px solid #f90801;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

label.error:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -8px;
	width: 0px !important
	height: 0;
	border-right: 0px solid #FFFFFF;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

input.error:hover + label.error, select.error:hover + label.error,input.error:hover + .ui-datepicker-trigger + label.error {
	opacity: 1;
	z-index: 1000;
	display: inline-table !important;
	padding-right: 2px;
	width:auto !important;
	margin-left:20px;
}
*/
/* CSS per validazione elementi FINE */
/*FINE VECCHIO DI FANTA*/


















/* COLORAZIONE ELEMENTI IN SCHEDULER SETTIMANALE */

/*MAX - COLORAZIONE BAR IN BASE AL TYPE
FUL	Full Installation
PH1	Installation Phase
PH2	Installation Phase
REP	Repair (maintenance on site)
DWN	Take down	N
MDJ	Multi day job
*/
.hourWeeklySchedule.FUL .type{
	background-image: url('../Icons/ful.png');
	background-repeat: no-repeat;
}
.hourWeeklySchedule.PH1 .type{
	background-image: url('../Icons/ph1.png');
	background-repeat: no-repeat;
}
.hourWeeklySchedule.PH2 .type{
	background-image: url('../Icons/ph2.png');
	background-repeat: no-repeat;
}
.hourWeeklySchedule.REP .type{
	background-image: url('../Icons/rep.png');
	background-repeat: no-repeat;
}
.hourWeeklySchedule.DWN  .type{
	background-image: url('../Icons/dwn.png');
	background-repeat: no-repeat;
}
.hourWeeklySchedule.MDJ .type{
	background-image: url('../Icons/mdj.png');
	background-repeat: no-repeat;
}

/*MAX - COLORAZIONE BAR IN BASE ALO STATUS
INC	Close Incomplete
PRO	In Progress
SUC	Close Successfully
TBD	To Do
*/
.hourWeeklySchedule.defaultColor
{
	background: #4f93d6;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.hourWeeklySchedule.defaultColorClicked
{
	background: #4f93d6;
	border-top: 3px solid darkblue;
	border-bottom: 3px solid darkblue;
}
.hourWeeklySchedule.INC
{
	background: purple;
}
.hourWeeklySchedule.PRO
{
	background: lightblue;
}
.hourWeeklySchedule.SUC
{
	background: green;
}
.hourWeeklySchedule.TBD
{
	background: #4f93d6;
}
.hourWeeklySchedule.TBDINTHEPAST
{
	background: red;
}
.hourWeeklySchedule.ACT
{
	/*
	VERRA USATO IL DEFAULT COLOR CHE E' BLU
	background: red;*/
}
.hourWeeklySchedule.SKP
{
	background: #f9b8b8;
}
.hourWeeklySchedule.TaskNotInCrewActivityTask
{
	background: #ececeb;
}
.hourWeeklySchedule.INACTIVE_STATUS
{
	background: #ececeb;
}



.hourWeeklySchedule.timeOffCOLOR
{
	background: #efefef;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}


.hourWeeklySchedule.scheduleLockCOLOR
{
	background: #ffc5fd;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}


/*MAX - BLINK IN BASE ALL'ATTRIBUTO PENDENTE Y DEL CREW ACTIVITY TASK
PendingScheduledTask
*/
.hourWeeklySchedule.PendingScheduledTask {
  animation: blinkerTask 2s linear infinite;
}

@keyframes blinkerTask { 
 /*Al %=% dell'animazione la percentuale di opacità sala al 0.4*/
  50% { opacity: 0.4; }
}





/*BORDI PER I TASK*/
.hourWeeklySchedule.BorderRight
{
	border-right: 1px solid black;/* !important;*/
}
.hourWeeklySchedule.BorderLeft
{
	border-left: 1px solid black;
}
.hourWeeklySchedule.BorderRightClicked
{
	border-right: 3px solid darkblue !important;
}
.hourWeeklySchedule.BorderLeftClicked
{
	border-left: 3px solid darkblue;
}



.changeScheduleCandidate {
	animation: CHANGE-SCHEDULE-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes CHANGE-SCHEDULE-ANIMATION {
  100% {
    background-color: #e6e6e6;
  }
}


@-webkit-keyframes CLICKED-FORSCHEDULE-ANIMATION {
  100% {
    background-color:rgba(126, 126, 254, 0.3);
  }
}






.markerMouseOver {
	animation: MARKER-MOUSEOVER-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes MARKER-MOUSEOVER-ANIMATION {
  100% {
    background-color: #e6e6e6;
  }
}


/* FINE COLORAZIONE ELEMENTI IN SCHEDULER SETTIMANALE */






/* GAUGE METER - jquery.AshAlom.gaugeMeter-2.0.0.min.js*/
.GaugeMeter{
    Position:        Relative;
    Text-Align:      Center;
    Overflow:        Hidden;
    Cursor:          Default;
  }

  .GaugeMeter SPAN,
  .GaugeMeter B{
    Margin:          0 23%;
    /*Width:           5%;*/
    Position:        Absolute;
    Text-align:      Center;
    Display:         Inline-Block;
    Color:           RGBa(0,0,0,.8);
    Font-Weight:     100;
    Font-Family:     "Open Sans", Arial;
    Overflow:        Hidden;
    White-Space:     NoWrap;
    Text-Overflow:   Ellipsis;
  }
  .GaugeMeter[data-style="Semi"] B{
    Margin:          0 10%;
    Width:           80%;
  }

  .GaugeMeter S,
  .GaugeMeter U{
    Text-Decoration: None;
    Font-Size:       .49em;
    Opacity:         .5;
  }

  .GaugeMeter B{
    Color:           Black;
    Font-Weight:     300;
    Opacity:         .8;
  }
  
div.qrCodeIcon {
	height: 16px;
	margin: 0;
}

img.qrCodeIcon {
	display: block;
	width: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}
/* FINE GAUGE METER */



img.changeSeasonIcon {
    margin-left: 24px;
    width: 42px;
    height: 32px;
}










.divNumOverList
{
	min-height: 40px;
	min-width: 222px;
	border: 2px solid #cacaca;
    border-radius: 5px;
    margin: 3px;
    padding: 2px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
}















/*--------------------------
-----------BADGE------------
--------------------------*/
.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   right:-2px;
   font-size:.6em;
   font-weight:bold;
   background:#bf0a30;
   color:white;
   width:14px;
   height:14px;
   text-align:center;
   line-height:14px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}

/*--------------------------
------FINE BADGE------------
--------------------------*/








#searchHomeTitle {
	padding-top:8px;
	padding-left: 15px;
}
















/*--------------------------
-----------BADGE W3.CSS------------
https://www.w3schools.com/w3css/w3css_badges.asp
--------------------------*/
.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-deep-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#002868!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
/*--------------------------
------FINE BADGE W3.CSS------------
--------------------------*/