body {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #016699;
}

a:hover,
a:active,
a:focus {
	color: #016699;
    /*outline: none;*/
}

a: hover {
	text-decoration: underline;
}

h1, h2, h3 {
	margin-top: 0;
	margin-bottom: 20px;
}

.button,
.btn.btn-primary,
.btn.btn-default.selected, .btn.btn-default:hover,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	position: relative;
	height: auto;
	font-size: 1.07em;
	font-weight: normal;
	cursor: pointer;
	outline: none;
	border: none;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	text-decoration: none;
	color: #fff;
	padding: 6px 12px;
	background: -moz-linear-gradient(top,  #66b3db 0%, #2093ca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66b3db), color-stop(100%,#2093ca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66b3db 0%,#2093ca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66b3db 0%,#2093ca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66b3db 0%,#2093ca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #66b3db 0%,#2093ca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b3db', endColorstr='#2093ca',GradientType=0 ); /* IE6-9 */
}
 
.button:hover,
.button:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	position: relative;
	height: auto;
	font-size: 1.07em;
	font-weight: normal;
	cursor: pointer;
	outline: none;
	border: none;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	text-decoration: none;
	color: #fff;
	padding: 6px 12px;
	background: -moz-linear-gradient(top,  #508dad 0%, #19749f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#508dad), color-stop(100%,#19749f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #508dad 0%,#19749f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #508dad 0%,#19749f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #508dad 0%,#19749f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #508dad 0%,#19749f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#508dad', endColorstr='#19749f',GradientType=0 ); /* IE6-9 */
}

.button:focus,
.btn.btn-primary:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
	outline: 2px auto -webkit-focus-ring-color;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */
.nav-justified {
	max-height: 50px;
	background-color: #eee;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 15px 0;
}

.nav-justified > li {
	width: auto;
	padding-bottom: 20px;
}

.nav-justified > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #777;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,.75);
	border-right: 1px solid rgba(0,0,0,.1);
	background-color: #e5e5e5; /* Old browsers */
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
	background-image: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* IE10+ */
	background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
}

.nav-justified > .active > a {
	background-color: #ddd;
	background-image: none;
	box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}

.nav-justified > li:first-child > a {
	border-left: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.nav-justified > li:last-child > a {
	border-right: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.nav-list {
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
}

.nav-list.tree {
	display: none;
}

.nav-list > li > a, .nav-list .nav-header {
	margin-left: -15px;
	margin-right: -15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list .nav-header {
	color: #999;
	display: block;
	font-size: 0.79em;
	font-weight: bold;
	padding: 3px 15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	cursor: pointer;
}

.nav-list .divider {
	background-color: #E5E5E5;
	border-bottom: 1px solid #ccc;
	height: 1px;
	margin: 9px 1px;
	overflow: hidden;
}

@media (max-width: 767px), handheld {
	
	/* Everything but the jumbotron gets side spacing for mobile-first views */
	.body-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.nav-justified {
		max-height: none;
	}
	
	.nav-justified > li {
		float: none;
		display: block;
	}
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	/* Remove the padding we set earlier */
	.masthead,
	.marketing,
	.footer {
		padding-left: 0;
		padding-right: 0;
	}
}

.btn {
	padding: 6px 12px;
}

.popover-content {
	float: left;
}

.jumbotron {
	padding: 10px 0 0 0;
	background-color: #e8e8e8;
}

.jumbotron h1 {
	font-size: 1.57em;
}

/* tab style overrides */

.tab-content > .active, .pill-content > .active {
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 20px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

@media (max-width: 767px), handheld {
	.tab-content > .active, .pill-content > .active {
		padding: 20px 0 0;
	}
}

button, input, select, textarea {
	margin: inherit;
}

.popover {
	max-width: none;
}

/* More hidden/visible styles */

.visible-xl {
  display: none !important;
}

tr.visible-xl {
  display: none !important;
}

th.visible-xl,
td.visible-xl {
  display: none !important;
}

@media (min-width: 992px) {
	.container {
  	max-width: 975px;
  }
}

@media (min-width: 1200px) {
	.visible-lg {
    display: none !important;
  }
  tr.visible-lg {
    display: none !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: none !important;
  }
	.visible-xl {
    display: block !important;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
  .container {
  	max-width: 975px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
		max-width: 975px;
  }
}

.popover {
	z-index: 995;
}

.popover.solved {
	background-color: #e7ffe5;
	border-color: #50a34a;
	border-radius: 0;
	border-width: 2px;
	box-shadow: none;
}

.popover.solved.bottom {
	margin-top: 6px;
}

.popover.top .arrow {
	border-top-color: #50a34a;
	bottom: -12px;
}

.popover.bottom .arrow {
	border-bottom-color: #50a34a;
	top: -12px;
}

.popover.solved.top .arrow {
	left: 92px;
}

.popover.solved.bottom .arrow {
	left: auto;
	right: 24px;
	border-width: 7px;
	top: -14px;
}

.popover.solved.top .arrow:after {
	border-top-color: #e7ffe5;
	margin-top: -2px;
	top: -10px;
}

.popover.solved.bottom .arrow:after {
	border-width: 5px;
	border-bottom-color: #e7ffe5;
	margin-bottom: -2px;
	margin-left: -5px;
	bottom: -10px;
	top: -3px;
}

.popover.solved.normal-msg {
	background-color: #e1f3fc;
	border-color: #0574ac;
}

.popover.solved.normal-msg.top .arrow {
	border-top-color: #0574ac;
}

.popover.solved.normal-msg.bottom .arrow {
	border-bottom-color: #0574ac;
}

.popover.solved.normal-msg.top .arrow:after {
	border-top-color: #e1f3fc;
}

.popover.solved.normal-msg.bottom .arrow:after {
	border-bottom-color: #e1f3fc;
}

.modal-header {
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: -moz-linear-gradient(top,  #fff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

.modal-header .close {
	margin-top: 4px;
}

.modal-header .close:focus {
	outline: 2px auto -webkit-focus-ring-color;
}

.modal-body {
	padding-top: 10px;
}

.modal-body legend {
	display: none;
}

.modal-body label {
	font-weight: normal;
	text-transform: none;
}

/* IE8 fix */
#edit-avatar-form .modal-body {
	padding: 0;
}

.close {
	opacity: 1;
	text-shadow: none;
	color: #333;
}

.close:hover, .close:focus {
	opacity: 1;
}

.community-tour .modal-backdrop {
	background-color: #27659c;
}

.community-tour .modal-backdrop.in {
	opacity: 0.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
}

.lia-message-body p {
	margin: 0;
}

@media (max-width: 767px), handheld {
	
	.col2, .col-3, .col-9, .col-10, .col-12 {
		width: 100%;
	}
	.btn-alt {
		background-color: #F6F6F6;
		border-color: #bbb;
		color: #067AB4;
		text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	}
	.btn-alt:hover, .btn-alt:focus {
		color: #067AB4;
	}
	.btn-switch {
		-moz-box-sizing: border-box;
		-moz-user-select: none;
		border: medium none;
		font-size: 0;
		height: 30px;
		padding: 0;
		position: relative;
		width: 70px;
	}
	.btn-switch .btn {
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	}
	.btn-switch .btn {
		-moz-box-sizing: border-box;
		height: 30px;
		margin-left: 0;
		width: 35px;
	}
	.btn-switch input[type="checkbox"] {
		border: medium none;
		display: block;
		height: 100%;
		left: -9999px;
		margin: 0;
		outline-offset: 0;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 200;
	}
	.btn-slider-on, .btn-slider-off {
		box-shadow: none;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		margin: 0;
		padding: 4.45px 0;
		text-align: center;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}
	.btn-slider-on {
		border-radius: 5px 0 0 5px;
		border-right: 0 none !important;
		float: left;
	}
	.btn-slider-off {
		border-left: 0 none !important;
		border-radius: 0 5px 5px 0;
		float: right;
	}
	.btn-switch input[type="checkbox"]:checked + .btn-slider-on, .btn-switch input[type="checkbox"]:checked + .btn-slider-on + .btn + .btn-slider-off, .btn-switch.checked .btn-slider-on, .btn-switch.checked .btn-slider-off {
		background-color: #016699;
		border: 1px solid #016699;
	}
	.btn-switch .btn-slider-on, .btn-switch .btn-slider-off, .btn-switch.checked .btn-slider-on, .btn-switch.checked .btn-slider-off {
		background-color: #666;
		border: 1px solid #666;
	}
	.btn-switch input[type="checkbox"]:checked + .btn-slider-on + .btn-slider, .btn-switch.checked .btn-slider {
		border-color: #016699;
		left: -1px;
		margin: 0 0 0 50%;
	}
	.btn-switch input[type="checkbox"] + .btn-slider-on + .btn-slider {
		-moz-box-sizing: border-box;
		-moz-user-select: none;
		background-clip: padding-box;
		border-color: #666;
		border-radius: 5px;
		border-style: solid;
		border-width: 2px;
		box-shadow: none;
		color: rgba(0, 0, 0, 0);
		cursor: pointer;
		display: inline-block;
		font-size: 0;
		height: 100%;
		left: 0;
		letter-spacing: -10px;
		margin: 0;
		padding: 4px 16px;
		position: absolute;
		top: 0;
		transform: translate3d(0px, 0px, 0px);
		width: 50%;
		z-index: 100;
	}
	.btn-switch input[type="checkbox"] + .btn-slider-on:hover, .btn-switch input[type="checkbox"]:checked + .btn-slider-on:hover, .btn-switch input[type="checkbox"] + .btn-slider-on + .btn + .btn-slider-off:hover, .btn-switch input[type="checkbox"]:checked + .btn-slider-on + .btn + .btn-slider-off:hover {
		background-position: 0 0;
		color: #fff;
	}
	
	.btn {
		color: #fff;
	}
	
	.btn-utility {
		background-color: #262626;
		border-color: #000;
		font-size: 14px;
		height: 30px;
		margin-bottom: 0;
		padding: 4px 17px 0;
		text-shadow: none;
	}
	
	.btn.btn-utility:hover, .btn.btn-utility:focus {
		color: #fff;
	}
	
	.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}
	
	.btn-group .btn-utility + .btn-utility {
		border-left: 1px solid #3F3F3F;
	}
	
	.btn-group .btn {
		margin-right: -1px;
	}
	
	.btn-group > .btn, .btn-group-vertical > .btn {
		float: left;
		position: relative;
	}
	
	.btn:last-child {
		margin-right: 0;
	}
	
	.btn-group {
		margin-right: 6px;
	}
	
	.btn-group, .btn-group-vertical {
		display: inline-block;
		position: relative;
		vertical-align: middle;
	}
	
	.btn.btn-primary,
	.btn.btn-primary:hover,
	.btn.btn-primary:active,
	.lia-button.lia-button-primary,
	.lia-button.lia-button-primary:hover,
	.lia-button.lia-button-primary:active,
	.reload-messages .load-more-messages,
	.reload-messages .load-more-messages:hover,
	.reload-messages .load-more-messages:active,
	.reload-users .load-more-users,
	.reload-users .load-more-users:hover,
	.reload-users .load-more-users:active {
		background: #0081C2;
		color: #fff;
		font-size: 16px;
		border-radius: 4px;
		border: 1px solid #27659B;
		text-shadow: 0px 0px 2px #00294F;
	}

	.modal-footer {
		padding-bottom: 50px;
	}
}