/* A: 21/07/2017 La commento perchè Zakwer dice che non serve a niente, ed io, in effetti confermo, un po dubbioso, forse premuroso
#favourite_odds > div {
    display: inline-block;
    width: 100%;
}
*/

#favourite_odds {
  background: #fff;
}
#fo_menu_content > div {
    width: 50%;
}
#oddfilter_container {
    position: relative;
}
#fo_menu_content {
    width: 100%;
}
#fo_menu_content > div {
    float: left;
    margin: 10px;
    width: calc(50% - 20px);
}
#fo_menu_content ul {
    display: table;
    width: 100%;
}

#odds_slider {
  margin: 0 auto;
  width: 70%;
  background: #999;
}
#dates_slider {
  margin: 0 auto;
  width: 80%;
  background: #999;
}

#fo_menu_content ul > li {
    display: inline-table;
    margin: 5px;
}
#fo_menu_content ul#max_odd_labels > li {
  width: calc(25% - 10px);
}
#fo_menu_content ul#max_date_labels > li {
  width: calc(20% - 10px);
}
#fo_menu_content ul > li a {
  background: [COLORE_PRINCIPALE_DARK];
  color: [TESTO_GRADIENTE];
  padding: 5px;
}
#fo_menu_content ul > li:hover a {
  background: [COLORE_PRINCIPALE];
  text-decoration: none;
}
#fo_groupmenu ul {
  display: table;
  text-align: center;
  width: 100%;
}
#fo_groupmenu ul li {
  display: inline-table;
  margin: 5px;
  width: calc(33.33% - 10px);
  float: left;
}
#fo_groupmenu ul li a {
  background: [COLORE_PRINCIPALE_DARK];
  color: [TESTO_GRADIENTE];
  display: block;
  padding: 5px;
}
#fo_groupmenu ul > li:hover a {
  background: [COLORE_PRINCIPALE];
  text-decoration: none;
}

#fo_content div ul > li {
  border-bottom: 1px solid #000000;
  display: inline-block;
  width: 100%;
}
#fo_content div ul > li > div {
  float: left;
}
#fo_content div ul > li > div:first-child {
  width: 70%;
}
#fo_content div ul > li > div:last-child {
  width: 30%;
}

/*jquery_ui overwrites*/
.ui-slider-horizontal .ui-slider-range {
  background: green;
}
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,.ui-state-hover,
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(90deg, #065e06 0%, #34c831 100%) repeat scroll 0 0;
  border: 1px solid lightgreen;
  color: white;
  font-weight: bold;
  cursor: pointer;
}