#filler,#filler2{height:60px;}
    #top,#top2{background:#ffffff;height:60px;position:fixed;top: 0;width:100%;height:60px;padding:0 30px;border-bottom:1px solid #eee;z-index:9999;}
    #top2{z-index:9998;top:60px;-webkit-box-shadow: 0px 0px 25px rgba(97,97,97,.9);
    -moz-box-shadow: 0px 0px 25px rgba(97,97,97,.9);
    box-shadow: 0px 0px 25px rgba(97,97,97,.9);}
    #content{
    position:relative;width:100%;margin:0 auto;
    min-height: 100%;
    }
    #content-left{
    float:left;width:250px;
    }
    #content-center{
    float:left;width:calc(100% - 250px);
    }
    #content-right{
    width: 350px;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    top: 0;
    right: -376px;
    overflow:auto;
    max-height: 100% !important;
    z-index:1;
    background:#ddd;
    -webkit-box-shadow: -2px 2px 36px 3px rgba(97,97,97,.8);
    -moz-box-shadow: -2px 2px 36px 3px rgba(97,97,97,.8);
    box-shadow: -2px 2px 36px 3px rgba(97,97,97,.8);
    }


    @media (min-width:800px) {
    #content{
    width:90%;  
    }
    }
    @media (min-width:1000px) {
    #content{
    width:80%;  
    }
    }


    
    
    .menuContainer{position:relative;margin:0 auto;width:350px;}
    .menuTop{cursor: pointer;}
    .menuTop{padding:7px 10px 0 10px;line-height:50px;border-bottom:2px solid #ffffff;font-family:"Arial Black", Gadget, sans-serif;}
    .statusSwitch{float:left;padding:17px 10px 15px 10px;border-bottom:3px solid #dae3e1;font-family:"Arial Black", Gadget, sans-serif;}
    .menuTop.active,.menuTop:hover,.statusSwitch.active,.statusSwitch:hover{border-bottom:3px solid #b52424;}
    #top .menuTop.active,#top .menuTop:hover{border-bottom:3px solid #2580aa;}

    
    .menuList{
    float:left;width:100%;background:none;border-left:3px solid #eee;cursor:pointer;    
    }
    .menuList.active{border-left:3px solid #2580aa;}
    .menuList:hover{border-left:3px solid #2580aa;}
    .list1,.list2{
    float:left;padding:15px 10px;width:100%;margin-bottom:1px;background:#fff;   
    }
    .list1 img{float:left;height:18px;width:18px;}
    .list1 img:last-of-type{display:none;}
    .list1 span{float:left;padding-left:10px;}
    .menuList.active .list1{
    background:#2580aa;color:#fff;border-bottom:1px solid #2580aa;margin-bottom:0px;
    }
    .menuList.active .list1 img:first-of-type{display:none;}
    .menuList.active .list1 img:last-of-type{display:block;}
    .list2{
    display:none;
    }
    .list2:hover,.list2.active{
    background:#eee;color:#616161;
    }
    .menuList.active .list2{
    display:block;  
    }
    
    @media (max-width:1000px) {
    .menuList{
    background:#8cbcd2;border-left:3px solid #8cbcd2; 
    }
    .menuList:hover,.menuList.active{
        border-left:5px solid #fff;
    }
    .list1{
    background:#2580aa;color:#fff;
    }
    .list1 img:first-of-type{display:none;}
    .menuList.active .list1{
    background:#8cbcd2;color:#fff;
    }
    .list2{
    background:#fff;color:#616161;
    }
    }
    
    /*.duplicate{display:none;}
    .copyable:hover .duplicate{display:inline;}
    
    */
    .newOptionSearch,.removeOption{cursor:pointer;}
    .removeOption{position:absolute;left:-5px;top:3px;}
    .newOptionSearch:hover{color:#2580aa;font-weight:bold;}
    .removeOption{color:#eecece;}
    .removeOption:hover{color:#b52424;font-weight:bold;}
    .boxContainer{
    clear:both;float:left;padding:30px;width:100%;    
    }

    .dateSelect{float:left;padding:0 20px;text-align:center;line-height:50px;background:#fff;border-bottom:3px solid #eee;margin:0 1px 1px 0;cursor:pointer;}
    .dateSelect:hover{border-bottom:3px solid #ccc;}
    .dateSelect.active{border-bottom:3px solid #2580aa;}
    .dateSelect.datePicker{position:relative;}
    .dateSelect .datePickerBox{display:none;position:absolute;left:0;top:55px;z-index:99999;}
    /*
    .dateSelect.datePicker{line-height:20px;height:55px;position:relative;}
    .dateSelect.datePicker .img span{position:absolute;left:0;right:0;margin:0 auto;}
    
    .dateSelect .img img{height:40px;width:40px;}
    .dateSelect{padding:0 10px;}*/
    
 /* betscroller */
  /*
    .listBet{clear:both;float:left;}
    .listBet.large{background:#eecece;}
    .listBet:hover{background:#e7e7df;}
        .listBet.active{display:block;}
    */
    #scrollerLoad{clear:both;float:left;width:100%;background:#2580aa;}
    listBetDumpData{clear:both;float:left;width:100%;border-top:5px solid #746cc0;border-left:5px solid #746cc0;display:none;padding:20px;}
    .listBet{display:none;}

    .scroll{background:#fff;float:left;padding:5px 10px;border-top:1px solid #ccc;border-right:1px solid #ccc;width:14%;}
    .scroll.bet{width:30%;}
    .scroll.morebets{width:100%;text-align:center;padding:20px;cursor:pointer;}
    .scroll.morebets:hover{background:#2580aa;color:#fff;}
    #head .scroll{padding:5px 10px;text-transform: uppercase;font-weight:bold;font-size:1.1em;}
    .listBet.large .scroll{background:#eecece;color:#616161;}
    
    
    
    
    
    /* ------------------racing-------------------- */


    .goToGame:hover{margin-bottom:0;border-bottom:4px solid #ccc;}
    .raceHomeBoxes,.oddsType,.oddsMatrix{float:left;position:relative;padding:14px 6px 5px 6px;background:#fff;border-bottom:3px solid #fff;margin:0px 1px 1px 0px;text-align:center;}
    .raceHomeBoxes.head{font-weight:bold;border-bottom:3px solid #f9f8fd;background:#f9f8fd;}
    .raceHomeBoxes.n15{width:calc(5.66% - 1px);}.raceHomeBoxes.n14{width:calc(6.07% - 1px);}.raceHomeBoxes.n13{width:calc(6.53% - 1px);}.raceHomeBoxes.n12{width:calc(7.08% - 1px);}.raceHomeBoxes.n11{width:calc(7.72% - 1px);}.raceHomeBoxes.n10{width:calc(8.5% - 1px);}.raceHomeBoxes.n9{width:calc(9.44% - 1px);}.raceHomeBoxes.n8{width:calc(10.62% - 1px);}.raceHomeBoxes.n7{width:calc(12.14% - 1px);}.raceHomeBoxes.n6{width:calc(14.16% - 1px);}.raceHomeBoxes.n5{width:calc(17% - 1px);}.raceHomeBoxes.n4{width:calc(17% - 1px);}.raceHomeBoxes.n3{width:calc(17% - 1px);}.raceHomeBoxes.n2{width:calc(17% - 1px);}.raceHomeBoxes.n1{width:calc(17% - 1px);}
    .raceHomeBoxes.meeting{width:calc(15% - 1px);text-align:left;}
    .raceHomeBoxes.Closed{background:#eecece;border-bottom:3px solid #eecece;}.raceHomeBoxes.Settled{color:#ccc;background:#fcfcfc;border-bottom:3px solid #fcfcfc;}.raceHomeBoxes.past{margin-bottom:0;border-bottom:4px solid #000;}.raceHomeBoxes.comingUp{margin-bottom:0;border-bottom:4px solid #2580aa;}.raceHomeBoxes.nextUp{margin-bottom:0;border-bottom:4px solid #B22222;}.raceHomeBoxes.soon{margin-bottom:0;border-bottom:4px solid #8dc73f;}
    .raceHomeBoxes.empty,.raceHomeBoxes.Abandoned{background:none;border-bottom:0;}
    .oddsType,.oddsMatrix{cursor:pointer;padding:14px 20px 9px 20px;margin:1px 1px 0 0px;}
    .oddsType:hover,.oddsType.active{border-bottom:3px solid #db7f55;}
    .oddsMatrix{border:1px solid #db7f55;padding:12px 20px 12px 20px;}
    .raceNoBoxes{float:left;width:40px;border:1px solid #ccc;-moz-border-radius:3px;border-radius:3px;text-align:center;padding:5px;font-weight:bold;cursor:pointer;margin-right:5px;}
    .raceNoBoxes:hover,.raceNoBoxes.active{background:#2580aa;color:#fff;border:1px solid #2580aa;}
    .raceHomeBoxes.goToGame:hover{margin-bottom:0;border-bottom:4px solid #ccc;}
    .smallOnly{display:none !important;}
@media (max-width:700px) {
    .bigOnly{display:none !important;}
    .smallOnly{display:block !important;}

    .raceHomeBoxes.meeting{margin:0px 0px 1px 0px;text-align:left;width:100%;cursor:pointer;}
    .raceMatrix race{clear:both;float:left;width:100%;display:none;margin:0px 0px 1px 0px;background:#fff;cursor:pointer;}
    .raceHomeBoxes.goToGame{float:right;padding:13px 30px 7px 6px;text-align:right;width:100px;}
    .raceHomeBoxes.meeting span{padding-left:10px}
    .raceHomeBoxes.meeting span:first-child{text-transform: uppercase;font-weight:bold;font-size:1.1em;}
    .raceHomeBoxes.smallOnly{float:left;padding-left:20px;text-align:left;}
}

    .goToGame,.getLedger{cursor:pointer;}
    .button.openRace{color:#9ab973;}
    resultButtons .button{padding:7px 10px;background:none;}
    resultButtons .button:hover{border:solid 1px #b52424;padding:6px 9px;}
    .button.abandon{color:#2580aa;}
    .button.closeRace,.button.unresultRace,.button.racePlacings{color:#b52424;}
    .button.openRace:hover{border:solid 1px #9ab973;}
    .button.abandon:hover{border:solid 1px #2580aa;}
    .button.racePlacings.active{background:#b52424;color:#fff;}
    .placings .fa{cursor:pointer;}
    .button.finPositions,.button.sportResult,input#numberWinner{position:fixed;z-index:2;bottom:10px;right:10px;background:#b52424;color:#fff;}
    .placings{display:none;}
    market.Settled .placings{display:block;}
    .placings pos,.placings r-pc,.placings .fa{float:left;padding:0px 2px;}
    .placings r-pc{font-size:.8em;color:#fff;background:#2580aa;}
    betButton,hold,holds,#raceDisplay pc{position:absolute;font-size:.8em;padding:0px 3px;}
    betButton{padding:3px 5px;}
    hold,holds{z-index:100;}
    betButton,scrButton{border-radius:50%;cursor:pointer;text-align:center;color:#aaa;font-weight:bold;right:2px;bottom:2px;border:1px solid #eee;}
    hold,holds{left:0;top:0;}
    .subtotal hold,.total hold{left:5px;top:5px;}
    #raceDisplay pc{left:0;bottom:0;color:#2580aa;padding:1px;}
    scrButton{padding:3px 5px;color:#fff;}
    scrButton:hover{color:#aaa;}
    betButton:hover{background:#2580aa;color:#fff;border:1px solid #2580aa;transition: all 300ms ease-in-out;}
    betButton.active{border:1px solid #2580aa;}
    hold.active,holds.active{border:1px solid #ccc;background:#f2f2f2;color:#2580aa;}
    scrButton.active{background:#eee;color:#616161;border:1px solid #616161;}
    .raceHomeBoxes holds{padding:1px 5px;}
    .oddsEditTrigger{cursor:pointer;position:absolute;left:0px;bottom:0px;font-size:1.2em;padding:12px 2px;}
    .oddsEditTrigger.active{color:#db7f55;}
    input.oddsEdit,input.timeEdit,input.typoEdit,input.scores,input.totals,select.marketType{position:absolute;bottom:0;left:0;top:0;right:0;width:100%;border-radius:0;border:0;padding:10px 5px;font-size:.95em;letter-spacing:-0.5px;}
    game input.oddsEdit,game input.timeEdit,game input.typoEdit,select.marketType{padding:5px;border:1px solid #ccc;}
    input.scores,input.totals{border:1px solid #ccc;}
    select.marketType{display:none;}
    input.ok,select.ok{background:#e3efdd;}
    #add_popup select{padding:10px 5px;border:1px solid #ccc;}
    table {
    border-collapse: collapse;
    width:100%;
    table-layout: fixed;
    }



    #raceResults th{background-color: #eecece;padding: 10px;}
    #ledgers td,#ledgers th,#raceDisplay td,#raceDisplay th,#raceResults td{
    border:1px solid #eee;
    border-bottom:0;
    padding: 15px 5px;
    font-size:.9em;
    background:#fff;
    text-align:center;
    position:relative; 
    background-clip: padding-box;
    }

    #raceDisplay td.runner:hover,#raceDisplay td.runner.active{background:#f9f9f9;}
    #raceDisplay td.runner.active{padding: 20px 5px 21px 5px;border-bottom:0;}
    
    #raceDisplay #runnerWidths,#raceResults #runnerWidths{
    width:400px;
    }

    #raceDisplay th:first-child,#raceDisplay .runner td:first-child,#raceResults td:first-child {
    text-align:left;    
    }

    .finPos.down{font-weight:bold;color:#b52424;}
    .finPos.up{font-weight:bold;color:#9ab973;}
    
    td.subtotal .down,td.total .down,.selectionHolds.subtotal.down,.selectionHolds.total.down{background:#b52424;color:#fff;padding:10px;}
    td.subtotal .up,td.total .up,.selectionHolds.subtotal.up,.selectionHolds.total.up{background:#9ab973;color:#fff;padding:10px;}  


    
    .scr div,.scr span,#raceDisplay .scr td,#ledgers .scr td,#ledgers .Cancelled td,#ledgers .Scratched td,#ledgers .Abandoned td{text-decoration: line-through;opacity:.9;background-color:#f2f2f2;}
    #ledgers .Cancelled td,#ledgers .Scratched td{background-color: #eecece;}

    #raceDisplay .scr td.selectionHolds,#raceDisplay .scr scrButton{
    opacity:.1;
    }
    
    #raceDisplay.plView td,#raceDisplay.plView th{
    opacity:.2;padding:9px 5px;font-size:.85em;
    }
    #raceDisplay.plView .highlight,#raceDisplay.plView .ledgerDump td{
    opacity:1;
    }
    /* --------------- sport -------------------------*/

    .eventsDisplayBox,.marketsDisplayBox{float:left;padding:10px 5px;border-bottom:3px solid #eee;cursor:pointer;margin-right:5px;}
    .eventsDisplayBox:hover{border-bottom:3px solid #ccc;}
    .eventsDisplayBox.active{border-bottom:3px solid #2580aa;}
    market .bettype{float:left;padding:5px;width:calc(100% - 80px);background:#dae3e1;margin-bottom:1px;}
    
    /*
    game .fa{cursor:pointer;}
    game .fa.status{color:#ccc;}
    game .fa-play:hover,game status.Open .fa-play{color:#7dc116;}
    game .fa-stop:hover,game status.Closed .fa-stop{color:#871b1b;}
    game .fa-pause:hover,game status.Suspended .fa-pause{color:#db7f55;}
    */

    market .fa{cursor:pointer;}
    market .fa.status{color:#ccc;}
    market .fa-play:hover,market.Open .fa-play{color:#7dc116;}
    market .fa-stop:hover,market.Closed .fa-stop{color:#871b1b;}
    market .fa-pause:hover,market.Suspended .fa-pause{color:#db7f55;}
    market.Settled .fa-stop{color:#000000;}
    
    
    .bettype .dir-hide,.bettype .sport-resulting,.bettype .sport-oddsEdit,game .dir-hideall,.bettype .marketType{display:none;}
    .bettype.active .sport-oddsEdit,.bettype.active .sport-resulting,.bettype.active .marketType{display:block;}
    .sport-resulting.active{color:#b52424;}
    .bettype.active .dir-hide,game.showall .dir-hideall{display:inline;}
    .bettype.active .dir-show,game.showall .dir-showall{display:none;}
    runner{float:left;width:100%;margin-bottom:1px;background:#fff;}
    market.Settled runner{background:#eee;}
    runners{display:none;}
    game betButton{right:auto;left:3px;bottom:auto;top:3px;}

    .profit{position:relative;background:#eee;text-align:right;}
    .profit span{font-weight:bold;font-size:.9em;}
    .profit.sport span.down{color:#b52424;}
    .profit.sport span.up{color:#9ab973;} 
    hold-m.active,hold-e.active,hold-g.active{background:#616161;color:#fcfcfc;padding:1px;font-size:.9em;margin-right:5px;}

    .button.sportResult{right:50px;}
    input#numberWinner{background:#fff;color:#616161;width:40px;}


    /* --------------------ledgers -----------------------------*/
    #ledgers td,#ledgers th{text-align:left;background:#ffffff;}
    .gameHolds{cursor:pointer;float:left;padding:13px 20px;background:#fff;margin:1px 1px 0 1px;text-align:center;}
    .gameHolds:hover,.gameHolds.active{background-color:#f9f9f9;}

    .showFilters{font-size:1.5em;padding-left:10px;cursor:pointer;}
    .showFilters.active{color:#b52424;}
    .filter_ledger,.ledgerClose{cursor:pointer;}
    .filter_ledger{color:#2580aa;}
    .filter_ledger.active{color:#b52424;}
    
    .ledgerClose{padding:10px;color:#b52424;}
    .sliderContainer{float:left;padding:5px;width:calc(100% - 160px);font-size:1.2em;}
    .sliderContainer .ui-slider-handle {width:auto;background:#2580aa;color:#fff;border:0;padding:0 5px; }
    .filters .button{margin-left:60px;width:100px;padding:5px 10px;}
    .sliderContainer .ui-slider-range {background: #b52424;}

    #ledgers td.cancel_bet,#ledgers th.cancel_bet{text-align:center;cursor:pointer;display:none;width:40px;}
    #ledgers td.cancel_bet:hover{background:#eecece;}
    #ledgers .Cancelled td.cancel_bet,#ledgers th.cancel_bet{background:#b52424;color:#fff;text-decoration:none}
    div.ledgerHook{display:none;float:left;background:#fcfcfc;padding:5px;border:1px dashed #ccc;margin:1px 0;}
    .filters span{padding-right:20px;font-weight:bold;}
    
    .sportMarketLinks span{cursor:pointer;}
    
    
    
    /* -------------------forms --------------*/
    #signup_popup .step2,#signup_popup .step3{display:none;}
    #signup_popup input{border-radius:0;}

    .input-icon-wrap {
    border: 1px solid #ddd;    
    display: flex;
    flex-direction: row;
    background:#fff;
    overflow:hidden;
    }
    .input-icon {
    background: #ddd;
    text-align:center;
    font-size:1.5em;
    }
    .input-with-icon {
    border: none;
    flex: 1;
    }
    .input-with-icon,.input-icon {
    padding:7px 10px;
    }
    .input-with-icon#m,.input-with-icon#y{height:36px;}
    #signup_popup .fa{width:22px;}
    
    
.tooltip {
  position: relative;
  display: inline;
}
.tooltip tip {
  position: absolute;

  max-width:200px;
  color: #333;
  background: #8CBCD2;
  border: 2px solid #2580AA;
  padding:5px;
  line-height: 22px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
.tooltip tip:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #2580AA;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.tooltip tip:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #8CBCD2;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltip.active tip {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 9999;
}
    .tooltip.active input{background:#eecece;}