/*

Gray:
#ECF0F1
#BEC3C7
#96A5A5
#7F8C8D

Graph:
 1 - #E44942
 2 - #4298D9
 3 - #3DCD73
 4 - #EEC42C
 5 - #9A57B3
 6 - #31BD9B
 7 - #E37D2F
 8 - #36495D
 9 - #BD3630
10 - #3580B7
11 - #34AF63
12 - #EF9B28
13 - #8E42AB
14 - #29A186
15 - #CE5216
16 - #2E3E4F

*/

label#label-legend.checkbox.ui-button
{
	border-color: white;
	background: #333333;
	box-shadow: none;
	padding: 5px 10px 3px 10px;
	color: white;
	margin: 4px 0px;
	font-weight: bold;
	font-size: 1.1em;
	z-index: 99;
}

label#label-legend.checkbox.ui-button:hover
{
	/*border-color: black;
	background: white;
	color: #B23231;*/
	border-color: white;
	background: #555555;
}

label#label-legend.checkbox.ui-button.ui-state-active
{
	border-color: black;
	background: white;
	color: #B23231;
	box-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white;
}


label.checkbox.ui-button
{
	position: relative;
	border-color: #96A5A5;
	background: #BEC3C7;
	box-shadow: none;
	padding: 4px 6px 4px 6px;
	color: gray;
	margin-bottom: 6px;
	font-weight: bold;
}

label.checkbox.ui-button:hover
{
	border-color: #96A5A5;
	font-weight: bold;
	background: #DBE1E6;
}


/*label.checkbox.ui-button::before
{
	content: '';
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background-color: gray;
	margin-right: 5px; 
}*/

label.checkbox.ui-button.ui-state-active
{
	color: white;
	/*color: black;*/
	/*text-shadow: 0 0 2px black, 0 0 4px gray;*/
}

/*
label.checkbox-0.ui-button.ui-state-active
{
	background: #E44942;
}

label.checkbox-1.ui-button.ui-state-active
{
	background: #4298D9;
}

label.checkbox-2.ui-button.ui-state-active
{
	background: #3AC06F;
}

label.checkbox-3.ui-button.ui-state-active
{
	background: #EEC42C;
}

label.checkbox-4.ui-button.ui-state-active
{
	background: #9A57B3;
}

label.checkbox-5.ui-button.ui-state-active
{
	background: #39BD9E;
}

label.checkbox-6.ui-button.ui-state-active
{
	background: #E67E2E;
}

label.checkbox-7.ui-button.ui-state-active
{
	background: #3B4F66;
}

label.checkbox-8.ui-button.ui-state-active
{
	background: #972D26;
}

label.checkbox-9.ui-button.ui-state-active
{
	background: #26689A;
}

label.checkbox-10.ui-button.ui-state-active
{
	background: #26804A;
}

label.checkbox-11.ui-button.ui-state-active
{
	background: #C09D13;
}

label.checkbox-12.ui-button.ui-state-active
{
	background: #682680;
}

label.checkbox-13.ui-button.ui-state-active
{
	background: #1A8068;
}

label.checkbox-14.ui-button.ui-state-active
{
	background: #A95311;
}

label.checkbox-15.ui-button.ui-state-active
{
	background: #1E2833;
}
*/

label.checkbox-0.ui-button.ui-state-active
{
	background: #E44942;
}

label.checkbox-1.ui-button.ui-state-active
{
	background: #4298D9;
}

label.checkbox-2.ui-button.ui-state-active
{
	background: #3DCD73;
}

label.checkbox-3.ui-button.ui-state-active
{
	background: #EEC42C;
}

label.checkbox-4.ui-button.ui-state-active
{
	background: #9A57B3;
}

label.checkbox-5.ui-button.ui-state-active
{
	background: #31BD9B;
}

label.checkbox-6.ui-button.ui-state-active
{
	background: #E37D2F;

}

label.checkbox-7.ui-button.ui-state-active
{
	background: #36495D;
}

label.checkbox-8.ui-button.ui-state-active
{
	background: #BD3630;
}

label.checkbox-9.ui-button.ui-state-active
{
	background: #3580B7;
}

label.checkbox-10.ui-button.ui-state-active
{
	background: #34AF63;
}

label.checkbox-11.ui-button.ui-state-active
{
	background: #EF9B28;
}

label.checkbox-12.ui-button.ui-state-active
{
	background: #8E42AB;
}

label.checkbox-13.ui-button.ui-state-active
{
	background: #29A186;
}

label.checkbox-14.ui-button.ui-state-active
{
	background: #CE5216;
}

label.checkbox-15.ui-button.ui-state-active
{
	background: #2E3E4F;
}

/*
label.checkbox-0.ui-button.ui-state-active
{
	background: #E44942;
}

label.checkbox-1.ui-button.ui-state-active
{
	background: #4298D9;
}

label.checkbox-2.ui-button.ui-state-active
{
	background: #3DCD73;
}

label.checkbox-3.ui-button.ui-state-active
{
	background: #EEC42C;
}

label.checkbox-4.ui-button.ui-state-active
{
	background: #9A57B3;
}

label.checkbox-5.ui-button.ui-state-active
{
	background: #31BD9B;
}

label.checkbox-6.ui-button.ui-state-active
{
	background: #E37D2F;
}

label.checkbox-7.ui-button.ui-state-active
{
	background: #36495D;
}

label.checkbox-8.ui-button.ui-state-active
{
	background: #BD3630;
}

label.checkbox-9.ui-button.ui-state-active
{
	background: #3580B7;
}

label.checkbox-10.ui-button.ui-state-active
{
	background: #34AF63;
}

label.checkbox-11.ui-button.ui-state-active
{
	background: #EF9B28;
}

label.checkbox-12.ui-button.ui-state-active
{
	background: #8E42AB;
}

label.checkbox-13.ui-button.ui-state-active
{
	background: #29A186;
}

label.checkbox-14.ui-button.ui-state-active
{
	background: #CE5216;
}

label.checkbox-15.ui-button.ui-state-active
{
	background: #2E3E4F;
}
*/


label.checkbox-active.ui-button.ui-state-active
{
	background: linear-gradient(90deg, #E44942 50%, #3DCD73 50%);
}

label.checkbox-hospital-new.ui-button.ui-state-active
{
	background: linear-gradient(90deg, #9A57B3 50%, #31BD9B 50%);
}

label.checkbox-trend-rate.ui-button.ui-state-active
{
	background: linear-gradient(90deg, rgb(49, 144, 57, 1), rgb(125, 165, 62, 1), rgb(255, 204, 118, 1), rgb(250, 156, 94, 1), rgb(240, 112, 87, 1), rgb(227, 79, 89, 1), rgb(222, 66, 91, 1));
}

label.checkbox-PES.ui-button.ui-state-active
{
	background-image: linear-gradient(to right,  #34AF63, #34AF63, #34AF63, #34AF63, #EEC42C, #EEC42C, #EEC42C, #EEC42C, #E37D2F, #E37D2F, #E37D2F, #E37D2F, #E44942, #E44942, #E44942, #9A57B3, #9A57B3, #9A57B3, #9A57B3, #9A57B3);*
}


label.checkbox-colorize-map.ui-button.ui-state-active
{
	background: #B23231;
}