/**************************** bootstrap ***************************/
.navbar-nav > li > a {
	padding-left:5px;
	padding-right:5px;	
}

label {
	display:block;
}

.required > label::after {
  color: #bb0000;
  content: "*";
}

body {
	padding: 70px 0;
}

td {
	vertical-align:middle!important;
}

.navbar-form .form-control {
	max-width:100%;
}

.date .form-control,
.time .form-control {
	width:33.33%;
	display:inline-block;
}

.datetime .form-control{
    width:19%;
    display:inline-block;
}

form .submit {
    text-align:right;
}

.pagination {
	margin:0;
	display:table;
}

.pagination > li {
	display: table-cell;
	width: 1%;
}

.pagination > li > a,
.pagination > li > span {
	display:block;
	float:none;
	text-align:center;
}

tr.btn-primary:focus,
tr.btn-primary:hover,
tr.btn-success:focus,
tr.btn-success:hover,
tr.btn-danger:focus,
tr.btn-danger:hover,
tr.btn-warning:focus,
tr.btn-warning:hover{
    background-position:0;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
	margin-right:0;
}

.tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.navbar-right .dropdown-menu {
	left:auto;
	right:0;
}

.dropdown-menu > li > .link {
  clear: both;
  color: #333;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
}

.progress {
	margin-bottom: 0;
}

@media print {
	a[href]:after {
		content: "" !important;
	}

	.pagination,
	.actions,
	.btn-group,
	.breadcrumb {
		display:none;
	}
	
	body {
		margin:0;
	}
}

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
 	
 	.no-more-tables th {
 		display:none;
 	}
 	
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid #ccc; }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-right: 50%!important; 
		white-space: normal;
		text-align:left;
	}
 
	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		right: 6px;
		width: 45%; 
		padding-left: 10px; 
		white-space: nowrap;
		text-align:right;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.no-more-tables td:before { content: attr(data-title); }
}

.divider-vertical {
	height: 50px;
	margin: 0 9px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
	border-right-color: #222222;
	border-left-color: #111111;
}