.scoreboard-content a, 
	.scoreboard-content a:hover {
		text-decoration: none;
		color: #000;
	}
	
	.scoreboard-previous {
		background-color: #fff;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC5CAYAAADpjFWRAAAAfklEQVQ4T+2TRw6EQBDEhgxLTkv4/0NRWaj4AEfm4Klzyw7hfpH+WEiMVCszcq1CKI1K6yfURqPVGp1WLwzGqDUJs7ForcLf2LR249A6P3w3eMMDbEIuNAOoh4ToCFAUWdEWoDJSo/djO/LTAlUAIqEZ6qEjQFtU9kRHg9QYLl5jD0L82NApAAAAAElFTkSuQmCC);
		background-position: 100% 80%;
		background-repeat: no-repeat;
		cursor: pointer;
		display: inline-block;
		height: 100%;
		position: sticky;
		top: 0;
		width: 6rem;
		z-index: 1;
		left: 0;
		border: none;
		outline: none;
	}
	
	.scoreboard-previous svg {
	  -webkit-transform: rotate(-180deg);
	  transform: rotate(-180deg);
	}
	
	.scoreboard-previous svg, .scoreboard-next svg {
		position: relative;
		width: 1rem;
		z-index: 2;
	}
	
	.scoreboard-previous svg path, .scoreboard-next svg path {
	  stroke: #CCC;
	}
	.scoreboard-previous:hover svg path, .scoreboard-next:hover svg path {
	  stroke: #c2002f;
	}
	
	.scoreboard-previous::after {
	  background: #000;
	  content: "";
	  -webkit-filter: blur(20px);
	  filter: blur(20px);
	  height: 80%;
	  opacity: .1;
	  position: absolute;
	  right: -1rem;
	  top: 15%;
	  -webkit-transform: matrix(-1,0,0,1,0,0);
	  transform: matrix(-1,0,0,1,0,0);
	  width: 2rem;
	}
	
	.scoreboard-previous::before {
	  background: #fff;
	  content: "";
	  height: 100%;
	  left: 0;
	  position: absolute;
	  top: 0;
	  width: calc(100% - 1px);
	  z-index: 1;
	}
	
	
	
	.scoreboard-next {
		background-color: #fff;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC5CAYAAADpjFWRAAAAfklEQVQ4T+2TRw6EQBDEhgxLTkv4/0NRWaj4AEfm4Klzyw7hfpH+WEiMVCszcq1CKI1K6yfURqPVGp1WLwzGqDUJs7ForcLf2LR249A6P3w3eMMDbEIuNAOoh4ToCFAUWdEWoDJSo/djO/LTAlUAIqEZ6qEjQFtU9kRHg9QYLl5jD0L82NApAAAAAElFTkSuQmCC);
		background-position: 100% 80%;
		background-repeat: no-repeat;
		cursor: pointer;
		display: inline-block;
		height: 100%;
		position: sticky;
		top: 0;
		width: 6rem;
		z-index: 1;
		background-position: 0 80%;
		left: calc(100% - 6rem);
		border: none;
		outline: none;
	}
	
	.scoreboard-next::before {

    background: #000;
    content: "";
    -webkit-filter: blur(20px);
    filter: blur(20px);
    height: 80%;
    left: -1rem;
    opacity: .1;
    position: absolute;
    top: 15%;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: matrix(-1,0,0,1,0,0);
    width: 2rem;

	}

	.scoreboard-next::after {
		background: #fff;
		content: "";
		height: 100%;
		left: 1px;
		position: absolute;
		top: 0;
		width: calc(100% - 1px);
		z-index: 1;
	}
	
	
	.scoreboard-container {
		
		margin: 0 auto;
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
		overflow-y: hidden;
		position: relative;
		width: 100%;
		display: flex;
		height: 210px;
		border: 0px red solid;
		scroll-behavior: smooth;
		scrollbar-width: thin;
		scrollbar-color: grey;
	}
	
	
	
	.scoreboard-container::-webkit-scrollbar {
	  height: 5px;
	}

	.scoreboard-container::-webkit-scrollbar-thumb {
	  background-color: #ccc;
	  border-radius: 5px;
	}


	
        .scoreboard {
			width: 300px;
			min-width: 300px;
            border-radius: .25rem;
            box-shadow: 0 .16rem .33rem rgba(0,0,0,.1);
            background-color: #fff;
            border: 1px solid #e6e6e6;
            display: flex;
			flex-direction: column;
            height: 90%;
            text-transform: uppercase;
            -webkit-transition: all .1s ease;
            -o-transition: all .1s ease;
            transition: all .1s ease;
			position: relative;
			word-wrap: break-word;
			background-clip: border-box;
			margin-left: 10px;


        }
		
		.scoreboard-warp {
			width: 100%;
			display: flex;
			position: absolute;
			top: 0;
			padding-left: 8.5rem;
			padding-top: 10px;
			padding-bottom: 10px;
		}
        
        .scoreboard-content {
            flex: 2 1;
            padding: 1.08rem 1.66rem;
            /*width: 66.667%;*/
			font-size: 16px
        }
		
		.scoreboard-content a {
			flex-direction: column;
			width: 100%;
			display: flex;
			height: 100%;
			justify-content: space-between;
		}

        .scoreboard-links {
            align-items: center;
            border-left: .2rem dotted #bfbfbf;
            display: -ms-flexbox;
            display: flex;
            flex: 1 1;
            flex-wrap: wrap;
            height: 100%;
            list-style: none;
            margin: 0;
            position: relative;
            width: 33.333%;
			display: none;
        }

        .scoreboard-date {
            color: grey;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .07em;
			margin-bottom: 10px;
        }

        .scoreboard-match {
			display: flex;
			justify-content: space-between;
        }
		
		
        .scoreboard-match .label {
			display: flex; 
			justify-content: space-between; 
			width: 100%;
		}
        .scoreboard-match .team {
            align-items: center;
            display: flex;
            justify-content: flex-start;
            letter-spacing: .05em;
			margin-bottom: 5px;
        }

        .scoreboard-match .team img {
			margin-right: .66rem;
			display: inline-block;
			flex: 0 0 1.83333rem;
			height: auto;
			width: 30px;
			border: 1px solid #fff;
			background: #fff;
			border-radius: 3px;
			width: 2.6rem;
			height: 2rem;
		}

        .scoreboard-match .team .name {
            text-overflow: ellipsis;
			font-size: 14px;
			font-weight: 600; 
			white-space: nowrap;
			max-width: 90%;
			color: #000;
        }
		
		.scoreboard-content .league-name {
			font-size: .6rem;
			letter-spacing: .07em;
			color: grey;
		}
		
	@media only screen and (max-width: 480px) {
		.scoreboard-previous, .scoreboard-next {
			display: none;
		}
		
		.scoreboard-warp {
		  padding-left: 0;
		}
		
	}