.filter:after{content: "\f00d";margin-left:0.25rem;font: normal normal normal 14px/1 FontAwesome;}
sup{
	display:inline-block;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.75;
}
.filter-link-items a:hover{
    text-decoration: none;
}
.table-fraction{
    min-width: 440px;
}
.table-fraction td span{white-space: nowrap}
td.batch > .ty{opacity: 0.6;}
@media screen and (min-width: 576px) {
    .d-md-table-row{display: table-row !important;}
    .filter-layer-content{margin-top:20px;display: flex;background-color:#f1f1f1;border:1px solid #dddddd;margin-bottom:1.5rem;}
    .filter-layer-content > h3{
		background-color:#E4393C;color:#fff;
		font-size:1rem;margin:0;line-height: 1.5;padding: .375rem .75rem;vertical-align: middle;
	
	}
    .dropdown-filter{
        display: inline-flex;
		position: relative;
	}
    .dropdown-filter > .btn{
        background-color:#fff;
        border-radius:0;
        margin-bottom:-1px;
        border-bottom-color:#dddddd;
        border-right-color:#dddddd;
    }
    .dropdown-filter>.btn.active, .dropdown-filter>.btn:focus {
		z-index: 1;
	}
    .filter-link-items{
		display:none;position: absolute;left:0;top:2.375rem; background-color: #fff;z-index: 100;
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
		padding:0.5rem 0;
		transition:display 2s;
		will-change: transform;
	}
    .dropdown-filter-pro .filter-link-items{
		min-width:360px;max-width:400px;
		padding:0.25rem 0.75rem;
	}
    .dropdown-filter.show > .btn{border-bottom-color:#f9f9f9;}
	.dropdown-filter.show > .filter-link-items {
		display: flex;
	}
    .filter-link-items a{
        display: block;    color: #212529;
            width: 100%;
    }

	.filter-link-items a:hover{
		color: #16181b;
		text-decoration: none;
		background-color: #f8f9fa;
	}
    .dropdown-filter-pro .filter-link-items a{
		width: auto;flex-basis:25%;
	}
    .filter-link-items  a > span{
		display:block;
		
		position: relative;
		
		padding: .25rem 1rem;
		white-space: nowrap;
	}
}




@media screen and (max-width: 575.98px) {    
    h3.title{font-size:1.5rem;}
    .filter-xs-button{min-width:90px;}
    .filter-xs-button .btn{font-size:0.875rem;padding-top:.25rem;padding-bottom:.25rem;}
    .filter-layer-container{
    				
			-webkit-transition:-webkit-transform .35s ease;
			transition:-webkit-transform .35s ease;
			transition:transform .35s ease;
			transition:transform .35s ease,-webkit-transform .35s ease;
			-webkit-transform:translate3d(100%,0,0);
			transform:translate3d(100%,0,0);
			position:fixed;width:85%;top:0;bottom:0;left:100%;
			background-color:#f7f7f7;
			bottom:constant(safe-area-inset-bottom);
			bottom:env(safe-area-inset-bottom);
    }
    	 
    .filter-layer-content{
    		overflow: hidden;
    		overflow-y: auto;
    		position:absolute;
    		top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    z-index: 1;
		    padding-bottom: 50px;
    }
    .filter-link-items{
		display: flex;
		padding:.5rem;
		font-size:.875rem;
		background-color:#fff;
		margin-left:-0.25rem;
		margin-right:-0.25rem;
		
		border-color:transparent !important;
	}

    .filter-layer-bg{position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index:20;
    	background-color: rgba(0,0,0,.7);
    	opacity: 0;visibility: hidden;}
    .show > .filter-layer-bg{opacity: 1;visibility: visible;}
    .show .filter-layer-container{transform: translate3d(-100%,0,0);z-index:50;}
	.dropdown-filter > h4{font-size:1rem;padding:.5rem;margin-bottom:0;}
	.dropdown-filter > h4 .text-small{margin-left:.5rem;font-size:.875rem;letter-spacing:.25rem;opacity:.65;}
    .filter-link-items > a{
    	min-width: 25%;
    }
    .filter-layer-content .filter-link-items  a > span{
    	display:block;
    	padding:.25rem;
    	position: relative;border:1px solid #f7f7f7;
    	text-align:center;
    	margin:.25rem;
    }
    .filter-layer-content .filter-link-items  a.selected > span{
    	border-color:#E4393C;
    }
    .filter-layer-content .filter-link-items  a.selected > span:after
    {
    	content: "";
    	position: absolute;
	    right: 0;
	    bottom: 0;
	    width: 16px;
	    height: 15px;
	    border-radius: 0 0 2px 0;
	    background-color:blue;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTOQ4POQ5PPrV1f///+dLTe17ff3u7/Kio/W4uSuQvVkAAAACdFJOUwB/timhlQAAAHxJREFUGNNdzkEOQDAQheG6Qo/whNhrT1DBmoW9OAIXEQdGpyP6uvvzZTpjTPaKPI0lBjGIQQxiEIMYxCAGMYhBDGIQ489V+3XkMmjL9HVoR26GKbXw1ut/D7dT3a2pX3Z+GXXfOz2H/Uwtu13Qe+S02afWy/Vem3fOIMYN5MMhcwr9BD0AAAAASUVORK5CYII=) no-repeat right bottom;
	    background-size: 15px auto;
	    overflow: hidden;
	    z-index: 1;
	    display:block;
	    border:none;
    }
    
    .filter-layer-container .filter-action-buttons{
    	z-index:100;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px 2px 0 rgba(0,0,0,.07);}
    
    .table-fraction th{font-size:.75rem;}
    .table-fraction td, .table-fraction th { padding: .5rem .25rem; vertical-align:middle;}
    .table-fraction td span{display:block;}
    .table-fraction td .score.sup{font-size:.875rem;opacity: 0.6;}
    .table-fraction td.batch{font-size:.875rem;}
    
}

@media screen and (max-width: 359.98px) {
		.table-fraction td, .table-fraction th {
	    padding: .25rem .1875rem;
	    vertical-align: middle;
		}
		.table-fraction{font-size:.875rem;}
}