.row {
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    flex-basis: auto;
    flex-wrap: nowrap;
}

.column {
    display: flex
;
    flex-direction: column;
    flex-shrink: 1;
    flex-basis: auto;
    flex-wrap: nowrap;
}

.prematch-list {
    flex-grow: 2;
    flex-shrink: 0;
}

.prematch-list .match-title {
	border-top:var(--odds_oddhbordersizet) solid var(--odds_oddhbordert);
	border-bottom:var(--odds_oddhbordersizeb) solid var(--odds_oddhborderb);
	border-left:var(--odds_oddhbordersizel) solid var(--odds_oddhborderl);
	border-right:var(--odds_oddhbordersizer) solid var(--odds_oddhborderr);
    height: 40px;
    align-items: center;
	background-color: var(--odds_oddhbackground);
    flex-shrink: 0;
	width:100%;
}

.prematch-list .match-title:first-child {
    /*border-top: unset;*/
}

.prematch-list .match-title .league {
    padding: 0 10px;
    align-items: center;
    width: 40%;
}

.tournament-icon {
    flex-shrink: 0;
}

.tournament-icon img {
	overflow-clip-margin: content-box;
    overflow: clip;	
	box-sizing: inherit;
	border-style: none;
    height: 18px;
    vertical-align: baseline;
    margin-right: 5px;
	max-width: 100%;
}

.text-ellipsis, .text-ellipsis-block {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
}

.prematch-list .match-title .desc-title {
    width: calc(60% - 45px);
}

.prematch-list .match-title .desc-title .title-1x2 {
    width: calc(100% - 50px);
}

.prematch-list .match-title .desc-title .title-handicap, .prematch-list .match-title .desc-title .title-overunder {
    width: calc(100% - 50px);
    justify-content: center;
    align-items: center;
}

.prematch-list .match-title .desc-title .title-1x2 span {
    width: 100%;
    justify-content: center;
    align-items: center;
    color:var(--odds_oddhcolor);
}

.prematch-list .match-title .desc-title .title-handicap span {
    color:var(--odds_oddhcolor);
}

.prematch-list .match-title .desc-title .title-overunder span {
    color:var(--odds_oddhcolor);
}

.text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.catetext {
	color:var(--odds_color);
}

.text.text-level-11 {
    font-size: .625rem !important;
    font-weight: 400;
    letter-spacing: .0333333333em !important;
}


.prematch-list .match {
    height: 60px;
    align-items: center;

	border-top:var(--odds_oddlistbordersizet) solid var(--odds_oddlistbordert);
	border-bottom:var(--odds_oddlistbordersizeb) solid var(--odds_oddlistborderb);
	border-left:var(--odds_oddlistbordersizel) solid var(--odds_oddlistborderl);
	border-right:var(--odds_oddlistbordersizer) solid var(--odds_oddlistborderr);

	background-color: var(--odds_oddlistbackground);
    flex-shrink: 0;
}

.prematch-list .match .match-info {
    width: 40%;
    line-height: 25px;
}

.prematch-list .match .match-info .day {
	color:var(--odds_oddlistcolor2);
}

.prematch-list .match .match-info .time {
	color:var(--odds_oddlistcolor2);
}

.prematch-list .match .match-info .date {
    width: 60px;
    align-items: center;
}

.prematch-list .match .match-info .team {
    width: calc(100% - 110px);
}

.prematch-list .match .match-info .score {
    width: 50px;
	opacity: 1;
}

.team-icon {
    align-items: center;
    margin-right: 5px;
    flex-shrink: 0;
}

.prematch-list .match .match-info .team>div span {
    display: block !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    color:var(--odds_oddlistcolor);
}

.prematch-list .match .odds {
    width: 60%;
}

.prematch-list .match .odds .odds-1x2, .prematch-list .match .odds .odds-handicap, .prematch-list .match .odds .odds-overunder {
    width: calc(100% - 50px);
}

.prematch-list .match .odds>div>div {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    margin-right: 5px;
    justify-content: center;
}

.outcome button {
	box-shadow: none;
	border-top:var(--odds_oddbtnbordersizet) solid var(--odds_oddbtnbordert);
	border-bottom:var(--odds_oddbtnbordersizeb) solid var(--odds_oddbtnborderb);
	border-left:var(--odds_oddbtnbordersizel) solid var(--odds_oddbtnborderl);
	border-right:var(--odds_oddbtnbordersizer) solid var(--odds_oddbtnborderr);

	display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    outline: 0;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    padding: 0 10px;	
    width: 100%;
    height: 100%;
	background-color: var(--odds_oddbtnbackground);
}

.outcome button span {
	color: var(--odds_oddlistcolor3);
}

.outcome button:hover {
	border:1px solid #1A99C7;
}

.button:not(.text) {
    min-width: 40px;
}

.outcome .odd {
    position: relative;
    transition: .2s ease;
}

.spacer {
    flex-grow: 1;
}

.prematch-list .match .odds .detail-wrap {
    width: 50px;
    flex-shrink: 0;
}

.prematch-list .match .odds .detail-wrap>div {
    background-color: var(--odds_oddbtnbackground);
    cursor: pointer;
    transition: .2s ease;
}

.prematch-list .match .odds .detail-wrap .detail button {
    box-shadow: none;
	border-top:var(--odds_oddbtnbordersizet) solid var(--odds_oddbtnbordert);
	border-bottom:var(--odds_oddbtnbordersizeb) solid var(--odds_oddbtnborderb);
	border-left:var(--odds_oddbtnbordersizel) solid var(--odds_oddbtnborderl);
	border-right:var(--odds_oddbtnbordersizer) solid var(--odds_oddbtnborderr);
	
    vertical-align: middle;
    outline: 0;
    position: relative;
    text-decoration: none;
	user-select: none;
    white-space: nowrap;
    color: #ffffff;
    cursor: pointer;
    padding: 0 10px;	
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prematch-list .match .odds .detail-wrap .detail button span {
	color: var(--odds_oddlistcolor3);
}

.prematch-list .match .odds .detail-wrap .detail button:hover {
	border:1px solid #1A99C7;
}


.score_win {
	color: #ffb238;
}

.scrollable-auto {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

.scrollable-auto::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: var(--divscroll_bgcolor1);
}

.scrollable-auto::-webkit-scrollbar-button, .scrollable-auto::-webkit-scrollbar-track {
    display: none;
}

.scrollable-auto::-webkit-scrollbar-thumb {
    background-color: var(--divscroll_bgcolor2);
    border-radius: var(--main_bordertype);
}

.scrollable-auto::-webkit-scrollbar-button, .scrollable-auto::-webkit-scrollbar-track {
    display: none;
}

.scrollable-auto::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

.scroll-menu {
    width: 100%;
    position: relative;
    flex-shrink: 0;
    height: 70px;
	background-color: var(--odds_bgcolor);

	border-top:var(--odds_bordersizet) solid var(--odds_bordert);
	border-bottom:var(--odds_bordersizeb) solid var(--odds_borderb);
	border-left:var(--odds_bordersizel) solid var(--odds_borderl);
	border-right:var(--odds_bordersizer) solid var(--odds_borderr);
    
}

.scroll-menu .left {
    left: 0;
}

.scroll-menu .right {
    right: 0;
}

.scroll-menu .left>button, .scroll-menu .right>button {
	box-shadow: none;
    border: 0;
	display: flex;
	vertical-align: middle;
    outline: 0;
    position: relative;
    text-decoration: none;
	user-select: none;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;	
    min-width: unset !important;
    width: 100%;
    align-items: center;
    justify-content: center;
    transition: .2s ease;
    background-color:unset;
}

.list {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.scroll-menu .events {
    width: 100%;
    overflow-x: hidden;
    white-space: nowrap;
    text-align: center;
    scroll-behavior: smooth;
}

.scroll-menu .events .event {
    min-width: 80px;
    flex-shrink: 0;
    opacity: .5;
    cursor: pointer;
}

.scroll-menu .events .event.active {
    opacity: 1 !important;
}

.scroll-menu .events .event:first-child {
    margin-left: 20px;
}

.scroll-menu .events .event>button {
	box-shadow: none;
    border: 0;
	display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    outline: 0;
    position: relative;
    text-decoration: none;
	user-select: none;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    background-color: unset;
}

.scroll-menu .events .event>button:hover {
	border:1px solid #1A99C7;
	opacity: 1 !important;
}


.scroll-menu .events .event img {
    overflow-clip-margin: content-box;
    overflow: clip;	
	max-width: 100%;
	vertical-align: middle;
    width: 30px;
    height: 30px;
}

.margin-top-5, .margin-vertical-5 {
    margin-top: 5px !important;
}

.scroll-menu .events .event .desc-text {
    transition: .2s ease;
}

.scroll-menu .events .event.active .desc-text {
    color: #16bdf9;
}

@media only screen and (max-width: 1024px) {
    .prematch-list .match-title .league {
        width: 40% !important;
    }
    
     .prematch-list .match-title .desc-title {
        width: 60% !important;
    }

    .prematch-list .match-title .desc-title .title-1x2, .prematch-list .match-title .desc-title .title-handicap, .prematch-list .match-title .desc-title .title-overunder {
        width: calc(100% - 40px) !important;
    }    
    
	.prematch-list .match .match-info {
        width: 40% !important;
    }
    
    .prematch-list .match .match-info .date {
        width: 40px !important;
    }

    .prematch-list .match .match-info .score {
        width: 35px !important;
    }
    
	.prematch-list .match .match-info .team {
        width: calc(100% - 75px) !important;
    }
    
    .prematch-list .match .odds {
        width: 60% !important;
    }

	.prematch-list .match .odds .odds-1x2, .prematch-list .match .odds .odds-handicap, .prematch-list .match .odds .odds-overunder {
        width: calc(100% - 40px) !important;
    }
        
    .prematch-list .match .odds .detail-wrap {
        width: 40px !important;
    }
        
    .text {
    	font-size: .625rem !important;
	}
	
    .scroll-menu .events {
        overflow-x: auto !important;
    }
}