body,html{
		height: 100%;
	}
	
	.navbar {
    	margin-bottom: 0px; 
		
	}

	/* remove outer padding */
	/*.main .row{
		padding: 0px;
		margin: 0px;
	}*/

	/*Remove rounded coners*/

	nav.sidebar.navbar {
		border-radius: 0px;
	}

	nav.sidebar, .main{
		-webkit-transition: margin 200ms ease-out;
	    -moz-transition: margin 200ms ease-out;
	    -o-transition: margin 200ms ease-out;
	    transition: margin 200ms ease-out;
	}

	/* Add gap to nav and right windows.*/
	.main{
		/*padding: 10px 10px 0 10px;*/
	}

	/* .....NavBar: Icon only with coloring/layout.....*/

	/*small/medium side display*/
	@media (min-width: 768px) {

		/*Allow main to be next to Nav*/
		.main{
			position: absolute;
			width: calc(100% - 40px); /*keeps 100% minus nav size*/
			margin-left: 40px;
			float: right;
		}

		/*lets nav bar to be showed on mouseover*/
		nav.sidebar:hover + .main{
			margin-left: 200px;
		}

		/*Center Brand*/
		nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
			margin-left: 0px;
		}
		/*Center Brand*/
		nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
			text-align: center;
			width: 100%;
			margin-left: 0px;
			
		}

		/*Center Icons*/
		nav.sidebar a{
			padding-right: 13px;
		}

		/*adds border top to first nav box */
		nav.sidebar .navbar-nav > li:first-child{
			border-top: 1px #e5e5e5 solid;
		}

		/*adds border to bottom nav boxes*/
		nav.sidebar .navbar-nav > li{
			border-bottom: 1px #e5e5e5 solid;
		}

		/* Colors/style dropdown box*/
		nav.sidebar .navbar-nav .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: transparent;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		/*allows nav box to use 100% width*/
		nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
			padding: 0 0px 0 0px;
		}

		/*colors dropdown box text */
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
			color: #777;
		}

		/*gives sidebar width/height*/
		nav.sidebar{
			width: 200px;
			height: 100%;
			margin-left: -160px;
			float: left;
			z-index: 8000;
			margin-bottom: 0px;
			position : fixed;
		}

		/*give sidebar 100% width;*/
		nav.sidebar li {
			width: 100%;
		}

		/* Move nav to full on mouse over*/
		nav.sidebar:hover{
			margin-left: 0px;
		}
		/*for hiden things when navbar hidden*/
		.forAnimate{
			opacity: 0;
		}
	}

	/* .....NavBar: Fully showing nav bar..... */

	@media (min-width: 1330px) {

		/*Allow main to be next to Nav*/
		.main{
			width: calc(100% - 200px); /*keeps 100% minus nav size*/
			margin-left: 200px;
		}

		/*Show all nav*/
		nav.sidebar{
			margin-left: 0px;
			float: left;
			position : fixed;
		}
		/*Show hidden items on nav*/
		nav.sidebar .forAnimate{
			opacity: 1;
		}
		
		/* .well-sm
		{
			color:white; background-color:black;margin-bottom: auto;padding: 6px;position: fixed;width:80%; overflow: hidden; z-index: 10;
		}
		
		#headerfix
		{
			margin-top: 50px;
		} */
	}
	
	

	nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #CCC;
		background-color: transparent;
	}

	nav:hover .forAnimate{
		opacity: 1;
	}
	section{
		padding-left: 0px;
	}
	
	/******* START RACE TAB *************/	
	.board {
	    width: 99%;
		/*margin: 60px auto;
		height: 500px;
		background: #fff;*/
	/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
	}
	.board .nav-tabs {
	    position: relative;
	    /* border-bottom: 0; */
	    /* width: 80%; */
	    margin: 10px auto;
	    margin-bottom: 0;
	    box-sizing: border-box;
	
	}
	
	.board > div.board-inner{
	    /*background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);*/
	    background-size: 30%;
	}
	
	p.narrow{
	    width: 60%;
	    margin: 10px auto;
	}
	
	.liner{
	    height: 2px;
	    background: #ddd;
	    position: absolute;
	    width: 90%;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	    top: 50%;
	    z-index: 1;
	}
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	    color: #555555;
	    cursor: default;
	    /* background-color: #ffffff; */
	    border: 0;
	    border-bottom-color: transparent;
	}
	
	span.round-tabs{ 
	    width: 50px;
	    height: 50px;
	    line-height: 45px;
	    display: inline-block;
	    border-radius: 100px;
	    background: white;
	    z-index: 2;
	    position: absolute;
	    left: 0;
	    text-align: center;
	    font-size: 25px;
	}
	
	span.round-tabs.one{
	    color: black;border: 2px solid black;
	}
	
	li.active span.round-tabs.one{
	    background: #fff !important;
	    border: 2px solid #ddd;
	    color: rgb(34, 194, 34);
	}
	
	span.round-tabs.two{
	    color: #febe29;border: 2px solid #febe29;
	}
	
	li.active span.round-tabs.two{
	    background: #fff !important;
	    border: 2px solid #ddd;
	    color: #febe29;
	}
	
	span.round-tabs.three{
	    color: #3e5e9a;border: 2px solid #3e5e9a;
	}
	
	li.active span.round-tabs.three{
	    background: #fff !important;
	    border: 2px solid #ddd;
	    color: #3e5e9a;
	}
	
	span.round-tabs.four{
	    color: #f1685e;border: 2px solid #f1685e;
	}
	
	li.active span.round-tabs.four{
	    background: #fff !important;
	    border: 2px solid #ddd;
	    color: #f1685e;
	}
	
	span.round-tabs.five{
	    color: #999;border: 2px solid #999;
	}
	
	li.active span.round-tabs.five{
	    background: #fff !important;
	    border: 2px solid #ddd;
	    color: #999;
	}
	
	.nav-tabs > li.active > a span.round-tabs{
	    background: #fafafa;
	}
	.nav-tabs > li {
	    width: 10%;
	   /* padding:20px;*/
	}
	/*li.active:before {
	    content: " ";
	    position: absolute;
	    left: 45%;
	    opacity:0;
	    margin: 0 auto;
	    bottom: -2px;
	    border: 10px solid transparent;
	    border-bottom-color: #fff;
	    z-index: 1;
	    transition:0.2s ease-in-out;
	}*/
	.nav-tabs > li:after {
	    content: " ";
	    position: absolute;
	    left: 45%;
	   opacity:0;
	    margin: 0 auto;
	    bottom: 0px;
	    border: 5px solid transparent;
	    border-bottom-color: #ddd;
	    transition:0.1s ease-in-out;
	    
	}
	.nav-tabs > li.active:after {
	    content: " ";
	    position: absolute;
	    left: 45%;
	   opacity:1;
	    margin: 0 auto;
	    bottom: 0px;
	    border: 10px solid transparent;
	    border-bottom-color: #ddd;
	    
	}
	.nav-tabs > li a{
	   width: 50px;
	   height: 50px;
	   margin: 20px auto;
	   border-radius: 100%;
	   padding: 0;
	}
	
	.nav-tabs > li a:hover{
	    background: transparent;
	}
	
	.tab-content{
	}
	.tab-pane{
	   position: relative;
	   padding-top: 10px;
	}
	.tab-content .head{
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 25px;
	    text-transform: uppercase;
	    padding-bottom: 10px;
	}
	.btn-outline-rounded{
	    padding: 10px 40px;
	    margin: 20px 0;
	    border: 2px solid transparent;
	    border-radius: 25px;
	}
	
	.btn.green{
	    background-color:#5cb85c;
	    /*border: 2px solid #5cb85c;*/
	    color: #ffffff;
	}
	
	 
	
	@media( max-width : 585px ){
	    
	.board {
	width: 100%;
	height:auto !important;
	}
	    span.round-tabs {
	        font-size:16px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	    }
	    .tab-content .head{
	        font-size:20px;
	        }
	    .nav-tabs > li a {
	width: 50px;
	height: 50px;
	line-height:50px;
	}
	
	.nav-tabs > li.active:after {
	content: " ";
	position: absolute;
	left: 35%;
	}
	
	.btn-outline-rounded {
	    padding:12px 20px;
	    }
	}	
	
	.courseTable {
		color: black;
	}
	
	
	.courseTable td {
		text-align:left;
	}
	
	.courseTable > tbody > tr:nth-of-type(2n+1) {
    	background-color: #f9f9f9;
	}
	
	
	.courseTableDashboard {
		color: black;
	}
	
	
	.courseTableDashboard td {
		text-align:left;
		font-size:12px;
		padding:2px;

	}

	.courseTableDashboard tr {
		padding:2px;
	}
	
	.courseTableDashboard th {
		text-align:left;
		font-size:12px;
		padding:2px;

	}
	
	
	
	.courseTableDashboard > tbody > tr:nth-of-type(2n+1) {
    	background-color: #f9f9f9;
	}	

/* BET Table in mybettorPlacedBets */	
	#responsiveTable {
		
	}
	table#responsiveTable tbody tr td {text-align: right;}
	table#responsiveTable tbody tr td:first-child {text-align: left;}
	
	
	#bettorsAccountResponsiveTable {
		
	}
	table#bettorsAccountResponsiveTable tbody tr td {text-align: right;}
	table#bettorsAccountResponsiveTable tbody tr td:first-child {text-align: left;}	
	table#bettorsAccountResponsiveTable .payMobile {display: none;}
	
	
	#bookmakerbet { 
		
	}
	table#bookmakerbet tbody tr td {text-align: right;}
	table#bookmakerbet tbody tr td:first-child {text-align: left;}	
	table#bookmakerbet .payMobile {display: none;}	
	table#bookmakerbet tbody tr td:nth-child(2) { text-align: left;}
	table#bookmakerbet tbody tr td:nth-child(3) { text-align: left;}
	table#bookmakerbet tbody tr td:nth-child(4) { text-align: left;}	
	
	.headerToHide {
		display: table-cell;
	}	
	
@media screen and (max-width: 600px) {
	
	
	.nav-tabs > li a {
		margin: 10px auto;
		margin-top: 5px;
	}
	
    table#responsiveTable tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#responsiveTable thead { display: none; }
	/*table#responsiveTable tbody td { display: block; padding: .6rem; min-width:320px;}*/
	table#responsiveTable tbody tr td:nth-child(2) { font-size: 15px;border: 0 none;display: inline-block;width:23%; text-align: right;}
	table#responsiveTable tbody tr td:nth-child(3) { font-size: 15px;border: 0 none;display: inline-block;width:18%;text-align: right;}
	table#responsiveTable tbody tr td:nth-child(4) { font-size: 15px;border: 0 none;display: inline-block;width:18%;text-align: right;}
	table#responsiveTable tbody tr td:nth-child(5) { font-size: 15px;border: 0 none;display: inline-block;width:18%;text-align: right;}
	table#responsiveTable tbody tr td:nth-child(6) { font-size: 15px;border: 0 none;display: inline-block;width:18%;text-align: right;}
	table#responsiveTable tbody tr td:first-child {display: block; background: #333; color: #fff; }
	
	table#responsiveTable tfoot td{display:block; }
	table#responsiveTable tfoot td .btn{display:block;}
	
	/** Betters Account Responsibe Table **/
    table#bettorsAccountResponsiveTable tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#bettorsAccountResponsiveTable thead { display: none; }
	
	table#bettorsAccountResponsiveTable .payMobile {display: inline-block;float: right;}
	
	/*table#responsiveTable tbody td { display: block; padding: .6rem; min-width:320px;}*/
	table#bettorsAccountResponsiveTable tbody tr td:nth-child(2) { font-size: 15px;border: 0 none;display: inline-block;width:23%; text-align: right;}
	table#bettorsAccountResponsiveTable tbody tr td:nth-child(3) { font-size: 15px;border: 0 none;display: inline-block;width:23%;text-align: right;}
	table#bettorsAccountResponsiveTable tbody tr td:nth-child(4) { font-size: 15px;border: 0 none;display: inline-block;width:23%;text-align: right;}
	table#bettorsAccountResponsiveTable tbody tr td:nth-child(5) { font-size: 15px;border: 0 none;display: inline-block;width:23%;text-align: right;}
	table#bettorsAccountResponsiveTable tbody tr td:nth-child(6) { font-size: 15px;border: 0 none;display: none;width:0%;text-align: right;}
	table#bettorsAccountResponsiveTable tbody tr td:first-child {display: block; background: #333; color: #fff; }
	
	table#bettorsAccountResponsiveTable tfoot td{display:block; }
	table#bettorsAccountResponsiveTable tfoot td .btn{display:block;}	
	/** END Betters Account Responsibe Table **/
	
	
	/** Bookmaker Bets Responsibe Table **/
    table#bookmakerbet tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	} 
	
	table#bookmakerbet thead { display: none; }
	
	table#bookmakerbet .payMobile {display: inline-block;float: right;}
	
	/*table#responsiveTable tbody td { display: block; padding: .6rem; min-width:320px;}
	table#bookmakerbet tbody tr td:nth-child(2) { font-size: 15px;border: 0 none;display: inline-block;width:23%; text-align: right;}
	table#bookmakerbet tbody tr td:nth-child(3) { font-size: 15px;border: 0 none;display: inline-block;width:23%;text-align: right;}
	table#bookmakerbet tbody tr td:nth-child(4) { font-size: 15px;border: 0 none;display: inline-block;width:23%;text-align: right;}*/
	.headerToHide {
		display:none !important;
	}	
	
	table#bookmakerbet tbody tr td:nth-child(5) { font-size: 15px;border: 0 none;display: inline-block;width:16%;text-align: right;}
	table#bookmakerbet tbody tr td:nth-child(6) { font-size: 15px;border: 0 none;display: inline-block;width:16%;text-align: right;}
	table#bookmakerbet tbody tr td:nth-child(7) { font-size: 15px;border: 0 none;display: inline-block;width:16%;text-align: right;}
	table#bookmakerbet tbody tr td:nth-child(8) { font-size: 15px;border: 0 none;display: inline-block;width:16%;text-align: right;}
	table#bookmakerbet tbody tr td:nth-child(9) { font-size: 15px;border: 0 none;display: inline-block;width:16%;text-align: right;}
	table#bookmakerbet tbody tr td:nth-child(10) { font-size: 15px;border: 0 none;display: inline-block;width:20%;text-align: right;}

	/*table#bookmakerbet tbody tr td:first-child {display: block; background: #333; color: #fff; }*/
	table#bookmakerbet tbody tr td:nth-child(2) {display: inline-block; background: #333; color: #fff; font-size: 12px;}
	table#bookmakerbet tbody tr td:nth-child(3) {display: inline-block; background: #333; color: #fff; width: 34%;font-size: 12px;height: 37px;}
	table#bookmakerbet tbody tr td:nth-child(4) {
	    display: block;
		background: #333;
		color: #fff;
		float: right;
		width: 53%;
		height: 37px;
		font-size: 12px;				
	}
	
	table#bookmakerbet tfoot td{display:block; }
	table##bookmakerbet tfoot td .btn{display:block;}	
	
	

	/** END Bookmaker Bets Responsibe Table **/	
	
	
	/** START My Bettors Responsibe Table **/
	table#mybettorsrTable thead { display: none; }
	
	table#mybettorsrTable .payMobile {display: inline-block;float: right;}
	
	/*table#responsiveTable tbody td { display: block; padding: .6rem; min-width:320px;}
	table#mybettorsrTable tbody tr td:nth-child(2) { font-size: 15px;border: 0 none;display: inline-block;width:23%; text-align: right;}
	table#mybettorsrTable tbody tr td:nth-child(3) { font-size: 15px;border: 0 none;display: inline-block;width:23%;text-align: right;}
	table#mybettorsrTable tbody tr td:nth-child(4) { font-size: 15px;border: 0 none;display: inline-block;width:23%;text-align: right;}*/
	.headerToHide {
		display:none !important;
	}	
	
	/*table#mybettorsrTable tbody tr td:nth-child(5) { font-size: 15px;border: 0 none;display: inline-block;width:16%;text-align: right;}*/
	table#mybettorsrTable tbody tr td:nth-child(6) { font-size: 15px;border: 0 none;display: inline-block;width:20%;text-align: right;}
	table#mybettorsrTable tbody tr td:nth-child(7) { font-size: 15px;border: 0 none;display: inline-block;width:15%;text-align: right;}
	table#mybettorsrTable tbody tr td:nth-child(8) { font-size: 15px;border: 0 none;display: inline-block;width:25%;text-align: right;}
	table#mybettorsrTable tbody tr td:nth-child(9) { font-size: 15px;border: 0 none;display: inline-block;width:20%;text-align: right;}
	table#mybettorsrTable tbody tr td:nth-child(10) { font-size: 15px;border: 0 none;display: inline-block;width:20%;text-align: right;}

	table#mybettorsrTable tbody tr th:nth-child(6) { font-size: 15px;border: 0 none;display: inline-block;width:20%;text-align: right;}
	table#mybettorsrTable tbody tr th:nth-child(7) { font-size: 15px;border: 0 none;display: inline-block;width:15%;text-align: right;}
	table#mybettorsrTable tbody tr th:nth-child(8) { font-size: 15px;border: 0 none;display: inline-block;width:25%;text-align: right;}
	table#mybettorsrTable tbody tr th:nth-child(9) { font-size: 15px;border: 0 none;display: inline-block;width:20%;text-align: right;}
	table#mybettorsrTable tbody tr th:nth-child(10) { font-size: 15px;border: 0 none;display: inline-block;width:20%;text-align: right;}
 

	/*table#mybettorsrTable tbody tr td:first-child {display: block; background: #333; color: #fff; }*/
	table#mybettorsrTable tbody tr td:nth-child(2) {display: inline-block; background: #333; color: #fff; font-size: 12px;width: 5%;height: 37px;padding-top: 10px;}
	table#mybettorsrTable tbody tr td:nth-child(3) {display: inline-block; background: #333; color: #fff; width: 50%;font-size: 12px;height: 37px;padding-top: 10px;}
	table#mybettorsrTable tbody tr td:nth-child(4) {display: inline-block; background: #333; color: #fff; width: 23%;font-size: 12px;height: 37px;padding-top: 10px;text-align: center;}	
	table#mybettorsrTable tbody tr td:nth-child(5) {
	    display: block;
		/*background: #333;		*/
		float: right;
		width: 20%; 
		height: 37px;
		font-size: 12px;
		padding: 0px;
		text-align: right;	
		margin-right: 5px;		
		
	}
	
	table#mybettorsrTable tbody tr th:nth-child(2) {display: inline-block; background: #333; color: #fff; font-size: 12px;height: 37px;padding-top: 10px;}
	table#mybettorsrTable tbody tr th:nth-child(3) {display: inline-block; background: #333; color: #fff; width: 50%;font-size: 12px;height: 37px;padding-top: 10px;}
	table#mybettorsrTable tbody tr th:nth-child(4) {display: inline-block; background: #333; color: #fff; width: 20%;font-size: 12px;height: 37px;padding-top: 10px;text-align: center;}	
	table#mybettorsrTable tbody tr th:nth-child(5) {
	    display: block;
		background: #333;
		color: #fff;
		float: right;
		width: 25%;
		height: 37px;
		font-size: 12px;
					
	}	
	
	table#mybettorsrTable tfoot td{display:block; }
	table##mybettorsrTable tfoot td .btn{display:block;}	
	
	table##mybettorsrTable .tabledit-edit-button {
		
	}
	/** END My Bettors Responsibe Table **/
	
	.mybettor .panel-body {
		padding:0px;
	}
	
}	


/* LOADER ****/
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: fixed;
  top: 40%;
  left: 45%;  
  z-index:99;
  display:none;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

input.form-control:focus 
{
	border: 3px solid #555;
}

/* .well-sm
{
	color:white; background-color:black;margin-bottom: 0px;padding: 6px;position: fixed;width:80%; overflow: hidden; z-index: 10;
} */


/* BET Table in mybettorPlacedBets */	

/* BETTOR Table in mybettor 	
	#betTable {
		
	}
	table#betTable tbody tr td {text-align: right;}
	table#betTable tbody tr td:first-child {text-align: left;}
	table#betTable tbody tr td:nth-child(2) {text-align: left;}
	table#betTable tbody tr td:nth-child(3) {text-align: left;}	
	
	
@media screen and (max-width: 600px) {
    table#betTable tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#betTable thead { display: none; }
	/*table#responsiveTable tbody td { display: block; padding: .6rem; min-width:320px;}/
	table#betTable tbody tr td:nth-child(2) { display: inline-block;width:33%; text-align: right;}
	table#betTable tbody tr td:nth-child(3) { display: inline-block;width:33%;text-align: right;}
	table#betTable tbody tr td:nth-child(4) { display: block;width:25%;text-align: right;}
	table#betTable tbody tr td:nth-child(5) { display: inline-block;width:25%;text-align: right;}
	table#betTable tbody tr td:nth-child(6) { display: inline-block;width:25%;text-align: right;}
	table#betTable tbody tr td:nth-child(7) { display: block;width:25%;text-align: right;}
	table#betTable tbody tr td:nth-child(8) { display: inline-block;width:25%;text-align: right;}
	table#betTable tbody tr td:nth-child(9) { display: inline-block;width:25%;text-align: right;}
	table#betTable tbody tr td:first-child {display: inline-block; width:33%; background: #333; color: #fff; }
	/*table#responsiveTable tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}/
		
}	
/ BETTOR Table in mybettor */		 

	
	/******* END RACE TAB *************/