/*
 * Type => Item Choice
 */

	.watool__choice_block{
		padding:5px;
		border:1px solid #5a5a5a;
		box-shadow:0px 0px 0px 1px #fff inset;
		background:none;
		cursor:pointer;
	}

	.watool__choice_block.watool__selected, .watool__choice_block.watool__selected:hover{
		border:1px solid #003A6B;
		box-shadow:0px 0px 0px 1px #003A6B inset;
		transition:border 0.5s, box-shadow 0.5s;
	}
	
	.watool__choice_block:hover{
		border:1px solid #333;
		box-shadow:0px 0px 0px 1px #333 inset;
		transition:border 0.5s, box-shadow 0.5s;
	}
	
	/* Typo
	   ========================================================================== */
		.watool__choice_full{font-size:0!important;}

		.watool__choice_full .watool__choice_block{
			display:block;
			margin-bottom:20px;
			color:#474747;
			text-align:center;
			font-size:13.33px!important;
			line-height:1.5;
			width:100%;
		}

		.watool__choice_full .watool__choice_block span.watool{
			font-size:1.9em!important;
		}

		.watool__choice_full .watool__choice_block.watool__selected, .watool__choice_full .watool__choice_block.selected:hover{
			color: #003A6B;
			border:1px solid #003A6B;
			box-shadow:0px 0px 0px 1px #003A6B inset;
		}

		.watool__choice_full .watool__choice_block:hover{
			color: #333;
			border:1px solid #333;
			box-shadow:0px 0px 0px 1px #333 inset;
			transition:color 0.5s, border 0.5s, box-shadow 0.5s;
		}

	/* Color
	   ========================================================================== */
		.watool__choice_multiple{font-size:0!important;}

		.watool__choice_multiple .watool__choice_block{
			display:inline-block;
			width:calc((100% - 60px) / 4);
			margin:0 20px 20px 0;
			text-align:center;
			font-size:13.33px!important;
			line-height:1.5;
		}					

		.watool__choice_multiple .watool__choice_block span.watool {
			font-size:1.7em!important;
		}

		.watool__choice_multiple .watool__choice_block:nth-child(4n){
			margin:0 0 20px 0;
		}

		.watool__choice_multiple .watool__choice_block span.watool{display:block; width:100%;}		

/*
 * Type => Buttons Range
 */

/* ==========================================================================
   Disabled Buttons
   ========================================================================== */
	button[disabled].watool, input[disabled].watool {
		opacity: 0.5!important;
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		filter: alpha(opacity=50);
		cursor: default!important;
	}
	
/* ==========================================================================
   Type : a- / A+
   ========================================================================== */
	.watool__slide_value{
		text-align:center;
		margin:20px;
	}

	.watool__push_value{
		width:30px;
		height:30px;
		display:inline-block;
		line-height:1;
		padding:0;
		margin:0;
		border:2px solid #333;
		box-shadow:0px 0px 0px 1px #fff inset;
		background:none;
		cursor:pointer;
		border-radius:50%;
		font-size:1.8em!important;
		vertical-align:middle;
		font-family:'Courier'!important;
		font-weight:bold;
		color:#333;
	}

	.watool__push_value.watool__disabled{
		border:2px solid #cacaca;
		color:#cacaca;
		cursor:not-allowed;
	}

	.watool__slide_value span.watool{
		margin:0 25px;
		display:inline-block;
		font-size:2.2em!important;
		vertical-align:middle;
		color:#003A6B;
		font-family: "montserratlight"!important;
		min-width:100px;
	}

/* ==========================================================================
   Type : Range
   ========================================================================== */
   	input[type=range].watool {
	    /*removes default webkit styles*/
	    -webkit-appearance: none;
	    
	    /*fix for FF unable to apply focus style bug */
	    border: 1px solid transparent;
	    
	    /*required for proper track sizing in FF*/
	    width: 100%;
	   	cursor:grab;
	   	cursor:-webkit-grab;
	   	margin-top: 30px;
	}

	input[type=range].watool:active {
		cursor:grabbing;
		cursor:-webkit-grabbing;
	}

	/* Chrome
	   ========================================================================== */
		input[type=range].watool::-webkit-slider-runnable-track {
			width:100%;
			height:6px;
			display:block;
			background:#cacaca;
			border-radius: 3px;
			box-shadow:1px 1px 1px 1px #aaa inset;
		}

		input[type=range].watool::-webkit-slider-thumb {
		    -webkit-appearance: none;
		    margin-top:-9px;
			width:24px;
			height:24px;
			border-radius:50%;
	        background: -webkit-linear-gradient(top left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
	        background: -o-linear-gradient(top left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
	        background: linear-gradient(to bottom right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
			box-shadow:0 0 2px 1px #00325E inset;
			background-color:#003A6B;
		}
	
		input[type=range].watool:focus {
		    outline: none;
		}

		input[type=range].watool:focus::-webkit-slider-runnable-track {
		    background: #cacaca;
		}
	

	/* FF
	   ========================================================================== */
		input[type=range].watool::-moz-range-track {
			width:100%;
			height:6px;
			display:block;
			background:#cacaca;
			border-radius: 3px;
			box-shadow:1px 1px 1px 1px #aaa inset;
		}

		input[type=range].watool::-moz-range-thumb {
			width:24px;
			height:24px;
			border-radius:50%;
	        background: -webkit-linear-gradient(top left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
	        background: -o-linear-gradient(top left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
	        background: linear-gradient(to bottom right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
			box-shadow:0 0 2px 1px #00325E inset;
			background-color:#003A6B;
			border:none;
		}

		/*hide the outline behind the border*/
		input[type=range].watool:-moz-focusring{
		    outline: 1px solid white;
		    outline-offset: -1px;
		}

	/* IE
	   ========================================================================== */
		input[type=range].watool::-ms-track {
			width:100%;
			height:6px;
			box-shadow:1px 1px 1px 1px #aaa inset;
			border-radius:15px;
		    
		    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
		    background: transparent;
		    
		    /*leave room for the larger thumb to overflow with a transparent border */
		    border-color: transparent;
		    border-width: 10px 0;

		    /*remove default tick marks*/
		    color: transparent;
		}

		input[type=range].watool::-ms-fill-lower {
		    background: #cacaca;
		    border-radius: 10px;
		}

		input[type=range].watool::-ms-fill-upper {
		    background: #cacaca;
		    border-radius: 10px;
		}

		input[type=range].watool::-ms-thumb {
			border:none;
			width:24px;
			height:24px;
			border-radius:50%;
	        background: -webkit-linear-gradient(top left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
	        background: -o-linear-gradient(top left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
	        background: linear-gradient(to bottom right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 15%, rgba(98,164,221,0.75) 50%, rgba(98,164,221,0) 90%);
			box-shadow:0 0 2px 1px #00325E inset;
			background-color:#003A6B;
			margin-top:0;
		}

		input[type=range].watool:focus::-ms-fill-lower {
		    background: #cacaca;
		}

		input[type=range].watool:focus::-ms-fill-upper {
		    background: #cacaca;
		}