@charset "UTF-8";
.bet-builder-container {
  width: calc(100% - 7px);
  position: relative;
}
.bet-builder-container .bet-builder-widget {
  position: relative;
  border-radius: 3px;
  padding-left: 3px;
  font-family: 'Roboto';
}
.bet-builder-container .bet-builder-widget .events-border {
  border: none;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event {
  border: none;
  background: #1F262E;
  margin-bottom: 4px;
  padding-left: 12px;
  border-radius: 3px;
  overflow: hidden;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .fixtureId {
  position: relative;
  max-height: 25px;
  left: -11px;
  top: 15px;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  width: 7%;
  font-family: Roboto;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .fixtureId {
    font-size: 11px;
  }
}
@media only screen and (max-width: 1370px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .fixtureId {
    left: -10px;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event > .grow {
  padding: 0;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event > .grow > .flex {
  flex-direction: row-reverse;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .btn-remove {
  position: absolute;
  opacity: 1;
  background: #4F5860;
  padding: 0;
  margin: 0;
  height: 11px;
  width: 11px;
  right: 0;
  border: none;
  border-radius: 1px;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .btn-remove:before {
  content: "X";
  font-size: 9px;
  color: #FFF;
  font-weight: bold;
  position: absolute;
  top: -1px;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .btn-remove:before {
    font-size: 7px;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .btn-remove svg {
  display: none;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .btn-remove {
    height: 9px;
    width: 9px;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-tag {
  color: #F28110;
  font-size: 16px;
  font-family: Roboto;
  height: 20px;
  left: 0;
  top: 15px;
  padding-left: 5px;
  position: relative;
  background: none;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-tag {
    font-size: 12px;
    top: 10px;
    left: 0;
  }
}
@media only screen and (max-width: 1370px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-tag {
    left: 7px;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info {
  padding: 0;
  max-width: 45%;
  margin: 0;
  display: block;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .bet-builder-price-box {
  position: absolute;
  right: 3px;
  top: 0;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .bet-builder-price-box .bet-builder-price {
  color: #C4A40A;
  font-weight: 400;
  z-index: 99;
  top: 13px;
  background: none;
  border: none;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .bet-builder-price-box .bet-builder-price {
    font-size: 11px;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1370px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box {
    width: 90%;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-date {
  width: 30%;
  margin-right: 14px;
  text-align: center;
  margin-top: 14px;
  color: #fff;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-date {
    font-size: 11px;
  }
}
@media only screen and (max-width: 1370px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-date {
    width: 12%;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-name {
  position: relative;
  width: 70%;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-name {
    top: 6px;
  }
}
@media only screen and (max-width: 1370px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-name {
    left: -4px;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-name span {
  display: block;
  line-height: 25px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 300;
  font-family: Roboto;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-name span.seperator {
  display: none;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-builder-info .name-date-box .event-name span {
    font-size: 11px;
    line-height: 14px;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info {
  padding: 0;
  margin: 0;
  width: 250px;
  left: 46%;
  top: -5px;
  height: 25px;
  min-height: auto;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info {
    top: -4px;
    height: 21px;
  }
}
@media only screen and (max-width: 1370px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info {
    left: 48%;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .decoration-dot, .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .decoraion-line {
  display: none;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .market-name {
  padding: 0;
  width: 50px;
  min-width: 50px;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .bet-name {
  display: inline;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .bet-name span {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  font-family: Roboto;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .bet-name span {
    font-size: 11px;
  }
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .bet-line {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 3px;
  align-items: baseline;
  margin: 0;
  padding-left: 5px;
}
.bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .bet-line span {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  font-family: Roboto;
}
@media only screen and (max-width: 1600px) {
  .bet-builder-container .bet-builder-widget .events-border .bet-builder-event .bet-info .bet-line span {
    font-size: 11px;
  }
}
/*
 --------------------------*/