/* Variabili per la gestione dei colori */
:root {
  /* Global */
  --primary-background: #292d2e;
  --secondary-background: #404950;
  --tertiary-background: #2c2e2e;
  --fourth-background: #272727;
  --five-background: #181818;
  /*Casino Bk */

  /* Border e Input */
  --primary-border: #2d3238;
  --secondary-border: #292d2e;
  --tertiary-border: #24ee89;
  --fourth-border: #393939;
  --five-border: #393939;
  --input-background--a: #1e2121;
  --input-background--b: #1e2121;
  --input-background--a-active: #292d2e;
  --input-background--b-active: #24ee89;

  --input-border--a: #3a4142;
  --input-border--b: #24ee89;
  --input-text--a: #ffffff;

  /* Header */
  --header-background-color: #f9fafb;
  --header-background-menu: #3c4344;
  --header-color-menu: #ebebeb;
  --header-color-icon: #ebebeb;
  --header-btn-login-background: #3c4344;
  --header-btn-login-text: #ebebeb;
  --header-btn-register-background: #24ee89;
  --header-btn-register-text: #333333;

  /* Box */
  --box-background-a: #394041;
  --box-background-b: #3a3a3a;
  --box-background-c: #3e4446;
  --box-background-d: #323738;

  --menu-item-a--hover: rgba(255, 255, 255, 0.5);
  --menu-item-a--hover-text: #000333;
  --menu-item-a--active: #525252;
  --menu-item-a--active-text: #ffffff;
  --menu-item-b--hover: rgba(255, 255, 255, 0.1);
  /* BTn */
  --btn-primary: #292d2e;
  --btn-secondary: #3a3a3a;
  --btn-third: #24ee89;
  --btn-fourth: #2c2c2c;
  --btn-five: #24ee895e;
  --btn-primary-hover: #24ee8912;

  --btn-primary-text: #ffffff;
  --btn-secondary-text: #e2e2e2;
  --btn-third-text: #333444;

  --btn-five-text: #ebebeb;
  --btn-primary-text-hover: #ffffff;

  /* Heading/box */
  --heading-background: #3c4142;
  --heading-text: #ffffff;
  --heading-text-a: #555;
  --heading-text-b: #939c9f;
  /* Text */
  --primary-text: #e2e2e2;
  --secondary-text: #b2bcbf;
  --tertiary-text: #ffffff;
  --fourth-text: #a3a3a3;

  --five-text: #24ee89;
  /* NEW ADDEDD ON C */
  --six-text: #fcfcfc;
  /* Footer */
  --primary-footer: #1c1e1e;
  --secondary-footer: #323738;
  --primary-footer-text: #ffffff;
  --secondary-footer-text: #24ee89;
  --tertiary-footer-text: #ebebeb;
  /* Quote */
  --qt-background: #404446;
  --qt-background--hover: #24ee89;
  --qt-color--hover: #000333;
  --qt-color-b: #24ee89;
  --qt-background-c: #2b2b2b;
  /* Shadow e Radius */
  --box-shadow-a: rgb(39 37 37 / 74%) 0px 0px 0px 0px;
  --box-shadow-b: 0px 1px 5px -1px #a5a5a5;
  --box-shadow-c: rgba(191, 22, 36, 0.916);
  /* Button */
  --border-radius-a: 5px;
  --border-radius-b: 15px;
  --border-radius-full: 100px;

  --border-radius-ctm: 5px;
  /* Featured Color */
  --featured-background: rgba(187, 247, 208, 1);
  --featured-background-secondary: #087712;
  --featured-text: #166534;
  --featured-border: rgb(136, 217, 164);
  --valid-text: #4de253;
  --valid-background: rgba(74, 207, 74, 0.419);
  --error-text: rgb(243, 18, 96);
  --error-background: rgba(191, 22, 36, 0.916);
  --warning-text: #ff9800;
  /* Icon */
  --icon-primary: #24ee89;
  --icon-secondary: #ffffff;
  --icon-third: #8baf3e;
  --icon-fourth: #4f9bdf;
  --icon-filter: invert(190%) sepia(0%) saturate(50%) hue-rotate(351deg);
  /*  invert(42%) sepia(90%) saturate(450%) hue-rotate(351deg); */
  --trasp: transparent;
  /* Featured Color */
  --semi-light-a: rgba(255, 255, 255, .25);
  --semi-light-b: rgba(255, 255, 255, .5);
  --semi-light-c: rgba(255, 255, 255, .75);
  --semi-light-light: rgba(255, 255, 255, .1);

  --semi-dark-a: rgba(0, 0, 0, .25);
  --semi-dark-b: rgba(0, 0, 0, .5);
  --semi-dark-c: rgba(0, 0, 0, .75);
  --semi-dark-light: rgba(0, 0, 0, .051);

  /*Casino Extra V2 */
  --casino-promo: blue;
  --casino-new: green;

  /* Bk e Img */
  --bk-generic-a: url("/player/theme-asset/8/images/background/background-a.jpg");
  --bk-generic-b: url("/player/theme-asset/8/images/background/background-b.jpg");
  --bk-casino: url('https://img.freepik.com/free-vector/realistic-neon-lights-background_23-2148897041.jpg');
  --bk-casinolive: url("/player/theme-asset/8/images/background/backtround-livecasino.jpg");

  --bk-soccer-a: url("/player/theme-asset/8/images/background/background-soccer.jpg");
  --bk-register: url("/player/theme-asset/8/images/background/background-register.jpg");
  /* --font-family: 'Arial', sans-serif; */
  --font-family: 'system-ui';

}

/*
 *  STYLE Color v - 1.1
 */

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px var(--semi-dark-a);
  background-color: var(--input-background--a);
}

::-webkit-scrollbar {
  background-color: var(--input-background--a);
}

::-webkit-scrollbar-thumb {
  background-color: var(--tertiary-border);
  border: 1px solid var(--tertiary-border);
  border-radius: var(--border-radius-b);
}

/* Variabili per la gestione dei colori */

body {
  background: var(--primary-background);
  color: var(--primary-text);
  /* background-image: url('../images/background/background-a.png'); */
}

/* body .body-wrapper::after {
  background-image: var(--bk-generic-b);
  opacity: .33;
  box-shadow: inset 0 -600px 400px 200px var(--fourth-border);
  filter: grayscale(1);
  background-size: contain;
}

body footer .footer-wrapper::after {
  background-image: var(--bk-generic-b);
  opacity: .33;
  box-shadow: inset 0 -65px 40px 40px var(--semi-dark-c);
  filter: grayscale(1);
  background-position: top center;
  background-size: cover;

} */

.input-box {
  background-color: var(--input-background--a);
  border-radius: var(--border-radius-a);
  border: 1px solid var(--input-border--a);
  color: var(--input-text--a);
}

input,
.input-box i,
.input-box+i,
.input-box~i,
.input-box .mdi,
.input-box+.mdi,
.input-box~.mdi {
  color: var(--input-text--a);
}


/* Stile base per tutti i tag h1-h6 */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-text);
}

h5 {
  color: var(--heading-text-a);
}

h6 {
  color: var(--heading-text-b);
}

.hidden {
  border: 0;
}

.btn-ctm {
  background: var(--btn-secondary);
  border-radius: var(--border-radius-a);
}

.btn-ctm:active,
.btn-ctm:focus {
  /* box-shadow: 0 0 20px 0 rgba(249, 122, 9, 0.4); */
  /* box-shadow: 0 0 20px 0 var(--btn-primary-hover); */

}


/* .btn-ctm.btn-ctm--b {
background: var(--btn-primary);
}*/

.list-group {
  background: var(--primary-background);
  border-radius: var(--border-radius-a);
}

.list-group .list-group--item>div:not(.list-item--icon) i {
  background: var(--primary-background);
  border: 1px solid var(--secondary-border);
  border-radius: var(--border-radius-full);
}

.list-group .list-group--item .list-item--icon {
  background: var(--box-background-b);
  border-radius: var(--border-radius-full);
  border: 1px solid var(--trasp);
}

.list-group .list-group--item .list-item--icon:hover {
  border: 1px solid var(--secondary-border);
}

.input-box select {
  background-color: var(--input-background--a);
  border-radius: var(--border-radius-a);
  /* border: 1px solid var(--input-border--a); */
}

.input-valid input,
input.input-valid,
.input-box.input-box--valid {
  border: 1px solid var(--valid-text);
  background-color: var(--valid-background);
}

.input-valid label,
.input-box--valid label {
  background: var(--trasp);
  color: var(--valid-text);
}

.input-error input,
input.input-error,
.input-box.input-box--error {
  border: 1px solid var(--error-text);
  color: var(--error-text);
}

.input-error label {
  background: var(--trasp);
  color: var(--error-text);
}

.input-box:focus,
label~.input-box:focus,
label+.input-box:focus,
.input-box:focus~label,
.input-box:focus+label {
  background: var(--semi-light-light);
  color: var(--primary-text);
  border: 1px solid var(--input-border--b);
}

/* .input-col input:not([value=""]):focus {
border: 2px solid green;
}

/* Seleziona il label quando l'input nel suo contenitore è disabilitato */
.input-col input[type="date"]+label,
.input-col:has(input[type="date"])>label,
.input-col.input-col--editable>label,
.input-col input[active="true"]+label,
.input-col:has(input[disabled])>label {
  background: var(--input-background--a);
}

.input-box.input-box--radio i {
  border-radius: var(--border-radius-full);
}

.input-box.input-box--radio input[type="radio"]:checked+i::before {
  color: var(--tertiary-text);
  background: var(--box-background-d);
  border-radius: var(--border-radius-full);
  -webkit-border-radius: var(--border-radius-full);
  -moz-border-radius: var(--border-radius-full);
}

/* Quando l'input è in focus o contiene un valore */

.input-col.has-value>label,
.input-box:focus+label,
.input-col:focus-within label,
.input-box.has-value+label,
.input-box:focus-within label {
  background: var(--input-background--a);
}

.breadcrumb-menu .breadcrumb-menu--wrapper ul>li>a {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}

.breadcrumb-menu .breadcrumb-menu--wrapper ul>li>a.current {
  background: var(--btn-primary);
}

.video-container {
  background-color: var(--semi-dark-c);
  border-radius: var(--border-radius-a);
  -webkit-border-radius: var(--border-radius-a);
  -moz-border-radius: var(--border-radius-a);
  box-shadow: 0 6px 10px 0 var(--semi-dark-light), 0 1px 18px 0 var(--semi-dark-light), 0 3px 5px -1px var(--semi-dark-a);
}

.tooltip-box label {
  border-radius: var(--border-radius-b);
  background: var(--semi-dark-b);
  color: var(--tertiary-text);
}

ul.menu-list>li>a {
  background: var(--tertiary-background);
  border: 1px solid var(--trasp);
  border-radius: var(--border-radius-b);
}

ul.menu-list>li.active a,
ul.menu-list>li>a.active,
ul.menu-list>li:hover>a {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border: 1px solid var(--secondary-border);
}

/******* Header  ********/

header {
  background-color: var(--header-background-color);
}

header nav ul li a {
  color: var(--header-color-menu);
}


header .hd-menu--list {
  /* background: var(--header-background-menu); */
}

header .hd-menu--top .social-list .social {
  color: var(--primary-text);
}

/******* Box  ********/

.box-ctm {
  background: var(--box-background-a);
  box-shadow: var(--box-shadow-a);
  border-radius: var(--border-radius-a);
}

.circle-box {}

/******* Title Generici  ********/

.title-ctm span:first-child::before:not(.mdi),
.title-container .title-ctm span:first-child::before:not(.mdi) {
  background-color: var(--primary-background);
}

/******* Top Menu  ********/

.top-menu {
  border-radius: var(--border-radius-a);
  background-color: var(--box-background-a);
}

.top-menu .menu-label {
  color: var(--primary-text);
}

.top-menu .menu-item:hover {
  background: var(--menu-item-a--hover);
  color: var(--menu-item-a--hover-text);
  border-radius: var(--border-radius-a);
}

.top-menu .menu-item:hover .menu-label {
  color: var(--menu-item-a--hover-text);
}

.top-menu .menu-item:hover img {
  filter: var(--icon-filter);
}

.top-menu .menu-item:hover svg {
  fill: var(--menu-item-a--hover-text);
}

.top-menu .menu-button {
  background: none;
}

/******* Main Tab menu  ********/


.box-main {
  border-radius: var(--border-radius-a);
  background-color: var(--box-background-a);
}


/******* Shadow GLobal  ********/

.sdw--ctm {
  box-shadow: var(--box-shadow-a);
}

/******* Accordion ********/

.accordion-item .accordion-heading {
  background: var(--box-background-a);
}

.accordion-item .accordion-heading.active {
  background: var(--heading-background);
  color: var(--heading-text);
}

.accordion-item .accordion-heading.active div>img {}

/* .accordion-item .accordion-content .accordion-wrapper > div {
  background: var(--box-background-a);
} */

.accordion-item .accordion-content .accordion-wrapper .accordion-bottom--info .info--left .info-text {
  color: var(--primary-text);
}

/******* Quote Box  ********/

.qt-box .qt-btn {
  background: var(--qt-background);
  /* background: var(--trasp); */

}

.qt-box .qt-btn:not(.qt-btn--number).active,
.qt-box .qt-btn:not(.qt-btn--number):hover {
  background: var(--qt-background--hover);
  color: var(--qt-color--hover);
}

.qt-box .qt-btn:not(.qt-btn--number).active>span,
.qt-box .qt-btn:not(.qt-btn--number).active>label,
.qt-box .qt-btn:not(.qt-btn--number):hover>span,
.qt-box .qt-btn:not(.qt-btn--number):hover>label {
  text-shadow: 1px 1px var(--semi-dark-c);
}

.qt-box .qt-btn label {
  text-shadow: var(--semi-dark-b) 0px 0px 0px;
  mask-image: linear-gradient(90deg, var(--semi-dark-c) 80%, var(--trasp) 100%);
}

.qt-box .qt-btn span {
  text-shadow: var(--semi-dark-b) 0px 0px 0px;
}

/******* Top Leagues  ********/

.top-leagues .top-leagues--list .league-item {
  background: var(--box-background-a);
}

.top-leagues .top-leagues--list .league-item:hover {
  background: var(--menu-item-a--hover);
  color: var(--menu-item-a--hover-text);
  border-radius: var(--border-radius-a);
}

/******* Menu Sport ********/

.menu-sport {
  background: var(--box-background-a);
}

.menu-sport .menu-group .btn-menu--group:hover {
  background: var(--box-background-a);
}


.menu-sport .menu-sport--wrapper .menu-dayselector ul li {
  border-bottom: 2px solid var(--trasp);
}

.menu-sport .menu-sport--wrapper .menu-dayselector ul li:hover,
.menu-sport .menu-sport--wrapper .menu-dayselector ul li.active {
  border-bottom: 2px solid var(--secondary-border);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup {
  background: var(--tertiary-background);
  border-radius: 0;
}

/* .menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group.active ~ .menu-subgroup .btn-menu--subgroup,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group.active + .menu-subgroup .btn-menu--subgroup, */
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group.active .btn-menu--group,
/* .menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group.active, */
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group:hover,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-subgroup--wrapper .btn-menu--subgroup:hover {
  background: var(--menu-item-a--hover);
  color: var(--menu-item-a--hover-text);
  /* border-radius: 0; */
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last:hover {
  background: var(--menu-item-a--hover);
  color: var(--menu-item-a--hover-text);
  border-radius: var(--border-radius-a);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last:hover .sport-item .item--topinfo span.mdi,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last:hover .item--bottominfo .item-details--league {
  color: var(--menu-item-a--hover-text);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group.active {
  background: var(--menu-item-a--active);
  color: var(--menu-item-a--active-text);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-subgroup--wrapper .btn-menu--subgroup .menu-item {
  background: var(--semi-dark-light);
}

/* .menu-sport .menu-sport--wrapper .menu-container--groups .menu-group.active .btn-menu--group img,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group.active img,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group:hover img,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-subgroup--wrapper .btn-menu--subgroup:hover img,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last:hover img {
filter: var( --icon-filter);
} */

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group .btn-live {
  border: 2px solid var(--featured-border);
  color: var(--featured-text);
}

/******* Menu Top Selection ********/

.sport-menu--selection .sport-menu--wrapper .btn-select {
  background: var(--btn-secondary);
  color: var(--btn-secondary-text);
  box-shadow: var(--box-shadow-b);
}

.sport-menu--selection .sport-menu--wrapper .btn-select:hover,
.sport-menu--selection .sport-menu--wrapper .btn-select.active {
  background: var(--btn-primary);
  color: var(--btn-primary-text);

}

.sport-menu--selection .sport-menu--wrapper .btn-select.btn-select--live {
  border: 2px solid var(--featured-border);
  color: var(--featured-text);
}

.sport-menu--selection .sport-menu--wrapper .btn-select.btn-select--live.active {
  /* border: 2px solid var(--featured-border);
  color: var(--featured-text); */
  background: var(--btn-primary);
  color: var(--btn-primary-text);
  border: '0'solid var(--trasp);
}


.sport-menu--selection .sport-menu--wrapper .btn-select.btn-select--live .mdi {
  animation: fade-in-out 2s infinite;
}

.sport-menu--selection .sport-menu--wrapper .btn-select.btn-select--live::before {
  background-color: var(--featured-background);
  border-radius: var(--border-radius-full);
  animation: blink 1s infinite, pulsate 1s infinite;
}

.sport-menu--selection .sport-menu--wrapper .btn-select.btn-select--live:hover {
  background: var(--btn-secondary);
  color: var(--featured-text);
  opacity: .5;
}



.carousel-sport .carousel-item {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
  /* box-shadow: var(--box-shadow-b); */
}

.carousel-sport .carousel-item:after {
  background-image: var(--bk-generic-a);
  background-size: cover;
  background-position: top center;
  opacity: .33;
  box-shadow: inset 0 -50px 34px 0 var(--fourth-border);
}

.carousel-sport .carousel-item .carousel-item--topinfo .item-img {
  background-color: var(--primary-background);
}

.odds-select--container {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}


.box-sidebar {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .icon-box.icon-box--coupon::before {
  background: var(--primary-background);
  border: 1px solid var(--secondary-border);
  opacity: 0.36;
}

.input-box--select select,
.odds-select--container .odds-select--wrapper .odds-select--inputs .input-box>select {
  /* border: 1px solid var(--input-border--a); */
  /* background: var(--trasp); */
}

.input-box--select .icon-box,
.odds-select--container .odds-select--wrapper .odds-select--inputs .input-box>.icon-box {
  /* border-left: 1px solid var(--input-border--a); */
}



/******* Search Box  ********/


.search-box--ctm {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}

.search-box--ctm input {
  border: 1px solid var(--secondary-border);
  border-radius: var(--border-radius-a) 0 0 var(--border-radius-a);
}

.search-box--ctm .btn-search {
  background: var(--btn-primary);
  color: var(--btn-primary--text);
  border-radius: 0 var(--border-radius-a) var(--border-radius-a) 0;
}

/******* Main Match List Sport  ********/

.match-list.max-h-screen .match-list--wrapper>.match-list--item,
.match-list.max-h-screen .match-list--wrapper>.match-list--submenu .qt-box {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}


/******* Sport Odd Main ********/

.page-container--sport .main-wrapper .main-container .match-list.match-list--main .match-list--item {
  /* background: var(--box-background-a);
  border-radius: var(--border-radius-a); */
}

.page-container--sport .main-wrapper .main-container .match-list.match-list--main .match-list--submenu .qt-box--container .qt-box {
  /* background: var(--box-background-a);
  border-radius: var(--border-radius-a); */
}


/******* Single Event  ********/

.body--single-event .main-wrapper .main-container .match-list .match-list--qt .qt-box {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}


/* Menu Sublist */

.menu-list,
.menu-soccer--list {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}

.menu-list--submenu ul>li:hover>a,
.menu-soccer--list .menu-soccer--list-submenu ul>li:hover>a {
  /* font-weight: bold; */
  background: var(--semi-dark-light);

}

.menu-list .menu-list--submenu:not(.hidden),
.menu-soccer--list .menu-soccer--list-submenu:not(.hidden) {
  background: var(--fourth-background);
  border-radius: var(--border-radius-a);
  box-shadow: 0px 1px 14px 0px var(--semi-dark-c);
}

.banner-box .btn-banner,
.hero-slider .btn-slider {
  background: var(--btn-third);
  border-radius: var(--border-radius-a);
  color: var(--btn-third-text);
  box-shadow: 0 0 10px 3px var(--btn-primary-hover);
}

.banner-box .btn-banner:hover,
.hero-slider .btn-slider:hover {
  background: var(--btn-primary);
  box-shadow: 0 0 20px 3px var(--secondary-text);
}


.banner-box .banner-box--text .banner-title {
  color: var(--tertiary-text);
}

/* The switch - the box around the slider */
.input-box--switch.switch {
  border-radius: var(--border-radius-full);
}

/* The slider */
.input-box--switch .slider--switch {
  border: 0;
  background-color: var(--input-background--a);
}

.input-box--switch .slider--switch:before {
  background-color: var(--semi-light-a);
  border-radius: var(--border-radius-b);
}

input:checked+.slider--switch {
  background-color: var(--input-background--a-active);
}

input:checked+.slider--switch:before {
  background: var(--input-background--b-active);
}

input:focus+.slider--switch {
  box-shadow: 0 0 1px var(--input-background--a-active);
}

.icon-box.icon-box--featured {
  color: var(--icon-primary);
}

header.hd-ctm nav .hd-menu--list {
  /* border-radius: var(--border-radius-full) var(--border-radius-full) 0 0; */
  height: 70px;
}

.hd-ctm.hd-ctm--a .hd-ctm--menu {
  /* box-shadow: 0 2px 12px 0 var(--semi-dark-b); */
}

.hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list li.item-sidemenu--activator {
  background: var(--btn-primary);
  border-radius: 0 var(--border-radius-full) var(--border-radius-full) 0;
}

.hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list li.item-sidemenu--activator .mdi {
  color: var(--icon-third);
}

/******* Live Btn Custom  ********/
.btn-live--ctm {
  border-radius: var(--border-radius-full);
  border: 1px solid var(--featured-border);
  color: var(--featured-text);
  background-color: var(--featured-background);
}

.tab-items--ctm .tab-item--ctm:hover,
.tab-items--ctm .tab-item--ctm.tab-item--active {
  border-color: var(--tertiary-border);
}

.tab-items--ctm .tab-item--ctm:hover a,
.tab-items--ctm .tab-item--ctm.tab-item--active a {
  background: var(--btn-third);
  color: var(--btn-third-text);
}

.tab-items--ctm .tab-item--ctm:hover a img,
.tab-items--ctm .tab-item--ctm.tab-item--active a img {
  filter: invert(0);
}

.owl-carousel--sport .owl-nav {
  background: var(--transparent);
  box-shadow: inset -17px 0px 12px 0px var(--tertiary-text);
}

.title-ctm span:first-child::before,
.title-container .title-ctm span:first-child::before {
  border-radius: var(--border-radius-full);
}

.top-menu .menu-button {
  border: none;
}

.accordion-item .accordion-heading {
  border-radius: var(--border-radius-a);
}

.accordion-item .accordion-heading .accordion-heading--left .icon-box {
  border-radius: var(--border-radius-full);
}

.match-list .match-list--item .match-list--top .info--left .text-info {
  background: var(--trasp);
  /* border-radius: var(--border-radius-full); */
}

.match-list .match-list--item .match-list--top .info--right .icon-box {
  border-radius: var(--border-radius-full);
}

.match-list .match-list--item .match-list--top .info--right .icon-box.icon-box--statistic {
  border-radius: 0;
}

.match-list--item .match-list--top .info--right .qt-heading>span .menu-list {
  border-radius: var(--border-radius-full);
}

/******* Match Item Single Page  ********/
.match-list--single::before {
  background-image: var(--bk-soccer-a);
  background-size: 100% 100%;
  opacity: 0.1;
}

.match-list--single {
  background-color: var(--primary-background);
  border-radius: var(--border-radius-a);
  color: var(--tertiary-text);
}

.match-list--single .match-list--single-top {
  /* background: var(--box-background-c); */
}

.match-list--single .match-list--single-top .btn-icon {
  filter: var(--icon-filter);
}

.match-list--single .match-list--single-bottom .match-list--single-center .date-time {
  /* background: var(--semi-light-b); */
  border-radius: var(--border-radius-full) var(--border-radius-full) 0 0;
}

.match-list--single .match-list--single-bottom .match-list--single-center .score-box:not(.score-box--first-half) {
  /* background: var(--btn-primary);
  color: var(--primary-text);
  border-radius: var(--border-radius-full); */
}

.qt-box--more {
  background: var(--btn-secondary);
  border-radius: var(--border-radius-a);
  color: var(--qt-color-b);
  /* box-shadow: inset 0 0 0 3px var(--primary-border); */
}

.qt-box--more:hover {
  /* background: var(--btn-fourth);
  box-shadow: inset 0 0 0 3px var(--secondary-border); */
}

.qt-box--more>.btn-ctm {
  background: var(--trasp);
}

.qt-box .qt-btn {
  border-radius: var(--border-radius-a);
}

.qt-btn.qt-btn--number {
  /* background-color: var(--error-text); */
  border-radius: var(--border-radius-a);
}

.qt-box--container .qt-box .qt-box--heading .qt-heading--right .btn-menu--tab {
  border-radius: var(--border-radius-a);
}

.qt-box--container .qt-box .qt-box--heading .qt-heading--right .btn-menu--tab.active {
  background: var(--btn-fourth);
}

.qt-box--group .qt-box--group--heading {
  background: var(--heading-background);
  color: var(--heading-text);
  border-radius: var(--border-radius-a);
}

.input-box--number .input-value--ctm {
  background: var(--transparent);
  border: var(--secondary-border);
  border-radius: var(--border-radius-a);
}

.input-box--number .input-value--ctm:hover {
  /* background: var(--tertiary-background); */
}

.input-box--number .input-value--ctm:active {
  background: var(--tertiary-background);
}

.input-box--number .input-value--ctm {
  border: var(--border);
  border-radius: var(--border-radius-a);
}

.input-box--number .input-value--ctm:hover {
  /* color: var(--semi-dark-b); */
}

.input-box--number button {
  border-radius: var(--border-radius-a);
  background-color: var(--btn-fourth);
}

.input-box--slider .input-slider--wrapper .input-track--background {
  background: var(--input-background--a);
  border-radius: var(--border-radius-full);
}

.input-box--slider .input-slider--wrapper .input-track--overlay {
  border-radius: var(--border-radius-full);
  background-color: var(--primary-background);
}

.input-box--slider .input-slider--wrapper .input-track--thumb {
  border-radius: var(--border-radius-full);
  background-color: var(--primary-background);
}

.input-box--slider .input-slider--wrapper .input-slider--range {
  background-color: var(--transparent);
}

.top-leagues .top-leagues--title span {
  color: var(--primary-text);
}

.top-leagues .top-leagues--list .league-item {
  border-radius: var(--border-radius-a);
}

.top-leagues .top-leagues--list .league-item .league-icon {
  border-radius: var(--border-radius-full);
  background-color: var(--box-background-c);
}

/******* Menu Sport ********/

.menu-sport {
  border-radius: var(--border-radius-a);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group .btn-icon--sport {
  background: var(--trasp);
  border-radius: var(--border-radius-full);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group.active .btn-icon--sport,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group:hover .btn-icon--sport {
  filter: var(--icon-filter);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group .btn-live {
  border-radius: var(--border-radius-full);
}

.sport-menu--selection .sport-menu--wrapper .btn-select {
  border-radius: var(--border-radius-a);
}

.carousel-sport .carousel-item .carousel-item--topinfo .item-img {
  border-radius: 0 0 var(--border-radius-b) 0;
}

.carousel-sport .carousel-item .carousel-item--topinfo .item-info--league img {
  border-radius: var(--border-radius-a);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .icon-box.icon-box--coupon::before {
  border-radius: var(--border-radius-full);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--calculation {
  /* background: var(--tertiary-background);
  border-radius: var(--border-radius-a);
  border: 1px solid var(--semi-dark-a); */
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-place svg {
  stroke: var(--box-background-d);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-save {
  box-shadow: inset 0 0 0px 1px var(--semi-dark-a);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-save:hover {
  background: var(--semi-dark-a);
  box-shadow: inset 0 0 0px 1px var(--secondary-border);
  color: var(--icon-primary);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-place {
  background: var(--btn-primary);
  box-shadow: inset 0 0 0 0 var(--error-text);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-place:hover {
  box-shadow: inset 0 0 200px 200px var(--error-text);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-place a {
  color: var(--primary-text);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-place:hover {
  background-color: var(--btn-primary);
  box-shadow: none;
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-place:active {
  background-color: var(--btn-primary);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-container--wrapper-qcode .btn-container .btn-continue {
  background: var(--btn-third);
  color: var(--btn-third-text);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-container--wrapper-qcode .btn-container .btn-return {
  box-shadow: inset 0 0 0 2px var(--secondary-border);
}

.box-sidebar.box-sidebar--popular .box-sidebar--wrapper .box-sidebar--container .box-soccer--item {
  border: 1px solid var(--primary-border);
  background: var(--semi-dark-light);
  border-radius: var(--border-radius-a);
}

/* .box-sidebar.box-sidebar--popular .box-sidebar--wrapper .box-sidebar--container .box-soccer--item .box-soccer--top img {
background-color: var(--error-text);
} */

.match-list .match-list--btn-container .btn-loadmore {
  border: 0 solid var(--secondary-border);
  box-shadow: inset 0 0 0 2px var(--secondary-border);
  border-radius: var(--border-radius-a);
  border-radius: var(--border-radius-a);
}

.match-list .match-list--btn-container .btn-loadmore::before {
  background: var(--primary-background);
}

/******* Single Event  ********/
/* 
.body--single-event .main-wrapper .main-container .match-list .match-list--qt .qt-box {
background: var(--error-text);
} */


/******* Coupon ********/

.coupon-container .coupon-qt--list .coupon-qt--item {
  background: var(--box-background-b);
  border-radius: var(--border-radius-a);
  /* border: 1px solid var(--primary-border); */
}

.coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item-title {
  border-bottom: 0 solid var(--primary-border);
}


.coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item-title .coupon-qt-right .mdi {
  border: 1px solid;
  border-radius: var(--border-radius-a);
}

.coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item-title .coupon-qt-right .mdi.mdi-close {
  border: 0;
  color: var(--error-text);
}

.coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item-title .coupon-qt-right .mdi.mdi-alpha-b {
  color: var(--valid-text);
  border: 1px solid var(--valid-text);
}

.coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item-title .coupon-qt-right .mdi.mdi-alpha-b:hover,
.coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item-title .coupon-qt-right .mdi.mdi-alpha-b.active {
  background: var(--valid-background);
}

.coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item-title .coupon-qt-right .mdi.mdi-check {
  background: var(--btn-primary);
  border: 0;
}

.coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item--odds .coupon-qt--odd .coupon-qt--odd-item span.qt-value {
  background: var(--qt-background);
  border-radius: var(--border-radius-a);
  border: 0 solid var(--secondary-border);
}

.coupon-container .coupon-tabs--middle .btn-coupon--clear {
  border: 1px solid var(--primary-border);
}

.coupon-container .coupon-tabs--middle .btn-coupon--clear:hover {
  background: var(--semi-dark-a);
}

/* Dialog */

.dialog-ctm {
  background: var(--semi-dark-c);
}

.dialog-ctm .dialog-ctm--wrapper {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
  box-shadow: 0 1px 6px 0 var(--semi-dark-c);
}

.dialog-ctm .dialog-ctm--wrapper .dialog-heading .mdi {
  color: var(--error-text);
}

.dialog-ctm .dialog-ctm--wrapper .dialog-content .dialog-content--bottom .input-box--container .input-box {
  border-radius: var(--border-radius-ctm);
}

.dialog-ctm .dialog-ctm--wrapper .dialog-content .dialog-content--button .btn-ctm {
  box-shadow: inset 0 0 0 2px var(--secondary-border);
}

.dialog-ctm .dialog-ctm--wrapper .dialog-content .dialog-content--button .btn-ctm:not(.btn-ctm--b) {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border-radius: var(--border-radius-ctm);
  box-shadow: inset 0 0 0 2px var(--tertiary-border);
}

/* Footer */

footer {
  background-color: var(--primary-footer);
  color: var(--primary-footer-text);
}

footer .footer-wrapper {
  background-color: var(--semi-dark-b);
}

footer .footer-wrapper .footer-18plus--box {
  background: var(--error-text);
  border: 2px solid var(--error-text);
  border-radius: var(--border-radius-full);
}

footer .footer-wrapper .footer-submenu .footer-submenu--title::before {
  border-radius: var(--border-radius-full);
  background-color: var(--primary-background);
}

footer .footer-wrapper .footer-submenu .footer-submenu--list>a {
  color: var(--primary-footer-text);
}

footer .footer-wrapper .footer-submenu .footer-submenu--list:hover>a {
  color: var(--secondary-footer-text);
}

footer .footer-wrapper .footer-submenu .footer-submenu--list:hover>a:hover {
  color: var(--primary-footer-text);
}

footer .footer-wrapper .footer-submenu .footer-submenu--list.footer-submenu--list-social a {
  color: var(--tertiary-footer-text);
}

/* Footer container Bottom */

footer .footer-wrapper .footer-container--bottom {
  background: var(--semi-dark-a);
}

/* Register */
body.body--register .body-wrapper::after {
  background-image: var(--bk-register);
  background-size: cover;
  box-shadow: var(--box-shadow-c);
}

.register-container .register-container--wrapper {
  background: var(--box-background-b);
  border-radius: var(--border-radius-b);
}

.register-container .register-container--wrapper .title {
  background: var(--primary-background);
  border-radius: var(--border-radius-b);
  border: 4px solid var(--box-background-b);
}

.register-container .register-container--wrapper form .input-box--row .input-col {
  background: var(--trasp);
  border: none;
}

.register-container .register-container--wrapper form .input-box--row .input-col.input-box--select {
  background: var(--input-background--a);
  border: 1px solid var(--input-border--a);

}

.register-container .register-container--wrapper form .input-box--row .input-col button {
  background: var(--btn-primary);
}

.register-box--bonus .register-box--bonus-wrapper .register-box--left i {
  border-radius: var(--border-radius-full);
  background: var(--primary-background);
}

.form-container .form-container--col.form-container--col-button {
  background: var(--trasp);
  border: 0px solid;
}

.form-container--col-button button,
.register-box--button button {
  background: var(--btn-third);
  color: var(--btn-third-text);
}

.form-container--col-button button .mdi,
.register-box--button button .mdi {
  background: var(--btn-third);
  border-radius: var(--border-radius-full);
  border: 1px solid var(--tertiary-border);
}

.register-completed .icon-box {
  background: var(--box-background-d);
  border: 1px solid var(--secondary-border);
  border-radius: var(--border-radius-full);
}

.main-wrapper--casino .menu-container--casino ul {
  /* background: var(--primary-background);
  border-radius: var(--border-radius-a);
  border: 1px solid var(--five-border); */
}

.main-wrapper--casino .menu-container--casino ul li a .mdi {
  border: 1px solid var(--trasp);
  /* border-radius: 0 0 var(--border-radius-b) var(--border-radius-b); */
}

.main-wrapper--casino .menu-container--casino ul li:hover a,
.main-wrapper--casino .menu-container--casino ul li a.active {
  color: var(--tertiary-text);
  background: var(--trasp);
  /* border-radius: var(--border-radius-a); */
  border-bottom: 2px solid var(--tertiary-border);
}

.main-wrapper--casino .menu-container--casino ul li:hover a .mdi,
.main-wrapper--casino .menu-container--casino ul li a.active .mdi {
  /* border: 1px solid var(--secondary-border); */
  background: var(--trasp);
  color: var(--tertiary-text);
  /* border-top: 0; */
}

.main-wrapper--casino .option-select .option-select--left .btn {
  border-radius: var(--border-radius-a);
  /* border: 1px solid var(--secondary-border); */
}

.game-item {
  border-radius: var(--border-radius-a);
  box-shadow: 1px 1px 12px var(--semi-dark-a);
  color: var(--btn-third-text);
}

.game-item .game-item--back .btn-ctm:not(.btn-ctm--play-ff) {
  border-radius: var(--border-radius-a);
  background: var(--btn-third);
  color: var(--btn-third-text);
}

.game-item .game-item--back .btn-ctm.btn-ctm--play-ff {
  background: var(--trasp);
}


.game-item .game-item--front .game-item--icon {
  color: var(--six-text);
}

.game-item .game-item--front .game-item--icon.active,
.game-item .game-item--front .game-item--icon:hover {
  color: var(--five-text);
}

.game-item .game-item--topgame {
  background: var(--casino-promo);
  border-radius: var(--border-radius-a);
}

.game-item .label-promo {
  background: var(--casino-promo);
  color: var(--primary-text);
}

.game-item .label-new {
  background: var(--casino-new);
  color: var(--primary-text);
}

.game-item .game-item--topgame::before {
  border-top: 15px solid var(--secondary-border);
  border-left: 25px solid var(--trasp);
  border-right: 25px solid var(--trasp);
  border-bottom: 0px solid var(--trasp);
}

.game-item .game-item--jackpot {
  background: var(--btn-third);
  border: 0 solid var(--secondary-border);
  color: var(--btn-third-text);
  border-radius: var(--border-radius-a);
}

.dialog-ctm.dialog-ctm--game.dialog-ctm--game-casino {
  /* background-image: var(--bk-casino); */
}

.dialog-ctm.dialog-ctm--game.dialog-ctm--game-casinolive {
  /* background-image: var(--bk-casinolive); */
}

.dialog-ctm.dialog-ctm--game.dialog-ctm--game-casinolive {
  background-color: var(--primary-background);
}

.dialog-ctm.dialog-ctm--game.dialog-ctm--game-casinolive::before {
  background-image: var(--bk-casinolive);
  background-color: var(--semi-light-light);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper {
  background: var(--trasp);
  box-shadow: 0 0 0 var(--trasp);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content {
  border-radius: var(--border-radius-a);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--bottom,
.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--top {
  background: var(--semi-light-b);
  border-radius: var(--border-radius-b) var(--border-radius-b) 0 0;
  border: 3px solid var(--fourth-border);
  box-shadow: inset 0px 2px 5px -2px var(--semi-dark-b);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--bottom {
  border-radius: 0 0 var(--border-radius-b) var(--border-radius-b);
  box-shadow: inset 0px -2px 5px -2px var(--semi-dark-b);
  border-bottom: 3px solid var(--fourth-border);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--bottom .icon-box.active,
.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--bottom .icon-box:hover,
.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--top .icon-box:hover {
  background: var(--box-background-d);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--bottom .icon-box.active i,
.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--bottom .icon-box:hover i,
.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--top .icon-box:hover i {
  color: var(--icon-primary);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--bottom .icon-box .icon-box--info,
.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--top .icon-box .icon-box--info {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--bottom .icon-box .icon-box--info .game-info--description,
.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .dialog-content--top .icon-box .icon-box--info .game-info--description {
  border-radius: var(--border-radius-a);
  border: 3px solid var(--fourth-border);
}

.dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper .dialog-content .video-container {
  background: var(--box-background-c);
  border-radius: var(--border-radius-a);
  box-shadow: 0px 1px 6px 0px var(--semi-dark-c);
}

/* Dialog Game Mini */

.dialog-ctm.dialog-ctm--game.game-mini {
  background: none;
}

.dialog-ctm.dialog-ctm--game.game-mini .dialog-ctm--wrapper .dialog-content .dialog-content--bottom {
  border-radius: 0 var(--border-radius-b) var(--border-radius-b) 0;
  border-top: 3px solid var(--fourth-border);
}

.page-container--account .main-container {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}

.page-container--account .menu-account {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
}



.page-container--account .main-container .main-container--wrapper .left-container {
  border-radius: var(--border-radius-a);
}

.page-container--account .main-container .main-container--wrapper .right-container {
  background: var(--box-background-b);
}

.page-container--sport .main-wrapper .left-sidebar,
.page-container--account .main-wrapper .right-sidebar.active,
.page-container--sport .main-wrapper .right-sidebar.active {
  background: var(--primary-background);
}

.page-container--account .main-wrapper .right-sidebar .right-sidebar--openmenu button .coupon-label,
.page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu button .coupon-label {
  border-radius: var(--border-radius-a);
  background: var(--secondary-background);
  color: var(--tertiary-text);
}

.page-container--account .main-wrapper .right-sidebar .right-sidebar--openmenu button,
.page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu button {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border-radius: var(--border-radius-full);
}

.page-container--account .main-wrapper .left-sidebar.active .sidebar--overlay,
.page-container--sport .main-wrapper .left-sidebar.active .sidebar--overlay {
  background: var(--semi-dark-b);
}

body.sidenav-active .right-sidebar .right-sidebar--openmenu {
  background: var(--semi-dark-b);
}



/* Generica */

.sidebar-list ul li a,
.left-filter ul li a {
  background: var(--tertiary-background);
  border: 1px solid var(--fourth-border);
  background: var(--tertiary-background);
  border-radius: var(--border-radius-a);
}

.sidebar-list ul li a.active,
.left-filter ul li a.active,
.left-filter ul li.active a,
.left-filter ul li:hover a {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border: 1px solid var(--tertiary-border);
  border-bottom: 1px solid var(--tertiary-border);
}

.sidebar-list ul li a .counter,
.left-filter ul li a .counter {
  border: 1px solid var(--tertiary-border);
  border-radius: var(--border-radius-full);
  background: var(--semi-dark-a);
}

.payment-container .payment-item {
  border-radius: var(--border-radius-a);
  background: var(--box-background-d);
  border: 1px solid var(--five-border);
  box-shadow: var(--box-shadow-b);
}

.payment-container .payment-item:hover {
  background: var(--box-background-c);
  border: 1px solid var(--secondary-border);
}

.btn-ctm--b:not(.btn-activated):hover,
.btn-ctm--a {
  background: var(--semi-light-a);
  border-radius: var(--border-radius-a);
  /* border: 2px solid var(--btn-fourt); */
}

.btn-ctm--b:not(.btn-activated):hover>i,
.btn-ctm--a>i {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border-radius: var(--border-radius-full);
}

.btn-ctm--b {
  background: var(--tertiary-background);
  border-radius: var(--border-radius-a);
  border: 2px solid var(--five-border);
}

.btn-ctm--b.btn-activated {
  color: var(--featured-text);
  border: 1px solid var(--featured-border);
  background: var(--featured-background);
}

.btn-ctm--b:not(.btn-activated) .btn-activation .mdi {
  color: var(--warning-text);
}

.btn-ctm--b>i {
  background: var(--semi-dark-light);
  border-radius: var(--border-radius-full);
}

.btn-ctm.btn-ctm--support>i {
  border-radius: 0 var(--border-radius-full) var(--border-radius-full) 0;
}

.dialog-ctm--payments .dialog-content .payment-img {
  background: linear-gradient(180deg, var(--box-background-a), var(--box-background-c));
  border-radius: var(--border-radius-b);
  border-bottom: 2px solid var(--five-border);
}

.form-container .form-container--col {
  background: var(--tertiary-background);
  border-radius: var(--border-radius-a);
  border: 1px solid var(--input-border--a);
}

.form-container .form-container--col input.input-box:not(:focus):not(:active) {
  background: var(--input-background--a);
}

.label-ctm {
  border-radius: var(--border-radius-full);
}


.table-options {
  border-radius: var(--border-radius-a);
  box-shadow: 0 2px 5px var(--semi-dark-light);
  border: 1px solid var(--five-border);
}

.table-options .btn-search {
  background: var(--btn-third);
  color: var(--btn-third-text);
}

.table-options .btn-reload {
  box-shadow: inset 0 0 0px 2px var(--tertiary-border);
}

.table-options .input-box--row:last-child {
  background: var(--tertiary-background);
  border-top: 1px solid var(--primary-border);
}

.pagination-list>li a {
  background: var(--tertiary-background);
  border-radius: var(--border-radius-a);
}

.pagination-list>li a:hover,
.pagination-list>li a.active {
  background: var(--btn-five);
  box-shadow: inset 0 0 0 2px var(--secondary-text);
}

.invitation-container .invitation-box {
  background: var(--tertiary-background);
  border-radius: var(--border-radius-a);
}

.invitation-container .invitation-box i::before {
  color: var(--five-text);
}

.ranking-container .ranking-top .ranking-info.ranking-info--icon i {
  background: var(--tertiary-background);
  border-radius: var(--border-radius-full);
  box-shadow: inset 0 0 0 5px var(--fourth-border);
}

.ranking-container .ranking-bottom {
  background: var(--box-background-d);
  border-radius: var(--border-radius-a);
  color: var(--tertiary-text);
}

.ranking-container .ranking-bottom ul>li {
  border-bottom: 1px solid var(--secondary-border);
}

.royalty-box .royalty-box--status {
  background: var(--tertiary-background);
  border-radius: var(--border-radius-a);
}

.royalty-box .royalty-box--status .label-box {
  border: 2px solid var(--tertiary-border);
  border-radius: var(--border-radius-full);
}

.royalty-box .royalty-box--status .label-box::before {
  border-radius: var(--border-radius-full);
  background: var(--error-text);
}

.royalty-box .royalty-box--status .label-box.label-box--active {
  border: 2px solid var(--featured-border);
}

.royalty-box .royalty-box--status .label-box.label-box--active::before {
  background: var(--featured-background-secondary);
}

.legenda-list>li::before {
  border-radius: var(--border-radius-full);
  background: var(--tertiary-background);
}

.item-esit {
  border-radius: var(--border-radius-full);
  background: var(--tertiary-background);
}

.label-ctm--win,
.item-esit.item--win,
.legenda-list>li.legenda-item--win::before {
  background: var(--featured-background-secondary);
  border: 1px solid var(--featured-border);
}

/* Base Wrapper */
.table-wrapper {
  border: 1px solid var(--five-border);
  border-radius: var(--border-radius-a);
  box-shadow: 0 2px 5px var(--semi-dark-light);
}

.table-wrapper>strong,
.table-wrapper>.title {
  background: var(--tertiary-background);
}

/* Intestazione */
.table-wrapper thead th {
  background-color: var(--box-background-d);
  color: var(--tertiary-text);
  border: 0;
  border: 1px solid var(--five-border);
}

/* Corpo della tabella */
.table-wrapper tbody td {
  border: 1px solid var(--five-border);
}

.table-wrapper tbody td .rank-icon {
  background: var(--tertiary-background);
  border-radius: var(--border-radius-full);
}

/* Righe alternate */
.table-wrapper tbody tr:nth-child(odd) {
  background-color: var(--box-background-a);
}

.table-wrapper tbody tr:nth-child(even) {
  background-color: var(--box-background-b);
}

/* Hover sulle righe */
.table-wrapper tbody tr:hover {
  background-color: var(--semi-light-a);
}

.table-wrapper tfoot {
  background: var(--tertiary-background);
}

/* Nascondi tutti i contenitori delle tabs per default */

.tab-container {
  /* border: 1px solid var(--five-border); */
  border-radius: var(--border-radius-a);
}

.tab-list>div {
  /* border-radius: var(--border-radius-full);
  background-color: var(--box-background-a);*/
  color: var(--secondary-text);
  border-bottom: 1px solid var(--trasp);
}

/* .tab-list div:hover, */
.tab-list div.active {
  /* background: var(--box-background-d); */
  border-bottom: 1px solid var(--tertiary-border);
  color: var(--primary-text);
}

.description-container {
  background: var(--input-background--a);
  border-radius: var(--border-radius-a);
}

.tabs-list .tab-item {
  border-bottom: 0 solid var(--trasp);
  box-shadow: inset 0 -2px 0 var(--trasp);
}

.tab-items--ctm .tab-item--ctm {
  border-bottom: 0 solid var(--trasp);
  box-shadow: inset 0 -0 0 var(--trasp);
}

.tabs-list .tab-item:hover,
.tabs-list .tab-item.active {
  border-bottom: 0 solid var(--tertiary-border);
  box-shadow: inset 0 -2px 0 var(--tertiary-border);
}

/******* Alert ********/

.alert-info {
  border-radius: var(--border-radius-b);
  background: var(--valid-background);
  border: 1px solid var(--valid-border);
  color: var(--valid-text);
}

.alert-info .mdi {
  background: var(--input-background--a);
  border-radius: var(--border-radius-b);
}

.alert-info.alert-info--success {
  color: var(--valid-text);
  border: 1px solid var(--valid-border);
  background: var(--valid-background);
}


/******* Generic  ********/
.owl-carousel .owl-nav button.owl-prev {
  /* background: linear-gradient(to right, var(--box-background-b) 0%, var(--trasp) 100%); */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.owl-carousel .owl-nav button.owl-next {
  /* background: linear-gradient(to left, var(--box-background-b) 0%, var(--trasp) 100%); */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.owl-carousel--sport .owl-nav button.owl-prev {
  border-radius: var(--border-radius-a) 0 0 var(--border-radius-a);
  background: var(--box-background-b) !important;
  background: -moz-linear-gradient(90deg, var(--box-background-b) 27%, var(--semi-dark-b) 100%) !important;
  background: -webkit-linear-gradient(90deg, var(--box-background-b) 27%, var(--semi-dark-b) 100%) !important;
  background: linear-gradient(90deg, var(--box-background-b) 27%, var(--semi-dark-b) 100%) !important;
}

.owl-carousel--sport .owl-nav button.owl-next {
  border-radius: 0 var(--border-radius-a) var(--border-radius-a) 0;
  background: var(--box-background-b) !important;
  background: -moz-linear-gradient(270deg, var(--box-background-b) 27%, var(--semi-dark-b) 100%) !important;
  background: -webkit-linear-gradient(270deg, var(--box-background-b) 27%, var(--semi-dark-b) 100%) !important;
  background: linear-gradient(270deg, var(--box-background-b) 27%, var(--semi-dark-b) 100%) !important;
}

.flame-effect {
  /* background-color: red; */
  border-radius: 50%;
  box-shadow: 0 0 10px 5px var(--tertiary-border);
  /* Initial flame-like shadow */
  animation: flame 12s infinite ease-in-out;
}

.stadium-lights {
  display: flex;
  gap: 20%;
  opacity: .5;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
}

.light {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--semi-light-c);
  opacity: 0;
  box-shadow: 0 0 29px 19px var(--semi-light-c);
}


/* Intervalli per ciascuna luce */
.flash1 {
  animation: flash 3s infinite ease-in-out;
  animation-delay: 0s;
  position: relative;
  top: -22px;
  left: 20px;
}

.flash2 {
  animation: flash 3s infinite ease-in-out;
  animation-delay: 3s;
  position: relative;
  top: 8px;
  left: -15px;
}

.flash3 {
  animation: flash 3s infinite ease-in-out;
  animation-delay: 1s;
  position: relative;
  top: 18px;
  left: 95px;
}

.flash4 {
  animation: flash 3s infinite ease-in-out;
  animation-delay: 4s;
  position: relative;
  top: 8px;
  left: 15px;
}

.flash5 {
  animation: flash 3s infinite ease-in-out;
  animation-delay: 7s;
  position: relative;
  top: -24px;
  left: -21px;
}

.loader-ctm {
  box-shadow: 0 0 0 0 var(--primary-border);
}


.loader-ctm div {
  background: var(--five-background);
  border: 3px solid var(--secondary-background);
  border-radius: 50%;
  color: var(--secondary-border);
  text-shadow: 0 0 10px var(--secondary-border);
  box-shadow: 0 0 20px var(--semi-dark-b);
}

.loader-ctm.active div {
  box-shadow: 0 0 2000px 2600px var(--primary-border);
  background: var(--five-background);
}


.loader-ctm div:before {
  border: 3px solid var(--trasp);
  border-top: 3px solid var(--tertiary-border);
  border-right: 3px solid var(--tertiary-border);
  border-radius: var(--border-radius-full);
  animation: animateC 2s linear infinite;
  -webkit-animation: animateC 2s linear infinite;
  -moz-animation: animateC 2s linear infinite;
  -o-animation: animateC 2s linear infinite;
}

.loader-ctm div span {
  background: var(--trasp);
  border-radius: var(--border-radius-full);
  animation: animate 2s linear infinite;
  -webkit-animation: animate 2s linear infinite;
  -moz-animation: animate 2s linear infinite;
  -o-animation: animate 2s linear infinite;
}

.loader-ctm div span:before {
  border-radius: var(--border-radius-full);
  background: var(--tertiary-border);
  box-shadow: 0 0 20px var(--tertiary-border);
}

/******* Notification Page ********/
.messages-container .messages-list .message-item {
  background: var(--tertiary-background);
  border: 1px solid var(--five-border);
}

.messages-container .messages-list .message-item:hover {
  border-bottom: 1px solid var(--five-border);
  background: var(--btn-primary-hover);
  border: 1px solid var(--five-border);
}

/******* Notification ********/

.notification {
  border-radius: var(--border-radius-a);
  border: 1px solid;
}

.notification.notification-hot {
  background: rgba(23, 114, 145, 0.2);
  border-color: rgb(23, 114, 145);
  color: rgb(23, 114, 145);
}

.notification.notification-alert {
  color: var(--warning-text);
}

.notification.notification-confirm {
  color: var(--valid-text);
}

/******* Label ********/

.label-ctm--lose,
.item-esit.item--lose,
.legenda-list>li.legenda-item--lose::before {
  background: rgb(243, 18, 96);
  border: 1px solid rgb(126 10 10);
}

.label-ctm--pending,
.item-esit.item--pending,
.legenda-list>li.legenda-item--pending::before {
  background: rgb(255, 140, 0);
  border: 1px solid rgb(203 105 1);
}

.label-ctm--payed,
.item-esit.item--payed,
.legenda-list>li.legenda-item--payed::before {
  background: greenyellow;
  border: 1px solid rgb(110 181 1);
}

.label-ctm--running,
.item-esit.item--running,
.legenda-list>li.legenda-item--running::before {
  background: yellow;
  border: 1px solid rgb(176 176 0);
}

.label-ctm--rejected,
.item-esit.item--rejected,
.legenda-list>li.legenda-item--rejected::before {
  background: blue;
  border: 1px solid rgb(0 18 134);
}

/* .label-ctm.label-ctm--success {
background-color: #78d17c;
color: var(--semi-dark-c);
border: 2px solid #4CAF50;
}

.label-ctm.label-ctm--pending {
background-color: #fec99e;
color: var(--semi-dark-c);
border: 2px solid #FF9800;
}

.label-ctm.label-ctm--error {
background-color: #fd6c6c;
color: var(--primary-text)
border: 2px solid #ff0000;
}

.label-ctm.label-ctm--win {
background-color: green;
color: var(--primary-text)
border: 2px solid rgb(22, 206, 22);
}

.label-ctm.label-ctm--nulled {
background-color: green;
color: var(--primary-text)
border: 2px solid rgb(22, 206, 22);
}
*/


/* Flash animazioni per ogni luce */
@keyframes flash {

  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes animateC {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate {
  0% {
    transform: rotate(45deg);
  }

  100% {
    transform: rotate(405deg);
  }
}

/* Animazione per l'effetto pulsante del box-shadow */
@keyframes pulsate {

  0%,
  100% {
    box-shadow: 0 0 0px 0 var(--featured-background);
  }

  50% {
    box-shadow: 0 0 10px 4px var(--featured-background);
  }
}

/* Animazione del pallino rosso che lampeggia */
@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Animazione del testo "Live" che appare e scompare */
@keyframes fade-in-out {

  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes flame {
  0% {
    box-shadow: 0 0 10px 5px rgba(254, 194, 0, 0.6);
    /* Small shadow */
  }

  25% {
    box-shadow: 0 0 20px 10px rgba(255, 191, 0, 0.8);
    /* Shadow expands */
  }

  50% {
    box-shadow: 0 0 30px 15px rgba(255, 140, 0, 1);
    /* Bright and larger */
  }

  75% {
    box-shadow: 0 0 20px 10px rgba(255, 120, 0, 0.8);
    /* Shadow shrinks */
  }

  100% {
    box-shadow: 0 0 10px 5px rgba(254, 196, 0, 0.6);
    /* Back to small shadow */
  }
}



.top-menu .icon-container img,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group .btn-icon--sport img {
  filter: invert(1);
  -webkit-filter: invert(1);
}


.top-menu .menu-button:hover .icon-container img,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group .btn-icon--sport:hover img {
  filter: invert(0);
  -webkit-filter: invert(0);
}

.odds-tab-title--container {
  background: var(--box-background-c);
  border-radius: var(--border-radius-a) var(--border-radius-a) 0 0;
}

.match-list.match-list--main:not(.match-list--main-live) {
  background: var(--box-background-b);
}

.match-list .match-list--item .match-list--top,
.match-list .match-list--item .match-list--bottom {
  border-top: 1px solid var(--semi-dark-light);
}

.match-list .match-list--item .match-list--bottom .info--right .qt-box--wrapper .qt-box {
  border-left: 1px solid var(--semi-dark-light);
}

.match-list .match-list--item .match-list--bottom .info--left .info-text>span {
  /* background: var(--box-background-c); */
}

.menu-sport .menu-sport--wrapper .menu-title {
  color: var(--heading-text-b);
}

/* Search Index */
.page-3--columns .main-wrapper .main-container .search-box--ctm,
.page-container--sport .main-wrapper .main-container .search-box--ctm {
  padding: .15rem;
  position: relative;
  background: var(--input-background--a);
}

.page-3--columns .main-wrapper .main-container .search-box--ctm input,
.page-container--sport .main-wrapper .main-container .search-box--ctm input {
  width: calc(100% - 1rem);
  border-radius: var(--border-radius-a);
  margin: 0 auto;
  background: var(--input-background--a);
  border-color: var(--trasp);
  text-indent: 0px;
}

.page-3--columns .main-wrapper .main-container .search-box--ctm button,
.page-container--sport .main-wrapper .main-container .search-box--ctm button {
  position: absolute;
  /* top: 9px;
    left: 20px;
    width: 30px;
    cursor: none; */
  background: var(--trasp);
}




.icon-sport--ctm {
  filter: invert(100%);
}

.tournaments-box .tournaments-title>.mdi {
  color: #f2c94c;
}

.box-main.box-main--live .box-main--top .title-icon>.mdi {
  color: #fc3c3c;
}

.box-main.box-main--popular .box-main--top .title-icon>.mdi {
  color: #ff9820;
}

.box-main.box-main--next .box-main--top .title-icon>.mdi {
  color: #21a8f7;
}



/* Carousel Type A */

.carousel-sport.carousel-sport--type-a .owl-item .carousel-item .carousel-item--odds .qt-btn {
  background: var(--trasp);
  background-image: radial-gradient(circle at 100% 300%, var(--semi-light-a), var(--semi-light-a) 92%);
  border: 1px solid var(--semi-light-b);
  text-shadow: 0 0 0 var(--trasp);
}

.carousel-sport.carousel-sport--type-a .owl-item .carousel-item .carousel-item--odds .qt-btn:hover {
  background-image: radial-gradient(circle at 100% 300%, var(--btn-third), var(--btn-third) 92%);
  border: 1px solid var(--tertiary-border);
}

/* Carousel Type B */
.carousel-sport.carousel-sport--type-b .owl-item .carousel-item::before {
  background: linear-gradient(120deg, rgb(67 33 180) 0%, rgb(22 25 82) 30%, rgb(63 85 207) 100%);
}

.carousel-sport.carousel-sport--type-b .owl-item .carousel-item--odds .qt-btn {
  background: var(--trasp);
  background-image: radial-gradient(circle at 100% 300%, var(--semi-light-a), var(--semi-light-a) 92%);
  border: 0 solid var(--semi-light-b);
  text-shadow: 0 0 0 var(--trasp);
}

.carousel-sport.carousel-sport--type-b .owl-item .carousel-item--odds .qt-btn:hover {
  background-image: radial-gradient(circle at 100% 300%, var(--btn-third), var(--btn-third) 92%);
  border: 1px solid var(--tertiary-border);
}

.carousel-sport.carousel-sport--type-b .owl-item .carousel-item .carousel-item--match .match-home>span:not(.mdi),
.carousel-sport.carousel-sport--type-b .owl-item .carousel-item .carousel-item--match .match-away>span:not(.mdi) {
  background: var(--trasp);
  background-image: radial-gradient(circle at 100% 300%, var(--semi-light-a), var(--semi-light-a) 92%);
  border: 1px solid var(--semi-light-b);
  text-shadow: 0 0 0 var(--trasp);
}

/* Template D */

/*************************************************/
/* CTM PANEL */

.ctm-panel {
  background: var(--box-background);
  border-radius: var(--border-radius-a);

}

.ctm-panel .ctm-panel--title {
  background: var(--heading-background);
  color: var(--heading-text);
  border-radius: var(--border-radius-a) var(--border-radius-a) 0 0;
}

.ctm-panel .ctm-panel--title .title-ctm>.mdi {
  color: var(--icon-primary);
}

.ctm-panel .ctm-panel--title .title-options>.mdi,
.ctm-panel .ctm-panel--title>.mdi {
  background: var(--semi-light-light);
  color: var(--heading-text);
  border-radius: var(--border-radius-a);
}

.ctm-panel .ctm-panel--title .title-ctm span {
  color: var(--heading-text);
}

.ctm-panel .ctm-panel--body {
  background: var(--box-background-d);
}

/*************************************************/
/* Left Sidebar Home Contaner Wrapper */

.sport-item .item--bottominfo .item-details--league,
.sport-item .item--topinfo .item-details--league {
  color: var(--secondary-text);
}

.sport-item .item--odds.qt-box .qt-btn {
  background: var(--qt-background);
  color: var(--qt-color-b);
}

/*************************************************/
/* HEro Slider Home */

.hero-slider--d,
.hero-slider--d .carousel-sport--wrapper {
  border-radius: var(--border-radius-a);
}


.hero-slider--d .carousel-item .hero-slider--text {
  color: var(--tertiary-text);
  text-shadow: var(--box-shadow-a);
  background: var(--semi-light-light);
  border-radius: var(--border-radius-a);
}

.hero-slider--d .carousel-item .hero-slider--text strong span {
  color: var(--five-text);
}

.hero-slider--d .carousel-item .hero-slider--text .btn-slider {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border-radius: var(--border-radius-a);
}

.hero-slider--d .owl-nav .owl-next span,
.hero-slider--d .owl-nav .owl-prev span {
  color: var(--icon-secondary);
}

.hero-slider--d .owl-carousel .owl-nav button {
  background: var(--semi-dark-a);
  border-radius: var(--border-radius-b) 0 0 var(--border-radius-b);

}

.hero-slider--d .owl-carousel .owl-nav button.owl-prev {
  border-radius: 0 var(--border-radius-b) var(--border-radius-b) 0;
}

.hero-slider--d .owl-carousel .owl-nav button.owl-prev {
  border-radius: 0 var(--border-radius-b) var(--border-radius-b) 0;
}

.hero-slider--d .owl-dots .owl-dot {
  background: white;
  border-radius: var(--border-radius-full);
}

/*************************************************/
/* HEro Slider Home Mini */

.hero-slider--mini .owl-carousel .owl-nav button.owl-next span,
.hero-slider--mini .owl-carousel .owl-nav button.owl-prev span {
  color: white;
}

.hero-slider--mini .carousel-item {
  background: var(--box-background-d);
  color: var(--tertiary-text);
  border-radius: 5px;
}

/*************************************************/
/* Main Quote */

.box-main.box-main--sports-tab .box-main--top .btn-live--ctm {
  border-radius: var(--border-radius-a);
  background: var(--btn-five);
  color: var(--five-text);
}

.box-main--type-c {
  border-radius: var(--border-radius-a) var(--border-radius-a) 0 0;
}

.box-main--top-live,
.box-main--type-c .box-main--wrapper .box-main--top {
  /* padding: .25rem; */
  background: var(--secondary-background);
  color: var(--heading-text);
}

.box-main--top-live .box-main--left,
.box-main--type-c .box-main--wrapper .box-main--top .box-main--left {
  border-right: 1px solid var(--semi-dark-a);
}

.search-box--ctm,
.box-main--top-live .box-main--right .search-box--ctm,
.box-main--type-c .box-main--wrapper .box-main--top .box-main--right .search-box--ctm {
  background: var(--semi-dark-a);
}

.search-box--ctm input,
.page-container--casino .main-wrapper .main-container .search-box--ctm input.input-search,
.page-container--sport .main-wrapper .main-container .search-box--ctm input.input-search,
.box-main--top-live .box-main--right .search-box--ctm input,
.box-main--type-c .box-main--wrapper .box-main--top .box-main--right .search-box--ctm input {
  background: var(--trasp) !important;
}

.box-main--type-c .box-main--wrapper .box-main--middle {
  background: var(--primary-background);
  color: var(--heading-text);
}

.box-main--type-c .box-main--wrapper .box-main--middle .tab-items--ctm .tab-item--ctm.tab-item--active:not(:hover) {
  border-color: var(--trasp);
}

.box-main--type-c .box-main--wrapper .box-main--middle .box-main--left {
  border-right: 1px solid var(--semi-light-a);
}

/*************************************************/
/* Menu List */

.menu-list:not(.menu-list--account),
.menu-soccer--list {
  background: var(--trasp);
}

.menu-list .menu-activator.active {
  background: var(--menu-item-a--active);
  border-radius: var(--border-radius-a);
}

.menu-list .menu-activator:hover {
  background: var(--menu-item-a--active);
  border-radius: var(--border-radius-a);
}

.menu-soccer--list .menu-activator:hover {
  color: var(--six-text);
}

.menu-list .menu-list--submenu,
.menu-soccer--list .menu-soccer--list-submenu {
  color: var(--six-text);
}

.menu-list .menu-list--submenu .search-box--ctm input,
.menu-soccer--list .menu-soccer--list-submenu .search-box--ctm input {
  background: var(--semi-dark-light);
}

.menu-list .menu-list--submenu ul li,
.menu-soccer--list .menu-soccer--list-submenu ul li {
  border-bottom: 1px solid var(--semi-dark-a);
}

.menu-list .menu-list--submenu ul li a,
.menu-list .menu-list--submenu ul li>div,
.menu-soccer--list .menu-soccer--list-submenu ul li a {
  border-radius: var(--border-radius-a);
}

.menu-list .menu-list--submenu ul li:hover>a,
.menu-list .menu-list--submenu ul li:hover>div,
.menu-list .menu-list--submenu ul li.active a,
.menu-soccer--list .menu-soccer--list-submenu ul li:hover a,
.menu-soccer--list .menu-soccer--list-submenu ul li.active a {
  background: var(--semi-light-light);
}

.menu-list .menu-list--submenu ul li>div.btn-group--container .btn-ctm {
  border-radius: 0;
  background: var(--tertiary-background);
}

.menu-list .menu-list--submenu ul li>div.btn-group--container .btn-ctm:first-child {
  border-radius: var(--border-radius-a) 0 0 var(--border-radius-a);
}

.menu-list .menu-list--submenu ul li>div.btn-group--container .btn-ctm:last-child {
  border-radius: 0 var(--border-radius-a) var(--border-radius-a) 0;
}

.menu-list .menu-list--submenu ul li>div.btn-group--container .btn-ctm:hover:not(.active),
.menu-list .menu-list--submenu ul li>div.btn-group--container .btn-ctm.active {
  background: var(--secondary-background);
  color: var(--tertiary-text);
}

.menu-list .menu-list--submenu ul li.heading-list,
.menu-soccer--list .menu-soccer--list-submenu ul li.heading-list {
  background: var(--box-background-c);
}

.menu-list .btn-ctm.btn-ctm--save {
  background: var(--btn-third);
  color: var(--btn-third-text);
}

/*************************************************/
/*Match List Home Type C */

.match-list--item .match-list--top {
  background: var(--box-background-c);
}

/*************************************************/
/* Match List Home */

.match-list .match-list--item .match-list--bottom .info--left .icon-container {
  border-right: 1px solid #e1e1e1;
}

.match-list .match-list--item .match-list--bottom .info--right .qt-box--more {
  border-radius: 0;
}

.match-list .match-list--item .match-list--bottom .info--right .qt-box--more .btn-more.active {
  border-radius: 0;
}

.match-list .match-list--item .match-list--bottom .info--right .qt-box--more .btn-more.active {
  background: var(--secondary-background);
  color: var(--tertiary-text);
}

.match-list .match-list--wrapper .match-list--submenu .match-list--tabs {
  background: var(--secondary-background);
  color: var(--heading-text);
}

.match-list .match-list--wrapper .match-list--submenu .match-list--qt .qt-box--container {
  background: var(--fourth-background);
  color: var(--six-text);
}

.match-list .match-list--wrapper .match-list--submenu .match-list--qt .qt-box--container .qt-box.qt-box--a {
  background: var(--box-background-c);
  border-radius: var(--border-radius-a);
}

.match-list .match-list--wrapper .match-list--submenu .match-list--qt .qt-box--container .qt-box.qt-box--a .qt-box--heading {
  background: var(--box-background-c);
  border-radius: 5px;
}

.match-list .match-list--wrapper .match-list--submenu .match-list--qt .qt-box--container .qt-box.qt-box--a .qt-box--odds .qt-btn {
  background: var(--qt-background-c);
  /* flex-direction: column; */
}

.match-list .match-list--wrapper .match-list--submenu .match-list--qt .qt-box--container .qt-box.qt-box--a .qt-box--odds .qt-btn:hover {
  background: var(--qt-background--hover);
}

/*************************************************/
/**** MENU SPORT *****/

.menu-sport .menu-sport--top {
  background: var(--semi-dark-light);
  color: var(--six-text);
}

.tabs-ctm,
.menu-sport .menu-sport--selection {
  background: var(--heading-background);
  color: var(--heading-text);
  border-radius: var(--border-radius-a) var(--border-radius-a) 0 0;
}

.tabs-ctm .tabs-ctm--item:not(.active),
.menu-sport .menu-sport--selection .menu-sport--btn:not(.active) {
  background-color: var(--semi-dark-a);
}

.menu-sport .menu-sport--selection .menu-sport--btn.btn-live::before {
  border-radius: var(--border-radius-full);
  background: var(--icon-third);
}

.menu-sport .tab-items--ctm .tab-item--ctm:hover,
.menu-sport .tab-items--ctm .tab-item--ctm.tab-item--active {
  border-color: var(--trasp);
}

/*************************************************/
/* Menu Sport - Menu Group*/

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup {
  border-radius: var(--border-radius-a);
  border: 1px solid var(--semi-light-light);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group {
  background: var(--semi-light-light);
  border-radius: var(--border-radius-a);
  /* border-bottom: 1px solid var(--secondary-border); */
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-group .btn-menu--group .btn-icon.mdi {
  /* border-left: 1px solid var(--five-border); */
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-subgroup--wrapper .btn-menu--subgroup,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-subgroup--wrapper .btn-menu--subgroup .btn-menu--subgroup {
  border-bottom: 0 solid var(--fourth-border);
  background: var(--semi-light-light);
  border-radius: var(--border-radius-a);
}

.menu-sport .menu-sport--wrapper .menu-container--groups>.menu-subgroup:hover {
  background-color: var(--semi-dark-a);
}


.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-subgroup--wrapper .btn-menu--subgroup .menu-item .btn-icon.mdi,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-item .btn-icon.mdi {
  border-left: 0 solid var(--fourth-border);
}

.menu-sport .menu-sport--wrapper .btn-menu--group.active .btn-icon.mdi,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-item.active .btn-icon.mdi,
.menu-sport .menu-sport--wrapper .btn-menu--subgroup .menu-item.active .btn-icon.mdi,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup .menu-subgroup--wrapper .btn-menu--subgroup .menu-item.active .btn-icon.mdi {
  transform: rotate(180deg);
  border-right: 0 solid var(--fourth-border);
  border-left: 0px solid var(--fourth-border);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last {
  border-bottom: 1px solid var(--five-border);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last .sport-item {
  background: var(--semi-light-light);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last .sport-item.active,
.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last .sport-item:hover {
  background: var(--menu-item-b--hover);
}


.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last.menu-item--active .sport-item {
  background: var(--btn-primary-hover);
}

.menu-sport .menu-sport--wrapper .menu-container--groups .menu-subgroup.menu-subgroup--last .menu-item--last .sport-item .item--topinfo span.mdi {
  color: var(--icon-third);
}

/*************************************************/
/*Registration Form Sidebar */

.box-registration {
  background: var(--semi-light-light);
  border-radius: var(--border-radius-a);
  margin-bottom: .5rem;
}

.box-registration .box-registration--container .input-box--container:not(.input-box--select) .menu-list .mdi,
.box-registration .box-registration--container .input-box--container .menu-list .mdi {
  background: var(--trasp) !important;
  color: #8396b6;
}

.box-registration .box-registration--container .input-box--container:not(.input-box--select) .mdi {
  border-radius: 0 var(--border-radius-a) var(--border-radius-a) 0;
}

.box-registration .box-registration--container .btn-ctm--register {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border-radius: var(--border-radius-a);
}

.box-registration .box-registration--container .input-box--link-wrapper .input-box--container span a {
  color: blue;
}

.box-registration .box-registration--bonus {
  color: var(--five-text);
  border-radius: 0 0 var(--border-radius-a) var(--border-radius-a);
}

/*************************************************/
/* Tabs */

.tabs-ctm.coupon-type--selection .tabs-ctm--item .count {
  border-radius: 5px;
  background: white;
  color: #1a1a1a;
}

/*************************************************/
/* Coupon Type 2 */

.box-sidebar--coupon {
  background: var(--fourth-background);
  color: var(--fourth-text);
  border-radius: 0 0 var(--border-radius-a) var(--border-radius-a);
}

.box-sidebar--coupon .btn-ctm {
  background-color: var(--qt-background);
}

.box-sidebar--coupon .box-sidebar--wrapper .box-sidebar--options .menu-list {
  background-color: var(--qt-background);
}

.box-sidebar--coupon .box-sidebar--wrapper .box-sidebar--options .menu-list>.menu-activator {
  border-radius: var(--border-radius-a);
}

.box-sidebar--coupon .box-sidebar--wrapper .box-sidebar--options .menu-list .heading-list {
  background: transparent;
  border-bottom: 0 solid var(--semi-dark-a);
}

.box-sidebar--coupon .box-sidebar--wrapper .box-sidebar--options .menu-list--btn .btn-ctm.btn-ctm--save {
  background: var(--btn-third);
  border-radius: var(--border-radius-a);
  color: var(--btn-third-text);
}

.box-sidebar--coupon .box-sidebar--wrapper .box-sidebar--container .box-content p {
  background: var(--semi-light-light);
  border-radius: var(--border-radius-a);
}

.box-sidebar--coupon .box-sidebar--coupon-extra .btn-ctm--register {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border-radius: var(--border-radius-a);
}

.box-sidebar--coupon .box-sidebar--coupon-extra .box-coupon--load-events {
  border-top: 1px #4964a2 dashed;
}

.box-sidebar--coupon .box-sidebar--wrapper .btn-container .btn-ctm.btn-ctm--save {
  background: var(--btn-third);
  border-radius: var(--border-radius-a);
  color: var(--btn-third-text);
}

.box-sidebar--coupon .box-sidebar--wrapper .btn-container .btn-ctm.btn-ctm--load {
  background: var(--semi-dark-light);
  border-radius: var(--border-radius-a);
}

/*************************************************/
/*Coupon type B */

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs .tabs-list.tabs-list--b .total-odds--overall {
  border-bottom: 1px solid var(--semi-dark-light);
}


.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--inputs .coupon-amount--container .input-container--calculator .input-box--number {
  background: var(--input-background--a);
  border-radius: 5px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: var(--semi-dark-light);
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--inputs .coupon-amount--container .input-container--calculator .input-box--number .input-btn {
  background: var(--input-background--a);
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: var(--semi-dark-light);
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon.match-list .match-list--wrapper .match-list--submenu .match-list--tabs .tabs-list-container .coupon-tabs--inputs .coupon-amount--container .input-container--calculator .input-box--number .input-btn.input-btn--down {
  border-radius: var(--border-radius-a) 0 0 var(--border-radius-a);
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--inputs .coupon-amount--container .input-container--calculator .input-box--number .input-btn.input-btn--up {
  border-radius: 0 var(--border-radius-a) var(--border-radius-a) 0;
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--inputs .coupon-amount--container .input-btn--group {
  border-bottom: 1px solid var(--semi-dark-light);
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--inputs .coupon-amount--container .input-btn--group .btn {
  border-radius: var(--border-radius-a);
  background-color: var(--qt-background);
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--wrapper .coupon-qt--list .coupon-qt--item {
  border-bottom: 1px solid var(--semi-dark-light);
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--wrapper .coupon-qt--list .coupon-qt--item .coupon-qt--exp {
  text-shadow: 0 0 2px BLACK;
  background: var(--semi-dark-b);
  color: var(--tertiary-text);
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--wrapper .coupon-qt--list .coupon-qt--item:last-child {
  border-bottom: 0;
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--wrapper .coupon-qt--list .coupon-qt--item .coupon-qt--label-live {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border-radius: 2px;
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--wrapper .coupon-qt--list .coupon-qt--item::before {
  background: var(--fourth-background);
  border-radius: 0 var(--border-radius-full) var(--border-radius-full) 0;
}

.box-sidebar--coupon.box-sidebar--coupon-b .coupon-container .coupon-tabs--wrapper .coupon-qt--list .coupon-qt--item::after {
  background: var(--fourth-background);
  border-radius: var(--border-radius-full) 0 0 var(--border-radius-full);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-place {
  background: var(--btn-third);
  color: var(--btn-third-text);
}

/*************************************************/
/* Left Sidebar  */

.left-sidebar .left-sidebar--wrapper .button-collapse .btn-ctm {
  background: var(--box-background-d);
  color: var(--tertiary-text);
}

.right-sidebar .right-sidebar--wrapper .button-collapse .btn-ctm {
  background: var(--box-background-d);
  color: var(--tertiary-text);
}

.right-sidebar.right-sidebar--coupon .right-sidebar--wrapper .box-sidebar--livestreaming {
  background: var(--box-background-d);
  color: var(--tertiary-text);
  border-radius: var(--border-radius-a);
}

/*************************************************/
/*Dialog Ctm Login */

.dialog-ctm.dialog-ctm--login .dialog-ctm--wrapper .dialog-content .tabs-list {
  background: var(--semi-dark-a);
  border-radius: var(--border-radius-a);
}

.dialog-ctm.dialog-ctm--login .dialog-ctm--wrapper .dialog-content .tabs-list .tab-item {
  border: 0;
}

.dialog-ctm.dialog-ctm--login .dialog-ctm--wrapper .dialog-content .tabs-list .tab-item:hover,
.dialog-ctm.dialog-ctm--login .dialog-ctm--wrapper .dialog-content .tabs-list .tab-item.active:hover,
.dialog-ctm.dialog-ctm--login .dialog-ctm--wrapper .dialog-content .tabs-list .tab-item.active {
  border: 0;
  background: var(--semi-light-a);
}

.dialog-ctm.dialog-ctm--login .dialog-ctm--wrapper .dialog-content .dialog-bottom--text>a {
  color: var(--five-text);
}

.dialog-ctm.dialog-ctm--login .dialog-ctm--wrapper .dialog-content .social-login .social-btn--wrapper .btn-social {
  background: var(--trasp);
  border-radius: var(--border-radius-a);
  border: 2px solid var(--semi-light-light);
}

.dialog-ctm.dialog-ctm--login .dialog-ctm--wrapper .dialog-content .btn-ctm.btn-login--sms {
  background: var(--trasp);
  box-shadow: inset 0 0 0 var(--trasp);
  border: 2px solid var(--semi-light-light);
  color: var(--btn-five-text);
}

/*************************************************/
/*Social Button Login */

.social-login .social-btn--wrapper {
  color: var(--six-text);
}

.social-login .social-btn--wrapper .btn-social {
  background: var(--trasp);
  border-radius: var(--border-radius-a);
  border: 2px solid var(--semi-light-light);
}

.social-login .social-btn--wrapper .btn-social span::before {
  color: var(--btn-five-text);
}

.social-login .btn-ctm.btn-login--sms {
  background: var(--btn-five);
  box-shadow: inset 0 0 0 var(--trasp);
  color: var(--btn-five-text);
}

/*************************************************/
/*Dialog Register */

.dialog-ctm.dialog-ctm--register .dialog-overlay {
  background: var(--semi-dark-b);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
}


.dialog-ctm.dialog-ctm--register .dialog-selector {
  display: none;
}

.dialog-ctm.dialog-ctm--register .dialog-ctm--wrapper {
  max-width: 630px;
  z-index: 10;
  padding: 0;
}


/* .dialog-ctm.dialog-ctm--register .dialog-ctm--wrapper .dialog-heading span::before {
    display: none;
} */

.dialog-ctm.dialog-ctm--register .dialog-ctm--wrapper .tabs-list {

  gap: 0;
  margin: .5rem auto;
  width: calc(100% - 1rem);
  background: var(--semi-dark-a);
  padding: 0;
  border-radius: var(--border-radius-a);
  overflow: hidden;

}

.dialog-ctm.dialog-ctm--register .dialog-ctm--wrapper .tabs-list .tab-item {
  background: var(--trasp);
  border: 0;
  border-radius: 0;
  /* width: 33.3333%; */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  min-height: 40px;

}

.dialog-ctm.dialog-ctm--register .dialog-ctm--wrapper .tabs-list .tab-item:hover,
.dialog-ctm.dialog-ctm--register .dialog-ctm--wrapper .tabs-list .tab-item.active {
  background: var(--semi-light-a);
  color: var(--heading-text);
}

.dialog-ctm.dialog-ctm--register .dialog-ctm--wrapper .tabs-list .tab-item>.mdi {
  font-size: 16px;
}

.dialog-ctm.dialog-ctm--register .register-container {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.dialog-ctm.dialog-ctm--register .register-container .register-container--wrapper {
  padding: 1rem;
  margin: 0 auto;
}

.dialog-ctm.dialog-ctm--register .register-container .register-container--wrapper .btn-ctm--register {
  background: var(--btn-third);
  color: var(--btn-third-text);
}

/* Dialog Generic */

.dialog-ctm .dialog-selector {
  background: var(--box-background-a);
  border-radius: var(--border-radius-a);
  box-shadow: 0 1px 6px 0 var(--fourth-text);
}

.dialog-ctm .dialog-ctm--wrapper .dialog-heading {
  background: var(--semi-dark-a);
  border-radius: var(--border-radius-a) var(--border-radius-a) 0 0;
}

.dialog-ctm .dialog-ctm--wrapper .dialog-heading .mdi {
  background: var(--semi-light-light);
  border-radius: 5px;
  color: white;
}

.dialog-ctm .dialog-ctm--wrapper .tabs-list {
  /* background: var(--semi-dark-a); */
  border-radius: var(--border-radius-a);
}

.dialog-ctm .dialog-ctm--wrapper .tabs-list .tab-item:hover,
.dialog-ctm .dialog-ctm--wrapper .tabs-list .tab-item.active:hover,
.dialog-ctm .dialog-ctm--wrapper .tabs-list .tab-item.active {
  border: 0;
  background: #323738;
}

/* Dialog Search */

.dialog-ctm.dialog-ctm--search {
  background: rgba(36, 39, 38, 0.96);
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper {
  background: var(--trasp);
  box-shadow: 0 0 0 0 var(--trasp);
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .dialog-heading {
  background: var(--trasp);
}

.page-container--casino .main-container .search-box--ctm,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .search-box--ctm {
  background: var(--trasp);
  border-radius: var(--border-radius-a);
}

.page-container--casino .main-container .search-box--ctm input,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .search-box--ctm input {
  background: #292d2e !important;
  border: 1px solid var(--semi-light-light);
  border-radius: var(--border-radius-a);
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .search-box--ctm input {
  border-radius: 0 var(--border-radius-a) var(--border-radius-a) 0;
}

.page-container--casino .main-container .search-box--ctm input:active,
.page-container--casino .main-container .search-box--ctm input:focus,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .search-box--ctm input:focus,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .search-box--ctm input:active {
  border-color: var(--tertiary-border);
}

.page-container--casino .main-container .search-box--ctm .menu-list>span,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .search-box--ctm .menu-list>span {
  border: 1px solid var(--semi-light-light);
  border-right: 0;
  border-radius: var(--border-radius-a) 0 0 var(--border-radius-a);
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .menu-list--bottom {
  border-top: 1px solid var(--semi-light-light);
  color: var(--btn-third);
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .menu-list--bottom .btn-ctm {
  background: var(--trasp);
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .games-filters>.menu-list>.menu-activator {
  background: #292d2e;
  border-radius: var(--border-radius-a);
  border: 1px solid #3a4142;
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .games-filters>.menu-list>.menu-activator>.mdi {
  background: #3a4142;
  border-radius: var(--border-radius-a);
  border: 1px solid #3a4142;
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .games-filters>.menu-list>.menu-list--submenu ul>li span {
  border-radius: var(--border-radius-a);
}

.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .games-filters>.menu-list>.menu-list--submenu ul>li.active span,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .games-filters>.menu-list>.menu-list--submenu ul>li:hover span {
  background: var(--semi-light-light);
}

/* Games Casino */

.page-container--casino .main-container .menu-container--casino ul li,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .menu-container--casino ul li {
  border-radius: var(--border-radius-a);
  box-shadow: inset 0 0 0 var(--trasp);
}

.page-container--casino .main-container .menu-container--casino ul li a,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .menu-container--casino ul li a {
  color: var(--tertiary-text);
}

.page-container--casino .main-container .menu-container--casino ul li a,
.page-container--casino .main-container .menu-container--casino ul li:hover a,
.page-container--casino .main-container .menu-container--casino ul li a.active,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .menu-container--casino ul li a,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .menu-container--casino ul li:hover a,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .menu-container--casino ul li a.active {
  box-shadow: inset 0 0 0 transparent;
  border: 0;
}

.page-container--casino .main-container .menu-container--casino ul li:hover,
.page-container--casino .main-container .menu-container--casino ul li.active:hover,
.page-container--casino .main-container .menu-container--casino ul li.active {
  border: 0;
  background: #323738;
}

.page-container--casino .main-container .menu-container--casino ul li:hover .mdi,
.page-container--casino .main-container .menu-container--casino ul li.active:hover .mdi,
.page-container--casino .main-container .menu-container--casino ul li.active .mdi {
  color: var(--icon-primary);
}

.page-container--casino .main-container .menu-container--casino ul.owl-carousel .owl-nav button span,
.dialog-ctm.dialog-ctm--search .dialog-ctm--wrapper .menu-container--casino ul.owl-carousel .owl-nav button span {
  color: #ffffff;
}

/*************************************************/
/* Bonus List */

.bonus-list {
  border-radius: var(--border-radius-a);
}

.bonus-list .bonus-list--item {
  border-bottom: 1px solid var(--five-border);
}

.bonus-list .bonus-list--item:hover,
.bonus-list .bonus-list--item.active {
  background: var(--heading-background);
  color: var(--heading-text);
}

/*************************************************/
/*Footer */

footer {
  background: var(--primary-footer);
}

footer.footer-ctm .footer-wrapper {
  background: var(--trasp);
  /* background: var(--primary-footer);
    color: var(--primary-footer-text); */
}

footer.footer-ctm .footer-wrapper .footer-container--top {
  background: var(--primary-footer);
  color: var(--primary-footer-text);
  border-radius: var(--border-radius-a);
}

footer .footer-wrapper .footer-submenu {
  color: var(--primary-footer-text);
}

footer .footer-wrapper .footer-container--bottom {
  background: var(--trasp);
}

footer.footer-ctm .footer-wrapper .footer-container--bottom .footer-container--bottom-left {
  background: var(--primary-footer);
  color: var(--primary-footer-text);
  border-radius: var(--border-radius-a);
}

footer.footer-ctm .footer-wrapper .footer-container--bottom .footer-container--bottom-left p {
  color: var(--secondary-footer-text);
}

footer.footer-ctm .footer-wrapper .footer-container--bottom .customer-support--container {
  background: var(--primary-footer);
  color: var(--primary-footer-text);
  border-radius: var(--border-radius-a);
}

footer.footer-ctm .footer-wrapper .footer-container--bottom .customer-support--container>.mdi {
  color: var(--secondary-footer-text);
}

footer.footer-ctm .footer-wrapper .footer-container--bottom .customer-support--container p {
  color: var(--secondary-footer-text);
}

footer.footer-ctm .footer-wrapper .footer-container--additional .footer-submenu--list.footer-submenu--list-social {
  background: var(--primary-footer);
  color: var(--primary-footer-text);
  border-radius: var(--border-radius-a);
}

footer.footer-ctm .footer-wrapper .footer-container--additional .footer-certificate {
  background: var(--primary-footer);
  color: var(--primary-footer-text);
  border-radius: var(--border-radius-a);
}

/********* LIVE *************/

.match-duration--container {
  background: var(--semi-dark-light);
  border-radius: var(--border-radius-b);
}

.match-duration--container .match-duration--bar {
  background: var(--five-text);
  border-radius: var(--border-radius-b);
}

.carousel-sport .carousel-item .carousel-item--match-extra small {
  color: var(--five-text);
}

.carousel-sport .carousel-item .carousel-item--topinfo .item-img {
  background: var(--trasp);
}

.carousel-sport .carousel-item .carousel-item--topinfo .item-info--date .btn-live--ctm {
  border-radius: var(--border-radius-a);
  background: var(--btn-five);
  color: var(--five-text);
}

.carousel-sport .carousel-item .carousel-item--topinfo .item-favorites {
  color: var(--five-text);
}

/*************************************************/
/*** LIVE ***/

.box-match--heading {
  background: var(--secondary-background);
  color: var(--heading-text);
}

.box-match--heading .box-match--left {
  border-right: 1px solid var(--semi-dark-a);
}

/*Box match right */

.box-match--heading .box-match--right .menu-list .menu-list--submenu ul li.heading-list {
  background: var(--trasp);
}

.box-match--heading .box-match--right .box-match--match-style {
  border-right: 1px solid var(--semi-dark-a);
}

.box-match--heading .box-match--right .button-collapse .btn-ctm {
  background: var(--trasp);
}

.box-match--heading .box-match--right .button-collapse>.btn-ctm {
  border-radius: 0;
  background: var(--btn-primary);
  color: var(--tertiary-text);
}


/** Center Box **/
.box-match--heading .box-match--center .btn-toggle .btn-ctm.btm-ctm--toggle {
  background: var(--trasp);
}

/* Search */

.main-container .box-main--top.box-main--top-live .search-box--ctm .search-box--ctm input.search-input {
  background: var(--trasp) !important;
}

/*************************************************/
/* IFRAME SOCCER UPD */

.match-list--single .match-list--single-bottom .match-list--single-center .score-box span:first-child {
  color: var(--fourth-text);
}

.match-list--single .match-list--single-bottom .match-list--single-center .score-box span:last-child {
  color: var(--five-text);
}

.match-list--single .match-list--info-top {
  border-bottom: 1px solid var(--semi-light-light);
}

.match-list--single .match-list--info-bottom {
  border-top: 1px solid var(--semi-light-light);
}

/*************************************************/
/* CASINO */

body.body--casino .page-title--container,
body.body--casino .page-container.h-full {
  background: var(--five-background);
}

.body--casino .page-title--container h1 {
  color: var(--tertiary-text) !important;
}

.body--casino .page-title--container>div.breadcrumb-container {
  color: var(--tertiary-text);
}

.body--casino .page-title--container>div.search-box--ctm {
  background: var(--semi-light-a);
}

.body--casino .page-title--container>div.search-box--ctm input {
  height: 100%;
  color: var(--tertiary-text);
}

.body--casino .page-title--container>div.search-box--ctm .btn-search {
  background: var(--trasp);
  color: var(--semi-light-a);
}

/*************************************************/
/* ASIDE NAV */

body.body--casino .page-container aside .left-sidebar--wrapper .btn-ctm.btn-ctm--collapse-left {
  background: var(--semi-light-light);
}

body.body--casino .page-container aside.active .left-sidebar--wrapper .menu-casino .menu-casino--wrapper .menu-item.active::before {
  border-radius: 15px 15px 0 0;
  background: var(--btn-five-text);
}

body.body--casino .page-container aside .left-sidebar--wrapper .menu-casino .menu-casino--wrapper .menu-item {
  border-radius: 5px;
}

body.body--casino .page-container aside .left-sidebar--wrapper .menu-casino .menu-casino--wrapper .menu-item.active {
  background: #0065bd;
}

body.body--casino .page-container aside .left-sidebar--wrapper .menu-casino .menu-casino--wrapper .menu-item.active::before {
  background: #2996f5;
  border-radius: 5px 0 0 5px;
}

/*************************************************/
/* Sidenav Active */

body.body--casino .page-container aside:not(.active) .left-sidebar--wrapper .menu-casino .menu-casino--wrapper {
  background: var(--semi-light-light);
  color: var(--tertiary-text);
  border-radius: 5px;
}

body.body--casino .page-container aside:not(.active) .left-sidebar--wrapper .btn-ctm.btn-ctm--collapse-left {
  background: var(--semi-light-light);
}

body.body--casino .page-container aside.active .left-sidebar--wrapper .menu-casino .menu-casino--wrapper .menu-item {
  background: var(--semi-light-light);
  color: var(--tertiary-text);
  border-radius: 5px;
}

.main-wrapper--casino .main-container {
  /* background: var(--five-background); */
}

.main-wrapper--casino .btn-more--container .btn-ctm {
  background: #3a5180;
  border-radius: 0 0 5px 5px;
  color: #fff;
}

.main-wrapper--casino .games-container,
.main-wrapper--casino .menu-container--casino {
  background: var(--semi-dark-a);
}

.main-wrapper--casino .menu-container--casino ul {
  box-shadow: inset 0px -2px 0px #344674;
}

.main-wrapper--casino .menu-container--casino ul li a {
  color: var(--tertiary-text);
}

.main-wrapper--casino .menu-container--casino ul li a,
.main-wrapper--casino .menu-container--casino ul li:hover a,
.main-wrapper--casino .menu-container--casino ul li a.active {
  box-shadow: inset 0 0 0 transparent;
}

.main-wrapper--casino .menu-container--casino ul.owl-carousel .owl-nav button span {
  color: #ffffff;
}

/*************************************************/
/*Games Casino */

.game-item {
  background: var(--secondary-background);
}


.game-item label {
  color: white;
}

.game-item:hover .game-item--back {
  background: var(--semi-dark-b);
}

.game-item .game-item--back .btn-ctm::before {
  border-radius: var(--border-radius-full);
}

.game-item .game-item--back .btn-ctm:not(.btn-ctm--play-ff) {
  background: var(--semi-light-a);
  color: var(--primary-text);
  border-radius: var(--border-radius-full);
}

.game-item .game-item--topgame {
  border-radius: 5px;
}

/*************************************************/
/* Aside Casino */

aside .filter-casino .filter-casino--wrapper .search-box--ctm input {
  color: var(--tertiary-text);
}

aside .filter-casino .filter-casino--wrapper .search-box--ctm .btn-search {
  background: var(--trasp);
}

aside .filter-casino .filter-casino--top {
  background: var(--semi-light-light);
  color: var(--tertiary-text);
  border-radius: 5px 5px 0 0;
}

aside .filter-casino .ctm-panel .ctm-panel--title {
  background: var(--semi-dark-a);
  color: var(--heading-text);
  border-bottom: 2px solid var(--five-background);
}

aside .filter-casino .ctm-panel .ctm-panel--title .title-options>.mdi,
aside .filter-casino .ctm-panel .ctm-panel--title>.mdi {
  background: var(--semi-light-light);
  border-radius: 5px;
}

aside .filter-casino .ctm-panel .ctm-panel--body {
  background: var(--semi-dark-a);
}

aside .filter-casino .ctm-panel .ctm-panel--body .casino-list .casino-list--item,
aside .filter-casino .ctm-panel .ctm-panel--body .provider-list .provider-item {
  background: var(--semi-light-light);
  color: var(--tertiary-text);
  border-radius: 5px;
}

aside .filter-casino .ctm-panel .ctm-panel--body .casino-list .casino-list--item>span:not(.mdi) {
  color: var(--heading-text);
}

aside .filter-casino .ctm-panel .ctm-panel--body .casino-list .casino-list--item.active::before,
aside .filter-casino .ctm-panel .ctm-panel--body .casino-list .casino-list--item.active::before {
  border-radius: 15px 15px 0 0;
  background: var(--btn-five-text);
}

aside:not(.active) .filter-casino .filter-casino--top {
  border-radius: 5px;
}

/*************************************************/
/*Games Casino */

.casino-promo {
  background: var(--semi-dark-a);
}

.casino-promo .casino-promo--wrapper .casino-promo--item {
  border-radius: 5px;
  background: var(--semi-light-light);
  color: var(--tertiary-text);
}

.casino-promo .casino-promo--wrapper .casino-promo--item .casino-promo--img span.prize {
  background-color: #04a433;
  border-radius: 0 0 0 5px;
}

.casino-promo .casino-promo--wrapper .casino-promo--item .casino-promo--img span.status {
  background: #a134b2;
  border-radius: 5px 0 0 15px;

}

.casino-promo .casino-promo--wrapper .casino-promo--item .casino-promo--title h5 {
  color: var(--tertiary-text);

}

.casino-promo .casino-promo--wrapper .casino-promo--item .casino-promo--countdown .countdown-timer>div>span {
  border-radius: 5px;
  background: var(--btn-primary);
}

.casino-promo .casino-promo--wrapper .casino-promo--item .casino-promo--buttons .btn-ctm {
  background: var(--semi-light-a);
  color: var(--btn-primary-text);
}

.casino-promo .casino-promo--wrapper .casino-promo--item .casino-promo--buttons .btn-ctm.btn-ctm--play {
  background: var(--btn-third);
  color: var(--btn-third-text);
  border-radius: var(--border-radius-a);
}

.casino-promo .owl-carousel .owl-nav button {
  background: var(--semi-light-c);
  border-radius: var(--border-radius-a);
}

/*************************************************/
/* Casino Categories */

.categories-container .categories-container--wrapper ul>li a {
  background: var(--primary-background);
  /* background-image: radial-gradient(80% 190% at 90% 80%, hsl(208deg 97.98% 36.33%) 0, hsl(222deg 38.77% 22.43%) 60%, hsl(224deg 56.38% 29.66%)); */
  border-radius: 5px;
  color: var(--tertiary-text);
}

.categories-container .categories-container--wrapper ul.provider-list>li .provider-item .counter {
  background: var(--semi-light-light);
  color: var(--tertiary-text);
  border-radius: 5px;
}

.categories-container .categories-container--wrapper ul.provider-list>li .provider-item>span {
  color: var(--tertiary-text);
}

.categories-container .categories-container--wrapper ul.provider-list>li .provider-item .counter>span {
  color: var(--fourth-text);
}

/*************************************************/
/* Account */

.body--account .page-container.page-container--account .main-wrapper>.left-sidebar .menu-list.menu-list--account>li>a {
  border-radius: var(--border-radius-a);
}

.page-container--account .main-container .form-container .form-container--col .input-col .search-box--ctm {
  background: var(--input-background--a);
}

/*************************************************/
/* Pages Generic */

.page-container--casino .main-wrapper,
.page-container--sport .main-wrapper {
  background: #202020;
}

body.sidenav-active .main-wrapper .main-container {
  background: var(--fourth-background);
}

/* Nascondiamo la checkbox nativa */
.input-checkbox {
  border: 2px solid var(--semi-light-light);
  border-radius: 4px;
  background: transparent;
}

/* Hover leggero */
.input-checkbox:hover {
  border-color: #999;
}

/* Stato CHECKED */
.input-checkbox:checked {
  border-color: #00c853;
  /* verde */
}

/* Checkmark */
.input-checkbox:checked::after {
  border: solid #00c853;
  border-width: 0 2px 2px 0;
}


.title-ctm span:first-child,
.title-container .title-ctm span:first-child {
  color: var(--five-text);
}


/* Multiselect Menu */

ul.menu-list--checkbox>li>span::before,
ul.menu-list--checkbox>li>a::before {
  border: 1px solid var(--semi-light-a);
  border-radius: var(--border-radius-full);
}

ul.menu-list--checkbox>li.active>span::before,
ul.menu-list--checkbox>li.active>a::before {
  background: black;
  box-shadow: inset 0 0 0 3px #24ee89;

}

.box-shadow--ctm-a .banner-ctm--wrapper {
  background-image: radial-gradient(circle at 400% 400%, var(--btn-third), var(--trasp) 92%);
}

.box-shadow--ctm-b .banner-ctm--wrapper {
  background-image: radial-gradient(circle at 400% 400%, var(--box-shadow-c), var(--trasp) 92%);
}


.left-sidebar .ctm-panel .ctm-panel--body {
  border-radius: var(--border-radius-a);
}

.left-sidebar .sidebar-menu--list>li,
.left-sidebar .sidebar-menu--list .item-sidemenu--activator {
  background: var(--box-background-d);
}

.left-sidebar .sidebar-menu--list>li>a {
  border-radius: var(--border-radius-a);
  background: var(--box-background-d);
}

.left-sidebar .sidebar-menu--list>li>a.active,
.left-sidebar .sidebar-menu--list>li>a:hover {
  background: var(--semi-light-light);
}

.left-sidebar .sidebar-menu--list>li>a>span.mdi:not(.menu-icon) {
  background: var(--semi-light-light);
  border-radius: 5px;
}

.left-sidebar .sidebar-menu--list>li>a>strong {
  color: var(--five-text);
}

.left-sidebar .sidebar-menu--list>li>.hd-submenu--container {
  background: var(--box-background-d);
  box-shadow: var(--box-shadow-b);
  border-radius: var(--border-radius-a);
}

.left-sidebar .sidebar-menu--list>li>.hd-submenu--container ul.hd-submenu--list>li>a {
  border-radius: var(--border-radius-a);
  /* background: var(--box-background-c); */
}

.left-sidebar .sidebar-menu--list>li>.hd-submenu--container ul.hd-submenu--list>li:hover>a {
  background: var(--semi-light-light);
}

/*************************************************/
/* Categories Home */

.categories-container .categories-list .category-item {
  border-radius: var(--border-radius-a);
  background: var(--box-background-a);
}

.categories-container .categories-list .category-item .category-item--left h5,
.categories-container .categories-list .category-item .category-item--right h5 {
  color: var(--heading-text);
}

.categories-container .categories-list .category-item .category-item--left h5 .mdi,
.categories-container .categories-list .category-item .category-item--right h5 .mdi {
  color: var(--icon-primary);
}

.categories-container .categories-list .category-item .category-item--left p,
.categories-container .categories-list .category-item .category-item--right p {
  color: var(--heading-text-b);
}

/*************************************************/
/* Banner Left*/

.banner-ctm.banner-ctm--d .banner-ctm--wrapper {
  background-color: var(--box-background-a);
  border-radius: var(--border-radius-a);
}

.banner-ctm.banner-ctm--d .banner-ctm--wrapper .banner-ctm--left h6 {
  color: var(--tertiary-text);
}

.banner-ctm.banner-ctm--d .banner-ctm--wrapper .banner-ctm--left h6 span {
  color: var(--five-text);
}

.banner-ctm.banner-ctm--d .banner-ctm--wrapper .banner-ctm--right>span.mdi {
  background: var(--semi-light-light);
  border-radius: var(--border-radius-a);
}

/*************************************************/
/* Sport Evernt Carousel Home */
.carousel-sport .carousel-item .carousel-item--odds .qt-btn {
  background-image: radial-gradient(circle at 100% 300%, var(--box-shadow-c), var(--trasp) 92%);
  border: 1px solid #ff00004d;
}

/*************************************************/
/* Carousel Type A */

.carousel-sport.carousel-sport--type-a .owl-item .carousel-item::after {
  background-position: center center;
  background-size: cover;
  box-shadow: inset 0 -50px 34px 0 var(--semi-dark-b);
}

.carousel-sport.carousel-sport--type-a .owl-item .carousel-item::before {
  background: var(--semi-dark-b);
}

.carousel-sport.carousel-sport--type-b .owl-item .carousel-item .carousel-item--match .match-away>span:not(.mdi),
.carousel-sport.carousel-sport--type-b .owl-item .carousel-item .carousel-item--match .match-home>span:not(.mdi),
.carousel-sport.carousel-sport--type-a .owl-item .carousel-item .carousel-item--match .match-home>span:not(.mdi),
.carousel-sport.carousel-sport--type-a .owl-item .carousel-item .carousel-item--match .match-away>span:not(.mdi) {
  border-radius: var(--border-radius-a);
}

/*************************************************/
/* Home Last Win Middle */

.lastwin-container .section-title strong::before {
  border-radius: var(--border-radius-full);
  background: var(--icon-primary);
}

.games-slider--mini {
  background: var(--semi-light-light);
  border-radius: var(--border-radius-a);
}

.games-slider--mini .games-slider--wrapper .games-slider--item {
  border-radius: 0;
}

.games-slider--mini .games-slider--wrapper .games-slider--item p {
  color: var(--five-text);
}

/* .games-slider--mini::before{
  background: linear-gradient(to right, var(--semi-dark-a), var(--trasp));

.games-slider--mini::after{
  background: linear-gradient(to left, var(--semi-dark-a),  var(--trasp));
} */
/*************************************************/
/*Menu Sport */

.main-wrapper .top-menu.top-menu--icon-box.active {
  color: var(--icon-primary);
}

.main-wrapper .top-menu .top-menu--wrapper {
  border-left: 1px solid var(--semi-light-light);
}

.main-wrapper .top-menu {
  border-radius: 0;
}


/*************************************************/
/*Right Sidebar */

.page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu {
  border-radius: 0;
}

.page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu button {
  border-radius: var(--border-radius-a) var(--border-radius-a) 0 0;
}

/*************************************************/
/*Main Tabs */

.tab-items--ctm .tab-item--ctm {
  border-radius: 25px;
}

.tab-items--ctm .tab-item--ctm a {
  background: #292d2e;
}

.tab-items--ctm .tab-item--ctm a img {
  filter: invert(1);
}

.tab-items--ctm .tab-item--ctm .tab-item--active {
  background: red;
}

.box-main.box-main--sports-tab {
  background: var(--trasp);
}

/*************************************************/
/* Grid Sport */

.grid-sport--container .sport-box--item {
  background: #292d2e;
  border-radius: var(--border-radius-a);
}

.grid-sport--container .sport-box--item .sport-item--topinfo .item-img {
  background: var(--trasp);
}


.grid-sport--container .sport-box--item .sport-item--topinfo .item-info--date .btn-live--ctm {
  border-radius: var(--border-radius-a);
  border: 0;
  background: var(--btn-five);
  color: var(--five-text);
}

.grid-sport--container .sport-box--item .sport-item--match .match-home>span:not(.mdi) {
  background: #343839;
  border-radius: 5px;
  border: 1px solid #494c4d;
}

.grid-sport--container .sport-box--item .sport-item--match .match-away>span:not(.mdi) {
  background: #343839;
  border-radius: 5px;
  border: 1px solid #494c4d;
}

.grid-sport--container .sport-box--item .sport-item--match .sport-item--odds .qt-btn {
  background-image: radial-gradient(circle at 100% 300%, var(--box-shadow-c), var(--trasp) 92%);
}


/*************************************************/
/* Tournaments Box */

.tournaments-box .tournaments-box--wrapper .left-container::before {
  background-image: var(--bk-generic-a);
  box-shadow: inset 0 -50px 34px 0 var(--fourth-border);
}

.tournaments-box .tournaments-box--wrapper .left-container .btn-ctm.btn-readmore .mdi {
  color: var(--icon-primary);
}

.tournaments-box .tournaments-box--wrapper .left-container .btn-ctm.btn-info {
  border-radius: 15px;
  background: var(--btn-third);
  color: var(--btn-third-text);
}

.tournaments-box .tournaments-box--wrapper .right-container {
  background: #292d2e;
}

.tournaments-box .tournaments-box--wrapper .right-container ul li {
  background: var(--semi-light-light);
  border-radius: var(--border-radius-a);
}

.tournaments-box .tournaments-box--wrapper .right-container ul li:nth-child(1) {
  box-shadow: inset 3px 0 0 goldenrod;
}

.tournaments-box .tournaments-box--wrapper .right-container ul li:nth-child(2) {
  box-shadow: inset 3px 0 0 silver;
}

.tournaments-box .tournaments-box--wrapper .right-container ul li:nth-child(3) {
  box-shadow: inset 3px 0 0 brown;
}

.tournaments-box .tournaments-box--wrapper .box-countdown>strong::before {
  border-radius: var(--border-radius-full);
  background: var(--icon-primary);
}

/*************************************************/
/* Box Countdown*/

.box-countdown .countdown-timer>div>span {
  border-radius: 5px;
  background: var(--btn-primary);
}

/*************************************************/
/* Account Payment */

.payment-container .payment-item .payment-img img {
  border-radius: var(--border-radius-b);
}

/*************************************************/
/*Slider Casino */

.main-wrapper--casino .top-hero--casino .hero-slider {
  width: 100%;
  max-height: 400px;
}

.main-wrapper--casino .top-hero--casino .hero-slider .owl-nav button {
  background: var(--semi-light-c);
  border-radius: 0 25px 25px 0;
}

.main-wrapper--casino .top-hero--casino .hero-slider .owl-nav button.owl-prev {
  border-radius: 25px 0 0 25px;
}

.main-wrapper--casino .top-hero--casino .hero-slider .owl-nav button span {
  color: var(--semi-dark-b);
}

.hero-slider .owl-item.active+.owl-item::before {
  background: var(--semi-dark-b);
}

/*************************************************/
/* Casino Game Home */

.games-container.games-container--carousel .owl-nav button.owl-prev {

  border-radius: var(--border-radius-a);
  background: var(--btn-secondary);
}

.games-container.games-container--carousel .owl-nav button.owl-next {
  border-radius: var(--border-radius-a);
  background: var(--btn-secondary);
}


.games-container.games-container--carousel .games-top--title .btn-ctm {
  background: var(--btn-secondary);
  /* border: 1px solid var(--five-border); */
  border-radius: var(--border-radius-a);
}

.games-container.games-container--carousel .games-top--title .btn-ctm:hover {
  box-shadow: 0 0 0 var(--trasp);
  background-color: var(--semi-dark-a);
}