/* Variabili per la gestione dei colori */
:root {
  /* Global */
  --primary-background: #0ace92;
  --secondary-background: #333333;
  --tertiary-background: #282828;
  --fourth-background: #dddddd;

  /* Border e Input */
  --primary-border: #686464;
  --secondary-border: #0ace92;
  --tertiary-border: #ffe418;
  --fourth-border: #ffffff;
  --five-border: #777676;
  --input-background--a: #3e3e3e;
  --input-background--b: #d4d4d4;
  --input-background--a-active: #0ace92;
  --input-background--b-active: #4b4e4b;

  --input-border--a: #464646;
  --input-border--b: #ffffff;
  --input-text--a: #ffffff;

  /* Header */
  --header-background-color: #282828;
  --header-background-menu: #015440;
  --header-color-menu: #333333;
  --header-color-icon: #28f490;
  --header-btn-login-background: #3a7b6b;
  --header-btn-login-text: #f9fafb;
  --header-btn-register-background: #ffe418;
  --header-btn-register-text: #ffe418;

  /* Box */
  --box-background-a: #282828;
  --box-background-b: #373737;
  --box-background-c: #454545;
  --box-background-d: #414946;

  --menu-item-a--hover: #333333;
  --menu-item-a--hover-text: #ffffff;

  /* BTn */
  --btn-primary: #015440;
  --btn-secondary: #f9fafb;
  --btn-third: #ffe418;
  --btn-fourth: #28f490;
  --btn-five: #4d7c64;
  --btn-primary-hover: #28f490;

  --btn-primary-text: #333333;
  --btn-secondary-text: #333333;
  --btn-third-text: #333333;
  --btn-primary-text-hover: #ffffff;

  /* Heading/box */
  --heading-background: rgba(255,255,255,0.15);
  --heading-text: #ffffff;
  --heading-text-a: #555;
  --heading-text-b: #28f490;
  /* Text */
  --primary-text: #ffffff;
  --secondary-text: #333333;
  --tertiary-text: #ffffff;
  --fourth-text: #ffe418;
  --primary-text-hover: #ffffff;
  --secondary-text-hover: #28f490;

  /* Footer */
  --primary-footer: #1b1b1b;
  --secondary-footer: #28f490;
  --primary-footer-text: #dedede;
  --secondary-footer-text: #999999;
  --tertiary-footer-text: #28f490;
  /* Quote */
  --qt-background: #e6e6e6;
  --qt-background--hover: #e6e6e630;
  --qt-color--hover: #ffffff;
  --qt-color-b: #000000;
  --qt-color-c: #ffe418;
  /* 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: inset 0 250px 600px 0px #cbcbcb;
  /* Button */
  --border-radius-a: 5px;
  --border-radius-b: 15px;
  --border-radius-full: 100px;
  /* Featured Color */
  --featured-background: rgba(187, 247, 208, 1);
  --featured-background-secondary: #087712;
  --featured-text: #166534;
  --featured-border: rgb(136, 217, 164);
  --valid-text: #f7f7f7;
  --valid-background: rgba(74, 207, 74, 0.419);
  --valid-border: #4CAF50;
  --error-text: rgb(243, 18, 96);
  --error-background: rgba(191, 22, 36, 0.916);
  --error-border: #ff0000;
  --warning-text: #ff9800;
  /* Icon */
  --icon-primary: #015440;
  --icon-secondary: #ffffff;
  --icon-third: #333333;
  --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);
/* Bk e Img */
  --bk-generic-a: url("/player/theme-asset/2/images/background/background-a.jpg");
  --bk-generic-b: url("/player/theme-asset/2/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/2/images/background/backtround-livecasino.jpg");

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

/*
 *  STYLE Color v - 1.1
 */

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

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

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

/* Variabili per la gestione dei colori */

body {
  background: var(--tertiary-background);
  color: var(--primary-text);
  /* background-image: url('../images/background/background-a.png'); */
}
.loader-ctm {
   background-color: var(--box-background-a); 
}
/* 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(--fourth-text);
  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 5px 0 var(--btn-primary-hover); */
  box-shadow: 0 0 5px 0 var(--trasp);

}


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

.list-group {
  background: var(--tertiary-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: var(--trasp);
}

.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(--input-background--b-active);
  color: var(--primary-text);
  border: 1px solid var(--input-background--a-active);
}

/* .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(--fourth-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(--box-background-d);
  border: 1px solid var(--secondary-border);
}

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


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

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


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,
.title-container .title-ctm span:first-child::before {
  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: 0 0 var(--fourth-text);
}

.qt-box .qt-btn label {
  text-shadow: var(--semi-dark-b) 0px 0px 0px;
  mask-image: linear-gradient(90deg, var(--fourth-text) 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);

}

/******* 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: var(--border-radius-a);
}
/* .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,
.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-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;
}


/* Search Index */
.main-wrapper .main-container .search-box--ctm, 
.page-3--columns .main-wrapper .main-container .search-box--ctm, 
.page-container--sport .main-wrapper .main-container .search-box--ctm {
  padding: .15rem;
  position: relative;
}
.main-wrapper .main-container .search-box--ctm input,
.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-full);
  margin: 0 auto;
  background : var(--input-background--a);
  border-color: var(--trasp);
      text-indent: 40px;
}
.main-wrapper .main-container .search-box--ctm button,
.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);
}

/******* 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-d);
  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(--input-background--a);
  border-radius: var(--border-radius-a);
  box-shadow: 0px 1px 14px 0px var(--semi-dark-c);
}


.banner-box .banner-box--text .banner-title {
  text-shadow: 2px 2px 5px var(--semi-dark-c);
  color: var(--heading-text-b);
}

.banner-box .banner-box--text > p {
  text-shadow: 2px 2px 5px var(--semi-dark-c);
  color: var(--primary-text);
}

.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-secondary);
  /* box-shadow: 0 0 20px 3px var(--secondary-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(--input-background--b);
  border-radius: var(--border-radius-b);
}

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

input:checked+.slider--switch:before {
  background: var(--btn-primary-hover);
}

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(--secondary-border);
}

.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 Item Single Page  ********/
.match-list--single::before {
  background-image: var(--bk-soccer-a);
  background-size: 100% 100%;
}

.match-list--single {
  background-color: var(--secondary-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-primary);
}

.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: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:active,
.input-box--number .input-value--ctm:hover {
  background: var(--semi-light-light);
  /* color: var(--semi-dark-b); */
}

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

.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,
.top-leagues .top-leagues--title span {
  color: var(--heading-text-b);
}

.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(--btn-primary-hover);
  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-third);
  color: var(--btn-secondary-text);
  box-shadow: none;
}
.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-place:hover a {
    color: var(--btn-secondary-text);
}
.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-primary);
}

.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);
  background: var(--trasp);
}

.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: 2px solid 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: 1px 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(--box-background-d);
  border-radius: var(--border-radius-a);
  border: 1px solid var(--secondary-border);
}

.box-sidebar .box-sidebar--wrapper .box-sidebar--container .coupon-tabs--buttons .btn-ctm.btn-save,
.coupon-container .coupon-tabs--middle .btn-coupon--clear {
  border: 1px solid var(--primary-border);
  color: var(--btn-primary-text);
}

.coupon-container .coupon-tabs--middle .btn-coupon--clear:hover {
  background: var(--btn-primary-hover);
  color: var(--btn-primary-text-hover);
}

/* Dialog */

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

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

.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-a);
  background: var(--semi-dark-a);
}

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

/* 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(--secondary-footer-text);
}

footer .footer-wrapper .footer-submenu .footer-submenu--list>a:hover {
  color: var(--tertiary-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;
  background-color: var(--box-background-b);
  /* 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-fourth);
  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(--tertiary-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(--primary-text);
  font-weight: 100;
  /* background: var(--btn-fourth);
  border-radius: var(--border-radius-a);
  border: 1px solid var(--secondary-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(--tertiary-background); */
  color: var(--fourth-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);
}

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

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

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

.game-item .game-item--topgame {
  background: var(--btn-fourth);
  border-radius: var(--border-radius-a);
  color: var(--btn-third-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--back {
  align-items: center;
}

.game-item .game-item--jackpot {
  background: var(--semi-dark-b);
  border: 2px solid var(--secondary-border);
  color: var(--secondary-border);
  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(--tertiary-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-secondary);
}

.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: 0px 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(--trasp);
}

/* 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(--tertiary-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: 0;
  background: var(--secondary-background);
  color: var(--tertiary-text); 
  border-color: #76cf94;
}

.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-primary);
  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);
  border-radius: var(--border-radius-full);
}



/* Generica */

.sidebar-list ul li a,
.left-filter ul li a {
  background: var(--tertiary-background);
  border: 1px solid var(--primary-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-five);
  border: 1px solid var(--secondary-border);
  border-bottom: 1px solid var(--secondary-border);
}

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

.payment-container .payment-item {
  border-radius: var(--border-radius-a);
  background: var(--box-backgound-a);
  border: 1px solid var(--primary-border);
}

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

.btn-ctm--b:not(.btn-activated):hover,
.btn-ctm--a {
  background: var(--btn-five);
  border-radius: var(--border-radius-a);
  border: 2px solid var(--secondary-border);
}

.btn-ctm--b:not(.btn-activated):hover>i,
.btn-ctm--a>i {
  background: var(--btn-primary);
  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(--box-background-a);
  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-primary);
}

.table-options .btn-reload {
  box-shadow: inset 0 0 0 2px var(--fourth-border);
  color: var(--primary-text);
  background: var(--trasp);
}

.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(--secondary-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);
}

.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);
  color: var(--tertiary-text);
}

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

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

.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-light);
}

.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);
  border: 1px solid var(--five-border);
}

.tab-list div:hover,
.tab-list div.active {
  background: var(--box-background-d);
  border: 1px solid var(--secondary-border);
}

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

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

.tab-items--ctm .tab-item--ctm {
  border-bottom: 2px solid var(--trasp);
}

.tabs-list .tab-item:hover,
.tabs-list .tab-item.active {
  border-bottom: 2px solid var(--secondary-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(--trasp);
  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(--box-background-a);
  background: var(--semi-dark-b);
}

.loader-ctm div:before {
  border: 3px solid var(--trasp);
  border-top: 3px solid var(--secondary-border);
  border-right: 3px solid var(--secondary-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(--secondary-border);
  box-shadow: 0 0 20px var(--secondary-border);
}
/******* Notification Page ********/
.messages-container .messages-list .message-item {
  background: var(--secondary-background);
  border: 1px solid var(--primary-border);
}
.messages-container .messages-list .message-item:hover {
  border-bottom: 1px solid var(--secondary-border);
    background: var(--tertiary-background);
    border: 1px solid var(--secondary-border);
}
/******* Notification ********/

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

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

.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(--fourth-text);
border: 2px solid #4CAF50;
}

.label-ctm.label-ctm--pending {
background-color: #fec99e;
color: var(--fourth-text);
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); */
}

.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 {
    background: var(--box-background-b);
}

.match-list .match-list--item .match-list--top, 
.match-list .match-list--item .match-list--bottom {
  border-bottom: 1px solid #4b4b4b;
}

.match-list .match-list--item .match-list--bottom .info--right .qt-box--wrapper .qt-box {
  border-left: 1px solid #4b4b4b;
}

.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);
}

.page-container--account .main-wrapper .left-sidebar.active, 
.page-container--sport .main-wrapper .left-sidebar.active {
  background: var(--box-background-a);

}