.betSwitch{
    text-align: center;
    border: 1px solid grey;
    cursor: pointer;
}
.betSwitch.active{
    background-color:#4b0082;
    text-align: center;
    border: 1px solid grey;
    cursor: pointer;
}
.gridbox{
	display: grid;
	grid-template-columns:  1fr auto auto auto;
	align-items: center;
	background-color: #1e1e58!important;
	width:100%;
	padding: 5px;
}
.lgridbox{
	display: grid;
	grid-template-columns:  1fr auto auto;
	align-items: center;
	background-color: #1e1e58!important;
	width:100%;
	padding: 5px;
}
.gridbox > :first-child {
    background: linear-gradient(45deg, #4b0082, #1e1e58); /* Adjust the colors and the angle as needed */
    padding: 5px;
}
.gridbox > div:nth-child(2n) {
    margin-right: 3px;
}
/*.odds2{*/
/*	max-width: 95px;*/
/*}*/
/*.odds3{*/
/*	max-width: 144px;*/
/*}*/
#dropdown1 p{
      text-align: center;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: normal;
    line-height: 10px;
}
#dbet{
      margin-right: 5px;
}
.odd-filter{
    float: left;
    	position: relative;
	cursor: pointer;
	text-align: center!important;
}
.bet-filter{
	position: relative;
	cursor: pointer;
	text-align: center!important;
}
.bet-filter span {
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    line-height: 12px;
    max-height: 25px;
}
.bet-filter, .odd-filter i{
    font-size: 10px;
	margin-left: 2px;
}
.bet-dropdown, .odds-dropdown{
	display: none;
	position: absolute;
    right: 0;
    top: 20px;
    width: 40px;
    background: #4b0082;
    z-index: 2;
    text-align: left;
    max-height: 322px;
    overflow-y: auto;
    min-width: 100%;
    opacity: 0;
}
.bet-dropdown.active, .odds-dropdown.active {
    display: block;
    opacity: 1!important;
}
.bet-dropdown, .odds-dropdown li{
	line-height: 20px;
	padding: 0 10px;
}
.bet-dropdown .odds-dropdown li:hover{
	background: rgba(255, 255, 255, 0.5);
}
li.disabled{
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	pointer-events: none;
}
.oddname{
    font-size: 10px;
    vertical-align: middle;
    word-break: break-word;
    float: left;
    line-height: 21px;
    max-width: 69px;
    min-width: 69px;
    text-align: center;
    position: relative;
}
.others-text {
	position: absolute;
	top: -20px;
    align-self: flex-start;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.starttime {
    display: flex;
    align-items: center; /* This will vertically align the matchname with the center of the time-wrapper */
    gap: 10px; /* Adjust this value if you want more/less spacing between the elements */
}

.time-wrapper {
    display: flex;
    flex-direction: column; /* This makes the date and time stack vertically */
}
.oddwrapper{
    width: 68px;
    display: flex;
    align-items: center;
    float: left;
    height: 38px;
}
.bet-btn{
    font-size:11px;
    height: 25px;
    width: 67px;
    line-height: 21px;
    text-align: center;
    border: 1px solid grey;
    margin: 0 2px;
    cursor: pointer;
    box-sizing: border-box;
}
.bet-btn.active{
    background-color: #4b0082;
}

.starttime span,
.starttime p,
.starttime .matchname {
    line-height: 12px;
    margin: 0; /* This will remove any default margin */
    padding: 0; /* This will remove any default padding */
}
.matchname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.max-width{
    width: 52px;
}