/*
 * Base structure
 */
 
/*
	1- #272525
	2- #ff3716
*/

/* Move down content because we have a fixed navbar that is 50px tall */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .list-group-item {padding-left:0px;padding-right:0px;}
body {
  padding-top: 50px;
  background-color:#333;
  color:#fff;
}
.panel-body {
    padding: 0px!important;
}

.menu-lateral{background-color:#333;color:#fff;border-color:#000;}
.menu-lateral a{color:#fff;font-size:12px;border-right:3px solid #333;}
.menu-lateral .active a{background-color:#272525;color:#ff3716;border-right:3px solid #ff3716;}
.menu-lateral .active a,.menu-lateral .active a:hover{background-color:#272525;color:#ff3716;}
.menu-lateral li>a:hover{background-color:#272525;color:#ff3716;border-right:3px solid #ff3716;}
.badge{background-color:#222;color:#ff3716;float:right;}
.breadcrumb{background-color:#272525;color:#ff3716;}
.breadcrumb li>a{color:#fff;}

.kode-widget-title h1>a{background-color:#272525;color:#ff3716;border-right:3px solid #ff3716;padding:10px 15px;}
.kode-widget-title h1>a:hover{background-color:#272525;color:#ff3716;}

/*.panel-body{padding:0!important;margin:0!important;height:100px;}*/

.camp{
	margin-bottom:5px!important;
	background-color:#272525!important;
	color:#fff!important;
	border-color:#000!important;
}
.camp-title{
	background-color:#272525!important;
	color:#ff3716!important;
	border-color:#000!important;
}
.camp-data{
	background-color:#999;
	padding:3px 5px;
	color:#555;
	height:25px;
}
.camp-data .c-data{text-align:left;padding:0;}
.camp-data .c-um{text-align:center;padding:0;}
.camp-data .c-x{text-align:center;padding:0;}
.camp-data .c-dois{text-align:center;padding:0;}

.camp-partidas{
	background-color:#272525!important;
	color:#fff!important;
	border-color:#000!important;
}
.camp-partidas .p-dados{text-align:left;padding:5px;border:1px solid #333;min-height: 71px;}
.camp-partidas a .p-dados{color:#fff;}
.camp-partidas a:hover .p-dados{color:#ff3716;}
.camp-partidas .p-hora{text-align:left;font-size:11px;color:#ccc;}

.camp-partidas .p-um{text-align:center;padding:7% 2.4%;border:1px solid #333;background-color:#272525!important;color:#fff!important;font-weight:500;min-height: 71px;}
.camp-partidas .p-x{text-align:center;padding:7% 2.4%;border:1px solid #333;background-color:#272525!important;color:#fff!important;font-weight:500;min-height: 71px;}
.camp-partidas .p-dois{text-align:center;padding:7% 2.4%;border:1px solid #333;background-color:#272525!important;color:#fff!important;font-weight:500;min-height: 71px;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{color: #272525 !important;background-color: #ff3716!important;border-color: #333 !important;outline:none;font-weight:500;}
.btn-default {color: #fff !important;background-color: #272525 !important;border-color: #333 !important;}

.mais-odds-list {
    min-height: 20px;
    padding: 7px!important;
    margin-bottom: 20px;
    background-color: #333!important;
    border: 1px solid #000!important;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.mais-odds-title{
	background-color:#333;
	padding:10px;
	color:#ff3716;
	font-size:15px;
}
.mais-odds-botoes{
	border:1px solid #272525;
	padding:2%;
}

.pin{
	position: -webkit-fixed;
	position: fixed;
	bottom: 0;
	padding: 20px;
	background-color: #272525;
}
.pin span, .modal-title span{
	background-color:#ff3716;
	border-radius:10%;
	padding:5px;
}

.bg-dakar, .pin-list li{
	background-color:#272525!important;
}
.carrinho{
	background-color:#272525!important;
}
.pin-list{padding:5px;}
.pin-list, .pin-list li{
	border-color:#333;	
}

.regras{
	padding:30px!important;
	text-align:justify;
	color:#ccc;
	border-bottom:1px solid #fff;
}

.opcoes{
	padding:10px!important;
	text-align:justify;
	color:#ccc;
	border-bottom:1px solid #fff;
	width:100%;
	margin: 10px auto;
}

.table>tbody>tr.active{
	color: #333!important;
}

.panel-body,.panel-heading{
	background-color:#272525!important;
	color:#fff!important;
}


.modal-body{
	padding:0;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: block;
}
.sidebar {
	display: block;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

a .live{
	width:20px;
	height:20px;
	background-color:red;
	float:left;
	border-radius:50%;
}

a:hover .live{
	width:20px;
	height:20px;
	background-color:#000;
	float:left;
	border-radius:50%;
}

.animation-pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.tempo, .placar{
	color: #000!important;
	font-weight:bold;
	font-size:16px;
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-duration: 10s;
	-webkit-animation-duration: 10s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
	.main {
		padding-right: 5px;
		padding-left: 5px;
	}
	.menu-lateral{background-color:#333;color:#fff;border-color:#000;}
	.menu-lateral a{color:#fff;}
	.menu-lateral .active a{background-color:#272525;color:#ff3716;border-right:3px solid #ff3716;}
	.menu-lateral .active a,.menu-lateral .active a:hover{background-color:#272525;color:#ff3716;}
	.menu-lateral li>a:hover{background-color:#272525;color:#ff3716;border-right:3px solid #ff3716;}
	.badge{background-color:#222;color:#ff3716;float:right;}
	.breadcrumb{background-color:#272525;color:#ff3716;}
	.breadcrumb li>a{color:#fff;}
	/*.panel-body{padding:0!important;margin:0!important;height:100px;}*/
	.camp{
		margin-bottom:5px!important;
		background-color:#272525!important;
		color:#fff!important;
		border-color:#000!important;
	}
	.camp-title{
		background-color:#272525!important;
		color:#ff3716!important;
		border-color:#000!important;
	}
	.camp-data{
		background-color:#999;
		padding:3px 5px;
		color:#555;
		height:25px;
	}
	.camp-data .c-data{text-align:left;padding:0;}
	.camp-data .c-um{text-align:center;padding:0;}
	.camp-data .c-x{text-align:center;padding:0;}
	.camp-data .c-dois{text-align:center;padding:0;}

	.camp-partidas{
		background-color:#272525!important;
		color:#fff!important;
		border-color:#000!important;
	}
	.camp-partidas .p-dados{text-align:left;padding:5px;border:1px solid #333;}
	.camp-partidas .p-hora{text-align:left;font-size:11px;color:#ccc;}
	.camp-partidas .p-um{text-align:center;padding:2.4%;border:1px solid #333;}
	.camp-partidas .p-x{text-align:center;padding:2.4%;border:1px solid #333;}
	.camp-partidas .p-dois{text-align:center;padding:2.4%;border:1px solid #333;}
	
	.opcoes{
		padding:30px!important;
		text-align:justify;
		color:#ccc;
		border-bottom:1px solid #fff;
		max-width:1000px;
		margin: 10px auto;
	}

	.table>tbody>tr.active{
		color: #333!important;
	}
	
}

/* Sidebar navigation */
.nav-sidebar,.kode-widget-title {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a,.kode-widget-title> h1 > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #ff3716;
  background-color: #272525;
}


/*
 * Main content
 */

.main {
  padding: 5px!important;
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

footer {	
	position: relative;
    top:100px;
    left:0;
	color:#5f5f5f!important;
	margin-bottom:100px;
}
footer img{
	-webkit-filter: grayscale(10%);
	-moz-filter: grayscale(10%);
    -ms-filter: grayscale(10%);
    -o-filter: grayscale(10%);
	filter: grayscale(10%);
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  -webkit-border-radius: 16px;
}

::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}