<commit_before>/* -----------------------------------------------------------------------------
 * variables
 * -------------------------------------------------------------------------- */

/* ----- Colors ----- */
$header-blue:		    #141a41;
$header-grey:			#666666;
$navbar-blue:			#154681;
$brand-primary:			#337ab7;
$brand-success:			#5cb85c;
$brand-info:		    #5bc0de;
$brand-warning:			#f0ad4e;
$brand-danger:			#d9534f;
$link-light:			#337ab7;
$link-dark:				#23527c;
$border-grey:			#dddddd;
$off-white:				#f4f4f4;
$danger-text:			#a94442;

$danger-bg:				#d9534f;
$danger-border:			#d43f3a;
$info-bg:				#337ab7;
$info-border:			#337ab7;
$success-bg: 			#449d44;
$success-border: 		#398439;

$app-bg: 				#F1f1f1;
$app-base-color: 		#494949;

$link-color: 			#1a5a96;

$modal-body-bg: 		#f7f8fa;
$modal-header-bg: 		#FFF;
$modal-footer-bg: 		#FFF;

$panel-border-color: 	#DDD;
$panel-heading-bg: 		#FFF;
$panel-heading-color: 	#494949;


/* GLOBAL
------------------------------ */
@font-face {
	font-family: 'Myriad-Pro';
	src: url('../fonts/MyriadWebPro.ttf');
}

html {
	min-height: 100%;
	background: $app-bg;
}

body {
	min-height: 100%;
	font-size: 1.4rem;
	color: $app-base-color;
	-ms-overflow-style: scrollbar;
}


/* ----- Typography ----- */
$font-family-heading: Myriad-Pro, Calibri, sans serif;
$font-family-sans-serif: Myriad-Pro, Calibri, sans serif;

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.clear-left {
	clear: left;
}

/* Remove border to delete the 1px line */
.navbar-fixed-top {
	border: 0;
}

.btn-list .btn {
	margin: 0 2px 4px;
	display: inline-block;
}

.navbar-form .form-group .control-label,
.form-inline .form-group .control-label {
	padding-right: 10px;
	display: inline-block;
}

.well .table tr:first-child td {
	padding-top: 0;
}

.well > h3,.panel-body h3:first-child {
	margin-top: 0;
	margin-bottom: 20px;
}
.well > h5,.panel-body h5:first-child {
	margin-top: 0;
	margin-bottom: 20px;
}

.panel-body.news-headline h5:first-child {
	margin-bottom: 10px;
}
.panel-body.news-headline h5 {
	margin-bottom: 0;
}

.watermark-chat {
	background-image: url('/modules/core/client/img/watermarks/eao-chat.png');
	background-repeat: no-repeat;
	background-position: 106% -10px;
	background-size: 30%;
}
.watermark-news {
	background-image: url('/modules/core/client/img/watermarks/eao-news.png');
	background-repeat: no-repeat;
	background-position: 106% -10px;
	background-size: 30%;
}

.news-content {
	white-space: pre-line;
	margin-top: 0;
}


.well > h4 {
	margin-top: 0;
	margin-bottom: 15px;
}

label.control-label,
a.control-label,
.control-label a {
	display: block;
	padding: 0 0 2px;
	margin: 0 0 2px;
}

a.control-label,
.control-label a {
	display: inline-block;
	color: $link-light;
	cursor: pointer;
}

a.control-label:hover,
.control-label a:hover {
	color: $link-dark;
}

.label-list,
.panel-sort {
	list-style-type: none;
	padding-left: 0;
}

.label-list li,
.panel-sort li {
	display: inline-block;
	white-space: nowrap;
}

.label-list li {
	margin-bottom: 3px;
	margin-right: 3px;
}


.table-center table {
	margin: 0 auto;
}


// -------------------------
// GENERALLY SPEAKING...
// -------------------------


[ng\:cloak],
[ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
	display: none !important;
}

button:focus, a:focus {
	outline: 0 !important;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	letter-spacing: -0.01em;
}

p.small {
	margin: 0 0 0;
}

td h4 {
	margin-top: 0;
}
th > .progress {
	margin-bottom: 0;
}

.ng-table-filters th {
	font-weight: 500;
}
.ng-table th {
	text-align: left;
}
pre {
	padding: 0;
	margin: 0;
	font-size: inherit;
	font-family: $font-family-sans-serif;
	line-height: inherit;
	background-color: transparent;
	border: 0;
	white-space: pre-wrap;       /* CSS 3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-break: normal;
}

ul > li > h3 {
	margin-top: 5px;
}

h3 .small {
	padding-top: 10px;
	font-size: 60%;
}

h3 .small .label {
	font-weight: 500;
}


 .col-0 {
 	width: 0;
 	margin: 0;
 	overflow: hidden;
 }
// -------------------------
// HELPER CLASSES...
// -------------------------

/* Workaround for unwanted route changes due to empty href attributes - see http://angular-ui.github.io/bootstrap/ */
.nav, .pagination, .carousel, .panel-title a, .clickable { cursor: pointer; }

.undecorated-link:hover {
	text-decoration: none;
}

.vertical-scroll ul.list-indent-left {
	min-height: 400px;
}

.no-lower-padding {
	padding-bottom: 0 !important;
}

.no-side-padding {
	padding-left: 0;
	padding-right: 0;
}

.vertical-scroll,
.vertical-scroll-padded {
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 400px;
	max-height: 400px;
}
.vertical-scroll-padded {
	padding-top: 15px;
	padding-bottom: 15px;
}

.scrolling-fixed-box {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 400px;
	display: block;
}

.scrollable {
	max-height: 200px;
	overflow-y: scroll;
}

.no-wrap {
	white-space: nowrap;
}
.wrap {
	white-space: normal !important;
}
.no-upper-margin {
	margin-top: 0 !important;
}
.no-lower-margin {
	margin-bottom: 0 !important;
}
ul.list-indent-left {
	margin-left: 3px;
	border-left: 1px solid $border-grey;
	margin-bottom: 0;
}

.col-no-padding li {
	padding: 2px 8px;
}

.col-border-right {
	border-right: 1px solid $border-grey;
}

.col-browser-subtitles {
	padding: 0 5px;
	border-bottom: 1px solid $border-grey;
}

.list-indent-left.col-browser-subtitles {
	padding: 0 8px;
}


.col-browser-subtitles .control-label {
	padding-bottom: 0;
	margin: 2px 0 3px;
}
.list-documents li,
.list-tasks li {
	border-top: 1px solid $border-grey;
	padding: 3px 5px;
	position: relative;
}
.list-documents li.active,
.list-documents li.active a {
	color: #ffffff;
}
.list-documents .btn-download {
	position: absolute;
	top: 0;
	right: 15px;
}
.list-documents li:first-child,
.list-tasks li:first-child {
	border-top: none
}

.list-documents li.row-enforcement {
	padding: 0;
}

.row-enforcement .cell-condition  {
	padding: 3px 5px;
}

.row-folder span.arrow,
.row-document span.arrow {
	display: none;
}

.row-folder.active,
.row-document.active {
    background-color: #204d74;
    border-color: #122b40;
}
.row-folder a,
.row-document a {
	display: block
}
.row-folder.active span.arrow,
.row-document.active span.arrow {
	display: inline-block;
}
.bg-muted {
	background-color: #f2f2f2;
}

.list-documents li.active .arrow {
	position:absolute;
	right: 4px;
	top: 4px;
}
.list-icon-right li {
	position: relative;
	padding-right: 21px;
}
.list-icon-right li > span {
	position: absolute;
	right: 5px;
	top: 5px;
}

.list-icon-left li {
	position: relative;
	padding-left: 21px;
}
.list-icon-left li a span {
	position: absolute;
	left: 5px;
	top: 6px;
}
h3.firstHeading {
	margin-top: 5px;
}

.datetimepicker {
	margin: 0 auto;
}

.btn-spaced {
	margin-right: 3px;
}
.col-no-padding {
	padding-left: 0;
	padding-right: 0;
}
.col-top-padding {
	padding-top: 10px !important;
}
.outlined-box {
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.slight {
	font-style: normal !important;
}

.text-danger {
	color: $danger-text !important;
}

.drop-box {
	background: #F8F8F8;
	border: 3px dashed #DDD;
	text-align: center;
	padding: 25px;
	margin-bottom: 15px;
}

.dragover {
	border: 3px dotted #449d44;
}

a.return-link {
	text-decoration: none;
	font-size: 14px;
	color: #333333;
}

a.return-link:hover {
	text-decoration: none;
}

.text-dark .panel-sort li,
.modal .panel-sort li {
	color: #777;
}

.text-dark .panel-sort li a,
.modal .panel-sort li a {
	color: #777;
}

.close-adjust-top {
	margin-top: -2px;
}

.document-cell a {
	position: relative;
	display: block;
	padding-left: 18px;
}

.document-cell a span {
	position: absolute;
	top : 2px;
	left : 0;
}

.document-cell a:hover {
	text-decoration: none;
}

.table-no-head > tbody > tr:first-child > td {
	border-top: none;
}

.no-margins {
	margin: 0;
}

th .progress-bar {
	font-weight: 500;
}
.progress-alert-box {
	margin-top: 15px;
	text-align: left;
	font-weight: 500;
}

.progress-info-button {
	padding-top: 1px;
	padding-left: 7px;
}

.countdown-wrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.countdown-wrapper li {
	display: inline-block;
	padding-left: 5px;
}

.countdown-wrapper li:first-child {
	padding-left: 0;
}

.countdown-wrapper li span.time-units{
	font-size: 10px;
	font-style: italic;
	opacity: 0.8;
}

.control-with-label {
	margin-top: 25px !important;
}

.top-nav-lower-margin {
	margin-bottom: 5px;
}

.tr-slide {
    -webkit-transition: width 0.3s ease, margin 0.3s ease;
    -moz-transition: width 0.3s ease, margin 0.3s ease;
    -o-transition: width 0.3s ease, margin 0.3s ease;
    transition: width 0.3s ease, margin 0.3s ease;
}

.col-0 {
	width: 0;
	margin-left: 0;
}

.menu-toggle {
	position: absolute;
	right: 0;
	bottom: 0;
}

.document-icon-list a {
	font-size: 10px;
}
.document-icon-list a .glyphicon {
	font-size: 40px;
}
.document-icon-list .glyphicon {
	font-size: 40px;
}
.document-icon-list .thumbnail {
	margin: 2px;
	width: 100px;
}

// -------------------------
// PANELS...
// -------------------------

.block-content > h3 {
	border-bottom: 1px solid $border-grey;
	padding: 8px 15px;
	margin-bottom: 0;
}
.block-content {
	 margin-bottom: 15px;
	 border-bottom: 2px solid $border-grey;
}
.block-content:last-child,
.block-content.block-stacked {
	margin-bottom: 0;
}
.panel > .block-content:first-child > h3 {
	margin-top: 0;
}
.panel-body.no-vertical-padding {
	padding-top: 0;
	padding-bottom: 0;
}
.panel > .table.table-stacked {
	margin-bottom: 30px;
}

.panel-tombstone-menu {
	font-size: 13px;
	line-height: 15px;
}
.panel-tombstone-menu p {
	margin: 0 0 8px;
}

.panel-tombstone-menu hr {
	margin-top: 15px;
	margin-bottom: 15px;
}

.menu-side hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.panel-body .panel-toggle {
	color: #777;
}

.panel-toggle {
	position: absolute;
	top: -10px;
	left: -8px;
	color: $header-grey;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
}

.panel-toggle:hover {
	font-size: 24px;
	color: $header-grey;
	top: -20px;
	left: -14px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
}

h3.panel-title {
	margin-bottom: 0;
}

.panel-header h1.panel-title {
	font-size: 2em;
	padding: 15px;
	border-bottom: 1px solid #ddd;
}

.panel-sub-title {
	border-top: 1px solid #ddd;
	margin: 0;
	font-size: 1.4em;
	padding-bottom: 0;
}

.panel-top-border {
	border-top: 1px solid #ddd;
}

.panel-sub-heading {
	background-color: #f5f5f5;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.map-filter .form-inline {
	border-top: 1px solid #ddd;
	background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -ms-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	padding: 3px;
}

.map-filter .form-inline .form-control-static {
	margin-top: 1px;
}

.panel label + p,
.panel label + ul {
	margin-bottom: 15px;
}

.panel .project-small-tombstone label + p,
.panel .project-small-tombstone label + .progress {
	margin-bottom: 0;
}

.panel-sort li {
	font-size: 80%;
	color: $header-grey;
}

.panel-sort li a {
	padding: 0 5px 0 3px;
	color: $header-grey;
}

.panel-sort li:before {
	content: '|';
}

.panel-sort li:first-child:before {
	content: '';
}

.panel-sort li a span:after {
	content: '\0020';
}

.panel-sort li.asc a span:after {
	content: '\0020\25B2';
}

.panel-sort li.desc a span:after {
	content: "\0020\25BC";
}

.panel-heading .label {
	font-size: 12px;
}

.panel {
	position: relative;
}


// -------------------------
// SECTION SPECIFIC RULES
// -------------------------

.document-vetting li:first-child,
.no-top-border {
	border-top: none !important;
}

.document-vetting li {
	border-top: 1px solid #ddd;
	padding: 2px 0;
}
.project-info-panel .dl-vertical dt {
	margin-top: 20px;
	border-bottom: 1px solid #cccccc;
}

.task-selected {
	border-left: 5px solid white;
	border-right: 5px solid white;
}

.user-quick-links h1 {
	padding: 0;
	margin: 0;
}

.user-quick-links a {
	color: #fff;
}

.user-quicklinks a.thumbnail {
	position: relative;
	font-size: 12px;
	height: 80px !important;
}
.user-quicklinks a.thumbnail .caption {
	padding: 0;
	position: absolute;
	bottom: 3px;
	left: 3px;
}
.user-quick-links a:hover {
	text-shadow: 0 0 20px rgba(255,255,255,0.4);
}

.bucket-content-activity {
	font-size: 85%;
	border-top: 1px solid #ccc;
}

h3.activity-title {
	color: #33333;
	margin-top: 0;
}

.concern-list > h3:first-child {
	margin-top: 0;
}

.research-content {
	border-top: 1px solid #ccc;
	padding: 3px 5px;
}

.task-list {
	margin-bottom: 0;
}

.task-list li {
	padding-top: 5px;
	position: relative;
}
.task-list li:first-child {
	padding-top: 0;
	position: relative;
}
.task-list li .task-current-status {
	font-weight: 700;
}
.task-list li button {
	white-space: normal;
	position: relative;
	text-align: left;
}
.task-list li button.btn-layer {
	white-space: normal;
}

.task-permission-control {
	display: none;
	position: absolute;
	right: 3px;
	bottom: 5px;
}

.task-list li:hover .task-permission-control {
	display: block;
}

.vc-task-arrows {
	opacity: 0.2;
}

.btn-task-not-started {
	background-color: $brand-info;
}
.btn-task-complete {
	background-color: $brand-success;
}
.btn-task-in-progress {
	background-color: $brand-warning;
}
.btn-task-not-applicable {
	opacity: 0.5;
}

.comment-box {
	padding: 2px 4px;
	border-top: 1px solid #e3e3e3;
}
.comment-box:first-child {
	border-top: none;
}

.project-info-panel .location-map {
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.project-info-panel .progress {
	margin-bottom: 10px;
}

.project-info-panel > .panel-heading {
	padding-bottom: 0;
}

.concern-heading,
.concern-heading * {
	color: #333333 !important;
}

.panel-project-summary h3 {
	margin-top: 2px;
}

// -------------------------
// ERRORS...
// -------------------------

.error-text {
	display: none;
}
.has-error .help-block.error-text {
	display: block;
}
.has-error .help-inline.error-text {
	display: inline;
}

// -------------------------
// MODALS...
// -------------------------

.modal-pre-table {
	padding-top: 5px;
	padding-bottom: 0;
}
.table-modal {
	margin-bottom: 0
}

.modal-header input.form-control {
	background-color: rgba(255,255,255,0.3);
	color: #fff;
	border: none;
}
.modal-header .form-group {
	text-shadow: none !important;
}
.modal-header input.form-control::-webkit-input-placeholder {
	color: #fff;
}

.modal-header input.form-control:-moz-placeholder { /* Firefox 18- */
	color: #fff;
}

.modal-header input.form-control::-moz-placeholder {  /* Firefox 19+ */
	color: #fff;
}

.modal-header input.form-control:-ms-input-placeholder {
	color: #fff;
}

.modal .modal-body > h3,
.panel-concern .panel-body > h3 {
	margin-top: 0;
}

// -------------------------
// HEADER...
// -------------------------

.header-profile-image {
	opacity: 0.8;
	height: 28px;
	width: 28px;
	border-radius: 50%;
	margin-right: 5px;
}
.open .header-profile-image,
a:hover .header-profile-image {
	opacity: 1;
}
.user-header-dropdown-toggle {
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 0;
	background-color: transparent;
	font-family: $font-family-sans-serif;
}

.has-navigation {
		padding-top: 80px;
}


.navbar-custom .navbar-nav > li > a {
	color: $navbar-blue;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	color: $navbar-blue;
	background-color:transparent;
}
.navbar-custom .navbar-brand {
	color: $navbar-blue;
	padding: 10px 15px;
}
.nav > li.navbar-user {
	padding: 10px 0;
}
.nav > li.navbar-user > a {
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block;
}
.nav > li.navbar-user > a:hover {
	background-color: transparent;
}
.nav > li.navbar-user-icon {
	font-size: 40px;
	padding: 10px 10px;
	line-height: 40px;
}

.navbar-custom {
	background-color: #ffffff;
	color:#154681;
	border-radius:0;
	box-shadow: 3px 3px 20px rgba(0,0,0,0.5);
}

nav {
	cursor: default;
}
.navbar-sm .form-control {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.navbar-sm .navbar-text {
	font-size: 12px;
	margin-top: 14px;
	margin-bottom: 14px;
}
h1.page-title {
	padding: 0;
	color: $header-grey;
	margin-top: 0;
	margin-bottom: 20px;
}
h2.page-title {
	padding: 0;
	color: $header-grey;
	font-size: 1em;
	margin: 0 2px 0;
}
.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}



.edit-outlines .text-block {
	border: 2px dotted $brand-info;
	padding: 3px;
	border-radius: 8px;
	cursor: pointer;
	background-color: transparent;
}
.edit-outlines .text-block-success {
	border: 2px dotted $brand-success;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
}
.text-block > p:last-child {
	margin-bottom: 0;
}

.edit-outlines .text-block:focus,
.edit-outlines .text-block-focus {
	border: 2px dashed $brand-info;
	outline: none !important;
	background-color: #d9edf7;
}

.doc-detail-col {
	border-right: 1px solid $border-grey;
	overflow: hidden;
	padding-right: 0;
}

.doc-action-col {
	text-align: center;
	font-size: 2rem;
	padding-top: 5px;
	padding-left: 0;
}

.doc-action-col a {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

.well hr {
	border-top: 1px solid $border-grey;
	margin-top: 5px;
	margin-bottom: 8px;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: scale(1) rotate(0deg);
    }
    to {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spinw {
    from {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: scale(1) rotate(0deg);
    }
    to {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: scale(1) rotate(360deg);
    }
}

@-moz-keyframes spinm {
    from {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: scale(1) rotate(0deg);
    }
    to {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: scale(1) rotate(360deg);
    }
}

/*
//-------------------
// Schedule D3 Styles
// -------------------
*/

.schedule-control-cell {
	padding: 0 !important;
	position: relative;
}
.svg-div-root {
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	overflow: hidden;
}

.svg-element{
	position: relative;
	width: 100%;
}

.svg-background{
	fill: lightyellow;
	fill-opacity: 0.3;
}

.projectToday-line {
	stroke: darkorange;
	stroke-width: .5;
	fill: none;
}

/*
// --------------------------
// ng-table and form styles
// --------------------------
*/

.ng-table-pager {
	border-top: 1px solid $border-grey;
	padding: 15px;
	overflow: auto;
}

/*
// -------------------
// template styles
// -------------------
*/

.template {
  background-color: #ffffff;
  padding:10px;
}

.template h1,
.template li,
.template p,
.template div {
	font-family: $font-family-sans-serif;
}

.template-subitem {
	margin-left:10px;
}

.template ol[type="1"].template-hierarchy li {
  font-weight: bold;
  font-size: 28px;
  color: #65909a;
}

.template ol[type="a"].template-hierarchy li {
  font-weight: bold;
  font-size: 24px;
  color: #9a6590;
  margin-top:10px;
}

.template ol[type="i"].template-hierarchy li {
  font-weight: bold;
  font-size: 20px;
  color: #909a65;
  margin-top:10px;
}

.template .letter-head {
  text-align: center;
  font-weight:bold;
}

.template .letter-section {
  margin-top:40px;
}

.template .custom-list {
  margin: 16px 0;
  padding-left: 20px;
}

.template .letter-footer {
  margin-top:100px;
}

.template .note-box-xlrg {
  border: 1px solid #000;
  margin: 10px 0;
  padding: 5px;
}

.template .note-box-lrg {
  border: 1px solid #000;
  margin: 10px 15px;
  padding: 5px;
}

.template .note-box-med {
  border: 1px solid #000;
  margin: 10px 30px;
  padding: 5px;
}

.template .note-box-sml {
  border: 1px solid #000;
  margin: 10px 45px;
  padding: 5px;
}

.template .title-box {
  background-color: #d3d3d3;
  border: 1px solid #000;
  padding: 5px;
}

.template .center {
  text-align: center;
}

.template .page-header {
  font-weight: bold;
  border-bottom: 2px solid #000;
  margin-bottom: 20px;
  padding: 3px;
}

.template .indent-sml {
  padding-left: 10px;
}

.template .indent-med {
  padding-left: 20px;
}

.template .indent-lrg {
  padding-left: 30px;
}

.template tr.spaceUnder > td
{
  padding-bottom: 5px;
}

.template .title-pg {
  margin: 150px 0;
}

.template .title-pg-space {
  margin-top: 100px;
}

.template .title-pg-txt-lrg {
  font-weight: bold;
  font-size: 50px;
}

.template .title-pg-in-txt-lrg {
  font-weight: bold;
  font-size: 28px;
  color: #336699;
}

.template .title-pg-txt-med {
  font-weight: bold;
  font-size: 24px;
}

.template .title-pg-in-txt-med {
  font-weight: bold;
  font-size: 24px;
  color: #336699;
}

.template .title-pg-txt-sml {
  font-size: 10px;
}

.template .section-header-lrg {
  font-weight: bold;
  font-size: 26px;
}

.template .section-header-med {
  font-weight: bold;
  font-size: 19px;
}

.template .section-header-sml {
  font-weight: bold;
  font-size: 16px;
}

.template table.air-table {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  margin: 10px 0;
}

.template table.air-table td {
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 11px;
  padding: 5px;
}

.template table.air-table thead tr td {
  font-weight: bold;
  text-align: center;
  background-color: #D9D9D9;
}

.template .letter-section-sub {
  margin-top:30px;
}

.template table tr td.fixed-width-70 {
  width:70px;
}

.template table.air-table tr.sub-header td {
  font-weight: bold;
  background-color: #F2F2F2;
  color: #000;
}

.template .rTable {
  display: table;
  width: 100%;
  margin-top: 10px;
  font-size: 11px;
}

.template .rTableRow {
  display: table-row;
}

.template .rTableCell{
  display: table-cell;
  padding: 5px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}

.template .rTableHead {
  display: table-cell;
  padding: 5px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  font-weight: bold;
  text-align: center;
  background-color: #D9D9D9;
  vertical-align: middle;
}

.template .rTableSubHead{
  display: table-cell;
  padding: 3px 10px;
  border-top: 1px solid #000;
  background-color: #F2F2F2;
}

.template .first-cell {
  border-left: 1px solid #000;
}

.template .last-cell {
  border-right: 1px solid #000;
}

.template .tbl-bottom {
  border-top: 1px solid #000;
  margin-bottom: 10px;
}

.template .normal {
  font-weight:normal;
}

.template .thicker {
  font-weight:bolder;
}

.template .sig-left {
  float:left;
  margin-right:60px;
}

.template .sig-right {
  float:left;
}

.template tr.spaceUnder-med > td
{
  padding-bottom: 15px;
}

.template p.indent {
  text-indent: 50px;
}

.template .right {
  float:right;
  margin-right:20px;
}

.template p.bottom-spacing-med
{
  margin-bottom: 70px;
}

.template table.reg-table 
{
  border-collapse: collapse;
  width: 100%;
}

.template table.reg-table tbody td
{
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
  vertical-align: top;
}

.template td.header 
{
  font-weight: bold;
}

.template .title-pg-in-txt-sml {
  font-weight: bold; 
  font-size: 20px; 
  color: #336699;
}

.template .bottom-spacing-sml
{
  margin-bottom: 30px;
}

/*------------------------------*/
.activity-list-med {
	height: 542px;
	overflow: hidden;
}

.show-news {
	position: relative;
	padding: 10px 0;
	display: block;
	background-color: rgba(0,0,0,0.30);
	text-shadow: 0 0 20px #000000;
	color: #ffffff;
	text-align: center;
	left: 0;
	right: 0;
}
.show-news:hover,
.show-news:active,
.show-news:link,
.show-news:visited {
	color: #ffffff;
}

.activity-list-med .show-news {
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
}

div.dropdown-menu {
	padding: 12px;
}


/* PAGE LAYOUT
------------------------------ */
$left-panel-width: 17rem;

.view-title-container {
	margin-left: 2.5rem;
	margin-right: 2.5rem;
	display: -webkit-flex;
	display: flex;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #DDD;
	min-width: 0;

    h1 {
        margin: 0;
        padding: 0;
		font-size: 2.8rem;
		font-weight: bold;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 1 1 auto;
    }
	
	.placeholder {
		color: #ccc;
	}
	
	.view-title-actions {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}

.view-title-container.no-border {
	padding-bottom: 0;
	border: none;
}

.view-content {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-flow: row nowrap;
	
	section:last-child {
		margin-bottom: 0;
	}
}

.view-body-container {
	padding: 2rem 2.5rem;
}


/* ACTIVITIES LIST
------------------------------ */
.activities-container {
    .nav-tabs {
        > li {
            width: 33.3333%;
            padding: 0;
            background: #EEE;

            > a {
                margin: 0;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                text-align: center;
                white-space: nowrap;
                font-size: 1.2rem;
                border: none;
                border-radius: 0;
            }
        }

        > li.active {
            > a,
            > a:hover,
            > a:focus {
                border: none;
            }
        }
    }
}

.activities-list {
    margin: 0;
    padding: 0;
    list-style-type: none;

    li {
        padding: 1.5rem;
        border-bottom: 1px solid #CCC;
    }

    li:last-child {
        border-bottom: none;
    }

    h3 {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 1.6rem;
    }

    .activity-info {
        margin-bottom: 1.25rem;

        small {
            display: block;
            margin-bottom: 0.25rem;
        }
    }
}


/* STOP-GAP STYLING
   PRODUCT ARTIFACT DOCUMENT
------------------------------ */
.file-horiz {
    display: -webkit-flex;
    display: flex;
    flex-flow: row-nowrap;

    .glyphicon {
        flex: 0 0 6rem;
        font-size: 4rem;
        color: lightblue;
    }

    .file-info {
        flex: 1 1 auto;
    }

    .file-details {
        flex: 1 1 auto;
    }

    .file-actions {
        flex: 0 0 auto;
    }
}

.file + .file {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #CCC;
}

.file-horiz.small {
    .glyphicon {
        flex: 0 0 2.5rem;
        font-size: 1.8rem;
    }

    h5 {
        margin-bottom: 0.5rem;
    }

    small {
        display: block;
    }
}

.document-block-header {
    padding: 1rem 0;

    h4 {
        margin: 0;
    }
}

.file-expanded-details {
	margin:-15px;
    margin-top: 15px;
    margin-bottom: 0;

    .panel-default {
        border: none;
        border-top: 1px solid #CCC;
        border-radius: none;
    }

}


/* APPLICATION LAYOUT
------------------------------ */
tmpl-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.app-main {
	padding-top: 5rem;
	padding-bottom: 4rem;
}

@media (min-width: 768px) {
	.app-main {
		padding-top: 6rem;
	}	
}

.left-panel {
	background: #f7f7f7;
	-webkit-flex: 0 0 $left-panel-width;
	flex: 0 0 $left-panel-width;
}

.main-panel {
	flex: 1 1 auto;
}

.right-panel {
	padding: 1.5rem;
	padding-left: 0;
	flex: 0 0 30rem;
	overflow-x: hidden;
}


/* HEADER 
------------------------------ */
$corp-blue: #003366;
$corp-gold: #fcba19;
$header-height: 6.2rem;
$header-height-sm: 5.2rem;

.app-header {
	position: relative;
	margin-bottom: 0;
	height: $header-height-sm;
	min-height: $header-height-sm;
	background-color: $corp-blue;
	border-bottom: 2px solid $corp-gold;
	box-shadow: 0 0 0.2rem #999;
	
	.navbar {
		border: none;
		border-radius: 0;
	}
	
	.navbar-header {
		float: left;
	}
	
	.navbar-brand {
		padding: 0.8rem 1rem;
		height: $header-height-sm;
		min-height: $header-height-sm;
		
		img {
			margin-top: 0.3rem;
			height: 25px;
		}
	}
	
	.navbar-nav {
		margin: 0;
		float: right;
		
		> li {
			width: 4rem;
			display: inline-block;
		}
		
		> li > a {
			width: 4rem;
			height: 4rem;
			overflow: hidden;
		}
		
		.glyphicon {
			color: #FFF;
			
			+ span {
				display: none;
			}
		}
	}
}

@media (min-width: 480px ) {
	.app-header {
		.navbar-brand {
			img {
				margin-top: 0.1rem;
				height: 30px;
			}
		}
	}
}

@media (min-width: 768px) {
	.app-header {
		height: $header-height;
		
		.navbar {
			height: $header-height;
			margin: 0;
		}
		
		.navbar-nav {
			margin: 1rem;
		}
		
		.navbar-brand {
			margin-left: 0.5rem;
			padding: 0 1rem;
			
			img {
				margin-top: 0.6rem;
				height: 45px;
			}
		}
		
		.navbar-nav {
			float: right;
			
			> li > a,
			> li > a:hover,
			> li > a:focus {
				padding: 1rem 1.5rem;
				color: #FFF;
				border: none;
				background: transparent;
			}
		}
		
		.nav {
			> .open > a,
			> .open > a:hover,
			> .open > a:focus {
				background: transparent;
			}
		}
		
		.dropdown-menu {
			border-radius: 0;
		}
		
		.vert-pipe {
			border-left: 1px solid #FFF;
			height: 2.5rem;
			margin-top: 0.7rem;
			opacity: 0.5;
			margin-left: 1rem;
			margin-right: 1rem;
		}
		
		.user-menu {
			margin-right: 1rem;
		}
	}
}


/* CUSTOM NAV
------------------------------ */
.custom-nav {
	float: right;
	margin: 0.7rem 1rem;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	
	li {
		display: inline-block;
		
		a {
			min-width: 3.75rem;
			display: block;
			padding: 0.75rem 0;
			color: #FFF;
			text-align: center;
			text-decoration: none;
			border-radius: 0.4rem;
		}
	}
	
	.glyphicon {
		+ span {
			display: none;
		}
	}
	
	.dropdown-menu {
		margin-top: 1.5rem;
		border: none;
		border-radius: 0;
		background: #FFF;
		
		li {
			display: block;
			
			a {
				padding: 0.5rem 2rem;
				color: #003366;
				text-align: left;
				border-radius: 0;
			}
		}
	}
	
	.open {
		.dropdown-toggle {
			background: #1c2b4f;
			box-shadow: 0 0 1rem #11203a inset;
		}
	}
	
	.dashboard-item {
		margin-right: 0.4rem;
	}
}

@media (min-width: 768px) {
	.custom-nav {
		float: right;
		margin: 0;
		margin-top: 1rem;
		padding: 0;
		list-style-type: none;
		
		li {
			display: inline-block;
			
			a {
				display: block;
				padding: 10px;
				color: #FFF;
				text-decoration: none;
			}
		}
		
		.glyphicon {
			display: none;
			
			+ span {
				display: inline;
			}
		}
		
		.dropdown-menu {
			margin: 0;
			border: none;
			border-radius: 0;
			background: #FFF;
		}
		
		.dashboard-item {
			margin-right: 0;
		}
	}
}


/* FOOTER
------------------------------ */
.app-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem 2rem;
	font-size: 1.2rem;
	color: #FFF;
	background: $corp-blue;
	border-top: 2px solid $corp-gold;
	z-index: 999;
	-webkit-transition: bottom ease-out 0.2s;
	-o-transition: bottom ease-out 0.2s;
	-moz-transition: bottom ease-out 0.2s;
	transition: bottom ease-out 0.2s;
	
	a {
		color: #FFF;
	}
}

.app-footer.show-footer {
	bottom: 0;
}


/* SIDE NAVIGATION
------------------------------ */
$sidenav-bg: #FFF;
$sidenav-color: $link-color;

.sidenav {
	position: fixed;
	top: 6rem;
	bottom: 0;
	width: $left-panel-width;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background: $sidenav-bg;
	
	ul {
		margin: 0;
	}
	
	a {
		display: block;
		padding: 0.6rem 2rem;
		color: $link-color;
	}
	
	hr {
		margin: 1rem 1.5rem;
		border-color: #DDD;
	}
	
	.dropdown-menu {
		margin-left: 1rem;
	}
	
	.dropdown-menu a {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	.user-info {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
}


/* BEGIN: UI COMPONENT STYLING
------------------------------------------------------------ */
/* ACCORDION CONTROL
----------------------------- */
.panel-default.accordion > .panel-heading {
	padding: 0;
}

.accordion {
	.panel-heading {
		a {
			display: block;
			padding: 1rem 1.5rem;
			font-weight: bold;
			color: #000;
			
			h2 {
				margin-top: 1px;
			}
			
			.glyphicon {
				margin-right: 1rem;
				font-size: 1.5rem;
			}
			
			.glyphicon-plus {
				display: none;
			}
			
			.glyphicon-minus {
				display: inline-block;
			}
		}
		
		a.collapsed {
			.glyphicon-plus {
				display: inline-block;
			}
			
			.glyphicon-minus {
				display: none;
			}
		}
	}
}

.breadcrumbs {
	padding: 1.5rem 2.5rem;
	padding-bottom: 0;
}

.breadcrumbs + .view-title-container {
	padding-top: 1.5rem;
}


/* ALERTS
------------------------------ */
.alert {
	h2 {
		font-size: 2.2rem;
		margin: 0;
	}
	
	.btn {
		font-size: 1.6rem;
		font-weight: bold;
	}
}

.alert-danger {
	color: #FFF;
	background: $danger-bg;
	border: 1px solid $danger-border;
}

.alert-success {
	color: #FFF;
	background: $success-bg;
	border: 0 solid $success-border;
}


/* ATTACHMENTS 
------------------------------ */
.attachments {
	.list-group-item {
		position: relative;
	}
	
	.file-name {
		margin-right: 4rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.file-progress {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		height: 1.3rem;
	}
	
	.file-review {
		margin-top: 0.5rem;
		width: 100%;
		
		label {
			margin-bottom: 0;
			width: 50%;
			font-weight: normal;
		}
		
		.btn-danger,
		.btn-success {
			color: #000;
			background: none;
			border-color: #CCC;
		}
		
		.btn-danger.active {
			background: #d9534f;
			border-color: #d43f3a;
			color: #FFF;
		}
		
		.btn-success.active {
			background: #5cb85c;
			border-color: #4cae4c;
			color: #FFF;
		}
	}
	
	.file-action {
		position: absolute;
		top: 0.4rem;
		right: 0.5rem;
		border: none;
	}
}

@media (min-width: 480px) {
	.attachments {
		.file-name {
			margin-right: 15rem;
		}
		
		.file-progress {
			position: absolute;
			top: 0.8rem;
			right: 4.5rem;
			width: 10rem;
		}
		
		.file-review {
			position: absolute;
			top: 0.5rem;
			right: 4.5rem;
			width: 15rem;
			margin-top: 0;
		}
		
	}
}

.attachments-upload-target {
	position: relative;
	padding: 2rem;
	text-align: center;
	font-weight: normal;
	color: #888;
	border: 2px dashed #AAA;
	border-radius: 4px;
	background: #EEE;
	
	input {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}


/* BADGES
------------------------------ */
.badge {
    padding-bottom: 0.4rem;
    border-radius: 0.4rem;
    text-transform: uppercase;
	padding: 0.5rem 1rem 0.4rem 1rem;
	font-size: 1.2rem;
	font-weight: normal;
}
.badge.success {
    background: green;
}

.label {
	display: inline-block;
	height: 2rem;
	padding: 0;
	line-height: 2rem;
	font-size: 1.2rem;
	font-weight: normal;
}


/* BUTTONS
------------------------------ */
.btn {
	.glyphicon {
		font-size: 1.4rem;
		vertical-align: middle;
		margin-top: -4px;
	}
	
    .glyphicon + span {
        margin-left: 0.5rem;
    }
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
	color: $link-color;
}

.back-btn {
	font-weight: bold;
	
	.glyphicon {
		margin-left: -1rem;
		margin-right: 0.5rem;
		font-size: 1.5rem;
	}
}


/* BUTTON BAR
------------------------------ */
.button-bar {
    padding-bottom: 1.5rem;
}

.button-bar.bottom {
	padding-top: 1.5rem;
	padding-bottom: 0;
}


/* DATE RANGE CONTROL
------------------------------ */
.date-range-control {
	.spacer {
		padding: 0 1rem;
		line-height: 3.4rem;
	}
}

.input-group.date-range {
	width: 16rem;
}


/* DROPDOWN CARET
------------------------------ */
.caret-up {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


/* FIELDSETS
------------------------------ */
fieldset {
	margin-bottom: 2rem;
}

fieldset:last-child {
	margin-bottom: 0;
}

legend {
	padding-bottom: 0.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #DDD;
	
	em {
		font-size: 1.4rem;
		font-weight: normal;
		color: 
		#999;
	}
}


/* FILE BROWSER
------------------------------ */
$file-browser-height: 40rem;
$file-actions-height: 5rem;
$file-browser-item-active: #2b5580;

.file-browser {
	.col-sm-6,
 	.col-md-4 {
		padding: 0;
	}
	
	.file-browser-category {
		padding: 0.75rem 1rem;
		font-weight: bold;
		border-bottom: 1px solid #EEE;
		background: #f7f8fa;
	}
	
	.file-browser-category.active {
		background: $file-browser-item-active;
		border-bottom-color: $file-browser-item-active;
	}
	
	.file-browser-list {
		height: $file-browser-height;
		overflow-y: auto;
		overflow-x: hidden;
		border-right: 1px solid #EEE;
		
		ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		li {
			position: relative;
			padding: 0.75rem 1rem;
			border-bottom: 1px solid #EEE;
			
			.glyphicon {
				position: absolute;
				top: 0.75rem;
			}
		}
		
		li.row-folder-depth-1,
		li.row-document {
			padding-left: 3rem;
			
			.glyphicon {
				left: 1rem;
			}
		}
		
		li.row-folder-depth-2 {
			padding-left: 5rem;
			
			.glyphicon {
				left: 3rem;
			}
		}
		
		li.row-folder-depth-3 {
			padding-left: 7rem;
			
			.glyphicon {
				left: 5;
			}
		}
		
		li.active {
			background: $file-browser-item-active;
			border-bottom-color: $file-browser-item-active;
		}
	}
	
	.file-browser-list:last-child {
		border-right: none;
	}
	
	.file-browser-details {
		height: $file-browser-height;
		
		.doc-info {
			height: $file-browser-height - $file-actions-height;
			padding: 1.5rem;
			overflow-y: auto;
			overflow-x: hidden;
			
			h3 {
				margin-top: 0;
				margin-bottom: 1.5rem;
				font-size: 1.8rem;
				font-weight: bold;
			}
		}
		
		.doc-actions {
			height: $file-actions-height;
			padding: 1rem;
			text-align: center;
			border-top: 1px solid #EEE;
			background: #f7f8fa;
		}	
			
		.list-group-item {
			padding: 0.5rem 0.8rem;
			font-size: 1.2rem;
			color: $link-color;
		}
	}
}


/* FORM CONTROLS
------------------------------ */
.control-label {
	font-weight: normal;
	color: #000;
	text-shadow: 1px 1px 0 #FFF;
	
	em {
		margin-left: 0.25rem;
		font-size: 1.2rem;
		font-weight: normal;
		color: #999;
	}
}

.has-error {
	.control-label em {
		color: #a94442;
	}
}

form {
	section {
		margin-bottom: 2rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid #DDD;
	}
	
	.col-sm-6:nth-child(3n+3) {
		clear: both;
	}
	
	.help-block {
		margin-top: 0.5rem;
		margin-bottom: 0;
		font-size: 1.2rem;
	}
}

@media (min-width: 1024px) {
	form {
		.col-sm-6:nth-child(3n+3) {
			clear: none;
		}
	}
}

.form-footer {
	margin-top: 1rem;
	padding-top: 2rem;
	border-top: 1px solid #DDD;
	
	.btn {
		min-width: 8rem;
	}
}

.form-footer.no-border {
	margin-top: 0;
	padding-top: 0;
	border: none;
}

textarea {
	resize: vertical;
}

.form-control-static {
	padding: 6px 8px;
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 4px;
}

.checkbox-row {
	margin-top: 1rem;
}

.checkbox {
	margin-right: 2rem;
}


/* LIST ARRAY
------------------------------ */ 
.list-array-item {
	margin-bottom: 0.2rem;
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
	line-height: 1.5rem;
	background: #DDD;
}

.list-array-item.bg-primary {
	background: #337ab7;
}

.list-array-item:last-child {
	margin-bottom: 0;
}


/* MODAL OVERRIDES
------------------------------ */ 
.modal-header,
.modal-footer {
	padding: 1.25rem 2rem;
	border: none;
}

.modal-header {
	h3 {
		font-weight: bold;
	}
	
	.close {
		margin-right: -1rem;
		width: 3.4rem;
		padding: 0.7rem;
	}
}

.modal-footer {
	.btn {
		min-width: 8rem;
	}
}

.modal-body {
	padding: 2rem;
	background: $modal-body-bg;
}


/* PANEL 
------------------------------ */ 
.panel-default {
	border: none;
	border-radius: 0;
	box-shadow: none;
	
	> .panel-heading {
		padding: 1.25rem 1rem;
		color: $panel-heading-color;
		border-color: $panel-border-color;
		border-radius: 0;
		background-image: none;
		background-color: $panel-heading-bg;
		
		.btn {
			margin-top: -1rem;
			margin-bottom: -1rem;
		}
	}
	
	h2 {
		margin: 0;
		display: block;
		overflow: hidden;
		font-size: 1.6rem;
		font-weight: bold;
		text-overflow: ellipsis;
	}
}


/* PICK LIST
------------------------------ */
$pick-list-active-item-bg: #2b5580;

.pick-list {
	display: block;
	border-radius: 0;
	
	.btn {
		margin: 1px;
		font-weight: normal;
		text-align: left;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
	
	label {
		margin-bottom: 0;
		font-weight: normal;
		text-align: left;
	}
	
	label:active, label:focus {
		color: #FFF;
		background: $pick-list-active-item-bg;
		border-color: $pick-list-active-item-bg;
	}
	
	.active, .active:hover, .active:focus {
		color: #FFF;
		background: $pick-list-active-item-bg;
		border-color: $pick-list-active-item-bg;
		box-shadow: none;
	}
}


/* TAB CONTROL 
------------------------------ */
$nav-tab-active: #1a5a96;

.nav-tabs {
	border-bottom: 4px solid #DDD;
	
	> li {
		margin-bottom: -4px;
	}
	
	> li > a {
		font-size: 1.6rem;
		color: #999;
		border-width: 0;
		border-bottom: 4px solid #DDD;
	}
	
	> li > a:hover {
		background: transparent;
	}
	
	> li.active > a,
	> li.active > a:hover,
	> li.active > a:focus {
		font-weight: bold;
		color: #1a5a96;
		border-width: 0;
		border-bottom: 4px solid #1a5a96;
		background: transparent;
	}
}

.tab-pane {
	padding-top: 1.5rem;
}


/* TABLE
------------------------------ */
.table {
	table-layout: fixed;
	margin-bottom: 0;
	
	> thead > tr > th {
		font-size: 1.2rem;
		border-bottom: none;
	}
	
	> thead > tr > th:first-child {
		padding-left: 1rem;
	}
	
	> thead > tr > th:last-child {
		padding-right: 1rem;
	}
	
	th, td {
		text-align: left;
	}
	
	.actions-col {
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
		
		.btn {
			margin-top: 0.32rem;
			padding-left: 0.8rem;
			padding-right: 0.8rem;
		}
		
		.btn:hover {
			background: #FFF;
		}
	}
	
	.action-x1 {
		width: 6rem;
	}
	
	.action-x2 {
		width: 10rem;
	}
}

.table-striped {
	> tbody > tr:nth-of-type(odd) {
		background-color: #f7f8fa;
	}	
}

.table-hover {
 	> tbody > tr:hover {
		 background-color: #EEE;
	}
 }

.pagination {
	margin: 0;
}


/* UTILITIES
------------------------------ */
hr {
	border-top: 1px solid #DDD;
}

/* END: COMPONENTS
------------------------------------------------------------ */


/* BEGIN: VIEW/PAGE-SPECIFIC STYLING
------------------------------------------------------------ */
/* ARTIFACT VIEW
------------------------------ */
.artifact-list-view {	
	.artifacts-dropdown {
		width: 30rem;
	}
	
	.artifacts-list-actions {
		margin: -0.7rem 0;
	}
}

.edit-artifact-view {
	.form-footer {
		.form-control {
			width: auto;
			display: inline-block;
		}
	}
}


/* CONDITIONS VIEW
------------------------------ */
.project-conditions-view {
	.table {
		th:last-child {
			width: 6rem;
			text-align: right;
		}
	}
}


/* COMMENT PERIOD VIEW
------------------------------ */
.project-comment-period-view {
	.table {
		th:last-child {
			width: 6rem;
			text-align: right;
		}
	}
}

/* COMPLAINTS VIEW
------------------------------ */
.complaints-view {
	.table {
		th:last-child {
			width: 6rem;
			text-align: right;
		}
	}
}


/* COMPLAINCE OVERSIGHT VIEW
------------------------------ */
.compliance-oversight-view {
	.ir-cert-requirements {
		padding: 2rem 1.5rem;
		
		h3 {
			margin: 0;
			font-size: 1.4rem;
			font-weight: bold;
		}
		
		ul {
			margin: 0;
			margin-top: 1.5rem;
			padding: 0;
			list-style-position: inside;
			list-style-type: square;
		}
	}
	.actions-table-container {
		.table {
			border-top: 1px solid #DDD;
			
			th, td {
				padding: 1rem 1.5rem;
			}
		}
		
		.enforcement-col {	
			.glyphicon {
				font-size: 1.3rem;
				vertical-align: middle;
				margin-top: -5px;
				margin-right: 1rem;
			}
		}
		
		.date-col {
			width: 12rem;
			text-align: right;
		}
		
		.status-col {
			width: 10rem;
			
			.label {
				width: 100%;
			}
		}
	}
}


/* CONDITION LIBRARY VIEWS
------------------------------ */
.condition-view {
	.well {
		min-height: 15.5rem;
	}
}

.edit-condition-view {
	textarea {
		min-height: 8.25rem;
	}
}


/* DASHBOARD VIEW
------------------------------ */
.dashboard {
	.panel-default {
		margin-bottom: 0;
	}
	
	.view-body-container {

		.project-list {
			flex: 1 1 auto;
		}	
		
		.right-panel {
			margin-left: 2.5rem;
			padding: 0;
		}
		
		.activities-list {
			flex: 0 1 24rem;
		}
	}
	
	.projects-table {	
		table-layout: fixed;
		
		.actions-col {
			width: 11rem;
			text-align: right;
		}
	}
}


/* DOCUMENTS VIEW 
------------------------------ */
.table.document-browser {
	td {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	td.actions-col {
		padding-top: 0;
		padding-bottom: 0;
		vertical-align: middle;
	}
	
	.name-col {
		padding-left: 1.5rem;
		
		.glyphicon {
			margin-top: -0.5rem;
			margin-right: 1rem;
			vertical-align: middle;
		}
	}
}

tr.selected {
	background-color: #003366 !important;
	color: #FFF;
	
	td {
		border-top: 1px solid #003366 !important;
	}
}

tr.row-depth-2 {
	td:first-child {
		padding-left: 4rem;
	}
}

tr.row-depth-3 {
	td:first-child {
		padding-left: 6rem;
	}
}


/* PROJECT DETAILS VIEW
------------------------------ */
.project-details {
	section {
		margin-bottom: 2rem;
	}
	
	section:last-child {
		margin-bottom: 0;
	}
	
	section.project-info {
		margin-top: 0.5rem;
		margin-bottom: 1.5rem;
	}
}

section.project-info {
	.panel-body {
		padding: 1.5rem 2rem;
	}
	
	.badge.review {
		background-color: forestgreen;
	}
}

.project-phases {
	.panel-body {
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
		
		.anchor-section {
			margin-left: -15px;
			margin-right: -15px;
		}
	}
}

.project-artifacts {
	.panel {
		margin-bottom: 0;
	}
}

.project-map {
	.panel {
		margin-bottom: 0;
	}
}

.detail-row {
	margin: 1.5rem 0;
	font-size: 1.2rem;
	
	> label {
		margin-bottom: .2rem;
		font-weight: 600;
		text-shadow: 0 0 0 #FFF;
	}
	
	label, span.value {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	span.value {
		color: #888;
	}
	
	span.value.wrap-text {
		white-space:normal;
	}
}
<commit_msg>ESM-313 - Fixing hidden map issue<commit_after>/* -----------------------------------------------------------------------------
 * variables
 * -------------------------------------------------------------------------- */

/* ----- Colors ----- */
$header-blue:		    #141a41;
$header-grey:			#666666;
$navbar-blue:			#154681;
$brand-primary:			#337ab7;
$brand-success:			#5cb85c;
$brand-info:		    #5bc0de;
$brand-warning:			#f0ad4e;
$brand-danger:			#d9534f;
$link-light:			#337ab7;
$link-dark:				#23527c;
$border-grey:			#dddddd;
$off-white:				#f4f4f4;
$danger-text:			#a94442;

$danger-bg:				#d9534f;
$danger-border:			#d43f3a;
$info-bg:				#337ab7;
$info-border:			#337ab7;
$success-bg: 			#449d44;
$success-border: 		#398439;

$app-bg: 				#F1f1f1;
$app-base-color: 		#494949;

$link-color: 			#1a5a96;

$modal-body-bg: 		#f7f8fa;
$modal-header-bg: 		#FFF;
$modal-footer-bg: 		#FFF;

$panel-border-color: 	#DDD;
$panel-heading-bg: 		#FFF;
$panel-heading-color: 	#494949;


/* GLOBAL
------------------------------ */
@font-face {
	font-family: 'Myriad-Pro';
	src: url('../fonts/MyriadWebPro.ttf');
}

html {
	min-height: 100%;
	background: $app-bg;
}

body {
	min-height: 100%;
	font-size: 1.4rem;
	color: $app-base-color;
	-ms-overflow-style: scrollbar;
}


/* ----- Typography ----- */
$font-family-heading: Myriad-Pro, Calibri, sans serif;
$font-family-sans-serif: Myriad-Pro, Calibri, sans serif;

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.clear-left {
	clear: left;
}

/* Remove border to delete the 1px line */
.navbar-fixed-top {
	border: 0;
}

.btn-list .btn {
	margin: 0 2px 4px;
	display: inline-block;
}

.navbar-form .form-group .control-label,
.form-inline .form-group .control-label {
	padding-right: 10px;
	display: inline-block;
}

.well .table tr:first-child td {
	padding-top: 0;
}

.well > h3,.panel-body h3:first-child {
	margin-top: 0;
	margin-bottom: 20px;
}
.well > h5,.panel-body h5:first-child {
	margin-top: 0;
	margin-bottom: 20px;
}

.panel-body.news-headline h5:first-child {
	margin-bottom: 10px;
}
.panel-body.news-headline h5 {
	margin-bottom: 0;
}

.watermark-chat {
	background-image: url('/modules/core/client/img/watermarks/eao-chat.png');
	background-repeat: no-repeat;
	background-position: 106% -10px;
	background-size: 30%;
}
.watermark-news {
	background-image: url('/modules/core/client/img/watermarks/eao-news.png');
	background-repeat: no-repeat;
	background-position: 106% -10px;
	background-size: 30%;
}

.news-content {
	white-space: pre-line;
	margin-top: 0;
}


.well > h4 {
	margin-top: 0;
	margin-bottom: 15px;
}

label.control-label,
a.control-label,
.control-label a {
	display: block;
	padding: 0 0 2px;
	margin: 0 0 2px;
}

a.control-label,
.control-label a {
	display: inline-block;
	color: $link-light;
	cursor: pointer;
}

a.control-label:hover,
.control-label a:hover {
	color: $link-dark;
}

.label-list,
.panel-sort {
	list-style-type: none;
	padding-left: 0;
}

.label-list li,
.panel-sort li {
	display: inline-block;
	white-space: nowrap;
}

.label-list li {
	margin-bottom: 3px;
	margin-right: 3px;
}


.table-center table {
	margin: 0 auto;
}


// -------------------------
// GENERALLY SPEAKING...
// -------------------------


[ng\:cloak],
[ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
	display: none !important;
}

button:focus, a:focus {
	outline: 0 !important;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	letter-spacing: -0.01em;
}

p.small {
	margin: 0 0 0;
}

td h4 {
	margin-top: 0;
}
th > .progress {
	margin-bottom: 0;
}

.ng-table-filters th {
	font-weight: 500;
}
.ng-table th {
	text-align: left;
}
pre {
	padding: 0;
	margin: 0;
	font-size: inherit;
	font-family: $font-family-sans-serif;
	line-height: inherit;
	background-color: transparent;
	border: 0;
	white-space: pre-wrap;       /* CSS 3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-break: normal;
}

ul > li > h3 {
	margin-top: 5px;
}

h3 .small {
	padding-top: 10px;
	font-size: 60%;
}

h3 .small .label {
	font-weight: 500;
}


 .col-0 {
 	width: 0;
 	margin: 0;
 	overflow: hidden;
 }
// -------------------------
// HELPER CLASSES...
// -------------------------

/* Workaround for unwanted route changes due to empty href attributes - see http://angular-ui.github.io/bootstrap/ */
.nav, .pagination, .carousel, .panel-title a, .clickable { cursor: pointer; }

.undecorated-link:hover {
	text-decoration: none;
}

.vertical-scroll ul.list-indent-left {
	min-height: 400px;
}

.no-lower-padding {
	padding-bottom: 0 !important;
}

.no-side-padding {
	padding-left: 0;
	padding-right: 0;
}

.vertical-scroll,
.vertical-scroll-padded {
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 400px;
	max-height: 400px;
}
.vertical-scroll-padded {
	padding-top: 15px;
	padding-bottom: 15px;
}

.scrolling-fixed-box {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 400px;
	display: block;
}

.scrollable {
	max-height: 200px;
	overflow-y: scroll;
}

.no-wrap {
	white-space: nowrap;
}
.wrap {
	white-space: normal !important;
}
.no-upper-margin {
	margin-top: 0 !important;
}
.no-lower-margin {
	margin-bottom: 0 !important;
}
ul.list-indent-left {
	margin-left: 3px;
	border-left: 1px solid $border-grey;
	margin-bottom: 0;
}

.col-no-padding li {
	padding: 2px 8px;
}

.col-border-right {
	border-right: 1px solid $border-grey;
}

.col-browser-subtitles {
	padding: 0 5px;
	border-bottom: 1px solid $border-grey;
}

.list-indent-left.col-browser-subtitles {
	padding: 0 8px;
}


.col-browser-subtitles .control-label {
	padding-bottom: 0;
	margin: 2px 0 3px;
}
.list-documents li,
.list-tasks li {
	border-top: 1px solid $border-grey;
	padding: 3px 5px;
	position: relative;
}
.list-documents li.active,
.list-documents li.active a {
	color: #ffffff;
}
.list-documents .btn-download {
	position: absolute;
	top: 0;
	right: 15px;
}
.list-documents li:first-child,
.list-tasks li:first-child {
	border-top: none
}

.list-documents li.row-enforcement {
	padding: 0;
}

.row-enforcement .cell-condition  {
	padding: 3px 5px;
}

.row-folder span.arrow,
.row-document span.arrow {
	display: none;
}

.row-folder.active,
.row-document.active {
    background-color: #204d74;
    border-color: #122b40;
}
.row-folder a,
.row-document a {
	display: block
}
.row-folder.active span.arrow,
.row-document.active span.arrow {
	display: inline-block;
}
.bg-muted {
	background-color: #f2f2f2;
}

.list-documents li.active .arrow {
	position:absolute;
	right: 4px;
	top: 4px;
}
.list-icon-right li {
	position: relative;
	padding-right: 21px;
}
.list-icon-right li > span {
	position: absolute;
	right: 5px;
	top: 5px;
}

.list-icon-left li {
	position: relative;
	padding-left: 21px;
}
.list-icon-left li a span {
	position: absolute;
	left: 5px;
	top: 6px;
}
h3.firstHeading {
	margin-top: 5px;
}

.datetimepicker {
	margin: 0 auto;
}

.btn-spaced {
	margin-right: 3px;
}
.col-no-padding {
	padding-left: 0;
	padding-right: 0;
}
.col-top-padding {
	padding-top: 10px !important;
}
.outlined-box {
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.slight {
	font-style: normal !important;
}

.text-danger {
	color: $danger-text !important;
}

.drop-box {
	background: #F8F8F8;
	border: 3px dashed #DDD;
	text-align: center;
	padding: 25px;
	margin-bottom: 15px;
}

.dragover {
	border: 3px dotted #449d44;
}

a.return-link {
	text-decoration: none;
	font-size: 14px;
	color: #333333;
}

a.return-link:hover {
	text-decoration: none;
}

.text-dark .panel-sort li,
.modal .panel-sort li {
	color: #777;
}

.text-dark .panel-sort li a,
.modal .panel-sort li a {
	color: #777;
}

.close-adjust-top {
	margin-top: -2px;
}

.document-cell a {
	position: relative;
	display: block;
	padding-left: 18px;
}

.document-cell a span {
	position: absolute;
	top : 2px;
	left : 0;
}

.document-cell a:hover {
	text-decoration: none;
}

.table-no-head > tbody > tr:first-child > td {
	border-top: none;
}

.no-margins {
	margin: 0;
}

th .progress-bar {
	font-weight: 500;
}
.progress-alert-box {
	margin-top: 15px;
	text-align: left;
	font-weight: 500;
}

.progress-info-button {
	padding-top: 1px;
	padding-left: 7px;
}

.countdown-wrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.countdown-wrapper li {
	display: inline-block;
	padding-left: 5px;
}

.countdown-wrapper li:first-child {
	padding-left: 0;
}

.countdown-wrapper li span.time-units{
	font-size: 10px;
	font-style: italic;
	opacity: 0.8;
}

.control-with-label {
	margin-top: 25px !important;
}

.top-nav-lower-margin {
	margin-bottom: 5px;
}

.tr-slide {
    -webkit-transition: width 0.3s ease, margin 0.3s ease;
    -moz-transition: width 0.3s ease, margin 0.3s ease;
    -o-transition: width 0.3s ease, margin 0.3s ease;
    transition: width 0.3s ease, margin 0.3s ease;
}

.col-0 {
	width: 0;
	margin-left: 0;
}

.menu-toggle {
	position: absolute;
	right: 0;
	bottom: 0;
}

.document-icon-list a {
	font-size: 10px;
}
.document-icon-list a .glyphicon {
	font-size: 40px;
}
.document-icon-list .glyphicon {
	font-size: 40px;
}
.document-icon-list .thumbnail {
	margin: 2px;
	width: 100px;
}

// -------------------------
// PANELS...
// -------------------------

.block-content > h3 {
	border-bottom: 1px solid $border-grey;
	padding: 8px 15px;
	margin-bottom: 0;
}
.block-content {
	 margin-bottom: 15px;
	 border-bottom: 2px solid $border-grey;
}
.block-content:last-child,
.block-content.block-stacked {
	margin-bottom: 0;
}
.panel > .block-content:first-child > h3 {
	margin-top: 0;
}
.panel-body.no-vertical-padding {
	padding-top: 0;
	padding-bottom: 0;
}
.panel > .table.table-stacked {
	margin-bottom: 30px;
}

.panel-tombstone-menu {
	font-size: 13px;
	line-height: 15px;
}
.panel-tombstone-menu p {
	margin: 0 0 8px;
}

.panel-tombstone-menu hr {
	margin-top: 15px;
	margin-bottom: 15px;
}

.menu-side hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.panel-body .panel-toggle {
	color: #777;
}

.panel-toggle {
	position: absolute;
	top: -10px;
	left: -8px;
	color: $header-grey;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
}

.panel-toggle:hover {
	font-size: 24px;
	color: $header-grey;
	top: -20px;
	left: -14px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
}

h3.panel-title {
	margin-bottom: 0;
}

.panel-header h1.panel-title {
	font-size: 2em;
	padding: 15px;
	border-bottom: 1px solid #ddd;
}

.panel-sub-title {
	border-top: 1px solid #ddd;
	margin: 0;
	font-size: 1.4em;
	padding-bottom: 0;
}

.panel-top-border {
	border-top: 1px solid #ddd;
}

.panel-sub-heading {
	background-color: #f5f5f5;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.map-filter .form-inline {
	border-top: 1px solid #ddd;
	background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -ms-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	padding: 3px;
}

.map-filter .form-inline .form-control-static {
	margin-top: 1px;
}

.panel label + p,
.panel label + ul {
	margin-bottom: 15px;
}

.panel .project-small-tombstone label + p,
.panel .project-small-tombstone label + .progress {
	margin-bottom: 0;
}

.panel-sort li {
	font-size: 80%;
	color: $header-grey;
}

.panel-sort li a {
	padding: 0 5px 0 3px;
	color: $header-grey;
}

.panel-sort li:before {
	content: '|';
}

.panel-sort li:first-child:before {
	content: '';
}

.panel-sort li a span:after {
	content: '\0020';
}

.panel-sort li.asc a span:after {
	content: '\0020\25B2';
}

.panel-sort li.desc a span:after {
	content: "\0020\25BC";
}

.panel-heading .label {
	font-size: 12px;
}

.panel {
	position: relative;
}


// -------------------------
// SECTION SPECIFIC RULES
// -------------------------

.document-vetting li:first-child,
.no-top-border {
	border-top: none !important;
}

.document-vetting li {
	border-top: 1px solid #ddd;
	padding: 2px 0;
}
.project-info-panel .dl-vertical dt {
	margin-top: 20px;
	border-bottom: 1px solid #cccccc;
}

.task-selected {
	border-left: 5px solid white;
	border-right: 5px solid white;
}

.user-quick-links h1 {
	padding: 0;
	margin: 0;
}

.user-quick-links a {
	color: #fff;
}

.user-quicklinks a.thumbnail {
	position: relative;
	font-size: 12px;
	height: 80px !important;
}
.user-quicklinks a.thumbnail .caption {
	padding: 0;
	position: absolute;
	bottom: 3px;
	left: 3px;
}
.user-quick-links a:hover {
	text-shadow: 0 0 20px rgba(255,255,255,0.4);
}

.bucket-content-activity {
	font-size: 85%;
	border-top: 1px solid #ccc;
}

h3.activity-title {
	color: #33333;
	margin-top: 0;
}

.concern-list > h3:first-child {
	margin-top: 0;
}

.research-content {
	border-top: 1px solid #ccc;
	padding: 3px 5px;
}

.task-list {
	margin-bottom: 0;
}

.task-list li {
	padding-top: 5px;
	position: relative;
}
.task-list li:first-child {
	padding-top: 0;
	position: relative;
}
.task-list li .task-current-status {
	font-weight: 700;
}
.task-list li button {
	white-space: normal;
	position: relative;
	text-align: left;
}
.task-list li button.btn-layer {
	white-space: normal;
}

.task-permission-control {
	display: none;
	position: absolute;
	right: 3px;
	bottom: 5px;
}

.task-list li:hover .task-permission-control {
	display: block;
}

.vc-task-arrows {
	opacity: 0.2;
}

.btn-task-not-started {
	background-color: $brand-info;
}
.btn-task-complete {
	background-color: $brand-success;
}
.btn-task-in-progress {
	background-color: $brand-warning;
}
.btn-task-not-applicable {
	opacity: 0.5;
}

.comment-box {
	padding: 2px 4px;
	border-top: 1px solid #e3e3e3;
}
.comment-box:first-child {
	border-top: none;
}

.project-info-panel .location-map {
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.project-info-panel .progress {
	margin-bottom: 10px;
}

.project-info-panel > .panel-heading {
	padding-bottom: 0;
}

.concern-heading,
.concern-heading * {
	color: #333333 !important;
}

.panel-project-summary h3 {
	margin-top: 2px;
}

// -------------------------
// ERRORS...
// -------------------------

.error-text {
	display: none;
}
.has-error .help-block.error-text {
	display: block;
}
.has-error .help-inline.error-text {
	display: inline;
}

// -------------------------
// MODALS...
// -------------------------

.modal-pre-table {
	padding-top: 5px;
	padding-bottom: 0;
}
.table-modal {
	margin-bottom: 0
}

.modal-header input.form-control {
	background-color: rgba(255,255,255,0.3);
	color: #fff;
	border: none;
}
.modal-header .form-group {
	text-shadow: none !important;
}
.modal-header input.form-control::-webkit-input-placeholder {
	color: #fff;
}

.modal-header input.form-control:-moz-placeholder { /* Firefox 18- */
	color: #fff;
}

.modal-header input.form-control::-moz-placeholder {  /* Firefox 19+ */
	color: #fff;
}

.modal-header input.form-control:-ms-input-placeholder {
	color: #fff;
}

.modal .modal-body > h3,
.panel-concern .panel-body > h3 {
	margin-top: 0;
}

// -------------------------
// HEADER...
// -------------------------

.header-profile-image {
	opacity: 0.8;
	height: 28px;
	width: 28px;
	border-radius: 50%;
	margin-right: 5px;
}
.open .header-profile-image,
a:hover .header-profile-image {
	opacity: 1;
}
.user-header-dropdown-toggle {
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 0;
	background-color: transparent;
	font-family: $font-family-sans-serif;
}

.has-navigation {
		padding-top: 80px;
}


.navbar-custom .navbar-nav > li > a {
	color: $navbar-blue;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	color: $navbar-blue;
	background-color:transparent;
}
.navbar-custom .navbar-brand {
	color: $navbar-blue;
	padding: 10px 15px;
}
.nav > li.navbar-user {
	padding: 10px 0;
}
.nav > li.navbar-user > a {
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block;
}
.nav > li.navbar-user > a:hover {
	background-color: transparent;
}
.nav > li.navbar-user-icon {
	font-size: 40px;
	padding: 10px 10px;
	line-height: 40px;
}

.navbar-custom {
	background-color: #ffffff;
	color:#154681;
	border-radius:0;
	box-shadow: 3px 3px 20px rgba(0,0,0,0.5);
}

nav {
	cursor: default;
}
.navbar-sm .form-control {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.navbar-sm .navbar-text {
	font-size: 12px;
	margin-top: 14px;
	margin-bottom: 14px;
}
h1.page-title {
	padding: 0;
	color: $header-grey;
	margin-top: 0;
	margin-bottom: 20px;
}
h2.page-title {
	padding: 0;
	color: $header-grey;
	font-size: 1em;
	margin: 0 2px 0;
}
.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}



.edit-outlines .text-block {
	border: 2px dotted $brand-info;
	padding: 3px;
	border-radius: 8px;
	cursor: pointer;
	background-color: transparent;
}
.edit-outlines .text-block-success {
	border: 2px dotted $brand-success;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
}
.text-block > p:last-child {
	margin-bottom: 0;
}

.edit-outlines .text-block:focus,
.edit-outlines .text-block-focus {
	border: 2px dashed $brand-info;
	outline: none !important;
	background-color: #d9edf7;
}

.doc-detail-col {
	border-right: 1px solid $border-grey;
	overflow: hidden;
	padding-right: 0;
}

.doc-action-col {
	text-align: center;
	font-size: 2rem;
	padding-top: 5px;
	padding-left: 0;
}

.doc-action-col a {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

.well hr {
	border-top: 1px solid $border-grey;
	margin-top: 5px;
	margin-bottom: 8px;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: scale(1) rotate(0deg);
    }
    to {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spinw {
    from {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: scale(1) rotate(0deg);
    }
    to {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: scale(1) rotate(360deg);
    }
}

@-moz-keyframes spinm {
    from {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: scale(1) rotate(0deg);
    }
    to {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: scale(1) rotate(360deg);
    }
}

/*
//-------------------
// Schedule D3 Styles
// -------------------
*/

.schedule-control-cell {
	padding: 0 !important;
	position: relative;
}
.svg-div-root {
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	overflow: hidden;
}

.svg-element{
	position: relative;
	width: 100%;
}

.svg-background{
	fill: lightyellow;
	fill-opacity: 0.3;
}

.projectToday-line {
	stroke: darkorange;
	stroke-width: .5;
	fill: none;
}

/*
// --------------------------
// ng-table and form styles
// --------------------------
*/

.ng-table-pager {
	border-top: 1px solid $border-grey;
	padding: 15px;
	overflow: auto;
}

/*
// -------------------
// template styles
// -------------------
*/

.template {
  background-color: #ffffff;
  padding:10px;
}

.template h1,
.template li,
.template p,
.template div {
	font-family: $font-family-sans-serif;
}

.template-subitem {
	margin-left:10px;
}

.template ol[type="1"].template-hierarchy li {
  font-weight: bold;
  font-size: 28px;
  color: #65909a;
}

.template ol[type="a"].template-hierarchy li {
  font-weight: bold;
  font-size: 24px;
  color: #9a6590;
  margin-top:10px;
}

.template ol[type="i"].template-hierarchy li {
  font-weight: bold;
  font-size: 20px;
  color: #909a65;
  margin-top:10px;
}

.template .letter-head {
  text-align: center;
  font-weight:bold;
}

.template .letter-section {
  margin-top:40px;
}

.template .custom-list {
  margin: 16px 0;
  padding-left: 20px;
}

.template .letter-footer {
  margin-top:100px;
}

.template .note-box-xlrg {
  border: 1px solid #000;
  margin: 10px 0;
  padding: 5px;
}

.template .note-box-lrg {
  border: 1px solid #000;
  margin: 10px 15px;
  padding: 5px;
}

.template .note-box-med {
  border: 1px solid #000;
  margin: 10px 30px;
  padding: 5px;
}

.template .note-box-sml {
  border: 1px solid #000;
  margin: 10px 45px;
  padding: 5px;
}

.template .title-box {
  background-color: #d3d3d3;
  border: 1px solid #000;
  padding: 5px;
}

.template .center {
  text-align: center;
}

.template .page-header {
  font-weight: bold;
  border-bottom: 2px solid #000;
  margin-bottom: 20px;
  padding: 3px;
}

.template .indent-sml {
  padding-left: 10px;
}

.template .indent-med {
  padding-left: 20px;
}

.template .indent-lrg {
  padding-left: 30px;
}

.template tr.spaceUnder > td
{
  padding-bottom: 5px;
}

.template .title-pg {
  margin: 150px 0;
}

.template .title-pg-space {
  margin-top: 100px;
}

.template .title-pg-txt-lrg {
  font-weight: bold;
  font-size: 50px;
}

.template .title-pg-in-txt-lrg {
  font-weight: bold;
  font-size: 28px;
  color: #336699;
}

.template .title-pg-txt-med {
  font-weight: bold;
  font-size: 24px;
}

.template .title-pg-in-txt-med {
  font-weight: bold;
  font-size: 24px;
  color: #336699;
}

.template .title-pg-txt-sml {
  font-size: 10px;
}

.template .section-header-lrg {
  font-weight: bold;
  font-size: 26px;
}

.template .section-header-med {
  font-weight: bold;
  font-size: 19px;
}

.template .section-header-sml {
  font-weight: bold;
  font-size: 16px;
}

.template table.air-table {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  margin: 10px 0;
}

.template table.air-table td {
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 11px;
  padding: 5px;
}

.template table.air-table thead tr td {
  font-weight: bold;
  text-align: center;
  background-color: #D9D9D9;
}

.template .letter-section-sub {
  margin-top:30px;
}

.template table tr td.fixed-width-70 {
  width:70px;
}

.template table.air-table tr.sub-header td {
  font-weight: bold;
  background-color: #F2F2F2;
  color: #000;
}

.template .rTable {
  display: table;
  width: 100%;
  margin-top: 10px;
  font-size: 11px;
}

.template .rTableRow {
  display: table-row;
}

.template .rTableCell{
  display: table-cell;
  padding: 5px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}

.template .rTableHead {
  display: table-cell;
  padding: 5px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  font-weight: bold;
  text-align: center;
  background-color: #D9D9D9;
  vertical-align: middle;
}

.template .rTableSubHead{
  display: table-cell;
  padding: 3px 10px;
  border-top: 1px solid #000;
  background-color: #F2F2F2;
}

.template .first-cell {
  border-left: 1px solid #000;
}

.template .last-cell {
  border-right: 1px solid #000;
}

.template .tbl-bottom {
  border-top: 1px solid #000;
  margin-bottom: 10px;
}

.template .normal {
  font-weight:normal;
}

.template .thicker {
  font-weight:bolder;
}

.template .sig-left {
  float:left;
  margin-right:60px;
}

.template .sig-right {
  float:left;
}

.template tr.spaceUnder-med > td
{
  padding-bottom: 15px;
}

.template p.indent {
  text-indent: 50px;
}

.template .right {
  float:right;
  margin-right:20px;
}

.template p.bottom-spacing-med
{
  margin-bottom: 70px;
}

.template table.reg-table 
{
  border-collapse: collapse;
  width: 100%;
}

.template table.reg-table tbody td
{
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
  vertical-align: top;
}

.template td.header 
{
  font-weight: bold;
}

.template .title-pg-in-txt-sml {
  font-weight: bold; 
  font-size: 20px; 
  color: #336699;
}

.template .bottom-spacing-sml
{
  margin-bottom: 30px;
}

/*------------------------------*/
.activity-list-med {
	height: 542px;
	overflow: hidden;
}

.show-news {
	position: relative;
	padding: 10px 0;
	display: block;
	background-color: rgba(0,0,0,0.30);
	text-shadow: 0 0 20px #000000;
	color: #ffffff;
	text-align: center;
	left: 0;
	right: 0;
}
.show-news:hover,
.show-news:active,
.show-news:link,
.show-news:visited {
	color: #ffffff;
}

.activity-list-med .show-news {
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
}

div.dropdown-menu {
	padding: 12px;
}


/* PAGE LAYOUT
------------------------------ */
$left-panel-width: 17rem;

.view-title-container {
	margin-left: 2.5rem;
	margin-right: 2.5rem;
	display: -webkit-flex;
	display: flex;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #DDD;
	min-width: 0;

    h1 {
        margin: 0;
        padding: 0;
		font-size: 2.8rem;
		font-weight: bold;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 1 1 auto;
    }
	
	.placeholder {
		color: #ccc;
	}
	
	.view-title-actions {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}

.view-title-container.no-border {
	padding-bottom: 0;
	border: none;
}

.view-content {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-flow: row nowrap;
	
	section:last-child {
		margin-bottom: 0;
	}
}

.view-body-container {
	padding: 2rem 2.5rem;
}


/* ACTIVITIES LIST
------------------------------ */
.activities-container {
    .nav-tabs {
        > li {
            width: 33.3333%;
            padding: 0;
            background: #EEE;

            > a {
                margin: 0;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                text-align: center;
                white-space: nowrap;
                font-size: 1.2rem;
                border: none;
                border-radius: 0;
            }
        }

        > li.active {
            > a,
            > a:hover,
            > a:focus {
                border: none;
            }
        }
    }
}

.activities-list {
    margin: 0;
    padding: 0;
    list-style-type: none;

    li {
        padding: 1.5rem;
        border-bottom: 1px solid #CCC;
    }

    li:last-child {
        border-bottom: none;
    }

    h3 {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 1.6rem;
    }

    .activity-info {
        margin-bottom: 1.25rem;

        small {
            display: block;
            margin-bottom: 0.25rem;
        }
    }
}


/* STOP-GAP STYLING
   PRODUCT ARTIFACT DOCUMENT
------------------------------ */
.file-horiz {
    display: -webkit-flex;
    display: flex;
    flex-flow: row-nowrap;

    .glyphicon {
        flex: 0 0 6rem;
        font-size: 4rem;
        color: lightblue;
    }

    .file-info {
        flex: 1 1 auto;
    }

    .file-details {
        flex: 1 1 auto;
    }

    .file-actions {
        flex: 0 0 auto;
    }
}

.file + .file {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #CCC;
}

.file-horiz.small {
    .glyphicon {
        flex: 0 0 2.5rem;
        font-size: 1.8rem;
    }

    h5 {
        margin-bottom: 0.5rem;
    }

    small {
        display: block;
    }
}

.document-block-header {
    padding: 1rem 0;

    h4 {
        margin: 0;
    }
}

.file-expanded-details {
	margin:-15px;
    margin-top: 15px;
    margin-bottom: 0;

    .panel-default {
        border: none;
        border-top: 1px solid #CCC;
        border-radius: none;
    }

}


/* APPLICATION LAYOUT
------------------------------ */
tmpl-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.app-main {
	padding-top: 5rem;
	padding-bottom: 4rem;
}

@media (min-width: 768px) {
	.app-main {
		padding-top: 6rem;
	}	
}

.left-panel {
	background: #f7f7f7;
	-webkit-flex: 0 0 $left-panel-width;
	flex: 0 0 $left-panel-width;
}

.main-panel {
	flex: 1 1 auto;
}

.right-panel {
	padding: 1.5rem;
	padding-left: 0;
	flex: 0 0 30rem;
	overflow-x: hidden;
}


/* HEADER 
------------------------------ */
$corp-blue: #003366;
$corp-gold: #fcba19;
$header-height: 6.2rem;
$header-height-sm: 5.2rem;

.app-header {
	position: relative;
	margin-bottom: 0;
	height: $header-height-sm;
	min-height: $header-height-sm;
	background-color: $corp-blue;
	border-bottom: 2px solid $corp-gold;
	box-shadow: 0 0 0.2rem #999;
	
	.navbar {
		border: none;
		border-radius: 0;
	}
	
	.navbar-header {
		float: left;
	}
	
	.navbar-brand {
		padding: 0.8rem 1rem;
		height: $header-height-sm;
		min-height: $header-height-sm;
		
		img {
			margin-top: 0.3rem;
			height: 25px;
		}
	}
	
	.navbar-nav {
		margin: 0;
		float: right;
		
		> li {
			width: 4rem;
			display: inline-block;
		}
		
		> li > a {
			width: 4rem;
			height: 4rem;
			overflow: hidden;
		}
		
		.glyphicon {
			color: #FFF;
			
			+ span {
				display: none;
			}
		}
	}
}

@media (min-width: 480px ) {
	.app-header {
		.navbar-brand {
			img {
				margin-top: 0.1rem;
				height: 30px;
			}
		}
	}
}

@media (min-width: 768px) {
	.app-header {
		height: $header-height;
		
		.navbar {
			height: $header-height;
			margin: 0;
		}
		
		.navbar-nav {
			margin: 1rem;
		}
		
		.navbar-brand {
			margin-left: 0.5rem;
			padding: 0 1rem;
			
			img {
				margin-top: 0.6rem;
				height: 45px;
			}
		}
		
		.navbar-nav {
			float: right;
			
			> li > a,
			> li > a:hover,
			> li > a:focus {
				padding: 1rem 1.5rem;
				color: #FFF;
				border: none;
				background: transparent;
			}
		}
		
		.nav {
			> .open > a,
			> .open > a:hover,
			> .open > a:focus {
				background: transparent;
			}
		}
		
		.dropdown-menu {
			border-radius: 0;
		}
		
		.vert-pipe {
			border-left: 1px solid #FFF;
			height: 2.5rem;
			margin-top: 0.7rem;
			opacity: 0.5;
			margin-left: 1rem;
			margin-right: 1rem;
		}
		
		.user-menu {
			margin-right: 1rem;
		}
	}
}


/* CUSTOM NAV
------------------------------ */
.custom-nav {
	float: right;
	margin: 0.7rem 1rem;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	
	li {
		display: inline-block;
		
		a {
			min-width: 3.75rem;
			display: block;
			padding: 0.75rem 0;
			color: #FFF;
			text-align: center;
			text-decoration: none;
			border-radius: 0.4rem;
		}
	}
	
	.glyphicon {
		+ span {
			display: none;
		}
	}
	
	.dropdown-menu {
		margin-top: 1.5rem;
		border: none;
		border-radius: 0;
		background: #FFF;
		
		li {
			display: block;
			
			a {
				padding: 0.5rem 2rem;
				color: #003366;
				text-align: left;
				border-radius: 0;
			}
		}
	}
	
	.open {
		.dropdown-toggle {
			background: #1c2b4f;
			box-shadow: 0 0 1rem #11203a inset;
		}
	}
	
	.dashboard-item {
		margin-right: 0.4rem;
	}
}

@media (min-width: 768px) {
	.custom-nav {
		float: right;
		margin: 0;
		margin-top: 1rem;
		padding: 0;
		list-style-type: none;
		
		li {
			display: inline-block;
			
			a {
				display: block;
				padding: 10px;
				color: #FFF;
				text-decoration: none;
			}
		}
		
		.glyphicon {
			display: none;
			
			+ span {
				display: inline;
			}
		}
		
		.dropdown-menu {
			margin: 0;
			border: none;
			border-radius: 0;
			background: #FFF;
		}
		
		.dashboard-item {
			margin-right: 0;
		}
	}
}


/* FOOTER
------------------------------ */
.app-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem 2rem;
	font-size: 1.2rem;
	color: #FFF;
	background: $corp-blue;
	border-top: 2px solid $corp-gold;
	z-index: 999;
	-webkit-transition: bottom ease-out 0.2s;
	-o-transition: bottom ease-out 0.2s;
	-moz-transition: bottom ease-out 0.2s;
	transition: bottom ease-out 0.2s;
	
	a {
		color: #FFF;
	}
}

.app-footer.show-footer {
	bottom: 0;
}


/* SIDE NAVIGATION
------------------------------ */
$sidenav-bg: #FFF;
$sidenav-color: $link-color;

.sidenav {
	position: fixed;
	top: 6rem;
	bottom: 0;
	width: $left-panel-width;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background: $sidenav-bg;
	
	ul {
		margin: 0;
	}
	
	a {
		display: block;
		padding: 0.6rem 2rem;
		color: $link-color;
	}
	
	hr {
		margin: 1rem 1.5rem;
		border-color: #DDD;
	}
	
	.dropdown-menu {
		margin-left: 1rem;
	}
	
	.dropdown-menu a {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	.user-info {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
}


/* BEGIN: UI COMPONENT STYLING
------------------------------------------------------------ */
/* ACCORDION CONTROL
----------------------------- */
.panel-default.accordion > .panel-heading {
	padding: 0;
}

.accordion {
	.panel-heading {
		a {
			display: block;
			padding: 1rem 1.5rem;
			font-weight: bold;
			color: #000;
			
			h2 {
				margin-top: 1px;
			}
			
			.glyphicon {
				margin-right: 1rem;
				font-size: 1.5rem;
			}
			
			.glyphicon-plus {
				display: none;
			}
			
			.glyphicon-minus {
				display: inline-block;
			}
		}
		
		a.collapsed {
			.glyphicon-plus {
				display: inline-block;
			}
			
			.glyphicon-minus {
				display: none;
			}
		}
	}
}

.breadcrumbs {
	padding: 1.5rem 2.5rem;
	padding-bottom: 0;
}

.breadcrumbs + .view-title-container {
	padding-top: 1.5rem;
}


/* ALERTS
------------------------------ */
.alert {
	h2 {
		font-size: 2.2rem;
		margin: 0;
	}
	
	.btn {
		font-size: 1.6rem;
		font-weight: bold;
	}
}

.alert-danger {
	color: #FFF;
	background: $danger-bg;
	border: 1px solid $danger-border;
}

.alert-success {
	color: #FFF;
	background: $success-bg;
	border: 0 solid $success-border;
}


/* ATTACHMENTS 
------------------------------ */
.attachments {
	.list-group-item {
		position: relative;
	}
	
	.file-name {
		margin-right: 4rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.file-progress {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		height: 1.3rem;
	}
	
	.file-review {
		margin-top: 0.5rem;
		width: 100%;
		
		label {
			margin-bottom: 0;
			width: 50%;
			font-weight: normal;
		}
		
		.btn-danger,
		.btn-success {
			color: #000;
			background: none;
			border-color: #CCC;
		}
		
		.btn-danger.active {
			background: #d9534f;
			border-color: #d43f3a;
			color: #FFF;
		}
		
		.btn-success.active {
			background: #5cb85c;
			border-color: #4cae4c;
			color: #FFF;
		}
	}
	
	.file-action {
		position: absolute;
		top: 0.4rem;
		right: 0.5rem;
		border: none;
	}
}

@media (min-width: 480px) {
	.attachments {
		.file-name {
			margin-right: 15rem;
		}
		
		.file-progress {
			position: absolute;
			top: 0.8rem;
			right: 4.5rem;
			width: 10rem;
		}
		
		.file-review {
			position: absolute;
			top: 0.5rem;
			right: 4.5rem;
			width: 15rem;
			margin-top: 0;
		}
		
	}
}

.attachments-upload-target {
	position: relative;
	padding: 2rem;
	text-align: center;
	font-weight: normal;
	color: #888;
	border: 2px dashed #AAA;
	border-radius: 4px;
	background: #EEE;
	
	input {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}


/* BADGES
------------------------------ */
.badge {
    padding-bottom: 0.4rem;
    border-radius: 0.4rem;
    text-transform: uppercase;
	padding: 0.5rem 1rem 0.4rem 1rem;
	font-size: 1.2rem;
	font-weight: normal;
}
.badge.success {
    background: green;
}

.label {
	display: inline-block;
	height: 2rem;
	padding: 0;
	line-height: 2rem;
	font-size: 1.2rem;
	font-weight: normal;
}


/* BUTTONS
------------------------------ */
.btn {
	.glyphicon {
		font-size: 1.4rem;
		vertical-align: middle;
		margin-top: -4px;
	}
	
    .glyphicon + span {
        margin-left: 0.5rem;
    }
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
	color: $link-color;
}

.back-btn {
	font-weight: bold;
	
	.glyphicon {
		margin-left: -1rem;
		margin-right: 0.5rem;
		font-size: 1.5rem;
	}
}


/* BUTTON BAR
------------------------------ */
.button-bar {
    padding-bottom: 1.5rem;
}

.button-bar.bottom {
	padding-top: 1.5rem;
	padding-bottom: 0;
}


/* DATE RANGE CONTROL
------------------------------ */
.date-range-control {
	.spacer {
		padding: 0 1rem;
		line-height: 3.4rem;
	}
}

.input-group.date-range {
	width: 16rem;
}


/* DROPDOWN CARET
------------------------------ */
.caret-up {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


/* FIELDSETS
------------------------------ */
fieldset {
	margin-bottom: 2rem;
}

fieldset:last-child {
	margin-bottom: 0;
}

legend {
	padding-bottom: 0.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #DDD;
	
	em {
		font-size: 1.4rem;
		font-weight: normal;
		color: 
		#999;
	}
}


/* FILE BROWSER
------------------------------ */
$file-browser-height: 40rem;
$file-actions-height: 5rem;
$file-browser-item-active: #2b5580;

.file-browser {
	.col-sm-6,
 	.col-md-4 {
		padding: 0;
	}
	
	.file-browser-category {
		padding: 0.75rem 1rem;
		font-weight: bold;
		border-bottom: 1px solid #EEE;
		background: #f7f8fa;
	}
	
	.file-browser-category.active {
		background: $file-browser-item-active;
		border-bottom-color: $file-browser-item-active;
	}
	
	.file-browser-list {
		height: $file-browser-height;
		overflow-y: auto;
		overflow-x: hidden;
		border-right: 1px solid #EEE;
		
		ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		li {
			position: relative;
			padding: 0.75rem 1rem;
			border-bottom: 1px solid #EEE;
			
			.glyphicon {
				position: absolute;
				top: 0.75rem;
			}
		}
		
		li.row-folder-depth-1,
		li.row-document {
			padding-left: 3rem;
			
			.glyphicon {
				left: 1rem;
			}
		}
		
		li.row-folder-depth-2 {
			padding-left: 5rem;
			
			.glyphicon {
				left: 3rem;
			}
		}
		
		li.row-folder-depth-3 {
			padding-left: 7rem;
			
			.glyphicon {
				left: 5;
			}
		}
		
		li.active {
			background: $file-browser-item-active;
			border-bottom-color: $file-browser-item-active;
		}
	}
	
	.file-browser-list:last-child {
		border-right: none;
	}
	
	.file-browser-details {
		height: $file-browser-height;
		
		.doc-info {
			height: $file-browser-height - $file-actions-height;
			padding: 1.5rem;
			overflow-y: auto;
			overflow-x: hidden;
			
			h3 {
				margin-top: 0;
				margin-bottom: 1.5rem;
				font-size: 1.8rem;
				font-weight: bold;
			}
		}
		
		.doc-actions {
			height: $file-actions-height;
			padding: 1rem;
			text-align: center;
			border-top: 1px solid #EEE;
			background: #f7f8fa;
		}	
			
		.list-group-item {
			padding: 0.5rem 0.8rem;
			font-size: 1.2rem;
			color: $link-color;
		}
	}
}


/* FORM CONTROLS
------------------------------ */
.control-label {
	font-weight: normal;
	color: #000;
	text-shadow: 1px 1px 0 #FFF;
	
	em {
		margin-left: 0.25rem;
		font-size: 1.2rem;
		font-weight: normal;
		color: #999;
	}
}

.has-error {
	.control-label em {
		color: #a94442;
	}
}

form {
	section {
		margin-bottom: 2rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid #DDD;
	}
	
	.col-sm-6:nth-child(3n+3) {
		clear: both;
	}
	
	.help-block {
		margin-top: 0.5rem;
		margin-bottom: 0;
		font-size: 1.2rem;
	}
}

@media (min-width: 1024px) {
	form {
		.col-sm-6:nth-child(3n+3) {
			clear: none;
		}
	}
}

.form-footer {
	margin-top: 1rem;
	padding-top: 2rem;
	border-top: 1px solid #DDD;
	
	.btn {
		min-width: 8rem;
	}
}

.form-footer.no-border {
	margin-top: 0;
	padding-top: 0;
	border: none;
}

textarea {
	resize: vertical;
}

.form-control-static {
	padding: 6px 8px;
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 4px;
}

.checkbox-row {
	margin-top: 1rem;
}

.checkbox {
	margin-right: 2rem;
}


/* LIST ARRAY
------------------------------ */ 
.list-array-item {
	margin-bottom: 0.2rem;
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
	line-height: 1.5rem;
	background: #DDD;
}

.list-array-item.bg-primary {
	background: #337ab7;
}

.list-array-item:last-child {
	margin-bottom: 0;
}


/* MODAL OVERRIDES
------------------------------ */ 
.modal-header,
.modal-footer {
	padding: 1.25rem 2rem;
	border: none;
}

.modal-header {
	h3 {
		font-weight: bold;
	}
	
	.close {
		margin-right: -1rem;
		width: 3.4rem;
		padding: 0.7rem;
	}
}

.modal-footer {
	.btn {
		min-width: 8rem;
	}
}

.modal-body {
	padding: 2rem;
	background: $modal-body-bg;
}


/* PANEL 
------------------------------ */ 
.panel-default {
	border: none;
	border-radius: 0;
	box-shadow: none;
	
	> .panel-heading {
		padding: 1.25rem 1rem;
		color: $panel-heading-color;
		border-color: $panel-border-color;
		border-radius: 0;
		background-image: none;
		background-color: $panel-heading-bg;
		
		.btn {
			margin-top: -1rem;
			margin-bottom: -1rem;
		}
	}
	
	h2 {
		margin: 0;
		display: block;
		overflow: hidden;
		font-size: 1.6rem;
		font-weight: bold;
		text-overflow: ellipsis;
	}
}


/* PICK LIST
------------------------------ */
$pick-list-active-item-bg: #2b5580;

.pick-list {
	display: block;
	border-radius: 0;
	
	.btn {
		margin: 1px;
		font-weight: normal;
		text-align: left;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
	
	label {
		margin-bottom: 0;
		font-weight: normal;
		text-align: left;
	}
	
	label:active, label:focus {
		color: #FFF;
		background: $pick-list-active-item-bg;
		border-color: $pick-list-active-item-bg;
	}
	
	.active, .active:hover, .active:focus {
		color: #FFF;
		background: $pick-list-active-item-bg;
		border-color: $pick-list-active-item-bg;
		box-shadow: none;
	}
}


/* TAB CONTROL 
------------------------------ */
$nav-tab-active: #1a5a96;

.nav-tabs {
	border-bottom: 4px solid #DDD;
	
	> li {
		margin-bottom: -4px;
	}
	
	> li > a {
		font-size: 1.6rem;
		color: #999;
		border-width: 0;
		border-bottom: 4px solid #DDD;
	}
	
	> li > a:hover {
		background: transparent;
	}
	
	> li.active > a,
	> li.active > a:hover,
	> li.active > a:focus {
		font-weight: bold;
		color: #1a5a96;
		border-width: 0;
		border-bottom: 4px solid #1a5a96;
		background: transparent;
	}
}

.tab-pane {
	padding-top: 1.5rem;
}


/* TABLE
------------------------------ */
.table {
	table-layout: fixed;
	margin-bottom: 0;
	
	> thead > tr > th {
		font-size: 1.2rem;
		border-bottom: none;
	}
	
	> thead > tr > th:first-child {
		padding-left: 1rem;
	}
	
	> thead > tr > th:last-child {
		padding-right: 1rem;
	}
	
	th, td {
		text-align: left;
	}
	
	.actions-col {
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
		
		.btn {
			margin-top: 0.32rem;
			padding-left: 0.8rem;
			padding-right: 0.8rem;
		}
		
		.btn:hover {
			background: #FFF;
		}
	}
	
	.action-x1 {
		width: 6rem;
	}
	
	.action-x2 {
		width: 10rem;
	}
}

.table-striped {
	> tbody > tr:nth-of-type(odd) {
		background-color: #f7f8fa;
	}	
}

.table-hover {
 	> tbody > tr:hover {
		 background-color: #EEE;
	}
 }

.pagination {
	margin: 0;
}


/* UTILITIES
------------------------------ */
hr {
	border-top: 1px solid #DDD;
}

/* END: COMPONENTS
------------------------------------------------------------ */


/* BEGIN: VIEW/PAGE-SPECIFIC STYLING
------------------------------------------------------------ */
/* ARTIFACT VIEW
------------------------------ */
.artifact-list-view {	
	.artifacts-dropdown {
		width: 30rem;
	}
	
	.artifacts-list-actions {
		margin: -0.7rem 0;
	}
}

.edit-artifact-view {
	.form-footer {
		.form-control {
			width: auto;
			display: inline-block;
		}
	}
}


/* CONDITIONS VIEW
------------------------------ */
.project-conditions-view {
	.table {
		th:last-child {
			width: 6rem;
			text-align: right;
		}
	}
}


/* COMMENT PERIOD VIEW
------------------------------ */
.project-comment-period-view {
	.table {
		th:last-child {
			width: 6rem;
			text-align: right;
		}
	}
}

/* COMPLAINTS VIEW
------------------------------ */
.complaints-view {
	.table {
		th:last-child {
			width: 6rem;
			text-align: right;
		}
	}
}


/* COMPLAINCE OVERSIGHT VIEW
------------------------------ */
.compliance-oversight-view {
	.ir-cert-requirements {
		padding: 2rem 1.5rem;
		
		h3 {
			margin: 0;
			font-size: 1.4rem;
			font-weight: bold;
		}
		
		ul {
			margin: 0;
			margin-top: 1.5rem;
			padding: 0;
			list-style-position: inside;
			list-style-type: square;
		}
	}
	.actions-table-container {
		.table {
			border-top: 1px solid #DDD;
			
			th, td {
				padding: 1rem 1.5rem;
			}
		}
		
		.enforcement-col {	
			.glyphicon {
				font-size: 1.3rem;
				vertical-align: middle;
				margin-top: -5px;
				margin-right: 1rem;
			}
		}
		
		.date-col {
			width: 12rem;
			text-align: right;
		}
		
		.status-col {
			width: 10rem;
			
			.label {
				width: 100%;
			}
		}
	}
}


/* CONDITION LIBRARY VIEWS
------------------------------ */
.condition-view {
	.well {
		min-height: 15.5rem;
	}
}

.edit-condition-view {
	textarea {
		min-height: 8.25rem;
	}
}


/* DASHBOARD VIEW
------------------------------ */
.dashboard {
	.panel-default {
		margin-bottom: 0;
	}
	
	.view-body-container {

		.project-list {
			flex: 1 1 auto;
		}	
		
		.right-panel {
			margin-left: 2.5rem;
			padding: 0;
		}
		
		.activities-list {
			flex: 0 1 24rem;
		}
	}
	
	.projects-table {	
		table-layout: fixed;
		
		.actions-col {
			width: 11rem;
			text-align: right;
		}
	}
}


/* DOCUMENTS VIEW 
------------------------------ */
.table.document-browser {
	td {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	td.actions-col {
		padding-top: 0;
		padding-bottom: 0;
		vertical-align: middle;
	}
	
	.name-col {
		padding-left: 1.5rem;
		
		.glyphicon {
			margin-top: -0.5rem;
			margin-right: 1rem;
			vertical-align: middle;
		}
	}
}

tr.selected {
	background-color: #003366 !important;
	color: #FFF;
	
	td {
		border-top: 1px solid #003366 !important;
	}
}

tr.row-depth-2 {
	td:first-child {
		padding-left: 4rem;
	}
}

tr.row-depth-3 {
	td:first-child {
		padding-left: 6rem;
	}
}


/* PROJECT DETAILS VIEW
------------------------------ */
.project-details {
	section {
		margin-bottom: 2rem;
	}
	
	section:last-child {
		margin-bottom: 0;
	}
	
	section.project-info {
		margin-top: 0.5rem;
		margin-bottom: 1.5rem;
	}
}

section.project-info {
	.panel-body {
		padding: 1.5rem 2rem;
	}
	
	.badge.review {
		background-color: forestgreen;
	}
}

.project-phases {
	.panel-body {
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
		
		.anchor-section {
			margin-left: -15px;
			margin-right: -15px;
		}
	}
}

.project-artifacts {
	.panel {
		margin-bottom: 0;
	}
}

.project-map {
	.panel {
		margin-bottom: 0;
	}
	
	.angular-google-map-container {
		height: 400px;
	}
}

.detail-row {
	margin: 1.5rem 0;
	font-size: 1.2rem;
	
	> label {
		margin-bottom: .2rem;
		font-weight: 600;
		text-shadow: 0 0 0 #FFF;
	}
	
	label, span.value {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	span.value {
		color: #888;
	}
	
	span.value.wrap-text {
		white-space:normal;
	}
}

{'fraction_non_alphanumeric': 0.19633560378055864, 'fraction_numerical': 0.039136174032419875, 'mean_word_length': 2.311859546042738, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 173, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5696632', 'n_tokens_mistral': 43859, 'n_tokens_neox': 38177, 'n_words': 7833}