/*CSS HANDLER */
 body { scroll-behavior: smooth;}

a:focus, a:hover, .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{
  color: #FFF;
}
.nav > li > a:focus, .nav > li > a:hover{
  color: #FFF;
}

.offer a.groupitem:hover, .offer a.groupitem:focus {
  background-color: #444;
}

.offer a.cateitem:hover, .offer a.cateitem:focus {
  background-color: #333;
}

.offer a.manitem:hover, .offer a.manitem:focus {
  background-color: #222;
}

.offer a.cateitem.opened, .offer a.cateitem:focus, .offer a.groupitem.opened, .offer a.groupitem:focus, .offer a.manitem.opened, .offer a.manitem:focus {
  background-color: #000;
  color: var(--live_active_color);;
}

.offer .container{
  width: 100%;
}

._topHeader .col-xs-12, ._topHeader .container, ._navHeader .col-xs-12, ._navHeader .container,
._preHeader .col-xs-12, ._preHeader .container, ._preHeader .col-xs-12 {
  padding: 0;
}

._topHeader .row, ._navHeader .row, ._preHeader .row {
  margin:0;
}




#main, #events, #odds {
  background-color: #444;
}

.groupitem, 
.cateitem, 
.manitem, 
.evedate, 
.evename,
.className {
  color: #fff;
}



.manilist {
  background-color: #222;
}


.eventitem .evename {
  padding: 0;
}

.groupList {
  background-color: #252525;
}

.glist {
  background-color: #000;
}
.clist {
  background-color: #222;
}
.groupitem {
  background: var(--regola_gradiente_sport);
  border-bottom: 1px solid #111;
  border-top: 1px solid #666;
  box-shadow: 0 0 2px 0 #000;
  font-weight: bold;
  text-transform: uppercase;
}

.groupitem i.zg {
  font-weight: normal;
  margin-right: 10px;
}

.groupitem i {
  font-weight: bold;
}


.catelist {
  background-color: #333;
}

.cateitem {
  border-bottom: 1px solid #444;
  border-top: 1px solid #222;
}



.cateitem.active i {
  margin: 0;
}

.nEvents, ._z_nEve {
  margin-right: 10px;
  color: #ccc;
  font-size: 12px;
  background-color: #555;
  padding: 5px;
  min-width: 35px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #666;
  line-height: 10px;
  box-shadow: 0px 0px 3px -1px #000 inset;
  float: right;
}

#navCoupon ._z_nEve {
  margin-right: 0;
}

#events .eventitem {
  background-color: #333;
  border-bottom: 1px solid #222;
  border-radius: 5px;
  border-top: 1px solid #555;
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
  box-shadow: 0 0 2px 0 #000;
}

#events .eventitem:first-child {
  margin-top: 0;
}

#events .evedate {
  background: var(--regola_gradiente);;
  border-radius: 5px 5px 0 0;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  padding: 5px;
  text-transform: uppercase;
  width: 100%;
}

.eveList, .eList {
  float: left;
  padding: 0 5px;
  width: 100%;
}

#events .evename {
  border-bottom: 1px solid #222;
  border-top: 1px solid #444;
  float: left;
  padding: 5px;
  width: 100%;
}

#events .evename:focus {
  background-color: #454545;
}

.evetime {
  color: var(--live_active_color);;
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
  width: 20%;
  text-align: right;
}
.matchName {
	float: left;
	width: 70%;
	line-height: 30px;
	text-indent: 5px;
}
.eveInfo {
	height: 30px;
	background: #111;
	border-radius: 4px;
  position: relative;
}
.eveInfo i.fa.pull-right {
	width: calc(10% - 5px);
	margin: 0;
  font-size: 20px;
	line-height: 30px;
	position: absolute;
	right: 5px;
	text-align: right;
  color: var(--colore_principale_light);;
}
.eveInfo i.fa.pull-right::before {
	content: "\f0fe";
}
.evetime i {
  margin-right: 5px;
}

.eveInfo i {
   top: 0;
}

.eveInfo {
  height: 30px;
}

#events .nav {
  padding-left: 5px;
  padding-right: 5px;
}

.def_odds {
  background-color: #3B3B3B;
  box-shadow: 0 0 10px #000 inset;
  float: left;
  width: 100%;
  border-spacing: 10px;
}

.def_odds .btn {
  background-color: #111;
  border-radius: 6px !important;
  border: 1px solid #fff;
  color: #cccccc;
  font-size: 11px;
  font-weight: bold;
  line-height: 25px;
  vertical-align: baseline;   
  padding: 0;
}
.def_odds span{
/*    display: block;
      height: 100%;
      padding: 5px*/
}

.def_odds .odd_label {
/*  border-left: 1px solid #151515;
  float: left;*/
}

.def_odds .odd_value {
	background: #fff;
	margin: 10px;
	color: #000;
	width: calc(100% - 20px);
	border-radius: 0;
	box-shadow: 0 0 3px #000 inset;
 padding: 2px;
}
.def_odds span.odd_label, #event_odds .odd_label {
  color: var(--live_active_color);;
}

.def_odds .btn:first-child .odd_label {
  border-left: none;
}

.def_odds .btn:last-child .odd_value {
  border-right: none;
}

.oddsList {
  margin: 0;
}

.oList {
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  list-style: outside none none;
  padding: 0;
}

#odds {
  float: left;
  width: 100%;
}

#odds fieldset {
  background-color: #3B3B3B;
  border-radius: 5px;
  box-shadow: 0 0 10px #111 inset;
  margin: 5px;
}

#odds .btn {
	background-color: #111;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #fff;
	line-height: 25px;
	padding: 0 0 10px 0px;
	width: 100%;
}
.oddsList .btn-group-justified {
	border-spacing: 10px;
}
#odds button span {
  display: block;
  font-size: 11px;
  padding: 5px;
}

#odds .btn.selected {
  /*background-color: var(--live_active_color);;*/
}
#odds .btn.selected span{
  /*color: #222;*/
}

#odds .btn.selected span.odd_value, .def_odds .btn.selected span.odd_value {
  color: var(--testo_gradiente);;
  background-color: var(--colore_principale_light);;
}

.className {
  line-height: 30px;
}

.className i {
  line-height: 30px;
  margin-right: 5px;
  top: 0;
}

#odds fieldset > ul {
  padding: 0;
}

#odds fieldset > a {
  font-weight: bold;
	padding: 0 5px;
	height: 30px;
	background: #111;
	color: #fff;
	border-radius: 4px;
}


#odds .odd_label,
.def_odd .odd_label{
color: var(--live_active_color);;
}
#odds .odd_value {
	background: #fff;
	color: #000;
	margin: 0 10px;
	width: calc(100% - 20px);
	border-radius: 4px;
  }


#offertTab {
  padding: 0px;
}



#odds fieldset:first-child {
  margin-top: 0;
}


#offerNav li {
  padding: 0;
  background-color: var(--colore_principale_live);;
  border-top: 2px solid var(--colore_principale_live_light);;
  font-size: 16px;
}

#navHome {
/*  border-right: 2px solid var(--colore_principale_live_dark);;*/
}

#offerNav li.active{
  background-color: var(--colore_principale_live_dark);;
  border-top: 2px solid var(--live_active_color);;
}

#offerNav li a:hover, #offerNav li a:focus {
  background-color: inherit;
}

#offerNav li.active a, #offerNav li.active i {
  color: var(--live_active_color);;
}

#offerNav li i {
  margin-right: 5px;
  top: 0;
}

#offerNav li a {
  color: #fff;
  padding-left: 10px;
  padding-right: 5px;
}

#breadcrumb {
  width: 100%;
}

.nav_breadcrumb {
  background-color: #444;
  float: left;
  line-height: 28px;
  width: 100%;
}

#breadcrumb i {
  color: #fff;
  font-size: 13px;
}

.nav_breadcrumb .oBread_main {
  background-color: #333;
  border-bottom: 1px solid #555;
  border-top: 1px solid #222;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.nav_breadcrumb .oBread_main a {
  border-bottom: 1px solid #222;
  border-top: 1px solid #555;
  display: block;
  font-size: 12px;
  font-weight: normal;
  height: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
}

.nav_breadcrumb .oBread_odds {
  background-color: #333;
  border-top: 1px solid #222;
  margin-bottom: 5px;
  text-align: center;
  width: 100%;
}

.nav_breadcrumb .oBread_odds i {
  display: none;
}

.oBread_odds a {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  border-top: 1px solid #444;
}

.nav_breadcrumb div {
  display: inline;
  float: left;
  font-weight: bold;
  line-height: 16px;
}

.nav_breadcrumb .oBread_events {
  border-bottom: 1px solid #222;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  width: 100%;
}

.nav_breadcrumb a {
color: #fff;
}

.nav_breadcrumb #back_btn {
  background-color: #555;
  border: 1px solid #666;
  border-radius: 5px;
  float: left;
  font-size: 12px;
  margin: 10px;
  padding: 0;
  text-align: center;
  width: 50px;
}

.table {
  margin: 0;
  color: #fff;
}

.table-responsive{
  color: #fff;
}

#betBtn, #delBtn {
  border: 0 none;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  padding: 10px 20px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 4px;
}

#betBtn {
  background-color: #4c9d2a;
}

#delBtn {
  background-color: #a1272d;

}

button[data-icon="delete"] {
  background-color: #333;
  border: 0 none;
  border-radius: 4px;
  color: #a1272d;
  padding: 3px;
  width: 24px;
  float: right;
}

button[data-icon="delete"] i {
  font-size: 14px;
}

#importi_riepilogo button i {
  float: right;
  font-size: 18px;
  line-height: 25px;
}

#btn_riepilogo button {
  height: 40px;
  background-color: var(--colore_principale_live_light);;
  color: var(--testo_gradiente_live);;
  border: none;
  width: 100%;
  border-top: 2px solid var(--colore_principale_live);;
  text-transform: uppercase;
}

#btn_riepilogo button.active {
  background-color: var(--colore_principale_live_dark);;
  color: var(--live_active_color);;
  border-top: 2px solid var(--live_active_color);
}

#btn_riepilogo #mul {
}

#coupon {
  background-color: var(--colore_principale_live_dark);;
}

#coupon_odd, .coupon_info {
  text-align: right;
}

#btn_riepilogo tr td {
  padding: 0;
  width: 50%;
}

.tab-content .tab-pane{
  padding: 0
}

.coupon_info input {
  float: left;
}

.trWinInfo td span {
  display: block;
  padding: 0;
  text-align: left;
  width: 100%;
}

.coupon_info.trWinInfo td {
  font-size: 10px;
  padding-left: 8px;
  white-space: nowrap;
}

.check label {
  float: left;
  font-size: 14px;
  margin-left: 5px;
  text-align: left;
  width: 50%;
}

#coupon_stk span {
  display: block;
  float: left;
  width: auto;
}

#_z_j_colstake {
  display: inline-block;
  float: right;
  width: 65%;
}

#btn_riepilogo button[disabled=disabled] {
  cursor: not-allowed;
  background-color: #333;
  color: #888;
}


#_z_coupon_events ._z_j_codd + td {
  padding: 5px;
}

.winValue {
  color: var(--live_active_color);;
}

#coupon_win {
  color: var(--live_active_color);;
}

#coupon_winmax, #coupon_winmin {
  color: var(--live_active_color);;
}

#importi_riepilogo tbody tr:first-child {
  border-bottom: 1px solid var(--colore_principale_live);;
}

#importi_riepilogo .coupon_info.trWinInfo {
  border-bottom: 1px solid var(--colore_principale_live);;
}

._z_j_evsign {
  text-align: center;
}

._j_oddlabel {
  background-color: var(--colore_principale_live_light);;
  margin: 0 auto;
  text-align: center;
  width: auto;
  padding-left: 5px;
  color: var(--testo_gradiente_live);;
  padding-right: 5px;
}

#_z_coupon_events ._j_evename {
  padding-left: 0;
}

.thOddLabel {
  text-align: center;
}

#emptyCoupon p {
  color: #fff;
  text-align: center;
  padding-top: 10px;
}


.loader {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 10;
	text-align: center;
	display: none;
}
.loading .loader{
	display: block;
}
.loader i {
  color: #9a9a9a;
  font-size: 60px;
}

.opzagsection .col-xs-12 {
  background-color: #333;
}

#opzag_currency, #opzag_saldo {
  color: #fff;
}

.barcode {
  display: block;
  font-size: 30px;
  height: 30px;
  text-align: center;
}


/*menu dei filtri*/

.nav.groupFilterList li {
  display: inline-block;
  font-size: 30px;
}

#filterPerSport .bx-controls{
	display:none
	}
	
.nav.groupFilterList {
  background: background: var(--regola_gradiente2);
}

.nav.groupFilterList li a{
	text-align: center;
}

.nav.groupFilterList li a span {
  display: block;
  font-size: 9px;
  text-transform: uppercase;
  white-space: nowrap;
	overflow: hidden;
}

.nav.groupFilterList li a.selected, .nav.groupFilterList li a:focus{
  background-color: var(--colore_principale);;
	color: var(--testo_gradiente);
}

#filterPerSport .bx-controls-direction {
  font-size: 30px;
  left: 5px;
  position: absolute;
  top: 15px;
  width: 98%;
  z-index: 15;
}

#filterPerSport .bx-next {
  float: right;
}


/* per le classi virtuali */
.subclasses:not(:empty) {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  /*background-color: #222;*/
  clear: both;
}
#vclasses a{
  color: #fff;
  line-height: 30px;
}
#vclasses a.active{
 color: #fff;  
}
#vclasses .row > a {
	background-color: #222;
	margin-bottom: 4px;
}
#vclasses .subclasses a {
	background: #555;
	margin-bottom: 1px;
}
#vclasses .subclasses a:last-child {
	margin-bottom: 20px;
}
#subclasses a{
  color: #ccc;
  line-height: 30px;
  text-transform: uppercase;
}

#currclass{
  color: #fff;
  clear: both;
}

.btn.class_title {
	display: none;
}

#slideMex {
	position: fixed;
	top: 0;
	background: var(--regola_gradiente);
	color: var(--testo_gradiente);;
  display: none;
	width: calc(100% - 100px);
	text-align: center;
	margin: 0 50px;
	border-radius: 0px 0px 10px 10px;
	line-height: 30px;
	font-weight: bold;
	box-shadow: 0 0 10px #111;
	z-index: 999;
	height: 30px;
}

/* combo tabs in sport (grid)*/
#class_list #vclasses {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    column-gap: 3px;
}

#vclasses .row {
    padding-left: 15px !important;
    padding-right: 15px !important;
    position: relative;
}

    #vclasses .row .vclassitem {
        height: 90%;
    }

#vclasses .active {
    background: lightgrey !important;
    color: black !important;
}

.subclasses a {
    background: #555;
    margin-bottom: 1px;
    color: white;
    padding: 0.5rem;
}

.container-fluid:before {
    content: none !important;
}