/* Webkit Scrollbar */
::-webkit-scrollbar {
    width:8px;
    height:8px;
}
::-webkit-scrollbar-track {
    background:#ecf0f2;
    border:0;
}
::-webkit-scrollbar-thumb {
    background:#c2d0d8;
    -webkit-border-radius:12px;
    border-radius:12px;
    border:1px solid #ecf0f2;
}
::-webkit-scrollbar-button {
}
::-webkit-scrollbar-corner {
    background:#ecf0f2;
}



html,body{
	font-family: 'Montserrat', sans-serif;
	min-width:100%!important;
	min-height:100%!important;
}

a{
	color:inherit;
	text-decoration:none;
}

a:hover, .btn.focus, .btn:focus, .btn:hover{
	color:inherit;
	text-decoration:none;
}

a,button,img,p,td,div{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.layout{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
	z-index:1;	
}

/* Menus */
.menu{
	position:absolute;
	width:280px;
	height:auto;
	top:0;
	left:auto;
	bottom:0;
	right:auto;
	overflow:hidden;
	z-index:3;
	
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.menu .btn-lg{
	padding:6px;
	white-space:nowrap;
	overflow:hidden;
}

/* Menu Left */
.menu-left{
	left:0;
	background:#00334b;
	color:#FFF;
	margin-left:-280px;
}

/*Menu Right */
.menu-right{
	right:0;
	background:#00334b;
	color:#FFF;
	margin-right:-280px;
}


/*Menu Bottom */
.menu-bottom{
	width:100%;
	height:auto;
	left:0;
	right:0;
	bottom:auto;
	background:#00334b;
	color:#FFF;
	z-index:4;
	
	margin:auto;
	
    top:100%;
    height:100%;
}
body.menu-left-show .menu-bottom{
	left:280px;
	right:-280px;
}
body.menu-right-show .menu-bottom{
	right:280px;
	left:-280px;
}

body.menu-left-show .menu-left{
	margin-left:0;
	
	-webkit-box-shadow: 0 1px 5px 0 #1A1A1A;
	box-shadow: 0 1px 5px 0 #1A1A1A;
}
body.menu-right-show .menu-right{
	margin-right:0;
	-webkit-box-shadow: 0 -1px 5px 0 #1A1A1A;
	box-shadow: 0 -1px 5px 0 #1A1A1A;
}

body.menu-bottom-show .menu-bottom{
    top:40px;
	height:auto;
	bottom:0;
	-webkit-box-shadow:-1px 0 5px 0 #1A1A1A;
	box-shadow:-1px 0 5px 0 #1A1A1A;
}


/* App */
.app{
	position:absolute;
	min-width:280px;
	width:auto;
	height:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
	z-index:2;
	
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
body.menu-left-show .app{
	left:280px;
	right:-280px;
}
body.menu-right-show .app{
	right:280px;
	left:-280px;
}


/* Navbar */
.app .navbar-brand{
	width:100px;
	padding:0;
}
.app .navbar-brand-center{
	display:block;
	float:none;
	margin:auto;
}
.app .navbar-brand img{
	display:block;
	margin:auto;
	height:auto;
	width:100%;
}
.app .navbar{
	min-height:0;
	height:40px;
	padding:0;
	margin:0;
	border:0;
	-webkit-border-radius:0;
	border-radius:0;
	
	background:#00334b url("img/header-bg-md.png") no-repeat center center;
	
	color:#FFF;
	white-space:nowrap;
}
.app .navbar a{
	color:#FFF;
	text-decoration:none;
	padding:4px 12px;	
}

.menu-toggle{
	font-size:20px;
	line-height:30px;
}

.menu-bottom .menu-controls{
	position:absolute;
	height:40px;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	
	text-align:center;
	background:#f2f2f2;
	
    -webkit-box-shadow: inset 0 0 6px 0 #666;
    box-shadow: inset 0 0 6px 0 #666;
}
.menu-bottom .menu-controls .btn{
	font-size:12px;
	line-height:30px;
	color:#1A1A1A;
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.menu-bottom .menu-controls .btn-success{
	font-size:16px;
	line-height:30px;
	color:#FFFFFF;
}


/* Menu Tabs */
.menu .nav-tabs.nav-justified > li{
    display: table-cell;
    width: 1%;
}
.menu .nav-tabs.nav-justified > li+li{
	border-left:1px solid #0f4968;
}
.menu .nav-tabs.nav-justified > li > a{
	height:40px;
	margin:0;
	padding:10px 5px;
	background:#87a1ab;
	
	font-size:12px;
	line-height:16px;
	color:#0f4968;
	
	-webkit-text-shadow:1px 1px 0 #AAA;
	text-shadow:1px 1px 0 #AAA;
	
	border:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.menu .nav-tabs.nav-justified > li.active > a{
	background:#0f4968;
	background:#00334b;
	color:#FFF;
	border:0;
	
	-webkit-text-shadow:1px 1px 0 #AAA;
	text-shadow:1px 1px 0 #111;
}

.menu .tab-pane{
	position:absolute;
	width:100%;
	height:auto;
	top:40px;
	left:0;
	bottom:0;
	right:0;
}
.menu-bottom .tab-pane{
	top:32px;
	bottom:40px;
	background:#FFF;
	color:#1A1A1A;
}
.menu-bottom .nav-tabs > li > a{
	padding:5px 8px;
}

/* Menu Race Filters */
.menu .event-filters{
	position:absolute;
	height:160px;
	top:0;
	left:0;
	right:0;
}
.menu .event-filters .row{
	padding-top:5px;
	padding-bottom:5px;
}

/* Menu Race List */
.menu .event-list{
	position:absolute;
	width:100%;
	height:auto;
	top:160px;
	left:0;
	right:0;
	bottom:0;
}
.menu .event-list-sports{
	top:0px;
}
.menu .event-list table{
	font-size:10px;
	line-height:14px;
}
.menu .event-list thead{
	position:absolute;
	display:block;
	width:100%;
	height:20px;
	top:0;
	left:0;
	right:0;
	
	display:none; /* temp? */
}
.menu .event-list tbody{
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	top:20px;
	left:0;
	bottom:0;
	right:0;
    overflow-x:hidden;
	
	overflow-y:scroll;
	overflow-y:auto;

	top:0; /* temp? */
}

.menu .event-list thead tr, 
.menu .event-list tbody tr{
    display:table;
    width:100%;
}

.menu .event-list thead td,
.menu .event-list thead th,
.menu .event-list tbody td{
	padding:2px;
	border:0;
}

.menu .event-list tbody .col-event-status{
	text-align:center;
}
.menu .event-list .col-event-time,
.menu .event-list .col-event-type,
.menu .event-list .col-event-venue,
.menu .event-list .col-event-title,
.menu .event-list .col-event-status,
.menu .event-list .col-event-view{
	text-align:center;
	vertical-align:middle;
	width:15%;
	
	cursor:pointer;
}
.menu .event-list .col-event-status{
	width:20%;
	white-space:nowrap;
}
.menu .event-list .col-event-venue{
	text-align:left;
	width:40%;	
}
.menu .event-list th.col-event-venue{
	text-align:center;
	width:40%;	
}
.menu .event-list .col-event-view a{
	font-size:20px;
	color:#FFF;
}

.menu .event-list .event-detail-container td{
	margin:0;
	padding:0;
}
.menu .event-list .event-detail{
	position:relative;
	background:#0f4968;
	margin:0;
	padding:0;
	overflow:hidden;
	
	cursor:pointer;
	
	-webkit-box-shadow:inset 0 0 6px 0 #1A1A1A;
	box-shadow:inset 0 0 6px 0 #1A1A1A;
}
.menu .event-list .event-detail .event-detail-inset{
	padding:8px;
}
.menu .event-list .event-detail .event-detail-title{
	font-size:14px;
	line-height:18px;
	margin:0;
}
.menu .event-list .event-detail .event-detail-title img{
	width:20px;
	height:auto;
}
.menu .event-list .event-detail .event-detail-venue{
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	margin:0;
}
.menu .event-list .event-detail .event-detail-track{
	margin-top:4px;
	padding-top:4px;
	border-top:1px solid #FFF;
}
.menu .event-list .event-detail .event-detail-track{
		
}

.menu .event-list .col-event-title{
	font-size:12px;
	line-height:16px;
	text-align:left;
	width:85%;
	padding-left:10px;
}
.menu .event-list .event-detail ul{
	margin:0;
	padding-left:0;
	list-style:none;
}
.menu .event-list .event-detail ul li a{
	display:block;
	padding:10px 0 10px 20px;
	border-bottom:1px solid #00334b;
}

.menu .event-list .event-detail ul li a:focus,
.menu .event-list .event-detail ul li a:hover{
	color: inherit;
    text-decoration: none;
}

.menu .event-list .has-fixed-odds{
	font-weight:bold;
	color:#F00;
}


/* App */
.app .app-body{
	position:absolute;
	top:40px;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
}
.app .home header{
	position:absolute;
	height:158px;
	top:0;
	left:0;
	bottom:auto;
	right:0;
	overflow:hidden;
	z-index:2;
	background:#FFF;
}
.app .home main{
	position:absolute;
	top:158px;
	left:0;
	bottom:40px; /* Footer */
	right:0;
	overflow:hidden;
	z-index:1;
	background:#FFF;
}

.app .home.show-race-results header{
	height:200px;
}
.app .home.show-race-results main{
	top:200px;
}

.app .home.show-race-meta header{
	height:193px;
}
.app .home.show-race-meta main{
	top:193px;
}


.app .home.show-race-meta.show-race-results header{
	height:238px;
}
.app .home.show-race-meta.show-race-results main{
	top:238px;
}


.app .home-sports header{
	height:60px;
}
.app .home-sports main{
	top:60px;
}

.app .home-sports.show-sports-events header{
	height:300px;
}
.app .home-sports.show-sports-events main{
	top:300px;
}


.app .home.odds-full-screen main{
	top:0;
	z-index:3;
}


.app .home footer{
	position:absolute;
	height:40px;
	top:auto;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
	z-index:2;
	background:#FFF;
	
	border-top:2px solid #999;
	padding:4px 0;
}

.app .home header,
.app .home main,
.app .home footer{
    -webkit-transition: all 220ms linear;
    -moz-transition: all 220ms linear;
    -o-transition: all 220ms linear;
    transition: all 220ms linear;
}

.app .event-title,
.app .event-subtitle{
	position:relative;
	margin:0 -7px;
	padding:0;
	overflow:hidden;
	
	font-size:20px;
	line-height:30px;
	white-space:nowrap;
}
.app .event-subtitle{
	font-size:13px;
	line-height:15px;
	margin-top:-5px;
}

.app .race-meta-container,
.app .race-results-container{
	position:relative;
	background:#F6F6F6;
	margin:0;
	padding:0;
	overflow:hidden;
	cursor:pointer;
	
	-webkit-box-shadow:inset 0 0 6px 0 #888;
	box-shadow:inset 0 0 6px 0 #888;
}
.app .race-results-container .btn-show-results,
.app .race-results-container .btn-show-results:hover{
	height:46px;
	-webkit-boroder-radius:0;
	border-radius:0;
	font-weight:bold;
}

.app .race-meta{
	padding:4px 0;
	
	font-size:12px;
	line-height:14px;
}
.app .race-meta .value{
	display:block;
	font-weight:bold;
}

.app .more-bet-types{
	padding:4px 0;
	overflow:hidden;
	
	overflow-x:scroll;
	overflow-x:auto;
}
.app .bet-types{
	padding-left:4px;
}
.app .bet-types .btn-group{
	width:100%;
	white-space:nowrap;
	text-align:center;
}
.app .bet-types .btn-group .btn{
	width:auto;
	max-width:none;
	white-space:nowrap;
	margin:auto;
}
.app .bet-types .btn-group .btn[disabled]{
	opacity:0.4;
	background:#EFEFEF;
}


.app .toggle-bet-types{
	display:block;
	line-height:30px;
}

.app .runners-container{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}


/* Race Number List */
ul.list-event-num{
	position:relative;
	list-style:none;
	margin:0;
	padding:6px 0;
	font-size:0;
	line-height:0;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	
	overflow-x:scroll;
	overflow-x:auto;
}

ul.list-event-num li{
	position:relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	
	font-size:12px;
	line-height:14px;
}
.btn-event-num{
	display:block;
	position:relative;
	width:28px;
	height:28px;
	
	font-size:12px;
	line-height:28px;
	text-align:center;
	color:#FFF;
	
	background:#5cb85c;
	padding:0;
	margin:0 2px;
}

.btn-event-num.fixed:after{
	content:"";
	display:block;
	position:absolute;
	width:0;
    height:0;
    bottom:2px;
    right:2px;
    border-style:solid;
    border-width:0 0 10px 10px;
    border-color:transparent transparent #ff0000 transparent;

}


.btn-event-num:hover{
	background:#398439;
	color:#FFF;
}
.btn-event-num.complete{
	background:#87a1ab;
}
.btn-event-num.active{
	background:#fc7f00;
}


/* Runners All Odds */
.app .runners-all{
	max-width:none;
	margin:0;
	padding:0;
	border-collapse: collapse;
}
.app .runners-all tr{
	position:relative;
	vertical-align:top;
}

.app .runners-all .col-runner,
.app .runners-all .col-checks,
.app .runners-all .col-bookmaker{
	position:relative;
	padding:2px;
	font-size:13px;
	line-height:17px;
	border:1px solid #EEE;
}

.app .runners-all .col-runner,
.app .runners-all .col-checks{
	height:85px;
	white-space:nowrap;
	background:#FFF;
	overflow:hidden;
}

.app .runners-all .col-runner{
	width:120px;
}

.app .runners-all .col-checks{
	padding:0;
}

.app .runners-all .col-title{
    height:40px!important;
}

.app .runners-all .col-checks td div{
	text-align:center;
	padding:0;
    margin:auto;
}
.app .runners-all .col-checks td + td{
	border-left:1px solid #EDEDED;
}

.app .runners-all .col-checks table{
	width:100%;
	height:100%;
}
.app .runners-all .col-checks table td{
	text-align:center;
	vertical-align:middle;
}


.app .runners-all .col-bookmaker{
	width:48px;
	height:85px;
	white-space:nowrap;
	text-align:center;
}
.app .runners-all td .col-bookmaker{
	padding-top:15px;
	height:85px;
}
.app .runners-all td .col-bookmaker .price{
	display:block;
	padding:10px 0;
	font-weight:bold;
}
.app .runners-all td .col-bookmaker-best .price{
	background:#6495ed;
	background:rgb(100, 149, 237);
	color:#FFF;
	border-radius:10px;
}


.app .runners-all .col-bookmaker + .col-bookmaker{
	border-left:1px solid #EEE;
}

.app .runners-all .runner .runner-silk{
	text-align:center;
}

.app .runners-all .runner .runner-silk img{
	height:35px;
	width:auto;
}
.app .runners-all .runner .runner-silk-none img{
	display:none;
}

.app .runners-all .runner .runner-name{
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#337ab7;
}

.app .runners-all .runner .runner-name .runner-jockey,
.app .runners-all .runner .runner-name .runner-trainer{
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	color:#666;
}


.app .runners-all .hidden-runners .runner{
	position:relative;
}

.app .runners-all .hidden-filler .col-checks,
.app .runners-all .hidden-runners .col-checks{
	position:absolute;
	top:0;
	left:120px;
}

.app .runners-all .hidden-bookmakers,
.app .runners-all .hidden-runners,
.app .runners-all .hidden-filler{
	display:block;
	position:absolute;
	white-space:nowrap;
	background:#FFF;
	
	font-size:0;
	line-height:0;
	z-index:1;
	
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}

.app .runners-all .hidden-bookmakers div{
	display:inline-block;
     vertical-align: top;
}

.app .runners-all .hidden-bookmakers .col-checks{
	position:relative;
}

.app .runners-all .hidden-bookmakers .col-bookmaker{
	position:relative;
}

.app .runners-all .hidden-bookmakers{
	top:0;
	left:120px; /* Runners/Filler Column*/
}
.app .runners-all .hidden-runners{
	top:85px;
	left:0;
	z-index:2;
}

.app .runners-all .hidden-filler{
	height:85px;
	z-index:2;
	border-bottom:1px solid #EEE;
	
	-webkit-box-shadow:none;
	box-shadow:none;
	
	display:none;
}
.app .runners-all .hidden-filler .col-checks{
	border:0;
	border-left:1px solid #EEE;
	border-bottom:1px solid #EEE;
}


/* Single Modes */
.app .runners-all-multileg .col-checks,
.app .runners-all-quadruple .col-checks{
	width:40px;
}
.app .runners-all .hidden-runners,
.app .runners-all .hidden-filler{
	width:120px;
}

/* Double Modes */
.app .runners-all-double .col-checks{
	width:80px;
}

.app .runners-all-double .col-checks td{
	width:50%;
}


/* Triple Modes */
.app .runners-all-triple .col-checks{
	width:100px;
}

.app .runners-all-triple .col-checks td{
	width:33.3333%;
}


/* Quadruple Modes */
.app .runners-all-quadruple .col-checks{
	width:120px;
}

.app .runners-all-quadruple .col-checks td{
	width:25%;
}


/* Runners Best Odds */
.app .runners-best{
	
}
.app .runners-best .runner{
	padding:4px 0;
	
	font-size:0;
	line-height:0;
}

.app .runners-best .runner .runner-info,
.app .runners-best .runner .runner-num,
.app .runners-best .runner .runner-silk,
.app .runners-best .runner .runner-name,
.app .runners-best .runner .runner-bookmaker-best,
.app .runners-best .runner .runner-bookmaker-best .bookmaker-price,
.app .runners-best .runner .runner-bookmaker-best .bookmaker-ico{
	position:relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align:top;
	zoom: 1;
	*display: inline;
	
	font-size:14px;
	line-height:18px;
}

.app .runners-best .runner .runner-info{
	width:50%;
}

.app .runners-best .runner .runner-silk{
	position:relative;
	width:20%;
	text-align:center;
}
.app .runners-best .runner .runner-silk img{
	max-width:30px;
	height:auto;
}
.app .runners-best .runner .runner-name{
	width:78%;
	text-align:left;
	font-weight:bold;
	color:#337ab7;
}

.app .runners-best .runner .runner-name .runner-jockey,
.app .runners-best .runner .runner-name .runner-trainer{
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	color:#666;
}
.app .runners-best .runner .runner-bookmaker-best{
	width:50%;
	font-size:0;
	line-height:0;
}
.app .runners-best .runner .runner-bookmaker-best .bookmaker-price{
	width:50%;

	font-size:17px;
	font-weight:bold;
	line-height:32px;
	text-align:center;	
}
.app .runners-best .runner .runner-bookmaker-best .bookmaker-ico{
	width:50%;
	text-align:center;	
}

.app .runners-best .runner .runner-more-bookmakers{

}
.app .runners-best .runner .runner-more-bookmakers a{
	display:block;
	padding:4px 0;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	text-align:center;
	color:#999;
}

.app .runners-best .runner .bookmakers{
	background:#F6F6F6;
	
	-webkit-box-shadow:inset 0 0 6px 0 #888;
	box-shadow:inset 0 0 6px 0 #888;
}
.app .runners-best .runner .bookmakers .bookmaker{
	padding:4px 0;
	font-size:0;
	line-height:0;
}
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-btn-group,
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-ico,
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-price{
	position:relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align:top;
	zoom: 1;
	*display: inline;
	
	font-size:14px;
	line-height:18px;
}
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-btn-group{
	width:50%;
	text-align:center;
}
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-price{
	width:25%;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
	text-align:center;	
}
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-ico{
	width:25%;
	text-align:center;
}

.app .runners-best .runner + .runner{
	border-top:1px solid #EDEDED;
	margin-top:4px;
	padding-top:4px;
	
}

.app .runners-best .runner .bookmakers .bookmaker + .bookmaker{
	border-top:1px solid #EBEBEB;
}

.app .runners-best .runner .bookmakers .bookmaker-best .bookmaker-price{
	background:#6495ed;
	background:rgb(100,149,237);
	color:#FFF;
	border-radius:10px;
}


.app .runners-best .col-checks{
	font-size:12px;
	line-height:16px;
	padding:5px;
}

.app .runners-best .col-checks table{
	width:100%;
}
.app .runners-best .col-checks table td{
	text-align:center;
}

.app .runners-best-double .col-checks table td{
	width:50%;
}

.app .runners-best-triple .col-checks table td{
	width:33.333%;
}

.app .runners-best-quadruple .col-checks table td{
	width:25%;
}






/* Runners All / Runners best */
.app .runners-all .runner-scratched,
.app .runners-best .runner-scratched{
	background:#EDEDED;
}
.app .runners-all .scratched-time,
.app .runners-best .scratched-time{
	font-size:12px;
	line-height:1.2em;
	color:#666;
	text-align:center;
}

.app .runners-all .col-bookmaker .price,
.app .runners-best .runner .bookmaker-price{
	cursor:pointer;
}

.app .runners-all .runner-scratched .runner-name,
.app .runners-all .runner-scratched .runner-name .runner-jockey,
.app .runners-all .runner-scratched .runner-name .runner-trainer,
.app .runners-all .runner-scratched td .col-bookmaker .price,
.app .runners-best .runner-scratched .runner-name,
.app .runners-best .runner-scratched .runner-name .runner-jockey,
.app .runners-best .runner-scratched .runner-name .runner-trainer,
.app .runners-best .runner-scratched .runner-bookmaker-best .bookmaker-price{
	color:#ACACAC;
	text-decoration:line-through;	
}


.app .runners-all .runners-multileg-leg-title,
.app .runners-best .runners-multileg-leg-title{
    display:block;
    background:#00334b;
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding:10px 0;
    margin:4px auto;
}




/* Forms */
.form{
	padding:20px 10px;
}
.form label{
	font-size:10px;
	line-height:13px;
}
.form .checkbox label input[type=checkbox], 
.form .radio label input[type=radio]{
	margin-top:0px;
}

.form .form-group{
	margin-bottom:10px;
}

.form .row-bookmaker{
	margin-bottom:20px;
}
.form .row-bookmaker .bookmaker-balance{
	text-align:right;
	font-size:12px;
	line-height:14px;
}

/* Betslips */
.betslip{
	position:relative;
	padding:10px;
}

.betslip + .betslip{
	margin-top:15px;
}

.betslip .betslip-title{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #1A1A1A;
	cursor:pointer;
}

.betslip .bet{
	position:relative;
	border:1px solid #e2e2e2;
	padding:4px;
	
	font-size:12px;
	line-height:15px;
}

.betslip .bet .row > div{
	line-height:30px;
}
.betslip .bet .row .runner-name,
.betslip .bet .row .event-venue{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.betslip .bet form{
	padding:0;
}

.betslip .bet .input-group-sm > .form-control,
.betslip .bet form .input-sm{
	padding:3px 3px;
	height:30px;
}
.betslip .bet .input-group-sm > .input-group-btn > .btn{
	padding:3px 7px;
	height:30px;
}
.betslip .bet + .bet{
	margin-top:10px;
}

.betslip .bet .bet-close{
	display:block;
	width:30px;
	height:30px;
	top:0;
	right:0;
	z-index:2;
	
	line-height:30px;
	text-align:center;
}
.betslip .bet .runner-name{
	font-weight:bold;
}

.betslip .bet .row-btns{
	margin-top:20px;
}

.betslip .bet .row-btns .btn-success:hover{
	color:#fff;
}

/* Race Results */
.race-results{
	
}
.race-results thead tr td{
	font-size:10px;
	font-weight:bold;
	line-height:13px;
	padding:2px;
	background:#f9f9f9;
}
.race-results tbody tr td{
	font-size:12px;
	line-height:15px;
	padding:2px;
}

.race-results .runner-silk{
	max-width:30px;
}
.race-results .runner-silk img{
	width:100%;
	height:auto;
}
.race-results .runner-name{
	text-align:left;
	font-weight:bold;
	color:#337ab7;
	white-space:nowrap;
}

.race-results .runner-name .runner-jockey,
.race-results .runner-name .runner-trainer{
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	color:#666;
}

/* Sport Events List */
.app .sport-events-container{
	position:relative;
	height:239px;
    background:#F6F6F6;
    margin:0;
    padding:0;
	border-top:1px solid #CACACA;
	border-bottom:1px solid #CACACA;
	
    -webkit-box-shadow:inset 0 0 6px 0 #888;
    box-shadow:inset 0 0 6px 0 #888;

    overflow:hidden;
	
	overflow-y:scroll;
	overflow-y:auto;
}
.app .sport-events .row{
    cursor:pointer;
}
.app .sport-events .row:nth-child(even){
	background:#f9f9f9;
	border-top:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
}
.app .sport-events .sport-event-date,
.app .sport-events .sport-event-name,
.app .sport-events .sport-event-status{
	padding:7px 4px;
	
	font-size:12px;
	line-height:14px;
}
.app .sport-events .row + .row{
	border-top:1px solid #CCC;
}

.app .sports-more-events{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	background:#FFF;
	border-top:1px solid #FEFEFE;
}
.app .sports-more-events .toggle-events{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
}
.app .sports-odds-container{
	min-height:100%;
}
.app .sports-odds-container table tr td{
	font-size:12px;
	line-height:15px;
	border:1px solid #ddd;
	padding:6px;
}


.app .sports-odds-container .col-proposition-name{
	white-space:nowrap;
}
.app .sports-odds-container .col-bookmaker{
	text-align:center;
}
.app .sports-odds-container tbody .col-bookmaker .price{
    display:block;
    padding:10px 0;
    font-weight:bold;
	cursor:pointer;
}

.app .sports-odds-container tbody .col-bookmaker-best .price{
	
	background:#6495ed;
	background:rgb(100, 149, 237);
	color:#FFF;
	border-radius:10px;
}

/* Betting History */
.history-filters,
.history-transaction-list{
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	right:0;	
}
.history-filters{
	top:0;
	height:50px;
}
.history-transaction-list{
	top:50px;
	bottom:0;
	background:#fff;
}
.history-filters .btn-group{
	width:100%;
	white-space:nowrap;
	text-align:center;
	margin:5px auto;
}

.history-filters .btn-group .btn{
	width:auto;
	max-width:none;
	white-space:nowrap;
	margin:auto;
	padding:10px 7px;
}
.history-transaction-list .page-summary,
.history-transaction-list .history-transaction{
	margin:10px 5px;
	padding:5px;
	color:#333;
}
.history-transaction-list .page-summary{
	font-size:10px;
	line-height:13px;
	color:#555;
	text-align:center;
}
.history-transaction-list .history-transaction{
	background:#FDFDFD;
	border:1px solid #CBCBCB;
}

.history-transaction-list .history-transaction label{
	width:50px;
	
	font-size:10px;
	line-height:13px;
	color:#555;
}
.history-transaction-list .history-transaction span{
	font-size:12px;
	line-height:16px;
	color:#333;
}
.history-transaction-list .history-transaction .field-bookmaker{
	float:right;
	margin:0 0 10px 5px;
}
.history-transaction-list .history-transaction .field-event{
	font-weight:bold;
}
.history-transaction-list .history-transaction .field-selection{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

/* Icons */
.ico{
	position:relative;
	display:-moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	vertical-align:middle;
	
	width:20px;
	height:20px;
}

.ico-lg{
	width:30px;
	height:30px;
}
.ico-racing{
	background:transparent url("img/ico-racing.png") no-repeat center center;
	background-size:contain;
}
.ico-racing-alt{
	background:transparent url("img/ico-racing-light.png") no-repeat center center;
	background-size:contain;
}

.ico-harness{
	background:transparent url("img/ico-harness.png") no-repeat center center;
	background-size:contain;
}
.ico-harness-alt{
	background:transparent url("img/ico-harness-light.png") no-repeat center center;
	background-size:contain;
}

.ico-greyhound{
	background:transparent url("img/ico-greyhound.png") no-repeat center center;
	background-size:contain;
}
.ico-greyhound-alt{
	background:transparent url("img/ico-greyhound-light.png") no-repeat center center;
	background-size:contain;
}

.ico-flag-au{
	background:transparent url("img/ico-flag-au.png") no-repeat center center;
	background-size:contain;
}

/* Loading Overlay */
.app-loading{
	display:none;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(255,255,255,0.9);
	z-index:99;
}
.app-loading .app-loading-content{
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	z-index:5;
	
	font-size:40px;
	line-height:50px;
	color:#0f4968;
	text-align:center;
}

.loading .app-loading,
.loading-danger .app-loading{
	display:block;
}

.loading-danger .app-loading{
	background:rgba(255,200,200,0.9);
}
.loading-danger .app-loading .loading-spinner{
	color:#CC0000;
}


.loading-danger .app-loading .app-loading-content:before,
.loading-danger .app-loading .app-loading-content:after{
    position:absolute;
    display:block;
    width:50px;
    height:50px;
    left:50%;
    top:50%;
    content:" ";
    z-index:10;
    
    opacity: 0;
    
    border: 1px solid rgba(255,255,255,.5);
    border-color:#CC0000;

    -webkit-border-radius:50%;
    border-radius:50%;

    -webkit-transform:scale(.35) translateY(-50%) translateX(-50%);
    -ms-transform:scale(.35) translateY(-50%) translateX(-50%);
    transform:scale(.35) translateY(-50%) translateX(-50%);
    
    -webkit-animation:pulse 2.6s cubic-bezier(.25,.9,.2,1) .4s infinite;
    animation:pulse 2.6s cubic-bezier(.25,.9,.2,1) .4s infinite;
}
.loading-danger .app-loading .app-loading-content:after{
    -webkit-animation:pulse 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite;
    animation:pulse 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite;
}

@-webkit-keyframes pulse{
    0%{
        -webkit-transform:translate3d(-50%,-50%,0) scale(1);
        opacity:.5
    }
    100%{
        -webkit-transform:translate3d(-50%,-50%,0) scale(1.7);
        opacity:0
    }
}
@keyframes pulse{
    0%{
        transform:translate3d(-50%,-50%,0) scale(1);
        opacity:.5
    }
    100%{
        transform:translate3d(-50%,-50%,0) scale(1.7);
        opacity:0
    }
}



/* Grid */
.menu .row{
	margin-left:-10px;
	margin-right:-10px;
}
.row.row-xspad{
	margin-left:-2px;
	margin-right:-2px;
}
.row.row-xspad > div{
	padding-left:2px;
	padding-right:2px;
}
.row.row-smpad{
	margin-left:-5px;
	margin-right:-5px;
}
.row.row-smpad > div{
	padding-left:5px;
	padding-right:5px;
}

.row.row-nopad{
	margin-left:0;
	margin-right:0;
}
.row.row-nopad > div{
	padding:0;
}
.scrollable{
	z-index:2;
	max-height:100%;
	
	overflow-x:scroll;
	overflow-y:scroll;
	
	overflow-x:auto;
	overflow-y:auto;
}

/* FX */
.text-blink {
	-webkit-animation: blinker 1s linear infinite;
	animation: blinker 1s linear infinite;
}

.app .runners-all .col-bookmaker,
.app .runners-best .runner,
.app .runners-best .runner .bookmakers .bookmaker,
.app .runners-best .runner .bookmaker-price,
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-price{
	position:relative;
	
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}

.app .runners-all .col-bookmaker.text-blink-green,
.app .runners-best .runner .text-blink-green,
.app .runners-best .runner .bookmakers .bookmaker .text-blink-green{
	color:#00CC00!important;
}

.app .runners-all .col-bookmaker.text-blink-red,
.app .runners-best .runner .text-blink-red,
.app .runners-best .runner .bookmakers .bookmaker .text-blink-red{
	color:#CC3333!important;
}


.app .runners-all .col-bookmaker.text-blink-green .price:before,
.app .runners-all .col-bookmaker.text-blink-red .price:after,
.app .runners-best .runner .bookmaker-price.text-blink-green:before,
.app .runners-best .runner .bookmaker-price.text-blink-red:after,
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-price.text-blink-green:before,
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-price.text-blink-red:after{
	position:absolute;
	content:"";
	width:0; 
	height:0; 
	left:0;
	right:0;
	margin:auto;
	text-align:center;
}

.app .runners-all .col-bookmaker.text-blink-green .price:before,
.app .runners-best .runner .bookmaker-price.text-blink-green:before,
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-price.text-blink-green:before{
	top:0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #00CC00;
}
.app .runners-all .col-bookmaker.text-blink-green .price:before{
	top:-3px;
}

.app .runners-all .col-bookmaker.text-blink-red .price:after,
.app .runners-best .runner .bookmaker-price.text-blink-red:after,
.app .runners-best .runner .bookmakers .bookmaker .bookmaker-price.text-blink-red:after{
	bottom:0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #CC3333;
}
.app .runners-all .col-bookmaker.text-blink-red .price:after{
	bottom:-3px;
}

@-webkit-keyframes blinker {
	50% {
		opacity: 0;
	}
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}


/* Forms */
ul.alert{
	list-style:none;
	margin:0 0 5px 0;
	padding:6px 3px;
}
ul.alert li{
	font-size:0.95em;
	line-height:1.2em;
}
.form-error{
	display:block;
	font-size:0.8em;
	line-height:1.2em;
	padding:2px;
	color:#a94442;
}

.menu .form-error,
.menu .has-error .checkbox, 
.menu .has-error .checkbox-inline, 
.menu .has-error .control-label, 
.menu .has-error .help-block, 
.menu .has-error .radio, 
.menu .has-error .radio-inline, 
.menu .has-error.checkbox label, 
.menu .has-error.checkbox-inline label, 
.menu .has-error.radio label, 
.menu .has-error.radio-inline label{
	color:#f00;
    text-shadow:-1px -1px 0 #000;
}

/* Modals */
.modal-content{
	overflow:hidden;
}
.modal-info .modal-header{
	background:#d9edf7;
	color:#31708f;
}
.modal-info .modal-body{
	color:#31708f;
}
.modal-info .modal-footer{
	
}

.modal-warning .modal-header{
	background:#fcf8e3;
	color:#8a6d3b;
}
.modal-warning .modal-body{
	color:#8a6d3b;
}
.modal-warning .modal-footer{
	
}

.modal-danger .modal-header{
	background:#f2dede;
	color:#a94442;
}
.modal-danger .modal-body{
	color:#a94442;
}
.modal-danger .modal-footer{
	
}




/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px)
{
	.app{
		min-width:320px;
	}
	
	/* Navbar */
	.app .navbar-brand{
		width:150px;
		padding:0;
	}
	
}

.scrollable,
.app .sport-events-container,
.menu .event-list tbody,
.app .more-bet-types,
ul.list-event-num{
    -webkit-overflow-scrolling:touch;
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px)
{

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
{

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{
		
}


/* Extra-large Devices, Wide Screens */
@media only screen and (min-width : 1600px)
{

}