body {
  --header-color: #0075ba;
  --bottom-header-color: #0075ba;
  --primary-color: #a03d0e;
  --secondary-color: #fff;
  --primary-text-color: #b9b9b9;
  --secondary-text-color: #fff;
  --header-text-color: #d3d3d3;
  --button-color: #1275af;
  --search-color: #754f3c;
  --white-text: #fff;
  --black-text: #273a47;
  --btn-hover-bg: #464646;
  --live-tag: #fff;
  --disable-color: #5d5d5d;
  --border-color: #404040;
  --lay-color: #faa9ba;
  --back-color: #72bbef;
  --bet-value-color: #7e7e7e;
  --back-text-color: #000000;
  --lay-text-color: #000000;
  --date-time-bg-color: #555555;
  --market-data-hover: #364252;
  --main-tabs-color: #3c3838;
  --bet-collapse-bg: rgba(23, 23, 23, 0.4);
  --bet-collapse-btn-color: #5d5d5d;
  --bet-collapse-hover: #5c5c5c;
  --background-color: #242424;
  --bg-color: #121212;
  --bottom-tab-color: #242424;
  --modal-bg: #3c444b;
  --game-list-time-color: #999999;
  --detail-score-over-color: #898b97;
  --detail-score-overlay: rgba(67, 68, 74, 0.8);
  --detail-score-ball-bg: #393939;
  --detail-score-border: #888888;
  --detail-score-logo-border: #e9e9e9;
  --match-odd-title-bg: #ebebeb;
  --in-play-color: linear-gradient(
    to right,
    #e163dc -30%,
    #c43d5d 20%,
    #5142c3 130%
  );
  --in-play-border: #a13f7c;
  --in-play: #029970;
  --stake-color: #d9534f;
  --filter-primary: invert(76%) sepia(87%) saturate(800%) hue-rotate(354deg)
    brightness(105%) contrast(107%);
  --filter-white: invert(66%) sepia(94%) saturate(416%) hue-rotate(200deg)
    brightness(165%) contrast(151%);
  --filter-black: invert(66%) sepia(94%) saturate(416%) hue-rotate(200deg)
    brightness(165%) contrast(151%);
  --filter-grey: invert(72%) sepia(62%) saturate(17%) hue-rotate(29deg)
    brightness(106%) contrast(93%);
  --market-virtual-tab-border: #ff5cad;
  --play-with-border: #222222;
  --virtual-icon-color: #d3d3d3;
  --match-not-bg: #2c2a2a;
  --select-category-bg: #25282c;
  --casino-shadow: -1.3913px 3.3913px 6.78261px rgb(59 64 85 / 20%),
    3.3913px -3.3913px 6.78261px rgb(70 73 80 / 20%),
    -3.3913px -1.3913px 6.78261px rgb(87 88 104 / 61%),
    3.3913px 3.3913px 7.47826px rgb(89 95 115 / 90%),
    inset 0.847826px 0.847826px 1.69565px rgb(79 79 79 / 30%),
    inset -0.847826px -0.847826px 1.69565px rgb(100 98 98 / 50%);
  --score-team-title: #fff;
  --light-text-color: #6c6c6c;
  --terms-slider-bg: #fff;
  --terms-slider-shadow: -4px 4px 8px rgba(237, 237, 237, 0.2),
    4px -4px 8px rgba(237, 237, 237, 0.2),
    -4px -4px 8px rgba(255, 255, 255, 0.9),
    4px 4px 10px rgba(224, 224, 224, 0.9),
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -1px -1px 2px rgba(219, 219, 219, 0.5);
  --terms-card-color: #fff;
  --terms-text-color: #036702;
  --terms-title-color: #000;
  --left-sidebar-border: #188dd0;
  --match-odd-text: #273a47;
  --market-inner-hover: #2c2c2c;
  --sports-shadow: 0px 2.61538px 7.84615px rgba(220, 220, 220, 0.6);
  --cashout-bg: #036702;
  --cashout-border: #036702;
  --cashout-boxshadow: -2px 4px 4px 0px rgba(33, 33, 33, 0.15);
  --cashout-text: #036702;
  --cashout-popup-text: #036702;
  --cashout-profile-text: #fff;
  --cashout-avil-bg: #fff;
  --profit-value-bg: #fff;
  --cashout-detail: #7e7e7e;
  --dropdown-hover-bg: #f3f3f3;
}
body.dark {
  --header-color: #242424;
  --bottom-header-color: #242424;
  --primary-color: #a03d0e;
  --secondary-color: #fff;
  --primary-text-color: #b9b9b9;
  --secondary-text-color: #000;
  --header-text-color: #b9b9b9;
  --button-color: #424242;
  --search-color: #646464;
  --white-text: #fff;
  --black-text: #273a47;
  --btn-hover-bg: #464646;
  --live-tag: #b9b9b9;
  --disable-color: #5d5d5d;
  --border-color: #404040;
  --bet-value-color: #939393;
  --date-time-bg-color: #4c4c4c;
  --market-data-hover: #454646;
  --main-tabs-color: #181818;
  --bet-collapse-bg: rgba(73, 73, 73, 0);
  --bet-collapse-btn-color: #5d5d5d;
  --bet-collapse-hover: #4c4c4c;
  --bet-semiheader: #292a2a;
  --background-color: #242424;
  --bg-color: #000;
  --bottom-tab-color: #242424;
  --modal-bg: #3c444b;
  --game-list-time-color: #787878;
  --detail-score-over-color: #898b97;
  --detail-score-overlay: rgba(67, 68, 74, 0.8);
  --detail-score-ball-bg: #fff;
  --detail-score-border: #888888;
  --detail-score-logo-border: #484d49;
  --match-odd-title-bg: #2d2d2d;
  --in-play-color: linear-gradient(
    to right,
    #e163dc -30%,
    #c43d5d 20%,
    #5142c3 130%
  );
  --in-play: #00b181;
  --stake-color: #d9534f;
  --filter-grey: invert(72%) sepia(62%) saturate(17%) hue-rotate(29deg)
    brightness(106%) contrast(93%);
  --play-with-border: #824a34;
  --play-with-border: #222222;
  --virtual-icon-color: #bebebe;
  --select-category-bg: linear-gradient(
    135.13deg,
    #000000 0%,
    rgba(0, 0, 0, 0.22) 127.93%
  );
  --casino-shadow: -3.3913px 3.3913px 6.78261px rgba(27, 25, 25, 0.2),
    3.3913px -3.3913px 6.78261px rgba(9, 8, 8, 0.2),
    -3.3913px -3.3913px 6.78261px rgba(20, 18, 18, 0.9),
    3.3913px 3.3913px 8.47826px rgba(25, 25, 25, 0.9),
    inset 0.847826px 0.847826px 1.69565px rgba(33, 32, 32, 0.3),
    inset -0.847826px -0.847826px 1.69565px rgba(28, 28, 28, 0.5);
  --score-team-title: #58a857;
  --light-text-color: #757575;
  --terms-slider-bg: #000;
  --terms-slider-shadow: -4px 4px 8px rgba(0, 0, 0, 0.2),
    4px -4px 8px rgba(0, 0, 0, 0.2), -4px -4px 8px rgba(0, 0, 0, 0.9),
    4px 4px 10px rgba(0, 0, 0, 0.9), inset 1px 1px 2px rgba(0, 0, 0, 0.3),
    inset -1px -1px 2px rgba(0, 0, 0, 0.5);
  --terms-card-color: #181818;
  --terms-title-color: #e1e1e1;
  --terms-text-color: #824a34;
  --left-sidebar-border: #fff;
  --match-odd-text: #c3c3c3;
  --market-inner-hover: #3f3d3d;
  --sports-shadow: -1px 1px 2px rgb(0 5 16 / 20%),
    1px -1px 2px rgb(0 8 26 / 20%), -1px -1px 2px rgb(29 29 29 / 90%),
    1px 1px 3px rgb(14 14 14 / 90%), inset 1px 1px 2px rgb(0 0 0 / 30%),
    inset -1px -1px 2px rgb(0 0 0 / 50%);
  --cashout-bg: #5a5a5a;
  --cashout-border: #5a5a5a;
  --cashout-boxshadow: -2px 4px 4px 0px rgba(33, 33, 33, 0.15);
  --cashout-text: #fff;
  --cashout-popup-text: #fff;
  --cashout-profile-text: #fff;
  --cashout-avil-bg: #242424;
  --profit-value-bg: #323232;
  --cashout-detail: #b2b2b2;
  --dropdown-hover-bg: #333333;
}
* {
  font-family: Montserrat, sans-serif;
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-weight: 400;
  background-color: var(--bg-color);
  color: var(--primary-text-color);
}
body {
  position: relative;
  overflow-y: auto !important;
}
.bg-img {
  background-image: url(../images/background-img-dark.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: auto;
}
.casino-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: left center;
  height: auto;
}
button,
input,
optgroup,
select,
textarea {
  font-family: Montserrat, sans-serif;
}
.m-0 {
  margin: 0 !important;
}
.p-0 {
  padding: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.v-m {
  vertical-align: middle;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
  max-height: 100% !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-grid {
  display: grid !important;
}
.b-radious0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.material-tooltip {
  font-size: 12px;
  text-transform: capitalize;
  background-color: var(--secondary-color);
  padding: 8px 8px;
  min-height: 25px;
  color: var(--primary-color);
  border-radius: 3px;
  font-weight: 500;
}
.top-20 {
  margin-top: 100px !important;
  transition: all 0.5s;
}
.dark header nav .top-header .user-menus .dropdown-content li a:hover {
  background-color: var(--primary-color);
}
.dark header nav .top-header .user-menus ul li.dashboard-btn a.btn.active,
.dark header nav .top-header .user-menus ul li.dashboard-btn a.btn:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
}
.dark header nav .bottom-header ul li a img {
  filter: var(--filter-white);
}
.dark header nav .bottom-header ul li a img.in_play_icon {
  filter: none;
}
.dark
  header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  input {
  background: var(--primary-color);
}
.dark
  header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  input:focus {
  background-color: var(--primary-color);
}
.dark
  header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  ::-webkit-input-placeholder {
  color: var(--white-text);
}
.dark
  header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  ::-moz-placeholder {
  color: var(--white-text);
}
.dark
  header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  :-ms-input-placeholder {
  color: var(--white-text);
}
.dark
  header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  :-moz-placeholder {
  color: var(--white-text);
}
.dark header .sidenav .collapsible .collapsible-body {
  background-color: transparent;
}
.dark header .sidenav .upcoming-event ul li:nth-child(odd) {
  background: rgba(100, 100, 100, 0.1);
}
.dark header .sidenav li .menu .link {
  color: var(--white-text);
}
.dark .dark-bg {
  background-color: var(--main-tabs-color);
  padding: 5px;
  border-radius: 8px;
}
.dark main .col-center .marketBets .livecasino .game-slider .game-item.active,
.dark main .col-center .marketBets .livecasino .game-slider .game-item:focus,
.dark main .col-center .marketBets .livecasino .game-slider .game-item:hover,
.dark main .col-center .rightsidebar .livecasino .game-slider .game-item.active,
.dark main .col-center .rightsidebar .livecasino .game-slider .game-item:focus,
.dark main .col-center .rightsidebar .livecasino .game-slider .game-item:hover {
  border-color: var(--background-color);
}
.dark
  main
  .col-center
  .marketBets
  .livecasino
  .game-slider
  .game-item
  .play-btn
  a,
.dark
  main
  .col-center
  .rightsidebar
  .livecasino
  .game-slider
  .game-item
  .play-btn
  a {
  color: var(--primary-text-color);
}
.dark main .col-center .marketBets .livecasino .main-title h3 img,
.dark main .col-center .rightsidebar .livecasino .main-title h3 img {
  filter: var(--filter-white);
}
.dark main .col-center .main-tabs .event-content .tabs {
  background-color: var(--main-tabs-color);
}
.dark main .col-center .main-tabs .event-content .tabs .indicator {
  background-color: var(--primary-color) !important;
}
.dark
  main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  .market
  ul
  li
  a.race-link {
  background-color: var(--date-time-bg-color);
}
.dark
  main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data:hover
  .game-subtitle {
  color: #959393;
}
.dark main .col-center .main-tabs .event-content .no-inplay-match p {
  color: var(--white-text);
}
.dark main .col-center .marketBets .marketBetsData .title h3 img {
  filter: var(--filter-white);
}
.dark main .col-center .marketBets .marketBetsData .title .miniplayer-mode,
.dark main .col-center .marketBets .marketBetsData .title .theator-mode {
  filter: var(--filter-white);
}
.dark main .col-center .marketBets .marketBetsData .betslip {
  background-color: rgba(103, 103, 103, 0.4) !important;
}
.dark
  main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary {
  color: var(--white-text);
}
.dark
  main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a {
  color: var(--white-text);
}
.dark
  main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a.active,
.dark
  main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a:focus,
.dark
  main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a:hover {
  color: var(--black-text) !important;
}
.dark
  main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-cancel {
  color: #ff5949;
  font-weight: 700;
}
.dark main .market-page .col-center .market-main .select-bet .selectbet-header {
  background-color: var(--bet-semiheader);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .top-row
  .evt-title {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .top-row
  .evt-title::after {
  background-color: #4c4c4c;
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .date-time {
  box-shadow: rgba(255, 255, 255, 0.3) 0 0 0, rgba(255, 255, 255, 0.4) 0 1px 6px;
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .date-time
  .date {
  color: var(--black-text) !important;
  font-weight: 700;
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .date-time
  .time {
  font-weight: 600;
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .add-market
  a,
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .live-stream
  a,
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .score
  a {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  p {
  color: #a3a3a3;
}
.dark main .market-page .col-center .market-main .select-bet .score-section {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  h4 {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  h4
  a:hover {
  color: var(--white-text);
  border-color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.football
  h3,
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.football
  x
  span {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  .toss
  h2 {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body {
  color: var(--white-text);
}
.dark main .market-page .col-center .market-main .select-bet .bet-semiheader {
  background-color: var(--bet-semiheader);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .m-info
  .in-play {
  color: var(--white-text);
  font-weight: 600;
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .m-info
  .in-play
  i.fa-play {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .match-odd
  .scores-event {
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-profit
  .limit,
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-profit
  .profit {
  color: #979797;
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .suspend
  .suspend-cont {
  color: var(--white-text);
  background-color: rgba(89, 89, 89, 0.9);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .l-blue,
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .l-pink,
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .m-blue,
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .m-pink {
  background-color: #4c4c4c;
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .bbr-0
  a {
  color: var(--black-text);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .ball-start-overly {
  color: var(--white-text);
  background-color: rgba(89, 89, 89, 0.9);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-header {
  color: var(--secondary-text-color);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-header
  h4
  a.close-popup {
  color: var(--secondary-text-color);
}
.dark
  main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .bet-semiheader
  .header {
  color: var(--white-text);
}
.dark main .market-page .col-center .tabGroup .select-category {
  background-color: var(--main-tabs-color);
}
.dark
  main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs {
  background-color: var(--main-tabs-color);
}
.dark
  main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  .ripple:hover {
  background: var(--main-tabs-color)
    radial-gradient(circle, transparent 1%, var(--main-tabs-color) 1%)
    center/15000%;
  color: var(--white-text);
}
.dark
  main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  .ripple:active {
  background-color: #fff;
  background-size: 100%;
  transition: background 0s;
}
.dark main .countdownHolder .position .txt {
  color: #919191 !important;
}
.dark main .bet-collapse.back,
.dark main .bet-collapse.lay {
  background-image: none;
}
.dark
  main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary {
  color: var(--white-text);
  background-color: var(--bet-collapse-btn-color);
}
.dark main .bet-collapse .bet-cont .bet-input-container .bid-rate a {
  color: var(--live-tag);
}
.dark main .bet-collapse .bet-cont .bet-input-container .bid-rate a.active,
.dark main .bet-collapse .bet-cont .bet-input-container .bid-rate a:hover {
  color: var(--black-text);
}
.dark
  main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-bet {
  color: var(--white-text);
}
.dark
  main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-cancel {
  color: #ff5949;
  font-weight: 700;
}
.dark main .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--white-text) !important;
}
.dark main #casino-page .portfolio .port-content .port-inner .port-btn a:hover {
  color: var(--black-text);
}
.dark
  main
  #casino-page
  .portfolio
  .port-content
  .port-inner
  .port-btn
  h4
  a:hover {
  color: var(--primary-color);
}
.dark main #casino-page .main-title .borderset i {
  color: var(--primary-text-color);
}
.dark main.account-pages .col-center .card {
  background-color: var(--main-tabs-color);
}
.dark main.account-pages .col-center table.dataTable tbody tr {
  background-color: var(--main-tabs-color);
}
.dark main.account-pages .col-center table.dataTable tbody td {
  border-color: var(--border-color);
}
.dark
  main.account-pages
  .ac_slider
  .slider-scroll
  .scroll-slider
  .item_main
  a
  .item_details
  .title {
  color: var(--white-text);
}
.dark
  main.account-pages
  .ac_slider
  .slider-scroll
  .scroll-slider
  .item_main
  a
  .item_details
  .item-svg
  svg
  path {
  fill: var(--white-text);
}
.dark main.account-pages .dataTables_wrapper .dataTables_filter input {
  color: var(--white-text);
}
.dark
  main.terms-pages
  .col-center
  .card
  .card-content
  .terms_slider
  .terms_slider-scroll
  .terms_scroll-slider
  .item_main
  a {
  box-shadow: none;
}
.dark .market-runner-suspend {
  background-color: rgba(89, 89, 89, 0.9);
}
.dark .market-runner-suspend .market-runner-suspend-text {
  color: var(--white-text);
}
.dark .one-click-bet .title h3 img {
  filter: var(--filter-white);
}
.dark .one-click-bet .title h3 .badge {
  background-color: var(--primary-color);
}
.dark .one-click-bet .title h3 .badge::after {
  border-top: 4px solid var(--primary-color);
}
.dark .one-click-bet .one-click-collapse .content .one-click-setting a.select,
.dark .one-click-bet .one-click-collapse .content .one-click-setting a:focus,
.dark .one-click-bet .one-click-collapse .content .one-click-setting a:hover {
  background-color: var(--primary-color);
}
.dark
  .one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  .click-form
  .click-input
  .input-field
  input.select,
.dark
  .one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  .click-form
  .click-input
  .input-field
  input:focus {
  background-color: var(--primary-color);
}
.dark .one-click-bet .switch label .lever {
  background-color: var(--secondary-color);
}
.dark .one-click-bet .switch label .lever::after,
.dark .one-click-bet .switch label .lever::before {
  background-color: var(--black-text);
}
.dark .one-click-bet .switch label [type="checkbox"]:checked + .lever {
  background-color: var(--primary-color);
}
.dark .one-click-bet .switch label [type="checkbox"]:checked + .lever::after {
  background-color: var(--black-text);
}
.dark .scrollToTop {
  color: var(--primary-color);
  background: var(--secondary-color);
}
.dark .material-tooltip {
  color: var(--black-text);
  font-weight: 600;
}
.dark .account-pages .footer {
  margin-top: 15px;
}
.dark .footer {
  padding: 10px;
}
.dark .footer .browser-wrap {
  color: #b6b6b6;
}
.dark .footer .links {
  border-bottom: 1px solid #1b1b1b;
}
.dark .footer .social-media {
  border-bottom: 1px solid #1b1b1b;
}
.dark .modal {
  background-color: var(--modal-bg) !important;
}
.dark .modal .modal-content .modal-body {
  background-color: var(--modal-bg);
}
.dark
  .modal
  .modal-content
  .modal-body
  .betslip-match-list
  .collapsible
  .collapsible-header {
  background-color: var(--modal-bg);
}
.dark .modal .modal-footer {
  background-color: var(--modal-bg);
}
.dark .modal form .input-field input {
  border-bottom: 1px solid #6a6a6a !important;
}
.dark #login-modal .login-form .login-detail .user_input label {
  color: var(--primary-text-color);
}
.dark #login-modal .login-form .login-detail .remember-field label span.keep {
  color: var(--primary-text-color);
}
.dark #login-modal .login-form .login-detail a.loginButton {
  color: var(--white-text);
}
.dark #login-modal .login-form .login-detail a.loginButton:hover {
  color: var(--secondary-text-color);
}
.dark #login-modal .login-form .login-detail a.loginButton:hover::before {
  border: 1px solid var(--primary-text-color);
}
.dark #login-modal .login-form .mobile-app .download-btn {
  color: var(--white-text);
}
.dark #login-modal .login-form .mobile-app .download-btn:hover {
  color: var(--secondary-text-color);
}
.dark #login-modal .login-form .mobile-app .download-btn:hover::before {
  border: 1px solid var(--primary-text-color);
}
.dark #login-modal .login-form .mobile-app p {
  color: var(--primary-text-color);
}
.dark #login-modal .modal-content .modal-close i {
  color: var(--secondary-text-color);
}
.dark #login-modal .bg-color {
  background-color: #2b2f35;
  border-radius: 7px;
}
.dark .select-wrapper .caret {
  fill: #fff;
}
.dark table.highlight > tbody > tr:hover {
  background-color: var(--market-data-hover);
}
.dark #matched-unmatched.modal .modal-content .match-tabGroup ul.tabs {
  background-color: var(--modal-bg);
}
.dark #matched-unmatched.modal .modal-footer {
  background-color: var(--modal-bg);
}
.dark .bet-start .bet-record {
  color: var(--white-text);
}
.dark .bet-start .bet-record .beatteam span.close-icon a {
  color: var(--white-text);
}
.dark.maintenance .mt-title h3,
.dark.maintenance .mt-title p {
  color: var(--black-text);
}
.dark.maintenance .footer .links {
  border-bottom: 1px solid #696969;
}
.dark.maintenance .footer .links ul li a {
  color: var(--light-text-color);
  border-right: solid 1px var(--light-text-color);
}
.dark.maintenance .footer .browser-wrap {
  color: #656565;
}
.dark.maintenance .footer .copyright .title {
  color: var(--black-text);
}
.dark.maintenance .footer .social-media {
  border-bottom: 1px solid #696969;
}
.dark .casino-search .all-games .category-collection .item-collection a:hover {
  color: var(--white-text);
}
.dark .datepicker-table td {
  color: var(--white-text);
}
.dark .datepicker-cancel,
.dark .datepicker-clear,
.dark .datepicker-done,
.dark .datepicker-today {
  color: var(--white-text) !important;
}
header .sidenav-open {
  transform: translateX(0) !important;
}
header .sidenav-close {
  transform: translateX(-105%) !important;
}
header .navbar-fixed {
  height: 50px;
  z-index: 1000;
}
header nav {
  background: var(--header-color);
  height: 50px;
  line-height: 50px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
header nav#global-nav {
  position: fixed;
  top: 0;
  z-index: 999;
  height: 95px;
  width: 100%;
  line-height: 100px;
  transition: height 0.5s, line-height 0.5s;
}
header nav.scrolled-nav .brand-logo img {
  display: inline-block;
  transition: all 0.5s;
  max-width: 120px !important;
}
header nav.scrolled-nav .main-header {
  margin-left: 150px !important;
  transition: all 0.5s;
}
header nav.scrolled-nav .bottom-header {
  top: 5px;
  transition: all 0.5s;
}
header nav .top-header {
  height: 50px;
  padding: 0 5px 0 5px;
}
header nav .top-header .brand-logo {
  height: 50px;
  display: flex;
  align-items: center;
  line-height: 50px;
  width: auto;
  position: relative;
  margin-right: 5px;
}
header nav .top-header .brand-logo img {
  max-width: 150px;
  width: auto;
  height: auto;
  max-height: 45px;
  padding: 0;
  transition: all 0.1s;
}
header nav .top-header .main-header {
  transition: all 0.1s;
  width: auto;
  display: flex;
  position: relative;
}
header nav .top-header .main-header li {
  vertical-align: middle;
  display: flex;
  align-items: center;
  height: 50px;
  transition: background-color 0.1s;
}
header nav .top-header .main-header li a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  height: 32px;
  line-height: 29px;
  border: 1px solid var(--search-color);
  border-radius: 30px;
  padding: 0 8px;
  color: var(--header-text-color);
  align-items: center;
  display: flex;
  transition: all 0s;
  position: relative;
}
header nav .top-header .main-header li a.active,
header nav .top-header .main-header li a:hover {
  background-color: transparent;
}
header nav .top-header .main-header li a.active::after,
header nav .top-header .main-header li a:hover::after {
  right: 0;
  background-color: var(--search-color);
}
header nav .top-header .main-header li a::after,
header nav .top-header .main-header li a::before {
  opacity: 0;
  transform-origin: center center 0 50%;
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
header nav .top-header .main-header li a::after {
  opacity: 1;
  top: -1px;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: -1;
  border-radius: 30px;
}
header nav .top-header .main-header li a .icon-holder-small {
  margin: 0;
}
header nav .top-header .main-header li a.virtual .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 2px;
}
header nav .top-header .main-header li a.virtual .icon i {
  color: var(--virtual-icon-color);
  height: auto;
  line-height: normal;
  font-size: 18px;
}
header nav .top-header .user-menus {
  margin-left: auto;
}
header nav .top-header .user-menus .header-wpIcon {
  width: 25px;
  height: 25px;
  float: left;
  display: block;
  line-height: 25px;
  margin: 0 5px 0 2px;
  position: relative;
  top: 8px;
  right: -5px;
}
header nav .top-header .user-menus .header-wpIcon i {
  height: auto;
  line-height: normal;
  font-size: 22px;
  cursor: pointer;
  color: var(--header-text-color);
}
header nav .top-header .user-menus ul li.refresh a.active::after,
header nav .top-header .user-menus ul li.refresh a:hover::after {
  opacity: 0;
}
header nav .top-header .user-menus ul li.dashboard-btn a.btn {
  position: relative;
  top: 5px;
  background-color: var(--button-color);
  border-radius: 30px;
  color: var(--white-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 33px;
  height: 34px;
  padding: 0 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
  transition: all 0.2s;
  margin: 0 5px;
}
header nav .top-header .user-menus ul li.dashboard-btn a.btn.active,
header nav .top-header .user-menus ul li.dashboard-btn a.btn:hover {
  color: var(--secondary-text-color);
  background-color: var(--btn-hover-bg);
  transition: all ease-in 0.2s;
}
header nav .top-header .user-menus ul li.dashboard-btn a.btn.active::after,
header nav .top-header .user-menus ul li.dashboard-btn a.btn.active::before,
header nav .top-header .user-menus ul li.dashboard-btn a.btn:hover::after,
header nav .top-header .user-menus ul li.dashboard-btn a.btn:hover::before {
  opacity: 0;
  width: 0;
}
header nav .top-header .user-menus ul li.dashboard-btn a.whatapp-btn {
  background-color: unset;
  padding: 0;
  box-shadow: none;
  margin: 0;
}
header nav .top-header .user-menus ul li.dashboard-btn a.whatapp-btn img {
  filter: unset;
  width: 30px;
  height: 30px;
  margin-right: 0;
}
header nav .top-header .user-menus li a {
  padding: 0 5px;
  text-align: center;
  display: flex;
  align-items: center;
  color: var(--header-text-color);
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  position: relative;
}
header nav .top-header .user-menus li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--header-text-color);
  transition: 0.5s;
}
header nav .top-header .user-menus li a.active,
header nav .top-header .user-menus li a:hover {
  outline: 0;
}
header nav .top-header .user-menus li a.active::before,
header nav .top-header .user-menus li a:hover::before {
  width: 100%;
}
header nav .top-header .user-menus li a.active,
header nav .top-header .user-menus li a:hover {
  background-color: transparent;
}
header nav .top-header .user-menus li a.active img,
header nav .top-header .user-menus li a:hover img {
  cursor: pointer;
  transition: all ease-in 0.2s;
}
header nav .top-header .user-menus li a img {
  width: 15px;
  margin-right: 5px;
  filter: var(--filter-grey);
}
header nav .top-header .user-menus li a i {
  height: auto;
  line-height: inherit;
  font-size: 16px;
}
header nav .top-header .user-menus li a.dropdown-trigger {
  justify-content: center;
  padding: 0 10px;
  width: auto;
  margin-right: 5px;
  text-transform: uppercase;
}
header nav .top-header .user-menus li a.dropdown-trigger img {
  width: 12px;
}
header nav .top-header .user-menus li a.dropdown-trigger i.right {
  margin-left: 5px;
}
header nav .top-header .user-menus li a .liability-title,
header nav .top-header .user-menus li a .wallet-title {
  display: flex;
  padding-right: 2px;
  font-weight: 700;
}
header nav .top-header .user-menus li a .user {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
header nav .top-header .user-menus li a svg {
  margin-right: 5px;
}
header nav .top-header .user-menus li a svg path {
  fill: var(--header-text-color);
}
header nav .top-header .user-menus .dropdown-content {
  min-width: 190px;
  top: 50px !important;
  position: absolute;
  right: 15px;
  left: auto !important;
  border-radius: 0;
  width: 190px !important;
  overflow: inherit;
  background-color: var(--background-color);
  transition: all 0.3s;
}
header nav .top-header .user-menus .dropdown-content li {
  border: none;
  min-height: 0;
  padding: 0;
}
header nav .top-header .user-menus .dropdown-content li:first-child {
  margin-top: 10px;
}
header nav .top-header .user-menus .dropdown-content li:last-child {
  margin-bottom: 10px;
}
header nav .top-header .user-menus .dropdown-content li a {
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: var(--primary-text-color);
  line-height: 1.2rem;
  border: none;
  border-radius: 0;
}
header nav .top-header .user-menus .dropdown-content li a:hover {
  background-color: var(--btn-hover-bg);
  color: var(--white-text);
  transition: ease-in 0.2s;
}
header nav .top-header .user-menus .dropdown-content li a:hover::after,
header nav .top-header .user-menus .dropdown-content li a:hover::before {
  opacity: 0;
  width: 0;
}
header nav .top-header .user-menus .dropdown-content li a i {
  font-size: 15px;
  text-align: center;
  width: 20px;
  margin-right: 5px;
}
header nav .bottom-header {
  height: 40px;
  line-height: 40px;
  top: 5px;
}
header nav .bottom-header ul {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
header nav .bottom-header ul li {
  margin-right: 1px;
}
header nav .bottom-header ul li:first-child a {
  margin-left: 10px;
}
header nav .bottom-header ul li:last-child {
  margin-right: 0;
}
header nav .bottom-header ul li a {
  padding: 0 10px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--header-text-color);
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  align-items: center;
  height: 40px;
}
header nav .bottom-header ul li a img {
  width: 15px;
  height: 18px;
  margin-right: 5px;
}
header nav .bottom-header ul li a.active,
header nav .bottom-header ul li a:hover {
  background-color: transparent;
}
header nav .bottom-header ul li a.active::after,
header nav .bottom-header ul li a:hover::after {
  transform: translateY(0);
  opacity: 1;
}
header nav .bottom-header ul li a.active img,
header nav .bottom-header ul li a:hover img {
  cursor: pointer;
}
header nav .bottom-header ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--header-text-color);
  transition: 0.5s;
}
header nav .bottom-header ul li a.active,
header nav .bottom-header ul li a:hover {
  outline: 0;
}
header nav .bottom-header ul li a.active::before,
header nav .bottom-header ul li a:hover::before {
  width: 100%;
}
header nav .bottom-header ul li a .in_play_icon {
  width: 75px;
  height: 21px;
}
header nav .bottom-header ul li a.in_play-icon.active,
header nav .bottom-header ul li a.in_play-icon:hover {
  background-color: transparent;
}
header nav .bottom-header ul li a.in_play-icon.active::after,
header nav .bottom-header ul li a.in_play-icon:hover::after {
  transform: translateY(0);
  opacity: 0;
}
header nav .bottom-header ul li a.in_play-icon.active img,
header nav .bottom-header ul li a.in_play-icon:hover img {
  cursor: pointer;
}
header nav .bottom-header ul li a .icon-holder-small {
  width: 32px;
  height: 32px;
  margin: 0;
}
header nav .bottom-header ul li a .icon-holder-small .sports-icon {
  width: 32px;
  height: 28px;
  background-size: 32px;
}
header nav .bottom-header ul li a .icon-holder-small .sports-icon.home {
  background-position: 0 -1849px;
}
header nav .bottom-header ul li.seprater {
  display: flex;
  position: relative;
}
header nav .bottom-header ul li.seprater .sept {
  position: absolute;
  height: 40px;
  line-height: 40px;
  right: -3px;
  color: var(--secondary-color);
  font-size: 16px;
}
header nav .bottom-header ul li .top-icon {
  position: relative;
  top: 3px;
}
header nav .bottom-header ul li .top-icon .top-search-icon form .input-field {
  display: flex;
  justify-content: center;
  position: relative;
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field.logo-search {
  border-radius: 30px;
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  input {
  border: none;
  float: left;
  width: 300px;
  background: var(--search-color);
  height: 23px !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  padding: 5px 0 5px 15px !important;
  color: var(--white-text);
  display: block;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 30px;
  transition: all 0.5s;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  input:focus {
  width: 400px;
  opacity: 1 !important;
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  input:focus.search-logo {
  background-position: 65px 4px;
  background-image: none !important;
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  input.search-logo {
  background-repeat: no-repeat;
  background-position: 65px 5px;
  background-size: auto 25px;
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  .s-icon
  i.fa-search {
  position: absolute;
  right: 20px;
  top: 8px;
  height: auto;
  line-height: 1;
  font-size: 16px;
  color: var(--white-text);
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  ::-webkit-input-placeholder {
  color: var(--white-text);
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  ::-moz-placeholder {
  color: var(--white-text);
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  :-ms-input-placeholder {
  color: var(--white-text);
}
header
  nav
  .bottom-header
  ul
  li
  .top-icon
  .top-search-icon
  form
  .input-field
  :-moz-placeholder {
  color: var(--white-text);
}
header nav a.sidenav-trigger {
  bottom: -44px;
}
header nav a.sidenav-trigger i.fa-bars {
  color: var(--secondary-color);
}
header .sidenav {
  margin-top: 110px;
  left: 0;
  border-radius: 20px;
  background-color: var(--main-tabs-color);
  padding-bottom: 0;
  height: auto;
  position: fixed;
  top: 0;
  bottom: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 240px;
  box-shadow: none;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
header .sidenav li {
  line-height: 25px;
}
header .sidenav li.active {
  background-color: transparent;
}
header .sidenav li.active .collapsible-header .fa-plus {
  transform: rotate(-45deg);
  transition: transform 0.5s ease;
}
header .sidenav li.active .collapsible-body {
  background-color: transparent;
}
header .sidenav li.active .collapsible-body li {
  line-height: 25px;
  border: none;
}
header .sidenav li.active .collapsible-body li a {
  padding: 2px 0 2px 18px;
  width: 100%;
  height: auto;
  line-height: 25px;
  font-size: 12px;
  font-weight: 500;
  color: var(--primary-text-color);
  transition: all 0.3s ease-out 0s;
  text-transform: inherit;
}
header .sidenav li.active .collapsible-body li a img {
  width: 12px;
  margin-right: 6px;
}
header .sidenav li.active .collapsible-body li a:hover {
  background-color: var(--btn-hover-bg);
  color: var(--white-text);
}
header .sidenav li.active .collapsible-body li a:hover i {
  color: var(--white-text);
}
header .sidenav li .menu {
  position: relative;
  display: flex;
}
header .sidenav li .menu .link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 39px;
  line-height: 1.6;
  border-radius: 99em;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform-origin: center left;
  transition: width 0.2s ease-in;
  text-decoration: none;
  color: var(--white-text);
}
header .sidenav li .menu .link.active {
  outline: 0;
  width: auto;
  padding: 0 10px;
}
header .sidenav li .menu .link.active .link-title,
header .sidenav li .menu .link.active::before {
  transform: translateX(0);
  opacity: 1;
}
header .sidenav li .menu .link::before {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border-radius: 99em;
  width: 85%;
  height: 58%;
  top: 8px;
  left: 15px;
  transform: translateX(100%);
  transition: transform 0.2s ease-in;
  transform-origin: center right;
  background-color: var(--search-color);
}
header .sidenav li .menu .link-icon {
  width: 35px;
  height: 35px;
  display: block;
  flex-shrink: 0;
  left: 5px;
  top: 5px;
  position: absolute;
  margin: 0;
}
header .sidenav li .menu .link-icon .sports-icon {
  width: 35px;
  height: 30px;
  background-size: 35px;
}
header .sidenav li .menu .link-icon .sports-icon.inplay {
  background-position: 0 -1910px;
}
header .sidenav li .menu .link-icon .sports-icon.upcoming {
  background-position: 0 -1873px;
}
header .sidenav li .menu .link-title {
  transform: translateX(100%);
  transition: transform 0.2s ease-in;
  transform-origin: center right;
  display: block;
  text-align: center;
  text-indent: 30px;
  width: auto;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  z-index: -1;
}
header .sidenav .upcoming-event {
  padding: 5px 10px;
}
header .sidenav .upcoming-event .icon-holder-verysmall {
  position: relative;
  top: 2px;
}
header .sidenav .upcoming-event h4 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: default;
  margin: 0 0 5px 0;
  padding: 0;
  height: 30px;
  line-height: 25px;
  color: var(--primary-text-color);
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
header .sidenav .upcoming-event ul li {
  padding: 1px;
  height: auto;
  line-height: 1.6;
  border-radius: 8px;
}
header .sidenav .upcoming-event ul li:nth-child(odd) {
  background: rgba(196, 196, 196, 0.1);
}
header .sidenav .upcoming-event ul li:nth-child(even) {
  background: 0 0;
}
header .sidenav .upcoming-event ul li a {
  height: auto;
  line-height: 1;
  color: var(--primary-text-color);
  padding: 2px 5px;
  display: flex;
  align-items: center;
  margin: 3px 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
header .sidenav .upcoming-event ul li a .date-time {
  position: relative;
  width: 50px;
  min-width: 50px;
  height: 35px;
  border-radius: 5px;
  color: var(--primary-text-color);
  text-align: center;
  font-weight: 600;
  border: 1px solid #b3b3b3;
  padding: 2px 0;
  float: left;
  margin-right: 2px;
  text-transform: uppercase;
}
header .sidenav .upcoming-event ul li a .date-time .date {
  font-size: 9px;
  line-height: 15px;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 600;
  color: var(--game-list-time-color);
}
header .sidenav .upcoming-event ul li a .date-time .time {
  font-size: 10px;
  line-height: 14px;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 700;
  color: var(--primary-text-color);
}
header .sidenav .upcoming-event ul li a .date-time .animate {
  width: 56px;
  height: 41px;
  left: 3px;
  top: -5px;
}
header .sidenav .upcoming-event ul li a .date-time .animate .flip-animation li {
  color: var(--primary-text-color) !important;
  margin-bottom: 42px !important;
}
header
  .sidenav
  .upcoming-event
  ul
  li
  a
  .date-time
  .animate
  .flip-animation
  li
  .in-play-light {
  font-size: 8px;
  color: var(--white-text);
  position: relative;
  left: -2px;
}
header
  .sidenav
  .upcoming-event
  ul
  li
  a
  .date-time
  .animate
  .flip-animation
  li
  .in-play-light
  .icon-holder-verysmall {
  width: 8px;
  height: 11px;
}
header
  .sidenav
  .upcoming-event
  ul
  li
  a
  .date-time
  .animate
  .flip-animation
  li
  .time {
  font-weight: 600;
}
header
  .sidenav
  .upcoming-event
  ul
  li
  a
  .date-time
  .animate
  .flip-animation::after,
header
  .sidenav
  .upcoming-event
  ul
  li
  a
  .date-time
  .animate
  .flip-animation::before {
  content: "";
  z-index: 0;
  margin: 0;
  box-shadow: inset 0 0 0 2px;
  border-radius: 5px;
  animation: clipMe 8s linear infinite;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
header
  .sidenav
  .upcoming-event
  ul
  li
  a
  .date-time
  .animate
  .flip-animation::before {
  animation-delay: -4s;
}
header .sidenav .upcoming-event ul li a .in-play {
  position: relative;
  left: 2px;
  top: 5px;
  line-height: 100%;
  background-image: var(--in-play-color);
  color: var(--in-play-border);
  font-size: 8px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  text-transform: initial;
  border: 1px solid var(--in-play-color);
}
header .sidenav .upcoming-event ul li a .in-play i.fa-play {
  position: absolute;
  left: 4px;
  font-size: 8px;
  margin-right: 0;
  width: auto;
}
header .sidenav .upcoming-event ul li a .game-name {
  height: auto;
  line-height: 1.2;
  color: var(--primary-text-color);
  padding: 2px 5px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
header .sidenav .upcoming-event ul li a .game-name .subtitle {
  color: var(--game-list-time-color);
  display: block;
  font-weight: 500;
  font-size: 11px;
  text-transform: capitalize;
  line-height: 1.3;
  margin-top: 1px;
}
header .sidenav .upcoming-event ul li a .game-name .versis-img {
  display: block;
}
header .sidenav .upcoming-event ul li a .game-name .versis-img .vs-img {
  margin: 0 2px;
  position: relative;
  top: 3px;
}
header
  .sidenav
  .upcoming-event
  ul
  li
  a
  .game-name
  .versis-img
  .vs-img
  svg
  path {
  fill: var(--primary-text-color);
}
header .sidenav .upcoming-event ul li a:hover {
  background-color: transparent;
}
header .sidenav .upcoming-event ul li.active,
header .sidenav .upcoming-event ul li:hover {
  margin-left: 5px;
  transition: all 0.5s;
}
header .sidenav .collapsible {
  border-radius: 8px;
  margin-bottom: 5px;
}
header .sidenav .collapsible li {
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  line-height: 1.6;
  color: var(--primary-text-color);
}
header .sidenav .collapsible li:first-child {
  border: none;
}
header .sidenav .collapsible li a {
  height: 35px;
  line-height: 1.3;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--primary-text-color);
  text-transform: uppercase;
}
header .sidenav .collapsible li a img {
  position: relative;
  top: 3px;
  width: 16px;
  margin-right: 8px;
}
header .sidenav .collapsible li a.active,
header .sidenav .collapsible li a:hover {
  background-color: transparent;
}
header .sidenav .collapsible li.main-title {
  color: var(--primary-text-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
}
header .sidenav .collapsible li.main-title a {
  color: var(--primary-text-color);
  background-color: transparent;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: default;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
header .sidenav .collapsible li.main-title a::after {
  content: "";
  position: absolute;
  width: 90%;
  bottom: 2px;
  left: 10px;
  border-bottom: 2px solid var(--primary-color);
}
header .sidenav .collapsible li.active .collapsible-body ul.collapsible {
  border: none;
}
header
  .sidenav
  .collapsible
  li.active
  .collapsible-body
  ul.collapsible
  li
  .collapsible-header {
  padding: 2px 10px;
  padding-left: 20px;
  text-transform: capitalize;
}
header
  .sidenav
  .collapsible
  li.active
  .collapsible-body
  ul.collapsible
  li
  .collapsible-header
  a {
  padding: 0 0 0 10px;
  border-left: 2px solid var(--left-sidebar-border);
}
header
  .sidenav
  .collapsible
  li.active
  .collapsible-body
  ul.collapsible
  li
  .collapsible-header
  a
  i {
  transform: rotate(0);
}
header
  .sidenav
  .collapsible
  li.active
  .collapsible-body
  ul.collapsible
  li.active
  .collapsible-header
  a
  i {
  transform: rotate(-45deg);
  transition: transform 0.5s ease;
}
header
  .sidenav
  .collapsible
  li.active
  .collapsible-body
  ul.collapsible
  li
  ul.collapsible
  li
  .collapsible-header {
  border: none;
  padding-left: 30px;
  padding-top: 1px;
  padding-bottom: 1px;
}
header
  .sidenav
  .collapsible
  li.active
  .collapsible-body
  ul.collapsible
  li
  ul.collapsible
  li
  .collapsible-header
  a {
  border-left: 2px solid var(--primary-color);
}
header .sidenav .collapsible .collapsible-header {
  padding: 5px 10px;
  text-transform: uppercase;
  align-items: center;
}
header .sidenav .collapsible .collapsible-header .blinkin-position {
  position: relative;
}
header .sidenav .collapsible .collapsible-header img {
  position: relative;
  top: 3px;
  width: 15px;
  height: 18px;
  margin-right: 8px;
}
header .sidenav .collapsible .collapsible-header i {
  color: var(--primary-text-color);
  margin-right: 0;
  font-size: 14px;
  line-height: 25px;
  width: 15px;
  margin-left: auto;
  transform: rotate(0);
  transition: transform 0.5s ease;
}
header .sidenav .collapsible .collapsible-header.active,
header .sidenav .collapsible .collapsible-header:hover {
  background-color: transparent;
  margin-left: 5px;
  transition: all 0.5s;
}
header .sidenav .icon-holder-small,
header .sidenav .icon-holder-verysmall {
  margin: 0 2px;
  float: left;
}
.trans-bg {
  background-color: transparent;
}
.news-feed {
  position: absolute;
  right: 33%;
  width: 52%;
  top: 60px;
  padding-right: 5px;
  color: var(--header-text-color);
  border-radius: 5px;
  padding-left: 5px;
  height: 28px;
  line-height: 28px;
}
.marquee-style .marquee-news {
  display: inline;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 600;
}
.marquee-style .marquee-news i {
  height: auto;
  line-height: 10px;
  font-size: 10px;
}
.marquee-style .marquee-news .marquee-news-text {
  margin-left: 10px;
}
.toast-container .ngx-toastr {
  width: 40% !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.toast-container .toast-close-button {
  font-size: 25px;
  width: 20px;
  line-height: 1;
  top: -2px;
}
.one-click-bet {
  display: block;
  width: auto;
  margin-right: 0;
  position: relative;
  top: 7px;
}
.one-click-bet .title {
  width: auto;
  border-radius: 8px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.one-click-bet .title h3 {
  padding: 0 2px 0 10px;
  font-size: 15px;
  text-align: left;
  margin-bottom: 0;
  line-height: 30px;
  margin-top: 0;
  color: var(--primary-text-color);
  font-weight: 600;
  cursor: default;
  position: relative;
  display: inherit;
  cursor: pointer;
}
.one-click-bet .title h3 img {
  width: 16px;
  margin-right: 5px;
  height: 21px;
  filter: var(--filter-grey);
}
.one-click-bet .title h3 .badge {
  margin-left: 0;
  background-color: var(--primary-color);
  color: var(--white-text);
  padding: 3px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 4px;
  float: left;
  display: block;
  min-width: 18px;
  height: 16px;
  position: relative;
  top: 3px;
  right: 0;
}
.one-click-bet .title h3 .badge::after {
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  left: -5px;
  transform: rotate(90deg);
  border-top: 4px solid var(--primary-color);
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  width: 0;
}
.one-click-bet .title h3 svg {
  margin-right: 5px;
}
.one-click-bet .title h3 svg path {
  fill: var(--header-text-color);
}
.one-click-bet .switch {
  padding-left: 5px;
}
.one-click-bet .switch label .lever {
  width: 50px;
  height: 26px;
  margin: 0;
  font-size: 14px;
  padding: 0 15px;
}
.one-click-bet .switch label .lever::before {
  background-color: #fff;
  top: 3px;
  left: 4px;
}
.one-click-bet .switch label .lever::after {
  top: 3px;
  left: 4px;
}
.one-click-bet .switch label [type="checkbox"]:checked + .lever {
  background-color: var(--primary-color);
}
.one-click-bet .switch label [type="checkbox"]:checked + .lever::before {
  left: 26px;
}
.one-click-bet .switch label [type="checkbox"]:checked + .lever::after {
  background-color: #fff;
  top: 3px;
  left: 26px;
}
.one-click-bet .custom-checkbox {
  display: flex;
  padding: 10px 8px 5px 0;
  align-items: center;
  height: 36px;
}
.one-click-bet .custom-checkbox .one-click-value {
  display: inline-block;
  margin-left: 5px;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 600;
  margin-right: 5px;
}
.one-click-bet .custom-checkbox .one-click-value .one-click-edit-btn {
  color: var(--in-play-color);
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  margin-left: 0;
  padding: 0;
}
.one-click-bet
  .custom-checkbox
  .one-click-value
  .one-click-edit-btn.active::after,
.one-click-bet
  .custom-checkbox
  .one-click-value
  .one-click-edit-btn:focus::after,
.one-click-bet
  .custom-checkbox
  .one-click-value
  .one-click-edit-btn:hover::after {
  opacity: 0;
}
.one-click-bet .custom-checkbox .fa-plus {
  color: var(--primary-text-color);
  margin-right: 0;
  font-size: 14px;
  line-height: 28px;
  width: 20px;
  height: 28px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 7px;
  transform: rotate(0);
  transition: transform 0.5s ease;
  cursor: pointer;
}
.one-click-bet [type="checkbox"]:not(:disabled).tabbed:focus ~ .lever::before,
.one-click-bet [type="checkbox"]:not(:disabled) ~ .lever:active:before {
  transform: scale(1.2);
}
.one-click-bet .one-click-collapse .content {
  position: absolute;
  top: 33px;
  right: 0;
  z-index: 9;
  width: 320px;
  background-color: var(--background-color);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: transform 0.5s ease;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
}
.one-click-bet .one-click-collapse .content h5 {
  position: relative;
  margin: 0;
  padding: 10px 10px 5px 10px;
  color: var(--primary-text-color);
  font-size: 14px;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 25px;
  font-weight: 600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.one-click-bet .one-click-collapse .content h5::after {
  content: "";
  position: absolute;
  width: 95%;
  bottom: 2px;
  left: 10px;
  border-bottom: 2px solid var(--primary-color);
}
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  .add-custom-stake {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 5px;
  cursor: pointer;
  margin-top: 2px;
  color: var(--primary-text-color);
}
.one-click-bet .one-click-collapse .content .one-click-setting a {
  font-weight: 500;
  padding: 6px 5px;
  text-align: center;
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  background-color: var(--white-text);
  color: var(--black-text);
  margin: 2px;
  width: 22.5%;
  height: 32px;
  line-height: 1.5;
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
}
.one-click-bet .one-click-collapse .content .one-click-setting a.active,
.one-click-bet .one-click-collapse .content .one-click-setting a.select,
.one-click-bet .one-click-collapse .content .one-click-setting a:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
  transition: all ease-in 0.3s;
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
}
.one-click-bet .one-click-collapse .content .one-click-setting a.active::after,
.one-click-bet .one-click-collapse .content .one-click-setting a.select::after,
.one-click-bet .one-click-collapse .content .one-click-setting a:hover::after {
  opacity: 0;
}
.one-click-bet .one-click-collapse .content .one-click-setting a.active::before,
.one-click-bet .one-click-collapse .content .one-click-setting a.select::before,
.one-click-bet .one-click-collapse .content .one-click-setting a:hover::before {
  width: 0;
}
.one-click-bet .one-click-collapse .content .one-click-setting a.btn {
  color: var(--secondary-text-color);
  width: 47%;
  line-height: 22px;
  margin-bottom: 15px;
}
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  a.btn.active::after,
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  a.btn.select::after,
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  a.btn:hover::after {
  opacity: 0;
}
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  a.btn.active::before,
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  a.btn.select::before,
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  a.btn:hover::before {
  width: 0;
}
.one-click-bet .one-click-collapse .content .one-click-setting .click-form {
  margin: 0;
}
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  .click-form
  .click-input {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  border-radius: 8px;
  color: var(--primary-text-color);
  margin: 3px;
  width: 21.8%;
  display: inline-block;
}
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  .click-form
  .click-input
  .input-field {
  padding: 0;
  margin: 0;
}
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  .click-form
  .click-input
  .input-field
  input {
  margin: 0;
  text-align: center;
  border-radius: 8px;
  border: none;
  border: 1px solid transparent !important;
  background-color: var(--white-text);
  color: var(--black-text);
  display: block;
  width: 100%;
  height: 30px !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.5;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
}
.one-click-bet
  .one-click-collapse
  .content
  .one-click-setting
  .click-form
  .click-input
  .input-field
  input:focus {
  background-color: var(--primary-color);
  color: var(--white-text);
  transition: all ease-in 0.3s;
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
}
.web-search-box {
  width: 100%;
  left: 0;
  top: 34px;
  max-height: 450px;
  padding-bottom: 0;
  border: 1px solid transparent;
  background: var(--search-color);
  display: none;
  position: absolute;
  z-index: 1111 !important;
  padding: 10px 0;
  overflow: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.web-search-box .searchLi {
  width: 100%;
  height: 100%;
  margin-bottom: 8px;
  font-size: 12px;
}
.web-search-box .searchLi:last-child {
  margin-bottom: 0;
}
.web-search-box .searchLi a {
  height: auto;
  display: block;
  margin: 0 !important;
  border-bottom: 1px solid var(--primary-text-color);
  transition: all 0.3s;
  text-align: left;
  padding: 0 10px;
  font-size: 12px;
  color: var(--header-text-color);
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
}
.web-search-box .searchLi a .web-search-match {
  display: block;
}
.web-search-box .searchLi a .event-title .event-time {
  font-size: 10px;
  font-style: italic;
}
.web-search-box .searchLi a.active,
.web-search-box .searchLi a:hover {
  padding-left: 15px;
  transition: all 0.3s;
}
.web-search-box .searchLi a.active::after,
.web-search-box .searchLi a.active::before,
.web-search-box .searchLi a:hover::after,
.web-search-box .searchLi a:hover::before {
  display: none;
}
.web-search-box .search-box {
  width: 100% !important;
  margin-bottom: 0;
  height: auto;
  line-height: 1.2;
}
.web-search-box.search-hide {
  display: block;
}
.maintenance main {
  min-height: 90vh !important;
}
.maintenance main.full-wrap {
  padding-top: 50px;
}
.maintenance main.full-wrap .mt-img {
  margin: 10px 0;
}
.maintenance main.full-wrap .contain {
  width: 100%;
  margin: 0 !important;
}
.maintenance main.full-wrap .contain .icon {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.maintenance main.full-wrap .contain h1 {
  font-size: 2.5rem;
  margin: 0;
  text-align: center;
  color: var(--primary-text-color);
  font-weight: 600;
  margin-top: 30px;
}
.maintenance main.full-wrap .contain p {
  margin: 10px 0 30px;
  color: var(--primary-text-color);
  font-size: 1rem;
  text-align: center;
}
.maintenance main.full-wrap .contain .buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-bottom: 30px;
}
.maintenance main.full-wrap .contain .buttons button {
  padding: 10px 20px;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  border-radius: var(--border-color);
  transition: background 0.3s ease;
}
.maintenance main.full-wrap .contain .buttons button.contact {
  background-color: var(--primary-color);
  color: var(--white-text);
  font-weight: 600;
}
.maintenance main.full-wrap .contain .buttons button.contact:hover {
  background-color: var(--button-color);
}
.maintenance main.full-wrap .contain .buttons button.reload {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}
.maintenance main.full-wrap .contain .buttons button.reload:hover {
  color: var(--primary-text-color);
}
.maintenance main.full-wrap .machine {
  width: 30vmin;
  fill: #3eb049;
}
.maintenance main.full-wrap .large-shadow,
.maintenance main.full-wrap .medium-shadow,
.maintenance main.full-wrap .small-shadow {
  fill: rgba(0, 0, 0, 0.05);
}
.maintenance main.full-wrap .small {
  animation: counter-rotation 2.5s infinite linear;
  transform-origin: 100.136px 225.345px;
}
.maintenance main.full-wrap .small-shadow {
  animation: counter-rotation 2.5s infinite linear;
  transform-origin: 110.136px 235.345px;
}
.maintenance main.full-wrap .medium {
  animation: rotation 3.75s infinite linear;
  transform-origin: 254.675px 379.447px;
}
.maintenance main.full-wrap .medium-shadow {
  animation: rotation 3.75s infinite linear;
  transform-origin: 264.675px 389.447px;
}
.maintenance main.full-wrap .large {
  animation: counter-rotation 5s infinite linear;
  transform-origin: 461.37px 173.694px;
}
.maintenance main.full-wrap .large-shadow {
  animation: counter-rotation 5s infinite linear;
  transform-origin: 471.37px 183.694px;
}
@keyframes rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes counter-rotation {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0);
  }
}
.maintenance header nav {
  height: 50px !important;
}
.maintenance .mt-title h3 {
  font-size: 25px;
  font-weight: 500;
  color: var(--primary-text-color);
}
.maintenance .mt-title p {
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-text-color);
}
.maintenance .footer {
  margin: 0;
  position: fixed;
  bottom: 10px;
  width: 100%;
}
main.full-wrap {
  min-width: auto;
  width: 100%;
  position: relative;
  margin: 0 auto;
  max-width: calc(100% - 0px);
  padding-top: 60px;
  min-height: calc(100vh - 100px);
}
main .col-center {
  padding-left: 265px !important;
  width: 100%;
  height: 100%;
  padding-right: 380px !important;
}
main .col-center .no-bets {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  background-color: var(--background-color);
  line-height: 1.5;
  padding: 2px 3px;
  color: var(--primary-text-color);
}
main .col-center .slick-slide img {
  width: 100%;
  border-radius: 20px;
}
main .col-center .scrolling {
  animation: marquee 25s linear infinite;
}
main .col-center .scroll-hover {
  animation-play-state: paused;
}
@keyframes marquee {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
main .col-center .main-tabs {
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  margin: 15px 0;
  border-radius: 20px;
}
main .col-center .main-tabs .slider {
  width: 100%;
  height: 100%;
  cursor: default;
  border-bottom: 1px solid var(--border-color);
  background-color: var(--main-tabs-color);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
main .col-center .main-tabs .slider .item_main {
  display: inline-block;
  text-align: center;
}
main .col-center .main-tabs .slider .item_main a {
  border-radius: 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  color: var(--primary-text-color);
  display: block;
  padding-top: 5px;
  position: relative;
  min-width: 80px;
}
main .col-center .main-tabs .slider .item_main a .inner-content {
  border-right: 1px solid var(--border-color);
  position: relative;
}
main .col-center .main-tabs .slider .item_main a .inner-content .icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-top: 5px;
}
main .col-center .main-tabs .slider .item_main a .inner-content .icon img {
  width: 25px;
  height: 25px;
}
main .col-center .main-tabs .slider .item_main a .inner-content .title {
  padding: 5px 12px 5px 12px;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--live-tag);
  transition: all 0.2s;
}
main .col-center .main-tabs .slider .item_main a .inner-content .count {
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
}
main .col-center .main-tabs .slider .item_main a .inner-content .sports-icon {
  transition: all 0.5s;
}
main .col-center .main-tabs .slider .item_main a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--primary-color);
  transition: 0.5s;
}
main .col-center .main-tabs .slider .item_main a.active,
main .col-center .main-tabs .slider .item_main a:hover {
  outline: 0;
}
main .col-center .main-tabs .slider .item_main a.active::before,
main .col-center .main-tabs .slider .item_main a:hover::before {
  width: 100%;
}
main
  .col-center
  .main-tabs
  .slider
  .item_main
  a.active
  .inner-content
  .sports-icon,
main
  .col-center
  .main-tabs
  .slider
  .item_main
  a:hover
  .inner-content
  .sports-icon {
  transform: scale(1.2);
  transition: all 0.5s;
}
main .col-center .main-tabs .slider .item_main a.active .inner-content .title,
main .col-center .main-tabs .slider .item_main a:hover .inner-content .title {
  transform: scale(1.2);
  transition: all 0.5s;
}
main .col-center .main-tabs .slider .disable-item {
  opacity: 0.4;
}
main .col-center .main-tabs .slider .disable-item a.active::after,
main .col-center .main-tabs .slider .disable-item a:focus::after,
main .col-center .main-tabs .slider .disable-item a:hover::after {
  opacity: 0;
}
main .col-center .main-tabs .slick-slider {
  height: auto;
  padding: 0;
  border-bottom: 1px solid var(--border-color);
  background-color: var(--main-tabs-color);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
main
  .col-center
  .main-tabs
  .slick-slide:last-child
  .inner-content
  .item_details {
  border-right: none !important;
}
main .col-center .main-tabs .slick-prev {
  left: 1px;
  z-index: 9;
}
main .col-center .main-tabs .slick-next {
  right: 2px;
  z-index: 9;
}
main .col-center .main-tabs .slick-next:before,
main .col-center .main-tabs .slick-prev:before {
  color: var(--primary-text-color);
}
main .col-center .main-tabs .event-content {
  padding: 10px 0;
  background-color: var(--main-tabs-color);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin: 5px 0;
}
main .col-center .main-tabs .event-content ul.collapsible {
  border-radius: 8px;
  border: none;
  box-shadow: none;
  margin: 0;
}
main .col-center .main-tabs .event-content ul.collapsible li {
  margin: 0 0 10px;
}
main .col-center .main-tabs .event-content ul.collapsible li:last-child {
  margin-bottom: 0;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-header {
  position: relative;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  color: var(--primary-text-color);
  background-color: transparent;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-header
  img {
  width: 16px;
  margin-right: 8px;
  height: 26px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-header
  .counter {
  font-size: 14px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-header
  i {
  color: var(--primary-text-color);
  margin-right: 0;
  font-size: 14px;
  line-height: 25px;
  width: 15px;
  margin-left: auto;
  transform: rotate(0);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-header::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid var(--primary-color);
  transition: width 1s;
  transform: translate(0, 0);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-header
  .collapse-title {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 3px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li.active
  .collapsible-header {
  background-color: transparent;
  color: var(--primary-text-color);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li.active
  .collapsible-header
  i {
  transform: rotate(-180deg);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li.active
  .collapsible-header
  .collapse-title {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li.active
  .collapsible-header
  .collapse-title::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -5px;
  left: 0;
  border-bottom: 2px solid var(--primary-color);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li.active
  .collapsible-header::after {
  content: "";
  position: absolute;
  width: 12%;
  bottom: 0;
  left: 10px;
  border-bottom: 2px solid var(--primary-color);
}
main .col-center .main-tabs .event-content ul.collapsible li .collapsible-body {
  padding: 5px 0 10px 0;
  border-radius: 8px;
  background-color: transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: none;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container {
  height: 100%;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-title {
  font-size: 14px;
  color: var(--primary-text-color);
  padding: 3px 0;
  text-transform: uppercase;
  font-weight: 600;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 10px;
  border-radius: 8px;
  position: relative;
  background: linear-gradient(
    to right,
    var(--market-inner-hover) 50%,
    transparent 50%
  );
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data:nth-child(odd) {
  background-color: rgba(196, 196, 196, 0.1);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data:nth-child(even) {
  background-color: transparent;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data:last-child {
  border-bottom: none;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data.active,
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data:hover {
  cursor: pointer;
  background-position: left bottom !important;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data.active
  .game-name
  .versis-img,
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data:hover
  .game-name
  .versis-img {
  padding-left: 10px;
  transition: all 0.3s;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data.active
  .game-subtitle,
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data:hover
  .game-subtitle {
  padding-left: 10px;
  transition: all 0.3s;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data.active
  .markets,
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data:hover
  .markets {
  position: relative;
  z-index: 1;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .date-height {
  display: block;
  float: left;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .date-time {
  position: relative;
  width: 68px;
  height: 42px;
  border-radius: 5px;
  color: var(--primary-text-color);
  text-align: center;
  font-weight: 600;
  background-color: var(--date-time-bg-color);
  padding: 6px 1px;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .date-time
  .date {
  font-size: 9px;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 700;
  color: var(--primary-text-color);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .date-time
  .time {
  font-size: 9px;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 700;
  color: var(--primary-text-color);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play {
  position: relative;
  background-image: var(--in-play-color);
  color: var(--in-play-border);
  font-size: 8px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  text-transform: initial;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play
  .tiny-score {
  font-size: 10px;
  display: block;
  top: 5px;
  position: relative;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play
  .tiny-score
  .over,
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play
  .tiny-score
  .runs {
  white-space: nowrap;
  text-align: center;
  display: block;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play
  .tiny-score
  .over {
  font-size: 8px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play
  .in-play-light {
  display: flex;
  align-items: center;
  left: -4px;
  position: relative;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play
  .in-play-light
  .icon-holder-small {
  width: 21px;
  top: 2px;
  position: relative;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play::after,
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play::before {
  content: "";
  z-index: 0;
  margin: -5%;
  box-shadow: inset 0 0 0 2px;
  border-radius: 7px;
  animation: clipMe 8s linear infinite;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@keyframes clipMe {
  0%,
  100% {
    clip: rect(0, 75px, 2px, 0);
  }
  25% {
    clip: rect(0, 2px, 75px, 0);
  }
  50% {
    clip: rect(45px, 75px, 75px, 0);
  }
  75% {
    clip: rect(0, 75px, 75px, 45px);
  }
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play::before {
  animation-delay: -4s;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .in-play
  i.fa-play {
  position: absolute;
  left: 4px;
  font-size: 8px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .game-subtitle {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 500;
  color: var(--game-list-time-color);
  display: block;
  line-height: 1.1;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  a {
  color: var(--primary-text-color);
  display: block;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  a
  .game-name {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  text-transform: uppercase;
  top: -2px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  a
  .game-name
  .versis-img {
  display: block;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  a
  .game-name
  .versis-img
  .vs-img {
  margin: 0 2px;
  position: relative;
  top: 3px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  a
  .game-name
  .versis-img
  .vs-img
  svg
  path {
  fill: var(--primary-text-color);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .market-count {
  height: auto;
  line-height: 1;
  position: relative;
  margin: 8px 0;
  top: 10px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .market-count.badge-right
  a {
  position: relative;
  color: var(--primary-text-color);
  font-weight: 700;
  cursor: pointer;
  width: 22px;
  height: 15px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .market-count.badge-right
  a
  .icon-disable {
  color: var(--disable-color);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .market-count.badge-right
  a
  .badge {
  background-color: var(--primary-color);
  color: var(--white-text);
  padding: 3px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 20px;
  float: left;
  display: block;
  min-width: 19px;
  height: 16px;
  position: relative;
  top: -40px;
  left: 5px;
  right: -1px;
  box-shadow: rgba(0, 0, 0, 0.16) 2px 1px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .market-count.badge-right
  a
  .badge::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 44%;
  transform: translateX(-46%);
  border-top: 10px solid var(--primary-color);
  border-left: 1px solid transparent;
  border-right: 8px solid transparent;
  width: 0;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .market-count.badge-right
  a
  i {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 12px;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .col-padding {
  padding: 0;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .matchrate {
  padding: 0 2px !important;
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .matchrate
  span {
  height: 45px;
  float: left;
  width: 100%;
  text-align: center;
  line-height: 45px;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  color: var(--black-text);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .matchrate
  span.back-rate {
  background-color: var(--back-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: var(--back-text-color);
}
main
  .col-center
  .main-tabs
  .event-content
  ul.collapsible
  li
  .collapsible-body
  .markets-container
  .market-list
  .market-data
  .matchrate
  span.lay-rate {
  background-color: var(--lay-color);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--lay-text-color);
}
main .col-center .main-tabs .event-content .games-title {
  text-align: left;
  position: relative;
  z-index: 1;
  background-color: var(--main-tabs-color);
  border-bottom: 2px solid var(--primary-color);
}
main .col-center .main-tabs .event-content .games-title h4 {
  margin: 0;
  padding: 5px 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  gap: 3px;
}
main .col-center .main-tabs .event-content .games-title h4 .menu-icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
main .col-center .main-tabs .event-content .tabGroup2 ul.tabs {
  background-color: var(--main-tabs-color);
  margin-bottom: 5px;
}
main .col-center .main-tabs .event-content .tabGroup2 ul.tabs li.tab {
  width: 49.8%;
  border-bottom: 1px solid var(--border-color);
}
main .col-center .main-tabs .event-content .tabGroup2 ul.tabs li.tab a {
  color: var(--primary-text-color);
  background-color: transparent;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}
main .col-center .main-tabs .event-content .tabGroup2 ul.tabs .indicator {
  background-color: var(--primary-color);
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  a {
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  ul {
  margin: 0;
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  ul.race-list {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  ul
  li.race-information {
  float: left;
  list-style-type: none;
  margin: 2px 4px 2px 0;
  padding: 0;
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  ul
  li
  a.race-link {
  display: block;
  background-color: var(--date-time-bg-color);
  padding: 0 10px;
  border-radius: 2px;
  text-decoration: none;
  color: #1e1e1e;
  height: 28px;
  width: 65px;
  text-align: center;
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  ul
  li
  a
  .race-label {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 700;
  padding: 0;
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  .race-time {
  font-size: 14px;
  font-weight: 700;
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  .match-type,
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  .race-date {
  font-weight: 500;
}
main
  .col-center
  .main-tabs
  .event-content
  .tabGroup2
  .tab-contents
  .market-list
  .market-data
  .match-type {
  color: var(--primary-text-color);
}
main .col-center .main-tabs .event-content .no-inplay-match p {
  margin-top: 0;
  background-color: var(--bet-collapse-btn-color);
  padding: 3px 8px;
  font-weight: 600;
  font-size: 14px;
  border-radius: 2px;
  color: var(--black-text);
}
main .col-center .main-tabs .event-content .no-inplay-match p strong {
  font-weight: 600;
  color: var(--in-play);
}
main .col-center .rightsidebar {
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
main .col-center .marketBets,
main .col-center .rightsidebar {
  position: fixed;
  top: 0;
  right: 10px;
  bottom: 10px;
  margin-top: 110px;
  height: auto;
  width: 355px;
  z-index: 1;
  border-radius: 20px;
  background-color: transparent;
  overflow-x: scroll;
}
main .col-center .marketBets .promotion-tab,
main .col-center .rightsidebar .promotion-tab {
  background-color: var(--main-tabs-color);
}
main .col-center .marketBets .promotion-tab ul.tabs,
main .col-center .rightsidebar .promotion-tab ul.tabs {
  height: 35px;
  justify-content: center;
  display: flex;
  background-color: transparent;
}
main .col-center .marketBets .promotion-tab ul.tabs li.tab,
main .col-center .rightsidebar .promotion-tab ul.tabs li.tab {
  line-height: 30px;
  height: 30px;
  margin-top: 5px;
}
main .col-center .marketBets .promotion-tab ul.tabs li.tab a,
main .col-center .rightsidebar .promotion-tab ul.tabs li.tab a {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
  text-transform: capitalize;
  padding: 0 10px;
}
main .col-center .marketBets .promotion-tab ul.tabs li.tab a.active,
main .col-center .rightsidebar .promotion-tab ul.tabs li.tab a.active {
  font-weight: 600;
  background-color: transparent;
}
main .col-center .marketBets .promotion-tab ul.tabs .indicator,
main .col-center .rightsidebar .promotion-tab ul.tabs .indicator {
  background-color: var(--primary-color);
}
main .col-center .marketBets .promotion-tab .tab-contents,
main .col-center .rightsidebar .promotion-tab .tab-contents {
  padding: 5px 10px;
}
main .col-center .marketBets .promotion-tab .tab-contents .my-betlist,
main .col-center .rightsidebar .promotion-tab .tab-contents .my-betlist {
  margin-bottom: 15px;
  padding: 5px 0 0;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .my-betlist
  .empty-betlist,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .my-betlist
  .empty-betlist {
  text-align: center;
  padding: 15px;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .my-betlist
  .empty-betlist
  img,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .my-betlist
  .empty-betlist
  img {
  width: 80px;
  margin: 5px;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .my-betlist
  .empty-betlist
  .title,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .my-betlist
  .empty-betlist
  .title {
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
  margin: 10px 2px 7px;
  justify-content: center;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 4px;
  line-height: normal;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .my-betlist
  .empty-betlist
  .title2,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .my-betlist
  .empty-betlist
  .title2 {
  color: var(--primary-text-color);
  font-size: 10px;
  font-weight: 500;
  margin: 5px 2px;
  text-align: center;
  line-height: normal;
}
main .col-center .marketBets .promotion-tab .tab-contents .recent-act,
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act {
  border-radius: 8px;
  padding: 8px 5px;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act:nth-child(odd),
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act:nth-child(odd) {
  background: rgba(196, 196, 196, 0.1);
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act:nth-child(even),
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act:nth-child(even) {
  background: 0 0;
}
main .col-center .marketBets .promotion-tab .tab-contents .recent-act .act-name,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name {
  display: flex;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .icon-holder-verysmall,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .icon-holder-verysmall {
  float: left;
  margin: 0 2px;
  position: relative;
  top: 1.5px;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .title,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .title {
  display: block;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--primary-text-color);
  background-color: transparent;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .title
  .sport-name,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .title
  .sport-name {
  line-height: 1;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .team-name,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .team-name {
  font-size: 11px;
  font-weight: 500;
  color: var(--game-list-time-color);
  display: block;
  line-height: 1.2;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .team-name
  .vs-img,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .team-name
  .vs-img {
  margin: 0 5px;
  width: 13px;
  height: 13px;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .team-name
  .vs-img
  svg,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .team-name
  .vs-img
  svg {
  width: 13px;
  height: 13px;
  position: relative;
  top: 4px;
}
main
  .col-center
  .marketBets
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .team-name
  .vs-img
  svg
  path,
main
  .col-center
  .rightsidebar
  .promotion-tab
  .tab-contents
  .recent-act
  .act-name
  .team-name
  .vs-img
  svg
  path {
  fill: var(--primary-text-color);
}
main .col-center .marketBets .livecasino,
main .col-center .rightsidebar .livecasino {
  width: 100%;
}
main .col-center .marketBets .livecasino .main-title h3,
main .col-center .rightsidebar .livecasino .main-title h3 {
  font-size: 14px;
  font-weight: 700;
  background-color: var(--main-tabs-color);
  margin: 0;
  text-align: center;
  color: var(--primary-text-color);
  padding: 3px 10px;
  display: flex;
  align-items: center;
  justify-content: left;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
main .col-center .marketBets .livecasino .main-title h3 img,
main .col-center .rightsidebar .livecasino .main-title h3 img {
  width: 16px;
  height: 30px;
  margin-right: 5px;
}
main .col-center .marketBets .livecasino .main-title h3::after,
main .col-center .rightsidebar .livecasino .main-title h3::after {
  content: "";
  position: absolute;
  width: 90%;
  bottom: 0;
  left: 10px;
  border-bottom: 2px solid var(--primary-color);
}
main .col-center .marketBets .livecasino .main-title h3 svg,
main .col-center .rightsidebar .livecasino .main-title h3 svg {
  margin-right: 5px;
  height: 25px;
  width: 16px;
}
main .col-center .marketBets .livecasino .main-title h3 svg path,
main .col-center .rightsidebar .livecasino .main-title h3 svg path {
  fill: var(--primary-text-color);
}
main .col-center .marketBets .livecasino .main-title h3 svg circle,
main .col-center .rightsidebar .livecasino .main-title h3 svg circle {
  fill: var(--primary-text-color);
}
main .col-center .marketBets .livecasino .right-slider,
main .col-center .rightsidebar .livecasino .right-slider {
  height: 100%;
}
main .col-center .marketBets .livecasino .right-slider .slick-list,
main .col-center .rightsidebar .livecasino .right-slider .slick-list {
  height: 100% !important;
}
main .col-center .marketBets .livecasino .title h3,
main .col-center .rightsidebar .livecasino .title h3 {
  padding: 0 10px;
  font-size: 13px;
  text-align: left;
  margin-bottom: 0;
  line-height: 28px;
  margin-top: 0;
  color: var(--primary-text-color);
  font-weight: 600;
  cursor: default;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-transform: uppercase;
}
main .col-center .marketBets .livecasino .title h3::after,
main .col-center .rightsidebar .livecasino .title h3::after {
  content: "";
  position: absolute;
  width: 90%;
  bottom: 0;
  left: 10px;
  border-bottom: 2px solid var(--primary-color);
}
main .col-center .marketBets .livecasino .game-slider,
main .col-center .rightsidebar .livecasino .game-slider {
  padding: 10px 11px 0 10px;
}
main .col-center .marketBets .livecasino .game-slider .flex-wrap,
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
main .col-center .marketBets .livecasino .game-slider .game-item,
main .col-center .rightsidebar .livecasino .game-slider .game-item {
  width: 48.5%;
  height: auto;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  border-radius: 8px;
  margin: 2px;
  transition: all 0.4s ease-out;
  z-index: 1;
  border: 1px solid transparent;
}
main .col-center .marketBets .livecasino .game-slider .game-item .blink-new,
main .col-center .rightsidebar .livecasino .game-slider .game-item .blink-new {
  top: 5px;
  right: 5px;
}
main .col-center .marketBets .livecasino .game-slider .game-item .thumb,
main .col-center .rightsidebar .livecasino .game-slider .game-item .thumb {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
}
main .col-center .marketBets .livecasino .game-slider .game-item .thumb img,
main .col-center .rightsidebar .livecasino .game-slider .game-item .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: block;
}
main .col-center .marketBets .livecasino .game-slider .game-item .play-btn,
main .col-center .rightsidebar .livecasino .game-slider .game-item .play-btn {
  transition: 0.7s;
  position: absolute;
  top: 28%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 9;
  height: 16px;
  line-height: 1.1;
  opacity: 0;
}
main .col-center .marketBets .livecasino .game-slider .game-item .play-btn a,
main .col-center .rightsidebar .livecasino .game-slider .game-item .play-btn a {
  color: var(--secondary-text-color);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 15px;
  line-height: normal;
  font-size: 12px;
  font-weight: 600;
  display: block;
  position: relative;
  z-index: 2;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-decoration: none !important;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}
main .col-center .marketBets .livecasino .game-slider .game-item .caption,
main .col-center .rightsidebar .livecasino .game-slider .game-item .caption {
  position: absolute;
  bottom: 8px;
  width: 100%;
}
main .col-center .marketBets .livecasino .game-slider .game-item .caption h3,
main .col-center .rightsidebar .livecasino .game-slider .game-item .caption h3 {
  color: var(--secondary-text-color);
  margin: 2px 2px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
main .col-center .marketBets .livecasino .game-slider .game-item:hover::before,
main
  .col-center
  .rightsidebar
  .livecasino
  .game-slider
  .game-item:hover::before {
  opacity: 0.8;
  background-color: var(--secondary-color);
  background-image: linear-gradient(#3f3f4f 10%, #000 100%);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main
  .col-center
  .marketBets
  .livecasino
  .game-slider
  .game-item:hover
  .play-btn,
main
  .col-center
  .rightsidebar
  .livecasino
  .game-slider
  .game-item:hover
  .play-btn {
  opacity: 1;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
main .col-center .marketBets .livecasino .game-slider .game-item:hover .caption,
main
  .col-center
  .rightsidebar
  .livecasino
  .game-slider
  .game-item:hover
  .caption {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main .col-center .rightsidebar {
  background-color: var(--main-tabs-color);
}
main .col-center .live-tv-popup {
  border-radius: 8px;
}
main .col-center .live-tv-popup .popup-header {
  background-color: var(--background-color);
  color: var(--primary-text-color);
  padding: 5px 10px;
}
main .col-center .live-tv-popup .popup-header h4 {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  margin: 0;
  line-height: 14px;
}
main .col-center .marketBets {
  position: fixed;
  top: 0;
  right: 10px;
  bottom: 10px;
  margin-top: 110px;
  height: auto;
  width: 355px;
  z-index: 1;
  border-radius: 20px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
main .col-center .marketBets .marketBetsData {
  float: left;
  height: 100%;
  width: 100%;
}
main .col-center .marketBets .marketBetsData .title {
  background-color: var(--main-tabs-color);
  width: 100%;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 4px;
  justify-content: space-between;
}
main .col-center .marketBets .marketBetsData .title h3 {
  padding: 3px 10px;
  font-size: 14px;
  text-align: left;
  margin-bottom: 0;
  line-height: 30px;
  margin-top: 0;
  color: var(--primary-text-color);
  font-weight: 700;
  cursor: default;
  position: relative;
  display: flex;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
main .col-center .marketBets .marketBetsData .title h3 img {
  width: 16px;
  height: 30px;
  margin-right: 5px;
}
main .col-center .marketBets .marketBetsData .title h3 svg {
  margin-right: 5px;
  height: 30px;
  width: 16px;
}
main .col-center .marketBets .marketBetsData .title h3 svg path {
  fill: var(--primary-text-color);
}
main .col-center .marketBets .marketBetsData .title h3::after {
  content: "";
  position: absolute;
  width: 90%;
  bottom: 0;
  left: 10px;
  border-bottom: 2px solid var(--primary-color);
}
main .col-center .marketBets .marketBetsData .title .theator-mode {
  width: 16px;
  height: 30px;
  margin-right: 0;
  position: absolute;
  right: 5px;
}
main .col-center .marketBets .marketBetsData .title .theator-mode path,
main .col-center .marketBets .marketBetsData .title .theator-mode rect {
  fill: var(--header-text-color);
}
main .col-center .marketBets .marketBetsData .title .miniplayer-mode {
  width: 21px;
  height: 42px;
  margin-right: 0;
  position: absolute;
  right: 5px;
}
main .col-center .marketBets .marketBetsData .title .miniplayer-mode path {
  fill: var(--header-text-color);
}
main .col-center .marketBets .marketBetsData ul.collapsible {
  border: none;
  margin: 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  ul.collapsible
  li.active
  .collapsible-header
  .fa-plus {
  transform: rotate(-45deg);
  transition: transform 0.5s ease;
}
main
  .col-center
  .marketBets
  .marketBetsData
  ul.collapsible
  li.active
  .collapsible-header
  .title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  ul.collapsible
  li
  .collapsible-header {
  padding: 0;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  background-color: var(--background-color);
}
main
  .col-center
  .marketBets
  .marketBetsData
  ul.collapsible
  li
  .collapsible-header
  i {
  color: var(--primary-text-color);
  margin-right: 0;
  font-size: 14px;
  line-height: 28px;
  width: 15px;
  position: absolute;
  right: 10px;
  top: 4px;
  transform: rotate(0);
  transition: transform 0.5s ease;
}
main
  .col-center
  .marketBets
  .marketBetsData
  ul.collapsible
  li
  .collapsible-header
  :focus {
  background-color: transparent;
}
main
  .col-center
  .marketBets
  .marketBetsData
  ul.collapsible
  li
  .collapsible-body {
  padding: 0;
  border: none;
}
main .col-center .marketBets .marketBetsData .bet-slip,
main .col-center .marketBets .marketBetsData .live-match {
  border: none;
  border-radius: 20px;
  margin-bottom: 15px;
  background-color: var(--main-tabs-color);
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
main .col-center .marketBets .marketBetsData .betslip {
  padding: 0.5rem 0.25rem;
  display: flex;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: var(--bet-collapse-bg);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip.back
  .bet-cont
  .bet-input-container
  .bid-rate
  a {
  border-bottom: 3px solid var(--back-color);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip.back
  .bet-cont
  .bet-input-container
  .bid-rate
  a.active,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip.back
  .bet-cont
  .bet-input-container
  .bid-rate
  a:hover {
  background-color: var(--back-color);
  color: var(--primary-text-color);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip.lay
  .bet-cont
  .bet-input-container
  .bid-rate
  a {
  border-bottom: 3px solid var(--lay-color);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip.lay
  .bet-cont
  .bet-input-container
  .bid-rate
  a.active,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip.lay
  .bet-cont
  .bet-input-container
  .bid-rate
  a:focus,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip.lay
  .bet-cont
  .bet-input-container
  .bid-rate
  a:hover {
  background-color: var(--lay-color);
  color: var(--primary-text-color);
}
main .col-center .marketBets .marketBetsData .betslip .bet-cont {
  display: block;
  width: 100%;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline {
  flex-flow: row wrap;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col {
  padding: 0 5px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group {
  position: relative;
  display: flex;
  width: auto;
  margin-bottom: 0.5rem;
  margin-right: 5px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  div {
  display: flex;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .input-group-prepend {
  margin-right: 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .input-group-prepend
  .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .input-group-append {
  margin-left: 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .input-group-append
  .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary {
  padding: 5px 5px;
  height: 25px;
  min-height: 25px;
  line-height: 15px;
  width: 25px;
  min-width: 25px;
  color: var(--black-text);
  background-color: var(--bet-collapse-btn-color);
  border: none;
  border-radius: 3px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary
  i {
  font-size: 12px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary.active,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary:hover {
  background-color: var(--secondary-color);
  color: var(--primary-text-color);
  transition: all ease-in 0.2s;
  outline: 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .match-title {
  color: var(--primary-text-color);
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 5px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .form-control {
  background-color: var(--background-color);
  border: none;
  color: var(--secondary-color);
  font-weight: 400;
  font-size: 12px;
  padding: 5px;
  box-shadow: none;
  height: 15px;
  line-height: 25px;
  width: 100%;
  margin: 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .m-info {
  line-height: 24px;
  vertical-align: middle;
  margin: 0 3px;
  position: absolute;
  right: 2px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .m-info
  a.closemarket {
  font-size: 13px;
  cursor: pointer;
  font-weight: 400;
  width: 15px;
  text-align: center;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .form-inline
  .m-info
  a
  i {
  color: var(--primary-text-color);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a {
  display: inline-block;
  color: var(--black-text);
  background-color: var(--bet-collapse-btn-color);
  border: none;
  padding: 3px 5px;
  margin: 1px 0 5px 3px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  text-transform: uppercase;
  border-radius: 4px;
  min-width: 40px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a.clear-btn {
  background-color: var(--bet-collapse-btn-color);
  text-transform: capitalize;
  border-bottom: 3px solid var(--stake-color);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a.clear-btn.active,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a.clear-btn:focus,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a.clear-btn:hover {
  background-color: var(--stake-color);
  transition: all ease-in 0.2s;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a.active,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a:focus,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .bid-rate
  a:hover {
  background-color: var(--secondary-color);
  color: var(--secondary-text-color);
  transition: all ease-in 0.2s;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button {
  display: flex;
  margin-top: 5px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button {
  border-radius: 3px;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.5;
  padding: 5px 10px !important;
  height: auto;
  cursor: pointer;
  margin: 0 0 5px 5px;
  font-size: 13px;
  text-transform: capitalize;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-cancel {
  color: var(--stake-color);
  background-color: var(--bet-collapse-btn-color);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-cancel.active,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-cancel:hover {
  background-color: var(--stake-color);
  transition: all ease-in 0.2s;
  color: var(--white-text);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-bet {
  color: var(--white-text);
  background-color: var(--in-play);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-bet.active,
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-bet:hover {
  background-color: #025f18;
  transition: all ease-in 0.2s;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button
  i {
  font-size: 12px;
  padding: 0 2px;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .betslip
  .bet-cont
  .bet-input-container
  .betslip-button
  button
  img {
  width: 11px;
}
main .col-center .marketBets .marketBetsData .my-bets {
  margin-bottom: 15px;
}
main .col-center .marketBets .marketBetsData .my-bets .title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
main .col-center .marketBets .marketBetsData .my-bets .unmatchbet {
  background-color: var(--main-tabs-color);
  border: none;
  border-radius: 8px;
  margin-bottom: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
main .col-center .marketBets .marketBetsData .my-bets .matchbet {
  background-color: var(--main-tabs-color);
  border: none;
  border-radius: 8px;
  margin-bottom: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
main .col-center .marketBets .marketBetsData .livecasino {
  overflow-y: initial;
  height: auto;
  background-color: var(--main-tabs-color);
  border-radius: 8px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  margin-top: 8px;
}
main .col-center .marketBets .marketBetsData .livecasino .main-title {
  font-size: 15px;
  padding: 0;
  width: 100%;
  position: relative;
  display: flex;
  background-color: var(--main-tabs-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
main .col-center .marketBets .marketBetsData .livecasino .main-title h3 {
  padding: 3px 10px;
  font-size: 13px;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  justify-content: left;
  margin: 0;
}
main .col-center .marketBets .marketBetsData .livecasino .main-title h3 img {
  width: 16px;
}
main .col-center .marketBets .marketBetsData .livecasino .game-slider {
  padding: 10px 0 0 0;
}
main
  .col-center
  .marketBets
  .marketBetsData
  .livecasino
  .game-slider:last-child {
  padding: 10px 0 10px 0;
}
main .col-center .marketBets .marketBetsData .livecasino .title {
  margin-top: 10px;
  background-color: transparent;
}
main .col-center .marketBets .marketBetsData .livecasino .title h3 {
  background-color: transparent;
  font-size: 13px;
  font-weight: 600;
  cursor: default;
  color: var(--primary-text-color);
}
main .col-center .marketBets .marketBetsData .livecasino .title h3::after {
  content: "";
  position: absolute;
  width: 90%;
  bottom: 0;
  left: 10px;
  border-bottom: 2px solid var(--primary-color);
}
main
  .col-center
  .marketBets
  .marketBetsData
  .live-match
  .collapsible
  .collapsible-body
  iframe {
  width: 100%;
  padding: 0 10px;
}
main .market-page .col-center .market-main {
  border-radius: 8px;
  background-color: transparent;
}
main .market-page .col-center .market-main .main-events {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  height: 40px;
  background-color: var(--main-tabs-color);
  border-radius: 10px;
  margin: 10px 0;
  float: left;
  width: 100%;
  padding: 5px;
}
main .market-page .col-center .market-main .main-events .left-title {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: var(--score-team-title);
  text-transform: uppercase;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  margin: 0 5px;
}
main .market-page .col-center .market-main .main-events .left-title .team-name {
  position: relative;
  font-weight: 700;
}
main
  .market-page
  .col-center
  .market-main
  .main-events
  .left-title
  .superover-img {
  max-width: 100px;
  height: 30px;
  margin-right: 5px;
}
main .market-page .col-center .market-main .main-events .live-content {
  display: inline-block;
  width: 65px;
  height: 20px;
  line-height: 21px;
  position: relative;
  color: var(--in-play);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  animation-name: blinker2;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
main .market-page .col-center .market-main .main-events .event-countdown {
  display: inline-block;
  width: 65px;
  height: 20px;
  line-height: 21px;
  position: relative;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
@keyframes blinker2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
main .market-page .col-center .market-main .no-match {
  float: left;
  width: 100%;
  height: 400px;
  margin-bottom: 10px;
  color: var(--white-text);
  background-color: var(--match-not-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
main .market-page .col-center .market-main .select-bet {
  margin-bottom: 15px;
  background-color: var(--main-tabs-color);
  border-radius: 20px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  line-height: 0;
}
main .market-page .col-center .market-main .select-bet .select-events {
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 1.25rem;
  scrollbar-width: none;
}
main .market-page .col-center .market-main .select-bet .select-events.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  width: 100%;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs {
  height: 58px;
  overflow: inherit;
  background-color: transparent;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab {
  margin: 5px 3px;
  position: relative;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  .ripple {
  background-position: center;
  transition: background 0.8s;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  .ripple:focus {
  background-color: transparent !important;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  .ripple:active {
  background-color: #fff;
  background-size: 100%;
  transition: background 0s;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  a {
  padding: 2px 7px;
  font-size: 14px;
  line-height: 2.7;
  text-transform: capitalize;
  background: var(--select-category-bg);
  color: var(--primary-text-color);
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  box-shadow: var(--casino-shadow);
  border-radius: 8px;
  min-width: 70px;
  height: 40px;
  transition: all 0.3s ease-in;
  border: 1px solid var(--bg-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  a.active,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  a:hover {
  border: 1px solid var(--primary-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  a
  .countdown {
  background-color: var(--primary-color);
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  padding: 2px 3px;
  border-radius: 4px;
  color: var(--white-text);
  position: absolute;
  top: -5px;
  left: 4px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  a
  .lock-icon {
  position: absolute;
  top: -6px;
  right: -3px;
  line-height: 1;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  a
  .lock-icon
  i {
  color: var(--primary-text-color);
  font-size: 10px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  a
  .time {
  color: var(--light-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .tab
  a
  .live {
  color: var(--in-play);
  font-size: 14px;
  font-weight: 500;
  animation-name: blinker3;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes blinker3 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .select-events
  .cat-scroll
  .tabs
  .indicator {
  bottom: 0;
  background-color: transparent;
}
main .market-page .col-center .market-main .select-bet .match-news {
  padding: 2px 5px 2px 5px;
  font-size: 8px;
  line-height: 1;
  color: var(--stake-color);
  font-weight: 600;
  text-align: right;
  width: 100%;
}
main .market-page .col-center .market-main .select-bet .match-news i.fa-circle {
  font-size: 6px !important;
}
main .market-page .col-center .market-main .select-bet .selectbet-header {
  background-image: url(../images/score-bg.png);
  display: grid;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  line-height: 1.5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname {
  padding: 3px 0 0 0;
  font-weight: 600;
  font-size: 14px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .top-row {
  display: block;
  position: relative;
  height: auto;
  min-height: 30px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .top-row
  .text-counter {
  padding: 0 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .top-row
  .times-n-date
  .date-time {
  font-size: 12px;
  font-weight: 500;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .top-row
  .evt-title {
  padding: 0 10px;
  height: 30px;
  color: var(--white-text);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .top-row
  .addmarket-icon {
  position: relative;
  top: 3px;
  padding: 0 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row {
  display: block;
  align-items: center;
  padding: 0;
  position: relative;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .dis-flex {
  display: flex;
  align-items: center;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .date-time {
  position: relative;
  display: block;
  justify-content: center;
  width: 65px;
  height: 35px;
  line-height: 1.5;
  border-radius: 12px;
  color: var(--secondary-text-color);
  text-align: center;
  font-weight: 700;
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px, rgba(0, 0, 0, 0.5) 0 2px 3px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .date-time
  .date {
  font-size: 9px;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 600;
  color: var(--black-text) !important;
  background-color: var(--header-text-color);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 1px 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .date-time
  .time {
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 600;
  color: var(--header-text-color) !important;
  line-height: 20px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name {
  padding-left: 0;
  margin: 3px 0 0 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .team-title {
  width: 35px;
  height: 35px;
  color: var(--secondary-text-color);
  background-color: var(--secondary-color);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  align-items: center;
  line-height: 1.5;
  box-shadow: rgba(0, 0, 0, 0.36) 2px 1px 5px, rgba(0, 0, 0, 0.33) 0 2px 4px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .team-title-full {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  line-height: 17px;
  color: var(--white-text);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  h4 {
  font-size: 22px;
  margin: 0;
  font-weight: 500;
  color: var(--header-text-color);
  padding-left: 0;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin-top: 10px;
  padding: 0 5px;
  margin-bottom: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  h4
  .width-50 {
  width: 50%;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  h4
  .width-50
  .left-team-title {
  display: block;
  float: right;
  text-align: center;
  margin-right: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  h4
  .width-50
  .right-team-title {
  display: block;
  float: left;
  text-align: center;
  margin-left: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .sub-title {
  font-size: 10px;
  padding-left: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .vs-img {
  width: 30px;
  height: 30px;
  margin: 0 20px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .vs-img
  img {
  width: 30px;
  height: 30px;
  background-color: transparent;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .vs-img
  svg
  path {
  fill: var(--header-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .team-mobile
  .vs-img {
  margin: inherit;
  display: inline-block;
  width: 25px;
  height: 18px;
  line-height: 1;
  text-align: center;
  position: relative;
  top: 1px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .team-mobile
  .vs-img
  img {
  width: 17px;
  height: 17px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .team-mobile
  .times-n-date {
  justify-content: flex-start;
  width: 60px;
  height: 35px;
  float: left;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .team-mobile
  .team-title-full {
  display: flex;
  line-height: 1.5;
  font-size: 12px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .event-name
  .team-mobile
  .right-side-mobile {
  margin-left: 65px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname.top-header-module
  .bottom-row
  .times-n-date {
  display: flex;
  justify-content: center;
  margin: 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  h4 {
  font-size: 20px;
  margin: 0;
  font-weight: 700;
  color: var(--header-text-color);
  padding-left: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .add-market,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .live-stream,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .score {
  width: 20px;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
  margin-left: 2px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .add-market
  a,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .live-stream
  a,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .score
  a {
  color: var(--header-text-color);
  cursor: pointer;
  line-height: 1;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .add-market
  a
  i,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .live-stream
  a
  i,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .score
  a
  i {
  font-size: 12px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .add-market
  a
  i.fa-plus-circle,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .live-stream
  a
  i.fa-plus-circle,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .score
  a
  i.fa-plus-circle {
  font-size: 17px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .add-market
  a
  svg,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .live-stream
  a
  svg,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .score
  a
  svg {
  width: 20px;
  height: 20px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .add-market
  a
  svg
  path,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .live-stream
  a
  svg
  path,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .score
  a
  svg
  path {
  fill: var(--header-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .add-market
  img,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .live-stream
  img,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .selectbet-header
  .bet-teamname
  .score
  img {
  width: 100%;
  height: auto;
  margin-top: 2px;
  filter: invert(1);
}
main .market-page .col-center .market-main .select-bet .bet-semiheader {
  background-color: var(--bet-collapse-hover);
  border-bottom: 2px solid var(--primary-color);
  position: relative;
  line-height: 1.5;
  padding: 5px 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .match-odd {
  display: inline-block;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .match-odd
  .scores-event {
  position: relative;
  font-size: 13px;
  font-weight: 700;
  padding: 0 5px;
  line-height: 2.2;
  color: var(--white-text);
  opacity: 0.8;
  display: inline-block;
  text-transform: uppercase;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .match-odd
  .scores-event
  i {
  line-height: 1.7;
  font-size: 10px;
  margin-right: 1px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .match-odd
  .scores-event
  i.allow {
  color: var(--in-play);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .match-odd
  .scores-event
  i.notallow {
  color: var(--stake-color);
}
main .market-page .col-center .market-main .select-bet .bet-semiheader .m-info {
  line-height: 2;
  display: inline;
  padding-left: 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .m-info
  .in-play {
  display: inline-block;
  width: 60px;
  position: relative;
  top: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .m-info
  .in-play
  i.fa-play {
  color: var(--secondary-text-color);
  position: absolute;
  font-size: 8px;
  left: 4px;
  top: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-semiheader
  .m-info
  .smalltext {
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
  color: var(--primary-text-color);
}
main .market-page .col-center .market-main .select-bet .limit-profit {
  height: 30px;
  padding-right: 5px;
  position: relative;
  justify-content: center;
}
main .market-page .col-center .market-main .select-bet .limit-profit .limit,
main .market-page .col-center .market-main .select-bet .limit-profit .profit {
  padding: 2px 0;
  font-weight: 600;
  font-size: 10px;
  margin: 0;
  line-height: 14px;
  color: #7e7e7e;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-profit
  .limit
  span,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-profit
  .profit
  span {
  display: inline-block;
  color: var(--primary-text-color);
  font-weight: 700;
}
main .market-page .col-center .market-main .select-bet .icon-position {
  position: absolute;
  right: 0;
  top: 6px;
  height: 100%;
  display: block;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-content {
  display: flex;
  margin: 1px 4px 4px;
  align-items: center;
  cursor: pointer;
  position: absolute;
  right: 53px;
  top: auto;
  bottom: 4px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-content
  .profit-text {
  border-radius: 4px;
  border: 1px solid var(--cashout-border);
  background: var(--cashout-bg);
  box-shadow: var(--cashout-boxshadow);
  color: var(--cashout-profile-text);
  text-align: center;
  padding: 2px 5px;
  height: auto;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.1;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-content
  .profit-value {
  border: 1px solid var(--cashout-border);
  background-color: var(--profit-value-bg);
  color: var(--cashout-text);
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 2px 5px;
  border-radius: 30px;
  height: 18px;
  line-height: 13px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 1px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-content
  .minus {
  color: var(--stake-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-content
  .plus {
  color: var(--in-play);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-content
  .cashout-loader {
  position: absolute;
  width: 100%;
  background-color: rgba(240, 248, 255, 0.59);
  text-align: center;
  border-radius: 5px;
  height: 38px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-content
  .cashout-loader
  img {
  width: 30px;
  position: relative;
  top: 4px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-available {
  border-radius: 4px;
  background: var(--cashout-avil-bg);
  box-shadow: var(--cashout-boxshadow);
  color: var(--cashout-text);
  border: 1px solid var(--cashout-avil-bg);
  text-align: center;
  padding: 3px 5px;
  height: auto;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
  width: 75px;
  margin: 0 2px 6px;
  top: auto;
  position: absolute;
  right: 53px;
  bottom: 4px;
  cursor: pointer;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .icon-position
  .cashout-img
  img {
  width: 20px;
  display: block;
}
main .market-page .col-center .market-main .select-bet .limit-info {
  position: absolute;
  right: 35px;
  top: 6px;
  z-index: 99;
}
main .market-page .col-center .market-main .select-bet .limit-info a {
  width: 17px;
  font-size: 16px;
  text-align: center;
  height: auto;
  line-height: 30px;
  cursor: pointer;
  z-index: 1;
  color: var(--primary-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup {
  min-width: 140px;
  width: -moz-max-content;
  width: max-content;
  padding: 5px 8px 5px 8px;
  line-height: 16px;
  top: -6px;
  right: 17px;
  background-color: var(--background-color);
  border-radius: 8px;
  align-items: flex-start;
  z-index: 9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  position: absolute;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.6rem 0;
  position: absolute;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  .arrow::after,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: var(--background-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  p {
  padding: 2px 0;
  font-weight: 600;
  font-size: 10px;
  margin: 0;
  line-height: 14px;
  color: #7e7e7e;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  p
  span {
  display: inline-block;
  color: var(--primary-text-color);
  font-weight: 700;
  opacity: 0.8;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .limit-info
  .fancy_info-popup
  a.close {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: -3px;
  top: 0;
  line-height: 16px;
  width: 20px;
  margin: 5px 3px;
  font-size: 14px;
}
main .market-page .col-center .market-main .select-bet .close-icon {
  position: absolute;
  right: 10px;
  top: 6px;
}
main .market-page .col-center .market-main .select-bet .close-icon a {
  width: 17px;
  font-size: 16px;
  text-align: center;
  height: auto;
  line-height: 30px;
  cursor: pointer;
  z-index: 1;
  color: var(--primary-text-color);
}
main .market-page .col-center .market-main .select-bet .bet-list .team-market {
  position: relative;
  line-height: 1.5;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1 {
  display: flex;
  height: 45px;
  position: relative;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name {
  flex-basis: 80px;
  flex-grow: 4;
  padding: 2px 10px;
  line-height: 16px;
  border-top: 1px solid var(--border-color);
  display: grid;
  align-items: center;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  p {
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: var(--bet-value-color);
  padding-top: 2px;
  line-height: 1;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  span {
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  span.minus {
  color: var(--stake-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  span.plus {
  color: var(--in-play);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  span
  .fa-chevron-right {
  color: var(--bet-value-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  .runner-numbers {
  position: relative;
  width: 23px;
  height: 15px;
  text-align: center;
  font-size: 13px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  .runner-numbers
  div {
  font-weight: 700;
  color: var(--bet-value-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  .runner-silk
  .hr-silk {
  width: 25px;
  height: 20px;
  position: relative;
  top: -5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  .bettitle {
  line-height: 18px;
  font-weight: 600;
  font-size: 12px;
  color: var(--bet-value-color);
  padding-top: 2px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .team-name
  .runner-jockeyname {
  font-weight: 500;
  font-size: 12px;
  color: var(--bet-value-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .hr-main-title {
  display: flex;
  position: relative;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .hr-main-title
  .price {
  position: absolute;
  top: 10px;
  right: 5px;
  font-weight: 600;
  font-size: 12px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .hr-main-title
  .price
  .text-red {
  color: var(--stake-color);
  opacity: 0.8;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .hr-main-title
  .price
  .text-green {
  color: var(--in-play);
  opacity: 0.8;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .non-runner {
  display: flex;
  flex-basis: 430px;
  text-align: center;
  justify-content: center;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid var(--border-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .non-runner
  .title {
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-text-color);
  padding: 0 5px 0 2px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .non-runner
  .rn-date {
  font-size: 12px;
  font-weight: 500;
  padding: 0 2px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .bet-value {
  flex-basis: 70px;
  text-align: center;
  height: 43px !important;
  line-height: 13px;
  margin: 2px 1px 1px 1px;
  border-radius: 4px !important;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .bet-value
  a {
  color: var(--bet-value-color);
  padding: 7px 0 5px;
  width: 100%;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 100%;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .bet-value
  a
  p {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .bet-value
  a
  span {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .l-blue {
  background-color: #e9e9e9;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .m-blue {
  background-color: #e9e9e9;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .v-blue {
  background-color: var(--back-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .v-blue
  a {
  color: var(--back-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .v-pink {
  background-color: var(--lay-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .v-pink
  a {
  color: var(--lay-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .m-pink {
  background-color: #e9e9e9;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .l-pink {
  background-color: #e9e9e9;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .back-2.bbr-0,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .back-3.bbr-0 {
  background-color: var(--back-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .lay-2.bbr-0,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .bet-list
  .team-market
  .team1
  .lay-3.bbr-0 {
  background-color: var(--lay-color);
}
main .market-page .col-center .market-main .select-bet .suspend {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 1px;
  z-index: 9;
}
main .market-page .col-center .market-main .select-bet .suspend .suspend-cont {
  flex-basis: 432px;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #888;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  line-height: 18px;
  border-radius: 4px;
}
main .market-page .col-center .market-main .select-bet .score-section {
  overflow: hidden;
  background-image: url(../images/score-banner.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  color: var(--secondary-text-color);
  z-index: 0;
}
main .market-page .col-center .market-main .select-bet .score-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--detail-score-overlay);
  z-index: -1;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  .toss-details {
  color: var(--white-text);
  font-size: 12px;
  padding: 3px 10px;
  font-weight: 600;
  margin-top: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  .toss-details
  i {
  font-size: 12px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  .border {
  border-bottom: 1px solid var(--detail-score-border);
  padding: 6px 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  h4 {
  font-size: 12px;
  color: var(--secondary-text-color);
  margin: 0;
  font-weight: 500;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  h4
  a {
  font-size: 12px;
  font-weight: 400;
  float: right;
  color: var(--primary-color);
  border-bottom: 1px solid var(--detail-score-border);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  h4
  a
  i {
  margin-right: 0;
  font-size: 11px;
  line-height: 18px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header
  h4
  a:hover {
  color: var(--secondary-text-color);
  transition: all ease-in 0.2s;
  border-color: var(--secondary-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.football {
  padding: 10px 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.football
  .row
  .col {
  position: relative;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.football
  h3 {
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-text-color);
  display: inline-block;
  padding: 6px 15px;
  position: relative;
  z-index: 1;
  margin: 0;
  border-bottom: 1px solid var(--detail-score-border);
  width: 100%;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.football
  .score
  h3 {
  font-size: 18px;
  color: var(--in-play-color);
  box-shadow: none;
  border: 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.football
  span {
  font-size: 12px;
  color: var(--secondary-text-color);
  padding: 5px 0;
  font-weight: 600;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.tennis {
  padding: 10px 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.tennis
  table {
  font-size: 12px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.tennis
  table
  td,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.tennis
  table
  th {
  padding: 5px 10px;
  font-weight: 500;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.tennis
  table
  td
  span.green,
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .score-header.tennis
  table
  th
  span.green {
  color: var(--secondary-text-color);
  border-radius: 3px;
  padding: 0 2px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score {
  color: var(--secondary-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header {
  padding: 10px;
  display: flex;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  div {
  width: 50%;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  .toss
  h2 {
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 10px 0;
  font-weight: 500;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  .toss
  p {
  margin: -12px 0 0;
  font-weight: 400;
  font-size: 12px;
  color: var(--primary-color);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  table {
  margin-bottom: 6px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  table
  tr {
  border: 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  table
  th {
  text-align: center;
  padding: 4px 6px;
  line-height: 100%;
  font-weight: 600;
  font-size: 13px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  table
  td {
  text-align: center;
  padding: 4px 6px;
  line-height: 100%;
  font-weight: 400;
  font-size: 12px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  table
  td:not(:last-child),
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-header
  table
  th:not(:last-child) {
  border-right: 1px solid var(--detail-score-border);
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body {
  min-height: 165px;
  display: flex;
  padding: 0 10px 10px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs {
  width: 50%;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  p {
  cursor: default;
  width: 99.9%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid var(--detail-score-border);
  padding-bottom: 6px;
  font-size: 13px;
  margin: 0 0 0.7rem;
  font-weight: 500;
  letter-spacing: 0.2px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--detail-score-border);
  padding-bottom: 6px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  div {
  font-size: 12px;
  font-weight: 500;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .balls {
  flex-grow: 1;
  margin: 0 0 6px 5px;
  padding-left: 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .balls
  .ball {
  border-radius: 14px;
  color: var(--secondary-text-color);
  min-width: 22px;
  min-height: 20px;
  text-align: center;
  padding: 1px 4.5px;
  margin: 0 2px;
  font-size: 12px;
  display: inline-block;
  font-weight: 600;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .balls
  .ball.INFIELDBOUNDARY_4 {
  background-color: #2cace3;
  border: 1px solid #2cace3;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .balls
  .ball.INFIELDBOUNDARY_0 {
  background-color: #999;
  border: 1px solid #999;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .balls
  .ball.INFIELDBOUNDARY_2 {
  background-color: #48a23c;
  border: 1px solid #48a23c;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .balls
  .ball.INFIELDBOUNDARY_1 {
  background-color: #48a23c;
  border: 1px solid #48a23c;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .balls
  .ball.WICKET {
  background-color: #c9362b;
  border: 1px solid #c9362b;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .balls
  .ball.INFIELDBOUNDARY_6 {
  background-color: #2cace3;
  border: 1px solid #2cace3;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .runs-score {
  display: flex;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .runs-score
  div {
  padding: 0 5px 0 0;
  line-height: 20px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .overs
  .over
  .over-detail
  .runs-score
  div::before {
  content: "|";
  color: var(--disable-color);
  padding: 0 5px 0 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  .score-body {
  width: 50%;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  table
  tr {
  border: 0;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  table
  td {
  padding: 4px 6px;
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  table
  td:first-child {
  width: 40%;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  table
  .row-highlight {
  margin-top: 5px;
}
main
  .market-page
  .col-center
  .market-main
  .select-bet
  .score-section
  .detail-score
  .match-centre-body
  table
  .row-highlight
  td {
  color: var(--secondary-color);
  background-color: #2cace3;
}
main .market-page .col-center .market-main .fancy-bet {
  background-color: transparent;
}
main .market-page .col-center .market-main .fancy-bet .live-stream-popup {
  width: 190px;
  display: block;
  background-color: var(--background-color);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  border-radius: 5px;
  overflow: hidden;
  line-height: 1;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-header {
  background-color: var(--primary-color);
  color: var(--white-text);
  padding: 5px 10px;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-header
  h4 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-header
  h4
  a.close-popup {
  display: inline-block;
  float: right;
  font-size: 16px;
  color: var(--white-text);
  font-weight: 400;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-body
  .position-data {
  padding: 10px 0;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-body
  .position-data
  div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin: 0 auto 7px;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-body
  .position-data
  div
  span {
  flex-basis: 33.33%;
  text-align: center;
  font-weight: 600;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-body
  .position-data
  div
  span.red-text {
  color: var(--stake-color);
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .live-stream-popup
  .popup-body
  .position-data
  div
  span.green-text {
  color: var(--in-play-color);
}
main .market-page .col-center .market-main .fancy-bet .bet-semiheader {
  font-size: 13px;
  font-weight: 600;
  background-color: var(--bet-collapse-hover);
  border-bottom: 2px solid var(--primary-color);
  position: relative;
  display: flex;
}
main .market-page .col-center .market-main .fancy-bet .bet-semiheader .header {
  position: relative;
  height: 30px;
  font-size: 13px;
  font-weight: 700;
  padding: 0 5px;
  line-height: 28px;
  background-color: transparent;
  color: var(--white-text);
  opacity: 0.8;
  display: inline-block;
  text-transform: uppercase;
}
main .market-page .col-center .market-main .fancy-bet .close-icon {
  position: absolute;
  right: 10px;
  top: 0;
}
main .market-page .col-center .market-main .fancy-bet .close-icon a {
  width: 17px;
  font-size: 16px;
  text-align: center;
  height: auto;
  line-height: 30px;
  cursor: pointer;
  z-index: 1;
  color: var(--primary-text-color);
}
main .market-page .col-center .market-main .fancy-bet .bet-list .bet-collapse {
  top: -3px;
}
main .market-page .col-center .market-main .fancy-bet .team1 {
  display: flex;
}
main .market-page .col-center .market-main .fancy-bet .team1 .limit-info {
  top: auto;
  right: 20px;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .limit-info
  .fancy_info-popup {
  top: -6px;
  right: 30px;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .limit-info
  .fancy_info-popup
  p {
  font-weight: 600;
  font-size: 10px;
  margin: 0;
  line-height: 14px;
  color: #7e7e7e;
}
main .market-page .col-center .market-main .fancy-bet .team1 .team-name {
  flex-basis: 70px;
  flex-grow: 1;
  padding: 2px 5px;
  line-height: 16px;
  border-top: 1px solid var(--border-color);
  display: grid;
  align-items: center;
}
main .market-page .col-center .market-main .fancy-bet .team1 .team-name p {
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: var(--bet-value-color);
  padding-top: 0;
}
main .market-page .col-center .market-main .fancy-bet .team1 .team-name p i {
  font-size: 10px;
  margin-right: 1px;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .team-name
  p
  i.allow {
  color: var(--in-play);
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .team-name
  p
  i.notallow {
  color: var(--stake-color);
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .team-name
  p
  .fa-circle {
  line-height: 1.7;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .team-name
  p
  .in-text {
  margin-left: 3px;
  margin-right: 13px;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .team-name
  .position-bet {
  color: var(--white-text);
  background-color: var(--primary-color);
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  height: 18px;
  display: inline-block;
  margin-top: 0;
  line-height: 20px;
  margin-left: 15px;
  padding: 0 5px;
  border-radius: 4px;
  margin-right: 3px;
}
main .market-page .col-center .market-main .fancy-bet .team1 .blank4 {
  flex-basis: 71.5px;
  border-top: 1px solid var(--border-color);
}
main .market-page .col-center .market-main .fancy-bet .team1 .ball-start {
  flex-basis: 144px;
  display: flex;
  position: relative;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .ball-start-overly {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  line-height: 45px;
  font-weight: 600;
  color: #888;
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .bet-value {
  flex-basis: 70px;
  text-align: center;
  line-height: 15px;
  margin: 1px;
  border-radius: 4px !important;
  min-height: 43px !important;
  height: 43px !important;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .bet-value
  a {
  color: var(--back-text-color);
  padding: 3px 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .bet-value
  a
  p {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .bet-value
  a
  span {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .bet-value
  a.lay-bet-btn {
  color: var(--lay-text-color);
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .bet-value.v-pink {
  background-color: var(--lay-color);
}
main
  .market-page
  .col-center
  .market-main
  .fancy-bet
  .team1
  .ball-start
  .bet-value.v-blue {
  background-color: var(--back-color);
}
main .market-page .col-center .market-main .fancy-bet .team1 .fancy-info {
  text-align: right;
  justify-content: flex-end;
}
main .market-page .col-center .market-main .fancy-bet .team1 .fancy-info a {
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
main .market-page .col-center .market-main .fancy-bet .team1 .fancy-info a i {
  color: var(--primary-color);
  font-size: 16px;
  line-height: inherit;
}
main .market-page .col-center .market-main .fancy-bet .team1 .fancy-close {
  justify-content: flex-end;
  position: relative;
}
main .market-page .col-center .market-main .fancy-bet .team1 .fancy-close a {
  display: inline-block;
  cursor: pointer;
  margin-right: 13px;
}
main .market-page .col-center .market-main .fancy-bet .team1 .fancy-close a i {
  color: var(--primary-text-color);
  font-size: 16px;
  line-height: inherit;
}
main .market-page .col-center .market-main .fancy-bet .limit-profit {
  flex-basis: 70px;
  flex-grow: 1;
  padding: 2px 10px;
  line-height: 16px;
  height: auto;
}
main .market-page .col-center .market-main .fancy-bet .limit-profit p {
  margin: 0;
  font-size: 10px;
  font-weight: 600;
  color: #979797;
  margin-right: 10px;
}
main .market-page .col-center .market-main .fancy-bet .limit-profit p span {
  display: inline-block;
  color: var(--primary-text-color);
  font-weight: 700;
  font-size: 11px;
}
main .market-page .col-center .tabGroup .select-category {
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 1.25rem;
  scrollbar-width: none;
  background-color: var(--primary-color);
}
main .market-page .col-center .tabGroup .select-category.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main .market-page .col-center .tabGroup .select-category .cat-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  width: 100%;
}
main .market-page .col-center .tabGroup .select-category .cat-scroll .tabs {
  height: 30px;
  background-color: var(--primary-color);
  overflow: inherit;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab {
  line-height: 30px;
  height: 30px;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  .ripple {
  background-position: center;
  transition: background 0.8s;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  .ripple:hover {
  background: var(--primary-color)
    radial-gradient(circle, transparent 1%, var(--primary-color) 1%)
    center/15000%;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  .ripple:active {
  background-color: #fff;
  background-size: 100%;
  transition: background 0s;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  a {
  position: relative;
  font-size: 11px;
  font-weight: 500;
  color: var(--white-text);
  padding: 0 8px;
  text-transform: uppercase;
  opacity: 0.6;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  a.active,
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  a:hover {
  opacity: 1;
  font-weight: 700;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  a.active
  span.badge,
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  a:hover
  span.badge {
  background-color: var(--btn-hover-bg);
  color: var(--secondary-text-color);
  transition: all ease-in 0.3s;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .tab
  a
  span.badge {
  background-color: var(--background-color);
  color: var(--secondary-color);
  border-radius: 50%;
  min-width: 0;
  font-size: 12px;
  font-weight: 600;
  width: 19px;
  height: 18px;
  margin-left: 5px;
  line-height: 18px;
  margin-top: -0.5px;
  padding: 0 4px;
}
main
  .market-page
  .col-center
  .tabGroup
  .select-category
  .cat-scroll
  .tabs
  .indicator {
  bottom: 0;
  background-color: var(--secondary-color);
}
main .market-page .col-center .virtual-league {
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 2.25rem;
  scrollbar-width: none;
  width: 100%;
  height: 100%;
}
main .market-page .col-center .virtual-league.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main .market-page .col-center .virtual-league .slider-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main .market-page .col-center .virtual-league .slider-scroll .scroll-slider {
  position: relative;
  margin-top: 0;
  display: flex;
  flex-wrap: nowrap;
}
main
  .market-page
  .col-center
  .virtual-league
  .slider-scroll
  .scroll-slider
  .item_main
  a {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 1.5;
  text-transform: capitalize;
  margin: 5px 5px 2px 5px;
  width: auto;
  position: relative;
  padding: 5px 8px;
  border: 1px solid var(--play-with-border);
  border-radius: 5px;
  background: var(--background-color);
  display: flex;
  align-items: center;
}
main
  .market-page
  .col-center
  .virtual-league
  .slider-scroll
  .scroll-slider
  .item_main
  a
  img {
  max-width: 20px;
  margin-right: 5px;
}
main
  .market-page
  .col-center
  .virtual-league
  .slider-scroll
  .scroll-slider
  .item_main
  a.active {
  border: 1px solid var(--market-virtual-tab-border);
  background-color: var(--market-virtual-tab-border);
  color: var(--white-text);
}
main.account-pages .col-center {
  padding-right: 0 !important;
}
main.account-pages .col-center .card {
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin-right: 15px;
  background-color: var(--main-tabs-color);
  border-radius: 20px;
}
main.account-pages .col-center .card .card-content .dt-buttons {
  margin-bottom: 5px;
}
main.account-pages .col-center .card-content {
  padding: 15px 15px 15px;
}
main.account-pages .col-center .card-content .card-title {
  display: block;
  margin-bottom: 15px;
  margin-top: 0;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
main.account-pages .col-center .card-content .card-title::after {
  content: "";
  position: absolute;
  width: 95%;
  bottom: -5px;
  left: 0;
  border-bottom: 2px solid var(--primary-color);
}
main.account-pages .col-center .input-field.col {
  padding: 0;
}
main.account-pages .col-center .input-field .select-wrapper {
  margin: 2px;
  padding: 2px 8px !important;
  background-color: var(--background-color);
  border: 1px solid var(--primary-color);
  border-radius: 12px;
}
main.account-pages
  .col-center
  .input-field
  .select-wrapper
  input.select-dropdown {
  color: var(--primary-text-color);
  border: none;
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 0 !important;
  padding: 13px 0 0 5px;
  border-bottom: none;
  height: 25px;
  box-shadow: none;
  transition: none;
}
main.account-pages
  .col-center
  .input-field
  .select-wrapper
  input.select-dropdown:focus {
  border: none !important;
}
main.account-pages .col-center .input-field .select-wrapper .dropdown-content {
  top: 40px !important;
  height: auto !important;
  background-color: var(--background-color);
}
main.account-pages
  .col-center
  .input-field
  .select-wrapper
  .dropdown-content
  li {
  min-height: auto !important;
}
main.account-pages
  .col-center
  .input-field
  .select-wrapper
  .dropdown-content
  li
  span {
  color: var(--primary-text-color);
  padding: 8px 16px;
  font-size: 14px;
}
main.account-pages
  .col-center
  .input-field
  .select-wrapper
  .dropdown-content
  li:hover {
  background-color: var(--dropdown-hover-bg);
}
main.account-pages .col-center .input-field label {
  text-align: left;
  top: -5px;
  left: 16px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 11px;
  position: absolute;
}
main.account-pages .col-center .input-field .select-date {
  margin: 2px;
}
main.account-pages .col-center .input-field .select-date .datepicker {
  display: block;
  width: 100%;
  border-bottom: none;
  box-shadow: none;
  transition: none;
  font-size: 12px;
  color: var(--primary-text-color);
  background-color: var(--background-color);
  border: 1px solid var(--primary-color) !important;
  border-radius: 12px;
  padding: 13px 0 0 15px;
  margin: 0;
  font-weight: 700;
  box-sizing: border-box;
}
main.account-pages
  .col-center
  .input-field
  .select-date
  .datepicker::-moz-placeholder {
  color: var(--primary-text-color);
}
main.account-pages
  .col-center
  .input-field
  .select-date
  .datepicker::placeholder {
  color: var(--primary-text-color);
}
main.account-pages .col-center table.dataTable {
  width: 100% !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--game-list-time-color);
}
main.account-pages .col-center table.dataTable thead {
  color: var(--primary-text-color);
}
main.account-pages .col-center table.dataTable thead th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
main.account-pages .col-center table.dataTable thead th:last-child.sorting {
  right: 10px;
  position: relative;
}
main.account-pages .col-center table.dataTable tr.even > .sorting_1,
main.account-pages .col-center table.dataTable tr.odd > .sorting_1 {
  background-color: transparent;
}
main.account-pages .col-center table.dataTable a {
  color: inherit;
  font-size: 12px;
  transition: all 0.5s;
}
main.account-pages .col-center table.dataTable a.transhover:hover {
  font-size: 13px;
  transition: all 0.5s;
}
main.account-pages .col-center table.dataTable tfoot {
  color: var(--primary-text-color);
}
main.account-pages .col-center table.dataTable tfoot th {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  font-size: 14px;
}
main.account-pages .col-center table.dataTable tbody tr {
  background-color: var(--main-tabs-color);
}
main.account-pages .col-center table.dataTable tbody td {
  border-color: var(--border-color);
}
main.account-pages .col-center table.dataTable .label-info {
  background-color: transparent;
  display: inline;
  padding: 0;
  font-size: 13px;
  line-height: 1;
  color: #9f9999;
  text-align: center;
  white-space: unset;
  vertical-align: baseline;
  border-radius: 0;
}
main.account-pages .ac_slider {
  margin: 5px 0;
  padding: 0;
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 2.25rem;
  scrollbar-width: none;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider {
  display: flex;
  flex-wrap: nowrap;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main {
  display: inline-block;
  text-align: center;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a {
  width: 125px;
  height: 45px;
  padding: 5px 10px;
  margin: 10px 10px 10px 7px;
  position: relative;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--secondary-text-color);
  box-shadow: var(--sports-shadow);
}
main.account-pages
  .ac_slider
  .slider-scroll
  .scroll-slider
  .item_main
  a.active {
  border: 2px solid var(--primary-color);
}
main.account-pages
  .ac_slider
  .slider-scroll
  .scroll-slider
  .item_main
  a
  .item_details {
  display: flex;
  align-items: center;
}
main.account-pages
  .ac_slider
  .slider-scroll
  .scroll-slider
  .item_main
  a
  .item_details
  .item-svg {
  display: flex;
  align-items: center;
}
main.account-pages
  .ac_slider
  .slider-scroll
  .scroll-slider
  .item_main
  a
  .item_details
  .item-svg
  svg {
  width: 20px;
  height: 20px;
  display: inline-block;
}
main.account-pages
  .ac_slider
  .slider-scroll
  .scroll-slider
  .item_main
  a
  .item_details
  .item-svg
  svg
  path {
  fill: var(--primary-color);
}
main.account-pages
  .ac_slider
  .slider-scroll
  .scroll-slider
  .item_main
  a
  .item_details
  .title {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-color);
  line-height: 1.3;
  margin-left: 10px;
  text-align: left;
}
main.account-pages .ac_slider .slick-arrow {
  background-image: url(../images/arrow-slider-light.png);
  height: 16px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
main.account-pages .ac_slider .slick-prev {
  left: 2px;
  top: 40%;
  z-index: 9;
}
main.account-pages .ac_slider .slick-prev {
  transform: rotate(180deg);
}
main.account-pages .ac_slider .slick-next:before,
main.account-pages .ac_slider .slick-prev:before {
  opacity: 0;
}
main.account-pages .ac_slider .slick-next {
  right: 2px;
  z-index: 9;
}
main.account-pages .ac_slider.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main.terms-pages .col-center {
  padding-right: 0 !important;
}
main.terms-pages .col-center .card {
  background-color: var(--terms-card-color);
  margin-right: 12px;
  border-radius: 10px;
}
main.terms-pages .col-center .card .card-content {
  padding: 0;
}
main.terms-pages .col-center .card .card-content .terms_slider {
  margin: 0 0 5px;
  padding: 10px 10px 5px;
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 2.25rem;
  scrollbar-width: none;
}
main.terms-pages
  .col-center
  .card
  .card-content
  .terms_slider
  .terms_slider-scroll
  .terms_scroll-slider {
  display: flex;
  flex-wrap: nowrap;
  margin: 8px 0;
  gap: 16px;
}
main.terms-pages
  .col-center
  .card
  .card-content
  .terms_slider
  .terms_slider-scroll
  .terms_scroll-slider
  .item_main {
  display: inline-block;
  text-align: center;
}
main.terms-pages
  .col-center
  .card
  .card-content
  .terms_slider
  .terms_slider-scroll
  .terms_scroll-slider
  .item_main
  a {
  height: 40px;
  padding: 4px 14px 4px 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--terms-slider-bg);
  box-shadow: var(--terms-slider-shadow);
}
main.terms-pages
  .col-center
  .card
  .card-content
  .terms_slider
  .terms_slider-scroll
  .terms_scroll-slider
  .item_main
  a.active {
  border: 2px solid var(--terms-text-color);
}
main.terms-pages
  .col-center
  .card
  .card-content
  .terms_slider
  .terms_slider-scroll
  .terms_scroll-slider
  .item_main
  a
  .item_details {
  display: flex;
  align-items: center;
}
main.terms-pages
  .col-center
  .card
  .card-content
  .terms_slider
  .terms_slider-scroll
  .terms_scroll-slider
  .item_main
  a
  .item_details
  .title {
  font-size: 13px;
  font-weight: 600;
  color: var(--terms-title-color);
  line-height: 25px;
  margin-left: 6px;
  text-align: left;
  white-space: nowrap;
}
main.terms-pages .col-center .card .card-content .terms_slider.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main.terms-pages .col-center .card .card-content .terms {
  width: 100%;
  display: table;
}
main.terms-pages .col-center .card .card-content .terms .terms-content form {
  margin: 0 0 20px;
  padding: 0 15px !important;
}
main.terms-pages .col-center .card .card-content .terms .terms-content form p {
  margin: 10px 0;
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 400;
}
main .dataTables_wrapper .dataTables_length label {
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
}
main .dataTables_wrapper .dataTables_length select {
  display: inline-block;
  width: auto;
  height: auto;
  border: 1px solid var(--border-color);
  font-size: 12px;
  font-weight: 600;
}
main .dataTables_wrapper .dataTables_filter label {
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
}
main .dataTables_wrapper .dataTables_filter input {
  height: auto;
  width: auto;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 600;
}
main .dataTables_wrapper .dataTables_filter input.active,
main .dataTables_wrapper .dataTables_filter input:focus {
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
}
main .dataTables_wrapper .dataTables_info {
  padding-left: 15px;
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
}
main .dataTables_wrapper .dataTables_paginate {
  padding-top: 10px;
  padding-right: 10px;
}
main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: var(--white-text) !important;
  border: 1px solid var(--primary-color);
  border-radius: 6px;
  background: var(--primary-color);
  box-shadow: 0 0 2px 0 var(--primary-color);
  font-weight: 600;
}
main .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--secondary-color);
  color: var(--primary-color) !important;
  transition: all ease-in 0.3s;
  border: 1px solid var(--secondary-color);
  box-shadow: 0 0 2px 0 var(--secondary-color);
}
main .dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-top: 0.25rem;
  padding: 0.25em 0.65em;
  color: var(--primary-text-color) !important;
  font-size: 12px;
  font-weight: 600;
}
main .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--black-text) !important;
  border: 1px solid var(--background-color);
  border-radius: 6px;
  background: var(--background-color);
  box-shadow: 0 0 2px 0 var(--background-color);
  transition: all ease-in 0.3s;
}
main .label-danger,
main .label-info,
main .label-success {
  background-color: #5bc0de;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
main .label-success {
  background-color: #337ab7;
}
main .label-danger {
  background-color: #d9534f;
}
main .bet-collapse {
  padding: 5px;
  display: flex;
  display: none;
  position: relative;
  border-bottom: 1px solid var(--border-color);
  background-color: var(--bet-collapse-bg);
}
main .bet-collapse.back {
  background-image: linear-gradient(
    180deg,
    var(--back-color),
    var(--bet-collapse-bg)
  );
  border-top: 3px solid var(--back-color);
  margin-top: 2px;
}
main .bet-collapse.back .bet-cont .bet-input-container .bid-rate a {
  border-bottom: 3px solid var(--back-color);
}
main .bet-collapse.back .bet-cont .bet-input-container .bid-rate a.active,
main .bet-collapse.back .bet-cont .bet-input-container .bid-rate a:focus,
main .bet-collapse.back .bet-cont .bet-input-container .bid-rate a:hover {
  background-color: var(--back-color);
  transition: all ease-in 0.2s;
  outline: 0;
}
main .bet-collapse.lay {
  border-top: 3px solid var(--lay-color);
  background-image: linear-gradient(
    180deg,
    var(--lay-color),
    var(--bet-collapse-bg)
  );
  margin-top: 2px;
}
main .bet-collapse.lay .bet-cont .bet-input-container .bid-rate a {
  border-bottom: 3px solid var(--lay-color);
}
main .bet-collapse.lay .bet-cont .bet-input-container .bid-rate a.active,
main .bet-collapse.lay .bet-cont .bet-input-container .bid-rate a:focus,
main .bet-collapse.lay .bet-cont .bet-input-container .bid-rate a:hover {
  background-color: var(--lay-color);
  transition: all ease-in 0.2s;
  outline: 0;
}
main .bet-collapse .bet-cont {
  display: block;
  width: 100%;
}
main .bet-collapse .bet-cont .bet-input-container .form-inline {
  flex-flow: row wrap;
}
main .bet-collapse .bet-cont .bet-input-container .form-inline .col {
  padding: 0 5px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group {
  position: relative;
  display: inline-block;
  width: auto;
  margin-bottom: 0;
  margin-right: 5px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  div {
  display: inline-block;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .input-group-prepend {
  margin-right: 0;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .input-group-prepend
  .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .input-group-append {
  margin-left: 0;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .input-group-append
  .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary {
  padding: 5px 5px;
  height: 30px;
  min-height: 30px;
  line-height: 15px;
  width: 30px;
  min-width: 30px;
  color: var(--game-list-time-color);
  background-color: var(--bet-collapse-btn-color);
  border: none;
  border-radius: 3px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary
  i {
  font-size: 12px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary.active,
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary:focus,
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .input-group
  .btn-secondary:hover {
  background-color: var(--secondary-color);
  color: var(--primary-text-color);
  transition: all ease-in 0.2s;
  outline: 0;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .col
  .spin-wrapper {
  display: flex;
  justify-content: end;
  margin-bottom: 8px;
  align-items: center;
}
main .bet-collapse .bet-cont .bet-input-container .form-inline .match-title {
  color: var(--game-list-time-color);
  font-weight: 600;
  font-size: 12px;
  position: relative;
  top: 0.5px;
  display: inline-block;
  width: auto;
  margin-right: 5px;
}
main .bet-collapse .bet-cont .bet-input-container .form-inline .form-control {
  position: relative;
  top: 1px;
  background-color: var(--background-color);
  border: none;
  color: var(--primary-text-color);
  font-weight: 600;
  font-size: 14px;
  padding: 0 5px;
  box-shadow: none;
  height: 30px;
  line-height: 1.5;
  width: 100%;
  max-width: 75px;
  margin: 0;
}
main .bet-collapse .bet-cont .bet-input-container .form-inline .m-info {
  line-height: 24px;
  vertical-align: middle;
  margin: 0 3px;
  position: absolute;
  right: 2px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .m-info
  a.closemarket {
  font-size: 13px;
  cursor: pointer;
  font-weight: 400;
  width: 15px;
  text-align: center;
}
main .bet-collapse .bet-cont .bet-input-container .form-inline .m-info a i {
  color: var(--primary-text-color);
}
main .bet-collapse .bet-cont .bet-input-container .form-inline .odd-info {
  line-height: 24px;
  vertical-align: middle;
  margin: 0;
  position: relative;
  right: 2px;
  display: inline-block;
  width: 75px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .form-inline
  .odd-info
  .profit {
  color: var(--in-play);
  font-weight: 600;
  font-size: 14px;
}
main .bet-collapse .bet-cont .bet-input-container .form-inline .odd-info .loss {
  color: var(--stake-color);
  font-weight: 600;
  font-size: 14px;
}
main .bet-collapse .bet-cont .bet-input-container .bid-rate a {
  display: inline-block;
  color: var(--white-text);
  background-color: var(--bet-collapse-btn-color);
  border: none;
  padding: 4px 12px;
  margin: 3px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  text-transform: uppercase;
  border-radius: 4px;
  min-width: 40px;
  line-height: 1.3;
}
main .bet-collapse .bet-cont .bet-input-container .bid-rate a.clear-btn {
  background-color: var(--bet-collapse-btn-color);
  text-transform: capitalize;
  border-bottom: 3px solid var(--stake-color);
}
main .bet-collapse .bet-cont .bet-input-container .bid-rate a.clear-btn.active,
main .bet-collapse .bet-cont .bet-input-container .bid-rate a.clear-btn:focus,
main .bet-collapse .bet-cont .bet-input-container .bid-rate a.clear-btn:hover {
  background-color: var(--stake-color);
  transition: all ease-in 0.2s;
  color: var(--secondary-text-color);
}
main .bet-collapse .bet-cont .bet-input-container .bid-rate a.active,
main .bet-collapse .bet-cont .bet-input-container .bid-rate a:focus,
main .bet-collapse .bet-cont .bet-input-container .bid-rate a:hover {
  color: var(--black-text);
}
main .bet-collapse .bet-cont .bet-input-container .betslip-button {
  text-align: right;
}
main .bet-collapse .bet-cont .bet-input-container .betslip-button button {
  border-radius: 30px;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.8;
  padding: 5px 25px !important;
  width: auto;
  height: auto;
  cursor: pointer;
  margin: 5px 0 5px 5px;
  font-size: 13px;
  text-transform: capitalize;
  float: right;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0.0625em 0.0625em,
    rgba(0, 0, 0, 0.25) 0 0.125em 0.5em,
    rgba(255, 255, 255, 0.1) 0 0 0 1px inset;
  transition: all 0.2s;
  position: relative;
  opacity: 0.8;
}
main .bet-collapse .bet-cont .bet-input-container .betslip-button button::after,
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button::before {
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button::after {
  opacity: 1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: 0;
  border-radius: 30px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-cancel {
  color: var(--stake-color);
  background: linear-gradient(
    to right,
    var(--stake-color) 50%,
    var(--bet-collapse-btn-color) 50%
  );
  background-size: 210% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-cancel.active,
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-cancel:hover {
  color: var(--white-text);
  background-position: left bottom;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-bet {
  color: var(--secondary-text-color);
  background: linear-gradient(to right, #025f18 50%, var(--in-play) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-bet.active,
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button.btn-bet:hover {
  background-position: left bottom;
}
main .bet-collapse .bet-cont .bet-input-container .betslip-button button i {
  font-size: 12px;
  padding: 0 2px;
}
main .bet-collapse .bet-cont .bet-input-container .betslip-button button img {
  width: 11px;
}
main .bet-collapse .bet-cont .bet-input-container .betslip-button button svg {
  top: 2px;
  position: relative;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  button
  svg
  path {
  fill: var(--white-text);
}
main .bet-collapse .bet-cont .bet-input-container .betslip-button .accept-odds {
  margin-right: 10px;
  position: relative;
  top: 7px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  .accept-odds
  label {
  color: var(--primary-text-color);
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  .accept-odds
  label
  .accept {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  padding-left: 22px;
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  .accept-odds
  label
  [type="checkbox"].filled-in:not(:checked)
  + span:not(.lever):after {
  height: 16px;
  width: 16px;
  top: 7px;
  border: 2px solid var(--primary-color);
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  .accept-odds
  label
  [type="checkbox"].filled-in:checked
  + span:not(.lever):after {
  height: 16px;
  width: 16px;
  top: 7px;
  border: 2px solid var(--primary-color);
  background-color: var(--primary-color);
}
main
  .bet-collapse
  .bet-cont
  .bet-input-container
  .betslip-button
  .accept-odds
  label
  [type="checkbox"].filled-in:checked
  + span:not(.lever):before {
  top: 4px;
  left: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid var(--secondary-color);
  border-bottom: 2px solid var(--secondary-color);
}
main .betslip-loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.65);
  display: none;
}
main .countdownHolder {
  font-size: 12px;
  font-weight: 500;
  line-height: initial;
  position: absolute;
  left: 5px;
  top: 0;
  height: 42px;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0;
}
main .countdownHolder .fa-clock {
  width: 14px;
}
main .countdownHolder .count-all {
  display: flex;
  padding: 0 7px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}
main .countdownHolder .count-all .countDays,
main .countdownHolder .count-all .countHours,
main .countdownHolder .count-all .countMinutes,
main .countdownHolder .count-all .countSeconds {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  color: var(--white-text);
}
main .countdownHolder .count-all .position {
  line-height: 1.1;
}
main .countdownHolder .count-all .position .txt {
  color: var(--white-text);
  font-weight: 500;
}
main .countdownHolder .count-all .digit {
  background-color: transparent;
  box-shadow: none;
  background-image: none;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 400;
}
main .countdownHolder .count-all .number {
  font-size: 20px;
  font-weight: 600;
}
main #casino-page .col-center {
  padding-right: 15px !important;
}
main #casino-page .all-casinos {
  background-color: var(--main-tabs-color);
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  border-radius: 20px;
  padding: 10px !important;
  margin-bottom: 10px;
}
main #casino-page .casino-slider .slick-slide img,
main #casino-page .casino-slider2 .slick-slide img {
  width: 100%;
}
main #casino-page .news-feed {
  position: relative;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--secondary-color);
  box-shadow: 2px 1px 6px var(--secondary-color);
  padding-right: 5px;
  color: #fff;
  border-radius: 0;
  padding-left: 30px;
  height: 35px;
  line-height: 35px;
}
main #casino-page .news-feed img {
  position: absolute;
  width: 20px;
  top: 8px;
}
main #casino-page .news-feed .marquee-style {
  margin-left: 30px;
}
main #casino-page .news-feed .marquee-news {
  display: inline;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 500;
}
main #casino-page .news-feed .marquee-news i {
  height: auto;
  line-height: 10px;
  font-size: 10px;
}
main #casino-page .news-feed .marquee-news .marquee-news-text {
  margin-left: 10px;
}
main #casino-page .main-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}
main #casino-page .main-title h3 {
  padding: 0 3px;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0;
  line-height: 33px;
  margin-top: 0;
  text-transform: uppercase;
  color: var(--primary-text-color);
  font-weight: 600;
  cursor: default;
  position: relative;
  display: inline-block;
}
main #casino-page .main-title .borderset {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  border: 2px solid var(--border-color);
  margin-right: 5px;
  border-radius: 10px;
  padding: 0 10px !important;
  font-size: 12px;
  line-height: 25px;
  color: var(--primary-text-color);
  background-color: var(--bg-color);
  display: flex;
  gap: 10px;
  align-items: center;
  text-transform: uppercase;
}
main #casino-page .main-title .borderset i {
  color: var(--black-text);
  font-size: 16px;
  line-height: normal;
}
main #casino-page .portfolio {
  padding: 5px 5px;
  margin-bottom: 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  flex-wrap: wrap;
}
main #casino-page .portfolio .port-content {
  padding: 4px;
  width: 16.66%;
  max-width: 190px;
  left: auto;
  right: auto;
  float: left;
  margin: 0 !important;
}
main #casino-page .portfolio .port-content .port-inner {
  width: 100%;
  height: auto;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
main #casino-page .portfolio .port-content .port-inner .blink-new {
  top: 10px;
  right: 6px;
}
main #casino-page .portfolio .port-content .port-inner .favourite-icon {
  position: absolute;
  color: var(--white-text);
  right: 10px;
  top: 6px;
  font-size: 20px;
  z-index: 999;
  transition: all 0.2s ease-in;
  opacity: 0;
}
main #casino-page .portfolio .port-content .port-inner .content h4 {
  text-align: center;
  margin: 0;
  line-height: 20px;
  margin-bottom: 5px;
}
main #casino-page .portfolio .port-content .port-inner .content h4 a {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  height: 18px;
  line-height: 18px;
  color: var(--white-text);
  background-color: transparent;
  border: none;
}
main #casino-page .portfolio .port-content .port-inner .content h4 a:hover {
  background-color: transparent;
}
main
  #casino-page
  .portfolio
  .port-content
  .port-inner
  .content
  h4
  .game-icon
  img {
  width: auto;
  margin: auto;
  display: table;
  max-width: 70px;
  max-height: 40px;
}
main #casino-page .portfolio .port-content .port-inner .thumb {
  display: flex;
}
main #casino-page .portfolio .port-content .port-inner .thumb img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  transition: ease-in-out 0.8s;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0.0625em 0.0625em,
    rgba(0, 0, 0, 0.25) 0 0.125em 0.5em,
    rgba(255, 255, 255, 0.1) 0 0 0 1px inset;
}
main #casino-page .portfolio .port-content .port-inner .port-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  right: 0;
  bottom: 10px;
  left: 0;
  opacity: 0;
  transition: 0.7s;
}
main #casino-page .portfolio .port-content .port-inner .port-btn img {
  width: 45px;
}
main #casino-page .portfolio .port-content .port-inner .port-btn a {
  color: var(--primary-text-color);
  padding: 0 15px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  border: 1px solid var(--primary-color);
  background-color: var(--button-color);
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  z-index: 2;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main #casino-page .portfolio .port-content .port-inner .port-btn a:hover {
  background-color: var(--secondary-color);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main #casino-page .portfolio .port-content .port-inner:hover::before {
  opacity: 0.8;
  background-color: var(--primary-text-color);
  z-index: 99;
  top: 0;
  border-radius: 8px;
  background-image: linear-gradient(#3f3f4f 10%, #000 100%);
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main #casino-page .portfolio .port-content .port-inner:hover .favourite-icon {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main
  #casino-page
  .portfolio
  .port-content
  .port-inner:hover
  .favourite-icon.active,
main
  #casino-page
  .portfolio
  .port-content
  .port-inner:hover
  .favourite-icon:hover {
  color: var(--stake-color);
}
main #casino-page .portfolio .port-content .port-inner:hover .port-btn {
  transform: translateY(10px);
  opacity: 1;
  z-index: 9;
}
main #casino-page .portfolio .port-content .port-inner:hover .thumb img {
  transform: scale(2);
  opacity: 0.4;
}
main #casino-page .casino-slider .port-content .port-inner,
main #casino-page .casino-slider2 .port-content .port-inner {
  margin: 8px 0;
}
main #casino-page .casino-slider .port-content .port-inner:hover::before,
main #casino-page .casino-slider2 .port-content .port-inner:hover::before {
  opacity: 0.8;
  background-color: var(--primary-text-color);
  z-index: 99;
  top: 0;
  border-radius: 8px;
  background-image: linear-gradient(#3f3f4f 10%, #000 100%);
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main #casino-page .casino-slider .port-content .port-inner:hover .port-btn,
main #casino-page .casino-slider2 .port-content .port-inner:hover .port-btn {
  transform: translateY(10px);
  opacity: 1;
  z-index: 9;
}
main #casino-page .casino-slider .slick-next,
main #casino-page .casino-slider .slick-prev,
main #casino-page .casino-slider2 .slick-next,
main #casino-page .casino-slider2 .slick-prev {
  background-color: var(--background-color);
  width: 50px;
  height: 50px;
  opacity: 0.8;
}
main #casino-page .casino-slider .slick-next::before,
main #casino-page .casino-slider .slick-prev::before,
main #casino-page .casino-slider2 .slick-next::before,
main #casino-page .casino-slider2 .slick-prev::before {
  color: var(--primary-text-color);
}
main #casino-page .casino-slider .slick-prev,
main #casino-page .casino-slider2 .slick-prev {
  left: 0;
  z-index: 9;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
main #casino-page .casino-slider .slick-next,
main #casino-page .casino-slider2 .slick-next {
  right: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
main #casino-page .show-all {
  border-radius: 8px;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 1.8;
  padding: 5px;
  color: var(--primary-text-color);
  cursor: pointer;
  font-size: 12px;
  text-transform: capitalize;
  float: right;
  transition: all 0.2s;
  position: relative;
}
main #casino-page .show-all.active,
main #casino-page .show-all:hover {
  transform: scale(1.1);
  font-weight: 600;
  transition: all 0.2s;
}
main #casino-page .top-title {
  border-radius: 20px;
  padding: 5px 5px 0 10px;
  margin: 0 0 10px;
  background-color: var(--main-tabs-color);
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 2.25rem;
  scrollbar-width: none;
}
main #casino-page .top-title .livecasino-scroll .livecasino-slider {
  display: flex;
  flex-wrap: nowrap;
}
main #casino-page .top-title .livecasino-scroll .livecasino-slider a {
  padding: 0 10px;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--live-tag);
  font-weight: 600;
  cursor: pointer;
  position: relative;
  display: inline-block;
  border-right: 1px solid var(--border-color);
  text-align: center;
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a
  .sports-icon {
  transition: all 0.5s;
}
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a:first-child::before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--primary-color);
  transition: 0.5s;
}
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a:first-child.active::before,
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a:first-child:hover::before {
  width: 94%;
}
main #casino-page .top-title .livecasino-scroll .livecasino-slider a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--primary-color);
  transition: 0.5s;
}
main #casino-page .top-title .livecasino-scroll .livecasino-slider a .txt {
  padding: 5px 0;
  opacity: 0.5;
  transition: all 0.5s;
  display: block;
  line-height: 1.5;
}
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a.active::before,
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a:hover::before {
  width: 100%;
}
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a.active
  .sports-icon,
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a:hover
  .sports-icon {
  transform: scale(1.2);
  transition: all 0.5s;
}
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a.active
  .txt,
main
  #casino-page
  .top-title
  .livecasino-scroll
  .livecasino-slider
  a:hover
  .txt {
  opacity: 1;
  transform: scale(1.2);
  transition: all 0.5s;
}
.whatsapp-icon {
  position: fixed;
  bottom: 120px;
  z-index: 99;
  right: 40px;
  cursor: pointer;
  display: none;
}
.whatsapp-icon a {
  width: 50px;
  height: 50px;
  display: block;
}
.whatsapp-icon a img {
  width: 100%;
}
.Scroll-top_icon {
  float: left;
  width: 100%;
  position: relative;
}
.scrollToTop {
  width: 50px;
  height: 50px;
  padding: 10px;
  text-align: center;
  background: var(--primary-color);
  font-weight: 700;
  text-decoration: none;
  position: fixed;
  bottom: 30px;
  right: 40px;
  display: none;
  z-index: 999;
  color: var(--secondary-color);
  border-radius: 100px;
  animation: puls 3s linear infinite;
  line-height: 30px;
}
@keyframes puls {
  0% {
    box-shadow: 0 0 0 0 #000;
  }
  40% {
    box-shadow: 0 0 0 20px rgba(231, 75, 60, 0);
  }
  80% {
    box-shadow: 0 0 0 20px rgba(231, 75, 60, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(231, 75, 60, 0);
  }
}
.scrollToTop:hover {
  text-decoration: none;
}
.scrollToTop svg {
  font-size: 20px;
}
.bet-start .header {
  font-size: 12px;
  font-weight: 400;
  color: var(--secondary-text-color);
  background-color: var(--btn-hover-bg);
  padding: 3px 3px;
  margin-top: 3px;
  line-height: 1;
}
.bet-start .header .row .col {
  padding: 0 0.25rem;
}
.bet-start .odd-title {
  padding: 3px 3px 3px 5px;
  color: var(--match-odd-text);
  background-color: var(--match-odd-title-bg);
  text-align: left;
  line-height: 1.3;
}
.bet-start .odd-title span {
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
}
.bet-start .odd-title .match-name {
  font-weight: 600;
  font-size: 9px;
}
.bet-start .bet-record {
  font-size: 11px;
  color: var(--white-text);
  padding: 4px 3px 3px;
  font-weight: 600;
  border-bottom: 1px solid var(--border-color);
  opacity: 0.8;
  line-height: 1.2;
}
.bet-start .bet-record.v-blue {
  background-image: linear-gradient(
    187deg,
    var(--back-color),
    var(--bet-collapse-bg) 50%
  );
}
.bet-start .bet-record.v-pink {
  background-image: linear-gradient(
    187deg,
    var(--lay-color),
    var(--bet-collapse-bg) 50%
  );
}
.bet-start .bet-record.row .col {
  padding: 0 0.25rem;
}
.bet-start .bet-record .beatteam {
  line-height: 12px;
  font-weight: 700;
  font-size: 11px;
}
.bet-start .bet-record .beatteam span.close-icon a {
  color: var(--black-text);
  margin-right: 2px;
}
.bet-start .average-odd {
  padding: 1px 5px;
}
.bet-start
  .average-odd
  [type="checkbox"].filled-in:not(:checked)
  + span:not(.lever):after {
  height: 16px;
  width: 16px;
}
.bet-start
  .average-odd
  [type="checkbox"].filled-in:checked
  + span:not(.lever):after {
  border: 2px solid var(--primary-color);
  background-color: var(--primary-color);
  width: 16px;
  height: 16px;
}
.bet-start
  .average-odd
  [type="checkbox"].filled-in:checked
  + span:not(.lever):before {
  width: 7px;
  height: 11px;
  border-right: 2px solid var(--secondary-color);
  border-bottom: 2px solid var(--secondary-color);
  top: -1px;
}
.bet-start .average-odd [type="checkbox"] + span:not(.lever) {
  padding-left: 25px;
  height: 18px;
  line-height: 15px;
  color: var(--primary-text-color);
  font-weight: 600;
  font-size: 12px;
}
.match-unmatch {
  position: fixed;
  bottom: 60px;
  right: 10px;
  z-index: 9;
  width: 50px;
}
.match-unmatch a {
  background-color: var(--primary-color);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
}
.match-unmatch a.active,
.match-unmatch a:focus,
.match-unmatch a:hover {
  cursor: pointer;
}
.match-unmatch a i {
  font-size: 22px;
  color: var(--primary-color);
}
.match-unmatch a .badge {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border-radius: 3px;
  min-width: 26px;
  font-size: 11px;
  font-weight: 700;
  width: auto;
  height: 16px;
  line-height: 17px;
  padding: 0 4px;
  position: absolute;
  top: -8px;
  right: 0;
}
.match-unmatch a #nav-icon1 {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 auto;
  transform: rotate(0);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.match-unmatch a #nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 20px;
  background: var(--secondary-color);
  border-radius: 20px;
  opacity: 1;
  left: 16px;
  transform: rotate(0);
  transition: 0.25s ease-in-out;
}
.match-unmatch a #nav-icon1 span:nth-child(1) {
  top: 16px;
}
.match-unmatch a #nav-icon1 span:nth-child(2) {
  top: 24px;
}
.match-unmatch a #nav-icon1 span:nth-child(3) {
  top: 32px;
}
.match-unmatch a #nav-icon1.open span:nth-child(1) {
  top: 23px;
  transform: rotate(135deg);
}
.match-unmatch a #nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.match-unmatch a #nav-icon1.open span:nth-child(3) {
  top: 23px;
  transform: rotate(-135deg);
}
.match-unmatch .dropdown-content {
  width: 96% !important;
  border-radius: 8px;
  top: calc(100% + 15px);
  background-image: url(../images/background-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  top: 75px !important;
  position: inherit;
  height: 69% !important;
}
.match-unmatch .bet-start {
  background-color: var(--bet-collapse-hover);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  margin: 15px;
}
.match-unmatch .bet-start .header {
  background-color: var(--bet-collapse-hover);
}
.match-unmatch .bet-start h5 {
  font-size: 14px;
  padding: 0 2px;
  font-weight: 700;
  padding-left: 5px;
  color: var(--primary-text-color);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  line-height: 25px;
  text-transform: uppercase;
  margin-top: 5px;
}
.match-unmatch .bet-start h5::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 5px;
  border-bottom: 2px solid var(--primary-color);
}
.blink {
  background-color: red;
  color: #fff;
  font-weight: 700;
  padding: 3px;
  border-radius: 30px;
  font-size: 8px;
  float: right;
  line-height: 100% !important;
  box-shadow: 0 0 10px red;
  margin-top: -26px;
  margin-left: -15px;
}
.blink_text {
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.blink-new {
  background-color: red;
  color: #fff;
  font-weight: 700;
  padding: 3px;
  border-radius: 30px;
  font-size: 8px;
  float: right;
  line-height: 100% !important;
  box-shadow: 0 0 10px red;
  position: absolute;
  top: -7px;
  right: -12px;
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modal {
  border-radius: 20px 20px 20px 20px;
  width: 45%;
  overflow-y: initial;
}
.modal .btn {
  position: relative;
  cursor: pointer;
}
.modal form {
  margin: 30px 15px;
}
.modal form .input-field {
  margin: 0;
}
.modal form .input-field label {
  text-align: left;
  top: 0;
  color: var(--primary-text-color);
  font-weight: 700;
  font-size: 14px;
}
.modal form .input-field input {
  border: none;
  padding: 5px 0 0 5px !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--primary-text-color);
  display: block;
  width: 100%;
  height: 30px !important;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.modal form .input-field input.valid[type="text"]:not(.browser-default),
.modal form .input-field input:focus {
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
}
.modal form .input-field input:focus + label {
  color: var(--primary-text-color) !important;
}
.modal .submit-btn a.btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 180px;
  float: right;
  height: 33px;
  display: block;
  color: var(--white-text);
  line-height: 2;
  font-size: 12px;
  box-shadow: none;
  font-weight: 600;
  border-radius: 30px;
  text-transform: uppercase;
  text-align: center;
  overflow: inherit;
  transition: all 0.2s;
}
.modal .submit-btn a.btn::after,
.modal .submit-btn a.btn::before {
  opacity: 0;
  transform-origin: center center 0 50%;
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
.modal .submit-btn a.btn::after {
  opacity: 1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: 0;
  border-radius: 30px;
}
.modal .submit-btn a.green:hover .animate-btn {
  z-index: 1;
  position: relative;
}
.modal .submit-btn a.green:hover::after {
  background-color: #176d1a !important;
  transition: all ease-in 0.4s;
  right: 0;
}
.modal .submit-btn a.red:hover .animate-btn {
  z-index: 1;
  position: relative;
}
.modal .submit-btn a.red:hover::after {
  background-color: #a21c12 !important;
  transition: all ease-in 0.4s;
  right: 0;
}
.modal .modal-content {
  padding: 0;
  overflow-x: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.modal .modal-content a.modal-close {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: var(--primary-text-color);
  top: 13px;
  right: 15px;
  z-index: 9;
}
.modal .modal-content h5 {
  position: relative;
  margin: 0;
  padding: 10px 10px 5px 15px;
  color: var(--primary-text-color);
  font-size: 16px;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 25px;
  font-weight: 600;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.modal .modal-content h5::after {
  content: "";
  position: absolute;
  width: 95%;
  bottom: 2px;
  left: 10px;
  border-bottom: 2px solid var(--primary-color);
}
.modal .modal-content .modal-body {
  padding: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
}
.modal .modal-content .modal-body p {
  margin: 10px 0;
  color: var(--game-list-time-color);
  font-size: 12px;
  font-weight: 600;
}
.modal
  .modal-content
  .modal-body
  [type="radio"].with-gap:checked
  + span:before {
  border: 2px solid var(--primary-color);
}
.modal .modal-content .modal-body [type="radio"].with-gap:checked + span:after,
.modal .modal-content .modal-body [type="radio"]:checked + span:after {
  background-color: var(--primary-color);
}
.modal .modal-content .modal-body [type="radio"].with-gap:checked + span:after,
.modal .modal-content .modal-body [type="radio"]:checked + span:after {
  border: 2px solid var(--primary-color);
}
.modal .modal-footer {
  padding: 4px 10px;
  border-radius: 0 0 20px 20px;
}
.modal .modal-footer .edit-btn,
.modal .modal-footer .modal-close {
  padding: 5px;
  z-index: 0;
  width: 100%;
  max-width: 180px;
  float: right;
  height: 33px;
  display: block;
  color: var(--white-text);
  line-height: 2;
  font-size: 12px;
  box-shadow: none;
  font-weight: 600;
  border-radius: 30px;
  text-transform: uppercase;
  text-align: center;
  overflow: inherit;
  position: relative;
  transition: all 0.2s;
}
.modal .modal-footer .edit-btn::after,
.modal .modal-footer .edit-btn::before,
.modal .modal-footer .modal-close::after,
.modal .modal-footer .modal-close::before {
  opacity: 0;
  transform-origin: center center 0 50%;
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
.modal .modal-footer .edit-btn::after,
.modal .modal-footer .modal-close::after {
  opacity: 1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: -1;
  border-radius: 30px;
}
.modal .modal-footer .edit-btn:hover .animate-btn,
.modal .modal-footer .modal-close:hover .animate-btn {
  z-index: 1;
  position: relative;
}
.modal .modal-footer .edit-btn:hover::after,
.modal .modal-footer .modal-close:hover::after {
  background-color: #a21c12 !important;
  transition: all ease-in 0.4s;
  right: 0;
}
.modal .modal-footer .edit-btn:before {
  border: 1px solid #4caf50;
}
.modal .modal-footer .edit-btn:hover {
  background-color: #2f7e32 !important;
}
#login-modal {
  background-image: url(../images/login-back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 8px;
  width: 100%;
  max-width: 750px;
}
#login-modal .modal-content {
  padding: 0;
  border-radius: 8px;
}
#login-modal .modal-content .modal-close {
  right: 1%;
  position: absolute;
  top: 2%;
  color: var(--primary-text-color);
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  z-index: 9999;
}
#login-modal .modal-content .modal-close i {
  font-size: 18px;
  position: relative;
  top: -7px;
}
#login-modal .login_to_go {
  width: 100%;
  margin: auto;
  max-width: 350px;
  position: relative;
  padding: 30px 0;
  min-height: calc(100vh - 77px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#login-modal .bg-color {
  background-color: #2b2f35;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  opacity: 0.98;
  z-index: -1;
  border-radius: 8px;
}
#login-modal .login-form {
  text-align: center;
  margin: 0;
  display: flex;
  height: 100%;
  width: 100%;
}
#login-modal .login-form .left-side-col {
  width: 50%;
  z-index: 5002;
  background: #2b2f35;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#login-modal .login-form .right-side-col {
  background-color: #43444a;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  width: 50%;
  z-index: 5001;
}
#login-modal .login-form .login-logo {
  height: 65px;
}
#login-modal .login-form .login-logo img {
  max-width: 100%;
  height: 35px;
  margin: 10px 0 0;
}
#login-modal .login-form .login-logo .welcome {
  text-align: center;
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 600;
}
#login-modal .login-form .login-detail {
  padding: 20px 30px 5px;
}
#login-modal .login-form .login-detail .or-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--secondary-text-color);
  margin-bottom: 0;
}
#login-modal .login-form .login-detail form {
  margin: 0;
}
#login-modal .login-form .login-detail .user_input {
  padding: 0;
  margin: 0;
}
#login-modal .login-form .login-detail .user_input label {
  text-align: left;
  top: 18px;
  left: 0;
  color: var(--secondary-text-color);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
}
#login-modal .login-form .login-detail .user_input .eye_icon {
  float: right;
  left: 0;
  margin-top: -20px;
  position: relative;
  z-index: 2;
  font-size: 14px;
  cursor: pointer;
  color: #ccc;
}
#login-modal .login-form .login-detail input {
  border: none;
  padding: 20px 0 0 5px !important;
  border-bottom: 1px solid #b2b2b2 !important;
  color: #ccc;
  display: block;
  width: 98%;
  height: 25px !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 0 !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#login-modal .login-form .login-detail input::-webkit-input-placeholder {
  color: #ccc !important;
  font-size: 12px;
}
#login-modal .login-form .login-detail input:-moz-placeholder {
  color: #ccc !important;
  font-size: 12px;
}
#login-modal .login-form .login-detail input::-moz-placeholder {
  color: #ccc !important;
  font-size: 12px;
}
#login-modal .login-form .login-detail input:-ms-input-placeholder {
  color: #ccc !important;
  font-size: 12px;
}
#login-modal .login-form .login-detail input:focus + label {
  color: var(--primary-text-color) !important;
}
#login-modal .login-form .login-detail input:focus {
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
}
#login-modal .login-form .login-detail .remember-field {
  margin: 10px 0;
}
#login-modal .login-form .login-detail .remember-field label {
  font-size: inherit;
}
#login-modal .login-form .login-detail .remember-field label span.keep {
  color: var(--secondary-text-color);
  font-size: 12px;
  line-height: 1;
  padding: 6px 5px 5px 25px;
  text-transform: capitalize;
}
#login-modal
  .login-form
  .login-detail
  .remember-field
  [type="checkbox"].filled-in:not(:checked)
  + span:not(.lever):after {
  height: 18px;
  width: 18px;
  top: 2px;
  background-color: var(--bg-color);
  border-radius: 3px;
}
#login-modal
  .login-form
  .login-detail
  .remember-field
  [type="checkbox"].filled-in:checked
  + span:not(.lever):after {
  top: 2px;
  height: 18px;
  width: 18px;
  color: var(--secondary-text-color);
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
#login-modal
  .login-form
  .login-detail
  .remember-field
  [type="checkbox"].filled-in:checked
  + span:not(.lever):before {
  border-right-color: var(--white-text);
  border-bottom-color: var(--white-text);
}
#login-modal .login-form .login-detail a.loginButton {
  background: var(--primary-color);
  border-color: var(--primary-color);
  padding: 5px;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-text);
  line-height: 2.1;
  font-size: 14px;
  box-shadow: none;
  font-weight: 700;
  border-radius: 8px;
  text-transform: uppercase;
  text-align: center;
  overflow: inherit;
  transition: all 0.2s;
  position: relative;
}
#login-modal .login-form .login-detail a.loginButton:hover {
  color: var(--black-text);
  background: var(--search-color);
  transition: all 0.3s;
}
#login-modal .login-form .login-detail a.loginButton:hover::after {
  right: 0;
  background: var(--secondary-color);
  transition: all 0.3s;
  height: 41px;
  top: -1px;
}
#login-modal .login-form .login-detail a.loginButton:hover .animate-btn {
  z-index: 1;
  position: relative;
}
#login-modal .login-form .login-detail a.loginButton img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 100%;
  line-height: 36px;
  padding: 5px;
  background-color: var(--secondary-color);
  transition: all 0.6s;
  z-index: 2;
}
#login-modal .login-form .login-detail a.loginButton .icon::after {
  content: "";
  width: 27px;
  z-index: 0;
  position: absolute;
  background: var(--secondary-color);
  top: 0;
  right: 16px;
  bottom: 0;
  transform: skewX(33deg);
  transition: background 0.6s;
}
#login-modal .login-form .login-detail a.loginButton::after,
#login-modal .login-form .login-detail a.loginButton::before {
  opacity: 0;
  transform-origin: center center 0 50%;
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
#login-modal .login-form .login-detail a.loginButton::after {
  opacity: 1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: 0;
  border-radius: 6px;
}
#login-modal .login-form .login-detail .captcha-terms {
  text-align: left;
  display: block;
}
#login-modal .login-form .login-detail .captcha-terms a {
  color: #4a7a8b;
}
#login-modal .login-form .login-detail .power-by {
  color: var(--secondary-text-color);
  margin-top: 30px;
}
#login-modal .login-form .login-detail .power-by h5 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
}
#login-modal .login-form .login-detail .power-by span {
  text-align: left;
  display: block;
  font-size: 14px;
}
#login-modal .login-form .login-detail .power-by span b {
  display: block;
}
#login-modal .login-form .mobile-app {
  padding: 3px 30px;
  margin-top: 0;
}
#login-modal .login-form .mobile-app p {
  color: var(--secondary-text-color);
  margin-top: 0;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 7px;
}
#login-modal .login-form .mobile-app .download-btn {
  background: var(--primary-color);
  border-color: var(--primary-color);
  padding: 5px;
  width: 100%;
  height: 40px;
  display: block;
  color: var(--white-text);
  line-height: 2.1;
  font-size: 14px;
  box-shadow: none;
  font-weight: 700;
  border-radius: 8px;
  text-transform: uppercase;
  text-align: center;
  overflow: inherit;
  transition: all 0.2s;
  position: relative;
}
#login-modal .login-form .mobile-app .download-btn:hover {
  color: var(--black-text);
  background: var(--search-color);
  transition: all 0.3s;
}
#login-modal .login-form .mobile-app .download-btn:hover::after {
  right: 0;
  background: var(--secondary-color);
  transition: all 0.3s;
}
#login-modal .login-form .mobile-app .download-btn:hover .animate-btn {
  z-index: 1;
  position: relative;
}
#login-modal .login-form .mobile-app .download-btn img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 31px;
  height: 100%;
  line-height: 36px;
  padding: 5px;
  background-color: var(--secondary-color);
  transition: all 0.6s;
  z-index: 2;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
#login-modal .login-form .mobile-app .download-btn svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 31px;
  height: 100%;
  line-height: 36px;
  padding: 5px;
  background-color: var(--secondary-color);
  transition: all 0.6s;
  z-index: 2;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
#login-modal .login-form .mobile-app .download-btn svg path {
  fill: var(--primary-color);
}
#login-modal .login-form .mobile-app .download-btn .icon::after {
  content: "";
  width: 27px;
  z-index: 0;
  position: absolute;
  background: var(--secondary-color);
  top: 0;
  right: 18px;
  bottom: 0;
  transform: skewX(33deg);
  transition: background 0.6s;
}
#login-modal .login-form .mobile-app .download-btn::after,
#login-modal .login-form .mobile-app .download-btn::before {
  opacity: 0;
  transform-origin: center center 0 50%;
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
#login-modal .login-form .mobile-app .download-btn::after {
  opacity: 1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: 0;
  border-radius: 8px;
}
#login-modal .login-form .mobile-app .app-title .place-bet {
  color: var(--secondary-text-color);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 10px;
  margin-top: 28px;
}
#login-modal .login-form .mobile-app .app-title .place-bet span {
  color: var(--primary-color);
}
#login-modal .login-form .mobile-app .app-title .sub-title {
  color: var(--secondary-text-color);
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 27px;
  line-height: 1.2;
}
#login-modal .social {
  width: 30px;
  height: 30px;
  margin: 2px 5px;
  display: inline-block;
}
#one-click.modal
  .modal-content
  .modal-body
  .one-click-setting
  .add-custom-stake {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 5px;
  cursor: pointer;
  margin-top: 2px;
  color: var(--primary-text-color);
}
#one-click.modal .modal-content .modal-body .one-click-setting a {
  font-weight: 500;
  padding: 6px 5px;
  text-align: center;
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  background-color: var(--white-text);
  color: var(--black-text);
  margin: 5px;
  width: 24%;
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
}
#one-click.modal .modal-content .modal-body .one-click-setting a.select,
#one-click.modal .modal-content .modal-body .one-click-setting a:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
  transition: all ease-in 0.3s;
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
}
#one-click.modal .modal-content .modal-body .one-click-setting a.btn {
  color: var(--secondary-text-color);
  width: 47%;
  line-height: 22px;
}
#one-click.modal .modal-content .modal-body .one-click-setting .click-form {
  margin: 0;
}
#one-click.modal
  .modal-content
  .modal-body
  .one-click-setting
  .click-form
  .click-input {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  border-radius: 8px;
  background-color: var(--white-text);
  color: var(--black-text);
  margin: 5px;
  width: 24%;
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
}
#one-click.modal
  .modal-content
  .modal-body
  .one-click-setting
  .click-form
  .click-input
  .input-field {
  padding: 0;
}
#one-click.modal
  .modal-content
  .modal-body
  .one-click-setting
  .click-form
  .click-input
  .input-field
  input {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
  border-radius: 8px;
  border-bottom: 1px solid transparent !important;
  transition: none;
  color: var(--black-text) !important;
}
#one-click.modal
  .modal-content
  .modal-body
  .one-click-setting
  .click-form
  .click-input
  .input-field
  input:focus {
  background-color: var(--primary-color);
  color: var(--secondary-text-color) !important;
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
}
#add-market {
  background-color: var(--background-color);
}
#add-market.modal .modal-content .modal-body .betslip-match-list .collapsible {
  border-radius: 8px;
  box-shadow: none;
  padding: 0;
  margin-bottom: 5px;
  border: none;
  margin: 0;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  .collapsible
  .panel-heading {
  color: var(--primary-text-color);
  border-bottom: 0;
  padding: 2px 10px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  .collapsible
  .collapsible-header {
  line-height: 2.1;
  background-color: transparent;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  .collapsible
  .collapsible-header
  a.panel-title {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  margin-top: 0;
  color: var(--primary-text-color);
  padding-left: 5px;
  display: flex;
  align-items: center;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  .collapsible
  .collapsible-header
  a
  img {
  width: 60px;
  margin-right: 8px;
  background: 0 0 !important;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  .collapsible
  .collapsible-header
  i.fa-plus-circle {
  margin-right: 0;
  position: absolute;
  right: 0;
  font-size: 18px;
  line-height: 1.5;
  top: 5px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  .collapsible
  .collapsible-body {
  padding: 0;
  border: none;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  .collapsible
  .dots
  i.fa-plus-circle {
  color: var(--primary-text-color);
  margin-right: 0;
  font-size: 20px;
  line-height: 25px;
  width: 20px;
  margin-left: auto;
  position: absolute;
  right: 6px;
  top: 4px;
}
#add-market.modal .modal-content .modal-body .betslip-match-list ul li {
  position: relative;
  margin: 0;
  list-style: none;
  border: 1px solid transparent;
  border-radius: 8px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapsible-header {
  border: none;
  padding: 0 10px;
  font-weight: 600;
  font-size: 12px;
  color: var(--primary-text-color);
  position: relative;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapsible-header
  a {
  color: var(--primary-text-color);
  display: block;
  align-items: center;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapsible-header
  a
  .in-play {
  display: inline-block;
  width: 90px;
  position: relative;
  top: 4px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapsible-header
  a
  .in-play
  i.fa-play {
  position: absolute;
  left: 4px;
  font-size: 8px;
  margin-right: 0;
  width: auto;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapsible-header
  a
  .game-name {
  color: var(--game-list-time-color);
  display: flex;
  font-weight: 500;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapsible-header
  a
  .game-name
  .subtitle {
  padding: 0 5px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapsible-header
  .title {
  line-height: 1.8;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapsible-header
  .fa-plus {
  color: var(--primary-text-color);
  margin-right: 0;
  font-size: 16px;
  line-height: 25px;
  width: 15px;
  margin-left: auto;
  transform: rotate(0);
  transition: transform 0.5s ease;
  position: absolute;
  right: 10px;
  top: 1px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapse-hover
  a {
  line-height: 1.5;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li
  .collapse-hover
  a
  .fa-plus {
  top: 5px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li.active
  .collapsible-header
  .fa-plus {
  transform: rotate(-45deg);
  transition: transform 0.5s ease;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li.active
  .collapsible-body
  .collapsible
  li {
  margin-left: 15px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li.active
  .collapsible-body
  .collapsible
  li
  .collapsible-header {
  border-left: 2px solid var(--secondary-color);
  margin: 1px 0 0 10px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li.active
  .collapsible-body
  .collapsible
  li
  .collapsible-header
  .fa-plus {
  transform: rotate(0);
  transition: transform 0.5s ease;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li.active
  .collapsible-body
  .collapsible
  li
  .collapse-hover:hover {
  background-color: var(--market-data-hover);
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li.active
  .collapsible-body
  .collapsible
  li
  .collapsible-body
  ul
  li
  .collapsible-header {
  border-left: 2px solid var(--primary-color);
  padding-left: 10px;
}
#add-market.modal
  .modal-content
  .modal-body
  .betslip-match-list
  ul
  li.active
  .collapsible-body
  .collapsible
  li.active
  .collapsible-header
  .fa-plus {
  transform: rotate(-45deg);
  transition: transform 0.5s ease;
}
.search-modal .modal {
  width: 100%;
  height: 100%;
  max-height: 100%;
  z-index: 999;
  top: 0 !important;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.search-modal .modal .modal-content {
  height: 100%;
}
.search-modal .modal .modal-content a.modal-close {
  font-size: 24px;
  top: 40px;
  right: 40px;
}
.search-modal .modal .modal-content a.modal-close i {
  border-radius: 50%;
  padding: 6px;
  width: 35px;
  height: 35px;
  text-align: center;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  font-size: 20px;
}
.search-modal .modal .modal-content a.modal-close:hover i {
  color: var(--secondary-text-color);
  border: 2px solid var(--secondary-text-color);
  transition: all ease-in 0.2s;
}
.search-modal .modal .modal-content .modal-body {
  position: relative;
  top: 15%;
  width: 100%;
  max-width: 1000px;
  text-align: center;
  margin-top: 30px;
  margin: auto;
  overflow-x: inherit;
  height: 100%;
}
.search-modal .modal .modal-content .modal-body form .logo-search {
  border-radius: 8px;
  background: var(--button-color);
}
.search-modal .modal .modal-content .modal-body form .logo-search .search-logo {
  background-image: url(../images/logo-dark.png);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.8;
  background-position: 15% 4px;
}
.search-modal .modal .modal-content .modal-body form .input-field {
  display: flex;
  justify-content: center;
  padding: 0;
}
.search-modal .modal .modal-content .modal-body form .input-field input {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 100%;
  background: var(--background-color);
  height: 25px !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  padding: 5px 0 5px 15px !important;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.search-modal .modal .modal-content .modal-body form .input-field input:focus {
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
  opacity: 1 !important;
  background-image: none;
}
.search-modal .modal .modal-content .modal-body form .input-field button {
  float: left;
  width: 15%;
  padding: 5px;
  color: var(--primary-text-color);
  background: var(--primary-color);
  font-size: 17px;
  border: none;
  cursor: pointer;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.search-modal .modal .modal-content .modal-body form .input-field button.active,
.search-modal .modal .modal-content .modal-body form .input-field button.focus,
.search-modal .modal .modal-content .modal-body form .input-field button:hover {
  background: var(--secondary-color);
  transition: all ease-in 0.2s;
}
.search-modal
  .modal
  .modal-content
  .modal-body
  form
  .input-field
  button.active
  i,
.search-modal
  .modal
  .modal-content
  .modal-body
  form
  .input-field
  button.focus
  i,
.search-modal
  .modal
  .modal-content
  .modal-body
  form
  .input-field
  button:hover
  i {
  color: var(--secondary-text-color);
}
#cbh.modal .modal-content .modal-body table tr td {
  color: var(--game-list-time-color);
  float: none;
}
#cbh.modal .modal-content .modal-body tfoot tr td label {
  color: var(--primary-text-color);
}
#cashout.modal {
  background-color: var(--background-color);
  background-image: unset;
  height: 320px;
  width: 370px;
  top: 50% !important;
  transform: translateY(-50%) scaleX(1) scaleY(1) !important;
}
#cashout.modal .modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100% !important;
}
#cashout.modal .modal-content .modal-close {
  position: absolute;
}
#cashout.modal .modal-content .modal-cashout-content svg {
  width: 80px;
  height: 60px;
}
#cashout.modal .modal-content .modal-cashout-content .cash-value {
  color: var(--cashout-popup-text);
  font-size: 22px;
  font-weight: 700;
  line-height: 16px;
  text-transform: capitalize;
}
#cashout.modal .modal-content .modal-cashout-content .desc {
  color: var(--cashout-detail);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
#cashout.modal .modal-content .modal-cashout-content .odd-changes {
  margin-top: 10px;
}
#cashout.modal .modal-content .modal-cashout-content .odd-changes label span {
  color: var(--cashout-detail);
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  padding-left: 25px;
}
#cashout.modal
  .modal-content
  .modal-cashout-content
  .odd-changes
  [type="checkbox"].filled-in:checked
  + span:not(.lever):after {
  border: 2px solid var(--cashout-bg);
  background-color: var(--cashout-bg);
  height: 16px;
  width: 16px;
  top: 1px;
}
#cashout.modal
  .modal-content
  .modal-cashout-content
  .odd-changes
  [type="checkbox"].filled-in:not(:checked)
  + span:not(.lever):after {
  height: 16px;
  width: 16px;
  top: 1px;
  border-color: var(--cashout-detail);
}
#cashout.modal
  .modal-content
  .modal-cashout-content
  .odd-changes
  [type="checkbox"].filled-in:checked
  + span:not(.lever):before {
  top: -2px;
  left: -1px;
}
#cashout.modal .modal-content .modal-cashout-content .buttons {
  gap: 10px;
  justify-content: center;
}
#cashout.modal .modal-content .modal-cashout-content .buttons .btn {
  color: var(--white-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  box-shadow: unset;
  position: relative;
}
#cashout.modal .modal-content .modal-cashout-content .buttons .btn.modal-close {
  top: 0;
  right: auto;
}
#matched-unmatched {
  overflow-x: hidden;
}
#matched-unmatched.modal .modal-content {
  height: calc(100% - 0px);
}
#matched-unmatched.modal .modal-content .modal-body {
  padding: 0;
  height: 100%;
}
#matched-unmatched.modal .modal-content h3 {
  margin: 10px;
  padding: 5px 10px 5px 5px;
  color: var(--black-text);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
}
#matched-unmatched.modal .modal-content h3::after {
  left: 5px;
}
#matched-unmatched.modal .modal-content .match-tabGroup {
  padding-bottom: 110px;
}
#matched-unmatched.modal .modal-content .match-tabGroup ul.tabs {
  position: fixed;
  bottom: 55px;
  background-color: #fafafa;
  z-index: 9;
}
#matched-unmatched.modal .modal-content .match-tabGroup ul .indicator {
  background-color: var(--primary-color);
}
#matched-unmatched.modal .modal-content .match-tabGroup ul li.tab a {
  color: var(--primary-text-color);
  background-color: transparent;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}
#matched-unmatched.modal .modal-content .match-tabGroup ul li.tab a .tab-badge {
  position: relative;
}
#matched-unmatched.modal
  .modal-content
  .match-tabGroup
  ul
  li.tab
  a
  .tab-badge
  .badge {
  background-color: var(--primary-color);
  color: var(--white-text);
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  min-width: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
  position: absolute;
  top: -12px;
  right: -20px;
  margin-left: 0;
  text-align: center;
}
#matched-unmatched.modal .modal-footer {
  background-color: #fafafa;
  height: 55px;
  padding: 0;
  border-top: none;
}
#matched-unmatched.modal .modal-footer a.modal-close {
  padding: 0;
  height: 35px;
  right: 10px;
  position: relative;
  background-color: var(--secondary-color);
  width: 35px;
  text-align: center;
  border-radius: 50%;
  top: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
}
#matched-unmatched.modal .modal-footer a.modal-close i {
  color: var(--primary-color);
  font-size: 20px;
  position: relative;
  top: 8px;
}
#matched-unmatched.modal .modal-footer a.modal-close::before {
  border: none;
}
#matched-unmatched.modal .modal-footer a.modal-close.active,
#matched-unmatched.modal .modal-footer a.modal-close:focus,
#matched-unmatched.modal .modal-footer a.modal-close:hover {
  background-color: transparent !important;
}
#campaign.modal {
  width: 460px;
  height: 340px;
}
#campaign.modal .modal-content {
  height: calc(100% - 0px);
}
#campaign.modal .modal-content .modal-body .coupen-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
#campaign.modal .modal-content .modal-body .coupen-details .coupens {
  width: 200px;
  height: 120px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background-image: url(../images/coupen-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 6px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  margin: 10px;
  float: left;
}
#campaign.modal .modal-content .modal-body .coupen-details .coupens .title {
  color: var(--primary-text-color);
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  padding: 3px 10px;
  display: block;
}
#campaign.modal .modal-content .modal-body .coupen-details .coupens .date1 {
  color: var(--primary-text-color);
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  padding: 1px 10px;
  line-height: 1.2;
  display: block;
}
#campaign.modal .modal-content .modal-body .coupen-details .coupens .date2 {
  color: var(--primary-text-color);
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  padding: 1px 10px;
  line-height: 1.2;
  display: block;
}
#campaign.modal .modal-content .modal-body .coupen-details .coupens .value {
  color: var(--secondary-text-color);
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  padding: 1px 10px;
  line-height: 25px;
  background-color: var(--primary-color);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
  height: 25px;
  margin: 5px;
  display: block;
}
#campaign.modal .modal-content .modal-body .coupen-details .expired {
  filter: grayscale(100%);
}
#change-password.modal {
  height: 55%;
}
#change-password.modal .modal-content .eye_icon {
  position: absolute;
  right: 10px;
  top: 38%;
  transform: translateY(-50%);
  z-index: 2;
  font-size: 14px;
  cursor: pointer;
  color: #ccc;
}
.modal-overlay {
  opacity: 0.7 !important;
}
.account-pages .footer {
  margin: 0 20px 20px 295px;
}
#casino-page .footer {
  margin: 0 20px 20px 20px;
}
.footer {
  padding-top: 5px;
  text-align: center;
  margin: 0 383px 20px 270px;
}
.footer .support-wrap {
  display: block;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 10px;
  text-align: center;
}
.footer .support-wrap h3 {
  color: rgba(0, 0, 0, 0.3);
  font-size: 15px;
  margin-right: 15px;
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
}
.footer .support-wrap span {
  margin-right: 10px;
  margin-bottom: 20px;
  display: inline-block;
}
.footer .support-wrap span.support-mail img {
  background-position: -392px -1849px;
  height: 22px;
  width: 22px;
  background-image: url(../images/main-se21de741bc.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.footer .support-wrap span.support-app img {
  background-position: -392px -2062px;
  height: 22px;
  width: 22px;
  background-image: url(../images/main-se21de741bc.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.footer .support-wrap span a {
  padding-left: 7px;
  color: var(--secondary-color);
  text-decoration: underline;
}
.footer .support-wrap span span {
  padding-left: 7px;
  margin-right: 0;
  margin-bottom: 0;
}
.footer .support-wrap span.support-telegram img {
  background-position: -392px -2001px;
  height: 22px;
  width: 22px;
  background-image: url(../images/main-se21de741bc.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.footer .power-wrap {
  display: block;
  width: 578px;
  margin: 0 auto 20px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
  max-width: 100%;
  border-radius: 8px;
  padding: 5px 10px 7px;
  color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
}
.footer .power-wrap h3 {
  margin: 0;
  line-height: 10px;
  float: left;
  font-size: 24px;
}
.footer .power-wrap h3 span {
  font-size: 10px;
  font-weight: 400;
}
.footer .power-wrap h3 img {
  background-position: 0 -314px;
  height: 18px;
  width: 107px;
  background-image: url(../images/login-s43e1ddf31a.png);
  background-repeat: no-repeat;
  display: block;
  vertical-align: middle;
}
.footer .power-wrap p {
  font-size: 11px;
  line-height: 14px;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  padding-left: 10px;
  margin: 3px 0 0 117px;
}
.footer .power-wrap p a {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: underline;
}
.footer .browser-wrap {
  margin: 5px auto;
  display: block;
  width: 95%;
  text-align: center;
  color: #656565;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
}
.footer .browser-wrap p {
  margin: 0;
}
.footer .browser-wrap img {
  background-position: 0 1px;
  height: 22px;
  width: 55px;
  background-image: url(../images/login-s43e1ddf31a.png);
  background-repeat: no-repeat;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.footer .links {
  text-align: center;
  display: inline-block;
  padding: 7px 0 7px;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
}
.footer .links ul {
  margin: 0 auto;
}
.footer .links ul li {
  position: relative;
  display: inline-block;
}
.footer .links ul li a {
  color: var(--primary-text-color);
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  padding-right: 10px;
  padding-left: 5px;
  border-right: solid 1px var(--primary-text-color);
}
.footer .links ul li:last-child a {
  border-right: none;
}
.footer .icons {
  padding: 15px 5px 5px 5px;
}
.footer .icons a {
  display: inline-block;
  padding: 0 3px;
}
.footer .icons a img {
  width: 50px;
  height: 50px;
}
.footer .social-media {
  padding: 10px 2px;
  border-bottom: 1px solid var(--border-color);
}
.footer .social-media a {
  width: 30px;
  height: 30px;
  margin: 2px 5px;
}
.footer .social-media a img {
  width: 30px;
  height: 30px;
}
.footer .copyright {
  padding-top: 10px;
  padding-bottom: 5px;
}
.footer .copyright .title {
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
}
.wrap {
  position: relative;
  margin: 3em 0;
}
.frame {
  height: 250px;
  line-height: 250px;
  overflow: hidden;
}
.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 50px;
}
.frame ul li {
  float: left;
  width: 227px;
  height: 100%;
  margin: 0 1px 0 0;
  padding: 0;
  background: #333;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}
.frame ul li.active {
  color: #fff;
  background: #a03232;
}
.scrollbar {
  margin: 0 0 1em 0;
  height: 0;
  background: #ccc;
  line-height: 0;
}
.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #292a33;
  cursor: pointer;
}
.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}
.pages {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
.pages li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  text-indent: -999px;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.pages li:hover {
  background: #aaa;
}
.pages li.active {
  background: #666;
}
.controls {
  margin: 25px 0;
  text-align: center;
}
.oneperframe {
  height: 300px;
  line-height: 300px;
}
.oneperframe ul li {
  width: 1140px;
}
.oneperframe ul li.active {
  background: #333;
}
.crazy ul li:nth-child(2n) {
  width: 100px;
  margin: 0 4px 0 20px;
}
.crazy ul li:nth-child(3n) {
  width: 300px;
  margin: 0 10px 0 5px;
}
.crazy ul li:nth-child(4n) {
  width: 400px;
  margin: 0 30px 0 2px;
}
.tag-live {
  position: absolute;
  top: 0;
  right: 10px;
  min-width: 33px;
  height: 12px;
  border-radius: 3px;
  padding-right: 3px;
  color: var(--white-text);
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  background-image: linear-gradient(180deg, #fb3434 0, #e80505 100%);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  display: flex;
  z-index: 1;
}
.tag-live strong {
  flex: 1;
  height: 100%;
  margin-right: 3px;
  padding: 0 2px;
  border-radius: 3px 0 0 3px;
  background-image: linear-gradient(180deg, #fff 0, #eee 89%);
  display: flex;
  color: var(--black-text);
  font-weight: 600;
}
.age_box li .btn-send,
.age_box li .secondary,
.back-gradient dd,
.bets .special_bet .fancy-info,
.bets-GH .special_bet .fancy-info,
.bets-HS .special_bet .fancy-info,
.lay-gradient dd,
.on_live .live_icon,
.on_live .live_icon span,
.on_live dd,
.tag-live,
.tag-live strong,
.tv-control a {
  justify-content: center;
  align-items: center;
}
@keyframes twinkling {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.count-0 {
  background-image: linear-gradient(180deg, #202323 0, #202323 100%);
}
html {
  scroll-behavior: smooth;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
.animatedFadeInUp {
  opacity: 0;
}
.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translatey(-10px);
  }
  to {
    opacity: 1;
    transform: translatey(0);
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
.animatedfadeInDown {
  opacity: 0;
}
.fadeInDown {
  opacity: 0;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
}
.login-disable {
  border: 1px solid #999;
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none;
}
.l-blue.spark,
.m-blue.spark,
.v-blue.spark {
  animation: sparkBack 0.5s ease;
}
@keyframes sparkBack {
  0% {
    background-color: #2cc9ff;
    color: #1e1e1e;
  }
  50% {
    background-color: #2cc9ff;
    color: #fff;
  }
  100% {
    background-color: #2cc9ff;
    color: #1e1e1e;
  }
}
.l-pink.spark,
.m-pink.spark,
.v-pink.spark {
  animation: sparkLay 0.5s ease;
}
@keyframes sparkLay {
  0% {
    background-color: #ff7fbe;
    color: #1e1e1e;
  }
  50% {
    background-color: #ff7fbe;
    color: #fff;
  }
  100% {
    background-color: #ff7fbe;
    color: #1e1e1e;
  }
}
.error {
  color: #dd4b39 !important;
  font-size: 12px;
  font-weight: 600;
  display: block;
  clear: left;
}
.betting-disabled {
  opacity: 0.5;
}
.base-timer {
  position: relative;
  width: 110px;
  height: 110px;
}
.base-timer__svg {
  transform: scaleX(-1);
}
.base-timer__circle {
  fill: none;
  stroke: none;
}
.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}
.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}
.base-timer__path-remaining.green {
  color: #41b883;
}
.base-timer__path-remaining.orange {
  color: orange;
}
.base-timer__path-remaining.red {
  color: red;
}
.base-timer__label {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
}
.blink-menu {
  animation: blinkingText 2s infinite;
}
@keyframes blinkingText {
  0% {
    color: red;
    opacity: 0;
    transform: scale(1);
  }
  49% {
    color: #0a8800;
    opacity: 0.8;
    transform: scale(1.2);
  }
  50% {
    color: #000;
    opacity: 0;
    transform: scale(1);
  }
  100% {
    color: #0992cc;
    opacity: 0.8;
    transform: scale(1.2);
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Placing-bet {
  font-size: 11px;
  font-weight: 700;
  color: #000 !important;
}
.animate {
  overflow: hidden;
  position: relative;
  float: right;
  width: 73px;
  height: 40px;
  left: 2px;
  top: -4px;
}
.animate .flip-animation {
  animation: flip-1 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
}
.animate .flip-animation li {
  color: var(--white-text);
  font-size: 9px;
  font-weight: 700;
  padding: 0;
  height: 39px;
  margin-bottom: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.animate .flip-animation li i.fa-play {
  position: relative;
  left: 0;
  top: 0;
  margin-right: 0;
}
.animate .flip-animation li.time_date {
  display: block;
  top: 5px;
  position: relative;
}
.animate .flip-animation li .date,
.animate .flip-animation li .time {
  color: var(--white-text) !important;
}
@keyframes flip-1 {
  0% {
    margin-top: -90px;
  }
  30% {
    margin-top: -60px;
  }
  55% {
    margin-top: -60px;
  }
  75% {
    margin-top: 0;
  }
  99.99% {
    margin-top: 0;
  }
  100% {
    margin-top: -90px;
  }
}
.market-runner-suspend {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  position: absolute;
  width: 432px;
  height: 100%;
  left: calc(100% - 432px);
  border-radius: 4px;
}
.market-runner-suspend-text {
  color: #888;
  font-size: 14px;
  font-weight: 600 !important;
  font-weight: 400;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
div.dataTables_length {
  margin-right: 1em;
}
.datepicker-date-display {
  display: none;
}
.datepicker-modal {
  max-width: 370px !important;
}
.datepicker-modal .select-wrapper {
  border: none !important;
  background-color: transparent !important;
}
.datepicker-modal .select-wrapper input.select-dropdown {
  padding: 0 !important;
}
.datepicker-modal .month-next svg,
.datepicker-modal .month-prev svg {
  fill: var(--primary-text-color);
}
.datepicker-table td.is-today {
  background-color: var(--primary-color) !important;
  color: var(--white-text) !important;
}
.datepicker-table td.is-selected {
  background-color: var(--primary-color) !important;
  color: var(--white-text) !important;
}
.datepicker-table td {
  color: var(--black-text);
}
.datepicker-cancel,
.datepicker-clear,
.datepicker-done,
.datepicker-today {
  color: var(--black-text) !important;
}
.month-next:focus,
.month-prev:focus {
  outline: 0;
  background-color: transparent;
}
.dropdown-content {
  height: auto;
  max-height: 330px;
  background-color: var(--modal-bg);
}
.dropdown-content li {
  min-height: 35px;
}
.dropdown-content li span {
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  padding: 5px 10px;
  color: var(--primary-text-color);
}
.gold {
  background-color: var(--primary-color) !important;
  color: var(--black-text) !important;
  font-size: 12px !important;
  font-weight: 600;
}
.btn-gold {
  background-color: var(--primary-color);
  box-shadow: 0 0 2px 0 var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-text);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
  padding: 3px 10px;
  margin-right: 3px;
}
.btn-gold:hover {
  color: var(--black-text);
  border: 1px solid var(--secondary-color);
  background: var(--secondary-color);
  box-shadow: 0 0 8px 0 var(--secondary-color);
  border-radius: 4px;
  transition: all ease-in 0.3s;
}
.txt-red {
  color: red;
}
.txt-black {
  color: #000;
}
.txt-green {
  color: green;
}
.select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid var(--primary-color) !important;
}
.account-pages .dropdown-content li > a,
.account-pages .dropdown-content li > span {
  color: var(--black-text);
  font-size: 12px;
  font-weight: 600;
}
.account-pages .select-wrapper input.select-dropdown {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.account-pages .datepicker {
  font-size: 12px !important;
  font-weight: 600;
  color: var(--primary-text-color);
}
.account-pages [type="checkbox"] + span:not(.lever) {
  font-size: 12px !important;
  font-weight: 600;
  color: var(--primary-text-color);
}
.account-pages [type="checkbox"].filled-in:checked + span:not(.lever):after {
  border: 2px solid var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}
.account-pages [type="checkbox"].filled-in:checked + span:not(.lever):before {
  border-right: 2px solid var(--black-text) !important;
  border-bottom: 2px solid var(--black-text) !important;
}
.fullScreenBtn {
  width: 35px !important;
  height: 24px;
  line-height: 27px;
  margin-top: 5px;
  position: absolute;
  background: var(--primary-color) !important;
  color: var(--secondary-color) !important;
  border-radius: inherit;
  cursor: pointer;
  margin-left: 5px;
  text-align: center;
}
.fullScreenBtn img {
  height: 15px;
}
.inplay-state {
  background-color: #7cb342 !important;
}
.inplay-state-timewise {
  color: #7cb342 !important;
}
.casino-search-box {
  padding: 5px;
  position: relative;
}
.casino-search-box::after {
  content: "";
  position: absolute;
  width: 96%;
  bottom: 0;
  left: 5px;
  border-bottom: 1px solid var(--border-color);
}
.casino-search-box .input-field {
  display: flex;
  padding: 0;
  margin: 0;
  position: relative;
}
.casino-search-box .input-field .fa-search {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 16px;
  color: var(--primary-text-color);
}
.casino-search-box .input-field .fa-times {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 16px;
  cursor: pointer;
  color: var(--primary-text-color);
}
.casino-search-box .input-field input {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  border: none;
  float: left;
  color: var(--primary-text-color);
  height: 25px;
  margin-bottom: 0;
  padding: 5px 0 5px 30px;
  background: var(--market-data-hover);
  border-radius: 16px;
  border-bottom: 2px solid transparent !important;
}
.casino-search-box .input-field ::-webkit-input-placeholder {
  color: var(--primary-text-color);
}
.casino-search-box .input-field ::-moz-placeholder {
  color: var(--primary-text-color);
}
.casino-search-box .input-field :-ms-input-placeholder {
  color: var(--primary-text-color);
}
.casino-search-box .input-field :-moz-placeholder {
  color: var(--primary-text-color);
}
.casino-search .all-games {
  display: block;
  float: left;
  margin: 5px 0 0;
  position: relative;
}
.casino-search .all-games::after {
  content: "";
  position: absolute;
  width: 96%;
  bottom: -5px;
  left: 5px;
  border-bottom: 1px solid var(--border-color);
}
.casino-search .all-games .category-title {
  font-size: 14px;
  color: var(--primary-text-color);
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin: 7px 0 7px 5px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  line-height: 28px;
}
.casino-search .all-games .category-title::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid var(--primary-color);
}
.casino-search .all-games .category-collection .item-collection {
  padding: 0;
  line-height: 1;
  min-height: 25px;
  width: 100%;
  display: flex;
  float: left;
  margin: auto;
  border-radius: 30px;
  cursor: pointer;
  margin-top: 1px;
}
.casino-search .all-games .category-collection .item-collection a.title {
  background-color: transparent;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 1.6;
  font-size: 10px;
  font-weight: 500;
  transition: none;
  padding: 0;
  text-transform: uppercase;
  width: 50%;
  float: left;
  padding: 3px;
  gap: 5px;
}
.casino-search .all-games .category-collection .item-collection a.title img {
  width: 25px;
  height: 25px;
}
.casino-search .all-games .category-collection .item-collection a.title.active,
.casino-search .all-games .category-collection .item-collection a.title:hover {
  background-color: transparent;
}
.casino-search
  .all-games
  .category-collection
  .item-collection
  a.title.active::after,
.casino-search
  .all-games
  .category-collection
  .item-collection
  a.title:hover::after {
  opacity: 0;
  transition: none;
}
.casino-search .all-games .category-collection .item-collection a.title::after {
  opacity: 0;
  transition: none;
}
.casino-search .all-games .category-collection .item-collection a.active,
.casino-search .all-games .category-collection .item-collection a:hover {
  background-color: var(--bet-collapse-btn-color) !important;
  transition: ease-in 0.2s;
  border-radius: 30px;
}
.casino-search .all-providers {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: block;
  float: left;
  margin: 5px 0 0;
}
.casino-search .all-providers .provider-title {
  font-size: 14px;
  color: var(--primary-text-color);
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin: 7px 0 7px 5px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  line-height: 28px;
}
.casino-search .all-providers .provider-title::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid var(--primary-color);
}
.casino-search .all-providers .provider-collection .provider-list {
  width: 50%;
  display: block;
  float: left;
  margin: auto;
  border-radius: 30px;
}
.casino-search .all-providers .provider-collection .provider-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px 2px 2px 2px;
  height: auto;
  cursor: pointer;
  border-radius: 8px;
}
.casino-search .all-providers .provider-collection .provider-list a img {
  border-radius: 8px;
  transition: all 0.5s;
}
.casino-search .all-providers .provider-collection .provider-list a.active img,
.casino-search .all-providers .provider-collection .provider-list a:hover img {
  transition: all 0.5s;
}
.toggle-switch {
  position: relative;
  top: 3px;
  margin: 0 5px;
}
.toggle-switch .content {
  display: flex;
  width: 33px;
}
.toggle-switch .toggle,
.toggle-switch label {
  height: 33px;
  border-radius: 100px;
}
.toggle-switch label {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.toggle-switch .toggle {
  position: absolute;
  width: 30px;
  height: 29px;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-switch .names {
  width: 100%;
  height: 30px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.toggle-switch .names p {
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  border-radius: 20px;
  width: 35px;
  height: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle-switch .names p i {
  height: 33px;
  line-height: 34px;
  font-size: 20px;
}
.toggle-switch .names p img {
  width: 20px;
  transition: all 0.5s;
}
.toggle-switch .names p.light img {
  width: 25px;
  transition: all 0.5s;
}
.toggle-switch .names p svg {
  transition: all 0.5s;
}
.toggle-switch [type="checkbox"] {
  display: none;
}
.toggle-switch [type="checkbox"]:checked + .switch-app label {
  transition: all 0.1s;
}
.toggle-switch
  [type="checkbox"]:not(:checked)
  + .switch-app
  label
  .names
  .light
  i {
  color: #4a6776;
  transition: all 0.3s;
  opacity: 0;
}
.toggle-switch
  [type="checkbox"]:not(:checked)
  + .switch-app
  label
  .names
  .light
  img {
  opacity: 0;
}
.toggle-switch
  [type="checkbox"]:not(:checked)
  + .switch-app
  label
  .names
  .light
  svg {
  opacity: 0;
}
.toggle-switch
  [type="checkbox"]:not(:checked)
  + .switch-app
  label
  .names
  .dark
  i {
  color: #858585;
  transition: all 0.3s;
}
.toggle-switch [type="checkbox"]:checked + .switch-app label .names .light i {
  color: #ff9b09;
}
.toggle-switch [type="checkbox"]:checked + .switch-app label .names .dark i,
.toggle-switch [type="checkbox"]:checked + .switch-app label .names .dark img {
  opacity: 0;
}
.toggle-switch [type="checkbox"]:checked + .switch-app label .names .dark i,
.toggle-switch [type="checkbox"]:checked + .switch-app label .names .dark svg {
  opacity: 0;
}
.toggle-switch [type="checkbox"]:not(:checked) + .switch-app label {
  transition: all 0.3s;
}
.toggle-switch [type="checkbox"]:not(:checked) + .switch-app .toggle {
  top: 2px;
  left: 2px;
  z-index: 1;
}
.toggle-switch [type="checkbox"]:checked + .switch-app .toggle {
  transform: translateX(100%);
  top: 2px;
  bottom: 2px;
  z-index: 1;
  opacity: 0;
}
.toggle-switch [type="checkbox"]:checked + .switch-app .dark {
  opacity: 1;
}
#liability table tr {
  color: var(--game-list-time-color);
  font-weight: 600;
  font-size: 12px;
}
#liability table tr td,
#liability table tr th {
  padding: 5px;
}
#liability table tr th {
  text-transform: uppercase;
  font-size: 13px;
  color: var(--primary-text-color);
}
#liability table tr td a {
  color: var(--game-list-time-color);
  font-weight: 700;
}
#liability table tfoot tr td {
  color: var(--primary-text-color);
}
.custom-sidenav {
  display: block;
  opacity: 1;
}
.pos-fix {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: auto;
  top: 95px;
  padding-right: 645px;
}
.tab-category {
  margin-top: 50px;
}
#casino-page main .portfolio .port-content .port-inner .thumb {
  display: flex;
}
#games-page main #casino-page .portfolio .port-content .port-inner .thumb {
  display: flex;
}
.cashOut-detail {
  position: relative;
  font-size: 12px;
  background-color: #ffa42d;
  border-radius: 5px;
  padding: 2px 5px;
  text-align: center;
  font-weight: 600;
  margin: 3px;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
}
.cashOut-detail a {
  color: #273a47;
}
.cashOut-detail a span {
  margin: 0 5px;
}
.cashOut-detail .lesscashout {
  color: #cc121a;
}
@media (max-width: 767px) {
  .market-runner-suspend {
    width: 143px !important;
    left: calc(100% - 143px) !important;
  }
  body::before {
    display: none;
  }
  body::after {
    display: none;
  }
  .maintenance .footer {
    margin: 0 !important;
  }
  .maintenance main.full-wrap .contain {
    top: 25%;
  }
  .maintenance main.full-wrap .contain h1 {
    font-size: 29px;
  }
  .maintenance header nav .top-header .brand-logo {
    left: 70px;
  }
  header .navbar-fixed {
    margin-bottom: 10px;
  }
  header .sidenav {
    margin-top: 62px;
    bottom: 0;
    padding-top: 0;
  }
  header .sidenav .upcoming-event {
    padding: 0 10px;
  }
  header .sidenav-height {
    margin-top: 55px !important;
  }
  header .sidenav-news-height {
    margin-top: 55px;
  }
  header .login-nav-height {
    margin-top: 55px !important;
  }
  header .sidenav-margin {
    margin-top: 62px;
  }
  header .top-20 {
    margin-top: 62px !important;
  }
  header nav {
    height: 100px;
    line-height: 80px;
  }
  header nav.nav_height {
    height: 62px !important;
  }
  header nav.nav_height .news-feed {
    top: 43px;
    color: var(--header-text-color);
  }
  header nav.news-height {
    height: 55px !important;
  }
  header nav#global-nav {
    height: 55px;
  }
  header nav .sidenav-trigger {
    margin: 0 10px;
    bottom: 12px !important;
    height: 30px;
    line-height: 30px;
    top: 12px;
  }
  header nav .top-header {
    padding: 0 0 0 5px;
    margin-top: 4px;
    height: 45px;
    position: relative;
  }
  header nav .top-header .brand-logo {
    height: 40px;
    line-height: 40px;
    left: 40px;
    margin-right: 1px;
  }
  header nav .top-header .brand-logo img {
    max-height: 15px;
  }
  header nav .top-header .main-header {
    display: none;
  }
  header nav .top-header .user-menus {
    display: flex;
    align-items: center;
  }
  header nav .top-header .user-menus .top-icon {
    position: relative;
  }
  header nav .top-header .user-menus .header-wpIcon {
    top: 2px;
    width: 20px;
  }
  header nav .top-header .user-menus .top-search-icon {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    min-width: 25px;
    top: 8px;
    left: 8px;
    height: 20px;
  }
  header nav .top-header .user-menus .top-search-icon i.fa-search {
    font-size: 16px;
    position: absolute;
    color: var(--primary-text-color);
    height: 20px;
  }
  header nav .top-header .user-menus ul {
    position: relative;
    top: 2px;
    display: block;
    padding: 3px 0 2px 3px;
    font-size: 12px;
    line-height: 15px;
  }
  header nav .top-header .user-menus ul li {
    float: right;
  }
  header nav .top-header .user-menus ul li.walletdropdown {
    display: block;
    width: 100%;
  }
  header nav .top-header .user-menus ul li.walletdropdown a {
    justify-content: end !important;
  }
  header nav .top-header .user-menus ul li #dropdownlist {
    min-width: 100px !important;
    top: 57px !important;
    position: absolute;
    right: 10px !important;
    left: auto !important;
    border-radius: 0;
    width: 170px !important;
    overflow: inherit;
    background-color: var(--background-color);
    transition: all 0.3s;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  }
  header nav .top-header .user-menus ul li #dropdownlist li a {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: var(--primary-text-color);
    border: none;
    border-radius: 0;
    height: 25px;
    line-height: 20px;
  }
  header nav .top-header .user-menus ul li.dashboard-btn a.btn {
    top: 0 !important;
    margin: 0;
    margin-right: 5px;
  }
  header nav .top-header .user-menus ul li.dashboard-btn a.btn.whatapp-btn {
    min-width: 50px;
    justify-content: center;
  }
  header nav .top-header .user-menus ul li a {
    padding: 1px 4px;
    font-size: 12px;
    height: 18px;
    line-height: 15px;
    border-radius: 20px;
    width: auto;
  }
  header nav .top-header .user-menus ul li a img {
    width: 12px;
    margin-right: 2px;
  }
  header nav .top-header .user-menus ul li a.dropdown-trigger {
    height: 25px;
    padding: 0 2px;
    top: 6px;
    position: relative;
    display: flex;
    align-items: center;
  }
  header nav .top-header .user-menus ul li a.dropdown-trigger.active,
  header nav .top-header .user-menus ul li a.dropdown-trigger:focus,
  header nav .top-header .user-menus ul li a.dropdown-trigger:hover {
    background-color: transparent;
    color: var(--primary-text-color);
  }
  header nav .top-header .user-menus ul li a.dropdown-trigger.active img,
  header nav .top-header .user-menus ul li a.dropdown-trigger:focus img,
  header nav .top-header .user-menus ul li a.dropdown-trigger:hover img {
    filter: none;
  }
  header nav .top-header .user-menus ul li a.dropdown-trigger.active i,
  header nav .top-header .user-menus ul li a.dropdown-trigger:focus i,
  header nav .top-header .user-menus ul li a.dropdown-trigger:hover i {
    color: var(--primary-text-color);
  }
  header nav .top-header .user-menus ul li a.active::after,
  header nav .top-header .user-menus ul li a:focus::after,
  header nav .top-header .user-menus ul li a:hover::after {
    background-color: transparent;
    opacity: 0;
  }
  header nav .top-header .user-menus .dropdown-content {
    top: 40px !important;
    right: 10px;
    display: none;
  }
  header nav .top-header .user-menus .dropdown-content li a {
    display: block;
  }
  header nav .top-header .user-menus li a.active::before,
  header nav .top-header .user-menus li a:hover::before {
    width: 0;
  }
  .dark #login-modal .modal-content .modal-close i {
    color: var(--primary-text-color);
  }
  .dark main #casino-page {
    padding-left: 0 !important;
  }
  .dark
    main
    .market-page
    .col-center
    .market-main
    .select-bet
    .fancy-bet
    .limit-profit
    p {
    color: var(--black-text);
  }
  .dark
    main
    .market-page
    .col-center
    .market-main
    .select-bet
    .fancy-bet
    .limit-profit
    p
    span {
    color: var(--black-text);
  }
  .dark main .col-center .live-tv-popup .popup-header h4 {
    font-weight: 500;
  }
  .dark .account-pages .footer {
    margin-top: 15px !important;
  }
  .top-20 {
    margin-top: 0 !important;
  }
  .tab-category {
    margin-top: 20px;
  }
  #cashout.modal .modal-content .modal-cashout-content svg {
    height: 50px;
  }
  #cashout.modal .modal-content .modal-cashout-content .cash-value {
    font-size: 19px;
  }
  #cashout.modal .modal-content .modal-cashout-content .desc {
    font-size: 15px;
  }
  #cashout.modal .modal-content .modal-cashout-content .buttons {
    margin-top: 20px !important;
  }
  .one-click-mobile {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    border-radius: 8px;
  }
  .one-click-mobile .collapsible {
    border-radius: 8px;
  }
  .one-click-mobile .collapsible .collapsible-header {
    border-radius: 8px;
    padding: 5px;
  }
  .one-click-mobile .collapsible .collapsible-header i {
    position: absolute;
    right: 0;
  }
  .one-click-mobile .collapsible .collapsible-body {
    padding: 10px;
    background-color: var(--background-color);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .one-click-mobile .collapsible .collapsible-body .one-click-setting {
    padding: 0;
  }
  .refresh {
    padding: 0 2px 0 2px;
    height: 23px;
    line-height: 25px;
    position: relative;
    width: 22px;
    float: right;
    display: block;
    z-index: 9;
  }
  .refresh a i {
    height: auto;
    line-height: inherit;
    font-size: 16px;
    color: var(--header-text-color);
  }
  .toggle-switch {
    position: absolute;
    top: 25px;
    right: 0;
    margin: 0 2px;
  }
  .toggle-switch .content {
    width: 20px;
    margin: auto;
    height: auto;
  }
  .toggle-switch .toggle,
  .toggle-switch label {
    height: 40px;
  }
  .toggle-switch .toggle {
    width: 16px;
    height: 40px;
  }
  .toggle-switch .names {
    height: 40px;
  }
  .toggle-switch .names p {
    width: 20px;
    height: 20px;
    text-align: initial;
    top: 14px;
  }
  .toggle-switch .names p i {
    position: absolute;
    left: 4px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }
  .toggle-switch [type="checkbox"]:checked + .switch-app .toggle {
    left: 5px;
  }
  .toggle-switch [type="checkbox"]:checked + .switch-app label .names .light i {
    left: 4px;
  }
  .login-toggle .toggle-switch {
    top: 8px;
    right: 110px;
  }
  .one-click-bet {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    min-width: 30px;
    top: 0;
    margin-bottom: 0;
    height: 40px;
    margin-right: 22px;
  }
  .one-click-bet .title {
    justify-content: flex-start;
    align-items: center;
  }
  .one-click-bet .title h3 {
    padding: 0 2px 0 5px;
    line-height: 36px;
    align-items: center;
  }
  .one-click-bet .title h3 a.modal-one {
    position: relative;
    display: flex;
    text-align: center;
  }
  .one-click-bet .title h3 a.modal-one .badge {
    margin-left: 0;
    background-color: var(--header-text-color);
    color: var(--secondary-text-color);
    padding: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 4px;
    float: left;
    display: block;
    min-width: 18px;
    height: 16px;
    position: relative;
    top: 3px;
    right: 0;
  }
  .one-click-bet .title h3 a.modal-one .badge::after {
    display: block;
    content: "";
    position: absolute;
    top: 40%;
    left: -5px;
    transform: rotate(90deg);
    border-top: 4px solid var(--header-text-color);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    width: 0;
  }
  .one-click-bet .title i.fa-plus {
    color: var(--primary-text-color);
    margin-right: 0;
    font-size: 14px;
    line-height: 28px;
    width: 15px;
    position: absolute;
    right: 5px;
    top: 3px;
    transform: rotate(0);
    transition: transform 0.5s ease;
  }
  .one-click-bet .custom-checkbox {
    padding: 5px;
  }
  .one-click-bet .one-click-collapse .content {
    width: 100%;
    box-shadow: none;
    top: 40px;
  }
  main.full-wrap {
    padding-top: 10px;
    min-height: calc(100% - 100px);
  }
  main #casino-page .all-casinos {
    padding: 5px !important;
  }
  main #casino-page .portfolio {
    margin: 2px;
    padding: 0;
    justify-content: center;
  }
  main #casino-page .portfolio .port-content {
    max-width: 134px;
  }
  main #casino-page .portfolio .port-content .port-inner .port-btn a {
    margin-top: 0;
    padding: 0 10px;
    height: 25px;
    line-height: 24px;
  }
  main #casino-page .col-center {
    padding-right: 5px !important;
  }
  main .col-center {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 60px !important;
  }
  main .col-center .marketBets,
  main .col-center .rightsidebar {
    position: relative;
    margin-top: inherit;
    display: block;
    float: left;
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  main .col-center .marketBets .livecasino .right-slider .slick-list,
  main .col-center .rightsidebar .livecasino .right-slider .slick-list {
    height: 750px !important;
  }
  main .col-center .marketBets .livecasino .main-title h3,
  main .col-center .rightsidebar .livecasino .main-title h3 {
    font-size: 14px;
  }
  main .col-center .marketBets .livecasino .main-title h3 img,
  main .col-center .rightsidebar .livecasino .main-title h3 img {
    width: 18px;
    margin-right: 5px;
  }
  main .col-center .marketBets .livecasino .game-slider,
  main .col-center .rightsidebar .livecasino .game-slider {
    padding: 10px 4px 0 6px;
    overflow-x: hidden;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item,
  main .col-center .rightsidebar .livecasino .game-slider .game-item {
    width: 48.6%;
    height: auto;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .thumb,
  main .col-center .rightsidebar .livecasino .game-slider .game-item .thumb {
    margin-bottom: -5px;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .thumb img,
  main
    .col-center
    .rightsidebar
    .livecasino
    .game-slider
    .game-item
    .thumb
    img {
    width: 100%;
    height: auto;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .caption h3,
  main
    .col-center
    .rightsidebar
    .livecasino
    .game-slider
    .game-item
    .caption
    h3 {
    font-size: 14px;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .play-btn,
  main .col-center .rightsidebar .livecasino .game-slider .game-item .play-btn {
    top: 30%;
    left: 0;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .play-btn a,
  main
    .col-center
    .rightsidebar
    .livecasino
    .game-slider
    .game-item
    .play-btn
    a {
    font-size: 15px;
  }
  main .col-center .live-tv-popup {
    margin-bottom: 10px;
  }
  main .col-center .live-tv-popup .popup-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  main .col-center .main-tabs {
    margin: 8px 0;
  }
  main .col-center .main-tabs .event-content {
    padding: 0;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data {
    margin: 0;
    padding: 10px 1px 5px 1px;
    display: block;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .team-market {
    padding: 0 5px !important;
    width: 100%;
    margin-bottom: 3px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .col-padding {
    width: 100%;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .display-initial {
    display: initial;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .game-subtitle {
    width: auto;
    padding-bottom: 0;
    text-transform: capitalize;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .market-count {
    display: block;
    width: 100%;
    margin: 0;
    line-height: 1.5;
    top: 0;
    text-align: right;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .market-count
    a
    i {
    top: 3px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .market-count.badge-right
    a {
    width: auto;
    min-width: 30px;
    margin-right: 7px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .market-count.badge-right
    a
    .badge {
    right: 0;
    top: 0;
    float: right;
    left: 6px;
    height: 14px;
    line-height: 0.9;
    min-width: 14px;
    border-radius: 10px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .market-count.badge-right
    a
    .badge::after {
    top: 23%;
    left: -4px;
    transform: rotate(90deg);
    bottom: auto;
    border-top: 10px solid var(--primary-color);
    border-left: 3px solid transparent;
    border-right: 4px solid transparent;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    a
    .game-name
    .versis-img {
    position: relative;
    top: -2px;
    line-height: 1.2;
    display: block;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    a
    .game-name
    .versis-img
    .vs-img {
    position: relative;
    top: 5px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li.active
    .collapsible-header::after {
    width: 35%;
  }
  main .market-page .col-center .market-main .select-bet .match-news {
    padding: 0 5px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname {
    padding: 5px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row {
    display: grid;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .countdownHolder {
    position: relative;
    text-align: right;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .event-name
    .team-mobile
    .right-side-mobile {
    text-align: center;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .event-name
    .team-mobile
    .team-title-full {
    display: inline-flex;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .event-name
    .team-mobile
    .vs-img
    img {
    filter: invert(1);
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .event-name
    .team-title-full {
    font-size: 16px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .date-time
    .date {
    font-size: 8px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .date-time
    .time {
    font-size: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .score-header
    h4 {
    font-size: 13px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .score-header.football
    h3 {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
    line-height: 18px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .score-header.football.span {
    font-size: 13px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .detail-score
    .match-centre-header {
    padding: 5px;
    display: block;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .detail-score
    .match-centre-header
    div {
    width: 100%;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .detail-score
    .match-centre-header
    .toss
    h2 {
    text-align: center;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .detail-score
    .match-centre-header
    .toss
    p {
    margin: -9px 0 0;
    font-size: 11px;
    text-align: center;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .detail-score
    .match-centre-header
    table
    th {
    padding: 5px;
    font-size: 13px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .detail-score
    .match-centre-body {
    padding: 0 5px 10px;
    display: block;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .detail-score
    .match-centre-body
    .overs {
    width: 100%;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .score-section
    .detail-score
    .match-centre-body
    .score-body {
    width: 100%;
    margin-left: 0 !important;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .fancy-bet
    .match-news {
    padding-right: 15px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .fancy-bet
    .limit-profit {
    display: flex;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .fancy-bet
    .limit-profit
    p {
    margin-right: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .fancy-bet
    .close-icon {
    right: 9px !important;
  }
  main .market-page .col-center .market-main .select-bet .team1 .team-name {
    position: relative;
    padding: 2px 5px !important;
  }
  main .market-page .col-center .market-main .select-bet .team1 .fancy-close {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .suspend
    .suspend-cont {
    flex-basis: 143px;
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  main .market-page .col-center .market-main .select-bet .limit-profit {
    padding-left: 10px;
    background-color: var(--bet-collapse-btn-color);
    border-radius: 2px;
    height: 25px;
    padding-right: 10px;
    justify-content: flex-start;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title {
    display: block;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title
    .price {
    position: relative;
    top: 2px;
    left: 5px;
    width: 100%;
    right: 0;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-title {
    display: flex;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-title
    .bettitle {
    line-height: 15px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-title
    .runner-silk {
    display: flex;
    align-items: center;
    padding: 0 2px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-title
    .runner-jockeyname {
    font-size: 11px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .bet-value {
    height: auto;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .non-runner {
    flex-basis: 145px;
    display: table;
    line-height: 20px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .hr-team {
    height: auto;
    top: 1px;
    position: relative;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .hr-team
    .bet-value {
    height: auto !important;
    display: flex;
    align-items: center;
  }
  main .market-page .col-center .market-main .no-match {
    height: 220px !important;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .input-group {
    float: left;
    margin-right: 0;
    width: 50%;
    text-align: left;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .input-group:last-child {
    text-align: right;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .input-group
    .btn-secondary {
    height: 30px;
    min-height: 30px;
    line-height: 20px;
    width: 30px;
    min-width: 30px;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .input-group
    .btn-secondary
    i {
    font-size: 15px;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .input-group
    .form-control {
    max-width: 50%;
    top: 1.5px;
    height: 30px;
  }
  main .bet-collapse .bet-cont .bet-input-container .form-inline .match-title {
    width: 65%;
    margin-bottom: 8px;
    text-align: left;
    float: left;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .betslip-button {
    margin: 5px 0;
    text-align: center;
    padding: 0 2px;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .betslip-button
    a {
    padding: 5px;
    width: 18.7%;
    margin: 2px;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .betslip-button
    button {
    width: 135px;
    height: 35px;
    margin: 0;
    text-align: center;
    font-size: 14px;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .betslip-button
    button.btn-cancel {
    margin-left: 0 !important;
    float: left;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .betslip-button
    .accept-odds {
    position: relative;
    top: 3px;
    width: 100%;
    display: block;
    float: left;
    text-align: right;
  }
  main #casino-page .portfolio .port-content {
    width: 50%;
    padding: 2px 3px 0 3px;
  }
  main #casino-page .portfolio .port-content .port-inner {
    width: 100%;
    height: auto;
  }
  main #casino-page .portfolio .port-content .port-inner .content h4 {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
  }
  main #casino-page .portfolio .port-content .port-inner .content h4 a {
    font-size: 14px;
    line-height: 20px;
  }
  main #casino-page .portfolio .port-content .port-inner .thumb img {
    width: 100%;
    height: auto;
  }
  main .countdownHolder {
    left: 0;
  }
  main .countdownHolder .number {
    font-size: 14px !important;
  }
  main .countdownHolder .position {
    line-height: 12px !important;
  }
  main .countdownHolder .txt {
    font-size: 7px;
  }
  main.terms-pages .col-center .card {
    margin-right: 2px;
  }
  main.terms-pages .col-center .card .card-content .ac_slider {
    padding: 10px 10px 5px;
  }
  main.account-pages .col-center .card-content .input-field.col {
    width: 50%;
  }
  .news-feed {
    width: auto !important;
    height: 15px;
    line-height: 14px;
    border-radius: 0;
    right: 1%;
    top: 53px;
    padding-left: 0;
    left: -45px;
    color: var(--primary-text-color);
  }
  .news-feed img {
    width: 20px;
    top: 2px;
  }
  .news-feed .marquee-style .marquee-news {
    font-size: 10px;
  }
  #login-modal {
    max-height: 100%;
    height: 100%;
    width: 100%;
  }
  #login-modal .login-form .left-side-col {
    width: 100%;
    padding-top: 0;
  }
  #login-modal .login-form .right-side-col {
    display: none;
  }
  #login-modal .login-form .login-logo {
    height: 45px;
  }
  #login-modal .login-form .login-logo img {
    height: 35px;
  }
  #login-modal .login-form .login-detail {
    padding: 20px 20px 5px;
  }
  #login-modal .login-form .login-detail .remember-field {
    margin: 0;
  }
  #login-modal .login-form .login-detail .row {
    margin-bottom: 10px !important;
  }
  #login-modal .login-form .mobile-app {
    padding: 0 20px;
    margin-top: 0;
  }
  #login-modal .login-form .mobile-app .app-title .place-bet {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  #login-modal .login-form .mobile-app .app-title .sub-title {
    margin-bottom: 5px;
    font-size: 12px;
  }
  #login-modal .modal-content .modal-close i {
    color: var(--secondary-text-color);
  }
  #login-modal .social {
    width: 25px;
    height: 25px;
  }
  #campaign.modal {
    width: 98%;
    height: 280px;
  }
  #campaign.modal .modal-content .modal-body {
    padding: 10px 2px;
  }
  #campaign.modal .modal-content .modal-body .coupen-details .coupens {
    width: 46%;
    height: 100px;
    margin: 4px;
  }
  #one-click.modal .modal-content .modal-body .one-click-setting a {
    width: 46%;
  }
  #one-click.modal .modal-content .modal-body .one-click-setting a.btn {
    width: 46%;
    margin: 5px 0 7px 7px;
  }
  #one-click.modal
    .modal-content
    .modal-body
    .one-click-setting
    .click-form
    .click-input {
    width: 46%;
  }
  #one-click.modal
    .modal-content
    .modal-body
    .one-click-setting
    .click-form
    .click-input:last-child {
    margin-right: 0;
  }
  #one-click.modal
    .modal-content
    .modal-body
    .one-click-setting
    .click-form
    .click-input
    .input-field
    input {
    box-shadow: none;
    height: 34px !important;
  }
  #one-click.modal
    .modal-content
    .modal-body
    .one-click-setting
    .click-form
    .click-input
    .input-field
    input:focus {
    padding: 0 !important;
  }
  #one-click .modal-footer a.btn {
    width: 47%;
  }
  #one-click .modal-footer .edit-btn.active::after,
  #one-click .modal-footer .edit-btn:hover::after {
    background-color: #2f7e32 !important;
  }
  #add-market {
    height: 100%;
    max-height: 97%;
    top: 10px !important;
    bottom: 10px;
  }
  #add-market.modal
    .modal-content
    .modal-body
    .betslip-match-list
    ul
    li
    .collapsible-header
    a
    .game-name {
    display: block;
    font-size: 11px;
    line-height: 1.3;
  }
  #add-market.modal
    .modal-content
    .modal-body
    .betslip-match-list
    ul
    li
    .collapsible-header
    a
    .game-name
    .date-time {
    padding: 0 5px;
  }
  #add-market.modal
    .modal-content
    .modal-body
    .betslip-match-list
    ul
    li
    .collapsible-header
    i.fa-plus-circle {
    font-size: 22px !important;
    top: 12px !important;
  }
  .search-modal .modal .modal-content .modal-body {
    top: 5%;
  }
  .search-modal .modal .modal-content .modal-body form {
    margin: 30px 10px;
  }
  .search-modal .modal .modal-content .modal-body form .input-field {
    padding: 0;
  }
  .search-modal .modal .modal-content .modal-body form .input-field input {
    width: 100%;
    background-position: 40% 0 !important;
  }
  .search-modal .modal .modal-content a.modal-close {
    right: 20px;
  }
  #change-password.modal {
    height: 70%;
    max-height: 400px;
  }
  #change-password.modal .modal-content {
    height: calc(100% - 110px);
  }
  #change-password.modal .modal-footer {
    height: 55px;
  }
  #change-password.modal .modal-footer a.btn {
    width: 47%;
    margin: 6px 3px !important;
    max-width: 180px !important;
  }
  #chip-setting.modal .modal-content {
    height: calc(100% - 110px);
  }
  #chip-setting.modal .modal-footer {
    height: 100px;
  }
  .modal-footer .submit-btn a.btn {
    max-width: 100% !important;
    margin-right: 0 !important;
  }
  #casino-page .footer {
    margin: 10px 0 10px !important;
    bottom: 5px;
  }
  .footer .icons a img {
    width: 40px;
    height: 40px;
  }
  .footer {
    margin: 10px 0 65px !important;
    position: relative;
    bottom: 60px;
  }
  .footer .support-wrap span {
    margin-bottom: 10px;
  }
  .footer .social-media a img {
    width: 25px;
    height: 25px;
  }
  .modal-content,
  .scroller {
    scroll-padding-top: 60px !important;
  }
  .scrollToTop {
    left: 15px;
    bottom: 60px;
    z-index: 1;
  }
  .pos-fix {
    top: 62px !important;
    padding-right: 4px !important;
  }
  .pos-fix-nonews {
    top: 55px !important;
  }
  .bottom-tabs ul li.big .menu-item {
    left: 71% !important;
  }
}
@media (max-width: 575px) {
  .market-runner-suspend-text {
    font-size: 12px !important;
  }
  .bottom-tabs ul li.big .menu-item {
    left: 85% !important;
  }
  #cashout.modal {
    width: 95%;
    max-width: 350px;
    height: 300px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data {
    display: block;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .team-market {
    display: block;
    padding: 0 5px !important;
  }
  main #casino-page .portfolio .port-content {
    max-width: 149px;
  }
  main.account-pages .col-center .card-content .input-field.s6 {
    width: 100%;
    padding: 0;
    margin-bottom: 5px !important;
  }
}
@media (max-width: 480px) {
  header nav .top-header .user-menus ul li.dashboard-btn a {
    justify-content: center;
    min-width: 70px;
  }
  header nav .top-header .user-menus ul li.dashboard-btn a.btn {
    padding: 0 10px;
    height: 30px;
    margin: 0 7px 0 5px;
    line-height: 29px;
    border-radius: 25px;
    min-width: 85px;
  }
  main #casino-page .portfolio .port-content {
    max-width: 162px;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .input-group
    .form-control {
    max-width: 46%;
  }
}
@media (min-width: 320px) and (max-width: 359px) {
  .bottom-tabs ul li.all-items .bottom-circle {
    left: -100px !important;
  }
  header nav .top-header .user-menus .header-wpIcon {
    margin: 0 2px 0 2px;
  }
  header nav .top-header .user-menus ul li.dashboard-btn a {
    min-width: 55px;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .input-group
    .form-control {
    max-width: 43%;
  }
}
@media (min-width: 400px) and (max-width: 480px) {
  .bottom-tabs ul li.all-items .bottom-circle {
    left: -85px !important;
  }
  main #casino-page .portfolio .port-content {
    max-width: 122px;
  }
}
@media (min-width: 481px) and (max-width: 575px) {
  .bottom-tabs ul li.all-items .bottom-circle {
    left: -75px !important;
  }
  .bottom-tabs ul li.big .menu-item {
    left: 77% !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .bottom-tabs ul li.all-items .bottom-circle {
    left: -70px !important;
  }
  .bottom-tabs ul li.big .menu-item {
    left: 69% !important;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .bottom-tabs ul.dropdown-content {
    padding-top: 150px !important;
  }
  .bottom-tabs ul li.big .menu-item {
    left: 66% !important;
  }
  .bottom-tabs ul li.all-items .bottom-circle {
    left: -54px !important;
  }
}
@media (min-width: 851px) and (max-width: 992px) {
  .bottom-tabs ul.dropdown-content {
    padding-top: 150px !important;
  }
  .bottom-tabs ul li.big .menu-item {
    left: 66% !important;
  }
  .bottom-tabs ul li.all-items .bottom-circle {
    left: -34px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  body::before {
    width: 600px;
    height: 420px;
  }
  body::after {
    width: 600px;
    height: 420px;
  }
  .maintenance header nav .top-header .brand-logo {
    left: 10px;
  }
  header .sidenav {
    left: 0;
    bottom: 0;
    margin-top: 100px;
  }
  header .sidenav .upcoming-event {
    padding: 0 10px;
  }
  header nav .brand-logo {
    left: -40px;
    transform: translateX(0);
  }
  header nav .top-header .main-header {
    margin-left: -16px !important;
    top: 50px;
    position: absolute;
  }
  header nav .top-header .user-menus li a.active::after,
  header nav .top-header .user-menus li a:focus::after,
  header nav .top-header .user-menus li a:hover::after {
    background-color: transparent;
  }
  header nav.scrolled-nav {
    height: 100px !important;
    line-height: 100px !important;
  }
  header nav .sidenav-trigger {
    height: 85px;
    line-height: 85px;
  }
  main.full-wrap {
    padding-top: 55px;
  }
  main #casino-page .portfolio .port-content {
    width: 20%;
    max-width: 150px;
  }
  main #casino-page .col-center {
    padding-right: 10px !important;
  }
  main .col-center {
    padding-left: 10px !important;
    padding-right: 230px !important;
    padding-bottom: 70px !important;
  }
  main .col-center .marketBets,
  main .col-center .rightsidebar {
    width: 210px;
    bottom: 75px;
  }
  main .col-center .marketBets .livecasino .game-slider,
  main .col-center .rightsidebar .livecasino .game-slider {
    padding: 5px 5px 0 6px;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item,
  main .col-center .rightsidebar .livecasino .game-slider .game-item {
    width: 47.8%;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .caption,
  main .col-center .rightsidebar .livecasino .game-slider .game-item .caption {
    bottom: 1px;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .caption h3,
  main
    .col-center
    .rightsidebar
    .livecasino
    .game-slider
    .game-item
    .caption
    h3 {
    font-size: 12px;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .play-btn,
  main .col-center .rightsidebar .livecasino .game-slider .game-item .play-btn {
    top: 11%;
    left: 18%;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .play-btn a,
  main
    .col-center
    .rightsidebar
    .livecasino
    .game-slider
    .game-item
    .play-btn
    a {
    font-size: 14px;
  }
  main .col-center .main-tabs {
    margin: 8px 0;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .date-time {
    height: 38px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .badge-right {
    line-height: 40px;
    top: 0;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    a {
    display: initial;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .suspend
    .suspend-cont {
    flex-basis: 143px;
  }
  main .market-page .col-center .market-main .fancy-bet .close-icon {
    right: 9px !important;
  }
  #footer-main .footer {
    bottom: 20px;
    padding-bottom: 35px;
  }
  #header-nav header nav .sidenav-trigger {
    height: 60px;
  }
  #casino-nav .sidenav {
    width: 40%;
  }
  #casino-nav
    .casino-search
    .all-providers
    .provider-collection
    .provider-list {
    width: 50%;
  }
  .market-runner-suspend {
    width: 143px;
    left: calc(100% - 143px);
  }
  .news-feed {
    right: 1%;
    width: 63% !important;
  }
  .casino-search-box::after {
    width: 98%;
  }
  .casino-search .all-providers .provider-collection .provider-list {
    width: 25%;
  }
  .casino-search .all-games::after {
    width: 98%;
  }
  .scrollToTop {
    left: 15px;
    bottom: 55px;
    z-index: 1;
  }
  .account-pages .footer,
  .market-page .footer {
    margin: 0 10px 70px 10px;
  }
  #casino-page .footer {
    margin: 20px 10px 50px 10px;
  }
  .footer {
    margin: 0 230px 70px 10px;
    bottom: 70px;
    position: relative;
  }
  .maintenance .footer {
    bottom: 0;
  }
  .pos-fix {
    padding-right: 4px !important;
  }
  .toggle-switch .content {
    width: 48px;
  }
  .toggle-switch .toggle,
  .toggle-switch label {
    height: 40px;
  }
  .toggle-switch .names {
    height: 45px;
  }
  .toggle-switch .names p {
    top: 9px;
    left: 8px;
  }
  .toggle-switch .toggle {
    width: 45px;
  }
}
@media (max-width: 992px) {
  .whatsapp-icon {
    right: 20px;
  }
  header nav {
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px, rgba(0, 0, 0, 0.23) 0 3px 6px;
  }
  header nav .top-header .user-menus .dropdown-content {
    box-shadow: none;
  }
  header nav .sidenav-trigger img.bar-img {
    width: 30px;
    filter: var(--filter-white);
  }
  header .sidenav {
    bottom: 0;
    z-index: 9999;
    border-radius: 0;
    width: 70%;
    background-color: var(--background-color);
  }
  header .sidenav li .menu {
    margin-top: 3px;
  }
  header .sidenav li ul.collapsible {
    margin-bottom: 0;
    border-radius: 0;
  }
  header .sidenav li ul.collapsible:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  header .sidenav li ul.collapsible:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .toast-container .ngx-toastr {
    width: 90% !important;
    top: 2%;
  }
  .casino-search .all-games {
    padding: 0 5px;
  }
  .casino-search .all-providers {
    padding: 0 5px;
  }
  .dark .match-unmatch a {
    background-color: var(--secondary-color);
  }
  .dark .match-unmatch a .badge {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .dark .match-unmatch a #nav-icon1 span {
    background-color: var(--black-text);
  }
  .dark #matched-unmatched.modal .modal-content h3 {
    color: var(--white-text);
  }
  .dark #matched-unmatched.modal .modal-content h3 svg path {
    fill: var(--white-text);
  }
  .dark
    #matched-unmatched.modal
    .modal-content
    .modal-body
    .bet-start
    .bet-record {
    color: var(--white-text);
  }
  .dark #matched-unmatched.modal .modal-footer a.modal-close i {
    color: var(--black-text);
  }
  .dark .search-modal .modal {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
  .dark .search-modal .modal .modal-content .modal-body {
    background-color: transparent;
  }
  .dark
    .search-modal
    .modal
    .modal-content
    .modal-body
    form
    .input-field
    button {
    color: var(--secondary-text-color);
  }
  .dark
    .search-modal
    .modal
    .modal-content
    .modal-body
    form
    .input-field
    input {
    background-color: var(--secondary-color);
    color: var(--secondary-text-color);
  }
  .dark .bottom-tabs ul li a {
    color: var(--primary-text-color);
  }
  .dark .bottom-tabs ul li a img {
    filter: var(--filter-white);
  }
  .dark .bottom-tabs ul li.big a svg path,
  .dark .bottom-tabs ul li.big a svg rect {
    fill: var(--white-text);
  }
  .dark .bottom-tabs ul li.big::before {
    box-shadow: 3px 3px 5px #1b1a1a, -3px -3px 5px #2b2b2b;
  }
  .dark .bottom-tabs ul li.big .menu-item {
    box-shadow: 3px 3px 5px #1b1a1a, -3px -3px 5px #2b2b2b;
  }
  .dark .bottom-tabs ul.dropdown-content li a {
    color: var(--primary-text-color);
  }
  .dark .bottom-tabs ul.dropdown-content li a.close-btn .fa-times {
    color: var(--secondary-text-color);
  }
  .dark .bottom-tabs ul.dropdown-content li a.active,
  .dark .bottom-tabs ul.dropdown-content li a:focus,
  .dark .bottom-tabs ul.dropdown-content li a:hover {
    color: var(--secondary-text-color);
  }
  .dark header nav .sidenav-trigger img.bar-img {
    filter: var(--filter-white);
  }
  .dark .bet-start .bet-record.v-blue {
    background-image: linear-gradient(
      200deg,
      var(--back-color),
      var(--bet-collapse-bg) 40%
    );
  }
  .dark .bet-start .bet-record.v-pink {
    background-image: linear-gradient(
      200deg,
      var(--lay-color),
      var(--bet-collapse-bg) 40%
    );
  }
  .web-search-box {
    top: 76px;
    max-height: 75vh;
    width: 95%;
    left: 10px;
  }
  .web-search-box .search-box {
    margin-top: 0;
  }
  .web-search-box .searchLi a .event-time {
    font-size: 10px;
    font-style: italic;
    font-weight: 600;
  }
  main .col-center {
    padding-top: 5px !important;
  }
  main .market-page .col-center {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 10px;
  }
  main .market-page .col-center .market-main .select-bet .limit-info {
    z-index: 9;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .top-row {
    justify-content: space-between;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row {
    padding: 3px 0 0 0;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .event-name
    h4 {
    font-size: 18px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .event-name
    h4
    .width-50
    .team-title {
    line-height: 1.8;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .event-name
    .sub-title {
    padding-left: 0;
  }
  main.account-pages .col-center .card {
    margin-right: 2px;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .spin-wrapper {
    flex-direction: column-reverse;
    align-items: end;
  }
  main
    .bet-collapse
    .bet-cont
    .bet-input-container
    .form-inline
    .col
    .spin-wrapper
    .match-title {
    width: 100%;
    order: 1;
  }
  .bet-start .header {
    font-weight: 600;
    background-color: var(--background-color);
    color: var(--primary-text-color);
  }
  .bottom-tabs {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bottom-tab-color);
    color: var(--secondary-text-color);
    font-size: 13px;
    z-index: 9;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: inset 0 1px 5px rgba(20, 20, 20, 0.11);
  }
  .bottom-tabs ul {
    display: flex;
    margin: 0;
  }
  .bottom-tabs ul li {
    flex-basis: 20%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 50px;
  }
  .bottom-tabs ul li a {
    color: var(--primary-text-color);
    cursor: pointer;
    font-size: 11px;
    justify-content: center;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    letter-spacing: 0.3px;
  }
  .bottom-tabs ul li a img {
    width: 18px;
    display: inline-block;
    margin: auto;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .bottom-tabs ul li a svg {
    display: inline-block;
    margin: auto;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .bottom-tabs ul li a svg path,
  .bottom-tabs ul li a svg rect {
    fill: var(--primary-text-color);
  }
  .bottom-tabs ul li a.active,
  .bottom-tabs ul li a:hover {
    color: var(--primary-color);
  }
  .bottom-tabs ul li a.active img,
  .bottom-tabs ul li a:hover img {
    filter: var(--filter-primary);
  }
  .bottom-tabs ul li a.active svg circle,
  .bottom-tabs ul li a.active svg path,
  .bottom-tabs ul li a.active svg rect,
  .bottom-tabs ul li a.active svg text,
  .bottom-tabs ul li a:hover svg circle,
  .bottom-tabs ul li a:hover svg path,
  .bottom-tabs ul li a:hover svg rect,
  .bottom-tabs ul li a:hover svg text {
    fill: var(--primary-color);
  }
  .bottom-tabs ul li a .username {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bottom-tabs ul li a .fa-times {
    font-size: 18px;
    color: var(--primary-text-color);
  }
  .bottom-tabs ul li.big {
    position: absolute;
    height: 70px;
    width: 20%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .bottom-tabs ul li.big::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    height: 64px;
    background-color: var(--bottom-tab-color);
    border-radius: 100%;
    z-index: -1;
    width: 64px;
    margin: auto;
    box-shadow: 3px 3px 5px #1b1a1a, -3px -3px 5px #2b2b2b;
  }
  .bottom-tabs ul li.big a {
    position: relative;
    color: var(--primary-text-color);
    top: -8px;
  }
  .bottom-tabs ul li.big a svg {
    margin-bottom: 0;
    width: 15px;
    height: 15px;
    margin: 1px 2px;
    box-shadow: none;
    border-radius: 0;
  }
  .bottom-tabs ul li.big a svg path,
  .bottom-tabs ul li.big a svg rect {
    fill: var(--primary-text-color);
  }
  .bottom-tabs ul li.big a img {
    width: 32px;
  }
  .bottom-tabs ul li.big.active,
  .bottom-tabs ul li.big:hover {
    background-color: transparent;
  }
  .bottom-tabs ul li.big .menu-item {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 85%;
    line-height: 5px;
    top: 75%;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    background-color: var(--bottom-tab-color);
    transform: translate(0, 0);
    transition: transform 0.5s;
    z-index: -2;
    box-shadow: 3px 3px 5px #1b1a1a, -3px -3px 5px #2b2b2b;
  }
  .bottom-tabs ul li.big .menu-item a {
    color: var(--primary-text-color);
    position: relative;
    top: 28%;
    left: 0;
    text-decoration: none;
    font-size: 10px;
    line-height: 1.3;
  }
  .bottom-tabs ul li.big .menu-item a svg {
    width: 20px;
    height: 20px;
    margin: auto;
  }
  .bottom-tabs ul li.big .menu-item a svg path,
  .bottom-tabs ul li.big .menu-item a svg rect {
    fill: var(--primary-text-color);
  }
  .bottom-tabs ul li.all-items .items:nth-child(5) {
    transform: rotate(60deg) translateY(-90px) rotate(300deg);
    transition-delay: 0s;
  }
  .bottom-tabs ul li.all-items .items:nth-child(4) {
    transform: rotate(20deg) translateY(-95px) rotate(-20deg);
    transition-delay: 0.1s;
  }
  .bottom-tabs ul li.all-items .items:nth-child(2) {
    transform: rotate(-20deg) translateY(-95px) rotate(20deg);
    transition-delay: 0.2s;
  }
  .bottom-tabs ul li.all-items .items:nth-child(3) {
    transform: rotate(-60deg) translateY(-90px) rotate(60deg);
    transition-delay: 0.3s;
  }
  .bottom-tabs ul li.all-items .bottom-circle {
    width: 260px;
    position: absolute;
    left: -94px;
    right: auto;
    bottom: 48px;
    z-index: -3;
  }
  .bottom-tabs ul li.all-items .bottom-circle .circle-nav {
    width: 100%;
    height: 140px;
    position: relative;
    z-index: -3;
    left: auto;
    right: auto;
    margin: auto;
    text-align: center;
    overflow: hidden;
    bottom: 0;
    transform: rotate(180deg);
    float: left;
  }
  .bottom-tabs ul li.all-items .bottom-circle .circle-nav .circle-nav-open {
    opacity: 1;
    background-color: var(--bottom-tab-color);
    border-radius: 50%;
    transform: translate(-50%, -52.5%);
    transition: width 0.5s cubic-bezier(0, 1.16, 1, 1),
      height 0.5s cubic-bezier(0, 1.16, 1, 1);
    width: 260px;
    height: 260px;
    position: absolute;
    z-index: -3;
    box-shadow: inset 1px 5px 10px rgba(20, 20, 20, 0.35);
  }
  .bottom-tabs ul.dropdown-content {
    max-width: 100%;
    right: 0;
    left: auto !important;
    top: auto !important;
    bottom: 50px;
    padding: 5px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #3c3c3c;
    box-shadow: none;
    display: none;
    width: 100% !important;
    height: 95vh !important;
    max-height: 95vh;
    padding-top: 135px;
    z-index: -2;
  }
  .bottom-tabs ul.dropdown-content li {
    flex-basis: auto;
    height: auto;
    min-height: 0;
  }
  .bottom-tabs ul.dropdown-content li a {
    display: flex;
    justify-content: flex-start;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 2.2;
    color: var(--secondary-text-color);
    flex-direction: initial;
  }
  .bottom-tabs ul.dropdown-content li a i {
    font-size: 14px;
    margin-right: 5px;
  }
  .bottom-tabs ul.dropdown-content li a.active,
  .bottom-tabs ul.dropdown-content li a:hover {
    background-color: var(--primary-color);
    color: var(--primary-text-color);
  }
  .bottom-tabs ul.dropdown-content li a.close-btn {
    text-align: center;
    justify-content: center;
    bottom: 0;
    position: inherit;
  }
  .bottom-tabs ul.dropdown-content li a.close-btn .fa-times {
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    color: var(--secondary-color);
    font-size: 20px;
    margin-right: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: var(--primary-color);
    text-align: center;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0 2px 5px, rgba(0, 0, 0, 0.23) 0 2px 5px;
  }
  .bottom-tabs ul.dropdown-content li a.close-btn.active,
  .bottom-tabs ul.dropdown-content li a.close-btn:focus,
  .bottom-tabs ul.dropdown-content li a.close-btn:hover {
    background-color: transparent;
  }
  .bottom-tabs ul.dropdown-content li a.close-btn.active .fa-times,
  .bottom-tabs ul.dropdown-content li a.close-btn:focus .fa-times,
  .bottom-tabs ul.dropdown-content li a.close-btn:hover .fa-times {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    transition: all ease-in 0.3s;
  }
  .bottom-tabs ul.dropdown-content li.active,
  .bottom-tabs ul.dropdown-content li:hover {
    background-color: transparent;
  }
  .modal {
    width: 95%;
    height: 65%;
  }
  .modal.datepicker-modal {
    height: auto;
  }
  #cbh .modal-content .modal-body {
    overflow-x: scroll;
  }
  .tag-live {
    top: 0;
  }
  #matched-unmatched {
    height: 100%;
    max-height: 97%;
    bottom: 10px;
    top: 10px !important;
  }
  #matched-unmatched.modal .modal-content .modal-body .bet-start .bet-record {
    padding: 3px;
    color: var(--black-text);
  }
  #matched-unmatched.modal .modal-footer a.modal-close {
    right: 12px;
  }
  #matched-unmatched.modal .modal-footer a.modal-close.active,
  #matched-unmatched.modal .modal-footer a.modal-close:hover {
    background-color: var(--primary-color) !important;
  }
  #matched-unmatched.modal .modal-footer a.modal-close.active i,
  #matched-unmatched.modal .modal-footer a.modal-close:hover i {
    color: var(--secondary-color);
  }
  #matched-unmatched.modal .modal-footer a.modal-close.active::after,
  #matched-unmatched.modal .modal-footer a.modal-close:hover::after {
    background-color: transparent !important;
  }
  .dark #one-click.modal .modal-content .modal-body .one-click-setting a.select,
  .dark #one-click.modal .modal-content .modal-body .one-click-setting a:focus,
  .dark #one-click.modal .modal-content .modal-body .one-click-setting a:hover {
    background-color: var(--primary-color);
  }
  .dark
    #one-click.modal
    .modal-content
    .modal-body
    .one-click-setting
    .click-form
    .click-input
    .input-field
    input.select,
  .dark
    #one-click.modal
    .modal-content
    .modal-body
    .one-click-setting
    .click-form
    .click-input
    .input-field
    input:focus {
    background-color: var(--primary-color);
  }
  .dark .one-click-bet .title h3 .badge {
    background-color: var(--primary-color) !important;
  }
  .dark .one-click-bet .title h3 .badge::after {
    border-top: 4px solid var(--primary-color) !important;
  }
  .social-media a img {
    width: 25px;
    height: 25px;
  }
  #login-modal .login-form .left-side-col {
    padding-top: 0;
  }
}
@media (min-width: 993px) {
  .bottom-tabs {
    display: none;
  }
  header .sidenav {
    transform: translateX(0);
    left: 10px;
  }
  header li .menu .link.active,
  header li .menu .link:hover {
    outline: 0;
    width: auto;
    padding: 0 10px;
  }
  header li .menu .link.active .link-title,
  header li .menu .link.active::before,
  header li .menu .link:hover .link-title,
  header li .menu .link:hover::before {
    transform: translateX(0);
    opacity: 1;
  }
  header li .menu .link::before {
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    border-radius: 99em;
    width: 85%;
    height: 58%;
    top: 8px;
    left: 15px;
    transform: translateX(100%);
    transition: transform 0.2s ease-in;
    transform-origin: center right;
    background-color: var(--primary-color);
  }
  .bet-start .header {
    background-color: transparent;
    color: var(--primary-text-color);
    font-weight: 600;
  }
  #add-market {
    background-color: #fff;
    width: 40%;
  }
  #change-password.modal {
    overflow-y: inherit;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .market-runner-suspend {
    width: 370px;
    left: calc(100% - 370px);
  }
  body::before {
    width: 900px;
    height: 500px;
  }
  body::after {
    width: 900px;
    height: 500px;
  }
  header nav .top-header .main-header li a {
    font-size: 13px;
    padding: 0 5px;
  }
  header nav .top-header .user-menus li a {
    font-size: 13px;
    padding: 0 5px;
  }
  header nav .bottom-header li a {
    padding: 0 5px;
    font-size: 12px;
  }
  header nav .bottom-header li a img {
    width: 13px;
    margin-right: 3px;
  }
  header nav.scrolled-nav .news-feed {
    right: 36%;
    width: 26% !important;
  }
  header .sidenav {
    width: 200px;
  }
  header .sidenav li .menu .link.active,
  header .sidenav li .menu .link:focus,
  header .sidenav li .menu .link:hover {
    padding: 0 5px;
  }
  header .sidenav li .menu .link-icon {
    left: 2px;
  }
  header .sidenav li .menu .link-title {
    font-size: 11px;
    text-indent: 32px;
  }
  .news-feed {
    right: 41%;
    width: 36% !important;
  }
  .bet-start .header .row .col {
    font-size: 10px;
  }
  .bet-start .header .row .col.s2 {
    margin: 0 2px;
  }
  .bet-start .header .row .col:last-child {
    margin: 0;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .selectbet-header
    .bet-teamname.top-header-module
    .bottom-row
    .event-name
    .team-title-full {
    font-size: 14px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .bet-value {
    flex-basis: 60px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title {
    flex-direction: column;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title
    .price {
    position: relative;
    top: unset;
    right: unset;
    font-weight: 600;
    font-size: 10px;
    line-height: normal;
    margin-top: 1px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title
    .price
    span {
    font-size: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name {
    line-height: 12px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .bettitle {
    font-size: 10px;
    line-height: 14px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-jockeyname {
    font-size: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-numbers {
    width: 18px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-numbers
    div {
    font-size: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-silk
    .hr-silk {
    width: 15px;
    height: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .non-runner {
    flex-basis: 360px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .suspend
    .suspend-cont {
    flex-basis: 372px;
  }
  main .market-page .col-center .market-main .fancy-bet .team1 .team-name {
    flex-basis: 60px;
  }
  main .market-page .col-center .market-main .fancy-bet .team1 .ball-start {
    flex-basis: 124px;
  }
  main
    .market-page
    .col-center
    .market-main
    .fancy-bet
    .team1
    .ball-start
    .bet-value {
    flex-basis: 60px;
  }
  main .market-page .col-center .market-main .fancy-bet .team1 .blank4 {
    flex-basis: 61.5px;
  }
  main .col-center {
    padding-left: 220px !important;
    padding-right: 225px !important;
  }
  main .col-center .marketBets,
  main .col-center .rightsidebar {
    width: 205px;
  }
  main .col-center .marketBets .livecasino .game-slider,
  main .col-center .rightsidebar .livecasino .game-slider {
    padding: 5px 5px 0 6px;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item,
  main .col-center .rightsidebar .livecasino .game-slider .game-item {
    width: 47.8%;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .caption,
  main .col-center .rightsidebar .livecasino .game-slider .game-item .caption {
    bottom: 1px;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .caption h3,
  main
    .col-center
    .rightsidebar
    .livecasino
    .game-slider
    .game-item
    .caption
    h3 {
    font-size: 12px;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .play-btn,
  main .col-center .rightsidebar .livecasino .game-slider .game-item .play-btn {
    top: 11%;
    left: 18%;
  }
  main .col-center .marketBets .livecasino .game-slider .game-item .play-btn a,
  main
    .col-center
    .rightsidebar
    .livecasino
    .game-slider
    .game-item
    .play-btn
    a {
    font-size: 12px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .matchrate {
    padding-right: 2px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .matchrate
    span {
    font-size: 12px;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .market-count {
    line-height: 40px;
    top: 0;
  }
  main #casino-page .portfolio .port-content {
    width: 20%;
    max-width: 154px;
  }
  .account-pages .footer {
    margin: 0 20px 20px 220px;
  }
  .market-page .footer {
    margin: 0 320px 20px 220px;
  }
  .footer {
    margin: 0 225px 20px 220px;
  }
  #change-password.modal {
    height: 40%;
    width: 42%;
  }
  .pos-fix {
    padding-right: 445px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1349px) {
  .market-runner-suspend {
    width: 370px;
    left: calc(100% - 370px);
  }
  #change-password.modal {
    height: 40%;
    width: 35%;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .market-count {
    line-height: 40px;
    top: 0;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .bet-value {
    flex-basis: 60px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title {
    flex-direction: column;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title
    .price {
    position: relative;
    top: unset;
    right: unset;
    font-weight: 600;
    font-size: 10px;
    line-height: normal;
    margin-top: 1px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title
    .price
    span {
    font-size: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name {
    line-height: 12px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .bettitle {
    font-size: 10px;
    line-height: 14px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-jockeyname {
    font-size: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-numbers {
    width: 18px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-numbers
    div {
    font-size: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-silk
    .hr-silk {
    width: 15px;
    height: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .non-runner {
    flex-basis: 360px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .suspend
    .suspend-cont {
    flex-basis: 372px;
  }
  main .market-page .col-center .market-main .fancy-bet .team1 .team-name {
    flex-basis: 60px;
  }
  main .market-page .col-center .market-main .fancy-bet .team1 .ball-start {
    flex-basis: 124px;
  }
  main
    .market-page
    .col-center
    .market-main
    .fancy-bet
    .team1
    .ball-start
    .bet-value {
    flex-basis: 60px;
  }
  main .market-page .col-center .market-main .fancy-bet .team1 .blank4 {
    flex-basis: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1449px) {
  .b2c-news {
    right: 44%;
    width: 28% !important;
  }
  #change-password.modal {
    height: 50%;
    width: 30%;
  }
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .market-count {
    line-height: 40px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .hr-main-title
    .price {
    right: -5px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .bettitle {
    font-size: 10px;
  }
  main
    .market-page
    .col-center
    .market-main
    .select-bet
    .bet-list
    .team-market
    .team1
    .team-name
    .runner-jockeyname {
    font-size: 10px;
  }
}
@media (min-width: 1450px) and (max-width: 1600px) {
  #change-password.modal {
    height: 50%;
    width: 30%;
  }
}
@media (min-width: 1601px) and (max-width: 1800px) {
  .news-feed {
    right: 26%;
    width: 62%;
  }
}
@media (min-width: 1750px) {
  main
    .col-center
    .main-tabs
    .event-content
    ul.collapsible
    li
    .collapsible-body
    .markets-container
    .market-list
    .market-data
    .in-play
    .in-play-light
    .icon-holder-small {
    top: 1px;
  }
}
@media (min-width: 1801px) {
  .news-feed {
    right: 22%;
    width: 67%;
  }
  main #casino-page .portfolio .port-content {
    width: 17.28%;
    max-width: 204px;
  }
}
@media (min-width: 1500px) {
  main #casino-page .portfolio .port-content {
    width: 14.28%;
  }
  #change-password.modal {
    height: 50%;
    width: 30%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .bottom-tabs ul.dropdown-content {
    padding-top: 50%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  .bottom-tabs ul.dropdown-content {
    padding-top: 50%;
  }
}
.modal-content,
.scroller {
  scrollbar-width: none;
  scroll-padding-top: 150px;
}
.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
::-webkit-scrollbar {
  width: 0;
}
::-webkit-scrollbar-track {
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: #dcdcdc;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #dcdcdc;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
::-webkit-scrollbar-thumb {
  background-color: #dcdcdc;
}