body {
  background: var(--color-bg-01);
  font-family: var(--body-font-family);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  -webkit-font-smoothing: antialiased;
}
.sportpage,
.livePage,
.sfondoCasino2,
.sfondoVirtual {
  background: var(--color-bg-01);
}

.sportpage, .livePage, .sfondoCasino2, .sfondoVirtual {
	/* background: url('https://cdn.mgbopanel.com/uof/betgol365/BG/sport_back.jpg') no-repeat center;
	background-attachment: fixed; */
	/* background: #c0c0c0 !important; */
  /* background-size: 100%; */
	/* background-color: var(--color-bg-01); */
}

header {
  /* width: 100vw; */
}

.left-col-sport-menu {
  font-family: inherit;
}
.live-oggi-main {
  display: none;
}
.blackfont {
  color: white;
}
.btn-primary.focus, .btn-primary:focus {
  background-color: var(--color-primary-80);
}

.displaynone { display: none; }

.w-auto { width: auto !important; }
.w-100 { width: 100% !important; }
.w-75 { width: 75% !important; }
.w-50 { width: 50% !important; }
.w-25 { width: 25% !important; }

.p-0 { padding: 0 !important; }

.m-0 { margin: 0 !important; }

/* Flex */
.d-none { display: none; }
.d-flex { display: flex; }
.d-grid { display: grid; }

.gap-0 { gap: 0; }
.gap-1 { gap: var(--spacing-xs); }
.gap-2 { gap: var(--spacing-sm); }
.gap-3 { gap: var(--spacing-md); }
.gap-4 { gap: var(--spacing-lg); }
.gap-5 { gap: var(--spacing-xl); }

.m-auto {
  margin-left: auto;
  margin-right: auto;
}
.ms-auto {
  margin-left: auto;
}
.me-auto {
  margin-right: auto;
}

.border-0 {
  border: none !important;
}
.border-top-0 {
  border-top: none !important;
}
.border-right-0 {
  border-right: none !important;
}
.border-bottom-0 {
  border-bottom: none !important;
}
.border-left-0 {
  border-left: none !important;
}

.align-items-center {
  align-items: center;
}
.align-items-start {
  align-items: flex-start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.space-between {
  justify-content: space-between;
}

.mt-4 {
  margin-top: var(--margin-lg);
}
.mb-4 {
  margin-bottom: var(--margin-lg);
}

.text-center {
  text-align: center !important;
}

.pointer {
  cursor: pointer;
}

/* ------------------------------------ */

.legenda-molteplicita {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  gap: var(--spacing-md);
  font-size: var(--font-size-xs);
  color: var(--color-primary-text);
  padding: var(--padding-xs);
}
.legenda-molteplicita i.altro {
  border: none !important;
}

.home-page.noAccess {
  min-height: 50vh;
}
.home-page.noAccess img {
  margin-bottom: var(--margin-sm);
}
.home-page.noAccess .text {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary-text);
  text-transform: uppercase;
}

/* ------------- SCROLLBAR -------------- */

/* SCROLLBAR generale */
*::-webkit-scrollbar {
  width: 10px;
}
*::-webkit-scrollbar-track {
  border-radius: 100px;
  background: var(--color-bg-03);
}
*::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: var(--color-accent-80);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-100);
}

/* SCROLLBAR modal altre quote */
div.windowquote div.modal-body::-webkit-scrollbar,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar {
  width: 8px;
  outline: 4px auto var(--color-accent-100);
}
div.windowquote div.modal-body::-webkit-scrollbar-track,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-track {
  background: var(--color-accent-100);
}
div.windowquote div.modal-body::-webkit-scrollbar-thumb,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb {
  background: var(--color-bg-03);
  border-radius: var(--spacing-xs);
  -webkit-border-radius: var(--spacing-xs);
}
div.windowquote div.modal-body::-webkit-scrollbar-thumb:hover,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-100);
}

/* SCROLLBAR bottoni quote */
.cont_quotes.btn-group.macro-market-button-section::-webkit-scrollbar,
.cont_quotes.btn-group.gruppiBottoniquote::-webkit-scrollbar {
  width: 100%;
  height: 10px;
  padding-right: 0;
  margin-bottom: var(--spacing-xs);
}

/* SCROLLBAR ??? */
#menuscroll ul::-webkit-scrollbar {
  height: 5px;
}

/* ------------- SCROLLBAR -------------- */

.table .select2-container--default .select2-selection--multiple {
  background: transparent;
  padding: var(--padding-xs);
}
.yadcf-filter-wrapper {
  position: relative;
}
.yadcf-filter-reset-button {
  background: transparent;
  border: none;
  position: absolute;
  top: 10px;
  right: 5px;
}
.dataTables_wrapper .dataTables_filter input {
  padding: var(--padding-sm);
  margin-bottom: var(--margin-sm);
  background: var(--color-bg-03);
  border: 0px;
  border-radius: var(--border-radius-md);
}
.dataTables_wrapper .dataTables_filter {
  color: white;
}
/* General Style */
a:hover {
  color: var(--color-primary-80);
}
.logo img,
.about-logo .logo {
  width: 100%;
  max-width: 170px;
  margin: 0;
  padding: var(--padding-xs) 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.btn {
  display: inline-block;
  /* padding: var(--padding-sm) var(--padding-md) var(--padding-sm) var(--padding-md); */
  padding: var(--padding-xs) var(--padding-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  border-radius: var(--border-radius-xs);
  height: auto;
  margin: 0;
  line-height: var(--heading-line-height);
  background-color: inherit;
  text-transform: lowercase;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn::first-letter {
  text-transform: uppercase;
}
.btn:hover {
  height: auto;
  /* border: none; */
  box-shadow: none;
  margin: 0;
  background: transparent;
}
.btn.focus,
.btn:focus {
  color: inherit;
  border-width: 0;
  outline: none;
  box-shadow: inset 0 0 0 2px var(--color-primary-80);
  color: rgba(255, 255, 255, 0.6);
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 2;
  height: auto;
  color: inherit;
  /* background: var(--color-temporary); */
  border-radius: var(--border-radius-md);
  box-shadow: none;
  margin-left: 0;
  outline: 0 !important;
}
.btn-danger {
  background: var(--color-temporary);
  border: none;
  color: var(--color-temporary);
}
.btn-primary {
  background: var(--button-primary-bg);
  color: var(--button-primary-text);
  border: 1px solid var(--color-bg-03);
}
.btn-primary:hover {
  background: var(--button-primary-hover-bg);
  color: var(--button-primary-hover-text);
}
.btn-primary:active {
  background: var(--button-primary-pressed-bg);
  color: var(--button-primary-pressed-text);
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background: var(--button-primary-bg);
  border-color: var(--button-primary-bg);
  outline: 5px auto var(--color-bg-01);
  outline-offset: 0;
}
.btn-link {
  color: var(--link-color);
  font-weight: var(--font-weight-medium);
  border: none;
  padding: var(--padding-sm);
}
.btn-link:hover {
  color: var(--link-hover-color);
}
.btn.btn-large {
  padding: var(--padding-md) var(--padding-lg) var(--padding-md)
    var(--padding-lg);
}
a:active,
a:hover {
  outline: none;
}
.btn-secondary {
  background: var(--color-bg-03);
  color: var(--link-color);
}
.btn-secondary:hover,
.btn-outline:active,
.btn-outline:focus {
  background: var(--color-bg-01);
}
.btn-outline {
  color: var(--link-color);
  border: 1px solid var(--link-color);
  background: transparent;
  outline: none;
}
.btn-outline:hover {
  color: var(--link-hover-color);
  border-color: var(--link-hover-color);
  background-color: var(--color-temporary);
}
.btn-outline:active,
.btn-outline:focus {
  color: var(--link-pressed-color);
  background-color: var(--link-pressed-color);
  border-color: var(--link-pressed-color);
}
.activeTime {
  background-color: var(--color-bg-01);
  color: var(--color-primary-text) !important;
}

/* -------- Cupon -------- */

.cupon-middle-main.is-live-event .cupon-team::after {
    content: "LIVE";
    position: relative;
    top: 0;
    left: 0;
    color: var(--color-primary-80);
    font-weight: bold;
    margin: 0 0 0 auto;
}

.cupon-head-middle { background: var(--color-bg-01); }
.cupon-dettaglio,
.cupon-head-bottom-head,
.cupon-head-bottom-number,
.eventi-number,
.cupon-middle-main,
.cupon-id,
.cupon-team,
.cupon-main-num,
.cupon-main-num-center,
.cupon-main-num-right {
  background-color: var(--color-bg-02);
  color: var(--color-primary-text);
}

.cupon-annulla {
  background: var(--color-alert-danger);
  border-color: var(--color-alert-danger);
  border-radius: var(--border-radius-sm);
  -webkit-border-radius: var(--border-radius-sm);
}
.cupon-annulla:hover {
  color: var(--link-hover-color);
}
.cupon-gico,
.cupon-annulla {
  border: none !important;
}
.cupon-sviluppa {
  background: var(--button-secondary-bg);
  border: 1px solid var(--button-secondary-bg);
  color: var(--button-secondary-text);
  border-radius: var(--border-radius-sm);
}
.cupon-sviluppa:hover {
  color: var(--button-secondary-hover-text);
  background: var(--button-secondary-hover-bg);
  border-color: var(--button-secondary-hover-bg);
}
.cupon-sviluppa a:hover,
.cupon-annulla a:hover {
  /* color: var(--button-secondary-hover-text); */
}
/* Input */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
select,
.form-group-sm .form-control {
  font-family: var(--heading-font-family);
  background: var(--input-bg);
  border-radius: var(--border-radius-xs);
  color: var(--input-text);
  font-size: var(--font-size-xs);
  padding: var(--padding-xs) var(--padding-sm);
  width: 100%;
  height: auto;
  min-height: 35px;
  transition: background-color 0.3s, box-shadow 0.3s;
  border: 0;
  margin-bottom: var(--spacing-md);
  box-shadow: none;
  line-height: inherit !important;
}
.form-group-sm .form-control {
  margin-bottom: 0;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
select:hover,
select:focus {
  background: var(--input-bg-hover);
  color: var(--input-text-hover);
}
.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
select:focus {
  box-shadow: inset 0 0 0 1px var(--button-secondary-pressed-bg);
  -webkit-box-shadow: inset 0 0 0 1px var(--button-secondary-pressed-bg);
  outline: none;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="number"]::placeholder {
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-regular) !important;
  color: var(--color-primary-text) !important;
  text-transform: uppercase !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuOTk4MzUgMi4yNDc4MUM1Ljk5ODM1IDIuMDQwNyA1LjgzMDQ2IDEuODcyOCA1LjYyMzM1IDEuODcyOEM1LjQxNjI0IDEuODcyOCA1LjI0ODM1IDIuMDQwNyA1LjI0ODM1IDIuMjQ3ODFWMi45OTc4MUg0LjQ5NzA5QzMuMDQ3MzMgMi45OTc4MSAxLjg3MjA3IDQuMTczMDcgMS44NzIwNyA1LjYyMjgzVjcuMTI0NDZWMTMuNTAzQzEuODcyMDcgMTQuOTUyOCAzLjA0NzMzIDE2LjEyODEgNC40OTcwOSAxNi4xMjgxSDEzLjUwMjhDMTQuOTUyNSAxNi4xMjgxIDE2LjEyNzggMTQuOTUyOCAxNi4xMjc4IDEzLjUwM0wxNi4xMjc4IDcuMTI0NDZMMTYuMTI3OCA1LjYyMjgzQzE2LjEyNzggNC4xNzMwNyAxNC45NTI1IDIuOTk3ODEgMTMuNTAyOCAyLjk5NzgxSDEyLjc1MTNWMi4yNDc4MUMxMi43NTEzIDIuMDQwNyAxMi41ODM0IDEuODcyOCAxMi4zNzYzIDEuODcyOEMxMi4xNjkyIDEuODcyOCAxMi4wMDEzIDIuMDQwNyAxMi4wMDEzIDIuMjQ3ODFWMi45OTc4MUg1Ljk5ODM1VjIuMjQ3ODFaTTUuMjQ4MzUgMy43NDc4MlY0LjQ5ODc2QzUuMjQ4MzUgNC43MDU4NyA1LjQxNjI0IDQuODczNzYgNS42MjMzNSA0Ljg3Mzc2QzUuODMwNDYgNC44NzM3NiA1Ljk5ODM1IDQuNzA1ODcgNS45OTgzNSA0LjQ5ODc2VjMuNzQ3ODJIMTIuMDAxM1Y0LjQ5ODc2QzEyLjAwMTMgNC43MDU4NyAxMi4xNjkyIDQuODczNzYgMTIuMzc2MyA0Ljg3Mzc2QzEyLjU4MzQgNC44NzM3NiAxMi43NTEzIDQuNzA1ODcgMTIuNzUxMyA0LjQ5ODc2VjMuNzQ3ODJIMTMuNTAyOEMxNC41MzgzIDMuNzQ3ODIgMTUuMzc3OCA0LjU4NzI5IDE1LjM3NzggNS42MjI4M1Y2Ljc0OTQ2SDIuNjIyMDhWNS42MjI4M0MyLjYyMjA4IDQuNTg3MjkgMy40NjE1NSAzLjc0NzgyIDQuNDk3MDkgMy43NDc4Mkg1LjI0ODM1Wk0yLjYyMjA4IDcuNDk5NDZWMTMuNTAzQzIuNjIyMDggMTQuNTM4NiAzLjQ2MTU1IDE1LjM3OCA0LjQ5NzA5IDE1LjM3OEgxMy41MDI4QzE0LjUzODMgMTUuMzc4IDE1LjM3NzggMTQuNTM4NiAxNS4zNzc4IDEzLjUwM1Y3LjQ5OTQ2SDIuNjIyMDhaIiBmaWxsPSIjRjlGOUY5Ii8+PC9zdmc+");
  background-size: cover;
}

/* Nasconde frecce in input:number - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Nasconde frecce in input:number - Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.form-group {
  position: relative;
}
.form-group .showPassowrd {
  position: absolute;
  top: 50%;
  right: var(--spacing-lg);
  color: var(--color-primary-text);
  transform: translateY(var(--translate-y-50));
  -webkit-transform: translateY(var(--translate-y-50));
}
.form-group .showPassowrd:hover {
  color: var(--color-primary-text);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--input-bg);
  opacity: 0.7;
  color: var(--color-primary-text);
}
.form-horizontal .form-group,
#cambio .form-group {
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}
.form-horizontal .form-group .controls,
#cambio .form-group .controls {
  width: 100%;
  max-width: 400px;
}
.form-horizontal .form-group .control-label {
  flex-basis: 120px;
}
.form-body h5 {
  color: white;
  font-size: var(--font-size-xs);
}
#cambio .form-group .control-label {
  flex-basis: 150px;
}
#cambio .form-group input {
  margin-bottom: 0;
}
.error {
  color: var(--color-accent-100);
  /* font-size: var(--font-size-2xs); */
  font-style: normal;
}
.form-group input[type="text"].password + i.far.fa-eye.showPassowrd:after {
  content: "";
  height: 1px;
  background: var(--color-primary-60);
  width: 24px;
  display: block;
  transform: rotate(-38deg)
    translate(var(--translate-y-50), var(--translate-y-50));
  -webkit-transform: rotate(-38deg)
    translate(var(--translate-y-50), var(--translate-y-50));
  position: absolute;
  top: 0;
  left: 40%;
}
.select-clickbet {
  width: 100%;
  float: none;
  height: auto !important;
}
.qbet {
  padding: 0;
}
.qbet-select
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100%;
}
.qbet-picker .btn {
  background-color: var(--color-bg-03);
  height: auto;
  border-radius: var(--border-radius-md);
  border: 0;
  padding: var(--padding-md) var(--padding-lg);
}
.qbet-picker .btn:after {
  display: none;
}

.qbet_partita,
.riga_match_tabella_quote .event-row-id,
.events-time-championship-id {
    display: none;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: var(--color-primary-text);
}
.text-white {
  color: white;
}
.legend {
  font-size: var(--font-size-xs);
  margin: 0 var(--margin-lg) var(--margin-lg) 0;
}
.bootstrap-select .dropdown-menu {
  /* height: 250px; */
  border: 1px solid var(--color-bg-04);
}
/* Container */
.container,
#sports-main .container {
  width: 100%;
  max-width: var(--container-width-lg);
}


@media (min-width: 1500px) {
  .container {
    max-width: var(--container-width-lg);
  }
  #sports-main .container,
  .top-header .container,
  .header-main .container,
  .container.alert-success-container {
    max-width: var(--container-width-lg);
  }
}
@media (max-width: 1180px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .col-md-2 {
    width: 16.66666667%;
    float: left;
  }
  .col-md-8{
    width: 66.66666667%;
    float: left;
  }
}

#sports-main .container {
  padding-left: 0;
  padding-right: 0;
}
/* Sticky sidebars */
.sports-main-left, .sports-main-middle, .sports-main-right {
  padding: var(--padding-xs);
}
.sports-main-left,
.sports-main-right {
  text-align: left;
  box-sizing: border-box;
  height: 100% !important;
  overflow: hidden;
}
.sports-main-middle {
  /*position: sticky;
  position: -webkit-sticky;
  top: 0px;
  height: 100vh !important;
  overflow-y: scroll;*/
}
.sports-main-middle .right-col-sport-menu {
  margin-bottom: var(--margin-sm);
}
.left-col-sport-menu,
.right-col-sport-menu {
  /*max-height:400px;
    overflow-y: scroll;*/
  position: relative;
}
/*Progress Bar*/
.progress-bar {
  background-color: var(--color-primary-pressed);
}
.progress {
  height: 10px;
  background-color: black;
}
label[for="txtNickname"], input#txtNickname {
    display: none;
}
#txtPassword_bar {
  margin-top: var(--margin-xs);
  display: none;
}
/* Header */

#dropdownMenuLangSelector {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.top-header {
  /* padding: 0 0 var(--padding-lg) 0; */
  padding: 0;
  height: auto;
  background-color: var(--top-header-color-bg);
  color: var(--top-header-color-text);
}
.top-header .form-inline .form-control {
  min-width: 200px;
  margin-bottom: 0;
}
.header-btn {
  vertical-align: middle;
  height: auto;
}
.header-main {
  background: var(--menu-bg);
  margin: 0;
  padding: 0;
}
.header-right {
  padding-top: 0;
}
.form-inline .btn {
  margin: 0 var(--margin-md);
}
.form-inline .btn:last-child {
  margin: 0;
}
.header-main .container {
  background: transparent;
}
.menu-main {
  height: auto;
}
.menu-left {
  margin: 0;
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
  padding: var(--padding-xs) 0;
  justify-content: center;
}
.menu-main li {
  float: none;
  line-height: normal;
  border-radius: var(--border-radius-xs);
}
.menu-main > ul > li:hover {
  background-color: var(--color-primary-100);
}
.menu-main > ul > li:active {
}
.menu-main > ul > li:hover a,
.menu-main > ul > li:active a {
  background-color: var(--color-primary-100);
}
.menu-main a {
  font-size: var(--font-size-md);
  color: var(--menu-text-color);
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: var(--margin-xs);
  margin: 0 var(--margin-md);
  padding: var(--padding-xs) 0;
}

.menu-main a:hover {
  /* color: var(--menu-text-hover-color); */
  /* background-color: var(--menu-hover-bg) !important; */
}

.menu-main a:active {
}

.menu-main a:first-letter {
  text-transform: uppercase;
}
.menu-main > ul > li > a > span {
  font-family: var(--body-font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-md);
  background: inherit;
  text-transform: uppercase;
}
.menu-main > ul > li > a > span:hover {
  background: transparent;
}
@media (max-width: 1680px) {
    .menu-main > ul > li > a > span {
        font-size: var(--font-size-xs);
    }
}
.menu-main .menu-new-icon {
  width: var(--font-size-xl);
}
.top-header-container {
  padding: var(--padding-xs) var(--padding-sm);
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.top-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs) 0 var(--padding-xs) var(--padding-xs);
  background-color: var(--top-header-bar-color-bg);
  color: var(--top-header-bar-color-text);
}
.top-header-bar .barLeft,
.top-header-bar .barRight {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.barLeft {
  align-items: center;
}
.data_e_ora {
  display: block;
  float: none;
  padding: 0;
  font-size: var(--font-size-sm);
  color: var(--color-primary-text);
}
.type_quote .lang-cont {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
}
.type_quote .lang-cont:hover {
  color: var(--color-primary-80);
  text-decoration: underline;
}
.language-selector {
  display: block;
}
.language-selector .lang-flag-main {
  width: 36px;
  height: 24px;
  margin-right: var(--spacing-xs);
}
.language-selector .lang-title-main {
  font-size: var(--font-size-md);
  color: var(--color-primary-text);
}
.language-selector .settings ul.dropdown-menu {
  left: 100%;
  width: auto;
}
.language-selector .settings ul.dropdown-menu ul.lang-select li {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--padding-xs);
  color: var(--button-secondary-text);
  background-color: var(--button-secondary-bg);
  border-radius: 0;
  border: 1px solid var(--color-bg-01);
  border-width: 0 1px 1px 1px;
}
.language-selector
  .settings
  ul.dropdown-menu
  ul.lang-select
  li.active:first-child,
.language-selector
  .settings
  ul.dropdown-menu
  ul.lang-select
  li:first-child:hover {
  border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}
.language-selector
  .settings
  ul.dropdown-menu
  ul.lang-select
  li.active:last-child,
.language-selector
  .settings
  ul.dropdown-menu
  ul.lang-select
  li:last-child:hover {
  border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
}
.language-selector .settings ul.dropdown-menu ul.lang-select li.active {
  color: var(--button-secondary-text);
  background-color: var(--button-secondary-pressed-bg);
}
.language-selector .settings ul.dropdown-menu ul.lang-select li:hover {
  background-color: var(--button-secondary-hover-bg);
  color: var(--button-secondary-text);
}
.language-selector .settings ul.dropdown-menu ul.lang-select .lang-flag-list {
    width: 25px;
    height: auto;
    object-fit: cover;
    border: none;
}
.language-selector .settings ul.dropdown-menu ul.lang-select .lang-title-list {
  font-size: var(--font-size-sm);
    font-weight: var(--font-weight-regular);
}
.language-selector .settings ul.dropdown-menu ul.lang-select .lang-title-list:hover {
  color: var(--link-hover-color);
}
.language-selector .settings ul.dropdown-menu ul.lang-select .lang-title-list:active {
  color: var(--link-pressed-color);
}
.language-selector .settings ul.dropdown-menu ul.lang-select .lang-title-list:focus {
  color: var(--link-pressed-color);
}
.settings ul.dropdown-menu {
  border: 0;
  border: 0;
  top: 100%;
  left: 100%;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  border-radius: var(--border-radius-md);
  background: var(--color-bg-01);
}
.settings ul li.panel-heading {
  font-size: var(--font-size-lg);
  text-transform: none;
  background: var(--color-bg-02);
  border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
  padding: var(--padding-xs);
}


.settings ul.dropdown-menu ul {
  display: flex;
  flex-wrap: wrap;
  float: none;
  padding: 0;
  justify-content: flex-start;
}
.settings ul.dropdown-menu ul li {
  width: calc(100% / 3);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  padding: var(--padding-md);
  float: none;
  border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
}
.settings ul.dropdown-menu ul li.active {
  background-color: var(--button-secondary-pressed-bg);
  color: var(--button-secondary-text);
}
.settings ul.dropdown-menu ul li:hover {
  background-color: var(--button-secondary-hover-bg);
  color: var(--button-secondary-text);
}

.oddsType-selector .settings ul li.panel-heading {
  background: var(--color-accent-100);
  border: 0;
  color: var(--color-primary-text);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
}
.oddsType-selector .settings ul.dropdown-menu ul li {
  width: calc(100% / 3);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  padding: var(--padding-xs);
  float: none;
  border-radius: 0;
}

/* Header Login User*/
.account-info-container .wrapper,
.login-sport-wrapper,
.login-sport-nav,
.login-main-top ul {
  display: inline-flex;
  align-items: center;
}
.account-info-container .wrapper {
  gap: var(--spacing-lg);
  margin-top: 0;
}
.login-main-top,
.login-username,
.saldoUtente,
.login-main-top a,
.login-sport-balance span {
  font-family: inherit;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: white;
  text-transform: none;
  vertical-align: middle;
}
.login-main-top a i {
  font-size: var(--font-size-2xs);
}
.login-sport-username svg {
  vertical-align: middle;
}
.login-main-top ul {
  margin: 0;
}
.login-main-top li {
  padding: 0;
}
.login-sport-nav div,
.login-main-top li {
  padding: 0 var(--padding-sm);
  border-right: 1px solid var(--header-page-text-color);
}
.login-main-top li:last-child,
.login-sport-nav:last-child {
  border-right: 0;
}
.login-sport-nav:nth-child(2) .login-main-top {
  padding: 0;
}
.login-sport-username svg path {
  stroke: white;
}
.message-inner {
  background-color: var(--color-accent-80);
  border-radius: 0;
  width: auto;
  height: 100%;
  font-size: var(--font-size-2xs);
  padding: 0 2px;
}
.showBalance,
.hideBalance {
  background-size: 100%;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.showBalance {
  background: url(../../img/icon-eye.svg) no-repeat;
}
.hideBalance {
  background: url(../../img/icon-eye-slash.svg) no-repeat;
}
.attivaDisattiva {
  cursor: pointer;
  display: inline-flex;
}
.saldoUtente {
  background: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
#registration h2 {
  font-size: var(--font-size-sm);
  text-transform: uppercase;
}
#registration .checkbox {
  justify-content: flex-start;
}
/*Footer*/
.footerMain {
  background: var(--color-bg-02);
  padding: var(--padding-md) 0;
}
#bottom-bar,
#about-us {
  float: none;
}
#bottom-bar {
  background: none;
  padding: var();
  border-radius: 0;
  margin: 0;
  border: 0;
  height: auto;
  background: var(--color-bg-02);
  color: var(--color-primary-text);
}
#bottom-bar a {
  border-color: var(--color-bg-03);
  padding: var(--padding-sm) var(--padding-md) var(--padding-sm)
    var(--padding-md);
}
#bottom-bar a:hover {
  color: var(--color-primary-80);
}
.footerMain #about-us {
  background: none;
  padding: 0;
}
#bottom-bar a {
  font-family: inherit;
  font-size: var(--font-size-sm);
}
.about-text small {
  font-size: var(--font-size-2xs);
}
/*Search Box*/
.sports-main-header {
  display: flex;
  padding: var(--padding-sm) 0 var(--padding-xs) 0;
  gap: var(--spacing-sm);
  height: auto;
}
.search-box-cerca .form-group,
.search-box-scomesse .form-group {
  display: flex;
  margin-bottom: 0;
}
.search-box-cerca input,
.search-box-scomesse input {
  /* min-width: 290px; */
  margin-bottom: 0;
}
.search-box-cerca .search-btn {
  position: absolute;
  top: 50%;
  height: 20px;
  right: var(--spacing-lg);
  transform: translateY(var(--translate-y-50));
  -webkit-transform: translateY(var(--translate-y-50));
  background: transparent;
}
.search-btn svg {
  stroke: var(--color-temporary);
}
.buttons-results.inline {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-left: auto;
}
.buttons-results .btn-primary {
  padding: var(--padding-sm);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.search-box-scomesse .form-inline .btn {
  padding: var(--padding-sm);
  display: flex;
  justify-content: center;
  align-items: center;
}
/*Sports*/
.sports-new-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: inherit;
  border: none;
  background-color: var(--header-page-bg);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  /* padding: var(--padding-md) var(--padding-sm) var(--padding-md) var(--padding-sm); */
  padding: .75em;
  color: var(--header-page-text-color);
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
  gap: var(--padding-sm);
  /*position: sticky;
  position: -webkit-sticky;
  top: 0;*/
  margin: 0;
  z-index: 0;
}
.sports-new-head span,
.sports-new-head {
  /* text-transform: uppercase; */
}
.sports-new-head span:first-letter,
.sports-new-head:first-letter {
  text-transform: uppercase;
}
.last-results rect,
.last-results path,
.last-win path,
.ticket path,
.ticket rect,
.prematch path,
.antepost path,
.prematch path,
.top-league path {
  stroke: white;
}
.menu-sport {
  width: 100%;
}
.sports-main-middle {
  height: 100% !important;
  overflow: visible;
}
.sports-main-middle.live-overview {
  overflow: hidden !important;
}
.sport-item-container {
  /* padding: var(--padding-sm); */
  padding: 5px 10px;
  height: auto;
  border-width: 0 0 1px 0;
  border-color: var(--color-bg-01);
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* min-height: 44px; */
  min-height: 40px;
}
.sport-item-flag img {
  float: none;
  width: 18px;
  height: 18px;
  margin: 0;
}
.sport-item-text {
  font-family: inherit;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  width: 100%;
}
.sport-item-count {
  font-size: var(--font-size-2xs);
  margin: 0 var(--margin-sm);
  justify-self: end;
  font-size: var(--font-size-xs);
}
.sport-item-container.VociMenuSport {
  background: var(--menu-element-pressed-bg);
  color: var(--menu-element-text-color);
}
.sport-item-container.VociMenuSport .sport-item-flag img {
  filter: invert(1);
}
.sport-item-container.VociMenuSport.collapsed .sport-item-flag img {
  filter: none;
}
.sport-item-container.VociMenuSport.collapsed {
  background: var(--menu-element-bg);
  color: var(--menu-element-text-color);
}
.sub-menu-category .category-group {
  background: var(--menu-element-pressed-bg);
  color: var(--menu-element-text-color);
}
.sub-menu-category .category-group.collapsed {
  background: var(--menu-element-bg);
  color: var(--menu-element-text-color);
}
.sport-item-container.VociMenuSport.collapsed .fa-chevron-down,
.sub-menu-category .category-group.collapsed .fa-chevron-down {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.sport-item-container.VociMenuSport .fa-chevron-down,
.sub-menu-category .category-group .fa-chevron-down {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.VociMenuSport:hover,
.VociMenuAntepost:hover {
  background: var(--color-primary-pressed);
  color: var(--color-primary-text);
  border-width: 0 0 1px 0;
  border-color: black;
  border-radius: 0;
  box-shadow: none;
}
.VociMenuSport.collapsed:hover,
.VociMenuAntepost.collapsed:hover {
  background: var(--menu-element-hover-bg);
  color: var(--menu-element-text-hover-color);
}
.sub-menu-category .category-group,
.sub-menu-antechampionship .championship-element.sports-bar-inner div {
  /* padding: var(--padding-sm); */
  padding: 5px 10px;
  box-shadow: none;
  border-width: 0 0 1px 0;
  border-color: var(--color-bg-01);
  display: flex;
  align-items: center;
  font-size: var(--font-size-xs);
  text-transform: none;
  height: auto;
  min-height: 35px;
  color: var(--menu-element-text-pressed-color);
}
.sub-menu-category .category-group.collapsed {
  background: var(--menu-element-bg);
  color: var(--menu-element-text-color);
  border-color: var(--color-bg-01);
}
.sub-menu-category .category-group i {
  margin-left: auto;
}
.sub-menu-category .category-group:hover {
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: var(--color-bg-01);
  box-shadow: none;
}
.sub-menu-category .category-group:active {
  color: var(--menu-element-text-color);
}
.time-filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs) var(--padding-sm);
  background: var(--menu-page-bg);
}
.time-filter-container a.small {
  width: auto;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  padding: var(--padding-xs);
  margin: 0;
  border: 0;
}
.time-filter-container a.small:hover {
  background: var(--button-primary-hover-bg);
  color: var(--button-primary-text);
  border-radius: var(--border-radius-xs);
}
.time-filter-container .activeTime {
  border-radius: var(--border-radius-xs);
  background: var(--button-primary-pressed-bg);
  color: var(--button-primary-text);
  border: none;
}
.sub-menu-championship.sub-menu.sub-list.menu-sport-body.collapse.in {
  border: 0;
  border-left-color:var(--color-primary-100);
}
.championship-element.sports-bar-inner {
  border-width: 0 0 1px 0;
  border-color: var(--color-bg-01);
  background-color: var(--color-bg-02);
  box-shadow: none;
  padding: 0 10px;
  min-height: 35px;
}
.championship-element.sports-bar-inner.active{
  background: var(--championship-table-element-pressed-bg);
  color: var(--championship-table-element-text-color);
}
.championship-element.sports-bar-inner div,
.sub-menu-antechampionship .championship-element.sports-bar-inner div {
  font-family: var(--heading-font-family);
  font-size: var(--font-size-xs);
  width: 100%;
  line-height: normal;
  min-height: inherit;
  float: none;
  margin: 0;
  /* text-transform: uppercase; */
  display: flex;
  align-items: center;
  background-color: transparent;
}
.championship-element.sports-bar-inner:hover {
  border-width: 0 0 1px 0;
  background-color: var(--championship-table-element-hover-bg);
  color: var(--championship-table-element-text-hover-color);
  border-color: var(--championship-table-element-border-color);
  border-radius: 0;
  padding: var(--padding-sm) var(--padding-md);
  /* padding: 5px 10px; */
  padding: 0 10px;
  min-height: 35px;
  background-color: var(--championship-table-element-hover-bg);
}
.sub-menu-antechampionship .championship-element.sports-bar-inner {
  padding: 0;
  height: auto;
}
#search_id {
  width: 100%;
  height: auto;
}

.sports-main-right,
.qbet-middle {
  background: none;
}
.qbet-middle {
  padding: var(--padding-sm);
  float: none;
}
.qbet-input,
.qbet-picker {
  height: auto;
}

.qbet-event-description {color: var(--color-primary-text);}

.qbet label{
  /* float: left;
  margin-right: 15px;
  padding-top: 5px;
  color: var(--color-primary-text); */
}

.qbet input{
  width: 110px;
  float: left;
  height: 33px;
  background: var(--input-bg);
  color: var(--input-text);
  border-radius: var(--border-radius-xs);
  border:0px1px solid var(--input-border-color);
}
.qbet a{
  /* float: left;
  color: var(--menu-text-color);
  margin: 5px 10px 0px 0px;
  font-weight: bold; */
  /* text-transform: uppercase; */
}
.qbet a, .qbet-picker div label { color: var(--menu-text-color); }

.qbet-picker .btn {
  background: var(--input-bg);
  height: 33px;
  border-radius: 0;
  border:0px;
  color: var(--menu-text-color);
  position: relative;
}

.qbet-picker .btn:after{
  content: "\f107";
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 3px;
  font-family: 'FontAwesome';
  color: var(--menu-text-color);
}

.select-clickbet::-ms-expand {
  display: none;
}
#cupon {
  background: none;
  padding: 0;
  text-align: left;
}
#cupon #ticketalert div {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
  color: var(--menu-text-color);
}
.coupon-container {
  background: var(--color-bg-02);
}
.cupon-head-bottom-number {
  font-size: var(--font-size-xs);
  text-align: left;
  display: flex;
  align-items: center;
}
.cupon-head-bottom {
  box-shadow: none;
  background: none;
  padding: 0;
}
.cupon-head-bottom-number {
  background: none;
}
.header_coupon {
  float: none;
  padding: 0;
  border-bottom: 1px solid black;
  background-color: var(--color-bg-01);
  color: var(--menu-text-color);
  padding: var(--padding-sm);
}
.eventi-number {
  justify-content: flex-start;
  margin-top: 0;
}
.cupon-middle-main {
  border-width: 0 0 1px 0;
  border-color: var(--color-bg-04);
  background: var(--color-bg-02);
  padding: var(--padding-sm);
}
.cupon-dettaglio,
.cupon-head-bottom-head,
.cupon-head-bottom-number,
.eventi-number,
.cupon-middle-main,
.cupon-id,
.cupon-team,
.cupon-main-num,
.cupon-main-num-center,
.cupon-main-num-right {
  background-color: transparent;
}
.riga_match_team {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
}
.cupon-team {
  /* font-size: var(--font-size-sm); */
  font-size: var(--font-size-xs);
  font-style: italic;
  width: 100%;
  padding: var(--padding-xs) var(--padding-xs) 0 var(--padding-xs);
  background-color: var(--color-bg-02);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.riga_match_team .cupon-id {
  font-size: var(--font-size-xs);
  padding: 0 var(--padding-xs) 0 0;
}
.riga_match_team .eliminaMatch {
  margin-left: auto;
}
/*Last Minute*/
.most-played-container .vue-instance > ul div.row-partita div,
.ultimo-minuto-container .vue-instance > ul div.row-partita div {
  float: none;
}
.ultimo-minuto-container .vue-instance > ul div.row-partita div.tempo-partita {
  width: auto;
}
.ultimo-minuto-container
  .vue-instance
  > ul
  div.row-partita
  div.quote-partita
  ul
  li {
  width: calc(100% / 3);
}
.ultimo-minuto-container .vue-instance > ul div.row-partita div.tempo-partita {
  text-align: left;
}
.ultimo-minuto-container .vue-instance > ul div.row-partita div.titolo-partita {
  padding: 0 !important;
}
.outcome-label {
  font-size: var(--font-size-3xs);
}
.last-minute-item {
  display: flex;
  gap: 2rem;
}
.col-box-margin-bottom {
  background-color: var(--menu-page-bg);
  border-radius: 0;
  float: none;
}


/* last-results */

  .last-results-row {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--margin-md);
    font-family: inherit;
    color: var(--menu-text-color);
    border-bottom: 1px solid var(--menu-text-color);
    padding: var(--padding-xs) var(--padding-sm);
    font-size: var(--font-size-xs);
  }
  .last-results-row .flag img {
    border-radius: 50%;
    width: 2em;
  }
  .last-results-row .match {
    display: flex;
    flex-direction: column;
  }
  .last-results-row .tempo-partita {
    font-size: var(--font-size-2xs);
  }
  .last-results-row .match span {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-primary-text);
  }
  .last-results-row .matchResult {
    margin: 0 0 0 auto;
    font-size: var(--font-size-md);
  }

/* last-results */

/*SLIDESHOW*/
#banner {
  margin-bottom: var(--margin-sm);
}
#slides {
  border-radius: var(--border-radius-md);
}
/*SLICK CAROUSEL*/
.slick-prev,
.slick-next {
  width: 30px;
  height: 30px;
  z-index: 100;
}
.slick-prev:before,
.slick-next:before {
  font-size: 24px;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}
.slick-track {
  display: flex !important;
}
.slick-slide {
  height: inherit !important;
}
/*MIDDLE COLUMN SPORTS*/
.panel {
  background: none;
}
.nav-tabs {
  background: var(--menu-page-bg);
  padding: var(--padding-xs);
  border-bottom: 0;
}
.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}
.nav-tabs::before {
  display: none;
}
.nav-tabs > li {
  float: none;
  margin: 0;
}
.nav-tabs > li > a {
  margin: auto;
  border-radius: inherit;
  border: 0;
  line-height: normal;
  display: flex;
  align-items: center;
  border-radius: var(--border-radius-sm);
  font-weight: var(--font-weight-medium);
}
.nav-tabs > li > a img {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: var(--spacing-xs);
}
.nav-tabs > li > a span {
  display: inline-block;
}
.nav-tabs > li.active > a {
  border: 0;
  padding: var(--padding-sm);
  background: var(--color-primary-100);
}
.nav-tabs > li.active > a img,
.nav-tabs > li > a:hover img {
  filter: invert(1);
}
.nav-tabs > li.active > a:hover {
  background: var(--color-temporary);
}
.nav-tabs > li.active > a:active {
  background: var(--color-primary-pressed);
}

.filter-controls {
  margin: 0 0 var(--margin-md) 0;
}
.filter-controls .nav-tabs,
.casino-tab .nav-tabs {
  background: none;
}
.filter-controls .nav-tabs > li > a:hover,
.filter-controls .nav-tabs > li.active > a,
.filter-controls .nav-tabs > li.active > a:focus,
.filter-controls .nav-tabs > li.active > a:hover,
.casino-tab .nav-tabs > li > a:hover,
.casino-tab .nav-tabs > li.active > a,
.filter-controls .nav-tabs > li.active > a:focus,
.filter-controls .nav-tabs > li.active > a:hover {
  color: var(--color-bg-02);
  background-color: var(--color-primary-100);
  border: 1px solid var(--color-primary-80);
  border-radius: var(--border-radius-round);
}
.filter-controls .nav-tabs > li.active > a::before,
.filter-controls .nav-tabs > li > a:hover:before {
  filter: invert(1);
}
.filter-controls .nav-tabs > li > a,
.filter-controls .nav-tabs > li.active {
  border: 1px solid var(--color-primary-80);
  color: white;
  border-radius: var(--border-radius-sm);
}
.filter-controls .nav-tabs > li > a::before {
  content: "";
  background: url(../../img/icon-filter-controls.svg) no-repeat;
  background-size: 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: var(--margin-xs);

  display: none; /* lo nascondo perchè non abbiamo delle icone diversificate */
}
.ultimo-minuto-container .nav > li > a {
  padding: var(--padding-sm) var(--padding-xs);
  font-size: var(--font-size-xs);
  font-family: inherit;
}
.ultimo-minuto-container .nav-tabs > li > a:hover,
.ultimo-minuto-container .nav-tabs > li.active > a,
.ultimo-minuto-container .nav-tabs > li.active > a:focus,
.ultimo-minuto-container .nav-tabs > li.active > a:hover,
.most-played-container .nav-tabs > li > a > span,
.most-played-container .nav-tabs > li.active > a {
  color: var(--color-primary-text);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  font-family: inherit;
  background-color: var(--color-accent-100);
  border: 0;
  border-radius: var(--border-radius-sm);
}
.ultimo-minuto-container .nav-tabs > li.active,
.most-played-container .nav-tabs > li.active {
  border-radius: var(--border-radius-sm);
  background-color: var(--color-bg-02);
  padding: var(--padding-sm);
}
.ultimo-minuto-container .panel-body .tab-content {
  padding: var(--padding-md) 0;
}
.last-minute-card-item {
  padding: var(--padding-sm);
  margin: var(--margin-xs);
  background-color: var(--last-minute-card-bg);
  font-size: var(--font-size-sm);
  border-radius: var(--border-radius-md);
  height: 100%;
  width: 250px !important;
}
.last-minute-card-item .row-partita {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  height: 100%;
}
.last-minute-card-item .row-partita .tempo-partita,
.last-minute-card-item .titolo-partita .matchCatTour {
  display: block;
  margin: 0 0 var(--margin-xs) var(--margin-xs);
  color: var(--last-minute-card-text-color);
}
.last-minute-card-item .titolo-partita .match {
  display: block;
  margin: 0 0 var(--margin-xs) var(--margin-xs);
  color: var(--last-minute-card-text-color);
  cursor: pointer;
}
.last-minute-card-item .titolo-partita .match i {
  color: var(--color-primary-100);
}
.last-minute-card-item .titolo-partita .match:hover {
  color: var(--last-minute-card-text-hover-color);
}
.last-minute-card-item .titolo-partita .match:active {
  color: var(--last-minute-card-text-pressed-color);
}
.ultimo-minuto-container .tab-content ul {
  background: var(--color-bg-01);
  padding: var(--spacing-sm);
  float: none;
  border-radius: var(--border-radius-md);
  margin-bottom: auto;
}

.btn-odd-rank {
  width: 50px; /* width: 60px; */
  height: 35px; /* height: 40px; */
  font-size:var(--font-size-xs) !important;
  font-family: var(--body-font-family);
  border: 0 !important;
  padding: var(--padding-xs) 0;
  border-radius: var(--border-radius-xs);
  font-weight: var(--font-weight-medium);
  margin: 0;
  background-color: var(--button-secondary-bg);
}

.btn-odd-rank:active {
  background-color: var(--button-secondary-pressed-bg);
}

.btn-odd-rank:hover {
  font-size: 12px;
}
.outcomeWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xs);
}
.outcomeContainer {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: inline-block;
}
.outcomeContainer li {
  font-size: var(--font-size-xs);
  display: block;
  width: 100%;
  text-align: center;
}
.outcomeContainer li:first-child {
  background: var(--color-accent-100);
  border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
}
.outcomeContainer li .btn-odd-rank {
  background: var(--button-secondary-bg) !important;
  width: 100%!important;
  font-size: var(--font-size-md);
  border: 1px solid var(--color-bg-03);
  padding: var(--padding-xs);
  border-radius: 0 0 var(--border-radius-xs) var(--border-radius-xs);
  font-weight: var(--font-weight-regular);
  margin: 0;
  max-width: 100% !important;
}
.outcomeContainer li .btn-odd-rank.activated {
  background: var(--quote-button-pressed-bg) !important ;
}
.quote_btn.activated {
  border-color: var(--quote-button-pressed-bg) !important;
  background-color: var(--quote-button-pressed-bg) !important;
  color: var(--quote-button-pressed-text);
  max-width: 60px;
  font-weight: var(--font-weight-medium);
}
.quotaGiocabile .quote_btn.activated {
  max-width: 100%;
}
.outcomeContainer li .btn-odd-rank:active {
  border-color: var(--button-secondary-pressed-bg);
}
.most-played-container .vue-instance > ul,
.ultimo-minuto-container .vue-instance > ul {
  float: none;
}
.most-played-container .panel-body,
.ultimo-minuto-container .panel-body {
  background-color: var(--color-bg-02);
  padding: var(--padding-sm);
}
.most-played-container .vue-instance > ul li div.row-partita:last-child {
  background: var(--color-bg-01);
  border: 0;
}
.most-played-container .vue-instance > ul li div.row-partita {
  margin: var(--margin-xs) 0;
}
.most-played-container .vue-instance .row-partita {
  display: flex;
  gap: 4px;
}
/*SPINNER*/
#loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--padding-xl) 0;
  min-height: 200px;
  position: relative;
}
.spinner {
  animation: rotate 2s linear infinite;
  z-index: 100;
  width: 30px;
  height: 30px;
}
.spinner .path {
  stroke: rgba(255, 255, 255, 0.5);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

/*Palinsesto*/
.palinsesti-container .main-palinsesti {
  margin: 0;
  padding: 0;
  overflow: auto;
  display: block;
}
.palinsesti-container {
  float: none;
}
.palinsesti-container .main-palinsesti .heading-sport {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.palinsesti-container .main-palinsesti .next-page {
  padding: var(--margin-md);
  background-color: var(--color-bg-01);
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  margin: 0;
  z-index: 100;
}
.main-palinsesti .heading-sport .title-heading {
  display: flex;
  align-items: center;
  padding: var(--padding-md) var(--padding-sm);
}
.main-palinsesti .heading-sport .title-heading img {
  width: 18px;
  height: 18px;
  margin-right: var(--margin-xs);
}
.palinsesti-container .main-palinsesti .heading-sport .title-heading h4 {
  border-radius: 0;
  border: 0;
  font-size: var(--font-size-lg);
  background: transparent;
  font-weight: var(--font-weight-medium);
  padding: 0;
}
.palinsesti-container .main-palinsesti .heading-sport .actionGroup {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: var(--padding-sm);
}
.palinsesti-container .main-palinsesti .heading-sport .actionGroup .print,
.palinsesti-container .main-palinsesti .heading-sport .actionGroup .select-all {
  margin: 0 var(--margin-xs);
}
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .print
  button,
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .select-all
  button {
  gap: var(--spacing-xs);
}
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .print
  .btn-link,
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .select-all
  .btn-link {
  color: var(--color-primary-text);
}
.palinsesti-container .main-palinsesti .heading-sport .actionGroup .print {
  color: var(--color-primary-100);
  font-family: var(--body-font-family);
}
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .print
  svg
  path {
  stroke: var(--color-primary-100);
}
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .select-all
  button {
  color: var(--color-primary-100);
  font-size: var(--font-size-xs);
}
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .select-all
  button:hover,
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .print
  button:hover {
  text-decoration: underline;
}
.palinsesti-container
  .main-palinsesti
  .heading-sport
  .actionGroup
  .select-all
  button
  svg
  path {
  stroke: var(--color-primary-100);
  stroke-width: 1px;
}
.palinsesti-container .main-palinsesti .pal-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--palinsesti-header-bg);
  padding: var(--padding-xs) var(--padding-sm);
}
.palinsesti-container .main-palinsesti .pal-heading .title {
  width: 100%;
  padding: 0;
}
.palinsesti-container .main-palinsesti .pal-heading .title,
.palinsesti-container .main-palinsesti .pal-heading .icon-container-sub {
  float: none;
}
.palinsesti-container .main-palinsesti .pal-heading .icon-container-sub {
  display: flex;
  position: static;
}
.palinsesti-container .main-palinsesti .pal-heading .title {
  display: flex;
  align-items: center;
}
.palinsesti-container .main-palinsesti .pal-heading .title img {
  float: none;
  margin: 0;
  object-fit: cover;
  height: auto;
}
.palinsesti-container .main-palinsesti .pal-heading .title h4 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  margin: 0;
  float: none;
  color: white;
}
.palinsesti-container .main-palinsesti ul.pal-container {
  background: var(--palinsesti-bg);
  padding: var(--padding-sm);
  margin-bottom: var(--margin-lg);
}
.palinsesti-container .main-palinsesti ul.pal-container .check {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--spacing-md);
}
.palinsesti-container .main-palinsesti .pal-container .spn91_1 {
  padding: 0;
}
.palinsesti-container
  .main-palinsesti
  .pal-heading
  .icon-container-sub
  .select-all-pal
  svg
  path {
  stroke: white;
  stroke-width: 1px;
}
.palinsesti-container
  .main-palinsesti
  .pal-heading
  .icon-container-sub
  .select-all-pal
  .action:hover
  svg
  path {
  stroke: var(--color-primary-100);
}
.select-all-pal .action {
  cursor: pointer;
}
.select-all-pal .action:hover svg path {
  stroke: var(--color-primary-100);
}
.palinsesti-container .main-palinsesti .pal-container .checkbox {
  height: auto;
  color: var(--palinsesti-element-text-color);
  padding: 0;
}
.palinsesti-container .main-palinsesti .pal-container .checkbox > label {
  overflow: visible;
  text-overflow: unset;
  white-space: normal;
  color: var(--palinsesti-element-text-color);
}
.palinsesti-container div.checkbox:hover label,
.palinsesti-container div.checkbox:active label,
.palinsesti-container div.checkbox:focus label {
  color: var(--palinsesti-element-text-hover-color);
}
.palinsesti-container .main-palinsesti .checkbox input[type="checkbox"] {
  position: static;
}
.checkbox-list .checkbox,
.form .checkbox {
  margin-top: 0;
  color: var(--input-text);
}
.checkbox label {
  margin: 0;
  padding: 0;
  display: flex;
  font-size: var(--font-size-sm);
}
.checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-content: center;
  padding: 0;
  border: 1px solid var(--palinsesti-element-border-color);
  border-radius: 0.25rem;
  background-color: transparent;
  font-family: var(--font-awesome);
  margin: 0 var(--margin-xs) 0 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.checkbox input[type="checkbox"]::before {
  display: block;
  content: "";
  font-size: 1rem;
  width: 16px;
  height: 16px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  background-color: var(--input-text);
}
.checkbox input[type="checkbox"]:focus {
  outline: none;
}
.checkbox input[type="checkbox"]:checked::before {
  transform: scale(0.6);
}
.checkbox input[type="checkbox"]:hover {
  color: black;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: static;
}
.checkbox label a {
  margin-left: var(--margin-xs);
  color: var(--link-color);
}
#coupon-footer .accetta {
  background: none;
  height: auto;
  margin: 0;
  padding: 0;
}
#coupon-footer .accetta label {
  text-transform: none;
  justify-content: center;
  padding: var(--padding-xs);
  color: var(--color-primary-text);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-xs);
  background-color: transparent;
  border: none;
}
#coupon-footer .accetta.checkbox input[type="checkbox"] {
  border-color: var(--button-primary-bg);
}
#coupon-footer .accetta.checkbox input[type="checkbox"]::before {
  background: var(--button-primary-bg);
}
.cupon-icon.fissa img {
  width: var(--font-size-sm);
}

/*Modale*/
.modal.fade .modal-dialog {
  transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  -webkit-transform: translate(-50%, 100%);
  -o-transition: translate(-50%, 100%);
  left: 50%;
  top: 100%;
}
.modal.in .modal-dialog {
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transition: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  margin: 0;
  padding: var(--padding-md);
}
#myModalSchedina.modal.fade {
  background: rgba(0, 0, 0, 0.7);
}
div.windowquote div.modal-content,
div.modal div.modal-content {
  border: 0;
  border-radius: var(--border-radius-md);
  -webkit-border-radius: var(--border-radius-md);
  background-color: var(--modal-bg);
}
.modal-content {
  background: var(--modal-bg-02);
  padding: var(--padding-md);
  box-shadow: 
    rgba(255, 255, 255, 0.50) 0px -15px 15px, 
    rgba(255, 255, 255, 0.50) 0px 15px 15px, 
    rgba(255, 255, 255, 0.50) 15px 0px 15px, 
    rgba(255, 255, 255, 0.50) -15px 0px 15px;
}
.modal-header .btn-group.bootstrap-select {
  display: none;
}
.modal-header .select2-container {
  min-width: 180px;
}
div.windowquote div.modal-header span.modal_event_odds_championship,
div.windowquote div.modal-header h4.modal_event_odds_name,
div.modal div.modal-header span.modal_event_odds_championship,
div.modal div.modal-header h4.modal_event_odds_name,
.modal-header button.close,
.modal-header .modal-title {
  float: none;
}
.modal-header button.close svg path {
  fill: white;
}
.modal-header button.close {
  position: absolute;
  top: 0;
  right: 0;
}
.modal-header button.close .close {
  width: 30px;
  height: 30px;
  opacity: 1;
  text-shadow: none;
  color: var(--modal-text);
}
div.windowquote div.modal-header span.modal_event_odds_championship,
div.modal div.modal-header span.modal_event_odds_championship {
  padding: 0;
  display: block;
}
div.windowquote div.modal-header h4.modal_event_odds_name,
div.modal div.modal-header h4.modal_event_odds_name,
h4.modal-title {
  padding: 0;
  font-size: var(--font-size-sm);
  margin: 0 0 var(--margin-sm) 0;
  display: block;
  text-transform: uppercase;
  color: var(--modal-text);
}
div.windowquote div.modal-header,
div.modal div.modal-header,
.modal-header .modal-title {
  padding: 0;
  background: none;
  position: relative;
  color: var(--modal-text);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  margin-bottom: var(--margin-lg);
  text-align: left;
}
div.windowquote div.modal-header,
div.modal div.modal-header {
  border-bottom: 1px solid var(--color-bg-04);
}

.winningDetail div, .divSchedinaVincente table {
  color: var(--modal-text);
}
.divSchedinaVincente table {
  width: 100%;
  margin-top: var(--margin-lg);
}
.divSchedinaVincente table tbody tr {
  border-top: 1px solid black !important;
}
.modal-body.winningDetail .row {
  border-bottom: 1px solid black !important;
}
.winningDetail div,
.divSchedinaVincente table tr td:first-child {
  text-align: left;
}
.divSchedinaVincente table tr td.icon img {
  width: 20px;
  height: 20px;
}
.select2-container--default .select2-selection--single {
  border: 0;
  background: var(--color-bg-06);
  background-color: var(--color-bg-06) !important;
  border-radius: var(--border-radius-round);
  height: auto;
  min-height: 44px;
  padding-top: .50em;
}
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple {
  border-radius: var(--border-radius-round);
}
.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--button-primary-text);
  line-height: normal;
  background:  var(--button-secondary-bg);
  height: 35px;
  border-radius: var(--border-radius-xs);
  display: flex;
  align-items: center;
}
.modal-header
.select2-container
.select2-selection--single
.select2-selection__rendered {
  line-height: 24px;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  border-color: #fff transparent transparent transparent;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 16px;
  width: 16px;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.select2-dropdown {
  width: 300px !important;
  border-radius: 0;
  box-shadow: 0 0 0 1px var(--button-primary-text);
  border: 0;
}
.select2-results__option,
.select2-search--dropdown {
  font-size: var(--font-size-sm);
  padding: var(--padding-xs) var(--padding-sm);
  background-color: var(--dropdown-bg);
  color: var(--dropdown-text);
}
.livePage .select2-results__option {
  font-size: var(--font-size-sm) !important;
  color: var(--input-text);
  background-color: var(--input-bg);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  min-height: 40px;
  color: var(--color-secondary-text);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: var(--dropdown-element-hover-bg) !important;
    color: var(--dropdown-element-text-hover-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:hover{
  background-color: var(--dropdown-element-hover-bg) !important;
    color: var(--dropdown-element-text-hover-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:active{
  background-color: var(--dropdown-element-hover-bg) !important;
    color: var(--dropdown-element-text-hover-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:focus{
  background-color: var(--dropdown-element-hover-bg) !important;
    color: var(--dropdown-element-text-hover-color);
}

div.windowquote div.modal-body,
div.modal div.modal-body {
  background: none;
  /* padding: 0 var(--padding-sm) 0 0; */
}
div.windowquote .marketGroupModal,
div.modal .marketGroupModal {
  text-align: center;
  margin-bottom: var(--margin-xs);
  background:var(--modal-bg-02);
}
div.windowquote div.modal-body div.panel,
div.modal div.modal-body div.panel {
  background: var(--modal-bg-02);
  padding: var(--spacing-sm);
}
div.windowquote div.panel-body,
div.windowquote div.modal-body div.panel-heading,
div.modal div.panel-body,
div.modal div.modal-body div.panel-heading {
  background: none;
  padding: 0;
}
div.windowquote div.modal-body div.panel-heading,
div.modal div.modal-body div.panel-heading {
  color: var(--button-primary-text);
  border-bottom: 1px solid var(--button-primary-text);
  margin: 0;
  padding: var(--padding-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
}
div.windowquote div.panel-body ul,
div.modal div.panel-body ul {
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
}
div.windowquote div.panel-body ul li div.moreOddContainer,
div.modal div.panel-body ul li div.moreOddContainer {
  width: 100%;
  margin: 0;
  padding: 0;
}
div.modal div.panel-body ul li div.moreOddContainer {
  padding-left:10px;
  padding-right: 10px;
}
div.windowquote div.panel-body ul li div.moreOutcomeName,
div.modal div.panel-body ul li div.moreOutcomeName {
  font-size: var(--font-size-sm);
  background: var(--button-primary-bg);
  color: var(--button-primary-text);
  padding: var(--padding-md);
  margin-bottom: 0;
  height: auto;
  border: 0;
}
div.windowquote div.panel-body ul li div.moreOddButton button,
div.modal div.panel-body ul li div.moreOddButton button {
  padding: var(--padding-sm);
  /*background: transparent !important;*/
  color: var(--button-primary-text);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-xs);
}
div.windowquote div.panel-body ul li div.moreOddButton button.activated,
div.modal div.panel-body ul li div.moreOddButton button.activated {
  background: var(--button-primary-bg) !important;
  border: 2px solid var(--button-primary-bg) !important;
  color: var(--button-primary-text);
}

div.windowquote div.panel-body ul li div.moreOddButton button:hover,
div.modal div.panel-body ul li div.moreOddButton button:hover {
  background: var(--button-primary-bg) !important;
  color: var(--button-primary-text);
}

.modal-footer {
  padding: var(--padding-md);
  text-align: center;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 100%;
    max-width: 1140px;
  }
}

/*Quote*/
.contenitore_torneo {
  background: none;
  font-family: inherit;
  font-size: inherit;
  background-color: var(--tabella-bg);
}
.cont_quotes {
  background: none;
}
.cont_quotes.btn-group.macro-market-button-section {
  border: 0;
  background: none;
  display: block;
  margin-bottom: var(--margin-lg);
  padding-bottom: var(--margin-lg);
  border-bottom: 1px solid var(--header-page-secondary-bg);
}
.text_sport_centrale {
  margin: 0;
  font-family: inherit;
  font-size: var(--font-size-sm);
  text-transform: none;
}
.box-heading {
  display: flex;
  align-items: center;
  color: var(--header-page-text-color);
  /* padding: var(--padding-md) 0; */
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
  
  padding: 0 .5em;
  margin: 0 -15px;
  border-radius: 5px 5px 0 0;
background-color: var(--header-page-bg);
}
.close-championship-odds {
  margin-left: auto;
}
.crossclose,
.crossrefresh {
  width: 44px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--link-color);
  text-transform: uppercase;
  font-size: var(--font-size-md);
}
.heading-sport-name {
  border-right: 1px solid var(--header-page-secondary-bg);
}
.heading-sport-name span img {
  width: var(--font-size-lg);
  margin-right: 2px;
}
.heading-sport-name,
.heading-sport-category {
  padding: var(--padding-sm);
}
.heading-sport-actions {
  margin-left: auto;
}
.img_category_menu {
  float: none;
  margin: 0 var(--margin-xs) 0 0;
  width: var(--font-size-lg);
}
#accordionMacroMarket {
  overflow: hidden;
  position: relative;
  /* margin: 20px 0; */
  margin: 10px 0;
}
#accordionMacroMarket .panel-group .panel::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  width: 55px;
  background: var(--header-page-secondary-bg);
  background: linear-gradient(
    270deg,
    var(--header-page-secondary-bg) 0%,
    rgba(19, 31, 38, 0) 100%
  );
}
#selezionaUnCampionato {
  padding: var(--padding-md);
  border-radius: var(--border-radius-md);
  background-color: var(--header-page-bg);
  border: 0;
  text-align: center;
  color: var(--header-page-text-color);
}
#accordionMacroMarket .icon-accordion {
  position: absolute;
  top: 0;
  right: 0;
  /* width: 30px; */
  /* height: 35px; */
  /* background: var(--header-page-secondary-bg); */
  display: flex;
  justify-content: center;
  align-items: center;
  /* color: var(--header-page-text-color); */
  z-index: 20;
  
  width: auto;
  height: auto;
  padding: var(--padding-xs) var(--padding-sm);
  gap: var(--spacing-sm);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-accent-80);
  color: var(--color-secondary-text);
  cursor: pointer;
}
.cont_quotes.btn-group.macro-market-button-section,
.cont_quotes.btn-group.gruppiBottoniquote {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing-sm);
  /* margin-bottom: var(--margin-xs); */
  margin-bottom: 0;
  overflow: scroll;
  grid-template-columns: repeat(5, 1fr);
  padding-bottom: 10px;
  /* padding-right: 54px; */
  /* width: calc(100% - 35px); */
  width: calc(100% - 75px);
}
.cont_quotes.btn-group.macro-market-button-section.cont_quotest-close,
.cont_quotes.btn-group.gruppiBottoniquote.cont_quotest-close {
  display: none;
}
.cont_quotes.btn-group.macro-market-button-section.cont_quotest-open,
.cont_quotes.btn-group.gruppiBottoniquote.cont_quotest-open {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding-right: 44px;
}
.cont_quotes.btn-group.gruppiBottoniquote button,
.cont_quotes.btn-group.macro-market-button-section button,
.cont_quotes.btn-group.gruppiBottoniquote button.btn,
.cont_quotes.btn-group.macro-market-button-section button.btn {
  background: var(--color-bg-03);
  color: var(--color-primary-text);
  padding: var(--padding-xs) var(--padding-sm);
  border: 0;
  margin: 0;
  width: auto;
  height: auto;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  border-radius: var(--border-radius-md);
  border: 1px solid transparent;
  transition: none;
}
.cont_quotes.btn-group.gruppiBottoniquote button.activated.btn,
.cont_quotes.btn-group.macro-market-button-section button.activated.btn,
.cont_quotes.btn-group.gruppiBottoniquote button,
.cont_quotes.btn-group.macro-market-button-section button {
  color: var(--color-primary-text);
}
.cont_quotes.btn-group.gruppiBottoniquote button:hover,
.cont_quotes.btn-group.macro-market-button-section button:hover,
.cont_quotes.btn-group.gruppiBottoniquote button.activated.btn:hover,
.cont_quotes.btn-group.macro-market-button-section button.activated.btn:hover,
.cont_quotes.btn-group.gruppiBottoniquote button.activated.btn,
.cont_quotes.btn-group.macro-market-button-section button.activated.btn {
  background: var(--quote-button-bg);
  color: var(--quote-button-text);
  border-radius: var(--border-radius-sm);
  border-color: var(--quote-button-border-color);
  border: 1px solid var(--quote-button-border-color);
}
.contenitore-quote .btn {
  padding: var(--padding-xs) var(--padding-sm);
  font-weight: var(--font-weight-medium);
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-radius: var(--border-radius-sm);
}
.cont_quotes.btn-group.gruppiBottoniquote button span {
  display: block;
  font-family: inherit;
  font-size: var(--font-size-sm);
  line-height: normal;
  width: auto;
  height: auto;
  text-wrap: nowrap;
  font-weight: var(--font-weight-regular);
}
.cont_quotes.btn-group.gruppiBottoniquote.cont_quotest-open button span{
  text-wrap: wrap;
}
#tournament-container .content {
  margin-bottom: var(--margin-lg);
}
.dropdown-menu {
  background-color: var(--color-bg-02);
  color: var(--color-primary-text);
}
.dropdown-menu > li > a {
color: var(--color-primary-text);
  padding: var(--padding-xs);
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: var(--color-accent-100);
  color: var(--color-primary-text);
}
tr.quotes-heading td.data_partita,
.quotes-heading .data_partita {
    border-bottom: 1px solid transparent;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-regular);
    color: var(--color-primary-text);
    background: transparent;
    /* border: 1px solid var(--quote-primary-bg); */
    padding: var(--padding-xs);
}
.event-row td {
  padding: 0 6px;
  /*border-right: .5px solid var(--color-bg-03) !important;*/
  /*border-left: .5px solid var(--color-bg-03) !important;*/
  border-bottom: 1px solid var(--color-bg-03) !important;
  background-color: transparent !important;
}
/*  .event-row td:first-child{*/
/*    border-left: 0px !important;*/
/*}*/
.quotes-heading > td.sign-name, .td_quota_lunga > .sign-name {
  background: var(--championship-table-header-bg);
  text-wrap: nowrap;
  /* padding: var(--padding-sm) var(--padding-xs); */
  padding: 0;
  border: 1px solid var(--championship-table-border-color);
  color: var(--championship-table-text);
  font-weight: var(--font-weight-medium);
}
.quotes-heading > td.sign-name:first-child {
  padding-left: 3px;
}
.quotes-heading > td.sign-name:last-child {
  padding-right: 3px;
}
.eventi-quotes-heading {
  margin-bottom: 0px;
  padding-top: 10px;
}
.event-row td.event-row-info {
  border-right: 0px solid var(--color-bg-03);
  width: 100%;
  text-align: left;
}
.event-container .event-odds .btn-odd-rank {
  margin: 6px 3px 10px 3px;
  width: 44px;
  /*min-width: 60px;*/
}
.event-container .event-odds-custom {
    padding: var(--padding-xs);
}
.event-container .event-info {
    width: 10%;
    flex-grow: unset;
    padding: var(--padding-sm);
}
div.events-time-championship-team div {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  color: var(--championship-table-element-text-color);
}
div.events-time-championship-team div:last-child {
  padding-top: 0;
}
/*tr.event-row:nth-child(odd) td{
  background: rgba(255,255,255,.025);
}*/
#tournament-container div.content {
  padding: 0 var(--container-padding) var(--container-padding)
    var(--container-padding);
}
#tournament-container div.content {
  border: 1px solid var(--color-bg-03);
  border-radius: var(--border-radius-md);
}
#tournament-container div.content:not(:has(> *)){
  padding:0;
  border:0;
  margin:0;
}
/*
#tournament-container div.content:nth-child(odd) {
  border:1px solid var(--color-bg-03);
  border-radius:var(--border-radius-md);
}*/
/* Popover */
.popover {
  background: var(--color-temporary)!important;
  color: var(--color-temporary);
  border: 0;
  padding: var(--padding-sm);
  font-family: var(--body-font-family);
  z-index: 9999;
}
.popover.top .arrow:after,
.popover.top .arrow:before{
  border-top-color: var(--color-temporary);
}
.popover.bottom > .arrow:after,
.popover.bottom > .arrow:before {
  border-bottom-color: var(--color-temporary)!important;
}
.popover-body *{
  margin:0;
  padding:0;
}
.popover-title {
  background-color: transparent;
  border: 0;
}
.popover-content {
  font-size: var(--font-size-xs);
}
.popover span{
  display: block;
}
/* Alert */
.alert {
  padding: var(--padding-md);
  margin: var(--margin-md) 0;
  font-size: var(--font-size-sm);
  border: 0;
}
.alert-success,
.alert-danger,
.alert-warning {
  color: black;
}
.alert-success {
  background-color: var(--bg-alert-success);
}
.alert::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  vertical-align: middle;
}
.alert-success::before {
  background: url(../../img/icon-check.svg) no-repeat;
}
.alert-success .close svg path {
  fill: var(--color-alert-success);
}
.alert-danger::before {
  background: url(../../img/icon-danger.svg) no-repeat;
}
.alert-danger {
  background-color: var(--bg-alert-danger);
}
.alert-danger .close svg path {
  fill: var(--color-alert-danger);
}
.alert-warning::before {
  background: url(../../img/icon-warning.svg) no-repeat;
}
.alert-warning {
  background-color: var(--bg-alert-warning);
}
.alert-warning .close svg path {
  fill: var(--color-alert-warning);
}
.sweet-alert h2 {
  font-size: var(--font-size-lg);
}
.sweet-alert .confirm, .sweet-alert .cancel {
  width: 100%;
}
.sweet-alert .cancel {
  margin-bottom: 20px;
}
/* Area utente */
.list-group {
  display: flex;
  align-items: center;
  margin: var(--margin-lg) 0;
  border-bottom: 1px solid var(--color-bg-03);
}
.list-group-item {
  padding: var(--padding-md);
  background-color: transparent;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: transparent;
  font-size: var(--font-size-sm);
}
.list-group-item,
.list-group-item:last-child {
  margin-bottom: -2px;
}
a.list-group-item,
button.list-group-item {
  color: var(--agency-text);
  flex-shrink: 0;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  background-color: var(--color-primary-100) !important;
  border-color: var(--agency-element-hover-bg);
  color: var(--color-secondary-text);
}
.list-group-item:last-child {
  border-radius: 0;
}
.form-group {
  position: relative;
  gap: var(--spacing-sm);
}
.form-group .form,
.form-group .form-range {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  min-height: 53px;
  width: 100%;
}
.form-group .form .form-submit {
  min-width: 200px;
}
.form-group .form .form-submit button {
  min-height: 53px;
  width: 100%;
  margin-top: var(--margin-xs);
}
.form-group label,
.resp-table-row label {
  color: white;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.form-group .form input {
  margin-bottom: 0;
}
.form-control {
  border: 0;
  background-color: var(--input-bg);
  color: var(--input-text);
  height: 25px;
}
.form-control .dropdown-toggle {
  border: 0;
  margin: 0;
  background-color: var(--color-bg-03);
  box-shadow: inset 0 0 0 2px var(--color-bg-03);
  padding: var(--padding-md);
  line-height: normal;
  border-radius: var(--border-radius-md);
  min-width: 150px;
}
.form-control.btn-group > .btn:first-child {
  margin: 0;
}
.form-control.btn-group > .btn:hover {
  border-radius: var(--border-radius-md);
}
.bootstrap-select .dropdown-toggle .filter-option,
.bootstrap-select .dropdown-toggle .caret,
.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  color: var(--color-primary-text);
  text-transform: uppercase;
}
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.form-control.btn-group.open .dropdown-toggle {
  /* color: var(--color-temporary); */
  /* background-color: var(--color-temporary); */
  color: inherit;
  background-color: inherit;
  box-shadow: inset 0 0 0 1px var(--color-primary-pressed);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary-pressed);
}
.modal-footer .btn-default {
  color: var(--button-primary-text);
}
.top_blk {
  /*min-height: 400px;*/
  color: var(--menu-element-text-color);
}

.user-profile-container {
  display: flex;
  max-width: 99%;
  width: 100%;
  margin: var(--margin-sm);
  padding: 0;
}
.user-profile-nav {
  overflow: auto;
  width: 15%;
}
.user-profile-body {
  /* padding-top: var(--padding-xs); */
  width: 85%;
}
.user-profile-nav .list-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin: 0 0 var(--margin-sm) 0;
  padding-right: var(--padding-sm);
  border: none;
}
.user-profile-nav .list-group .list-group-item {
  display: flex;
  align-items: center;
  padding: var(--padding-sm);
  background-color: var(--color-bg-02);
  border: 1px solid var(--color-bg-03);
  line-height: normal;
  border-radius: var(--border-radius-sm);
  font-weight: var(--font-weight-regular);
  width: 100%;
  text-transform: uppercase;
}

.user-profile-row {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--margin-sm);
  flex-wrap: wrap;
}
.user-profile-col {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.user-profile-body .top_blk {
  background-color: var(--color-bg-02);
  border: 1px solid var(--color-bg-03);
  padding: var(--padding-md);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--margin-sm);
}
.user-profile-body .title {
  border-bottom: 1px solid var(--color-bg-04);
}
.user-profile-body label {
  font-weight: var(--font-weight-regular);
}
.user-profile-body #giroconto > div {
  background-color: var(--color-bg-03);
  margin: var(--margin-md) 0;
  padding: var(--padding-md);
  width: 50%;
  border-radius: var(--border-radius-sm);
}
.user-profile-body #giroconto > div #scegliContogenerale,
.user-profile-body #giroconto > div label[for="scegliConto"] {
  display: none;
}

.top_blk .title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  margin-bottom: var(--margin-lg);
  text-align: left;
  color: var(--color-primary-text);
}
#report .panel-heading {
  display: none;
}
.top_blk h3 {
  font-size: var(--font-size-sm);
  color: white;
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--margin-md);
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.legendascommesse {
  display: flex;
  margin: var(--margin-md) 0 var(--margin-sm) 0 !important;
}
#tabella_messaggi td.leggiMessaggio {
  cursor: pointer;
  color: var(--color-accent-100) !important;
}
.modal#messaggio, .modal#rispondiMessaggio {
  margin: 0 auto;}
.legendascommesse table,
#tabella_messaggi {
  color: white;
  font-size: var(--font-size-2xs);
}
.legendascommesse table tr td,
#tabella_messaggi tr td {
  padding: var(--padding-xs);
  background: transparent;
}
#tabella_messaggi tr td {
  background: var(--color-bg-03);
}
#tabella_messaggi tr.even td {
  background: var(--color-bg-02);
}
.legendascommesse table tr td img,
.legendascommesse .form-group img {
  /* width: 14px; */
  /* height: 14px; */
  /* background-size: cover; */
  /* margin-right: 4px; */
}
.legendascommesse table tr td span,
.legendascommesse .form-group span {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
}
.legendascommesse table tr td:not(:last-child) span,
.legendascommesse .form-group span:not(:last-child) {
  margin-right: var(--margin-xs);
}
#tabella_messaggi tr td img {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.legendascommesse .form-group span {
  display: inline-block;
  margin-right: var(--margin-md);
  font-size: var(--font-size-sm);
}
.table tbody th,
.table tbody td {
  padding: var(--spacing-sm);
  vertical-align: middle;
  font-size: var(--font-size-sm);
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: var(--spacing-sm);
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: var(--font-weight-regular);
}
.table > thead > tr > td,
.table > thead > tr > th,
table > thead > tr > td,
table > thead > tr > th {
  font-size: var(--font-size-sm);
  background-color: var(--user-profile-element-bg);
  border: 1px solid var(--user-profile-element-border-color);
  color: white !important;
  border: 0;
  vertical-align: middle;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th {
  font-size: var(--font-size-sm);
  background-color: var(--user-profile-element-bg);
  vertical-align: middle;
  color: var(--user-profile-element-text-color);
  padding: var(--padding-xs);
  line-height: 1.2;
}
.table > tbody > tr.expanded > td,
.table > tbody > tr.expanded > th,
.table > tfoot > tr.expanded > td,
.table > tfoot > tr.expanded > th,
table > tbody > tr.expanded > td,
table > tbody > tr.expanded > th,
table > tfoot > tr.expanded > td,
table > tfoot > tr.expanded > th {
  background-color: var(--user-profile-element-bg);
  color: var(--user-profile-element-text-color);
}
.treetable-wrapper,
.treetable-wrapper-cerca {
  margin-top: var(--margin-md);
  border: 1px solid var(--color-bg-04);
  border-radius: var(--border-radius-sm);
  padding: var(--padding-sm);
}
.table.treetable {
  margin: 0;
}
table.treetable td.username,
table.table-striped td.username {
  text-align: left;
}
.table.treetable tr.branch {
  background-color: var(--user-profile-element-bg) !important;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_desc {
  background-image: url(../../img/icon-sorter.svg);
}
table.dataTable thead .sorting_asc {
  background-image: url(../../img/icon-sorter-asc.svg);
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-position: left;
  text-align: left;
}
.table th:nth-child(n + 4):nth-child(n-7) {
  width: auto;
  height: auto;
}
.cupon-middle-table,
.cupon-bonus {
  background-color: var(--user-profile-element-bg) !important;
}
.cupon-bonus-right {
  text-align: right;
}
.cupon-middle-table .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  text-align: left;
}
table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 0;
}
.table th:nth-child(n + 4):nth-child(n-7) {
  text-align: left;
}
.dataTables_length label {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--user-profile-element-text-color);
  font-weight: var(--font-weight-regular);
}
table.dataTable.no-footer {
  border-bottom: 0;
}
.contenuto_tab table > tbody > tr > td {
  background-color: var(--user-profile-element-bg);
  color: var(--user-profile-element-text-color);
  padding: var(--padding-xs);
}
.contenuto_tab table {
  margin-bottom: var(--margin-lg);
}
.tabella_report,
#tabella_messaggi td {
  color: var(--user-profile-element-text-color);
}

table.treetable td,
table.treetable th,
table.table-striped td,
table.table-striped th {
  text-align: center;
  border: 1px solid var(--user-profile-element-border-color) !important;
  text-align: left;
  font-size: var(--font-size-sm) !important;
}
.ricaricaSchedinaId {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
}
.ricaricaSchedinaId i {
  cursor: pointer;
  color: var(--color-accent-100);
}
.dataTables_wrapper {
  /* margin: var(--margin-xl) 0; */
  /* border-bottom: 1px solid var(--color-bg-03); */
  margin-top: var(--margin-md) 0;
  border: 1px solid var(--color-bg-04);
  border-radius: var(--border-radius-sm);
  padding: var(--padding-sm);
}
.dataTables_wrapper .bootstrap-select > .dropdown-toggle.btn,
.dataTables_wrapper select[aria-controls="listascommesse-table"] {
  min-height: 34px;
  padding: var(--padding-xs);
}
.dataTables_wrapper .dataTables_info {
  margin: var(--margin-sm) 0;
  font-size: var(--font-size-xs);
  color: var(--user-profile-element-text-color);
  padding: 4px 0;
}
.dataTables_wrapper .bottom {
  float: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: var(--spacing-xs);
  padding: var(--padding-xs) 0;
  background: none;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate {
  float: none;
}
.dataTables_wrapper .dataTables_paginate {
  text-align: center;
}
.dataTables_length
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 90px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--button-primary-bg);
  color: var(--button-primary-text) !important;
  border-color: var(--button-primary-bg);
  border-radius: var(--border-radius-xs);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: var(--button-primary-text) !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--color-primary-text) !important;
}

.nav-tabs > li > a,
.nav-tabs > li.active {
  background: none;
  color: var(--casino-text);
  font-size: var(--font-size-sm);
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  border-radius: var(--border-radius-md);
  border: 0px solid;
}
.top_blk .nav-tabs > li > a:hover,
.top_blk .nav-tabs > li.active > a,
.top_blk .nav-tabs > li.active > a:focus,
.top_blk .nav-tabs > li.active > a:hover {
  background: none;
  color: var(--casino-element-text-hover-color);
  border-width: 0 0 1px 0;
  border-color: var(--casino-element-text-hover-color);
  border-style: solid;
  border-radius: 0;
}
.top_blk .nav-tabs {
  background: none;
  padding: 0;
  border-bottom: 1px solid var(--color-bg-03);
}
.top_blk .nav-tabs > li.active > a,
.top_blk .nav-tabs > li > a {
  padding: var(--padding-sm);
  font-weight: var(--font-weight-regular);
}
.top_blk .nav-tabs {
  gap: 0;
}
.top_blk .nav-tabs > li > a {
  height: auto;
}
.top_blk .panel-default > .panel-heading {
  background: none;
  color: var(--casino-text);
  font-size: var(--font-size-xl);
  margin-bottom: var(--margin-md);
}
.top_blk .tab-content {
  margin: var(--margin-xs) 0;
}
#depositi .d-grid,
#prelievi .d-grid {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1em;
}
.top_blk .panel-body {
  padding: 0;
}
.top_blk .panel-body p.message {
  color: var(--casino-text);
  font-size: var(--font-size-sm);
}
.top_blk .form-group {
  width: 100%;
}
#depositi .d-grid-item,
#prelievi .d-grid-item {
  background-color: var(--color-bg-03);
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: var(--padding-lg);
  border-radius: var(--border-radius-xs);
  text-align: center;
  justify-content: space-between;
  gap: 1em;
}
#prelievi .d-grid-item {
  background-color: var(--color-bg-02);
}
#paymentTipe img,
.payStack img,
#paymentHellocash img,
#paymentMbirr img .processPayment img {
  max-width: 130px;
  margin-bottom: var(--margin-sm);
}
#paymentTipe img {
  box-shadow: 0 0 0 1px var(--color-primary-pressed);
  padding: var(--padding-xs);
  border-radius: var(--border-radius-md);
}
#paymentTipe.processPayment img {
  box-shadow: none;
}
#paymentTipe.processPayment img:focus,
#paymentTipe.processPayment img:active,
.paymentMethods .circuit-img:active,
.paymentMethods .circuit-img:focus {
  outline: 2px solid var(--color-primary-pressed);
}
.paymentValue,
.paymentValue label,
.paymentValue ul li {
  font-size: var(--font-size-base);
  color: var(--casino-text);
  font-weight: var(--font-weight-regular);
}
.paymentValue {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.paymentImg {

}
.astropay-circuits {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}
.paymentCards {
  border: 1px solid;
  padding: var(--padding-md);
  margin-bottom: var(--margin-lg);
}
.paymentMethods {
  padding: var(--padding-xs) 0;
}
.paymentMethods img {
  cursor: pointer;
}
.paymentMethods .circuit-img {
  max-width: calc(100% / 2);
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: inherit;
  }
}
.cupon-middle-head {
  background: var(--color-bg-02);
  font-size: var(--font-size-xs);
  display: flex;
  align-items: center;
  padding: var(--padding-xs);
}

/*WIDGET BETTING*/
input.importoGiocato {
  min-height: 25px;
  border-radius: 0;
  border: 1px solid var(--input-border-color) !important;
  color: var(--input-text-color);
  background: var(--color-bg-02);
  margin: 0 !important;
}

.importo-number.quota_totale_coupon, input.importoPerComb, input.importoTotale_integrale, .importoGiocato {
  min-height: 25px;
  border-radius: 0 !important;
  background: var(--color-bg-02);
  color: var(--input-text-color);
  border: 1px solid var(--input-border-color) !important;
  margin: 0 !important;
  
  display: flex;
  align-items: center;
  justify-content: center;
}
.importo-number.importo-input,
.importo-number.quota_totale_coupon {
  /* margin-left: 20px !important; */
}

.cupon-middle-table .cupon-i .cupon-bonus-main {
  display: flex;
  align-items: center;
}
.cupon-middle-table .cupon-i .cupon-bonus-main .cupon-bonus-right {
  line-height: inherit !important;
}
.cupon-bottom {
  margin-bottom: 0;
}
.cupon-bottom.bottoniScommesse.footer_integrale,
.cupon-bottom.bottoniScommesse.footer_multipla {
  padding: 15px;
}
.cupon-bottom.bottoniScommesse {
  padding: var(--padding-sm);
}
.cupon-bottom-main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-sm);
}
.cupon-bottom-main a {
  color: var(--color-primary-text);
  text-transform: capitalize !important;
}
.cupon-bottom-main.col-sm-12 {
  margin-bottom: 0;
}
#topCoupon .cupon-middle-main:last-child {
  border-bottom: 1px solid var(--color-bg-04);
}
#coupon-footer {
  background: var(--color-bg-02);
}
.cupon-sviluppa a {
  /* color: var(--color-primary-text); */
  /* background-color: var(--color-accent-100); */
}
.cupon-annulla a {
  color: var(--color-primary-text);
}
/* VIRTUAL CASINO */
.casino-page .title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--color-temporary);
}
.menuCasino-container .nav-tabs {
  background: none;
  padding: 0;
    margin: var(--margin-md) 0;
}
.menuCasino-container .nav-tabs > li > a {
    padding: var(--padding-sm);
  background-color: var(--casino-bg);
}
.menuCasino-container .nav-tabs > li.active > a,
.menuCasino-container .nav-tabs > li > a:hover {
  background-color: var(--casino-bg);
  color: var(--casino-text);
  border: 0;
}
.casino-filter-block .port-box,
.port-box {
  cursor: pointer;
  position: relative;
}
.casino-filter-block .box-img img,
.port-box .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-md);
  aspect-ratio: 4/3;
  background-color: var(--casino-bg);
}
.casino-filter-block .port-box:hover .box-img img,
.port-box:hover .box-img img {
  box-shadow: 0 0 0 1px var(--casino-text);
}
.casino-filter-block button,
.port-box button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6;
  transform: translate(-50%, 100%);
  -webkit-transform: translate(-50%, 100%);
  opacity: 0;
  transition: all var(--transition-duration) var(--transition-easing);
  width: auto !important;
}
.casino-filter-block .port-box:hover button,
.port-box:hover button {
  opacity: 1;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.casino-filter-block .port-box::after,
.port-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
  opacity: 0;
}
.casino-filter-block .port-box:hover::after,
.port-box:hover::after {
  opacity: 1;
}
.filter-portfolio {
  margin: var(--margin-sm) -15px var(--margin-xl) -15px;
}
.casino-filter-block .port-box,
.port-box {
  margin-bottom: var(--margin-lg);
}
.game_title,
.filter-portfolio .port-box .button {
  display: none;
}
#sports-main .container.containerLive {
  padding-left: 0px;
  padding-right: 0px;
}
.livePage .containerLive .live-overview {
  min-width: inherit;
  max-width: inherit;
  width: auto;
  height: auto;
}
.livePage .containerLive > .sports-main-middle {
  margin: 0;
}
.livePage .containerLive > .sports-main-right {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
}
.tabGeneraleUL {
  background: var(--color-bg-02);
  margin: 0;
  display: flex;
  gap: 1em;
  border: 0;
}
.tabGenerale {
  display: inline-flex;
  padding: var(--padding-xs) 0;
}
.tabGeneraleUL li .tabGenerale a {
  padding: var(--padding-xs) var(--padding-sm);
  border-radius: var(--border-radius-sm);
  background: var(--color-bg-03);
}
.tabGeneraleUL li.current_view .tabGenerale a:hover,
.tabGeneraleUL li.current_view .tabGenerale a:active,
.tabGeneraleUL li .tabGenerale a:hover,
.tabGeneraleUL li .tabGenerale a:active  {
  background: var(--color-accent-80);
}
.casinoAviator-page,
.casinoJetX-page {
  min-height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.poker-tab {
  min-height: 50vh;
}

/*MOST PLAYED*/
.most-played-row {
  display: flex;
  justify-content: space-between;
}
.most-played-container .vue-instance > ul div.row-partita {
  float: none;
}
.most-played-container .vue-instance > ul div.row-partita div {
  font-family: var(--body-font-family);
  width: 100%;
  text-wrap: wrap;
  line-height: 1.2;
}
.most-played-container .vue-instance > ul div.row-partita div.match {
  gap: var(--spacing-md);
}
.most-played-container .vue-instance > ul div.row-partita div.matchCatTour {
  font-size: var(--font-size-2xs);
  text-transform: uppercase;
  font-family: var(--body-font-family);
  background: var(--color-bg-02);
  margin-bottom: 4px;
  font-weight: var(--font-weight-regular);
  padding: var(--padding-md) var(--padding-xs) var(--padding-xs)
    var(--padding-xs);
}

.most-played-container .vue-instance > ul div.row-partita div.titolo-partita {
  overflow: hidden;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  padding: 9px 0px 9px 9px;
  border-radius: 1px;
  width: 100%;
  background: var(--color-bg-02);
}
.most-played-container .vue-instance > ul div.row-partita div.tempo-partita {
  background: var(--color-bg-02);
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  color: var(--table-element-text-color);
  flex-shrink: 0;
  margin: 0;
  width: auto;
  padding: 10px 8px;
  border-radius: 1px;
}

.most_played_container_data {
  display: flex;
  flex-direction: column;
}
.most-played-container
  .vue-instance
  > ul
  div.row-partita
  div.tempo-partita-container {
  display: flex;
  gap: 4px;
}

.most-played-container .vue-instance > ul div.row-partita div.quote-partita {
  width: 100%;
  flex-grow: 1;
}
.most-played-container .vue-instance > ul div.row-partita div.quote-partita ul {
  display: flex;
  justify-content: end;
  align-items: stretch;
  height: 100%;
  gap: 5px;
  padding: 0 var(--padding-xs);
  background: var(--color-bg-02);
}

.most-played-container
  .vue-instance
  > ul
  div.row-partita
  div.quote-partita
  ul
  li {
  width: auto;
  float: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  padding-bottom: var(--padding-md);
}
.most-played-container .vue-instance > ul div.row-partita div.quote-partita ul li button.btn-odd-rank {
  background: var(--color-bg-03) !important;
  width: 44px;
  height: 44px;
  font-size: var(--font-size-sm);
  font-family: var(--body-font-family);
  border: 0 !important;
  padding: var(--padding-xs);
  border-radius: var(--border-radius-sm);
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.most-played-container .vue-instance > ul div.row-partita div.quote-partita ul li button.btn-odd-rank:hover,
.most-played-container .vue-instance > ul div.row-partita div.quote-partita ul li button.btn-odd-rank.activated {
  background-color: var(--quote-button-hover-bg) !important;
  color: var(--quote-button-hover-text);
}
.most-played-container .vue-instance > ul div.row-partita div.quote-partita ul li button.outcomeCount {
  font-size: var(--font-size-xs);
}
.most-played-container .vue-instance > ul div.row-partita div.outcome-label {
  font-size: var(--font-size-3xs);
  color: var(--table-text);
  font-weight: var(--font-weight-regular);
  text-align: center;
  padding: var(--padding-md) 0;
}
li.most-played-more {
  /*margin-left: 20px !important;*/
}
/* Live Betting */
.playing-indicator {
    display: none;
    align-items: center;
    justify-self: center;
    height: 7px;
    width: 7px;
    background-color: #555;
    border-radius: 50%;
    margin-right: 7px;
    vertical-align: middle;
    position: relative;
    border: 1px solid #555;
}
.playing-indicator.playing-indicator-active {
    background-color: #ffde00;
    border: 1px solid #ffde00;
}
.sportserver_5 .playing-indicator,
.sportserver_21 .playing-indicator,
.sportserver_20 .playing-indicator,
.sportserver_23 .playing-indicator,
.sportserver_22 .playing-indicator,
.sportserver_31 .playing-indicator,
.sportserver_34 .playing-indicator {
    display: inline-flex;
}

.livePage .sport_header,
.sports_live_view_select,
.livePage .sport_table .category_header,
.livePage .sport_table .match_info_container,
.livePage.eventCalendar .lmt-container {
  padding-left: var(--spacing-viewport);
  padding-right: var(--spacing-viewport);
}
.livePage .sport_header .sport_selector,
.livePage .sport_header .sport_selector_container,
.livePage .sport_header .sport_selector:last-child {
  border: none;
}
.livePage .sport_header {
  font-family: inherit;
  background: var(--color-bg-02);
  padding: 0 var(--padding-xs);
}
.livePage .sport_header .sport_selector > div {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
}
.livePage .sport_table .odd_market_body_DYNAMIC {
  /* background-color: var(--color-bg-02); */
  /* border-radius: var(--border-radius-sm); */
}
.sports_live_view_select {
  background: var(--color-bg-02);
  padding-top: 0;
  padding-bottom: var(--padding-xs);
}
.livePage .sport_header .sport_selector_container {
  margin-bottom: 0;
  gap: var(--spacing-sm);
  flex-wrap: nowrap;
  align-items: center;
}
.livePage .sport_header .sport_selector {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--padding-xs);
  padding: var(--padding-xs);
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--secondary-txt);
  padding: var(--padding-xs) var(--padding-sm);
  border-radius: var(--border-radius-sm);
  background: var(--color-bg-03);
}
.livePage .sport_header .sport_count {
  background: none;
  color: var(--live-page-text);
  width: auto;
  height: auto;
  margin: 0 0 0 var(--margin-xs);
}
.livePage .sport_header .sport_selector > div {
  margin: 0;
}
.livePage .sport_header .sport_count span::before,
.livePage .VociMenuSportLive .divSportNumLive .SpanNumLive:before,
.livePage .VociMenuUpcoming .divSportNumLive .SpanNumLive:before {
  content: "(";
}
.livePage .sport_header .sport_count span::after,
.livePage .VociMenuSportLive .divSportNumLive .SpanNumLive:after,
.livePage .VociMenuUpcoming .divSportNumLive .SpanNumLive:after {
  content: ")";
}
.livePage .sport_header .liveoverview_filter_container {
  border: none;
  padding: 0;
  margin: 0 var(--margin-sm) 0 0;
}
.livePage .sport_header .liveoverview_filter_input {
  height: auto;
  margin: 0;
  min-height: auto;
}
.livePage .sport_header .sport_header_row1 {
  width: 100% !important;
  display: flex;
  flex-direction: row-reverse;
  padding: var(--padding-xs);
}
.livePage .sport_header .sport_header_row2 {
  padding: var(--padding-xs);
}
.livePage {
  margin-top: 2px;
}
.livePage .sport_table {
  font-family: inherit;
}
.livePage .sport_table .sport_header {
  background: var(--color-accent-80);
}
.livePage .sport_table .sport_header,
.livePage .sport_table .sport_header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.livePage .sport_table .sport_header .wrap .sport_lable {
  font-family: var(--body-font-family);
  color: var(--live-page-text);
  font-size: var(--font-size-sm);
  /* text-transform: uppercase; */
  margin-right: var(--margin-md);
  font-weight: var(--font-weight-regular);
}
.livePage .sport_table .sport_header .wrap select {
  background: var(--live-page-bg);
  margin: 0;
  color: var(--live-page-text);
  min-height: 20px;
}
@media only screen and (min-width: 1400px) {
    .livePage .sport_table .sport_header .sport_lable ~ .right {
        display: none;
    }
}
.livePage .sport_header .liveoverview_filter_container div,
.livePage .sport_header .liveoverview_filter_input {
  width: 100%;
}
.livePage .tabGenerale {
  padding: 0;
}
.livePage .sport_table .category_header {
  background-color: var(--live-page-bg);
  padding: 0 var(--padding-sm);
  border: 0;
  border-color: var(--color-bg-03);
  border-style: groove;
  border-width: 2px 0;
}
.livePage .sport_table .category_header .category_lable {
  font-family: var(--body-font-family);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  font-style: var(--font-style-italic);
}
.livePage .sport_table .category_container,
.livePage .sport_table .category_body {
  background: black;
}
.livePage .sport_table .match_info_container {
  padding: 0;
  margin: 0 !important;
  border-bottom: 2px solid var(--color-bg-03);
}
.livePage .sport_table .match_info_container:nth-child(even) {
  background-color: var(--live-page-bg);
  margin: var(--margin-sm) 0;
}
.livePage .sport_table .match_info_container:hover {
  background-color: var(--color-bg-03);
}
.livePage .sport_table .match_info_container:last-child {
  border-bottom-color: var(--live-page-bg);
}
.livePage .sport_table .odd_container {
  width: auto;
}
.livePage .sport_table .odd_container:first-child {
  border-left: 0;
}
.livePage .sport_table .odd_market_body {
  gap: 4px;
  width: auto;
  margin: 0 var(--margin-xs);
  padding: var(--padding-xs) 0;
}
.livePage .sport_table .match_info_container > div,
.livePage .sport_table .odd_container,
.livePage .sport_table .odd_market_body button {
  border-right: 0;
}
.livePage .sport_table .odd_market_body button {
  min-width: 48px;
  margin: 0;
  padding: 0;
}

.livePage .sport_table .match_info_container > div {
  border-bottom: 0;
  gap: 4px;
  border-right: 2px solid var(--color-bg-03);
}
.livePage .sport_table .match_info_container:hover > div {
    border-right-color: var(--color-bg-02);
}
.livePage .sport_table .match_info_container > div.match_info {
  justify-content: center;
  gap: 0;
}
.livePage .sport_table .match_info .match_time {
  font-size: var(--font-size-xs);
}
.livePage .sport_table .match_info_container .hometeam_name,
.livePage .sport_table .match_info_container .awayteam_name {
  font-size: var(--font-size-xs);
}
.livePage .sport_table .odd_market_body_DYNAMIC .odd_outcome,
.livePage .sport_table .odd_market_body_DYNAMIC .odd_value {
  width: 100%;
  padding: calc(var(--padding-xs) / 2) 0;
  text-align: center;
  font-family: var(--body-font-family);
  font-size: var(--font-size-xs);
  transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
}
.livePage .sport_table .match_info_container .match_odds {
  padding: var(--padding-xs);

  padding: 0;
  gap: 0;
}
.livePage .sport_table .match_info_container .match_odds > div {
  border-left: 1px solid var(--color-bg-03);
}
.livePage .sport_table .match_info_container .match_odds > div:last-child {
  border-right: 1px solid var(--color-bg-03);
}
.livePage .sport_table .match_info_container:hover .match_odds > div {
  border-left-color: var(--color-bg-02);
}
.livePage .sport_table .match_info_container:hover .match_odds > div:last-child {
  border-right-color: var(--color-bg-02);
}

.livePage .sport_table .odd_market_body .quote_btn.activated .odd_value {
  background: var(--color-primary-100);
}

.livePage .sport_table .odd_market_body .quote_btn.activated {
  background-color: transparent !important;
  color: inherit;
}
  

.livePage .sport_table .odd_market_body_DYNAMIC .odd_outcome {
  /* background: var(--color-accent-80); */
  /* border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0; */
  font-size: var(--font-size-xs);
  text-transform: uppercase;
}

.livePage .sport_table .quote_btn.activated .odd_outcome {
  /* background: var(--live-page-text); */
}

.livePage .sport_table .odd_market_body_DYNAMIC .odd_outcome + .odd_outcome {
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
}
.livePage .sport_table .odd_market_body_DYNAMIC .odd_value {
  background: var(--color-bg-03);
  border: 1px solid var(--color-bg-02);
  border-radius: var(--border-radius-xs);
  padding: calc(var(--padding-xs) / 2);
}
.livePage .sport_table .odd_market_body button:hover .odd_value,
.livePage .sport_table .odd_market_body button:active .odd_value {
  background-color: var(--color-accent-100);
}
.livePage .sport_table .odd_market_label {
  background: none;
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  height: auto;
  border-bottom: 0;
  background: var(--color-accent-80);
}
.livePage .sport_table .match_result:last-child .awayteam_results,
.livePage .sport_table .match_result:last-child .hometeam_results {
  border-left: 0;
  color: var(--color-accent-100);
}
.livePage .sport_table .match_result:last-child,
.livePage .sport_table .match_result.gamescore {
  color: var(--color-accent-100);
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.livePage .sport_table .odd_market_body button:hover,
.livePage .sport_table .odd_market_body button:active {
  background: none;
  color: inherit;
}
.livePage .sport_table .odd_market_body button:hover .odd_outcome,
.livePage .sport_table .odd_market_body button:active .odd_outcome {
  background: inherit;
  color: inherit;
}
.livePage .sport_header .category_selector {
  margin: 0 0 var(--margin-xs) 0;
  border-bottom: 0;
  padding: var(--padding-xs) var(--padding-sm);
  border-radius: var(--border-radius-sm);
  background: var(--color-bg-03);
}
.livePage .sport_header .category_selector_container {
  flex-wrap: nowrap;
  gap: var(--spacing-sm);
}
.livePage .sport_header .category_selector:first-child {
  margin-left: 0;
}
.livePage .sport_header .category_selector > .category_name {
  font-size: var(--font-size-sm);
}
.livePage .sport_header .category_selector:hover > .category_name {
  color: var(--live-page-table-element-text-hover-color);
}
.livePage .sport_header .sport_selector:hover,
.livePage .sport_header .sport_selector:active {
  background: var(--live-page-table-element-text-hover-color);
  border-radius: var(--border-radius-sm);
}
.livePage .sport_header .sport_selector:hover .sport_count,
.livePage .sport_header .sport_selector:active .sport_count {
  /* color: var(--live-page-table-element-text-hover-color); */
}
.livePage .sport_header .sport_selector:hover .sport_icon img,
.livePage .sport_header .sport_selector:active .sport_icon img {
  filter: invert(1);
}
.blinkup {
  background-image: linear-gradient(
    transparent,
    transparent 50%,
    var(--color-primary-100) 50%,
    var(--color-primary-100)
  );
  border-radius: var(--border-radius-sm);
}
.blinkdown {
  background-image: linear-gradient(
    #cf1616,
    #cf1616 50%,
    transparent 50%,
    transparent
  );
  border-radius: var(--border-radius-sm);
}
.livePage .sport_table .blinkup.odd_market_body_DYNAMIC .odd_outcome,
.livePage .sport_table .blinkup.odd_market_body_DYNAMIC .odd_value,
.livePage .sport_table .blinkdown.odd_market_body_DYNAMIC .odd_outcome,
.livePage .sport_table .blinkdown.odd_market_body_DYNAMIC .odd_value {
  background: none;
}
.livePage .sport_table .odd_market_body button[disabled="disabled"] {
  cursor: not-allowed;
}
.livePage .sport_table button[disabled="disabled"] .odd_market_body_DYNAMIC .odd_outcome,
.livePage .sport_table button[disabled="disabled"] .odd_market_body_DYNAMIC .odd_value {
  /* background-color: var(--color-bg-03); */
  color: var(--color-disabled);
  /* font-size: var(--font-size-xs); */
}
.livePage .sport_table .bet_stop_container .bet_stop_message {
  font-size: var(--font-size-lg);
  color: var(--live-page-text);
}
.livePage .verifica-text #formCouponTemp {
  color: var(--live-page-text);
}
#ticketalert {
  border-width: 0 0 1px 0 !important;
}
.livePage .minEspWid,
.livePage .minEspStat {
  font-family: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--live-page-bg);
  padding: var(--padding-xs);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}
.livePage .minEspWid img,
.livePage .minEspStat img {
  margin-left: var(--margin-xs);
}
.livePage .verifica-text.minimizza {
    display: none;
}
div#dati-footer .cupon-middle-bottom .cupon-middle-head {
  /* margin-bottom: var(--margin-sm); */
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.verifica {
  border: 0;
  padding:10px 0 0;
}
.cupon-main-num-center {
  min-width: inherit;
}
.cupon-main-num-right {
  max-width: inherit;
  text-align: left;
}

.livePage .verifica-text {
  background: none;
  float: none;
}
.verifica-text.containerWidgetlive {
  padding: var(--padding-xs);
}




.livePage.eventView .containerLive {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
}
.livePage.eventView .sports_live_view_select,
.livePage.eventView .macroLiveMarket,
.livePage.eventView .oddsSelector,
.livePage.eventView .oddsBlocked {
  padding-left: var(--padding-md);
  padding-right: var(--padding-md);
}
.livePage.eventView .oddsSelector {
  display: flex;
  gap: 1em;
}
.livePage.eventView .sports_live_view_select {
  padding-top: var(--padding-md);
  padding-bottom: var(--padding-md);
}
div#player iframe#widgetFrame {
  width: 100%;
  height: 405px !important;
  border: 0;
  background-color: var(--color-bg-02);
}
.livePage .verifica-text.infoScoreMatch .title-row {
  font-size: var(--font-size-2xs);
  background: var(--live-page-header-bg);
  color: var(--live-page-text);
}
.livePage .verifica-text.infoScoreMatch .score-table-container {
  background: var(--color-bg-02);
}
.livePage .verifica-text.infoScoreMatch .hometeam-row {
  padding-bottom: var(--margin-sm);
  border-bottom: 1px solid var(--color-bg-03);

  display:flex;
}
.livePage .verifica-text.infoScoreMatch .awayteam-row {
  display: flex;
}
div#HomeTeamTab, div#AwayTeamTab {
  margin-left: auto;
}

.livePage .verifica-text.infoScoreMatch .hometeam-name,
.livePage .verifica-text.infoScoreMatch .awayteam-name {
  text-align: left;
  padding: var(--padding-xs);
  font-size: var(--font-size-2xs);
  color: var(--live-page-element-text-color);
}

.livePage .verifica-text.infoScoreMatch #title-tab,
.livePage .verifica-text.infoScoreMatch #HomeTeamTab .scores-values,
.livePage .verifica-text.infoScoreMatch #AwayTeamTab .scores-values {
  display: flex;
  justify-content: space-between;
  padding: var(--padding-xs);
  color: var(--live-page-element-text-color);
}
.livePage .verifica-text.infoScoreMatch #title-tab {
  justify-content: end;
}
.livePage .verifica-text.infoScoreMatch #title-tab {
  background: var(--live-page-element-hover-bg) !important;
}
.title-row #title-tab {
  color: var(--live-page-text) !important;
}
.livePage .verifica-text.infoScoreMatch .title-tab + .title-tab {
  display: block;
  /*width: 20px;*/
}
.livePage.eventView .containerLive .live-eventview,
.livePage.eventCalendar .containerLive .live-calendar {
  height: 100%;
}
.livePage.eventView .groupButtonMarket {
  display: flex;
  gap: var(--spacing-sm);
  /* padding: var(--padding-lg) 0; */
  padding-bottom: 20px;
  overflow-y: scroll;
}
.livePage.eventView .btn.liveButtonStyle {
  font-family: inherit;
  width: auto;
  height: auto;
  min-width: inherit;
  background: var(--live-page-element-bg);
  padding: var(--padding-md);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  padding: var(--padding-sm) var(--padding-md) var(--padding-sm) var(--padding-md);
}
.livePage.eventView .btn.liveButtonStyle:hover,
.livePage.eventView .btn.liveButtonStyle:active,
.livePage.eventView .btn.liveButtonStyle.active {
  background: var(--color-accent-80);
}
.livePage .quoteCentrali {
  background: var(--live-page-header-bg);
  padding: var(--padding-md) var(--padding-sm) 0 var(--padding-sm);
  border: 1px solid var(--live-page-header-bg);
  border-radius: 0;
  color: var(--live-page-text);
  font-size: var(--font-size-lg);
  text-transform: uppercase;
  border: 0;
}

.livePage .quoteCentrali {
  background-color: var(--color-accent-80);
  padding: var(--padding-sm) var(--padding-md);
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}
.livePage .quoteCentrali:not(:first-child) {
  margin-top: var(--margin-md);
}
.livePage .quoteCentrali span {
  color: var(--color-primary-text) !important;
}
.livePage .contenitoreQuote {
  border-bottom: 1px solid var(--color-bg-04);
}

.livePage .quoteCentrali i {
  font-size: var(--font-size-xs);
}
/* OVERRIDE BOTTONE LIVEEVENT (da sistemare) */
.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  float: none !important;
  padding: var(--padding-xs);
  margin: 0;
  min-width: 150px;
  min-height: 60px;
  width: 100% !important;
  height: auto;
  background: var(--live-page-element-bg) !important;
  font-size: var(--font-size-sm);
  font-family: var(--body-font-family);
  font-weight: var(--font-weight-regular);
  border: 0;
}

.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral {
  flex-direction: row;
  justify-content: space-between;
  gap: 0;
  padding: var(--padding-sm);
  min-height: auto;
  border: 1px solid var(--color-bg-03) !important;
  /* border-radius: var(--border-radius-sm); */
  border-radius: 0px;
}

.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank > span,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral > span {
  font-size: var(--font-size-xs);
}
/* OVERRIDE BOTTONE LIVEEVENT (da sistemare) */
.livePage .contenitoreQuote table > tbody > tr {
  gap: 0;
  padding: 0;
}
.livePage .quoteCentrali span:first-child,
.livePage .quoteCentrali span {
  font-family: inherit;
  font-weight: var(--font-weight-regular);
  color: var(--color-accent-100);
  font-size: var(--font-size-xs);
  text-transform: capitalize;
}
.livePage .containerLive > .sports-main-right {
  height: auto;
  max-width: 275px;
}
.livePage .table > tbody > tr > td {
  background-color: var(--color-bg-01);
  /* padding: 4px; */
  border: 0;
  padding: var(--padding-sm);
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
  padding: 0;
  width: 100%;
}
.livePage .contenitoreQuote {
  background: none;
  /* margin-bottom: var(--margin-lg); */
}

.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank:hover,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral:hover,
.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank.activated,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral.activated {
  background: var(--live-page-element-hover-bg) !important;
  color: var(--live-page-text);
}
.noOddsMacroButton {
  color: var(--color-primary-80);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-lg);
  font-size: var(--font-size-2xl);
  text-transform: uppercase;
  width: 200%;
}
.livePage .quoteCentrali ~ .contenitoreQuote button.btn-odd-rank:disabled,
.livePage .quoteCentrali ~ .contenitoreQuote button.btn-odd-rank[disabled],
.livePage .quoteCentrali ~ .contenitoreQuote button.quotecentral:disabled,
.livePage .quoteCentrali ~ .contenitoreQuote button.quotecentral[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.livePage .quoteCentrali ~ .contenitoreQuote button.btn-odd-rank:disabled:hover,
.livePage
  .quoteCentrali
  ~ .contenitoreQuote
  button.btn-odd-rank[disabled]:hover,
.livePage .quoteCentrali ~ .contenitoreQuote button.quotecentral:disabled:hover,
.livePage
  .quoteCentrali
  ~ .contenitoreQuote
  button.quotecentral[disabled]:hover {
  background: var(--live-page-element-bg);
}
.livePage.eventView .sports-main-left {
  margin: 0;
  /* padding: var(--padding-md); */
}
.livePage .sports-main-left * {
  font-family: inherit;
  font-weight: inherit;
  float: none;
  border: 0;
  text-transform: capitalize;
}
.livePage.eventView .sports-main-left .search_event .btn-group,
.livePage.eventView .sports-main-left .discipline_live {
  background: var(--live-page-element-bg);
}
.livePage.eventView .sports-main-left .search_event .btn-group {
  margin-bottom: var(--margin-sm);
}
.livePage.eventView .sports-main-left .discipline_live {
  margin-top: var(--margin-xs);
}
.livePage.eventView
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  display: none;
}
.livePage.eventView .sports-main-left .discipline_live .divSportNumLive {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.livePage.eventView .sports-main-left .discipline_live .divNSportLive {
  text-transform: capitalize;
}
.livePage .VociMenuSportLive .divSportNumLive .SpanNumLive,
.livePage .VociMenuUpcoming .divSportNumLive .SpanNumLive {
  color: var(--live-page-element-text-color);
  background: none;
  padding: 0;
  margin-left: var(--margin-xs);
}
.livePage #liveNow li {
  border: 0;
}
.livePage #liveNow li a,
.livePage #liveNow li ul a.category_print {
  padding: var(--padding-xs);
}
.livePage #liveNow li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  background-color: var(--color-bg-03);
  cursor: pointer;
}
.livePage #liveNow li ul a.category_print {
  background-color: var(--color-bg-02);
  border-bottom: 1px solid var(--color-bg-03);
}
.livePage #liveNow li ul a .sub-menu-tournament li a {
  background-color: var(--live-page-element-bg);
  border-bottom: 1px solid var(--live-page-element-bg);
}
.livePage #liveNow li a:hover,
.livePage #liveNow li ul a.category_print:hover {
  background-color: var(--live-page-element-hover-bg);
}

.livePage #liveNow li a::after {
  content: "\f078";
  font-family: var(--font-awesome);
  font-weight: 900;
  font-size: var(--font-size-xs);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: all 300ms ease;
}
.livePage #liveNow li a.collapsed::after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.sub-menu-tournament .event-group-live:nth-child(odd) {
  background: var(--live-page-element-bg);
}
.livePage #liveNow li a.link_eventi_live::after {
  display: none;
}
.livePage #liveNow .sub-menu-tournament li a {
  color: var(--live-page-text);
  border-bottom: 1px solid var(--live-page-element-bg);
}
.livePage #liveNow .sub-menu-tournament li a .boxInterno {
  font-size: var(--font-size-xs);
  width: 100%;
}
.livePage #liveNow .sub-menu-tournament li {
  border-width: 0 0 1px 0;
  border-color: var(--live-page-element-bg);
}
.livePage #liveNow .sub-menu-tournament li a .rigaNazioneTorneo span {
  font-size: var(--font-size-xs);
  font-style: italic;
  color: var(--color-accent-100);
}

.livePage .sports-main-left .rigaTeam {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  margin-bottom: var(--margin-sm);
}
.livePage .sports-main-left .currentResult {
  color: var(--live-page-text);
  font-size: var(--font-size-xs);
  font-style: italic;
  letter-spacing: calc(var(--spacing-xs) / 3);
  background-color: var(--color-bg-02);
  padding: calc(var(--padding-xs) / 2) var(--padding-xs);
  border-radius: var(--border-radius-sm);
  text-align: center;
}
.livePage .attivaMatch {
  border: 0;
}
.sub-menu-tournament .event-group-live {
  box-shadow: none;
  border-width: 0 0 1px 0;
}
ul.sub-menu-category .championshipContainer {
  border-bottom: 1px solid var(--live-page-element-bg);
}
.livePage .containerLive > .sports-main-right {
  max-width: 100%;
  width: 100%;
}
.livePage .table-bordered {
  border: 0;
}
.livePage .table th {
  width: auto;
  height: auto;
  padding: var(--padding-sm);
  text-transform: uppercase;
  font-weight: 400;
  background: var(--live-page-table-header-bg);
}

.livePage.eventCalendar .table > tbody > tr > td {
  background-color: var(--color-bg-02);
}

.attivaMatch {
  border-right-color: var(--color-accent-100) !important;
  border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
}

/*coupon trash alt */
#cupon .fa-trash-alt {
  font-size: 11px;
  color: var(--live-page-text);
}

/*coupon prenotazione*/
#stampaPrenotazione {
  background-color: var(--live-page-element-bg);
  padding: var(--padding-md);
  float: left;
  width: 100%;
  margin-bottom: var(--margin-md);
  color: var(--color-primary-text) !important;
  height: auto;
}
#stampaPrenotazione ~ .verifica * {
  color: var(--button-primary-text) !important;
}

#stampaPrenotazione ~ .verifica {
  background-color: var(--button-primary-bg);
}

.verifica-text {
  font-size: var(--font-size-md);
  color: rgba(255, 255, 255, 0.4);
  font-weight: var(--font-weight-regular);
}
.booking-code-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  padding: var(--padding-lg) 0;
}
.booking-code-icons #shareLink {
  display: none;
}

i.doppia {
  color: var(--color-bg-doppia);
  border: none !important;
}
i.tripla {
  color: var(--color-bg-tripla);
  border: none !important;
}
i.quadrupla {
  color: var(--color-bg-quadrupla);
  border: none !important;
}
i.quintupla {
  color: var(--color-bg-quintupla);
  border: none !important;
}
i.altro {
  color: var(--color-bg-altro);
  border: none !important;
}
i.10-pla {
  color: var(--color-bg-10pla);
  border: none !important;
}
.stileLegenda {
  color: var(--championship-table-text);
}
.coloreTabellaLegenda tbody tr {
  display: flex;
  gap: 1rem;
}

/*radio button styling*/
.checkbox input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  border: 2px solid var(--input-border-color);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  background: transparent;
}
.checkbox input[type="radio"]:checked {
  border-color: var(--input-text-pressed);
  background-color: transparent;
}
.checkbox input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 5px;
  height: 5px;
  background-color: var(--input-text-pressed);
  border-radius: 2px;
}
.checkbox input[type="radio"]:hover {
  border-color: var(--input-text-hover);
}

.checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox label {
  display: flex;
  align-items: center;
  font-family: var(--body-font-family);
  font-size: 14px;
  color: var(--primary-text-color);
  gap: 8px;
}
.checkbox input[type="date"] {
  display: inline-block;
  margin-bottom: 0;
  padding: 4px;
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
  background-color: var(--color-bg-02);
  color: var(--input-text-color);
}
.checkbox label > input[type="date"] {
  flex: none;
}
#prematch_print
  .palinsesti-container
  .main-palinsesti
  ul.pal-container
  .checkbox
  input[type="date"] {
  display: block;
  padding: var(--padding-md) var(--padding-lg);
  color: var(--input-text-color);
  background: var(--color-bg-02);
  border: 0;
}
#prematch_print
  .palinsesti-container
  .main-palinsesti
  ul.pal-container
  .checkbox
  label
  > input[type="date"] {
  flex: auto;
}
#printAll .palinsesti-container .main-palinsesti .heading-sport .title-heading {
  background: var(--color-bg-02);
}
.checkbox.flex-start,
.form-group .form.flex-start {
  justify-content: flex-start;
}
.banner-button button {
  background: var(--button-primary-bg);
  float: left;
}
.event-row-info {
  cursor: pointer;
}
.event-row-info.ora_partita:hover {
  background-color: var(--color-bg-03) !important;
}

/*Btt button*/
.btt-button {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  width: 48px;
  height: 48px;
  background: var(--color-primary-100);
  color: var(--color-primary-text);
  border-radius: 50%;
  cursor: pointer;
  border: 0px !important;
}
#report_scommesse_chiuse tr th,
#report_scommesse_aperte tr th {
  background-color: var(--color-bg-02);
  color: #fff;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100%;
}
.bootstrap-select > .dropdown-toggle {
  background: var(--color-bg-03);
  border-color: var(--color-bg-03);
  /* min-height: 40px; */
  height: 35px !important;
  padding: .75em;
  width: 100%;
}

.bootstrap-select > .dropdown-toggle[data-id="countrycode"] {
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs) var(--padding-xs);
  border-radius: var(--border-radius-xs) !important;
  border: none !important;
}
.bootstrap-select > .dropdown-toggle[data-id="countrycode"] > span {
  display: flex;
  align-items: center;
  justify-content: center;
}

#reportCasino .table > tbody > tr > td,
#reportCasinoPiattaforma .table > tbody > tr > td,
#reportPoker .table > tbody > tr > td,
#reportPokerPiattaforma .table > tbody > tr > td {
  color: white;
}
#tabella_lista_utenti td {
  color: white;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--color-primary-100);
  border-color: var(--color-primary-100);
  border-radius: var(--border-radius-xs);
}
.col-sm-4.giro-select {
  text-align: left;
}
.giroconto_popup .modal-content {
  background: var(--color-bg-01);
}
.giroconto_popup .modal-header .modal-title,
.giroconto_popup .giro-select,
.giroconto_popup .modal-header button.close {
  color: var(--agency-text);
}
.giroconto_popup .giro-select .select2-container {
  width: 100% !important;
}
.giroconto_popup .operationTitle {
  text-align: center;
  font-size: var(--font-size-md);
  text-transform: uppercase;
  padding-bottom: var(--padding-lg);
}
.wrap-stileLegenda {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 10px 0;
}
.coloreTabellaLegenda i {
  font-size: var(--font-size-2xs);
}
.coloreTabellaLegenda tr td{
  background: none;
  color: var(--championship-table-text);
}
.stileLegenda{
  font-size: var(--font-size-sm);
}
.riga_tabella_quote{
  border-radius: 0px;
  border: 0px;
}
.riga_tabella_quote th{
  background: var(--color-primary-100);
  text-align: center;
  font-size: var(--font-size-xs);
  padding: var(--padding-sm) var(--padding-xs);
  color: var(--color-bg-02);
}
.quote_group_eventi{
  
}
/*Colori Legenda*/
i.doppia {
  color: var(--color-bg-doppia);
  border: none !important;
}
.doppia {
  border: 1px solid var(--color-bg-doppia) !important;
}

.quintupla {
  border: 1px solid var(--color-bg-quintupla) !important;
}

.quadrupla {
  border: 1px solid var(--color-bg-quadrupla) !important;
}

.tripla {
  border: 1px solid var(--color-bg-tripla) !important;
}
i.10-pla {
  border: 1px solid var(--color-bg-10pla) !important;
}
i.altro {
  border: 1px solid var(--color-bg-altro) !important;
}
.altro {
  border: 1px solid var(--color-bg-altro) !important;
}

.discipline-heading {
  border: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  padding: var(--container-padding) 0;
  float: none;
  height: auto;
  color: var(--menu-element-text-color);
}

.ricerca-sport table thead tr th,
.ricerca-sport table tbody tr td,
.ricerca-sport table tbody tr td:first-child,
.ricerca-sport table tbody tr td:last-child {
  padding: var(--padding-md);
}
.ricerca-sport table tbody tr td:first-child span {
  color: var(--color-primary-100);
}
.ricerca-sport table tbody tr:hover td:first-child,
.ricerca-sport table tbody tr:hover td:first-child span,
.ricerca-sport table tbody tr:hover td:last-child {
  color: var(--color-temporary);
}
.ricerca-sport table tbody tr:hover td:first-child span {
  text-decoration: underline;
}
.ricerca-sport table thead tr th {
  border: inherit;
}
.ricerca-sport table tbody tr td:first-child label {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-xs);
}

.ricerca-sport table tbody tr:hover td {
  background-color: var(--color-primary-100);
}
.ricerca-sport table tbody tr td .title_table_search,
.ricerca-sport table tbody tr td.title_table_date_search  {
  color: var(--live-page-element-text-color);
}

.table>thead:first-child>tr:first-child>th {
  /*spento colore header prima colonna*/
  color: var(--live-page-element-text-color) !important;
  text-align: center;
  background-color: var(--user-profile-element-bg);
  font-weight: var(--font-weight-regular);
}

.ricerca-sport table tbody tr:hover td .title_table_sport_search {

}

.saldo-table .table {
  border: 1px solid transparent;
}
.tabellaAutoGiroconto td.centertext {
  color: var(--live-page-element-text-color);
}

.ultimeVincite-row {
  border-bottom: 1px solid var(--live-page-header-bg);
  display: flex;
  padding: .5em;
  justify-content: space-between;
  background: var(--live-page-header-bg);
  color: var(--live-page-text);
}

/*Test fix*/
div.windowquote div.modal-header span.modal_event_odds_championship {
  color: white;
}
.cupon-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cupon-bottom-main.col-sm-12 {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cupon-bottom-main.col-sm-6 {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.sub-menu-tournament .event-group-live a {
  border-right: var(--spacing-xs) solid var(--live-page-element-bg);
  border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
}
.sub-menu-tournament .event-group-live:hover a {
  border-right-color: var(--color-accent-80);
}
.livePage .sports-main-left .nazione-bandiera {
  font-size: var(--font-size-xs);
}

/*coupon combinazioni*/
.cupon-middle-table,
.cupon-bonus {
  background-color: var(--color-bg-02) !important;
  padding: var(--padding-xs);
}
.cupon-bonus-right {
  text-align: right;
}
.cupon-middle-table .table > tbody > tr > th,
.cupon-middle-table .table > tbody > tr > td {
  color: var(--menu-page-text-color);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  background-color: transparent;
}
.cupon-middle-table .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  text-align: left;
}

.cupon-middle-table .table th {
  background: transparent !important;
}

.cupon-bonus-left { text-align: left; }

table.tabellaImporti {
  margin-bottom: var(--margin-sm);
}

.tabellaImporti table.tabellaImporti tbody .importo-input input.importo, input#txtImportoSis {
  background: transparent;
  min-height: 30px;
  border:1px solid var(--table-element-border-color) !important;
  margin-bottom: 0 !important;
}
.tabellaImporti input[type="text"], .tabellaImporti input#txtImportoSis {
  background: transparent;
  min-height: 30px;
  border:1px solid var(--table-element-border-color) !important;
  margin-bottom: 0 !important;
}
.livePage .cupon-middle-table .tabellaImporti td,
.cupon-middle-table .tabellaImporti td {
    padding: 0 var(--padding-xs);
    border: none;
    width: auto;
}
.livePage .live-calendar-table {
  width: 99%;
  margin: 1em auto;
}
.livePage .live-calendar-table td, .livePage .live-calendar-table th {
  border: 1px solid var(--color-bg-03) !important;
  text-align: left !important;
  padding: calc(var(--padding-xs) / 2) var(--padding-xs) !important;
}
.livePage .live-calendar-table th {
  padding: var(--padding-sm) !important;
}
.livePage .live-calendar-table td {
  padding: calc(var(--padding-xs) / 2) var(--padding-xs) !important;
}
.livePage .live-calendar-table tr:nth-child(odd) td {
	border-color: var(--color-bg-02) !important;
  background: var(--color-bg-03) !important;
}
.cupon-middle-table .tabellaImporti td.checkbox {
  /* margin: 0; */
}
.table.tabellaImporti tbody .importo-input input.importo {
  margin-top: var(--margin-xs);
}
.cupon-middle-table .tabellaImporti tr:nth-child(odd):not(:nth-child(1)) {
  border: none !important;
  justify-content: flex-end !important;
  padding: 0 0 var(--padding-xs) 0 !important;
}

/*page current result*/
.score-table-container {
  display: flex;
  flex-direction: column;
}
.title-row,
.hometeam-row,
.awayteam-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.title-name,
.hometeam-name,
.awayteam-name {
  flex: 1;
  margin-right: 8px;
}
#title-container,
#HomeTeamTab,
#AwayTeamTab {
  display: flex;
  justify-content: flex-end;
}

.title-tab,
.scores-values > div {
  width: 20px;
  text-align: center;
  font-size: 10px;
}

/*implementazione fastamount*/
.fastamount-container {
  display: flex;
  justify-content: space-between;
  gap: 1em;
  padding: 10px;
}
.fastamount-container .btn {
  padding: var(--padding-xs) !important;
  flex-grow: 1;
  font-size: var(--font-size-xs);
}


/* LAYOUT REGOLAMENTO */
#paginette {
  color: var(--menu-text-color);
}
.top_blk.backgroundwhite .list-group {
  display: block !important;
}
.menu-regolamento a {
  background: var(--color-bg-03);
  color: var(--menu-text-color) !important;
  font-weight: 500;
  text-transform: uppercase;
}

.menu-regolamento a:hover, .menu-regolamento a:focus, .menu-regolamento a.attiva {
  background: var(--color-primary-100) !important;
  /* color: var(--color-temporary) !important; */
}

span.sportTitle {
  padding-top: 30px;
  font-size: 30px;
  display: block;
  text-align: center;
  border-bottom: 1px solid var(--menu-text-color);
}
span.regMarket {
  font-size: 20px;
  font-weight: 600;
}
span.regOutcome {
  margin-bottom: 20px;
  display: block;
  text-align: justify;
  font-size: 14px;
}
/* LAYOUT REGOLAMENTO */

/*PAGINA CONTATTACI*/
.contact_us > div {
  color: var(--color-temporary);
}
.contact_us {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 14px;
}

#giroconto,
#girocontoDiretto label,
#girocontoDiretto {
  color: var(--menu-element-text-color);
}


/*fix form*/
:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
  display: inline-flex;
}



table.treetable span {
  padding:0 !important;
}

/*
.table-striped>tbody>tr:nth-of-type(odd),
table.dataTable tbody tr {
  background: transparent;
}
*/
.table-striped>tbody>tr:nth-of-type(odd) td,
table.dataTable tbody tr:nth-of-type(odd) td {
  background: var(--color-bg-03);
}
/* .tabella_reportistica .player .fa.fa-user, .iconLegend i.icon-player {
  color: var(--color-temporary);
} */

.iconLegend {
  display: flex;
  margin: var(--margin-md) 0 var(--margin-sm) 0 !important;
  gap: Var(--spacing-md);
}
.iconLegend span {
  font-size: var(--font-size-sm);
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

/*Stile header tabelle post cambio colore*/
.table.table-striped thead {
  background-color: var(--color-bg-02);
}

/*tabella pagina marcatori*/
.quotes-heading > td {
  font-family: "DM Sans", sans-serif;
}
/*PRIMA RIGA E COLORE BG*/
div.championship_betts table,
tr.event-row.riga_match_tabella_quote {
  background-color: var(--championship-table-bg) !important;
  color: var(--championship-table-text);
}

.event-row.riga_match_tabella_quote:hover {
  background-color: var(--championship-table-text-hover-bg);
}
.event-row-id {
  color: var(--color-primary-100);
}
.riga_match_tabella_quote {
  border:none;
}
.event-row.riga_match_tabella_quote td.event-row-info {
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
  padding: 0;
  display: table-cell;
  text-wrap: nowrap;
  font-size: var(--font-size-xs);
}
.event-row.riga_match_tabella_quote td.ora_partita{
  border-bottom: 0px;
  padding-left: 0px;
}

.table.tabellaSviluppoSis > thead > tr > th, .table.tabellaSviluppoSis > tbody > tr > td, .table.tabellaSviluppoSis > tbody > tr {
  background: transparent !important;
  border:none !important;
  color: var(--color-primary-text) !important;
  border-bottom: 1px solid var(--color-bg-02) !important;
}
.combinations .table.tabellaSviluppoSis > tbody > tr > td.vincitaModal,
.combinations table.tabellaSviluppoSis > tbody > tr > td.vincitaModal {
  background: var(--color-primary-100) !important;
  color: var(--color-secondary-text) !important;
  border: 0;
}

.combinations .vincitaModal,
.combinationsSistema .vincitaModal {
  background: var(--color-primary-100) !important;
  color: var(--color-secondary-text) !important;
  border: 0;
}
.rigaRisultato {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.currentTime {
    display: flex;
    gap: var(--spacing-xs);
}
.currentTime span:first-child:after {
    content: "'";
}


#flussiGioco .table-hover>tbody>tr:hover {
  background-color: var(--color-bg-03);
}

#girocontoDiretto .form-control {
  background-color: var(--color-bg-03);
}
.btn-odd-rank:hover {
  margin: 0 !important;
  background-color: var(--quote-button-hover-bg);
  color: var(--quote-button-hover-text);
}


/*checkbox in registrazione*/
.form-horizontal .form-group, #cambio .form-group {
  display: block;
}
.form-horizontal .form-group.checkbox .control-label {
  flex-basis: auto;
}
#registration .checkbox {
  display: flex;
  align-items: center;
}

/*globalReportCard*/
.tabella-utili thead tr {
  background-color: transparent;
}
#prodottoSingolo .table > thead > tr > td,
#prodottoSingolo .table > thead > tr > th,
#prodottoSingolo table > thead > tr > td,
#prodottoSingolo table > thead > tr > th,
#utili .table > thead > tr > td,
#utili .table > thead > tr > th,
#utili table > thead > tr > td,
#utili table > thead > tr > th {
  color: var(--user-profile-element-text-color) !important;
}
#fattura span {
  color: var(--user-profile-element-text-color);
}
#tabella_provvigioni.table-bordered {
  border: 1px  solid transparent;
}


#messaggi_errore {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
}
#messaggi_errore img,
#messaggi_errore svg {
  width: 24px;
  height: 24px;
}

#giroconto select.form-control {
  background: var(--color-bg-03);
}

.dataTables_length select {
  margin: 0;
  max-width: 60px;
  max-height: 30px;
  min-height: 30px;
  padding: 0 5px;
  color: var(--input-text);
  background: var(--input-bg);
}


.cassa {
  
}

.qbet-select .bootstrap-select>select, .select-clickbet {
  width: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  z-index: 99;
}

.quotes-heading > td.sign-name, .td_quota_lunga > .sign-name {
  text-wrap: auto;
  /* font-weight: normal; */
  font-weight: 700;
  text-transform: uppercase;
}
.quotes-heading > td.sign-name {
  font-size: 10px;
}
.testAntePost {
  display: grid;
  width: 100%;
  gap: 10px;
  grid-template-columns: 1fr 6fr;
  border-top: 1px solid var(--antepost-border-color);
  border-bottom: 1px solid var(--antepost-border-color);
  padding: 10px;
  background-color: var(--antepost-bg);
}

.colonnaQuote {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  border-left: 1px solid var(--antepost-border-color);
  padding-left: 10px;
}

.dettagli_partita_marcatori {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-left: 5px;
  width: auto;
}

.bs-row-market-odd {
  padding: 0 var(--padding-xs) var(--padding-xs) var(--padding-xs);
  background-color: var(--menu-page-bg);
  color: var(--menu-page-text-color);
}

.bs-row-outcome-oddValue {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--margin-xs);
  width: 100%;
}

.cupon-main-num-right.valore.bs-row-outcome-oddValue, .cupon-main-num-right.valore_conferma.bs-row-outcome-oddValue {
  background-color: var(--color-bg-03);
  padding: .25em var(--padding-xs);
  border-radius: var(--border-radius-xs);
}

.ca-flex-row {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 2em;
}

.mobile-link {
  background-color: var(--mobile-link-bg);
  padding: 3px 5px;
  color: var(--mobile-link-text-color);
}

.mobile-link:hover {
  background-color: var(--mobile-link-hover-bg);
  color: var(--mobile-link-text-hover-color);
}

.mobile-link:active {
  background-color: var(--mobile-link-pressed-bg);
  color: var(--mobile-link-text-pressed-color);
}

.mobile-link a {
  color: var(--mobile-link-text-color);
}

.mobile-link i {
  color: var(--mobile-link-text-color);
  margin-right: 5px;
}

.oddsType-selector {
  float: right;
  color: var(--link-color);
}

.oddsType-selector:hover {
  color: var(--link-hover-color);
}

.oddsType-selector:active {
  color: var(--link-pressed-color);
}


/* ff Floating Form per il cambio colori --------- STOP */
.ff-toggle,
.ff-toggle *,
.floating-form,
.floating-form * {
  box-sizing: border-box;
}
.ff-toggle {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}
#ff-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: red;
  color: white;
  padding: 5px 10px;
}
.floating-form {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  background-color: rgba(255, 255, 255);
  opacity: 0.9;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px;
  z-index: 1001;
  display: none;
  flex-direction: column;
  gap: 1em;
  margin: 20px;

  overflow-y: auto;
  max-height: 90vh;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.floating-form::-webkit-scrollbar {
  width: 10px;
}
.floating-form::-webkit-scrollbar-thumb {
  background: red !important;
  border-radius: 100px;
}
.ff-toolbar {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
  position: sticky;
  top: 0;
  background: #fff;
  border: 1px solid #333;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.ff-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 10px;
}

.ff-element {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}
.ff-element label {
  font-size: 12px;
  margin: 0;
}
.ff-element input[type="color"] {
  padding: 0;
  margin: 0;
  height: 20px;
  width: 20px;
}
.ff-element input[type="text"] {
  font-family: inherit;
  background: inherit;
  border-radius: 5px;
  color: inherit;
  font-size: 12px;
  padding: inherit;
  width: 70px;
  height: inherit;
  min-height: inherit;
  transition: inherit;
  border: 1px solid #aaa;
  margin-bottom: inherit;
  box-shadow: inherit;
  text-align: center;
}

.ff-textarea {
  font-size: 12px;
}
.ff-textarea-btns {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.ff-textarea-btns button {
  flex: 1;
  padding: 5px;
  background-color: #f0f0f0;
  border: 1px solid #aaa;
  border-radius: 5px;
  cursor: pointer;
}

.ff-toggle { display: none; }
/* ff Floating Form per il cambio colori --------- STOP */

.stickyBet {
  /* transition: all 300ms ease; */
}

.stickyBet.sticked {
  position: fixed;
  top: 60px;
  z-index: 1000;
  box-shadow: rgba(255, 255, 255, 0.50) 0px -5px 5px, rgba(255, 255, 255, 0.50) 0px 5px 5px, rgba(255, 255, 255, 0.50) 5px 0px 5px, rgba(255, 255, 255, 0.50) -5px 0px 5px;
  border-radius: var(--border-radius-sm);
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 90vh;
  margin: var(--margin-sm) var(--margin-sm) 0 0;
  background-color: var(--color-bg-02);
}
#pinStickyBet .fas.fa-thumbtack {
  cursor: pointer;
  transform: rotate(45deg);
}
#pinStickyBet .fas.fa-thumbtack.pinned {
  transform: rotate(0deg);
  background-color: var(--color-accent-100);
  color: var(--color-secondary-text);
  padding: var(--padding-xs);
  border-radius: 50%;
}
#pinStickyBet ~ svg.ticket {
  display: none;
}


/*
  test mod stickedBet
  in questo caso lo scroll non avviene più sull'intero bs ma solo sul body con le quote
  problemi:
    - l'altezza del body dovrebbe essere calcolato dinamicamente con: altezza viewport, altezza bs header, altezza bs footer
    - il bs footer ha una altezza variabile
    - bs header e footer, hanno poco distacco visivo dal bs body
    - occorre verificare come si comporta con schermi piccoli e/o a bassa risoluzione
*/
/* .stickyBet.sticked {
  overflow: hidden;
}
.stickyBet .sports-new-head {
  position: sticky;
  top: 0;
}
.stickyBet #coupon-body {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 45vh;
}
.stickyBet #coupon-footer {
  position: sticky;
  bottom: 0;
} */

div.events-time-championship-time {
    color: var(--color-accent-100) !important;
}
.bs-row-market-odd .cupon-main-num {
    color: var(--color-accent-100);
}

.checkboxes.checkbox {
  justify-content: flex-start;
}

/* mod layout top league */
.menu-sport.sports-bar.topleague {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs);
}
.menu-sport.sports-bar.topleague > div.sport-item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  height: 70px;
  /* background-color: var(--color-bg-02); */
  background-color: var(--color-bg-01);
  color: var(--color-primary-text);
  border: 1px solid var(--color-bg-03);
  border-radius: var(--border-radius-sm);
}
.menu-sport.sports-bar.topleague div.sport-item-count {
  display: none;
}
.menu-sport.sports-bar.topleague div.sport-item-text {
  margin: 0;
  text-wrap: auto;
  text-align: center;
}
/* mod layout top league */

.borlabel-outer {
  position: relative;
  margin-top: var(--margin-sm);
}
.borlabel-label {
  position: absolute;
  top: -6px;
  left: 10px;
  z-index: 1;
  background-color: var(--color-bg-02);
  padding: 0 var(--padding-xs);
}
.borlabel-inner {
  position: relative;
  padding: var(--padding-sm);
  border: 1px solid var(--color-bg-04);
  border-radius: var(--border-radius-sm);
}

.tabellaSviluppoInt td,
.tabellaSviluppoInt th,
.table.tabellaSviluppoSis > thead > tr > th,
.table.tabellaSviluppoSis > tbody > tr > td {
  border: 1px solid var(--color-bg-03) !important;
}
.col-box-margin-bottom,
.time-filter-container,
.menu-sport.sports-bar.topleague {
    border-color: var(--color-bg-03);
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
    background-color: var(--color-bg-02);
}










/* loggato e pagine interne */
:root {
    --p-color-bg-02: #FFFFFF;
    --p-color-bg-03: #2B315E;
    --p-color-bg-04: #2B315E;
    --p-color-bg-05: #F2F2F2;
	  --p-color-primary-text: #000000;

    /* Roles colors */
    --admin-color: #822222;
    --master-color: #00bf00;
    --agente-color: #0043ff;
    --subagente-color: #dfba49;
    --agenzia-color: #F3565D;
    --giocatore-color: var(--p-color-bg-05);
}
.user-profile-body .top_blk {
    background-color: var(--p-color-bg-02);
    border: 1px solid var(--p-color-bg-03);
    color: var(--p-color-primary-text);
}
.user-profile-body .top_blk .title,
.user-profile-body .form-group label,
.user-profile-body .resp-table-row label,
.user-profile-body .borlabel-label,
.user-profile-body .legendascommesse table tr td span,
.user-profile-body .legendascommesse .form-group span,
.user-profile-body .bootstrap-select .dropdown-toggle .filter-option,
.user-profile-body .bootstrap-select .dropdown-toggle .caret,
.user-profile-body .select2-container .select2-selection--single .select2-selection__rendered,
.user-profile-body .dataTables_length label,
.user-profile-body .dataTables_wrapper .dataTables_info,
.user-profile-body .dataTables_length select,
.user-profile-body .top_blk .panel-default > .panel-heading,
.user-profile-body .top_blk h3
{
    color: var(--p-color-primary-text);
}
.user-profile-body .borlabel-label
{
    background-color: var(--p-color-bg-02);
}
.user-profile-body .borlabel-inner {
    border-color: var(--p-color-bg-04);
}
.user-profile-body .dataTables_length select {
    background-color: var(--p-color-bg-05);
}
.user-profile-body input[type="text"],
.user-profile-body input[type="password"],
.user-profile-body input[type="date"],
.user-profile-body input[type="number"],
.user-profile-body select,
.user-profile-body .form-group-sm .form-control,
.user-profile-body .form-control,
.user-profile-body .bootstrap-select > .dropdown-toggle,
.user-profile-body .select2-container .select2-selection--single .select2-selection__rendered,
.user-profile-body #girocontoDiretto .form-control,
.user-profile-body .user-profile-body #giroconto > div,
.user-profile-body .dataTables_wrapper .dataTables_filter input,
.user-profile-body #depositi .d-grid-item,
.user-profile-body #prelievi .d-grid-item 
{
    background-color: var(--p-color-bg-05);
    color: var(--p-color-primary-text);
    border: 1px solid var(--p-color-primary-text);
}
.user-profile-body input::placeholder {
    color: color-mix(in srgb, var(--p-color-primary-text) 70%, transparent) !important;
}
.user-profile-body .table.dataTable > tbody > tr > th,
.user-profile-body .table.dataTable > tfoot > tr > td,
.user-profile-body .table.dataTable > tfoot > tr > th,
.user-profile-body .table.dataTable > thead > tr > td,
.user-profile-body .table.dataTable > thead > tr > th,
.user-profile-body .mListaAgenti.table>thead:first-child>tr:first-child>th,
.user-profile-body .tabella_reportistica.table>thead:first-child>tr:first-child>th,
.user-profile-body .portlet-body .table > tbody > tr > td,
.user-profile-body #reportCasino .table > tbody > tr > td,
.user-profile-body #reportCasinoPiattaforma .table > tbody > tr > td,
.user-profile-body #reportPoker .table > tbody > tr > td,
.user-profile-body #reportPokerPiattaforma .table > tbody > tr > td
{
    background-color: var(--p-color-bg-05) !important;
    color: var(--p-color-primary-text) !important;
}
.user-profile-body .contenuto_tab table.tabella_reportistica > tbody > tr > td {
    background-color: var(--p-color-bg-05);
    color: var(--p-color-primary-text);
}
.user-profile-body table.dataTable thead th,
.user-profile-body table.dataTable thead td {
	padding: 0 var(--padding-xs);
}
.user-profile-body .table-striped>tbody>tr:nth-of-type(odd) td,
.user-profile-body table.dataTable tbody tr:nth-of-type(odd) td {
    background: var(--p-color-bg-02);
  	color: var(--p-color-primary-text);
}
.user-profile-body #tabella_lista_utenti td {
  	color: var(--p-color-primary-text) !important;
}
.user-profile-body .table-striped>tbody>tr:nth-of-type(even) td,
.user-profile-body table.dataTable tbody tr:nth-of-type(even) td {
    background: var(--p-color-bg-05);
  	color: var(--p-color-primary-text);
}
.user-profile-body #tabella_messaggi tr:nth-of-type(odd) td {
    background: var(--p-color-bg-02);
  	color: var(--p-color-primary-text) !important;
}
.user-profile-body #tabella_messaggi tr:nth-of-type(even) td {
    background: var(--p-color-bg-05);
    color: var(--p-color-primary-text) !important;
}
.user-profile-body .top_blk .nav-tabs > li > a
{
    background-color: var(--p-color-bg-05);
    color: var(--p-color-primary-text) !important;
    border: 1px solid var(--p-color-primary-text);
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}
.user-profile-body .top_blk .nav-tabs > li > a:hover,
.user-profile-body .top_blk .nav-tabs > li.active > a,
.user-profile-body .top_blk .nav-tabs > li.active > a:focus,
.user-profile-body .top_blk .nav-tabs > li.active > a:hover
{
    background-color: var(--color-primary-100);
    color: var(--p-color-primary-text) !important;
    border: 1px solid var(--p-color-primary-text);
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}
.user-profile-body .paymentValue,
.user-profile-body .paymentValue label,
.user-profile-body .paymentValue ul li {
	color: var(--p-color-primary-text);
}
.user-profile-body .paymentForm,
.user-profile-body .paymentFormWith {
    background-color: var(--p-color-bg-05);
    color: var(--p-color-primary-text);
    border: 1px solid var(--p-color-primary-text);
}
.user-profile-body .paymentForm input,
.user-profile-body .paymentFormWith input {
    background-color: var(--p-color-bg-02);
}
.user-profile-body .paymentForm input.btn-primary,
.user-profile-body .paymentFormWith input.btn-primary {
    background-color: var(--color-primary-100);
}
.user-profile-body .checkbox label {
    color: var(--p-color-primary-text) !important;
}
.user-profile-body .checkbox input[type="radio"]:checked {
    border-color: var(--p-color-bg-03);
}
.user-profile-body .checkbox input[type="radio"]:checked::before,
.user-profile-body .checkbox input[type="checkbox"]::before {
    background-color: var(--p-color-bg-03);
}
.user-profile-body .text-white.mb-4[style="display: flex; gap: 0 1em;"] {
    color: var(--p-color-primary-text);
}
.btncashout {
    color: var(--p-color-primary-text) !important;
}



/* Role Icon Styles */
.table.treetable.mListaAgenti tr.branch.master,
.mListaAgenti tr.master td,
.mListaAgenti tr.master.expanded td {
    background: color-mix(in srgb, var(--master-color) 50%, #ffffff) !important;
    color: var(--p-color-primary-text);
}
.table.treetable.mListaAgenti tr.branch.agente,
.mListaAgenti tr.agente td,
.mListaAgenti tr.agente.expanded td {
    background: color-mix(in srgb, var(--agente-color) 50%, #ffffff) !important;
    color: var(--p-color-primary-text);
}
.table.treetable.mListaAgenti tr.branch.subagente,
.mListaAgenti tr.subagente td,
.mListaAgenti tr.subagente.expanded td {
    background: color-mix(in srgb, var(--subagente-color) 50%, #ffffff) !important;
    color: var(--p-color-primary-text);
}
.table.treetable.mListaAgenti tr.branch.agenzia,
.mListaAgenti tr.agenzia td,
.mListaAgenti tr.agenzia.expanded td {
    background: color-mix(in srgb, var(--agenzia-color) 50%, #ffffff) !important;
    color: var(--p-color-primary-text);
}
.table.treetable.mListaAgenti tr.branch.player,
.mListaAgenti tr.player td,
.mListaAgenti tr.player.expanded td {
    background: color-mix(in srgb, var(--giocatore-color) 50%, #ffffff) !important;
    color: var(--p-color-primary-text); 
}

.mListaAgenti tr td i.icon-agente,
.mListaAgenti tr td i.icon-agenzia,
.mListaAgenti tr td i.icon-subagente,
.mListaAgenti tr td i.icon-giocatore,
.mListaAgenti tr td i.icon-master {
  margin-right: var(--margin-xs);
}

.mListaAgenti tr.master td { background: color-mix(in srgb, var(--master-color) 10%, transparent) !important; }
.mListaAgenti tr.agente td { background: color-mix(in srgb, var(--agente-color) 10%, transparent) !important; }
.mListaAgenti tr.subagente { background: color-mix(in srgb, var(--subagente-color) 10%, transparent) !important; }
.mListaAgenti tr.agenzia td { background: color-mix(in srgb, var(--agenzia-color) 10%, transparent) !important; }
.mListaAgenti tr.player td { background: color-mix(in srgb, var(--giocatore-color) 10%, transparent) !important; }

.icon-master { color: var(--master-color); }
.icon-agente { color: var(--agente-color); }
.icon-subagente { color: var(--subagente-color); }
.icon-agenzia { color: var(--agenzia-color); }
.icon-giocatore { color: var(--giocatore-color); }

.icon-agente,
.icon-agenzia,
.icon-subagente,
.icon-giocatore,
.icon-master {
    background-color: var(--p-color-bg-05);
	  border: 1px solid var(--p-color-primary-text);
    padding: var(--padding-xs);
    border-radius: var(--border-radius-round);
    width: calc(var(--icon-size-md) / 1.1);
    height: calc(var(--icon-size-md) / 1.1);
    text-align: center;
    font-size: calc(var(--font-size-xs) / 1.1);
    margin-right: var(--spacing-xs);
}
.icon-giocatore {
    color: var(--p-color-primary-text);
}
/* Role Icon Styles */
/* ----------------- loggato e pagine interne */







@media (max-width: 1680px) {
  .btn-odd-rank {
      width: 40px;
  }
}