.col-xs-2 div {
	border:					1px solid red;	
}


body {
	
	background:				#f1f2f7;
	
	font-family: 			'Droid Serif', serif;
	
	font-family: 			'Open Sans Condensed', sans-serif;
	font-family: 			'Open Sans', sans-serif;	
	font-size:				12px;
}

#banner {
	min-height:				60px;
	background:				#FFF;
	
	-webkit-box-shadow:		0 0 5px #000;
	
	line-height:			60px;
}

#banner a {
	color:				#666666;	
}

#banner a.logo {
	font-size:			16px;
	font-family:		"Open Sans Condensed", sans-serif;
	font-weight:		700;
	letter-spacing:		1px;
}

#banner a.logo span {
	padding:			0 2px;
	
	font-family:		"Open Sans", sans-serif;
	font-weight:		600;
	letter-spacing:		0;
	color:				#ff6c60;		
}

#banner ul.buttons {
	margin:				0;
	padding:			0;
	
	list-style:			none;	
}

#banner ul.buttons>li {
	float:				left;	
	height:				auto;
	min-height:			0px;
}

#banner .right ul.buttons>li {
	float:				right;		
}

#banner ul.buttons li a {
	min-height:			0px;
	font-size:			11px;
	font-weight:		normal;
}
	
#banner ul.buttons>li>a {
	float:				left;
	display:			block;
	height:				30px;
	margin:				15px 6px 0 0;
	padding:			0 10px;
	min-width:			30px;
	
	border:				1px solid #F0F0F8;	
	border-radius:		4px;
	background:			#FFF;
	
	color:				#666;
	line-height:		30px;
	text-align:			center;
	font-size:			11px;
	text-transform:		uppercase;
}

#banner .right ul.buttons>li>a {
	margin:				15px 0 0 6px;
}

#banner ul.buttons>li>a.unbordered {
	border:				none;
}

#banner ul.buttons>li>a>i {
	line-height:		30px;
	font-size:			13px;
}

#banner ul.buttons>li>a:hover {
	border-color:		#E0E0E8;
}

#banner ul.buttons>li>a.login {
	text-transform:		none;	
}

#banner ul.buttons em.badge {
	position:			absolute;
	margin:				16px 0 0 0;
	font-style:			normal;
}

#nav {
	height:				40px;
	margin:				0 0 15px 0;
	
	background:			#2a3543;
}

#nav ul {
	margin:				0 0 0 15px;
	padding:			0;
	background:			none;	
}

#nav ul li {
	line-height:		40px;
	color:				#FFF;
}

/* Elements */
h1 {
	margin:					20px 0;
	padding:				0;
	
	font-size:				28px;	
}

h1 em {
	display:				block;
	padding:				4px 0 0 0;
	
	font-style:				normal;	
	font-size:				20px;	
}

h1 .icon, h2 .icon, h3 .icon {
	margin:					0 0 0 6px;	
	font-size:				20px;
	color:					#CCC;
}

h1 .divider {
	padding-left:			15px;
	border-left:			1px solid #CCC;
}

h1 a.icon.add i, h2 a.icon.add i, h3 a.icon.add i {
	color:					#a9da00;
}

h2 {
	font-size:				24px;	
}

h3 {
	font-size:				18px;	
}

body hr {
	border-top:				1px solid #DDD;
}

a {
	text-decoration:		none;	
}

a:hover {
	text-decoration:		none;	
}

.center {
	text-align:				center;	
}

.right {
	text-align:				right;	
}

pre.success {
	background:				#dff0d8;
}

figure {
	margin:					20px 0;	
}

ul.buttons {
	margin:					0 0 20px 0;
	padding:				0;
	
	list-style:				none;	
}

ul.buttons.headed {
	margin-top:				56px;
}

ul.buttons.headed.extended {
	margin-top:				98px;
}

ul.buttons>li>a {
	display:				block;
	
	min-height:				40px;
	
	margin:					0 0 15px 0;
	padding:				10px 0;
	
	background:				#488fcc;
	text-align:				center;
	color:					#FFF;
	font-weight:			bold;	
}

ul.buttons>li>a.active, ul.buttons>li>a.active:hover {
	background:				#3d6a93;
}

ul.buttons>li>a:hover {
	background:				#4784ba;
}

ul.buttons>li>a.delete {
	background:				#f04e02;
		
	color:					#FFF;
	font-weight:			bold;
}

ul.buttons>li>a.delete:hover {
	background:				#e14b05;
}

ul.buttons>li>a.add {
	background:				#5bb85c;
		
	color:					#FFF;
	font-weight:			bold;
}

ul.buttons>li>a.add:hover {
	background:				#53a653;
}

ul.buttons>li>a.light {
	background:				#CCC;	
}

ul.buttons>li>a.light:hover {
	background:				#BBB;	
}

ul.buttons-small {
	margin:					20px 0;
	padding:				0;
	
	list-style:				none;
}

ul.buttons-small li {
	display:				inline-block;	
	margin:					0 10px 0 0;
}

ul.buttons-small li a {
	display:				block;
	padding:				3px 10px 2px 10px;
	
	background:				#488fcc;
	border-radius:			3px;
	
	color:					#FFF;	
}

ul.buttons-small li a:hover {
	background:				#4784ba;
}

ul.buttons-small li a.delete {
	background:				red;	
}

i.icon {
	min-width:				14px;
	margin:					0 4px 0 0;		
	text-align:				center;
	font-style:				normal;
}

i.icon.on {
	color:					green;	
}

i.icon.off {
	color:					red;	
}

i.icon.state-0 {
	color:					red;	
}

i.icon.state-1 {
	color:					orange;	
}

i.icon.state-2 {
	color:					green;	
}

i.icon.visible-0 {
	color:					red;	
}

i.icon.visible-1 {
	color:					green;	
}

i.icon.info {
	color:					#1b809e;	
}

i.icon.inactive {
	color:					#CCC;	
}

i.icon.error {
	color:					#ff6c61;	
}

h2 a:first-of-type i {
	margin:					0 0 0 5px;
	border-left:			1px solid #CCC;	
}
	
h2 a i.fa {
	padding:				0 0 0 15px;
	color:					#CCC;
	font-size:				18px;
}

.message {
	margin:					0 0 20px 0;
	padding:				10px 0;
	
	border:					2px solid #999;
	color:					#999;
	
	text-align:				center;		
}



.warning {
	margin:					0 0 20px 0;
	padding:				10px;
	background:				#FFF;
}

ul.ajax-search-result {
	margin:					20px 0;
	padding:				1px;
	
	list-style:				none;
	
	background:				#d9edf7;	
}

ul.ajax-search-result li a {
	display:				block;
	padding:				4px 10px;
}

ul.ajax-search-result li.active a {
	background:				#bbd4e3;
}

ul.icons {
	margin:			20px 0 0 0;
	padding:		0;	
}

ul.icons li a {
	display:		block;
	padding-top:	10px;
	padding-bottom:	10px;
	
	background:		#FFF;	
	border-radius:	4px;
	
	text-align:		center;
}

ul.breadcrumb {
	margin:				20px 0;
	background:			#FFF;	
}

#nav ul.breadcrumb li a {
	color:				#FFF;	
}
	
.print {
		display:		none;	
	}
	
.well {
	margin:			20px 0;	
}

.pointer {
	cursor:				pointer;	
}

.badge {
	background:			#ff6c61;		
}


.message {
	margin:				0 0 20px 0;
	padding:			10px;
	
	background:			transparent;	
}

.message.warning {
	border-color:		#ec6446;
	color:				#ec6446;
}

.message.success {
	border-color:		#95c11f;
	color:				#95c11f;
}

.message.info {
	border-color:		#46b8da;
	color:				#46b8da;	
}

.ellipsis {
	
		height:			20px;
	text-overflow:		ellipsis;
	
	overflow:			hidden;
}

.annotation {
	margin-top:			-15px;	
}

ul.dashboard {
	margin:		20px 0;
	padding:	0;
	
	list-style:	none;	
}

ul.dashboard li {
	margin-bottom:	20px;	
}

ul.dashboard li a {
	display:		block;
	padding:		20px 10px;
	
	background:		#FFF;
	border-radius:	4px;
	
	text-align:		center;
	
	text-overflow:	ellipsis;
	white-space:	nowrap;
	overflow:		hidden;
}

ul.dashboard li a.highlighted {
	background:		#fcf8e3;	
	font-weight:	bold;	
}

ul.dashboard li a:hover {
	background:		#fc6c64;
	font-weight:	bold;
	color:			#FFF;	
}

.selectable {
	-webkit-user-select: all;
	user-select: all;
}