/*
	Allow angular.js to be loaded in body, hiding cloaked elements until
	templates compile.  The !important is important given that there may be
	other selectors that are more specific or come later and might alter display.
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);

body {
	font-family: 'PT Sans Narrow', sans-serif;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 Wells
 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*@media (min-width: 1200px) {
	.well .span3 {
		width: 22.45%;
	}
}

@media (max-width: 1199px) and (min-width: 980px) {
	.well .span3 {
		width: 22.9%;
	}
}

@media (max-width: 979px) and (min-width: 768px) {
	.well .span3 {
		width: 22.3%;
	}
}

@media (max-width: 767px) {
	.well .span3 {
		width: 100%;
		margin-bottom: 10px;
	}
}

.well .form-horizontal .control-group {
	margin-bottom: 0;
}

.well .form-horizontal .control-label {
	width: auto;
	margin-right: 10px;
}

.well .form-horizontal .controls {
	margin-left: 0;
}*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 ColdBox Message Box
 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
.cbox_messagebox {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

.cbox_messagebox_info,
.cbox_messagebox_warning,
.cbox_messagebox_error {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
}

.cbox_messagebox_info {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}

.cbox_messagebox_info a {
	color: #468847;
}

.cbox_messagebox_info a:hover {
	text-decoration: none;
}

.cbox_messagebox_warning {
	background-color: #fcf8e3;
	border-color: #fbeed5;
	color: #c09853;
}

.cbox_messagebox_warning a {
	color: #c09853;
}

.cbox_messagebox_warning a:hover {
	text-decoration: none;
}

.cbox_messagebox_error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}

.cbox_messagebox_error a {
	color: #b94a48;
}

.cbox_messagebox_error a:hover {
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 Filter Bar
 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
fieldset.filters {
	border: 1px solid #E5E5E5;
	padding: 7px 0 3px 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 15px;
	background-color: #FFF;
	min-height: 34px;
}

fieldset.filters legend {
	width: auto;
	font-size: 13px;
	line-height: 1.25em;
	color: #333;
	font-weight: bold;
	border: none;
	padding: 0 2px;
	margin-bottom: 0;
}

fieldset.filters .control-group {
	float: left;
	margin: 0 8px 2px 1px;
}

fieldset.filters .controls {
	line-height: 18px;
}

fieldset.filters .chosen-container {
	top: 0;
	margin-bottom: 0;
	width: auto !important;
	/* min-width: 90px; */
}

fieldset.filters .control-group .control-label {
	width: auto;
	margin-right: 8px;
	float: left;
	padding-top: 5px;
}

fieldset.filters .control-group .controls {
	margin-left: auto;
	float: left;
}

fieldset.filters .btn-mini {
	position: relative;
	top: 4px;
}

fieldset.filters select {
	width: auto;
}

fieldset.filters input[type="checkbox"] {
	position: relative;
	top: 2px;
}

fieldset.filters input,
fieldset.filters select {
	margin-bottom: 0;
}

fieldset.filters .row-fluid {
	margin-left: 0;
}

fieldset.filters .quick-add-form {
	left: -9px;
	position: relative;
	margin: 0;
}

/*fieldset.filters .form-horizontal [class*="span"] .controls {
	margin-left: 120px;
}


fieldset.filters .form-horizontal [class*="span"] .control-label {
	width: 100px;
}

fieldset.filters .form-horizontal .control-group {
	margin-bottom: 10px;
	margin-left: 0px;
}*/

/*.help-block {
	font-size: .8em;
	color: #666;
	line-height: .8em;
}

.accordion-inner {
	padding: 20px;
}

.accordion-heading .accordion-toggle {
	padding: 12px 8px;
}

.accordion-heading .accordion-toggle .tt-icon {
	position: relative;
	top: -3px;
}

.table th, .table td {
	line-height: 22px;
}*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
Form Group
------------------------------------------------------------------------------------------------------------------------------------------------------ */
.mb-none {
	margin-bottom: 0;
}

.form-group {
	position: relative;
	margin: 15px 0;
	padding: 2px 19px;
	background-color: white;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-bottom: 19px;
}

.form-group-label {
	position: relative;
	top: -3px;
	left: -20px;
	padding: 5px 7px;
	margin-bottom: 5px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
	color: #333;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
	background-color: whiteSmoke;
	display: inline-block;
}

.form-group-label .btn-mini {
	padding: 0 1px 0 2px;
	line-height: 15px;
	position: relative;
	top: -2px;
	margin-left: 3px;
}

.form-group-label .btn-mini i {
	margin-top: 0;
}

/*----------------------------------------------------------------------*/
/* Multi Select
/*----------------------------------------------------------------------*/
div.comboselectbox {
	display: block;
	clear: both;
	min-heigxht: 100px;
	width: 500px;
}

div.comboselectbox div.combowrap {
	-webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	float: left;
	border: 1px solid #CCC;
	width: 210px;
	height: 99%;
	padding: 1% 1% 0 0;
}

div.comboselectbox ul.comboselect {
	overflow: auto;
	height: 96%;
	margin: 0 0 9px 0;
}

div.comboselectbox.searchable div.combowrap:first-child ul.comboselect {
	height: 79%;
}

div.comboselectbox.searchable div.combowrap:first-child input {
	margin: 1% 2% 2% 4%;
	width: 90%;
}

div.comboselectbox ul.comboselect li {
	display: block;
	list-style-type: none;
	float: left;
	margin: 1% 6% 0% 4%;
	width: 91.5%;
	-webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px;
	padding: 4px 0 4px 5px;
}

div.comboselectbox ul.comboselect li.hidden {
	display: none;
}

div.comboselectbox ul.comboselect li a {
	font-size: 11px;
	padding: 3px;
	float: left;
	width: 75%;
	cursor: pointer;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	color: #333;
}

div.comboselectbox ul.comboselect.ui-sortable li.selected a {
	cursor: n-resize;
}

div.comboselectbox ul.comboselect li a.add,
div.comboselectbox ul.comboselect li a.remove{
	width: 18px;
	cursor: pointer;
	position: relative;
}

div.comboselectbox ul.comboselect li a.add{
	left: 15px;
}

div.comboselectbox ul.comboselect li a.remove{
	left: 18px;
}

div.comboselectbox ul.comboselect li.used a {
	text-decoration: line-through;
}

div.comboselectbox ul.comboselect li.selected {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

div.comboselectbox div.comboselectbuttons {
	max-width: 9%;
	height: 99%;
	width: 40px;
	float: left;
	padding: 0 4px;
}

div.comboselectbox div.comboselectbuttons a {
	margin-bottom: 3px;
}

.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #E5E5E5;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	background-color: #162447;
}

.required {
	background: #fff url('../images/red_asterisk.png') no-repeat top right 1px;
	padding-right: 15px;
}

.form-horizontal .form-actions {
	padding-left: 20px;
}

input.error, select.error, textarea.error {
	border: 1px red solid;
}

label.error, .error {
	color: red;
}

label.helper, .helper {
	color: green;
}

/*----------------------------------------------------------------------*/
/* Modals
/*----------------------------------------------------------------------*/
.modal form {
	margin: 0;
}

.modal .row-fluid:last-child .control-group,
.modal .row-fluid:last-child .controls input,
.modal .row-fluid:last-child .controls select,
.modal .row-fluid:last-child .controls textarea {
	margin-bottom: 0;
}

.modal {
	top: 10%;
	left: 5%;
	width: 90%;
	margin: 0;
}

.modal.modal-85 {
	top: 10%;
	left: 7.5%;
	width: 85%;
	margin: 0;
}

.modal.modal-80 {
	top: 10%;
	left: 10%;
	width: 80%;
	margin: 0;
}

.modal.modal-75 {
	top: 10%;
	left: 12.5%;
	width: 75%;
	margin: 0;
}

.modal.modal-70 {
	top: 10%;
	left: 15%;
	width: 70%;
	margin: 0;
}

.modal.modal-60 {
	top: 10%;
	left: 20%;
	width: 60%;
	margin: 0;
}

.modal.modal-50 {
	top: 10%;
	left: 25%;
	width: 50%;
	margin: 0;
}

.modal.modal-45 {
	top: 10%;
	left: 27.5%;
	width: 45%;
	margin: 0;
}

.modal.modal-35 {
	top: 10%;
	left: 32.5%;
	width: 35%;
	margin: 0;
}

.modal #deleteConfirm, .modal #finalizeImportConfirm {
	top: 30%;
	left: 35%;
	width: 30%;
}

.modal h3, .modal div .control-group {
	margin: 0;
}

.modal div .modal-body {
	padding: 9px;
}

.modal div .form-actions {
	margin: 10px -9px -9px -9px;
	padding: 9px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.modal-body {
	overflow-y: initial;
}

.modal-body.modal-body-scroll {
	overflow-y: auto;
}

.modal.fade.in {
	top: -25%;
}

.modal div .modal-body-buffered {
	padding: 15px;
}

/*----------------------------------------------------------------------*/
/* NG Grid
/*----------------------------------------------------------------------*/
/* grid */
.gridStyle {
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 300px;
}

/* header */
.ngTopPanel {
	background: none;
	border-bottom: none;
}

.ngHeaderContainer {
	border-bottom: 1px solid #E5E5E5;
}

.ngHeaderText {
	max-width: 90%;
}

.ngSortButtonDown,
.ngSortButtonUp {
	top: 13px;
	left: inherit;
	right: 7px;
}

/* body */
.ngVerticalBarVisible {
	background-color: #E5E5E5;
}

.ngCellText {
	padding: 11px;
}

.ngRow {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

.ngRow.even {
	background-color: #f9f9f9;
}

.gridActions {
	padding: 11px 5px;
}

.gridStyle .btn-mini {
	margin: 0 2px;
	top: -2px;
	position: relative;
}

/* footer */
.ngFooterPanel {
	border-top: 1px solid #E5E5E5;
	background: none;
}

.gridStyleAutoHeight .ngFooterPanel {
	border-top: none;
}

.ngRowCountPicker span {
	margin-right: 5px;
}

.ngFooterTotalItems {
	position: relative;
	top: 8px;
}

.ngPagerFirstBar,
.ngPagerLastBar {
	border-color: #000;
}

.ngPagerFirstTriangle,
.ngPagerPrevTriangle {
	border-color: rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.ngPagerNextTriangle, .ngPagerLastTriangle {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
}

.ngFooterPanel button {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#E6E6E6));
	background-image: -webkit-linear-gradient(top,#FFF,#E6E6E6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#FFF,#E6E6E6);
	background-repeat: repeat-x;
	border: 1px solid #BBB;
	border-bottom-color: #A2A2A2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	border-color: #C5C5C5;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.ngPagerCurrent {
	display: none !important;
}

.ngRow:hover {
	background-color: #eeeeee;
}

.ngCells {
	display : table-cell;
	height: auto !important;
	overflow:visible;
	position: static;
}

.ngRows {
	display : table-row;
	height: auto !important;
	position: static;
}

.ngCellTexts{
	height: auto !important;
	white-space: normal;
	overflow:visible;
}

.ngHeaderCell {
	background-color: #fff;
}

/*----------------------------------------------------------------------*/
/* Chosen Select
/*----------------------------------------------------------------------*/
.chosen-container {
	margin-bottom: 10px;
	font-size: inherit;
}

.chosen-container-single .chosen-single {
	height: 28px;
	border: 1px solid #ccc;
	box-shadow: none;
	padding: 0 0 0 6px;
	background: none;
	line-height: 29px;
	color: #555;
	font-size: 1em;
	border-radius: 4px;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.chosen-container-single .chosen-single span, .chosen-container-single .chosen-results {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.chosen-container-single .chosen-single div b {
	background-position: 3px 5px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: 3px 5px;
}

.chosen-container-active {
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
}

.chosen-container-active a {
	border-color: rgba(82, 168, 236, 0.8) !important;
}

/*----------------------------------------------------------------------*/
/* Nav Bar
/*----------------------------------------------------------------------*/
.navbar {
	color: #fff;
}

.navbar-inner {
	background:#162447 url("../images/bg.jpg") no-repeat 50% 50%;
	-webkit-box-shadow: inset 0px 0px 25px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 25px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 25px 3px rgba(0,0,0,0.5);
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
	border-width: 0;
}

.navbar .brand {
	color: #fff;
	text-shadow: none;
}

.navbar .divider-vertical {
	border-left: none;
	border-right: none;
	margin: 0;
	width: 1px;
	background: rgb(22,36,71); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(22,36,71,1) 0%, rgba(255,255,255,1) 50%, rgba(22,36,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,36,71,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(22,36,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(22,36,71,1) 0%,rgba(255,255,255,1) 50%,rgba(22,36,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(22,36,71,1) 0%,rgba(255,255,255,1) 50%,rgba(22,36,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(22,36,71,1) 0%,rgba(255,255,255,1) 50%,rgba(22,36,71,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(22,36,71,1) 0%,rgba(255,255,255,1) 50%,rgba(22,36,71,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162447', endColorstr='#162447',GradientType=0 ); /* IE6-9 */
}

.navbar .nav > li > a {
	color: #fff;
	text-shadow: none;
	padding: 10px 20px 10px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	color: #fff;
}

.navbar .nav li.dropdown > a:hover .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
	margin-left: 4px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #162447;
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}

.navbar [class^="icon-"],
.navbar [class*=" icon-"] {
	background-image: url("../images/bootstrap/glyphicons-halflings-white.png");
}

.navbar .dropdown.open [class^="icon-"],
.navbar .dropdown.open [class*=" icon-"] {
	background-image: url("../images/bootstrap/glyphicons-halflings.png");
}

/* .input-append,
.navbar .input-prepend {
	margin-bottom: -1px;
} */

.navbar .btn,
.navbar .btn-group {
	margin-top: 6px;
}

.navbar .input-append .add-on,
.navbar .input-append .btn,
.navbar .input-append .btn-group {
	top: -3px;
}

.navbar .btn-group > .btn:first-child {
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
}

/*----------------------------------------------------------------------*/
/* Dropdown Menu
/*----------------------------------------------------------------------*/
.dropdown .dropdown-menu .nav-header {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #162447;
	color: #FFF;
	text-shadow: none;
	margin-top: 5px;
	margin-bottom: 2px;
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-submenu:hover>a {
	background-color: #162447;
	background-image: none;
}

/*----------------------------------------------------------------------*/
/* Title Controls
/*----------------------------------------------------------------------*/
.title-controls {
	border-bottom: 1px solid #EEE;
}

.title-controls h2 {
	margin: 5px 0 0 0;
	display: inline-block;
}

.title-controls .control-group {
	float: right;
	position: relative;
	top: 10px;
}

.title-controls .control-label {
	float: left;
	width: 30px;
	padding-top: 5px;
	text-align: right;
}

.title-controls .controls {
	margin-left: 40px;
	width: 150px;
}

.title-controls .btn-group {
	top: -6px;
	height: 28px;
}

.title-controls .btn-group .btn-mini .caret {
	margin-top: 8px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
Page Header (w/ Control)
------------------------------------------------------------------------------------------------------------------------------------------------------ */
.page-header-with-control {
	overflow: hidden;
}

.page-header-with-control h2 {
	float: left;
	display: inline-block;
	line-height: 37px;
}

.page-header-controls {
	float: right;
}

.page-header-controls .btn {
	margin: 0 5px 0 0;
}

.page-header-controls .btn:last-child {
	margin-right: 0;
}

/*----------------------------------------------------------------------*/
/* Page Header
/*----------------------------------------------------------------------*/
.page-header {
	margin: 7px 0 15px 0;
	padding: 0;
}

.page-header h2 {
	margin: 0;
}

.page-header.no-border {
	border-bottom: none;
}

/*----------------------------------------------------------------------*/
/* Form (Vertical Compression)
/*----------------------------------------------------------------------*/
.data-entry select,
.data-entry textarea,
.data-entry input[type="text"],
.data-entry input[type="password"],
.data-entry input[type="datetime"],
.data-entry input[type="datetime-local"],
.data-entry input[type="date"],
.data-entry input[type="month"],
.data-entry input[type="time"],
.data-entry input[type="week"],
.data-entry input[type="number"],
.data-entry input[type="email"],
.data-entry input[type="url"],
.data-entry input[type="search"],
.data-entry input[type="tel"],
.data-entry input[type="color"],
.data-entry .uneditable-input {
	margin-bottom: 0;
}

/*----------------------------------------------------------------------*/
/* Summary Info (wells used to show summary information)
/*----------------------------------------------------------------------*/
.well.summary-info {
	padding: 10px;
}

.summary-info .nav {
	margin-bottom: 10px;
}

.summary-info .nav-pills > .active > a {
	background-color: #777;
}

.summary-info .nav-pills > li > a {
	padding-top: 4px;
	padding-bottom: 4px;
}

.summary-info .form-group {
	margin: 0;
	background: #fcfcfc;
	padding: 8px 14px;
	font-size: .85em;
}

.summary-info .form-group-label {
	padding: 0 7px;
	margin-bottom: 0;
	top: -9px;
	left: -15px;
	font-size: .9em;
}

.summary-info .form-group p {
	margin: 0;
}

/*----------------------------------------------------------------------*/
/* Quick Switch
/*----------------------------------------------------------------------*/
.quick-switch {
	display: inline-block;
}

.quick-switch .dropdown-menu {
	min-width: inherit;
}

.quick-switch .dropdown-menu li > a {
	padding: 3px 8px;
	cursor: pointer;
}

.input-prepend, .input-append {
	white-space: normal;
}

.form-inline .chosen-container {
	top: 3px;
}

.ngFooterTotalItems span {
	margin-right: 5px;
}

/*----------------------------------------------------------------------*/
/* FlashService
/*----------------------------------------------------------------------*/
.flash-message {
	width: 50%;
	position: absolute;
	top: 40px;
	right: 0;
}

.flash-message.ng-hide-add,
.flash-message.ng-hide-remove {
	-webkit-transition: 1s linear all;
	transition: 1s linear all;

	/* remember to add this */
	display: block !important;
	opacity: 1;
}

.flash-message.ng-hide {
	opacity: 0;
}

.flash-message .alert {
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	min-height: 22px;
}

/*----------------------------------------------------------------------*/
/* Form Actions
/*----------------------------------------------------------------------*/
.form-actions {
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*----------------------------------------------------------------------*/
/* Panels
/*----------------------------------------------------------------------*/
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
	padding: 15px;
}

.panel-heading {
	padding: 0 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel-default {
	border-color: #ddd;
}

.panel-default > .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

/*----------------------------------------------------------------------*/
/* Loading
/*----------------------------------------------------------------------*/
.loading-blur {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #999;
	cursor: progress;
	opacity: .6;
	z-index: 999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.loading-blur .spinner {
	top: 45%;
}

.modal-blur {
	display: block;
	position: absolute;
	width:100.1%;
	height:100.1%;
	background-color: #999;
	cursor: progress;
	opacity: .8;
	z-index: 999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.modal-blur .spinner {
	top: 35%;
}

.grid-blur {
	width:inherit;
	height:inherit;
	background-color: #999;
	cursor: progress;
	opacity: .6;
	z-index: 999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.grid-blur .spinner {
	top: 45%;
}

.spinner {
	height: 60px;
	width: 60px;
	margin: 0 auto;
	position: relative;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left: 6px solid rgba(13,31,97,.15);
	border-right: 6px solid rgba(13,31,97,.15);
	border-bottom: 6px solid rgba(13,31,97,.15);
	border-top: 6px solid rgba(13,31,97,.8);
	border-radius: 100%;
}

@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}

/*----------------------------------------------------------------------*/
/* Forgot Password
/*----------------------------------------------------------------------*/
.forgot-password {
	position: relative;
	top: 2px;
	margin-left: 5px;
	cursor: pointer;
}

/*----------------------------------------------------------------------*/
/* Change Password
/*----------------------------------------------------------------------*/
.change-password {
	position: relative;
	top: 4px;
	margin-left: 8px;
	cursor: pointer;
}

/*----------------------------------------------------------------------*/
/* Select 2
/*----------------------------------------------------------------------*/
.select2-container-multi .select2-choices {
	background-image: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
	line-height: 20px;
}

.select2-container-multi .select2-choices .select2-search-field input {
	padding: 4px 6px;
	margin: 0;
}

.select2-container-multi .select2-choices .select2-search-choice {
	padding: 4px 5px 3px 18px;
}

.select2-search-choice-close {
	top: 3px;
}

.select2-drop {
	display: none !important;
}

/*----------------------------------------------------------------------*/
/* Reports
/*----------------------------------------------------------------------*/
.reports h4 {
	background-color: #ddd;
	padding: 5px;
	border-bottom: 2px solid #aaa;
}

.reports th {
	background-color: #eee;
	padding: 0 3px;
}

.reports td {
	padding: 0 2px;
	font-size: .9em;
}

.reports .table {
	background-color: #fff;
}

.reports .footer {
	font-size: .8em;
	border-top: 1px solid #aaa;
}

.reports .page-header .issue {
	text-transform: uppercase;
}

.reports .btn {
	position: relative;
	top: 5px;
}

.reports.customer-balances tfoot td {
	font-weight: bold;
	font-size: 14px;
}

.reports .currency {
	text-align: right;
}

/*----------------------------------------------------------------------*/
/* Mailing Labels
/*----------------------------------------------------------------------*/
.mailing-labels {
	overflow: hidden;
	width: 8.5in;
	margin-top: 10px;
}

.mailing-labels .mailing-labels-label {
	float: left;
	border-radius: 4px;
	border: 1px solid #eee;
	page-break-inside: avoid;
	background-color: #fff;
	margin-top: 10px;
}

.mailing-labels .mailing-labels-label p {
	margin: 0;
}

.mailing-labels .mailing-labels-row-first {
	clear: left;
	margin-left: 0 !important;
}

/*----------------------------------------------------------------------*/
/* Pin Associations
/*----------------------------------------------------------------------*/
#pin-associations .county-container {
	overflow: hidden;
}

#pin-associations .document-number-container {
	float: left;
	margin-left: 10px;
}

#pin-associations .document-number {
	display: inline-block;
	font-weight: bold;
}

#pin-associations .pin-number {
	display: inline-block;
}

/*----------------------------------------------------------------------*/
/* Footer
/*----------------------------------------------------------------------*/
footer {
	margin-top: 15px;
	border-top: 1px solid #EEE;
	padding-top: 10px;
}

/*----------------------------------------------------------------------*/
/* Uploads
/*----------------------------------------------------------------------*/
.upload input[type="file"] {
	height: 21px;
	line-height: 21px;
}

.upload .file-container {
	display: inline-block;
	border: 1px solid #CCC;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	padding: 2px 0 0 3px;
	height: 26px;
	margin-right: -4px;
}

.upload .file-container+.btn {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

#uploads {
	list-style-type: none;
	margin: 15px 0;
}

#uploads .progress {
	height: 15px;
	margin-bottom: 10px;
}

/*----------------------------------------------------------------------*/
/* Imports
/*----------------------------------------------------------------------*/
.import-upload-control .type {
	margin-right: 10px;
}

.import-filter-control {
	float: right;
}

/*----------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------*/
.btn-info, .btn-primary {
	background-color: hsl(201, 100%, 13%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#162447", endColorstr="#162447");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#162447), to(#162447));
	background-image: -moz-linear-gradient(top, #162447, #162447);
	background-image: -ms-linear-gradient(top, #162447, #162447);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #162447), color-stop(100%, #162447));
	background-image: -webkit-linear-gradient(top, #162447, #162447);
	background-image: -o-linear-gradient(top, #162447, #162447);
	background-image: linear-gradient(#162447, #162447);
	border-color: #162447 #162447 hsl(201, 100%, 13%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
	-webkit-font-smoothing: antialiased;
}

/*----------------------------------------------------------------------*/
/* Progress Bars
/*----------------------------------------------------------------------*/
.progress .bar {
	background-color: hsl(201, 100%, 13%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#162447", endColorstr="#162447");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#162447), to(#162447));
	background-image: -moz-linear-gradient(top, #162447, #162447);
	background-image: -ms-linear-gradient(top, #162447, #162447);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #162447), color-stop(100%, #162447));
	background-image: -webkit-linear-gradient(top, #162447, #162447);
	background-image: -o-linear-gradient(top, #162447, #162447);
	background-image: linear-gradient(#162447, #162447);
	border-color: #162447 #162447 hsl(201, 100%, 13%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
	-webkit-font-smoothing: antialiased;
}

.tab-content {
	display: block;
	overflow: hidden;
	width: auto;
}

/*----------------------------------------------------------------------*/
/* Search Facets
/*----------------------------------------------------------------------*/
.search-facets {
	padding: 10px;
}

.search-facets .control-group {
	margin-bottom: 0;
}

.search-facets input,
.search-facets select {
	font-size: .8em;
	height: 14px;
	line-height: 14px;
	padding: 2px 6px;
}

.search-facets .btn {
	margin: 10px 0 0 0;
}

.transaction-total {
	font-weight: bold;
}

.account-balance {
	font-weight: bold;
	text-align: right;
}

/*----------------------------------------------------------------------*/
/* Notification
/*----------------------------------------------------------------------*/
.notification {
	text-align: center;
}

/*----------------------------------------------------------------------*/
/* Credit Card Info
/*----------------------------------------------------------------------*/
#credit-card-info .row-fluid {
	position: relative;
}

#credit-card-info .credit-card-actions {
	position: absolute;
	bottom: 0;
}

#credit-card-info a {
	cursor: pointer;
}

/*----------------------------------------------------------------------*/
/* Alerts (Under Title Controls)
/*----------------------------------------------------------------------*/
.title-controls+.alert {
	margin-top: 20px;
}


.title-controls+.alert.alert-block {
	padding: 5px;
}

/*----------------------------------------------------------------------*/
/* Alerts (Under Title Controls)
/*----------------------------------------------------------------------*/
.navbar .btn-navbar {
	padding: 4px 10px 7px 10px;
}

.navbar .btn,
.navbar .btn-group {
	margin-top: 7px;
}

/*----------------------------------------------------------------------*/
/* Media Queries
/*----------------------------------------------------------------------*/
@media (max-width: 979px) {
	body {
		padding-top: 0 !important;
	}

	.navbar .nav li.dropdown > a:hover .caret {
		border-top-color: #555;
		border-bottom-color: #555;
	}

	.navbar .nav > li > a {
		padding: 10px;
	}

	.navbar .nav > li > a:focus,
	.navbar .nav > li > a:hover {
		color: #162447;
	}

	.nav-collapse .nav>li>a,
	.nav-collapse .dropdown-menu a {
		color: #FFF;
		font-weight: normal;
		padding: 5px 10px;
	}

	.nav-collapse .nav>li>a:hover,
	.nav-collapse .dropdown-menu a:hover {
		color: #162447;
	}

	.nav-collapse .nav>li>a:hover [class^="icon-"],
	.nav-collapse .nav>li>a:hover [class*=" icon-"] {
		background-image: url("../images/bootstrap/glyphicons-halflings.png");
	}

	.dropdown .dropdown-menu .nav-header {
		border-bottom: 1px solid #FFF;
		background: none;
		border-radius: 0;
		padding: 0;
	}

	.dropdown .dropdown-menu .nav-header:hover {
		background: none;
	}

	.nav-collapse .nav {
		float: none;
	}
}

#transactionCreditForm #cardReplace {
	margin-top: 30px;
}

.add-subscription-steps {
	list-style-type: none;
	margin: 15px 0 0 0;
	overflow: hidden;
}

.add-subscription-steps li {
	float: left;
	line-height: 1em;
	font-size: 1.1em;
	margin-right: 20px;
	color: #999;
	padding-left: 20px;
	position: relative;
}

.add-subscription-steps li.current {
	color: #000;
	font-weight: bold;
}

.add-subscription-steps li div {
	font-size: 2.4em;
	position: absolute;
	top: 7px;
	left: 0;
	color: #555;
}

label.inline {
	margin-bottom: 0;
	font-weight: bold;
	display: inline-block;
}

#stateSelector {
	position: absolute;
	top: 0px;
	right: 0;
	z-index:100;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #eee;
	padding:15px;
	background-color: #eee;
}

#stateSelector .modal-header {
	border-bottom: none;
}

.searchState {
	color: hsl(201, 100%, 13%) !important;
}

/*----------------------------------------------------------------------*/
/* Importer
/*----------------------------------------------------------------------*/
.import-grid {
	height: 500px;
}

.import-grid-full {
	position: absolute;
	width: 99.9%;
	height: 99.1%;
	top: 0;
	left: 0;
	border-radius: 0;
}

.import-grid .ngCellText {
	padding: 5px;
	height: 29px;
}

.import-grid .cell-error {
	color: #A94442;
	background-color: #F2DEDE;
}

.ngCellElement:focus .cell-error {
	background-color: #EB7E7E;
}

.import-grid .cell-warning {
	color: #8A6D3B;
	background-color: #FAEBCC;
}

.ngCellElement:focus .cell-warning {
	background-color: #F8CF7B;
}

.import-grid .row-ignore .ngCellText {
	color: #D1D1D1;
	background-color: #E9E9E9;
}

.import-grid .row-ignore .ngCellText a {
	color: #D1D1D1;
}

.ignore-all {
	margin: 10px;
	margin-bottom: 0;
}

.ignore-all input[type=checkbox] {
	vertical-align: middle;
}

/*----------------------------------------------------------------------*/
/* Validation
/*----------------------------------------------------------------------*/
.tooltip.validation-error {
	opacity: 1;
	z-index: 999;
}

.tooltip.validation-error .tooltip-arrow {
	border-right-color: #c60f13;
}

.tooltip.validation-error .tooltip-inner {
	background-color: #c60f13;
}

/*----------------------------------------------------------------------*/
/* Map Glyphs
/*----------------------------------------------------------------------*/
.map-us-il {
	color: #003C7D;
}

.map-us-wi {
	color: #C41E3A;
}

.map-us-in {
	color: #D0B239;
}

.map-us-ia {
	color: #008000;
}

.map-us-mn {
	color: #FFA500;
}

.map-us-nd {
	color: #800080;
}

/*----------------------------------------------------------------------*/
/* Messages
/*----------------------------------------------------------------------*/
.message {
  padding: 8px 14px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.message,
.message h4 {
  color: #c09853;
}

.message h4 {
  margin: 0;
}

.message .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.message-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.message-success h4 {
  color: #468847;
}

.message-danger,
.message-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.message-danger h4,
.message-error h4 {
  color: #b94a48;
}

.message-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.message-info h4 {
  color: #3a87ad;
}

.message-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.message-block > p,
.message-block > ul {
  margin-bottom: 0;
}

.message-block p + p {
  margin-top: 5px;
}

/*----------------------------------------------------------------------*/
/* Counties Reporting
/*----------------------------------------------------------------------*/
.counties-reporting {
	max-height: 200px;
	overflow-y: auto;
	margin-bottom: 20px;
	width: 200px;
	border: 1px solid #eee;
}

.counties-reporting ul {
	margin: 10px;
	list-style-type: none;
}

.counties-reporting input[type="checkbox"] {
	margin-top: -3px;
}

#toast-container {
	top: 50px;
}