[v-cloak] { display:none; }

.drop-down {
	min-width: 20em;
}

#v-players {
	margin-bottom: 25px;
}

#filter_box {
	border-radius: 4px;
	background-color: hsl(0, 0%, 97%);
	padding: 10px 10px 20px 40px;
	margin-bottom: 10px;
}

	#filter_group {
		display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-evenly;
	}

		.filter_container {
			min-width: 325px;
			width: 32%;
			margin: 0 0 8px 0;
		}

			.filter_container p {
				margin-top: 12px;
				text-align: center;
				font-size: 16px;
				color: #505050;
			}

			.multiselect {
				width: 90%;
			}

		.filter_container:hover .vue-slider-process {
			background-color: #eb9421;
		}

		.vue-slider {
			margin-top: 32px;
		}

	    	.vue-slider-process {
	    		background-color: #505050;
	    	}

	    	.vue-slider-rail {
	    		background-color:#cccccc;
	    	}

	    	.vue-slider-dot {
	    		position: absolute;
	    		border-radius: 50%;
	    		background-color: #fff;
	    		box-shadow: 0.5px 0.5px 2px 1px rgba(0,0,0,.32);
	    		transition: all 0s;
	    		will-change: transform;
	    		cursor: pointer;
	    		z-index: 5;
	    	}

	    	.vue-slider-dot-tooltip {
	    		visibility: visible;
	    	}
	    		.vue-slider-dot-tooltip-inner {
	    			background-color: hsl(0, 0%, 90%);
	    			border-color: hsl(0, 0%, 90%);
	    			display: block;
	    			font-size: 14px;
	    			white-space: nowrap;
	    			padding: 2px 5px;
	    			min-width: 20px;
	    			text-align: center;
	    			color: #505050;
	    			border-radius: 5px;;
	    		}

	    		.vue-slider-dot-tooltip-inner:after {
	    			content: "";
	    			position: absolute;
	    		}

	    		.vue-slider-dot-tooltip-inner-top:after{
	    			left: 50%;
	    			-webkit-transform: translate(-50%);
	    			top: 100%;
	    			border-color: transparent;
	    			border-style: solid;
	    			border-width: 5px;
	    			border-top-color: inherit;
	    		}

	    #filter_button {
	        margin-top: 16px;
	        margin-bottom: 16px;
	    }

    	#hide_filters_container {
    		text-align: center;
        	margin-top: 15px;
    	}

    	#hide_filters_button {
    		background-color: hsl(0, 0%, 90%);
    	}

    		#hide_filters_button:hover {
    			background-color: hsl(0, 0%, 85%);
    		}