/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
/* --------------------------------------
	Responsive
	
	Some CSS, Mixins, and Media Queries
	to assist in making things respnosive
	 
   -------------------------------------- */
/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
/* Animate the element when it's size/position changes (not just on breakpoints...) */
.breakpoint-animate {
		transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out;
		-ms-transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out;
		-moz-transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out;
		-webkit-transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out; }

/* Use this to build custom responsive shims for elements */
.kb-link {
		color: #7598BD;
		display: inline-block;
		font-size: 14px; }
		.kb-link i.fa {
				padding-right: 4px; }
		.kb-link.fa-external-link {
				font-size: 18px;
				padding-left: 20px;
				padding-right: 5px; }
		.kb-link:hover {
				color: #316195;
				cursor: pointer; }
		.kb-link.disabled {
				color: #DEEBFA;
				cursor: not-allowed; }
		.kb-link[data-title]:after {
				font-family: "Open Sans", Arial, sans-serif;
				content: attr(data-title);
				color: white;
				background-color: #316195;
				font-size: 13px;
				position: absolute;
				padding: 0px 5px 1px 5px;
				left: 100%;
				white-space: nowrap;
				box-shadow: 1px 1px 3px #E2E2E2;
				opacity: 0;
				border: 1px solid #316195;
				border-radius: 3px;
				z-index: 99999;
				visibility: hidden; }
		.kb-link[data-title]:hover:after {
				opacity: 1;
				transition: all 0.1s ease 0.5s;
				visibility: visible; }
		.kb-link[data-title] {
				position: relative; }

div.modal-header .document-title {
		font-size: 3rem;
		padding-bottom: 20px;
		display: inline-block;
		float: left; }

div.modal-header .kb-link.fa-external-link {
		font-size: 17px !important;
		float: right;
		padding-top: 1px;
		padding-left: 0; }

.kb-document {
		line-height: 3em;
		font-weight: 400;
		color: #333; }
		.kb-document .document-title {
				font-size: 2.2rem;
				padding: 5px 10px;
				margin-bottom: 20px;
				color: #fff;
				background-color: #316195; }
		.kb-document .doc-excerpt {
				line-height: 1.5em;
				font-size: 13px;
				margin-bottom: 15px; }
				.kb-document .doc-excerpt i.fa {
						margin-right: 5px;
						color: #316195; }
		.kb-document .kb-attachment {
				font-size: 1.6rem; }
				.kb-document .kb-attachment i.fa {
						margin-right: 5px; }
		.kb-document .kb-segment-header {
				text-align: left; }
		.kb-document .kb-segment-number {
				color: #fff;
				background-color: #316195;
				padding: .2rem 1rem;
				font-size: 1.8rem;
				margin: 0 1.5rem 0 0;
				text-align: center; }
		.kb-document .kb-segment-title {
				font-size: 2rem;
				margin: 16px 0;
				color: #434343; }
		.kb-document .kb-segment-body {
				font-size: 1.6rem;
				padding: 10px 0px; }
		.kb-document address, .kb-document dl, .kb-document ol, .kb-document p, .kb-document pre, .kb-document ul {
				margin-bottom: 1rem; }