body {
  background: var(--layout-color-bg);
  font-family: var(--body-font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  -webkit-font-smoothing: antialiased;
}
.menu-main, .main, .top-header, .navbar-default {
  background: var(--color-black);
}

.left-col-sport-menu {
  font-family: inherit;
}
.live-oggi-main {
  display: none;
}
.blackfont {
  color: black;
}

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

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

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

.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }

.m-0  { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }

.p-0  { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }

.mt-1 { margin-top: var(--margin-xs) !important; }
.mt-2 { margin-top: var(--margin-sm) !important; }
.mt-3 { margin-top: var(--margin-md) !important; }
.mt-4 { margin-top: var(--margin-lg) !important; }

.mb-1 { margin-bottom: var(--margin-xs) !important; }
.mb-2 { margin-bottom: var(--margin-sm) !important; }
.mb-3 { margin-bottom: var(--margin-md) !important; }
.mb-4 { margin-bottom: var(--margin-lg) !important; }

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

.position-static { position: static; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.position-sticky { position: sticky; }

.w-100 { width: 100% !important; }
.w-75 { width: 75% !important; }
.w-50 { width: 50% !important; }
.w-25 { width: 25% !important; }
.w-0 { width: 0% !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: white;
  text-transform: uppercase;
}
/*Scrollbar Style*/
*::-webkit-scrollbar {
  width: 5px;
  padding-right: var(--padding-sm);
}
*::-webkit-scrollbar-track {
  background: black;
}
*::-webkit-scrollbar-thumb {
  background: var(--color-bg-03);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-100);
}

div.windowquote div.modal-body::-webkit-scrollbar,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar {
  width: 8px;
  outline: 4px auto var(--color-neutral-40);
}
div.windowquote div.modal-body::-webkit-scrollbar-track,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-track {
  background: var(--color-neutral-40);
}
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-primary-100);
}
.table .select2-container--default .select2-selection--multiple {
  background: transparent;
  padding: var(--padding-xs);
}
.yadcf-filter-reset-button {
  background: transparent;
}
.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-20);
}
.logo img,
.about-logo .logo {
  width: 100%;
  max-width: 170px;
  margin: 0;
  padding: 1rem 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);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
  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;
  text-transform: capitalize;
}
.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); */
  background-color: var(--button-color-tertiary-bg);
}
.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-neutral-80);
  border-radius: var(--border-radius-md);
  box-shadow: none;
  margin-left: 0;
  outline: 0 !important;
}
.btn-primary {
  background: var(--button-color-bg);
  border: none;
  color: var(--button-color-text);
}
.btn-primary:hover {
  background: var(--button-color-bg);
  color: var(--button-color-text);
}
.btn-primary:active {
  background: var(--button-color-pressed-bg);
  color: var(--button-color-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(--color-primary-100);
  border-color: var(--color-primary-100);
  outline: 5px auto var(--color-bg-01);
  outline-offset: 0;
}
.btn-link {
  color: var(--color-primary-20);
  font-weight: var(--font-weight-medium);
  border: none;
  padding: var(--padding-sm);
}
.btn-link:hover {
  color: var(--color-primary-40);
}
.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(--button-color-secondary-bg);
  /*background: #222d34;*/
  color: var(--button-color-secondary-text);
}
.btn-secondary:hover,
.btn-outline:active,
.btn-outline:focus {
  background: var(--button-color-secondary-pressed-bg);
}
.btn-outline {
  color: var(--button-color-secondary-text);
  border: 1px solid var(--button-color-secondary-border) !important;
  background: transparent;
  outline: none;
}
/* .btn-outline:hover {
  color: var(--button-color-secondary-text);
  border: 1px solid var(--button-color-secondary-border);
  background: transparent;
} */
.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
  color: var(--color-primary-text);
  background-color: var(--button-color-secondary-pressed-bg);
  border-color: var(--button-color-secondary-pressed-border);
}
.activeTime {
  background-color: var(--button-color-secondary-bg);
  color: var(--button-color-secondary-text) !important;
}
.cupon-annulla {
  background: var(--button-color-secondary-bg);
  border-color: var(--button-color-secondary-border);
  border-radius: var(--border-radius-sm);
  -webkit-border-radius: var(--border-radius-sm);
}
.cupon-annulla:hover {
  color: var(--button-color-secondary-text-hover);
}
.cupon-gico,
.cupon-annulla {
  border: none;
}
.cupon-sviluppa {
  background: var(--button-color-primary-bg);
  border: 1px solid var(--button-color-tertiary-border);
  color: var(--button-color-tertiary-text);
  border-radius: var(--border-radius-sm);
}
.cupon-annulla {
  background: var(--color-alert-danger);
}

/* Input */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
select,
.form-group-sm .form-control {
  background-color: var(--color-neutral-90);
  font-family: var(--heading-font-family);
  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;
}
.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-color-pressed-bg);
}
.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(--input-color-border-hover);
  -webkit-box-shadow: inset 0 0 0 1px var(--input-color-border-hover);
  outline: none;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="number"]::placeholder {
  font-size: var(--font-size-sm);
  color: var(--color-neutral-50);
}
input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuOTk4MzUgMi4yNDc4MUM1Ljk5ODM1IDIuMDQwNyA1LjgzMDQ2IDEuODcyOCA1LjYyMzM1IDEuODcyOEM1LjQxNjI0IDEuODcyOCA1LjI0ODM1IDIuMDQwNyA1LjI0ODM1IDIuMjQ3ODFWMi45OTc4MUg0LjQ5NzA5QzMuMDQ3MzMgMi45OTc4MSAxLjg3MjA3IDQuMTczMDcgMS44NzIwNyA1LjYyMjgzVjcuMTI0NDZWMTMuNTAzQzEuODcyMDcgMTQuOTUyOCAzLjA0NzMzIDE2LjEyODEgNC40OTcwOSAxNi4xMjgxSDEzLjUwMjhDMTQuOTUyNSAxNi4xMjgxIDE2LjEyNzggMTQuOTUyOCAxNi4xMjc4IDEzLjUwM0wxNi4xMjc4IDcuMTI0NDZMMTYuMTI3OCA1LjYyMjgzQzE2LjEyNzggNC4xNzMwNyAxNC45NTI1IDIuOTk3ODEgMTMuNTAyOCAyLjk5NzgxSDEyLjc1MTNWMi4yNDc4MUMxMi43NTEzIDIuMDQwNyAxMi41ODM0IDEuODcyOCAxMi4zNzYzIDEuODcyOEMxMi4xNjkyIDEuODcyOCAxMi4wMDEzIDIuMDQwNyAxMi4wMDEzIDIuMjQ3ODFWMi45OTc4MUg1Ljk5ODM1VjIuMjQ3ODFaTTUuMjQ4MzUgMy43NDc4MlY0LjQ5ODc2QzUuMjQ4MzUgNC43MDU4NyA1LjQxNjI0IDQuODczNzYgNS42MjMzNSA0Ljg3Mzc2QzUuODMwNDYgNC44NzM3NiA1Ljk5ODM1IDQuNzA1ODcgNS45OTgzNSA0LjQ5ODc2VjMuNzQ3ODJIMTIuMDAxM1Y0LjQ5ODc2QzEyLjAwMTMgNC43MDU4NyAxMi4xNjkyIDQuODczNzYgMTIuMzc2MyA0Ljg3Mzc2QzEyLjU4MzQgNC44NzM3NiAxMi43NTEzIDQuNzA1ODcgMTIuNzUxMyA0LjQ5ODc2VjMuNzQ3ODJIMTMuNTAyOEMxNC41MzgzIDMuNzQ3ODIgMTUuMzc3OCA0LjU4NzI5IDE1LjM3NzggNS42MjI4M1Y2Ljc0OTQ2SDIuNjIyMDhWNS42MjI4M0MyLjYyMjA4IDQuNTg3MjkgMy40NjE1NSAzLjc0NzgyIDQuNDk3MDkgMy43NDc4Mkg1LjI0ODM1Wk0yLjYyMjA4IDcuNDk5NDZWMTMuNTAzQzIuNjIyMDggMTQuNTM4NiAzLjQ2MTU1IDE1LjM3OCA0LjQ5NzA5IDE1LjM3OEgxMy41MDI4QzE0LjUzODMgMTUuMzc4IDE1LjM3NzggMTQuNTM4NiAxNS4zNzc4IDEzLjUwM1Y3LjQ5OTQ2SDIuNjIyMDhaIiBmaWxsPSIjRjlGOUY5Ii8+PC9zdmc+");
  background-size: cover;
}
.form-group {
  position: relative;
}
.form-group .showPassowrd {
  position: absolute;
  top: 50%;
  right: var(--spacing-lg);
  color: var(--color-neutral-50);
  transform: translateY(var(--translate-y-50));
  -webkit-transform: translateY(var(--translate-y-50));
}
.form-group .showPassowrd:hover {
  color: white;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  opacity: 0.7;
}
.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;
}
.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(--input-color-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;
}
/* Container */
.container,
#sports-main .container {
  width: 100%;
  max-width: var(--container-width-lg);
}
.col-md-2.sports-main-left,
.col-md-2.sports-main-right {
  width: 20.83333333%;
}

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

#sports-main .container {
  padding-left: 0;
  padding-right: 0;
}
/* Sticky sidebars */

.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: var(--padding-sm) 0 var(--padding-lg) 0;
  height: auto;
}
.top-header .form-inline .form-control {
  min-width: 200px;
  margin-bottom: 0;
}
.header-btn {
  vertical-align: middle;
  height: auto;
}
.header-main {
  background: var(--color-bg-02);
  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 {
  background-color: var(--color-primary-hover);
}
.menu-main > ul > li:hover a,
.menu-main > ul > li:active a {
  color: var(--color-bg-02);
}
.menu-main a {
  padding: var(--padding-md);
  display: block;
  text-transform: lowercase;
  font-size: var(--font-size-md);
}
.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-medium);
  font-size: var(--font-size-md);
  background: inherit;
}
.menu-main > ul > li > a > span:hover {
  background: transparent;
}
.menu-main .menu-new-icon {
	width: 2em;
}
.top-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-md) 0;
}
.top-header-bar .barLeft,
.top-header-bar .barRight {
  display: flex;
  gap: var(--spacing-md);
}
.data_e_ora {
  display: block;
  float: none;
  padding: 0;
  font-size: var(--font-size-sm);
}
.type_quote .lang-cont {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
}
.type_quote .lang-cont:hover {
  color: var(--color-primary-20);
  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);
}
.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-sm);
}
.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(--color-bg-02);
}
.language-selector .settings ul.dropdown-menu ul.lang-select .lang-flag-list {
  width: 36px;
  height: 24px;
  object-fit: cover;
  border: 1px solid white;
}
.language-selector .settings ul.dropdown-menu ul.lang-select .lang-title-list {
  font-size: var(--font-size-sm);
}
.settings ul.dropdown-menu {
  border: 0;
  background: var(--color-bg-03);
  border: 0;
  top: 100%;
  left: 100%;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  border-radius: var(--border-radius-md);
}
.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-md);
}
.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(--color-primary-100);
}
.settings ul.dropdown-menu ul li:hover {
  background-color: var(--color-primary-80);
  color: white;
}
/* 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);
}
.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(--color-neutral-50);
}
.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-60);
  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;
}
#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-20);
}
.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-lg) 0;
  gap: var(--spacing-md);
  height: auto;
}
.search-box-cerca .form-group,
.search-box-scomesse .form-group {
  margin-bottom: 0;
}
.search-box-cerca input,
.search-box-scomesse input {
  min-width: 360px;
  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-neutral-30);
}
.buttons-results.inline {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-left: auto;
}
.buttons-results .btn-primary {
  padding: var(--padding-md);
}
.search-box-scomesse .form-inline .btn {
  padding-top: var(--padding-md);
  padding-bottom: var(--padding-md);
}
/*Sports*/
.sports-new-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: inherit;
  border: none;
  background-color: var(--color-black);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  padding: var(--padding-md) var(--padding-sm) var(--padding-md)
    var(--padding-sm);
  color: white;
  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;
}
.sport-item-container {
  padding: var(--padding-sm);
  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;
}
.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%;
  text-transform: uppercase;
}
.sport-item-count {
  font-size: var(--font-size-2xs);
  margin: 0 var(--margin-sm);
  justify-self: end;
}
.sport-item-container.VociMenuSport {
  background: var(--color-primary-100);
  color: var(--color-bg-02);
}
.sport-item-container.VociMenuSport.collapsed .sport-item-flag img {
  filter: none;
}
.sport-item-container.VociMenuSport.collapsed {
  background: var(--color-bg-02);
  color: white;
}
.sub-menu-category .category-group {
  background: var(--color-primary-pressed);
  color: var(--color-bg-02);
}
.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-bg-02);
  border-width: 0 0 1px 0;
  border-color: black;
  border-radius: 0;
  box-shadow: none;
}
.VociMenuSport.collapsed:hover,
.VociMenuAntepost.collapsed:hover {
  background: var(--color-bg-03);
  color: white;
}
.sub-menu-category .category-group,
.sub-menu-antechampionship .championship-element.sports-bar-inner div {
  padding: var(--padding-sm);
  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;
}
.sub-menu-category .category-group.collapsed {
  background: var(--color-bg-03);
  color: white;
}
.sub-menu-category .category-group i {
  margin-left: auto;
}
.sub-menu-category .category-group:hover {
  background: var(--hamburger-color-pressed-bg);
  color: var(--hamburger-color-pressed-text);
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: var(--hamburger-color-border);
  box-shadow: none;
}
.sub-menu-category .category-group:active {
  background: var(--hamburger-color-pressed-bg);
  color: var(--hamburger-color-pressed-text);
}
.time-filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-sm);
  background: var(--color-bg-02);
}
.time-filter-container a.small {
  width: auto;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  padding: 0;
  margin: 0;
  border: 0;
}
.time-filter-container a.small:hover {
  background: var(--color-primary-100);
  color: var(--color-bg-02);
  border-radius: var(--border-radius-xs);
}
.time-filter-container .activeTime {
  border-radius: var(--border-radius-xs);
  background: var(--color-primary-100);
  color: var(--color-bg-02);
  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: black;
  background-color: var(--color-bg-01);
  box-shadow: none;
  padding: var(--padding-sm) var(--padding-md);
}
.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;
}
.championship-element.sports-bar-inner:hover {
  border-width: 0 0 1px 0;
  background-color:  var(--color-bg-03);
  color: var(--color-bg-02);
  border-color: var(--color-bg-02);
  border-radius: 0;
  padding: var(--padding-sm) var(--padding-md);
}

.championship-element.sports-bar-inner.active {
  color: var(--color-bg-02) !important;
}

/* Quando l'elemento è in focus ma NON attivo, ripristina il background */
.championship-element.sports-bar-inner:not(.active):focus {
  background-color: var(--color-bg-03);
  color: inherit;
}

/* E, per sicurezza, modifico anche lo stato hover su elementi non attivi */
.championship-element.sports-bar-inner:not(.active):hover {
  background-color: var(--color-bg-03);
  color: inherit;
}

#search_id {
  width: 100%;
  height: auto;
}
.sports-main-right,
.qbet-middle {
  background: none;
}
.qbet-middle {
  padding: var(--padding-md) var(--padding-sm) var(--padding-md)
    var(--padding-sm);
  float: none;
}
.qbet-input,
.qbet-picker {
  height: auto;
}
.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);
}
.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: var(--color-bg-02);
  padding: var(--padding-sm);
}
.eventi-number {
  justify-content: flex-start;
  margin-top: 0;
}
.cupon-middle-main {
  border-width: 0 0 1px 0;
  border-color: black;
  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-xs);
  width: 100%;
  padding: 0;
}
.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(--color-bg-02);
  border-radius: 0;
  float: none;
}
.last-results-row {
  font-family: inherit;
  height: auto;
  color: inherit;
  border-bottom: 1px solid black;
  padding: var(--padding-sm);
  display: flex;
  align-items: center;
  float: none;
}
.last-results-row .tempo-partita {
  width: auto;
  margin: 0;
  font-family: inherit;
  font-size: var(--font-size-2xs);
}
.last-results-row .match {
  width: auto;
  font-size: var(--font-size-xs);
}
.last-results-row .matchResult {
  margin: 0 0 0 auto;
  font-size: var(--font-size-2xs);
}
.last-results-row .match .homeTeam {
  padding: var(--padding-xs) 0;
}
/*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(--color-bg-02);
  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:hover {
  background: var(--color-primary-80);
}
.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-40);
  border-radius: var(--border-radius-round);
}
.filter-controls .nav-tabs > li > a,
.filter-controls .nav-tabs > li.active {
  border: 1px solid var(--color-primary-40);
  color: white;
  border-radius: var(--border-radius-round);
}
.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);
}
.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-bg-02);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  font-family: inherit;
  background-color: var(--color-primary-100);
  border: 0;
  border-radius: var(--border-radius-sm);
}
.ultimo-minuto-container .nav-tabs > li.active,
.most-played-container .nav-tabs > li.active {
  background: none;
  border-radius: var(--border-radius-sm);
}
.ultimo-minuto-container .panel-body .tab-content {
  padding: var(--padding-md) 0;
  background: var(--color-bg-01);
}
.last-minute-card-item {
  padding: var(--padding-md) var(--padding-sm);
  margin: var(--margin-xs);
  background-color: var(--color-bg-03);
  font-size: var(--font-size-sm);
  border-radius: var(--border-radius-md);
  height: 100%;
}
.last-minute-card-item .row-partita {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  height: 100%;
}
.last-minute-card-item .row-partita .matchCatTour {
  font-size: var(--font-size-xs);
}
.last-minute-card-item .row-partita .tempo-partita,
.last-minute-card-item .titolo-partita .matchCatTour {
  display: block;
  margin-bottom: var(--margin-xs);
}
.last-minute-card-item .titolo-partita .match {
  display: block;
  margin-bottom: var(--margin-md);
  color: white;
  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(--color-primary-100);
}
.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:hover{
  font-size: var(--font-size-sm);
}
.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-md);
  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(--color-bg-03) !important;
  width: 100%;
  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;
}
.outcomeContainer li .btn-odd-rank.activated {
  background: var(--color-primary-100) !important ;
}
.quote_btn.activated {
  border-color: var(--color-primary-100) !important;
  color: var(--color-bg-02);
  width: 100%;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
.outcomeContainer li .btn-odd-rank:active {
  border-color: var(--color-primary-100);
}
.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: none;
}
.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-100);
}
.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(--color-bg-02);
  padding: 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;
}
.palinsesti-container .main-palinsesti ul.pal-container {
  background: var(--color-bg-03);
  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;
}
.palinsesti-container .main-palinsesti .pal-container .checkbox > label {
  overflow: visible;
  text-overflow: unset;
  white-space: normal;
}
.palinsesti-container div.checkbox:hover label,
.palinsesti-container div.checkbox:active label,
.palinsesti-container div.checkbox:focus label {
  color: var(--color-primary-20);
}

.palinsesti-container .main-palinsesti .checkbox input[type="checkbox"] {
  position: static;
}
.checkbox-list .checkbox,
.form .checkbox {
  margin-top: 0;
}
.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 white;
  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 {
  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: white;
}*/

/* Il wrapper per il checkbox */
.custom-checkbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  margin: 0 var(--margin-xs) 0 0;
}

/* Nascondi il checkbox nativo */
.custom-checkbox input.championship-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-primary-100);
  border-radius: 0.25rem;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  margin: 0;
  z-index: 2; /* Può restare sopra, oppure puoi nasconderlo completamente con opacity: 0; se gestisci tutto via lo span */
}

/* Lo span che disegna il checkbox */
.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  pointer-events: none;
  transform: scale(0.6);
}

/* Stato checked: mostra il segno di spunta */
.custom-checkbox input.championship-checkbox:checked + .checkmark::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  background-color: var(--color-secondary-text);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: translate(-50%, -50%);
  display: block;
}


.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(--color-secondary-text);
}
#coupon-footer .accetta {
  background: none;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
}
#coupon-footer .accetta label {
  text-transform: none;
  justify-content: center;
  padding: var(--padding-md);
  color: var(--main-menu-color-text);
  font-weight: var(--font-weight-medium);
}
#coupon-footer .accetta.checkbox input[type="checkbox"]{
  border-color: var(--main-menu-color-border);
}
#coupon-footer .accetta.checkbox input[type="checkbox"]::before{
  background: var(--main-menu-color-bg);
}
/*Modale*/
.modal.in .modal-dialog {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  margin: 0;
}
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);
}
.modal-content {
  background: var(--main-menu-color-bg);
  padding: var(--padding-md);
}
.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 {
  color: #fff;
  float: none;
}
.modal-header button.close svg path {
  fill: black;
}
.modal-header button.close {
  position: absolute;
  top: 0;
  right: 0;
}
.modal-header button.close .close {
  width: 30px;
  height: 30px;
  opacity: 1;
  text-shadow: none;
}
div.windowquote div.modal-header span.modal_event_odds_championship,
div.modal div.modal-header span.modal_event_odds_championship {
  padding: 0;
  display: block;
  width: 90%;
  text-wrap: auto;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
}
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;
  display: block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  margin: 0;
  border-bottom: 1px solid;
}
div.windowquote div.modal-header,
div.modal div.modal-header,
.modal-header .modal-title {
  padding: 0;
  font-size: var(--font-size-lg);
  background: none;
  position: relative;
  /* margin-bottom: var(--margin-md); */
  text-align: left;
  font-weight: 700;
}
.select2-container--default .select2-selection--single {
  border: 0;
  background: var(--color-bg-02);
  height: auto;
  min-height: 44px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  /* padding: var(--padding-sm) calc(var(--padding-lg) + 16px) var(--padding-sm) var(--padding-lg); */
  /* font-size: var(--font-size-sm); */
  /* font-weight: var(--font-weight-medium); */
  color: white;
  line-height: normal;
  background: var(--color-bg-03);
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: var(--color-primary-100) 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(--color-neutral-40);
  border: 0;
}
.select2-results__option,
.select2-search--dropdown {
  font-size: var(--font-size-sm);
  padding: var(--padding-xs) var(--padding-sm);
}
.livePage .select2-results__option {
  font-size: var(--font-size-sm) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  min-height: 40px;
}
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-md);
}
div.windowquote div.modal-body div.panel,
div.modal div.modal-body div.panel {
  /* background: var(--color-neutral-30); */
  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: #fff;
  border-bottom: 1px solid #aaa;
  margin: 0;
  padding: var(--padding-sm);
}
div.windowquote div.panel-body ul,
div.modal div.panel-body ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.5em;
}
div.windowquote div.panel-body ul li div.moreOddContainer,
div.modal div.panel-body ul li div.moreOddContainer {
  width: 100%;
  margin: 0;
  padding: var(--padding-xs) 0;
}
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: none;
  color: black;
  padding: 0;
  margin-bottom: var(--margin-xs);
}
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: var(--color-bg-03) !important;
  color: white;
  font-weight: var(--font-weight-regular);
  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(--color-primary-100) !important;
  border: 2px solid var(--color-primary-100) !important;
}

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

.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;
}
.cont_quotes {
  background: none;
}
.cont_quotes.btn-group.macro-market-button-section {
  border: 0;
  background: none;
  display: block;
  margin-bottom: var(--margin-md);
}
.text_sport_centrale {
  margin: 0;
  font-family: inherit;
  font-size: var(--font-size-md);
  text-transform: none;
}
.box-heading {
  display: flex;
  color: white;
  padding: var(--padding-md) 0;
  font-weight: var(--font-weight-bold);
}
.heading-sport-name {
  border-right: 1px solid var(--color-bg-03);
}
.heading-sport-name,
.heading-sport-category,
.heading-sport-actions {
  padding: var(--padding-sm);
}
.img_category_menu {
  float: none;
  margin: 0 var(--margin-xs) 0 0;
}
.cont_quotes.btn-group.macro-market-button-section,
.cont_quotes.btn-group.gruppiBottoniquote {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-bottom: var(--margin-lg);
}
.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-color: var(--button-color-secondary-bg);
  color: var(--button-color-secondary-text);
  border: 0;
  margin: 0;
  width: auto;
  height: auto;
  font-weight: var(--font-weight-regular);
  border-radius: var(--border-radius-md);
}
.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(--button-color-tertiary-text);
  background: var(--button-color-bg);
}
.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(--button-color-bg);
  color: var(--button-color-tertiary-text);
  border-radius: var(--border-radius-md);
  font-weight: var(--font-weight-medium);
}
.contenitore-quote .btn {
  padding: var(--padding-sm) var(--padding-md) var(--padding-sm)
    var(--padding-md);
}
.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: inherit;
  line-height: normal;
  width: auto;
  height: auto;
}
.dropdown-menu {
  background-color: var(--drop-down-color-bg);
  color: var(--drop-down-color-text);
}
.dropdown-menu > li > a {
  color: var(--drop-down-color-text);
  padding: var(--padding-xs);
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: var(--drop-down-color-bg);
  color: var(--drop-down-color-text);
}
/* Popover */
.popover {
  background: var(--drop-down-color-bg);
  color: var(--drop-down-color-text);
  border: 0;
  padding: var(--padding-sm);
  font-family: var(--body-font-family);
}
.popover.bottom > .arrow:after,
.popover.bottom > .arrow:before {
  border-bottom-color: var(--drop-down-color-bg);
}
.popover-title {
  background-color: transparent;
  border: 0;
}
.popover-content {
  font-size: var(--font-size-sm);
}
/* 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: var(--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);
  color: #777;
}
/* modified by mk previous 100% */
.sweet-alert .confirm {
  width: 50%;
}
/* modified by mk previous not exist*/
.sweet-alert .cancel {
  width: 50%;
  color: #777;
}
/* modified by mk previous not exist*/
.sweet-alert p {
  display: flex;
}
/* Area utente */
.list-group {
  display: flex;
  align-items: center;
  margin: var(--margin-lg) 0;
  border-bottom: 1px solid var(--color-bg-03);
}
.space-between {
  justify-content: space-between;
}
.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); */
  font-size: 1em;
}
.list-group-item,
.list-group-item:last-child {
  margin-bottom: -2px;
}
a.list-group-item,
button.list-group-item {
  color: white;
}
.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: transparent;
  border-color: var(--button-color-border);
  color: var(--button-color-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);
  background-color: var(--color-bg-01);
  margin: 0;
}
.form-group .form input {
  margin-bottom: 0;
}
.form-control {
  border: 0;
  background-color: transparent;
}
.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 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-neutral-50);
  text-transform: capitalize;
}
.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: white;
  background-color: var(--color-neutral-80);
  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: black;
}
.top_blk {
  min-height: 400px;
}
.top_blk .title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  margin-bottom: var(--margin-lg);
}
#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 {
  margin-right: var(--margin-lg);
}
.legendascommesse table,
#tabella_messaggi,
.iconLegend{
  color: white;
  font-size: var(--font-size-2xs);
}
.legendascommesse table tr td,
#tabella_messaggi tr td,
.iconLegend span{
  padding: var(--padding-xs);
  background: transparent;
}
#tabella_messaggi tr td {
  background: var(--color-bg-03);
}
.legendascommesse table tr td img,
.legendascommesse .form-group img {
  width: 14px;
  height: 14px;
  background-size: cover;
  margin-right: 4px;
}
#tabella_messaggi tr td img {
  width: 24px;
  height: 24px;
}
.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(--color-bg-02);
  border: 1px solid var(--color-bg-03);
  color: white;
  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(--color-bg-03);
  border-color: var(--color-bg-02);
  vertical-align: middle;
  color: white;
  padding: var(--padding-xs);
  line-height: 1.2;
}
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 {
  
}
.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: white;
  font-weight: var(--font-weight-regular);
}
table.dataTable.no-footer {
  border-bottom: 0;
}
.contenuto_tab table > tbody > tr > td {
  /*background-color: transparent;*/
  padding: var(--padding-sm) var(--padding-sm) var(--padding-sm) 0;
}
.contenuto_tab table {
  margin-bottom: var(--margin-lg);
}
.tabella_report,
#tabella_messaggi td {
  color: white;
}
.dataTables_length select {
  margin: 0;
  max-width: 90px;
}
.dataTables_wrapper {
  margin: var(--margin-xl) 0;
  border-bottom: 1px solid var(--color-bg-03);
}
.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: white;
  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-lg) 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(--color-primary-100);
  color: white !important;
  border-color: var(--color-primary-100);
  border-radius: var(--border-radius-xs);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: white !important;
}

.nav-tabs > li > a,
.nav-tabs > li.active {
  background: none;
  color: white;
  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(--color-primary-100);
  border-width: 0 0 1px 0;
  border-color: var(--color-primary-100);
  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-md);
}
.top_blk .nav-tabs {
  gap: 0;
}
.top_blk .nav-tabs > li > a {
  height: auto;
}
.top_blk .panel-default > .panel-heading {
  background: none;
  color: white;
  font-size: var(--font-size-xl);
  margin-bottom: var(--margin-md);
}
.top_blk .tab-content {
  margin: var(--margin-xl) 0;
}
#depositi .d-grid {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1em;
}
.top_blk .panel-body {
  padding: 0;
}
.top_blk .panel-body p.message {
  color: white;
  font-size: var(--font-size-sm);
}
.top_blk .form-group {
  width: 100%;
}
#depositi .d-grid-item {
  background-color: var(--color-bg-03);
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: var(--padding-xs);
  border-radius: var(--border-radius-xs);
  text-align: center;
  justify-content: space-between;
  gap: 1em;
}
#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: white;
  font-weight: var(--font-weight-regular);
}
.paymentValue {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.paymentImg {
  width: 50%;
}
.paymentImg img {
  max-width: 100%;
}
.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);
}

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

.importo-number.quota_totale_coupon,
input.importoPerComb,
input.importoTotale_integrale {
  min-height: 30px;
  border-radius: 0 !important;
  background: var(--color-bg-02);
  color: white;
  border: 1px solid white !important;
  margin: 0 !important;
}
.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-main a {
  color: var(--color-bg-02);
  text-transform: capitalize !important;
}
.cupon-bottom-main.col-sm-12 {
  margin-bottom: 20px;
}
#topCoupon .cupon-middle-main:last-child {
  /* border-bottom: 1px solid #000; */
}
#coupon-footer {
  background: var(--color-bg-02);
}
.cupon-sviluppa a {
  color: var(--color-primary-100);
}
.cupon-annulla a {
  color: white;
}
/* VIRTUAL CASINO */
.casino-page .title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: white;
}
.menuCasino-container .nav-tabs {
  background: none;
  padding: 0;
  margin: var(--margin-xl) 0 var(--margin-lg) 0;
}
.menuCasino-container .nav-tabs > li > a {
  padding: var(--padding-sm) var(--padding-lg);
  background-color: var(--casino-button-color-bg);
  color: var(--casino-button-color-text);
}
.menuCasino-container .nav-tabs > li.active > a,
.menuCasino-container .nav-tabs > li > a:hover {
  background-color: var(--casino-button-color-active-bg);
  color: var(--casino-button-color-active-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(--color-bg-02);
}
.casino-filter-block .port-box:hover .box-img img,
.port-box:hover .box-img img {
  box-shadow: 0 0 0 1px var(--color-primary-100);
}
.casino-filter-block button,
.port-box button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  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: 1px;
  /*padding-left: var(--spacing-viewport);*/
  /*padding-right: var(--spacing-viewport);*/
  border: 0;
}
.tabGenerale {
  display: inline-flex;
  padding: var(--padding-xs) 0;
}
.tabGeneraleUL li .tabGenerale a {
  padding: var(--padding-md);
  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 {
  background: var(--color-primary-100);
  color: var(--color-bg-02);
}
.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(--color-neutral-50);
  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.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(--color-neutral-10);
  font-weight: var(--font-weight-regular);
  text-align: center;
  padding: var(--padding-md) 0;
}
li.most-played-more {
  /*margin-left: 20px !important;*/
}
/* Live Betting */
.livePage .sport_header {
  font-family: inherit;
  background: var(--color-black);
}
.livePage .sport_header .sport_selector > div {
  font-weight: var(--font-weight-regular);
}
.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: var(--padding-md);
  padding-bottom: var(--padding-md);
}
.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 .sport_selector_container {
  margin-bottom: 0;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}
.livePage .sport_header .sport_selector {
  font-size: var(--font-size-md);
  padding: var(--padding-md);
  gap: 2px;
}
.livePage .sport_header .sport_count {
  background: none;
  color: white;
  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;
  margin: 0;
  padding: var(--padding-md) 0;
}
.livePage .sport_header .liveoverview_filter_input {
  height: auto;
  margin: 0;
}
.livePage .sport_header .sport_header_row1 {
  width: 100% !important;
  display: flex;
  flex-direction: column;
}
.livePage .sport_table .sport_header {
  background: var(--live-color-bg);
}
.livePage .sport_table .sport_header,
.livePage .sport_table .sport_header .wrap {
  display: flex;
  align-items: center;
}
.livePage .sport_table .sport_header .wrap .sport_lable {
  font-family: var(--body-font-family);
  color: white;
  font-size: var(--font-size-lg);
  text-transform: uppercase;
  margin-right: var(--margin-md);
  font-weight: var(--font-weight-medium);
}
.livePage .sport_table .sport_header .wrap select {
  background: var(--color-bg-01);
  margin: 0;
  color: var(--color-primary-100);
}
.livePage .sport_header .liveoverview_filter_container {
  padding: var(--padding-md) 0;
}
.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-table-color-bg); */
  background-color: var(--color-bg-03);
  padding-top: var(--padding-md);
  padding-bottom: var(--padding-md);
  border: 0;
}
.livePage .sport_table .category_header .category_lable {
  font-family: var(--body-font-family);
  font-size: var(--font-size-md);
  text-transform: uppercase;
  font-weight: var(--font-weight-medium);
}
.livePage .sport_table .category_container,
.livePage .sport_table .category_body {
  background: var(--live-table-color-bg);
}
.livePage .sport_table .match_info_container {
  padding-top: var(--padding-sm);
  padding-bottom: var(--padding-sm);
}
.livePage .sport_table .match_info_container:last-child {
  border-bottom-color: var(--live-table-color-bg);
  color: var(--live-table-color-text);
}
.livePage .sport_table .odd_container {
  /* margin-bottom: var(--margin-md); */
  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);
}
.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;
}
.livePage .sport_table .match_info_container > div {
  border-bottom: 0;
  /* gap: 4px; */
  gap: 0px;
}
.livePage .sport_table .odd_market_body_DYNAMIC .odd_outcome,
.livePage .sport_table .odd_market_body_DYNAMIC .odd_value {
  width: 100%;
  padding: var(--padding-xs) 0;
  text-align: center;
  font-family: var(--body-font-family);
  font-size: var(--font-size-sm);
  transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
}
.livePage .sport_table .odd_market_body_DYNAMIC .odd_outcome {
  background: var(--live-table-color-quote);
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
  font-size: var(--font-size-2xs);
  text-transform: uppercase;
}
.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(--live-table-color-bg); */
  background: var(--color-bg-03);
  color: var(--live-table-color-text);
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
}
.livePage .sport_table .odd_market_label {
  background: none;
  font-size: var(--font-size-2xs);
  text-transform: uppercase;
  padding: var(--padding-xs) 0;
  height: auto;
  border-bottom: 0;
}
.livePage .sport_table .match_result:last-child .awayteam_results,
.livePage .sport_table .match_result:last-child .hometeam_results {
  border-left: 0;
}
.livePage .sport_table .match_result:last-child,
.livePage .sport_table .match_result.gamescore {
  color: var(--color-primary-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: white;
}
.livePage .sport_table .odd_market_body button:hover .odd_outcome,
.livePage .sport_table .odd_market_body button:active .odd_outcome {
  background: var(--color-primary-100);
  color: var(--color-bg-02);
}
.livePage .sport_header .category_selector {
  padding: 0 var(--padding-md) var(--padding-md) var(--padding-md);
  margin: 0 0 var(--margin-xs) 0;
  border-bottom: 0;
}
.livePage .sport_header .category_selector_container {
  flex-wrap: wrap;
}
.livePage .sport_header .category_selector:first-child {
  margin-left: 0;
}
.livePage .sport_header .category_selector > .category_name {
  font-size: var(--font-size-md);
}
.livePage .sport_header .category_selector:hover > .category_name {
  color: var(--color-primary-100);
}
.livePage .sport_header .sport_selector:hover,
.livePage .sport_header .sport_selector:active {
  background: var(--color-primary-100);
  color: var(--color-bg-02);
  border-radius: var(--border-radius-sm);
}
.livePage .sport_header .sport_selector:hover .sport_count,
.livePage .sport_header .sport_selector:active .sport_count {
  color: var(--color-bg-02);
}
.blinkup {
  background-image: linear-gradient(
    transparent,
    transparent 50%,
    #3ba60a 50%,
    #d7f205
  );
  border-radius: var(--border-radius-sm);
}
.blinkdown {
  background-image: linear-gradient(
    #ff3b3b,
    #ff7373 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-neutral-40);
  color: var(--color-neutral-70);
}
.livePage .sport_table .bet_stop_container .bet_stop_message {
  font-size: var(--font-size-sm);
  color: var(--color-primary-100);
  gap: var(--spacing-xs);
  padding: 0 var(--padding-xs);
}
.livePage .verifica-text #formCouponTemp {
  color: white;
}
#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(--color-bg-03);
  padding: var(--padding-sm);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}
.livePage .minEspWid img,
.livePage .minEspStat img {
  margin-left: var(--margin-xs);
}
div#dati-footer .cupon-middle-bottom .cupon-middle-head {
  margin-bottom: var(--margin-sm);
}
.verifica {
  border: 0;
}
.cupon-main-num-center {
  min-width: inherit;
}
.cupon-main-num-right {
  max-width: inherit;
  text-align: left;
}
#coupon-footer .accetta label {
  font-size: var(--font-size-sm);
}
.livePage .verifica-text {
  background: none;
  float: none;
}
.livePage .verifica-text.infoScoreMatch {
  display: flex;
  width: 100%;
}
.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 .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(--color-primary-100);
}
.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);
}
.livePage .verifica-text.infoScoreMatch .hometeam-name,
.livePage .verifica-text.infoScoreMatch .awayteam-name {
  text-align: left;
  padding: var(--padding-xs) 0 var(--padding-xs) var(--padding-xs) !important;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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) 0 var(--padding-xs) var(--padding-xs) !important;
  margin: 0;
}
.livePage .verifica-text.infoScoreMatch .title-tab + .title-tab {
  display: block;
}
.livePage.eventView .containerLive .live-eventview,
.livePage.eventCalendar .containerLive .live-calendar {
  height: 100%;
}
.livePage.eventView .groupButtonMarket {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  padding: var(--padding-lg) 0;
}
.livePage.eventView .btn.liveButtonStyle {
  font-family: inherit;
  width: auto;
  height: auto;
  min-width: inherit;
  background: var(--color-bg-03);
  padding: var(--padding-md);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
}
.livePage.eventView .btn.liveButtonStyle:hover,
.livePage.eventView .btn.liveButtonStyle:active,
.livePage.eventView .btn.liveButtonStyle.active {
  background: var(--color-primary-100);
  color: var(--color-bg-02);
}
.livePage .quoteCentrali {
  background: var(--color-bg-02);
  padding: var(--padding-sm);
  border: 1px solid var(--color-bg-03);
  border-radius: 0;
  color: white;
  font-size: var(--font-size-lg);
  text-transform: uppercase;
  border: 0;
}
.livePage .quoteCentrali i {
  font-size: var(--font-size-xs);
}
.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral {
  width: 100%;
  float: none !important;
  height: auto;
  padding: var(--padding-xs);
}
.livePage .quoteCentrali span:first-child,
.livePage .quoteCentrali span {
  font-family: inherit;
  font-weight: var(--font-weight-medium);
  color: white;
}
.livePage .containerLive > .sports-main-right {
  height: auto;
}
.livePage .table > tbody > tr > td {
  background-color: var(--color-bg-01);
  padding: 4px;
  border: 0;
}
.livePage .contenitoreQuote {
  background: none;
  margin-bottom: var(--margin-lg);
}
.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral {
  font-family: inherit;
  background: var(--color-bg-03) !important;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  border: 0;
}
.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(--color-primary-100) !important;
  color: var(--color-bg-02);
}
.noOddsMacroButton {
  color: white;
}
.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(--color-bg-03);
}
.livePage.eventView .sports-main-left {
  margin: 0;
  padding: var(--padding-md);
}
.livePage .sports-main-left * {
  font-family: inherit;
  float: none;
  border: 0;
  font-size: var(--font-size-sm);
}
.livePage.eventView .sports-main-left .search_event .btn-group,
.livePage.eventView .sports-main-left .discipline_live {
  background: var(--color-bg-02);
}
.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: white;
  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-sm);
}
.livePage #liveNow li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  background-color: var(--color-bg-02);
}
.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(--color-bg-01);
  border-bottom: 1px solid var(--color-bg-01);
}
.livePage #liveNow li a:hover,
.livePage #liveNow li ul a.category_print:hover {
  background-color: var(--color-primary-100);
}
.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(--color-bg-01);
}
.livePage #liveNow li a.link_eventi_live::after {
  display: none;
}
.livePage #liveNow .sub-menu-tournament li a {
  color: var(--color-tertiary-text);
  border-bottom: 1px solid var(--color-bg-03);
  background-color: var(--color-bg-03);
  border-right: var(--spacing-xs) solid var(--color-bg-02);
  border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
}
.livePage #liveNow .sub-menu-tournament li a.attivaMatch {
  border-right-color: var(--color-primary-100);
}
.livePage #liveNow .sub-menu-tournament li a .boxInterno {
  font-size: var(--font-size-xs);
  width: 100%;
  padding: 0;
}
.livePage #liveNow .sub-menu-tournament li {
  border-width: 0 0 1px 0;
  border-color: var(--color-bg-01);
}
.livePage #liveNow .sub-menu-tournament li a .rigaNazioneTorneo span {
  font-size: var(--font-size-xs);
  font-style: italic;
  color: var(--color-secondary-text);
}
.livePage #liveNow .sub-menu-tournament li a .rigaNazioneTorneo .fav-game-star {
  float: right !important;
}
.livePage .sports-main-left .rigaNazioneTorneo,
.livePage .sports-main-left .rigaTeam {
  /* margin-bottom: var(--margin-sm); */
}
.livePage .sports-main-left .boxInterno .rigaTeam {
  margin-bottom: var(--margin-sm);
}
.livePage .sports-main-left .boxInterno .rigaRisultato {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: none;
}
.livePage .sports-main-left .boxInterno .rigaRisultato .currentResult {
  color: var(--color-tertiary-text);
  font-size: var(--font-size-sm);
  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 .sports-main-left .boxInterno .rigaRisultato .currentTime {
  display: flex;
  gap: var(--spacing-xs);
}
.livePage .sports-main-left .boxInterno .rigaRisultato .currentTime span:first-child:after {
  content: "'";
}
/* .livePage .sports-main-left .currentResult {
  color: var(--color-primary-100);
  font-size: var(--font-size-sm);
} */
.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(--color-bg-01);
}
.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(--color-bg-03);
}
.livePage .table > tbody > tr > td {
  padding: var(--padding-sm);
}

/*coupon trash alt */
#cupon .fa-trash-alt {
  font-size: 11px;
  color: #ffffff;
}

.stileLegenda {
  color: #ffffff;
}
.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 #ccc;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  background: transparent;
}
.checkbox input[type="radio"]:checked {
  border-color: #ffffff;
  background-color: transparent;
}
.checkbox input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 5px;
  height: 5px;
  background-color: #ffffff;
  border-radius: 2px;
}
.checkbox input[type="radio"]:hover {
  border-color: #ffffff;
}
.checkbox label {
  cursor: pointer;
  font-family: var(--body-font-family);
  font-size: 14px;
  color: #ffffff;
}
.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: #ffffff;
  gap: 8px;
}
.checkbox input[type="date"] {
  display: inline-block;
  margin-bottom: 0;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff;
  color: #000000;
}
.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(--color-neutral-50);
  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(--color-primary-100);
  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-bg-02);
  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: 53px;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: auto;;
}
#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: white;
}
.giroconto_popup .giro-select .select2-container {
  width: 100% !important;
}
.giroconto_popup .operationTitle {
  text-align: left;
  font-size: var(--font-size-md);
  text-transform: uppercase;
}


.home-cardGrid,
.championship_betts {
  background: var(--color-black);
}


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

#giroconto, #girocontoDiretto label, #girocontoDiretto {
  color: var(--color-white);
}

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

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





@supports (-webkit-appearance: none) {
  /* ------------- FIX ICONA CALENDARIO NON VISIBILE */
  input[type="date"]{
    position: relative;
    padding-right: 40px;
  }
  /* nasconde l’icona nativa */
  input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
  }
  /* icona personalizzata */
  input[type="date"]::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    background-image: url('../img/reshot-icon-calendar-KMX6W4BYZD.svg');
    background-repeat: repeat;
    background-position: center;
    background-size: contain;
  }
  /* ------------- FIX ICONA CALENDARIO NON VISIBILE */
}

@supports not (-webkit-appearance: none) {
  /* come gestire l’icona del calendario se non supporta -webkit-appearance? (firefox) */
}