#matchlist .trmatch td{padding: 0}
/* .trmatch a.url{display: block; padding:7px 0;color:#141412;}
.trmatch a.url:hover{color:#4098D8;text-decoration:none;}
.trmatch a.url:hover span.btn_buy,
.trmatch a.url:hover span.btn_info{background-color: #1e5c8a;}
.trmatch a.url span.btn_buy,
.trmatch a.url span.btn_info{margin:0 0 0 7px;padding:0 0.5em;font-size:1em;font-weight:400} */

#matchlist .trmatch td a{display: block; padding:7px 0;color:#141412;}
#matchlist .trmatch td a:hover{color:#4098D8;text-decoration:none;}
#matchlist .trmatch td a:hover span.btn_buy,
#matchlist .trmatch td a:hover span.btn_info{background-color: #1e5c8a;}
#matchlist .trmatch td a span.btn_buy,
#matchlist .trmatch td a span.btn_info{margin:0 0 0 7px;padding:0 0.5em;font-size:1em;font-weight:400}

.trmatch td.matchinfo {width:250px;}
.trmatch .additionalinfo{color:#888;font-size:0.9em;}
#matchlist .pricefrom,#matchlist .priceavailsoon {
    float: right;
    font-size: 0.7em;
    padding: 0;
    margin: 0;
    text-align: right;color:#666;
    width: auto;text-transform:none;font-weight: 400;
}
#matchlist .pricefrom span {
    font-size: 1.3em;font-weight: 700;
    color: #004b95;
}

#matchlist .priceavailsoon {
   line-height:2.9;
}
#matchlist .pricefrom {
   line-height:2.2;
}
#matchlist .fix {
   margin-top:0px;
}


@media screen and (max-width:450px){

  #matchlist .pricefrom, #matchlist ul .priceavailsoon {
    margin:0 0 5px;
  }
}

#matchlist tr.fixtures td{padding: 0}
#matchlist tr.fixtures a{display: block; padding:4px 0;color:#141412}
#matchlist tr.fixtures a:hover{color:#4098D8;text-decoration:none;}
#matchlist tr.fixtures a:hover span.btn_buy,
#matchlist tr.fixtures a:hover span.btn_info{background-color: #1e5c8a}
#matchlist tr.fixtures a span.btn_buy,
#matchlist tr.fixtures a span.btn_info{margin:2px 0 0 7px;padding:0 0.5em;font-size:1em;font-weight:400}
#matchlist tr.fixtures a span.zecomp{line-height:1;font-size:0.9em;font-weight:400; text-transform: none;display: block;color:#888;float:left; clear:right;}
 
tr.fixtures td.matchinfo {width:250px;}
tr.fixtures .additionalinfo{color:#888;font-size:0.9em;}

#matchlist img.logocomp{background:none repeat scroll 0 0 rgba(255,255,255,0.7);border:0 none;height:20px;margin:-2px 3px 0 0;padding:0;text-align:center;width:20px;overflow:hidden}
#groupfilter{font-size: 16px;}
table.fixtures tr:first-child td{border-top:none;}
table.fixtures tr td:nth-child(1){text-align:right}
table.fixtures tr td:nth-child(5){text-align:left}
table.fixtures tr td:nth-child(1),
table.fixtures tr td:nth-child(5){font-size:15px;width:35%}
table.fixtures tr td:nth-child(2),
table.fixtures tr td:nth-child(4){width:7%}
table.fixtures tr td:nth-child(3){width:16%;font-size:16px;text-align:center;font-weight:700}
table.fixtures tr:nth-child(3n) td:nth-child(1){font-size:12px;background:#fafafa none repeat scroll 0 0}
table.fixtures tr:nth-child(3n+1) td:nth-child(1){padding-top:35px}
table.fixtures h3{margin:5px 0;border-top:0;text-align:left}
table.fixtures .result_direct{margin:5px 0;border-top:0;text-align:center; font-weight:700;display:block;}
.blink {animation: blinky 2s ease infinite;}
 @keyframes blinky {0%   { color:inherit} 49%   { color:inherit}50%  { color:#fff;}100% { color:#fff;}}
 .dash{display:inline-block}
 
 #matchlist .calendartdh3,
 #matchlist.calendar .calendartdh3,
 #matchlist.calendarwc .calendartdh3{background:#fff;padding:3px;border-bottom:2px solid #185C8A;margin:20px 0 0; font-size:1.5em; font-weight:bold;}
 #matchlist .summary{-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;font-size:1em;font-weight:700;text-transform:uppercase;display:block}
 #match-info p{font-size:.9em;font-style:italic;margin-top:6px}
 td.matchinfo{width:240px; font-size:0.9em;}
 #matchlist td.tdmonthlydate{padding:0;vertical-align:bottom}
 #matchlist td.tdmonthlydate div{color:#185c8a;padding:15px 0 0;display:block}
 #matchlist .trmatch{border-bottom:1px solid #eee}
 #matchlist .trmatch:nth-child(2n+1){background:#fafafa}
 #matchlist.calendar .trmatch:nth-child(2n+1),
 #matchlist.calendarwc .trmatch:nth-child(2n+1),
 #matchlist tr.fixtures:nth-child(2n+1){background:#fafafa}
 #match-info p{font-size:.9em;font-style:italic;margin-top:6px}
 #matchlist td{border-width:0;vertical-align:middle;padding:6px 0 6px 5px}
 tr.monthlydate{font-size:1.4em;margin:0;text-transform:uppercase;background:#fff;border-bottom:2px solid #185c8a}
 
 @media screen and (max-width: 767px){
   #matchlist{font-size:1em;}
   #matchlist .trmatch .additionalinfo{display:none;}	
   #matchlist tr.trmatch .summary{text-align:left;font-size:1em;display:block;width:100%;padding:0 2px;margin:0;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none; font-size:1em;float:left}
   .matchinfo{width:100%;text-align:left}
   .matchinfo .date{font-size:1em;font-weight:400}
   #matchlist tr td.matchinfo{width:100%;float:left;padding:0;line-height:1.4;}
   .additionalinfo{display:none}
   #matchlist tr.trmatch{border-bottom:1px dotted #ddd !important}
   #matchlist tr.fixtures .additionalinfo{display:none;}	
   #matchlist tr.fixtures td.matchinfo{width:100%;}
   #matchlist tr.fixtures .summary{text-align:left;font-size:1em;display:block;width:100%;padding:0 ;margin:0;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none; font-size:1em;float:left}
   #matchlist tr.fixtures{border-bottom:1px dotted #ddd !important}	
   #matchlist tr.tr_date td{text-align: center;border-bottom:1px dotted #ccc}
 }
 
 @media only screen and (max-width :568px){
   .widget ul a,.widget #menu-classements-ligues a,#menu-euro-2016-main-menu a,.widget #menu-top a,.widget #menu-ligue-1-sidebar a,.widget #menu-la-liga-sidebar a,.widget #menu-premier-league-sidebar a,.widget #menu-bundesliga-sidebar a,.widget #menu-serie-a-sidebar a,.widget #menu-wc-2018-eliminatoires a,.widget #menu-wc-2018-main-menu a{font-size:.9em}
   /* tr.fixtures a.url{padding:2px 0;} */
   #matchlist tr.fixtures a{padding:2px 0;}
   #matchlist .calendartdh3,
 #matchlist.calendar .calendartdh3,
 #matchlist.calendarwc .calendartdh3{font-size:1.3em;}
 }
 @media only screen and (max-width :450px){
   #matchlist .calendartdh3,
 #matchlist.calendar .calendartdh3,
 #matchlist.calendarwc .calendartdh3{font-size:1.1em;}
   
   #matchlist .trmatch td a{line-height:1}
   #matchlist .trmatch td a span.btn_buy,
   #matchlist .trmatch td a span.btn_info{padding:0.5em;}
   
   #matchlist tr.fixtures a{line-height:1}
   #matchlist tr.fixtures a span.btn_buy,
   #matchlist tr.fixtures a span.btn_info{padding:0.5em;}
   #matchlist tr.fixtures a span.zecomp{margin-top:3px;}
   
   #matchlist tr.trmatch .summary,#matchlist tr.fixtures .summary{font-size:1em;}
   
   #matchlist .trmatch td a span.btn_buy,
   #matchlist .trmatch td a span.btn_info,
   #matchlist tr.fixtures a span.btn_buy,
   #matchlist tr.fixtures a span.btn_info	{font-size:0.9em;}
   .trmatch span.awayteam,	tr.fixtures span.awayteam{display:block;}
 }
 
nav.navpaginationflex{height:40px; display:block;}
nav.navpaginationnone{height:1px; display:none;}

/* 🚨 Start update: Pagination styles */
.pagination-ellipsis {
  display: inline-block;
  margin: 0 6px;
  padding: 1px 4px;
  user-select: none;
}
.pagination-controls {
  margin: 10px 0;height:40px;
  text-align: center;
}
a.pagination-link,button.pagination-btn {
  margin: 0 2px;height:32px;
  padding: 4px 8px;font-size:1em;min-width:32px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 4px;color:#444;
}

a.pagination-link:hover,button.pagination-btn:hover {
  background: #888;text-decoration: none;color:#fff;
}
a.pagination-link:focus{background: #888;text-decoration: none;color:#fff;}
a.pagination-link:active,a.pagination-link.active,button.pagination-btn.active {
  background-color: #4198d8;
  color: white;
  border-color: #4198d8;
}
a.pagination-link.active:focus{border-color: #258; background-color: #258;}

a.pagination-link:disabled,a.pagination-link:disabled:hover,
a.pagination-link.is-disabled,a.pagination-link.is-disabled:hover,
button.pagination-btn:disabled {
  opacity: 0.5;background:#fff;text-decoration:none; color:inherit;
  cursor: not-allowed;
}

a.pagination-link{font-size:0.9em;margin:0 1px;color:#777}
@media only screen and (min-width :380px){
  a.pagination-link{font-size:1em;}
}
@media only screen and (min-width :400px){
  a.pagination-link{font-size:1.1em;margin:0 2px;}
}
@media only screen and (min-width :500px){
  a.pagination-link{font-size:1.3em;}
}


select.filtersnone{display:none;}


@media only screen and (min-width :900px){
#entradas{margin:25px 0 -25px; padding:0;}
}
#filters .filters-reset{padding:0 0 20px;}
@media only screen and (min-width: 780px){
#filters div, #filters .filters-reset{padding:20px 0;}
}
#filters.filters-open {
    max-height: 500px; /* or a large enough value to contain content */
    opacity: 1;
  }
#filters.filters-closed {
    max-height: 0;
    opacity: 0;
  }
#toggleFiltersContainer{text-align: right;border-bottom: 1px solid #ccc;}

#filters{gap:10px;display: flex;    align-items: stretch;flex-direction: row;
	border:none;flex: 1 1 0;
	border-bottom:  1px solid #ccc;
	padding: 0px;
	width: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;overflow: hidden;
  max-height: 0;
  opacity: 0;
  /*transition: max-height 0.25s ease, opacity 0.25s ease;*/
}

#filters div{flex: 3 1 0;}#filters .filters-reset{flex: 1 1 0;}
#filters div.flextwo,#filters button.flextwo{flex: 2 1 0;}
#filters div.price-filter{flex: 2 1 0;}


#filters select{max-width:none;}

#filters:before {
content: "";
color: #004b95;
font-size: 1.1em;font-weight:bold;
clear: both;
float: none;
display: block;
margin-bottom: 0px;}


.selectedFilter {
  display: inline-flex;
  align-items: center;
  margin:0.3em .3rem 0.3rem 0;
  padding: 0rem .7rem;
  border-radius: 20px;
  font-size: .8rem;color:#4098D8;
  background: #fff;border:1px solid #4098D8;
}

button:active,button:focus{color: #4098D8; background:none;padding:0;}

label{text-align:left;font-weight:bold;margin-right:3px;}


.filters-toggle, .filters-reset{
	background:none;color:#185c8a;
  border: none;padding:0;
  cursor: pointer;text-decoration:underline;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.filters-toggle:hover,  .filters-reset:hover{
  color: #4098D8;background:none;
}

.filters-toggle.is-open {
  color: #1f2a4d;background:none;
}

.filters-reset[disabled],
.filters-reset.is-disabled,
.filters-reset[disabled]:hover,
.filters-reset.is-disabled:hover,
#sortselect[disabled],
#sortselect.is-disabled,
#sortselect[disabled]:hover,
#sortselect.is-disabled:hover
{
  opacity: 0.3;
  cursor: default;color:#444;text-decoration: none;
}
#sortselect[disabled],
#sortselect.is-disabled,
#sortselect[disabled]:hover,
#sortselect.is-disabled:hover{
  background-image: linear-gradient(45deg, transparent 50%, #ccc 50%), linear-gradient(135deg, #ccc 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff);
}

#sortselect{
    padding: 4px 30px 4px 6px;font-size:16px;min-width:250px;
    appearance: none;
    cursor: pointer;
    color: #000;border: 1px solid #ccc;
    background-image: linear-gradient(45deg, transparent 50%, #ccc 50%), linear-gradient(135deg, #ccc 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff);
     background-position: calc(100% - 20px) calc(1em + -2px), calc(100% - 15px) calc(1em - 2px), 100% 0px;
    background-size: 5px 5px, 5px 5px, 2.5em 3.5em;
    background-repeat: no-repeat;
    border-radius: 3px;
}
 #filters select{
	 background-image: linear-gradient(45deg, transparent 50%, #ccc 50%), linear-gradient(135deg, #ccc 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff);
	 background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0px;

  border: 1px solid #ccc;
} 
#filters select:hover, #sortselect:hover{
	background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
}
#filters select:focus, #sortselect:focus{
	background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #4098D8, #4098D8);
}
#filters select:focus, #sortselect:focus {
  outline-color: #4098D8;
  
}



/* If you’re using .filtersnone to hide individual selects */
.filtersnone {
  display: none;
}



/*Range Reset*/
#tickmarks {
  display: flex;font-size:0.85em;
  flex-direction: row;height: auto;
  overflow: hidden;
  justify-content: space-between;
}
input[type="range"] {
   -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;height:1em;
    border:none;
}
input[type="range"], datalist{width:100%;}
@media only screen and (max-width :780px){
  #filters{flex-direction: column;align-items:stretch;}
  input[type="range"], datalist{max-width:none;}

}
/* Removes default focus */
input[type="range"]:focus {
  outline: none;
}

/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
 input[type="range"]::-webkit-slider-runnable-track {
   background-color: #ccc;
   border-radius: 0.5rem;
   height: 0.5rem;  
} 

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
   appearance: none;
   margin-top: -4px; /* Centers thumb on the track */

   /*custom styles*/
   background-color: #4097d8;
   height: 1rem;
   width: 1rem;
}

input[type="range"]:focus::-webkit-slider-thumb {   
  border: 1px solid #1e5c8a;
  outline: 1px solid #1e5c8a;
  outline-offset: 0.125rem; 
}

/******** Firefox styles ********/
/* slider track */
 input[type="range"]::-moz-range-track {
   background-color: #ccc;
   border-radius: 0.5rem;
   height: 0.5rem;
} 

/* slider thumb */
input[type="range"]::-moz-range-thumb {
   border: none; /*Removes extra border that FF applies*/
   border-radius: 0; /*Removes default border-radius that FF applies*/

   /*custom styles*/
   background-color: #4097d8;
   height: 2rem;
   width: 1rem;
}

input[type="range"]:focus::-moz-range-thumb {
  border: 1px solid ##1e5c8a;
  outline: 1px solid #1e5c8a;
  outline-offset: 0.125rem; 
}


.one_fifth{width:100%;padding:0 1% 0}
.four_fifth{width:100%;padding:0 1% 0}
@media only screen and (max-width :999px){
	.one_fifth{width:100%;padding: 0}
	.four_fifth{width:100%;padding: 0}
}

#matchlist tfoot th{font-weight:400;font-size: 0.9em; font-style:italic;text-transform: none;text-align: left}
#matchlist td.tdmonthlydate div{padding-top:0;}

.filters-toggle:focus{color:#4098D8;border:1px dotted; border-left:none; }
.filters-toggle:hover{color:#4098D8;border:none; }
#matchlist tr.fixtures a:focus{color:#4098D8;}
#matchlist tr.fixtures a:focus span.btn_buy,#matchlist tr.fixtures a:focus span.btn_info{background-color:#1e5c8a;}

#matchcount{font-size:0.8em;}
#matchcountcontainer{display: inline-block;
  background: #fafafa;
  padding: 10px;
  border-left: 3px solid #ccc;}
#SortFilterContainer{
  text-align:right;display: inline-block;
  float: right;padding:0 0 10px 10px;
}

/* Simple CSS spinner */
#fixtures-root {
  position: relative; /* anchor the overlay */
}
#fixtures-loading {
  /* ⏱️ */
  position: absolute;
  /* position: fixed; */
  /* ⏱️ */
  inset: 0;                    /* cover the whole root */
  background: rgba(255,255,255,.6);
  display: none;               /* default hidden */
  align-items: center;
  justify-content: center;
  z-index: 9999;                 /* above content, below header */
  pointer-events: none;        /* block clicks via root class instead */
}

#fixtures-loading .spinner {
  /* ⏱️ */
  position: absolute;
  left: calc(50% - 30px);
  /* ⏱️ */
  width: 60px;
  height: 60px;
  border: 10px solid #258;
  border-top-color: #49d;
  border-radius: 50%;
  animation: fixtures-spin 0.9s linear infinite;
}
 /* ⏱️ */
/* Variant: spinner near the top of the visible part */
#fixtures-loading.loading-top .spinner {
  top: 10%; /* tweak as you like */
}
#fixtures-loading.loading-bottom .spinner {
  bottom: 10%; /* tweak as you like */
}
 /* ⏱️ */

/* Reduce or disable motion for a11y */
@media (prefers-reduced-motion: reduce) {
  #fixtures-root .ft-spinner { animation: none; }
}

@keyframes fixtures-spin { to { transform: rotate(360deg); } }

/* Visually hidden helper */
.vh {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* While loading: dim + block interactions */
#fixtures-root.is-loading {
  pointer-events: none;  /* block clicks inside root */
}
#fixtures-root.is-loading #fixtures-loading {
  display: flex;
}