body {
	padding-top: 51px;
}
.text-center {
	padding-top: 20px;
}
.col-xs-12 {
	background-color: #fff;
}
/*
#sidebar {
	height: 100%;
	padding-right: 0;
	padding-top: 20px;
}
#sidebar .nav {
	width: 95%;
}*/
#sidebar li {
	border:0 #f2f2f2 solid;
	border-bottom-width:1px;
}

@media (min-width: 768px) {
	.navbar-toggle {
		display: inherit;
	}
}
/* collapsed sidebar styles */
@media screen  {


	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	.row-offcanvas-right
	.sidebar-offcanvas {
		right: 0;
	}

	.row-offcanvas-left
	.sidebar-offcanvas {
		left: 0;
	}

	.row-offcanvas-right.active {
		right: 0;
	}

	.row-offcanvas-left.active {
		left:0;
	}

	.sidebar-offcanvas {
		/*position: absolute;*/
		top: 0;
		width: 100%;
		display:none;
	}

	#sidebar {
		padding-top: 20px;
	}

	.navbar-toggle {
		float: left;
	}

}


body {
	font-family: 'Open Sans', sans-serif;
	color: #353535;
}
.content h1 {
	text-align: center;
}
.content .content-footer p {
	color: #6d6d6d;
	font-size: 12px;
	text-align: center;
}
.content .content-footer p a {
	color: inherit;
	font-weight: bold;
}

/*	--------------------------------------------------
	:: Table Filter
	-------------------------------------------------- */
.panel {
	border: 1px solid #ddd;
	background-color: #fcfcfc;
}
.panel .btn-group {
	margin: 15px 0 30px;
}
.panel .btn-group .btn {
	transition: background-color .3s ease;
}
.table-filter {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.table-filter tbody tr:hover {
	cursor: pointer;
	background-color: #eee;
}
.table-filter tbody tr td {
	padding: 10px;
	vertical-align: middle;
	border-top-color: #eee;
}
.table-filter tbody tr.selected td {
	background-color: #eee;
}
.table-filter tr td:first-child {
	width: 38px;
}
.table-filter tr td:nth-child(2) {
	width: 35px;
}
.ckbox {
	position: relative;
}
.ckbox input[type="checkbox"] {
	opacity: 0;
}
.ckbox label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ckbox label:before {
	content: '';
	top: 1px;
	left: 0;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	border-radius: 2px;
	border: 1px solid #bbb;
	background-color: #fff;
}
.ckbox input[type="checkbox"]:checked + label:before {
	border-color: #2BBCDE;
	background-color: #2BBCDE;
}
.ckbox input[type="checkbox"]:checked + label:after {
	top: 3px;
	left: 3.5px;
	content: '\e013';
	color: #fff;
	font-size: 11px;
	font-family: 'Glyphicons Halflings';
	position: absolute;
}
.table-filter .star {
	color: #ccc;
	text-align: center;
	display: block;
}
.table-filter .star.star-checked {
	color: #F0AD4E;
}
.table-filter .star:hover {
	color: #ccc;
}
.table-filter .star.star-checked:hover {
	color: #F0AD4E;
}


.table-filter .media-photo {
	width: 55px;
	float: left;
	clear: both;
	margin-bottom: 4px;
}
.table-filter .media-iconcat {
	width: 25px;
	float: left;
	clear: both;
	margin-bottom: 4px;
}
.table-filter .media-body {
	display: block;
	/* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}
.table-filter .media-meta {
	font-size: 11px;
	color: #999;
}
.table-filter .media .title {
	color: #2BBCDE;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
}
.table-filter .media .title span {
	font-size: .8em;
	/*margin-right: 20px;*/
}

.distanceInfo {
	font-size: .7em;
	color: #999;
	text-align: right;
	font-weight: normal;
	margin-bottom: 8px;
}

.table-filter .media .title span.pagado {
	color: #5cb85c;
}
.table-filter .media .title span.pendiente {
	color: #f0ad4e;
}
.table-filter .media .title span.cancelado {
	color: #d9534f;
}
.table-filter .media .summary {

	font-size: 15px;
	text-align: center;
	font-weight: 200;
}

div.summary {
	margin:0;
	margin-top: 18px;
}




.table-filter .media2-photo {
	width: 70px;
	float: left;
	clear: both;
	margin-bottom: 4px;
}
.table-filter .media2-iconcat {
	width: 40px;
	float: left;
	clear: both;
	margin-bottom: 4px;
}
.table-filter .media2-body {
	display: block;
	/* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}
.table-filter .media2-meta {
	font-size: 11px;
	color: #999;
}
.table-filter .media2 .title {
	color: #2BBCDE;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
}
.table-filter .media2 .title span {
	font-size: .8em;
	/*margin-right: 20px;*/
}

.media2-body .row {
	margin-bottom: 20px;
}


media2-body .row>div {
	margin-bottom: 20px;
}

.title div.timeago {
	color: #5cb85c;

}
.title div.date {
	color: #666666;
	text-align:right;
	margin-top: 10px;
}
.title span.cancelado {
	color: #d9534f;
}

.table-filter .media2 .summary {

	font-size: 15px;
	text-align: center;
	font-weight: 200;
}

.topText {
	font-size:1.8em;
	color: #585858;
	text-align: center;
}

.bottomText {
	font-size: 0.8em;
	color: #737373;
	text-align: center;
	margin-bottom: 20px;

}