*{
	box-sizing: border-box;
}
.nowrap{
	white-space: nowrap;
}
.modal-wrap{
	overflow: hidden;
	display: table;
	border-spacing: 10px;
    border-collapse: separate;
}
.bottomfloat{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -13px;
	width: 100%;
}
.bottomFloat-holder{
	height: 101%;
	position: relative;
}
.mod:not(.people){
	box-sizing: border-box;
/* 	margin-right: 15px; */
	width: 316px;
	height: 100%;
/* 	height: 316px; */
	border-radius: 10px;
	background: #eaeaea;
	display: table-cell;
	column-gap:15px;
/* 	float: left; */
	text-align: center;
	
}
.percent:after{
	content: "%";
}
.dollar:before{
	content: "$"
}
.tableDesc{
	margin: 0;
	font-size: 0.9em;
}
div.clear{
	clear: both;
	height: 0px !important;
	padding: 0 !important;
}
.dataTables_length{
	margin-bottom: 10px;
    margin-top: 10px;
}
.dataTables_filter{
	margin-bottom: 10px;
    margin-top: 10px;
}
br.page-break{
	height: 0;
	margin: 0;
}
/*

.mod:last-child{
	margin-right: 0;
}
*/
.mod img{
	width: 29%;
    margin-top: 40px;
}
.datepickers-container{
	z-index: 9999999999999999999999999;
}
.mod p{
	margin-top: 5px;
}
.mod a{
	margin-bottom: 35px;
}
.mod h3{
	font-weight: 400;
	color: #1d3161;
	margin-bottom: 5px;
}
.mod .btn{
	width: 54%;
}
body {
	background: #fff;
	font-family: Lato;
	font-size: 15px;
	margin: 0;
	min-width: 950px;
}
.ui-widget{
	font-family: Lato;
	font-size: 15px;
}
.ucase {
	text-transform: uppercase;
}

.dataTable thead th{
	background:#1D3261;
	color:#fff;
}

.summary.square tr td, .summary.square tr th{
	text-align: left;
}
.summary.square thead th:first-of-type {
    border-top-left-radius: 0;
}
.summary.square thead th:last-of-type {
    border-top-right-radius: 0;
}
.summary.square tbody td {
    border-right: solid 1px #ccc;
    border-left: none;
    border-bottom: none;
}
.summary.square tbody tr td:last-child {
	border-right: none;
}
.summary.square th, .summary.square td{
	padding: 10px 20px;
}

.summary thead tr.plain th{
	background: #fff;
	color: #000;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
.summary thead tr.plain th strong{
	font-weight: 800;
}

.summary thead th.alt-fade{
	background: rgba(29, 50, 97, 0.3) !important;
	color: #222 !important;
}
.summary thead tr.plain th.alt-fade{
	background: #f9f9f9 !important;
}

.section{
	box-sizing: border-box;
    padding: 50px;
    background: #eaeaea;
    border-radius: 20px;
    margin-bottom: 20px;
}
.summary.square{
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
.summary.square tr:nth-child(even) td{
	background: #eaeaea;
}
.summary.square tr:nth-child(odd) td{
	background: #fff;
}
#tabs div.tabs ul{
	margin: 0;
}
div.tabs ul li{
	display: inline-block;
}
#tabs.white div.tabs li a{
	padding: 15px 20px;
}
#tabs.white div.tabs li a.selected{
	background: #eaeaea;
	
}
#tabs.white > div.tabs{
	margin-top: 60px
}


div.tabs ul.bluetab li a{
	padding: 10px 20px;
	display: inline-block;
}
div.tabs ul.bluetab li.active a {
	background: #1D3261;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

div.tabs ul.bluetab li {
	float: left;
	list-style: none;
}
div.tabs ul.bluetab {
	float: left;
	border-bottom: 4px solid #1D3261;
	width: 100%;
	margin: 0;
	padding: 0;
}
div.tabs {
	float: left;
	width: 100%;
}

.select-small + div.tabs{
	margin-top: -40px;
}

.wrapper {
	width: 100%;
	max-width: 1010px;
	padding: 0 15px;
	box-sizing: border-box;
	margin: auto;
}
.summary.widefirst thead th:first-of-type{
	width: 380px;
}
.disableClick{
    pointer-events: none;
    color: #ccc;
}

.wrapper:after {
	content: '';
	clear: both;
	display: block;
}

.select-arrow:before{
	position: absolute;
	content: '\f010';
	font-family: Healthychurch;
    font-size: 10px;
    color: #000;
    right: 10px;
	top: 58%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}
.select-arrow select{
	-webkit-appearance:none;
	padding: 10px 30px 10px 10px;
	border-radius: 5px;
	border: 1px solid #cdcdcd;
}
.select-arrow{
	position: relative;
}
div.select-small{
	text-align: right;
	padding: 0 0 10px 0;
}

.wrapper.thin {
	max-width: 845px;
}

.content {
	padding: 20px 15px;
}

/* General Styles */

a { 
	position: relative;
	text-decoration: none;
	color: #2853bb;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

a:hover {
	color: #87c441;
}

a.off {
	color: #7184b2 !important;
	pointer-events: none;
	opacity: 0.85;
	cursor: not-allowed !important;
}

.top h2{
	margin: 0;
	font-size: 1.25rem;
}
.top .table h2{
	display: table-row;	
	width: 100%;
}
.top h2 a{
	text-decoration: none;
}
.top h2 a i{
	font-size: 0.65rem;
	top: -0.22rem;
	position: relative;
	margin-right: 0.25rem;
}
.top h1 {
	font-size: 30px;
	font-weight: 900;
	display: table-cell;
	vertical-align: middle;
}
h2.blue {
	color: #1d3161;
}
.summary.square td{
	color: #1d3161;
}
h1.blue {
	color: #1d3161;
	font-weight: 700;
}

h1 span {
	display: block;
	font-size: 18px;
	font-weight: normal;
/* 	margin-bottom: -24px; */
}

h2.block {
	width: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	background-color: #5a5a5a;
	color: #fff;
	margin-bottom: 0;
}

h2:after {
	content: '';
	clear: both;
	display: block;
}

h2 span, {
	font-weight: normal;
	float: right;
	margin-right: 100px;
	font-size: 14px;
}
h2 span.nomargin {
	margin-right: 0;	
}

h2 em {
font-weight: normal;
margin: 0 10px;
font-size: 11px;
font-style: normal;
padding: 4px 12px;
text-transform: uppercase;
vertical-align: middle;
background: #f2f2f2;
}

.em8{
	font-size: 0.8em;
}

h3 {
	font-size: 18px;
	clear: both;
}

h3.no-bottom-margin {
	margin-bottom: 0;
}

.outdent {
	position: relative;
	margin-left: -20px;
}

.indent {
	position: relative;
	margin-left: 20px;
}
.no-margin-top, #tabs.white > div.no-margin-top {
	margin-top:0;
}
h3 span,
h4 span{
	font-weight: normal;
}

h3 .float-right{
	margin-top: -0.6em;
}

img {
	max-width: 100%;
	height: auto;
}

div.description {
	color: #1d3161;
	font-size: 22px;
	margin-bottom: 1em;
}

div.description.black {
	color: #000;
}

div.center {
	text-align: center;
}

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

ol {
	margin: 0;
	padding: 0 0 0 15px;
}

ol li {
	padding-left: 20px;
}

/* Header */

header {
	border-bottom: 1px solid #c6c9d2;
}

header .wrapper {
	display: table;
}

header .logo {
	display: table-cell;
	width: 1%;
	overflow: visible;
	vertical-align: middle;
}

header .logo img {
	max-width: none;
	width: 300px;
}

header nav {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

header nav ul {
	margin: 0;
	padding: 0;
	height: 100%;
}

header nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

header nav > ul > li {
	height: 50px;
	line-height: 50px;
	padding-right: 30px;
	display: inline-block;
	list-style-type: none;
	font-family: Arvo;
	position: relative;
	white-space: nowrap;

}

header nav ul li a {
	text-decoration: none;
	font-size: 12px;
	color: #1d3161;
	position: relative;
	display: inline-block;
}

header nav > ul > li:last-child {
	font-family: Lato;
	font-weight: 700;
	padding: 0 0 0 30px;
	border-left: 1px solid #c6c9d2;
}

header nav ul li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -10px;
	height: auto;
	background-color: #313131;
	line-height: normal;
	padding: 5px 0 5px;
}

header nav > ul li:hover > ul {
	display: block;
	z-index: 12;
	white-space: nowrap;
}

header nav ul ul li {
	text-align: left;
	min-height: 30px;
	font-family: Lato;
}

header nav ul ul li a {
	color: #fff;
	display: block;
	padding: 5px 15px;
}

header nav ul li.sep > a{
	border-top: 1px solid #cdcdcd;
	padding-top:10px;
}

header nav ul li.haschild > a:after{
	content: '\f00c';
	font-family: Healthychurch;
	font-size: 12px;
	color: #fff;
	pointer-events: none;
	float: right;
}

header nav ul ul li > ul{
	left: 100% !important;
	top: 0 !important;
}
header nav ul li{
	position: relative;
}

/* Top Title */

.top {
	background-color: #e4e4e4;
	padding: 30px 0;
	min-height: 120px;
}

.top .wrapper.table { 
	display: table;
	width: 100%;
}

.top nav {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	width: 1%;
	overflow: visible;
	white-space: nowrap;
}

.top nav a {
	margin-left: 10px;
}

.top.grey {
	background-color: #
}


/* Buttons + Icons + Badges */

.icon {
	padding-left: 25px;
	text-decoration: none;
}

.btn.icon,
.btn.icon.left {
	padding-left: 35px;
/* 	border: none; */
}

.btn.icon.right {
	padding-left: 15px;
	padding-right: 35px;
}

.icon:before {
	font-size: 18px;
	font-family: Healthychurch;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.icon.right:before {
	left: auto;
	right: 0;
}

.icon.btn:before {
	width: 35px;
	text-align: center;
}

.icon.start:before {
	content: "\f011";
}

.icon.upload:before {
	content: "\f024";
}
.icon.compass:before {
	content: "\f040";
}

.icon.question:before {
	content: "\f002";
}

.icon.plus:before{
	content:"\f004";
}
.icon.minus:before{
	content:"\f005";
}

.icon.save:before {
	content: "\f009";
}

.icon.email:before {
	content: "\f022";
}

.icon.check:before {
	content: "\f007";
}

.icon.angle-right:before {
	content: "\f00c";
}

.icon.angle-left:before {
	content: "\f03b";
}

.icon.edit:before {
	content: "\f00a";
}

.icon.del:before,
.icon.delete:before {
	content: "\f00b";
}

.icon.clipboard:before {
	content: "\f00d";
}
.icon.barchart:before {
	content: "\f080";
}
.icon.print:before {
	content: "\f00e";
}

.icon.slider:before{
	content: "\f023";
}

.icon.revert:before {
	content: "\f00f";
}

.icon.x:before {
	content: "\f00b";
}

.icon.stopwatch:before {
	content: "\f018";
}

.icon.heart:before {
	content: "\f016";
}

.icon.x-circle:before {
	content: '\f01a';
}

.icon.check-circle:before {
	content: '\f01c';
}

.icon.alert-circle:before {
	content: '\f01d';
}

.icon.collapse:before {
	content: '\f01f';
	font-size: 22px;
}

.icon.expand:before {
	content: '\f01e';
	font-size: 22px;
}

.icon.color-red:before {	
	color: #d0210f;
}

.icon.color-green:before {
	color: #0ca909;
}
.btn.green{
	text-transform: uppercase;
}
.dashboard .btn.green{
	text-transform: none;
}
.btn {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	vertical-align: bottom;
	border-radius: 5px;
	padding: 8px 12px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
	margin: 0.25rem 0.125rem;
	text-overflow: ellipsis;
	overflow: hidden;
}

.btn:hover {
	background-color: #f6f6f6;
}

.btn.small {
	padding: 8px 15px;
}

.btn.large {
	padding: 20px 28px;
}

.btn.float-right {
	float: right;
	margin: 0 0 0 10px !important;
}

.btn.float-left {
	float: left;
	margin: 0 10px 0 0 !important;
}



.btn.grey {
	background-color: #e9e9e9;
}

.btn.grey:hover {
	background-color: #87c441;
	color: #fff;
}

.btn.transparent {
	background-color: transparent;
	border: none;
	color: #111;
}

.btn.transparent:hover {
	color: #1d3161;
}

.btn.blue {
	background-color: #1d3161;
	color: #fff;
	border: none;
	font-weight: 300;
}

.btn.blue:hover {
	background-color: #87c441;
}

.btn.light-blue {
	background-color: #2853bb;
	color: #fff;
}

.btn.light-blue:hover {
	color: #87c441;
	background-color: #f6f6f6;
}

.btn.green {
	color: #fff;
	background-color: #87c441;
	border:1px solid #929292;
}

.btn.green:hover {
	color: #1d3161;
}

.btn.black {
	color: #fff;
	background-color: #000;
}

.btn.black:hover {
	background-color: #87c441;
}

.btn.darkgrey {
	background-color: #848383;
	color: #fff;
}

.btn.darkgrey:hover {
	background-color: #87c441;
	color: #fff;
}

.btn.red,
.btn.delete,
.btn.del {
	background: #c41904;
	color: #fff;
}
.btn.red:hover,
.btn.delete:hover {
	background: #e41d05;
}

.btn.off {
	background-color: #ddd !important;
	color: #aaa !important;
	cursor: default;
	pointer-events: none;
}

.btn.inactive {
	background-color: #f1f1f1;
	color: #848383;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.42);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.42);
	box-shadow:inset 0px 0px 10px 0px rgba(0, 0, 0, 0.42);
	border: none;
}

.btn.transparent {
	background-color: transparent;
}

.btn.transparent:hover {
	background-color: transparent;
	color: #87c441;
}
.top1rem{
	margin-top: 1rem;
}

.btn.half {
	margin: 0 !important;
	/* float: left; */
}
.btn.half.left {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn.half.right {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
}

.btn.half.selected {
	background-color: #1d3161;
	color: #fff;
}

h1 em.label{
font-size: 8px;
font-style: normal;
background: green;
padding: 5px;
border-radius: 5px;
color: #fff;
text-transform: uppercase;
vertical-align: text-top;
display: inline-block;
}

.badge {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 25px;
	background-color: #1d3161;
	color: #fff;
	text-align: center;
	margin-left: 10px;
}

.badge.white {
	background-color: #fff;
	color: #313131;
}

/* JQuery UI Tabs */

#tabs {
	margin-bottom: 15px;
}
#tabs .tab:after{
	content:"";
	clear: both;
	display: block;
}
#tabs .tab > .btn {
	margin-top: 25px;
	margin-bottom: 25px;
}

#tabs > ul {
	background: none;
	border: none;
	border-radius: 0px;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 100%;
}

#tabs .tab {
	background: #d8d8d8;
	border-radius: 0px;
	border: 1px solid #c6c9d2;
	padding: 30px;
}

#tabs > ul > li {
	background: none;
	border: none;
	border-radius: 0px;
	display: inline-block;
}

#tabs > ul > li a {
	padding: 15px 30px;
	font-weight: 900;
	background: #e9e9e9;
	border-top: 1px solid #c6c9d2;
	border-right: 1px solid #c6c9d2;
	border-left: 1px solid #c6c9d2;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	outline: none;
	-webkit-transition: none;
	transition: none;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	color: #1d3161;
}

#tabs > ul > .active a {
	background: #d8d8d8;
	cursor: default;
	padding-top: 16px;
	pointer-events: none;
	position: relative;
	top: 4px;
}

/* Tabs White */

#tabs.white {
	position: relative;
	margin-top: -58px;
}

#tabs.white ul {
	list-style-type: none;
	margin: 0 0 40px 0;
	padding: 0;
	background: rgba(255, 255, 255, 0.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 10px 10px 0 0;
}

#tabs.white > ul li {
	display: inline-block;
	margin: 0;
}

#tabs.white li a {
	border: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px 18px;
	display: inline-block;
	font-weight: 400;
	background: none;
	text-decoration: none;
	color: #000000;
	font-size: 15px;
}

#tabs.white li:hover a {
	color: #212121;
}

#tabs.white li.active a {
	background: #fff;
	cursor: default;
	color: #1d3161;
	font-weight: bold;
}

#tabs.white h3 {
/*	font-style: italic; */
	margin-bottom: 0.5em;
	font-size: 16px;
}

#tabs.white label h3{
	font-size: 18px;
}

#tabs.white h3 + p {
	margin-top: 0;
	margin-bottom: 10px;
}

#tabs.white > div {
	background: #fff;
	border: none;
	margin-top: 20px;
}

section.top #tabs.white{
	width: 100%;
	max-width: 1010px;
	margin: 0px auto;
	bottom: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
section.top #tabs.white ul{
	margin: 0;
}

ul.bars{
/* 	margin:0; */
	padding:0;
}
ul.bars li{
	background: #fff;
	border: 1px solid #c9cbd3;
	border-radius: 0px;
	padding: 20px 20px 20px 20px;
	outline: none;
	display: table;
	width:100%;
	position: relative;
}
ul.bars li .title{
	font-weight: normal;
	color: #555555;
	text-decoration: none;
	font-size: 1.2em;
}
ul.bars li.active:before{
	content:"";
	background: #7cbc39;
	width: 15px;
	height: 100%;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
}
ul.bars li.active{
	padding-left: 25px;
}
ul.bars li.active .title{
	font-weight: bold;
}
ul.bars li .title em{
	font-weight: normal;
	font-size: 0.65em;
	font-style: normal;
	color:#a1a1a1;
	text-transform: uppercase;
}
ul.bars li >  *{
	display: table-cell;
}

h3.inactive-plans{
	background: #ececec !important;
}

div.links {
	display: table-cell;
	text-align: right;
	width: 1%;
	overflow: visible;
	white-space: nowrap;
	height: 100%;
	padding-right: 10px;
	vertical-align: middle;
}
div.links a {
	padding: 20px 20px 20px 0;
	font-size: 15px;
	text-decoration: underline;
	color: #a5b5da;
}

div.links a[href]:hover {
	text-decoration: none;
}

/* JQuery UI Accordion */

#tabs .ui-accordion {
	margin: 0;
}

#tabs .accordion .ui-widget-content {
	background: none;
}

#tabs .accordion h3.ui-state-active,
#tabs .accordion h3.ui-state-default {
	background: #fff;
	border: 1px solid #c9cbd3;
	border-radius: 0px;
	padding: 20px 20px 20px 50px;
	outline: none;
	position: relative;
}

#tabs .accordion h3 .done {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 100%;
	text-align: center;
	background: #87c441;
}

#tabs .accordion h3 .done:before {
	content: '\f007';
	font-family: Healthychurch;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

#tabs .accordion h3.ui-state-active:before,
#tabs .accordion h3.ui-state-default:before {
	font-family: Healthychurch;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#tabs .accordion h3.ui-state-active:before {
	content: "\f005" !important;
}

#tabs .accordion h3.ui-state-default:before {
	content: "\f004";
}

#tabs .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	background: none;
}

#tabs .ui-accordion-content {
	padding: 0;
	border: none;
}

#tabs .ui-accordion-content ul {
	padding-left: 50px;
	margin: 0;
}

#tabs .ui-accordion-content ul li {
	list-style-type: none;
	background: #ececec;
	margin-top: 2px;
	position: relative;
	display: table;
	width: 100%;
	border: 1px solid #c9cbd3;
	box-sizing: border-box;
}

#tabs .ui-accordion-content ul li > a {
	display: table-cell;
	padding: 20px 30px;
	vertical-align: middle;
	color: #717171;
	text-decoration: none;
}

#tabs .ui-accordion-content ul li > a[href]:hover {
	text-decoration: underline;
}

#tabs .ui-accordion-content ul li .links {
	display: table-cell;
	text-align: right;
	width: 1%;
	overflow: visible;
	white-space: nowrap;
	height: 100%;
	padding-right: 10px;
	vertical-align: middle;
}

#tabs .ui-accordion-content ul li .links a {
	padding: 20px 20px 20px 0;
	font-size: 15px;
	text-decoration: underline;
	color: #a5b5da;
}

#tabs .ui-accordion-content ul li .links a[href]:hover {
	text-decoration: none;
}

/* JQuery UI Accordion White */


#tabs.white .ui-tabs-nav li {
	margin: 0;
}

#tabs.white .ui-tabs-nav li a {
	border: none;
	padding: 10px 25px;
	top: 0;
	font-weight: 300;
}

#tabs.white .ui-tabs-nav li.ui-state-active a {
	padding-top: 10px;
	background: #fff;
}

#tabs.white .ui-tabs-nav li.ui-tabs-active {
	margin: 0;
	padding: 0;
}

#tabs.white .ui-state-active a, .ui-state-active a:link {
	color: #1d3161;
}

#tabs.white .ui-widget-content {
	background: #fff;
	border: none;
	padding: 45px 0 0 0;
}

/* People */

ul.people {
	margin: 40px 0 0 0;
	padding: 0;
}

ul.people li {
	display: table;
	width: 100%;
	background-color: #eaeaea;
	margin-bottom: 2px;
	padding: 20px 25px;
	box-sizing: border-box;
}

ul.people li.header {
	background-color: #1d3161;
	color: #fff;
	border-radius: 10px;
}

ul.people h2 {
	margin: 0;
	font-size: 22px;
}

ul.people li.header a {
	color: #fff;
	text-decoration: none;
}

ul.people li.header a:hover {
	color: #87c441;
}

ul.people li div {
	display: table-cell;
	vertical-align: middle;
}

ul.people li .photo,
ul.people li .link {
	width: 1%;
	overflow: visible;
	white-space: nowrap;
}

ul.people li .photo img {
	width: 65px;
	height: 65px;
	max-width: none;
	margin-right: 25px;
}

ul.people li .name,
ul.people li .link {
	font-weight: bold;
}

/* Top Sections / Steps */
div.progress,
nav.progress {
	clear: both;
	display: block;
	width: 100%;
	margin: 22px 0 14px;
}
div.progress table,
nav.progress ul {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 1px 0;
	border-radius: 10px;
	overflow: hidden;
	background-color: #c9ccd4;
	table-layout: fixed;
}
div.progress table td,
nav.progress ul li {
	display: table-cell;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
}
div.progress table td a,
nav.progress ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	height: 48px;
	line-height: 48px;
	padding: 0 8px 0 26px;
	margin: 0;
	color: #171717;
	font-weight: bold;
	font-size: 16px;
	background-color: #fff;
	position: relative;
	margin-right: 1px;
}
div.progress table td a:after,
nav.progress ul li a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;
	border-left: 18px solid #fff;
	z-index: 11;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}
div.progress table td:first-of-type a:before,
nav.progress ul li:first-of-type a:before {
	border: none;
}
div.progress table td a:before,
nav.progress ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;
	border-left: 18px solid #c9ccd4;
	z-index: 10;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}
div.progress table td:hover a,
nav.progress ul li:hover a {
	background-color: #f6f6f6;
}
div.progress table td:hover a:after,
nav.progress ul li:hover a:after {
	border-left-color: #f6f6f6;
}
div.progress table td.complete a,
nav.progress ul li.complete a {
	background-color: #87c441;
	color: #fff;
}
div.progress table td.complete:hover a,
nav.progress ul li.complete:hover a {
	background-color: #87c441;
}
div.progress table td.complete:first-of-type a:before,
nav.progress ul li.complete:first-of-type a:before {
	border-left-color: #87c441;
}
div.progress table td.complete:hover a:after,
div.progress table td.complete a:after,
nav.progress ul li.complete:hover a:after,
nav.progress ul li.complete a:after {
	border-left-color: #87c441;
}
div.progress table td.active a,
nav.progress ul li.active a {
	background-color: #1d3161;
	color: #fff;
}
div.progress table td.active:hover a,
nav.progress ul li.active:hover a {
	background-color: #1d3161;
}
div.progress table td.active:first-of-type a:before,
nav.progress ul li.active:first-of-type a:before {
	border-left-color: #1d3161;
}
div.progress table td.active:hover a:after,
div.progress table td.active a:after,
nav.progress ul li.active:hover a:after,
nav.progress ul li.active a:after {
	border-left-color: #1d3161;
}


section.top div.tabs-white {
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1010px;
	box-sizing: border-box;
}

section.top div.tabs-white table {
	margin: 0;
	padding: 0;
	position: relative;
	padding-right: 100px;
}
section.top div.tabs-white table:before{
	position: absolute;
	width: 100%;
	min-height: 100%;
	background: rgba(205, 205, 205, 0.4);
	background: -webkit-linear-gradient(90deg, #e4e4e4 75%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, #e4e4e4 75%, rgba(255,255,255,0) 100%);
	left: 0;
	top: -100px;
	content: "";
	bottom: 0;
}

section.top div.tabs-white > table td {
	margin: 0;
	width: auto !important;
}

section.top div.tabs-white table td a {
	padding: 10px 20px;
	display: inline-block;
	font-weight: 400;
	background: none;
	text-decoration: none;
	color: #000000;
	font-size: 15px;
	
	
	border:none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	outline: none;
	-webkit-transition: none;
	transition: none;
	cursor: pointer;
}

section.top div.tabs-white a:hover {
	color: #212121;
}

section.top div.tabs-white td.active a {
	background: #fff;
	/* cursor: default; */
	color: #1d3161;
	font-weight: bold;
}





/*
div.progress{
	clear: both;
	display: block;
	width: 100%;
	margin: 22px 0 14px;
}
div.progress table{
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 1px 0;
	border-radius: 10px;
	overflow: hidden;
	background-color: #c9ccd4;
}
div.progress table a{
	display: block;
	text-align: center;
	text-decoration: none;
	height: 48px;
	line-height: 48px;
	padding: 0 8px 0 26px;
	margin: 0;
	color: #171717;
	font-weight: bold;
	font-size: 16px;
	background-color: #fff;
	position: relative;
	margin-right: 1px;
}
div.progress table td.active a{
	background:#2a2a2a;
	color:#fff;
}
*/


/* Form Styles */

ul.fields{
	list-style: none;
}
.fields {
	margin: 0;
	padding: 0;
}

.fields .block {
	padding: 15px 0;
}

.fields li.legend {
	background-color: #000;
	color: #fff;
	padding: 20px 25px;
	margin: 35px 0 0 0;
}

.fields li.legend:first-of-type {
	margin: 0;
}

.fields > h2 {
	margin: 0;
	font-size: 22px;
}

.fields > li:after {
	clear: both;
	display: block;
	content: '';
}

.fields h3 {
margin: 0;
font-style: normal;
font-size: 19px;
background: #ddd;
padding: 15px;
}

.fields h3 span {
	font-style: normal;
	font-weight: normal;
	font-size: 0.9em;
}

.fields fieldset {
margin: 0;
padding: 10px;
width: 100%;
border: 1px solid #ddd;
border-top: none;
}

.fields fieldset > label,.fields fieldset > div {
	display: inline-block;
	width: 100%;
	margin: 0;
	float: left;
	padding-top: 15px;
	box-sizing: border-box;
	padding-right: 15px;
	padding-left: 15px;
}

.fields fieldset label label {
	float: right;
	padding: 10px;
}

.fields fieldset label label span {
	line-height: initial;
}

.fields p.highlight {
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	padding: 35px 0 35px 0;
	margin-top: 35px;
	font-size: 18px;
}

.radio label,
.check label {
	padding-top: 0 !important;
	cursor: pointer;
	padding-right: 20px;
}

label.money{
padding-left: 15px;
display: inline-block;
position: relative;

}
label.money em{
position: absolute;
left: 0;
top: 1rem;
}

label.percentage{
padding-right: 15px;
display: inline-block;
position: relative;

}

label.percentage.dollars{
padding-right: 0px;
padding-left: 15px;
}

label.percentage em{
position: absolute;
right: 0;
top: 1rem;
}
label.percentage.dollars em{
left: 0;
right: auto;
}

input[type="radio"],
input[type="checkbox"] {
	display: none !important;
}

input[type="radio"] + span,
input[type="checkbox"] + span {
display: inline-block;
box-sizing: border-box;
position: relative;
cursor: pointer;
height: 25px;
padding: 0;
text-indent: 30px;
vertical-align: middle;
line-height: 25px;
min-width: 30px;
margin-bottom: 1rem;
}

input[type="radio"] + span:before,
input[type="checkbox"] + span:before {
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
box-sizing: border-box;
border-radius: 25px;
background-color: #fff;
border: 4px solid #1d3161;
content: '';
}
input[type="checkbox"] + span:before{
	border-radius: 2px;
}

input.disabled[type="radio"] + span:before,
input.disabled[type="checkbox"] + span:before {
	opacity: 0.85;
	cursor: not-allowed !important;
}

input.disabled[type="radio"] + span,
input.disabled[type="checkbox"]+ span{
	cursor: not-allowed !important;
}


input[type="checkbox"]:checked + span:before{
	font-family: Healthychurch;
	font-weight: bolder;
	content: "\f007";
	color: #1d3161;
	font-size: 2.2rem;
	line-height: 0.6rem;
	padding: 0;
	text-indent: -5px;
	border: 4px solid #87c441;
	background: #fff;
}


.check.border input[type="radio"] + span:before,
.check.border input[type="checkbox"] + span:before {
	box-shadow: 0 0 1px #000;
}

.modal input[type="radio"] + span:before, 
.modal input[type="checkbox"] + span:before {
	background-color: #f1f1f1;
	border-color: #f1f1f1;
}



input[type="radio"]:checked + span:before{
	background-color: #87c441;
}
/*
input[type="checkbox"]:checked + span:before {
	background-color: #deefcc;
}
*/

/*
input[type="checkbox"] + span:before {
	border-radius: 0;
}
*/

.fields fieldset.two > label,.fields fieldset.two > div {
	width: 50%;
}

.fields fieldset.three label {
	width: 33%;
}


.fields fieldset.one:first-of-type label:nth-child(1),
.fields fieldset.two:first-of-type label:nth-child(1),
.fields fieldset.two:first-of-type label:nth-child(2),
.fields fieldset.three:first-of-type label:nth-child(1),
.fields fieldset.three:first-of-type label:nth-child(2),
.fields fieldset.three:first-of-type label:nth-child(3) {
	padding-top: 0;
}

/*
fieldset.advanced {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #dcdcdc;
}
*/

.fields .step-description {
	padding: 20px 0 20px 0;
	background: none;
}
/*

fieldset.advanced:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

fieldset.advanced label {
	padding-top: 2px;
	padding-right: 0;
}

fieldset.advanced label span {
	float: left;
	display: inline-block;
	line-height: 45px;
	   max-width: 750px;
}


*/

fieldset.advanced > div{
	vertical-align: middle;
	line-height: 35px;
	padding: 15px;
}

fieldset.advanced input {
	float: right;
	width: 80px;
	margin: 0;
}
fieldset.advanced div.yesno {
	float: right;
	margin: 0;
}
fieldset.advanced div.yesno label{
float: right;
line-height: 1em;
margin-left: 18px;
}

fieldset.advanced > div.question.even{
	background: #dfdfdf;
} 

input[type="text"],
input[type="number"],
fieldset input,
.fieldset input {
display: block;
width: 100%;
padding: 10px 5px;
border: 1px solid #1d3161;
border-radius: 5px;
box-sizing: border-box;
margin-top: 10px;
background-color: #fff;
min-width: 100px;

font-size: 1.12rem;
padding: 5px;
font-weight: 300;
}

textarea {
	width: 100%;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	height: 86px;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
	outline: none;
	padding: 10px 10px;
	box-sizing: border-box;
	color: #222;
	margin-bottom: 20px;
	font-size: 1.12rem;

}

/*
textarea:focus {
	color: #222;
}
*/

fieldset select,
.fieldset select {
display: block;
width: 100%;
padding: 5px 50px 5px 15px;
border: 1px solid #1d3161;
border-radius: 5px;
box-sizing: border-box;
margin-top: 10px;
-webkit-appearance: none;

font-size: 1.2rem;
font-weight: 300;

}

fieldset .select-wrapper,
.fieldset .select-wrapper {
	position: relative;
}

fieldset .select-wrapper:before,
.fieldset .select-wrapper:before {
	position: absolute;
	content: '\f010';
	font-family: Healthychurch;
	font-size: 12px;
	color: #000;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
}

/*
.fields fieldset input.short {
	width: 70%;
}
*/

table.fieldset {
	width: 100%;
	border-spacing: none;
	border-collapse: collapse;
}

table.fieldset td {
	padding: 10px;
}

table.fieldset tr:nth-child(odd) td {
	background-color: #dcdcdc;
}

table.fieldset input[type="radio"] + span, 
table.fieldset input[type="checkbox"] + span {
	padding: 0;
	min-height: 0;
}

table.fieldset input[type="radio"] + span:before, 
table.fieldset input[type="checkbox"] + span:before {
	position: static;
	display: inline-block;
}

.modal input {
	width: 100%;
	padding: 10px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	box-sizing: border-box;
	margin-top: 10px;
}

.modal input.btn {
	width: auto;
}

/* Ratings Fieldset Type */

.fields fieldset.ratings label {
	width: auto;
}

.fields fieldset.ratings label span {
	display: block;
	padding-left: 0;
	padding-top: 40px;	
}

.fields fieldset.ratings label span:before {
	left: 50%;
	transform: translateX(-50%);	
}



/* Sub Questions Fieldset Type */

.fields fieldset.subquestion {
	padding-left: 15px;
}

.fields .subquestions fieldset label {
	width: auto;
}

.fields .subquestions h4 {
	float: left;
	margin: 10px 0 0 0;
	min-width: 200px;
	display: inline-block;
}

/* Form Login Styles */

span.error {
	color: #d61313;
	font-size: 12.5px;
	position: relative;
	padding-left: 15px;
	margin-left: 5px;
}

span.error:before {
	font-family: Healthychurch;
	content: "\f020";
	display: inline-block;
	padding-right: 8px;
	margin-left: 5px;
	font-size: 20px;
	position: absolute;
	bottom: -3.5px;
	left: 0;
}

section.content.login h1 {
	font-size: 30px;
	max-width: 500px;
	margin: 40px auto 0 auto;
	text-transform: uppercase;
}

section.content.login div.login:after {
	content: '';
	display: block;
	clear: both;
}

section.content.login div.login {
	padding: 30px;
	background-color: #eaeaea;
	border-radius: 20px;
	color: #fff;
	text-align: left;
	max-width: 500px;
	margin: 10px auto;
	box-sizing: border-box;
}

section.content.login div.login p {
	color: #000;
	margin: 0 0 20px 0;
}

section.content.login input {
	font-size: 16px;
	padding: 20px 15px 20px 50px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #d7d7d7;
	margin-bottom: 10px;
}

section.content.login div {
	position: relative;
}

section.content.login div:before {
	font-family: Healthychurch;
	color: #151515;
	position: absolute;
	left: 15px;
	top: 50%;
	font-size: 30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

section.content.login div.username:before {
	content: '\f013';
}

section.content.login div.password:before {
	content: '\f014';
}

section.content.login div.email:before {
	content: '\f015';
}

section.content.login .signup {
	max-width: 500px;
	margin: 20px auto 0 auto;
	background-color: transparent;
	border: 1px solid #eaeaea;
	padding: 15px;
	border-radius: 15px;
	box-sizing: border-box;
	text-align: center;
}
	
/* Steps */

div.steps, section.steps {
	margin-top: 30px;
	background-color: #1d3161;
	padding: 20px 0;
	color: #fff;
	text-align: right;
}

div.steps.white , section.steps.white {
	margin-top: 0;
	padding: 50px 0;
	color: #000;
	background-color: #fff;
}

div.steps.white.small , section.steps.white.small {
	margin: 5px;
	padding: 10px 0;
}

div.steps .start:hover , section.steps .start:hover {
	background-color: #fff;
	color: #87c441;
}

div.steps a:not(.btn) , section.steps a:not(.btn) {
	color: #fff;
	text-decoration: none;
	margin: 0 20px;
	line-height:31px;
}

div.steps.white a:not(.btn) , section.steps.white a:not(.btn) {
	color: #000;
	text-decoration: underline;
}

div.steps .btn , section.steps .btn {
	margin: 0 0 0 10px;
}

div.steps .btn.float-left:first-of-type , section.steps .btn.float-left:first-of-type {
	margin-left: 0;
}

/* Options UL - Select Options Pages */

.options {
	margin: 0;
	padding: 0;
}

.options label {
	display: block;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px;
	background-color: #eaeaea;
	border: 1px solid #c6c9d2;
	border-radius: 5px;
	text-align: left;
	cursor: pointer;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

.options input {
	display: none;
}

.options input:checked + label {
	background-color: #87c441;
	color: #fff !important;
}

.options input:checked + label h3,
.options input:checked + label div {
	color: #fff !important;
}

.options input:checked + label div .vote-detail {
	color: #000 !important;
}

.options input + label a.check:after {
	content: "SELECT";
}
.options input:checked + label a.check:after {
	content: "SELECTED";
}
.options input:checked + label:hover a.check::after {
	content: 'DESELECT';
}

.options label:after {
	clear: both;
	display: block;
	content: "";
}

.options label h3,
.options label p {
	margin: 0 0 10px 0;
	font-style: normal !important;
}

.options label .component {
	float: right;
	font-size: 15px;
	font-weight: normal;
	width: 28%;
	text-align: left;
	margin-top: 5px;
}

hr {
	margin: 15px 0 20px;
	border: none;
	border-bottom: 1px solid #c6c9d2;
	clear: both;
}

.options input:checked + label hr {
	border-color: #fff;
}

.options label .btn {
	margin: -10px 0 0 0;
	float: right;
	margin-left: 10px;
}

.options .accordion {
	display: block;
}

.options .accordion h3 {
	font-size: 22px;
	font-weight: bold;
	border: none;
	background: none;
	outline: none;
	padding: 0;
	color: #000;
	font-family: Lato;
	display: block;
}

.options .accordion .ui-icon {
	background: none !important;
}

.options .accordion h3:before {
	content: '\f004';
	font-family: Healthychurch;
	display: inline-block;
	font-size: 20px;
	padding-right: 15px;
}

.options .accordion h3.ui-state-active:before {
	content: '\f005';
}

.options .ui-accordion .ui-accordion-content {
	padding: 0;
	border: none;
	background: none;
	padding: 10px 0 0 32px;
	font-family: Lato;
}

/* Comments */

section.comments {
	width: 100%;
	max-width: 980px;
	margin: auto;
	background-color: #eaeaea;
	border: 1px solid #c6c9d2;
	padding: 25px 5px;
	box-sizing: border-box;
}

section.comments h3 {
	border-bottom: 1px solid #c6c9d2;
	margin: 0;
	padding-bottom: 15px;
}

section.comments .comment {
	border-bottom: 1px solid #c6c9d2;
	padding: 25px 0;
}

section.comments .comment:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

section.comments .comment:after {
	content: '';
	clear: both;
	display: block;
}

section.comments .comment p {
	margin: 0;
}

section.comments .comment .btn {
	margin: 25px 10px 0 0;
	clear: both;
}

section.comments .post {
	display: table;
	width: 100%;
}

section.comments .comment .user {
	display: table-cell;
	min-width: 80px;
	padding-top: 13px;
	vertical-align: top;
	font-weight: bold;
	font-style: italic;
}

section.comments .comment .message {
	display: table-cell;
	width: 100%;
	padding-left: 30px;
	vertical-align: top;
	position: relative;
}

section.comments .comment .message:before {
	position: absolute;
	background-image: url("../img/chatbubble.png");
	background-repeat: no-repeat;
	width: 11px;
	height: 18px;
	top: 15px;
	left: 22px;
	content: '';
}


section.comments .comment textarea:focus {
	height: 200px;
}

/* Projects */

div.project {
	margin-bottom: 20px;
}

div.project:after {
	content: '';
	display: block;
	clear: both;
}

/* Review Comments */

.votes {
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

.vote-detail {
	-webkit-opacity: 0;
	opacity: 0;
	position: absolute;
	left: 100%;
	top: -10px;
	min-width: 110px;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
	z-index: 9999;
}

.vote-detail:before {
	position: absolute;
	background-image: url("../img/chatbubble.png");
	background-repeat: no-repeat;
	width: 11px;
	height: 18px;
	top: 10px;
	left: -10px;
	content: '';
}

.votes:hover .vote-detail {
	-webkit-opacity: 1;
	opacity: 1;
}

/* Edit Mission Statement */

.mission-statement input[type=text] {
	display: inline-block;
	font-family: Lato;
	font-size: 22px;
	font-weight: bold;
	border: none;
	background: #fff;
	border-left: 5px solid #87c441;
	padding: 20px;
	margin-top: 20px;
	box-sizing: border-box;
	transition: 0.2s ease all;
	background: #f6f6f6;
	outline: none;
	cursor: text;
	margin-right: 20px;
}

.mission-statement input[readonly] {
	border: none;
	padding: 10px 0 10px 0;
	background: #fff;
	margin-top: 20px;
}

.mission-statement textarea {
	display: inline-block;
	font-size: 14px;
	font-family: Lato;
	width: 100%;
	min-height: 50px;
	border: none;
	background: #fff;
	border-left: 5px solid #87c441;
	resize: none;
	padding: 20px;
	margin-top: 20px;
	box-sizing: border-box;
	transition: 0.2s ease all;
	background: #f6f6f6;
	outline: none;
	text-align: justify;
}

.mission-statement textarea.title {
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	width: auto;
	float: left;
	margin-top: 0;
}

.mission-statement textarea[readonly] {
	border: none;
	padding: 10px 0 10px 0;
	background: #fff;
	margin-top: 20px;
	border-top: 1px solid #d7d7d7;
}

/* Edit Missional Brochure */

#edit-brochure {
	display: none;
}

input#edit-brochure:checked ~ .edit-brochure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	overflow: auto;
}

input#edit-brochure:checked ~ .edit-brochure .brochure {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	position: static;
}

.edit-brochure {
	width: 100%;
	min-height: 550px;
	background-color: #eaeaea;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
}

.brochure {
	width: 1650px;
	height: 1275px;
	background: #fff;
	-webkit-transform: scale(0.38) translateX(-50%) translateY(-50%);
	transform: scale(0.38) translateX(-50%) translateY(-50%);
	-ms-transform-origin: top left;
	transform-origin: top left;
	position: absolute;
	font-size: 22px;
	top: 50%;
	left: 50%;
	-webkit-box-shadow: 20px 20px 0px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 20px 20px 0px -5px rgba(0,0,0,0.4);
	box-shadow: 20px 20px 0px -5px rgba(0,0,0,0.4);
}

.brochure:after {
	content: '';
	clear: both;
	display: block;
}

.brochure .left,
.brochure .right {
	float: left;
	width: 50%;
	height: 100%;
	padding: 65px 65px 80px 65px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
}
.floatright{
	float: right;
}
.brochure .left {
	border-right: 1px solid #c7c7c7;
}

.brochure .right {
	border-left: 1px solid #c7c7c7;
}

.brochure h1 {
	font-size: 53px;
	color: #1d3161;
	margin: 0 0 13px 0;
}

.brochure h2 {
	position: relative;
	color: #1d3161;
	font-size: 48px;
	line-height: 0pt;
	margin: 0 0 1.75em 0;
	line-height: 75px;

}

.brochure h3 {
	position: relative;
	color: #1d3161;
	font-size: 44px;
	line-height: 0pt;
	margin: 0 0 1.75em 0;
	line-height: 75px;

}

.brochure h4 {
	position: relative;
	color: #1d3161;
	font-size: 40px;
	line-height: 0pt;
	margin: 0 0 1.75em 0;
	line-height: 75px;

}


.brochure h5 {
	position: relative;
	color: #1d3161;
	font-size: 36px;
	line-height: 0pt;
	margin: 0 0 0.75em 0;
	line-height: 75px;

}
					
.brochure h2.icon {
	padding-left: 100px;
	line-height: 65px;
}

.brochure h2 img {
	width: 65px;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.brochure .cover-image {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	padding: 21px;
	box-sizing: border-box;
}

.brochure .cover-image img {
	float: left;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 21px;
}

.brochure p {
	margin: 40px 0 0 0;
}

.brochure p span {
	color: #87c441;
}

.brochure ol {
	padding-left: 58px;
}

.brochure .footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 98%;
	height: 76px;
	line-height: 76px;
	border-top: 1px solid #c7c7c7;
	box-sizing: border-box;
	text-align: right;
	font-size: 10px;
}

.brochure .footer img {
	width: 165px;
	height: auto;
	margin-left: 25px;
	vertical-align: middle;
}

.brochure .left .footer {
	left: auto;
	right: 0;
}

.brochure .churchinfo {
	position: absolute;
	bottom: 40px;
	left: 40px;
	right: auto;
	width: 100%; 
	font-size: 15px;
	border: none;;
}

.brochure .healthychurch {
	padding-right: 63px;
	
	font-size: 11px;
	text-align: right;
}

.brochure .healthychurch img {
	width: 200px;
}

.brochure .churchinfo .logo,
.brochure .churchinfo .info {
	display: inline-block;
}

.brochure .churchinfo .logo img {
	width: 160px;
	margin-right: 40px;
}

/* Strategic Plan */

.strategic {
	width: 100%;
	margin-top: 30px;
	border-spacing: 0;
	border-collapse: collapse;
}

.strategic.intro {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #c7c7c7 !important;
	float: left;
	width: 100%;
}

.strategic.intro:after {
	content: '';
	clear: both;
	display: block;
}

.strategic.intro .accordion {
	width: 100%;
	float: left;
	position: relative;
}

.strategic.intro .cell h3 {
	margin: 0;
}

.strategic.intro .ui-state-default {
	background: none;
	padding: 0;
	margin: 0;
	border: none;
}
.strategic.intro .accordion .toggle {
	position: absolute;
	width: 100%;
	left: 0;
	top: -27px;
	font-size: 0;
	outline: none;
	overflow: visible;
	line-height: 2em;
}

.strategic.intro .accordion .toggle:before {
	content: "\f004";
	display: inline-block;
	font-size: 18px;
	font-family: Healthychurch;
}

.strategic.intro .accordion .toggle.ui-state-active:before {
	content: "\f005";
}

.strategic.intro .cell {
	float: left;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

.strategic.intro .cell:first-child {
	width: 250px;
	vertical-align: top;
}

.strategic.intro .cell:last-child {
	width: calc(100% - 250px);
	vertical-align: top;
}

.strategic.intro div .cell {
	padding: 10px 0 10px 20px;
}

.strategic h3 {
	font-style: normal !important;
	margin-bottom: 0;
}

.strategic th {
	text-align: left;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	background-color: #1d3161;
	padding: 15px;
	box-sizing: border-box;
}

.strategic td {
	min-width: 120px;
	padding: 20px 15px;
	box-sizing: border-box;
	border-bottom: 2px solid #c7c7c7;
}
 
.strategic.implementation td {
	padding: 10px 15px;
}
.strategic.implementation tr.first td {
	padding-top: 20px;
}
.strategic.implementation tr.first td:first-child {
	padding-bottom: 20px;
}
.strategic.implementation tr.last td {
	padding-bottom: 20px;
}
.strategic.intro .accordion h3.ui-state-active, 
.strategic.intro .accordion h3.ui-state-default {
	font-family: Lato;
	font-weight: bold;
	border: none;
	padding: 0;
	font-size: 22px;
	color: #000;
	display: block;
	white-space: nowrap;
	padding-left: 30px;
	margin-top: 1em;
}

.strategic.intro .accordion h3.ui-state-active:before,
.strategic.intro .accordion h3.ui-state-default:before {
	left: 0;
}

#tabs.white .strategic.intro .ui-widget-content,
.strategic.intro .ui-widget-content {
	padding: 0;
	font-size: 15px;
	font-family: Lato;
	border: none;
}

.strategic.intro .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display: none;
}

.strategic.implementation td {
	border: 0;
	vertical-align: top;
}

.strategic.implementation th:nth-child(2) {
	min-width: 265px;
}

.strategic.implementation td:nth-child(1),
.strategic.implementation td:nth-child(3) {
	background-color: #eee;
}

.strategic.measurement td:nth-child(2),
.strategic.measurement td:nth-child(4) {
	background-color: #eee;
}

.strategic.implementation .first td:nth-child(1),
.strategic.implementation .first td:nth-child(3) {
	background-color: transparent;
}

.strategic.implementation .first td:nth-child(2),
.strategic.implementation .first td:nth-child(4) {
	background-color: #eee;
}

.strategic.implementation tr.last {
	border-bottom: 2px solid #c7c7c7;
}

.strategic.implementation tr.final td {
	padding: 0;
}

/* Summary Reports */

.summary {
	border-collapse: collapse;
	border-spacing: none;
}

.summary thead tr {
	border-bottom: 1px solid #1D3261;
}

.summary thead h2 {
	text-align: left;
}

.summary thead th:not(:empty){
	background-color: #394d86; 
/* 	background-color: #1D3261; */
	color: #fff;
	padding: 10px;
/* 	border-right: 1px solid #121f3c; */
	border-right: 1px solid #000;
/* 	min-width: 100px; */
	box-sizing: border-box;
	width: 100px;
}


.summary thead th:first-child{
	border-top-left-radius: 5px;
}

.summary thead th:empty + th{
	border-top-left-radius: 5px;
}
.summary thead th:last-of-type {
	border-top-right-radius: 5px;
	border-right: none;
}
.summary thead tr + tr th{
	border-top: 1px solid #121f3c;
}


.summary td {
	padding: 10px;
	text-align: center;
}

.summary .section {
	border-top: 1px solid #1D3261;
	border-bottom: 1px solid #1D3261;
}

.summary .section td {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	background: #ccc;
}

.summary .section span {
	float: right;
	font-size: 14px;
	font-weight: normal;
}

.summary .empty td {
	border: none;
}

.summary tbody td {
/*
	border-right: 1px solid #1D3261;
	border-left: 1px solid #1D3261;
	border-bottom: 1px solid #1D3261;
*/
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.summary thead th.text-left,
.summary tbody td.text-left,
.summary tfoot td.text-left{
	text-align: left;
}
.summary thead th.text-right,
.summary tbody td.text-right{
	text-align: right;
}

.summary tbody td:first-child{
	border-left: none;
}
.summary tbody td:last-child{
	border-right: none;
}
.summary td.statement {
	text-align: left;
}
.summary td input[type="text"], 
.summary td input[type="number"]{
	min-width:40px;
}
.summary td label.money input[type="text"],
.summary td label.money input[type="number"]{
	min-width: 90px;
}

.summary th.wide,
.summary td.wide{
	width: 70%;
}
.summary thead th.slim,
.summary tbody td.slim{
	width: 50px;
	min-width: 50px;
}

.summary th.split,
.summary td.split{
	width:5px !important;
	background: #fff !important;
	border: none !important; 
}

.summary tr.heading th{

border-bottom: 1px solid #1D3261;
}
.summary tr.heading th{
	background-color: #394d86; 
/* 	background-color: #1D3261; */
	color: #fff;
	padding: 10px;
/* 	border-right: 1px solid #121f3c; */
	border-right: 1px solid #000;
/* 	min-width: 100px; */
	box-sizing: border-box;
	width:100px;
}

div.tabular .summary th{
	border-radius: 0;
}

table.priorities{
	margin-bottom: 2rem;
	table-layout: fixed;
}
table.priorities input[type="checkbox"] + span{
	display: flex;
	align-items: center;
	text-indent: 0;
	padding-left: 35px;
	margin-bottom: 0;
	line-height: 1em;
}


table.priorities td{
	padding:8px 20px;
	text-align: left;
}

table.priorities td strong{
	background: #f2f2f2;
	margin:-8px -20px;
	padding:12px 20px;
	display: block;
}

table.priorities i.checkmark{
font-size: 1.25rem;
font-weight: bold;
color: #1D3261;
}

/*
.summary th.medium,
.summary td.medium{ width: 300px !important;}
*/

/*
.survey-reports tbody{
	border-bottom:2rem solid #fff;
}
.survey-reports tbody tr:last-of-type td{
	border-bottom:1px solid #1D3261
}
*/


table tr.even td{
	background: rgba(50, 50, 50, 0.1);
}

/* Final Report: Objectives & Projects */

.final-report h3 {
	margin-top: 20px;
	margin-bottom: 0;
}

.final-report div {
	margin-bottom: 30px;
}

.final-report h3 span {
	float: right;
	width: 50%;
	text-align: left;
	font-size: 0.8em;
	position: relative;
	top: 5px;
}

/* Project Management */

.filter-results {
	margin-bottom: 40px;
}

.filter-results:after {
	clear: both;
	content: '';
	display: block;
}

.filter-results .fieldset {
	border: none;
	padding: 0;
	margin: 0;
	display: table;
	width: auto;
	margin: 0 -10px 20px -10px;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.filter-results .fieldset label {
	display: table-cell;
	width: 25%;
	padding: 0 10px;
}

.filter-results .fieldset label span {
	display: block;
	font-weight: bold;
}

.filter-results .fieldset label input {
	display: inline-block;
	width: 48%;
	background-color: #f8f8f8;
}

.filter-results input[type="radio"] + span:before,
.filter-results input[type="checkbox"] + span:before {
	background-color: #f8f8f8;
	border-color: #f8f8f8;
}

.filter-results input[type="radio"]:checked + span:before,
.filter-results input[type="checkbox"]:checked + span:before {
	background-color: #87c441;
}

.manage-projects {
	margin: 5px 0 0 0 !important;
	padding: 0;
	border-radius: 10px;
	background-color: #EAEAEA;
}

.manage-projects.ui-accordion .ui-accordion-header {
	padding: 20px 20px 20px 45px;
	font-weight: bold;
	background: none;
	border: none;
	outline: none;
	font-size: 1.12rem;
}

.manage-projects.ui-accordion .ui-accordion-header a {

	text-decoration: underline;
	font-size: 1rem;
}

.manage-projects.ui-accordion .ui-accordion-header .ui-icon {
	display: none;
}

.manage-projects h3:after {
	content: '';
	clear: both;
	display: block;
}

.manage-projects.accordion h3.ui-state-active:before,
.manage-projects.accordion h3.ui-state-default:before {
	font-family: Healthychurch;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.manage-projects.accordion h3.ui-state-active:before {
	content: "\f005" !important;
}

.manage-projects.accordion h3.ui-state-default:before {
	content: "\f004";
}

.manage-projects.ui-accordion .ui-accordion-content {
	background: none;
	border: none;
	padding-top: 0;
}

.manage-projects.ui-accordion .ui-accordion-content p,
.manage-projects.ui-accordion .ui-accordion-content ul,
.manage-projects.ui-accordion .ui-accordion-content li {
	margin-top: 0;
	
}

.manage-projects a {
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin-left: 20px;
}

.manage-projects table {
	width: 100%;
	text-align: left;
}

.manage-projects .btn.icon.right {
	font-size: 12px;
	margin: 0 50px 0 0;
	padding: 0 35px 0 0;
}

.manage-projects .btn.right {
	font-size: 12px;
	margin: 4px 50px 0 0 !important;
	padding: 0;
}

.manage-projects.complete {
	background: none;
	border: 1px solid #d7d7d7;
	margin-top: 5px;
}

/* Project Details */

.project-overview {
	width: 100%;
}
.project-overview{
	font-size: 14px;
/* 	text-transform: uppercase; */
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px 10px;
	background:#f2f2f2;
}
.meta-table.project-overview{
	font-size: 14px;
/* 	text-transform: uppercase; */
	border:1px solid #d4d4d4;
	padding:10px 10px;
	background:#f2f2f2;
	margin:1rem 0;
}
.project-costs {
	width: 100%;
	border-spacing: none;
	border-collapse: collapse;
	text-align: left;
}

.project-costs thead {
	background-color: #1d3161;
	color: #fff;
}

.project-costs thead th,
.project-costs tbody td,
.project-costs tfoot td {
	padding: 15px;
	min-width: 100px;
	vertical-align: top;
}

.project-costs tbody tr {
	border-bottom: 2px solid #BBBBBB;
}

.project-costs tbody tr td:nth-child(even) {
	background-color: #EFEFEF;
}

.project-costs tfoot {
	font-weight: bold;

}

.project-settings {
	width: 100%;
}

.project-settings td {
	vertical-align: top;
}

.project-settings td input,
.project-settings td .select-wrapper,
.project-settings td select {
	width: auto;
	min-width: 200px;
	display: inline-block;
}

.project-settings .select-wrapper {
	margin-top: 10px;
}

.project-settings select {
	margin-top: 0;
}

.project-settings input[type="checkbox"] + span:before {
	border-color: #F8F8F8;
	background-color: #F8F8F8;
}

.project-settings input[type="checkbox"]:checked + span:before {
	background-color: #87c441;
}

input.revisedcost{
	background:#ccc;
}
input.over-budget,
span.over-budget{
	color: red;
	border-color: red;
	background: rgb(255, 241, 243);
}

/* Modal */

div.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(130, 130, 130, 0.5);
	display: none;
	z-index: 10000;
}
div.modal-overlay-deleteModal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(150,150,150,0.95);
	display: none;
	z-index: 10000;
}
div.modal-overlay-deleteModal.show {
	display: block;
}

div.modal-overlay.show {
	display: block;
}

div.modal {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 590px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding: 25px;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 999999;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

div.modal h1 {
	margin-top: 0;
}

div.modal table {
	width: 100%;
	border-collapse: collapse;
}

div.modal .people {
	max-height: 260px;
	overflow-y: auto;
}

div.modal table td {
	padding: 15px;
	border-top: 2px solid #eaeaea;
}

div.modal table td:last-child {
	text-align: right;
	padding-right: 40px;
}

div.modal textarea {
	background-color: ;
	border-color: #d7d7d7;
}

div.modal .add-person {
	padding: 20px;
	background-color: #eaeaea;
	border: 1px solid #caccd5;
	margin: 20px 0;
	box-sizing: border-box;
}

div.modal .add-person strong {
	display: block;
	margin-bottom: 20px;
}

div.modal .add-person input {
	width: 170px;
	margin-right: 10px;
	color: #000;
	text-indent: 15px;
	border-radius: 10px;
	border: 1px solid #d7d7d7;
	display: inline-block;
	font-size: 13.333px;
}

div.modal .add-person input[type="email"] {
	width: 250px;
}

div.modal .add-person button {
	width: 50px;
	height: 40px;
	text-align: center;
	background-color: #2853bb;
	color: #fff;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

div.modal .add-person button:hover {
	background-color: #222;
}

div.modal .add-person button:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: '\f008';
	font-family: Healthychurch;
	font-size: 20px;
}

div.modal .template_descriptions > div{
	background-color: #efefef;
	border: 1px solid #cdcdcd;
	border-radius: 5px;
	margin:5px 0 20px;
	padding:1rem;
}
div.modal .template_descriptions > div *{
	margin:0;
}
div.modal .template_descriptions > div p + p{
	margin-top: 1rem;
}
div.modal .actions{
	display: flex;
	justify-content: space-between;
	padding-top: 0.5rem;
	border-top: 1px solid #ddd;
	margin-top: 1rem;
}
div.modal ol,
div.modal ul{
	padding-left: 1.5rem;
}
div.modal ol li,
div.modal ul li{
	padding:initial;
}
/* Date Picker */

.ui-datepicker.ui-widget-content {
	background: rgba(255,255,255,0.9);
}

.ui-datepicker.ui-widget-content .ui-datepicker-header {
	background: none;
	border: none;
}

.ui-datepicker.ui-widget-content .ui-state-default {
	background: none;
	border: none;
	text-align: center;
}

.ui-datepicker.ui-widget-content .ui-state-default.ui-state-hover {
	background-color: #eee;
}

.ui-datepicker.ui-widget-content .ui-state-hover {
	background: none;
}

.ui-datepicker.ui-widget-content .ui-datepicker-prev,
.ui-datepicker.ui-widget-content .ui-datepicker-next {
	transition: none;
}

.ui-datepicker.ui-widget-content .ui-datepicker-prev.ui-state-hover,
.ui-datepicker.ui-widget-content .ui-datepicker-next.ui-state-hover {
	border: none;
	background-color: #eee;
}

/* Footer */

footer {
	margin-top: 50px;
	border-top: 1px solid #c6c9d2;
	font-size: 13px;
	color: #1d3161;
}

div.steps + footer , section.steps + footer {
	margin-top: 0;
}

footer .wrapper {
	display: table;
}

footer .logo {
	display: table-cell;
	width: 1%;
	overflow: visible;
	vertical-align: middle;
}

footer .logo img {
	max-width: none;
	width: 268px;
}

footer .copyright {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

footer nav {
	display: table-cell;
	width: 1%;
	overflow: visible;
	white-space: nowrap;
	vertical-align: middle;
}

footer nav a {
	font-weight: 700;
	font-size: 12px;
	display: inline-block;
	color: #1d3161;
	height: 50px;
	line-height: 50px;
}

/* Set Column Filter and button filter Style */

table.summary {
	width: 100%;
}
table.summary.small th {
	color: inherit;
	background-color: transparent;
	border: none;
	padding: 10px;
	border-top: 3px solid #1D3261;
	border-bottom: 3px solid #1D3261;
}

table.summary.small tbody td {
	border: none;
	border-bottom: 1px solid #1D3261;
}

table.summary tfoot{
background: #f9f9f9;
	border-bottom: 1px solid #1D3261;
}

.filter-select {
	margin: 10px;
}

.specifications {
	width:45%;
	float:left;
	margin-bottom: 20px;
}

.filter-select select {
    width: 100%;
	height: 30px;
	margin: 5px 0px;
	font-size: 1rem;
}
.plus:before{
	content: "\f004";
    display: inline-block;
    font-size: 18px;
    font-family: Healthychurch;
}
.minus:before{
	content: "\f005";
    display: inline-block;
    font-size: 18px;
    font-family: Healthychurch;
}
.bordertop{
	border-top: solid 1px #000;
	padding: 15px 20px 15px 0;
}
button.link {
  border:none;
  outline:none;
  background:none;
  cursor:pointer;
  color:#e0e0e0;
  padding:0;
  text-decoration:underline;
  font-size:inherit;
  font-family:normal;
  font-weight:normal;
}
button.link:hover {
  color:#8bb46c;
}

.people .name{
	width: 271px;
}


.options-indent3, .options-indent2, .options-indent1 {
	padding-left: 45px;
}




.h-card-grid{
	display: flex;
	box-sizing: border-box; 
	flex-wrap: wrap;
	justify-content: center;
}
.h-card-grid .h-card {
	flex: 1;
	min-width: 290px;
}
.h-card-grid .h-card.half {
	flex: 1;
	min-width: 490px;
}
.h-card-grid .h-card > div{
	margin:10px;
	box-sizing: border-box;
	border: 1px solid #cdcdcd;
	vertical-align: top;
	padding: 1rem;
	background: #eff0f1;
	height: 150px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}
.h-card-grid .h-card.invisible{
	visibility: hidden;
}
.h-card-grid .h-card div > span{ display: block;}
.h-card-grid .h-card span.p-name{ font-size: 1.4rem; display: block}

.h-card-grid .h-card .controls{ position: absolute; top:0; left:0; height: 100%; width: 100%; line-height: 70px; vertical-align: middle; text-align: center; background: rgba(255,255,255,0); -webkit-transition: 0.25s all ease; transition: 0.25s all ease;}
.h-card-grid .h-card:hover .controls{ background: rgba(255,255,255,0.8);}

.h-card-grid .h-card .controls a{ -webkit-transition: 0.5s all ease; transition: 0.5s all ease; margin-top:300px; display: inline-block; line-height: 1em;}
.h-card-grid .h-card:hover .controls a{ margin-top: 0;}

.h-card-grid .h-card .u-photo{ 
	width: 70px;
	height: 70px;
	float: left;
	background-size: cover;
	background-color: #f3f3f3;
	position: relative;
	box-sizing: border-box;
	border: 4px solid #fff;
	overflow: hidden;
	box-shadow: 0 0 0 1px #cdcdcd;
	position: absolute; 
	left:10px;
	top:10px;
	font-size: 5rem;
	line-height: 1em;
	color:#e9e9e9;
	text-align: center;
	display: none;
}

.tip{
	padding: 0.5rem;
	text-align: center;
	line-height: 2rem;
	font-size:1.1rem;
	background: #fff8c4;
	 border:1px solid #f2c779;
}

.grid-wrapper{
	border: 1px solid #cdcdcd;
	padding: 1.5rem;
	background: #eff0f1;
}
.grid-header h3{
/* 	float: left; */
	margin: 0;
}

.grid{
	display: flex;
	box-sizing: border-box; 
	flex-wrap: wrap;
	justify-content: center;
	margin:1rem 0rem;
}

.grid > *{
	flex: 1;
}
.grid .grid-item-stacked{
	flex-direction: column;
	max-width: 700px;
	flex: 3;
	display: flex;
}
.grid-stacked .padded{
	display: flex;	
}
.grid-item-stacked .padded > div{
	flex: 1;
}
.grid-item-stacked .grid-item > div:nth-child(2n){
	text-align: left;
}
.grid-item div{
	position: relative;
}
/*
.grid-item strong{
	position: absolute;
	top:-1rem;
}
*/
.grid .grid-stacked .meta{
	max-width:228px;
	border-right: 1px solid #cdcdcd;
}
.grid .grid-stacked .meta > :last-child{
	margin-bottom: 0; 
}
.grid .grid-item {
	flex: 1;
	min-width: 225px;
	padding: 2rem 0;
	margin: 0.5rem 0.5rem;
	background: #eff0f1;
	position: relative;
	display: flex;
	text-align: center;
	border-radius: 10px;
	font-size: 14px;
}
.grid .grid-item > div{
	box-sizing: border-box;
	vertical-align: middle;
	flex: 1;
	align-self: center;
/* 	padding: 0 1.5rem; */
}

.grid .grid-item div.padded{
	padding:1rem;
}

.grid-wrapper .grid .grid-item{
	background: #fefefe;
}

.grid .grid-item div.actions{
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
}

.grid .grid-item div.actions ul{
	list-style: none;
	padding: 1rem 1rem;
	background: #e1e1e1;
	border-top: 1px solid #cdcdcd;
	margin:0;
}
.grid .grid-item div.actions ul li{
	display: inline-block;
}
.grid .grid-item div.actions ul li a{
	padding:0.25rem 0.5rem;
	text-decoration: none;
	cursor: pointer;
	margin:0.15rem;
	border-radius: 4px;
	white-space: nowrap;
	color:#333;
}
.grid .grid-item a.btn{
	width:100%;
	text-align: center;
}

.grid .grid-item .meta i.fa{
	font-size: 5rem;
}

.grid-wrapper > i{
	font-size: 5rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
}
.grid-wrapper i + div{
		display: inline-block;
	vertical-align: middle;

}
.grid-wrapper div.actions ul{
	background: #f4f4f4 !important;
}

.grid .grid-item.invisible{
	visibility: hidden;
}

.grid-wrapper h3,
.grid h3{
	margin:0 0 1rem 0;
	font-size: 1.5rem;
}

.grid-wrapper h5,
.grid h5{ 
	font-size: 1.25rem;
	display: block;
	background: #ddd;
	margin: 0;
	padding: 10px; 
	border-top: 1px solid #cdcdcd;
	border-bottom:1px solid #a9a9a9;;
}

.grid-wrapper h3 + h4,
.grid h3 + h4{
	margin-top:-1rem;
	font-weight: normal;
}

.grid .grid-item div.details{
	border: 1px solid #cdcdcd;
	padding: 10px;
	border-radius: 5px;
	margin:0.5rem 0;
}

.grid .grid-item div.details strong{
display: inline-block;
color: #b1b1b1cc;
text-transform: uppercase;
text-shadow: 1px 1px 0 #f8f8f8;
font-size: 0.8rem;
}
.grid .grid-item div.details em{
	font-style: normal;
	font-size: 0.8rem;
	display: block;
}

.grid .grid-item div.details a:not(.btn){
	text-transform: uppercase;
	font-size: 0.75rem;
	text-decoration: none;
	margin: 0px 0.15rem;
}



/*
.priorities .grid{
	justify-content: flex-start;
	margin:0 -15px;
}
.priorities .grid .grid-item{
	padding: 0;
	border-radius: 5px;
	max-width: calc(33% - 1rem);
}
.priorities .grid h3{
	margin: 0;
	border-bottom: 1px solid #cdcdcd;
	padding: 10px 0;
}
.priorities .grid h4{
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #cdcdcd;
	background: #ebebeb;
	font-weight: normal;
}
.priorities .grid .check-list li{ 
	margin: 0;
	padding: 0; 
	border-bottom: 1px solid #dcdcdc;
	position: relative;
	text-align: left;
}
.priorities .grid .check-list li i{
	position: absolute;
	left: 0.5rem;
}
.priorities .grid .check-list li strong{
	padding:0.5em 1rem;
	display: inline-block;
}
.priorities .grid .check-list li label,
.priorities .grid .check-list li a{
	display: block;
	padding: 0;
}

.priorities .grid .check-list li label{
	padding: 5px 10px;
}
.grid.statement-grid .check-list li a{
	padding: 0.35rem 1rem 0.35rem 2rem;
	line-height: 1rem;
	vertical-align: middle;
	text-decoration: none;
}
.grid.statement-grid .check-list li a.selected{
}
.priorities .grid .check-list li label:hover{
	background:rgba(255, 255, 255, 0.49);
}
.priorities .grid .check-list li label span{
	display: flex;
	align-items: center;
	text-indent: 0;
	padding-left: 35px;
	margin-bottom: 0;
	line-height: 1em;
}
.priorities .grid .grid-item > div{
	align-self: auto;
}
*/



.grid .grid-item ul.check-list{list-style: none; margin:0; padding: 0;}
.grid .grid-item ul.check-list input[type="checkbox"]{margin:10px;}


.grid.statement-grid .grid-item{
	text-align: left;
	padding: 0;
	min-width: 300px;
}
.grid.statement-grid .grid-item > div{
	align-self: flex-start;
}
.inaccessible *{
	color:#a2a2a2 !important;
	pointer-events: none;
	cursor: not-allowed;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
}

.grid-item.inaccessible *{
	color:#a2a2a2 !important;
	pointer-events: none;
	cursor: not-allowed;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none; 
}
.grid-item.inaccessible:before{
	content: "";
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0.19);
	z-index: 10;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
.grid-item.inaccessible:after{
content: "\f03c";
display: block;
font-family: Healthychurch;
color: #999;
font-size: 1rem;
position: absolute;
right: 0.5rem;
top: 0.5rem;
}
.grid-item.inaccessible{
	cursor: not-allowed;
}


.flex{
	display: flex;
}
.flex.middle{
	align-items: center;	
}
.flex.between{
	justify-content: space-between;
}
.flex.fill  > *{
	flex:1;
}
.flex > *{
	padding: 5px;
}

.btn .progress{
background: #cdcdcd;
border-radius: 5px;
margin: 0.25rem auto -5px;
overflow: hidden;
color: #fff;
font-size: 0.65rem;
}
.btn .progress span{
display: block;
background: #87c441;
color: #fff;
padding: 2px;
}




.tooltip-me, .tooltip-links a {
	position: relative;
}
.tooltip-me:after{
	opacity: 0;
	 content:"";
	-webkit-transition: 0.5s opacity ease; transition: 0.5s opacity ease; 
	pointer-events:none;
}
.tooltip-me:hover:after, .tooltip-links a:after {
	display: block;
	border: 1px solid #fc0;
	padding: 6px 6px;
	background: rgba(255, 255, 161, 0.95);
	content: attr(data-title);
	font-size: 0.9em;
	position: absolute;
	left: 0;
	top: 80%;
	z-index: 9999;
	opacity: 1;
}

.fg {
  display: grid;
  padding: 0;
  margin: 0;
}

.fg-outer{
  grid-template-columns: auto 300px ;
  grid-gap: 10px;
}
.fg-inner{
  grid-gap: 10px;
}
.fg-outer .fg-single {
	grid-area: 1 / 2 / span b / 2;
	padding: 2rem;
}
.fg-outer .fg-single .btn{
	width:100%;
}
.fg-outer .fg-single .fg-item-content{
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 1rem;
	margin-bottom: 1.25rem;
}

.fg-split{
  grid-template-columns: repeat(auto-fit, 50%) ;
  align-items: center;
}

.fg-item {
	background: #eff0f1;
	text-align: center;
	padding: 2rem 0;
	align-items:center;
	border-radius: 10px;
	font-size: 14px;
}
.fg-item.fg-wide{
	display:grid;
	grid-template-columns: 220px auto;
	min-width: 660px;
}

.fg-item > div:nth-child(2n){
	border-left: 1px solid #cdcdcd;
	padding:  0 0;
}
.fg-split > div{
	padding: 0 1rem;
}

.fg .btn{
	white-space: nowrap;
	padding: 8px 20px;
	width: 100%;
	max-width: 100%;
	text-align: center;
}

.fg h4{
	margin:0;
	font-size: 1.15rem;
	text-transform: uppercase;
}
.fg h4 + em{
	font-weight: normal;
	font-size:0.8rem;
	font-style: normal;
}
.fg h5{
	font-size: 0.8rem;
	margin: 0;	
	position: absolute;
	top:0;
}

.fg .select-arrow select{
	width:100%;
}

.fg-process{
	position: relative;
	text-align: left;
	padding: 1rem 0;
	
}
.fg-process:after{
	content: "";
	display: block;
	border-bottom: 1px solid #cdcdcd;
	position: absolute;
	bottom: 0.5rem;
	width: 175px;
}
.fg-process.noline:after{
	border-bottom: none;
}
.fg-outer .fg-single .fg-process:after{
	width: 100%;
	
}
.fg-process:last-child:after{
	display: none;
}
.fg .planitems a{
display: block;
padding: 8px 4px;
text-decoration: none;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
margin: 4px 0;
}
.fg .planitems a i.fa{
color: #87c441;
font-weight: bold;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.fg .planitems a.off{
	color: #aaa !important;
}

.fg .meta img{
	width:70px;
}

/*

.fg .fg-item-content.process + .fg-item-content:before{
	content:"\f043";
	font-family: HealthyChurch;
	display: block;
	position: absolute;
	left: -1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #cdcdcd;
	font-weight: 100;
	font-size: 1.5rem;
}
*/


/*
.fg{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.fg-stacked{
	flex-direction: column;
	max-width: 675px;
}
.fg > div{
	flex: 1 1 auto;
	position: relative;
	min-width: 200px;
}
.fg .fg-2x{
	flex: 2 2 auto;
}
.fg .fg-3x{
	flex: 3 3 auto;
}

.fg .fg-item{
	min-width: 200px;
	padding: 2rem 0;
	margin: 0.5rem 0.5rem;
	background: #eff0f1;
	position: relative;
	text-align: center;
	border-radius: 10px;
	font-size: 14px;
}
.fg hr{
	width: 100%;
	margin:1rem;
}

.fg-stacked .fg-item-content.meta:before{
	content: "";
	border-right: 1px solid #cdcdcd;
	display: block;	
	position: absolute;
	height: 100%;
	top:0;
	right: 0;
}

.fg-stacked .fg > div{
	align-self: center;
}
.fg .fg-item-content{
	max-width: 220px;
	padding: 0 1rem;
}
.fg .fg-item-content > div{
	padding:1rem;
}
.fg .fg-item-content.process{
	text-align: left;
}
.fg .fg-item-content.process:after{
	content:"\f043";
	font-family: HealthyChurch;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #cdcdcd;
	font-weight: 100;
	font-size: 1.5rem;
}
.fg .fg-item > div > *:last-child{
	margin-bottom: 0;
}

.fg .btn{
	white-space: nowrap;
	padding: 4px 18px;
}

.fg h4{
	margin:0;
	font-size: 1.15rem;
	text-transform: uppercase;
}
.fg h4 + em{
	font-weight: normal;
	font-size:0.8rem;
	font-style: normal;
}
.fg h5{
	font-size: 0.8rem;
	margin: 0;	
}
*/


/*
.h-card-grid .h-card .controls{ position: absolute; top:0; left:0; height: 100%; width: 100%; line-height: 110px; vertical-align: middle; text-align: center; background: rgba(255,255,255,0); -webkit-transition: 0.25s all ease; transition: 0.25s all ease;}
.h-card-grid .h-card:hover .controls{ background: rgba(255,255,255,0.8);}

.h-card-grid .h-card .controls a{ -webkit-transition: 0.5s all ease; transition: 0.5s all ease; margin-top:300px; display: inline-block; line-height: 1em;}
.h-card-grid .h-card:hover .controls a{ margin-top: 0;}
*/



/*
.people-module .h-card .u-photo img{
		border: 1px solid #ddd;

}

.people-module .h-card .u-photo i{ 
	width: 100%;
	height: 100%; 
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ddd;
	text-align: center; 
	vertical-align: middle;
	line-height: 125%; 
	font-size: 4.5em;
	color: #cdcdcd; 
	display: block;
}

.people-module .h-card .u-photo i:after{
content: attr(title);
font-size: 0.75rem;
color: #bbb;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
box-sizing: border-box;
text-transform: uppercase;
font-weight: bold;
vertical-align: bottom;
line-height: 100%;
}
.people-module .h-card .u-photo i:before{
left: 3px;
position: relative;}
*/

/*
.people-module .h-card .u-photo:empty:before{ width: 108px; height: 108px; position: absolute; box-sizing: border-box; border: 1px solid #ddd; text-align: center; vertical-align: middle; line-height: 100px; font-family: FontAwesome; font-size: 4.5em; color: #cdcdcd; content: "\f007"; display: block; top:-5px; left:-5px; }
.people-module .h-card .u-photo:empty:after{
content: attr(title);
font-size: 0.75em;
color: #bbb;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
z-index: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 2px;
box-sizing: border-box;
text-transform: uppercase;
font-weight: bold;}
*/

/*
.people-module .h-card .u-photo.offices:empty:before{ content: "\f1ad"; }
.people-module .h-card .u-photo.admin:empty:before{  font-family: "GatesevenGeneral"; content: "\f001"; }
.people-module .h-card .u-photo.staff:empty:before{ font-family: "GatesevenGeneral"; content: "\f001"; }

.people-module .h-card .u-photo.churches:empty:before{ font-family: "GatesevenGeneral"; content: "\f000"; }
.people-module .h-card .u-photo.projects:empty:before{ content: "\f0b1"; }
*/



/*
.people-module .h-card .u-photo img{ position: absolute; width: 100%; background: #fff;}


*/


/*

 .toggle {
    width: 140px;
    margin: 20px;
}
.stacked .toggle {
    display: block;
}

 .toggle {
    position: relative;
    padding: 0;
    display: inline-block;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.toggle input {
    position: absolute;
    opacity: 0;
}
.toggle > div {
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.toggle label {
    display: block;
    margin: 0 0 0 -100%;
    padding: 0;
    width: 200%;
    -webkit-transition: margin 0.15s cubic-bezier(1, 0.035, 0.665, 0.91);
    transition: margin 0.15s cubic-bezier(1, 0.035, 0.665, 0.91);
}
.toggle label:before, .toggle label:after {
    content:" ";
    display: table;
}
.toggle label:after {
    clear: both;
}
.toggle label .btn {
    display: block;
    float: left;
}
.toggle input:focus + div {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.toggle input:checked + div > label {
    margin-left: 0;
}
.toggle input:checked + div > label .toggle-handle {
    left: 90%;
    left: calc(90% - 2px);
}
.toggle-on, .toggle-off {
    border-radius: 0;
    width: 50%;
}
.toggle-on {
    padding-right: 10%;
}
.toggle-off {
    padding-left: 10%;
}
.toggle-handle {
    width: 10%;
    padding: 0;
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    -webkit-transition: left 0.15s cubic-bezier(1, 0.035, 0.665, 0.91);
    transition: left 0.15s cubic-bezier(1, 0.035, 0.665, 0.91);
}
.toggle-align .toggle-on {
    text-align: left;
    padding-right: 0;
}
.toggle-align .toggle-off {
    text-align: right;
    padding-left: 0;
}
*/




.fancy-toggle,
.fancy-toggle *{
	box-sizing: border-box;
}
.fancy-toggle{
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 1rem;
	line-height: 2em;
	color: #333;
	background-color: #adadad;
	border-color: #ccc;
	border-radius: 6px;
}

.fancy-toggle input[type="checkbox"] {
	display: none;
}
.fancy-toggle .toggle-group {
	position: relative;
	width: 200%;
	top: 0;
	bottom: 0;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	-moz-user-select: none;
	-webkit-user-select: none;
	left: -100%;
	height: 100%;
}
.fancy-toggle  input:checked + div.toggle-group {
	left:0;
}
.fancy-toggle label{
	display: inline-block;
	padding:6px 26px;
	margin: 0;
	border: 0;
	height: 100%;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	border-radius: 6px;
}
.fancy-toggle label:first-child{
	padding-left: 10px;	
}
.fancy-toggle label:last-child{
	padding-right: 10px;	
}

.fancy-toggle label.toggle-on,
.fancy-toggle label.toggle-off{ 
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid transparent;
}

.fancy-toggle .toggle-group:after{
	content: "";
	width: 22px;
	border: 2px solid #adadad;
	background: #fff;
	height: 100%;
	display: block;
	position: absolute;
	border-radius: 6px;
	z-index: 1;
	left:50%;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	border-color: #adadad;
	box-sizing: border-box;
	pointer-events: none;
}
.fancy-toggle input:checked + div.toggle-group:after {
	left: calc(50% - 22px);
	border: 2px solid #357ebd;
}

.fancy-toggle label.toggle-on {
	right:50%;
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}
.fancy-toggle label.toggle-off {
	left: 50%;
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.lineheight31 a:not(.btn) {
	line-height: 31px;
}

tr:nth-child(n+2) th { border-radius: 0 !important; }

.colcnt4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
}

.colcnt3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
column-rule: 1px solid #f0f0f0;
column-gap: 0;
column-width: 200px;
border: 1px solid #f0f0f0;
margin: 0;
padding: 0;            
}


.colcnt2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}

ul.colcnt4 > li,
ul.colcnt3 > li,
ul.colcnt2 > li{
-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
       break-inside: avoid;
       display: inline-block;
       width:100%;
       padding: 1rem 20px 0;
} 

ul.colcnt4 h2,
ul.colcnt3 h2,
ul.colcnt2 h2{
	margin:0;
}

ul.colcnt4 > li ul,
ul.colcnt3 > li ul,
ul.colcnt2 > li ul{
	margin-bottom: 1rem;
}

ul.standard-reports > li > ul ul,
ul.standard-reports > li > ul {
	padding-left:0;
}

ul.standard-reports li,
ul.standard-reports ul {
	list-style:none;
	
}
ul.standard-reports > li > ul > li.nolink {
	margin-top: 6px;
}
ul.standard-reports > li li {
	font-weight: normal;
	font-size: 15px;
}
ul.onlylinks > li {
	list-style:none;
}
#tabs ul.h-percent {
	display: table;
	table-layout: fixed;
	margin: 0;
	width:100%;
}
#tabs.white > ul.h-percent li {
	white-space: nowrap;
	display: table-cell;
}
#tabs.white > ul.h-percent li a {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}
.chosen-container{
	text-align: left;
}
.chosen-container .chosen-results li.group-option{
	padding-left: 6px;
}
.chosen-container .chosen-results li.group-result{
	border-bottom: 1px solid #cdcdcd;
}
.chosen-container .chosen-results li.group-result:empty{
	padding: 0;
}
.chosen-container-single .chosen-default{
	color: #000 !important;
}
.chosen-container .chosen-results{
	color: #000 !important;
}
.chosen-container-single .chosen-search input[type=text]{
	min-width: auto;
}
/*
.motoeditmanagement span {
	float:right;
}
*/
.mce-container {
	clear:both;
}
tabe.compact{
	max-width: 100%;
}
.printshow{
	display: none;
}

/*
.wrapper ol.nolist {
   margin-left: 34px;
}
*/

/* Headers */

section.top,
.generichead{
	background: url(/assets/img/Header-Generic.png) no-repeat right center #e4e4e4;
}
section.top.planhead{
	background: url(/assets/img/Header-Planning.png) no-repeat right center #e4e4e4;
}
section.top.perspectivehead{
	background: url(/assets/img/Header-Perspective.png) no-repeat right center #e4e4e4;
}
section.top.personalityhead{
	background: url(/assets/img/Header-Personality.png) no-repeat right center #e4e4e4;
}
section.top.performancehead{
	background: url(/assets/img/Header-Performance.png) no-repeat right center #e4e4e4;
}
section.top{
	position: relative;
	overflow: hidden;
}
section.top:before{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(205, 205, 205, 0.4);
    background: -webkit-linear-gradient(90deg, #e4e4e4 300px, rgba(255,255,255,0) 85%);
    background: linear-gradient(90deg, #e4e4e4 300px, rgba(255,255,255,0) 85%);
    left:0;
    top:0;
    content: "";
}
section.top .wrapper{
	position: relative;
	z-index: 1;
}

div.pager{text-align: center; margin: 1rem 0;}
div.pager a,
div.pager form{display: inline-block; vertical-align: middle; margin: 0 0.5rem;}
div.pager a.disabled{
	opacity: 0.4;
	color: initial;
	cursor: default;
	cursor: not-allowed !important;
}
div.pager a.disabled:hover{
	color: initial;
}
div.pager div.chosen-container .chosen-drop{
width: auto;
min-width: 100%;
max-width: 200%;
}
div.pager div.chosen-container .chosen-results li{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.pager div.chosen-container abbr.search-choice-close{
	top: 0.45rem;
	right: 1.5rem;
	position: absolute;
}

#saveproject .subtabs{
	margin-top: 30px;
}

/*
input[type="text"].makenormal:disabled{
	color: #000 !important;
}
input[type="text"].makenormal{
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	display: inline !important;
	max-width: 99px;
	overflow: visible !important;
	font-size: 15px !important;
}
input[type="text"].makenormal:after{
	content: "" !important;
}
*/


label span.greycheck:before{background: #fff;/*  border:2px solid #1d3161; */font-family: Healthychurch;font-weight: bolder;}
input[type="checkbox"]:checked + span.greycheck:before{
background: #fff;
color: #1d3161;
font-size: 2.25rem;
line-height: 0.8rem;
padding: 0;
text-indent: -4px;
}
input[type="checkbox"]:checked + span.greycheck.chk:before{content: "\f007";}

.mile-group{
	background: #eee;
    border-radius: 10px;
    border: solid 1px #d5d5d5;
    display: block;
    margin-bottom: 10px;
	padding: 10px;
	display: table;
	width: 100%;
}
.mile-group.post-execution{
	background: #f9f9f9;
	border: 4px solid #1d3161;
	padding
}
.mile-group span.actions{
	margin-left:10px;
}
.mile-group td{
	min-width: 25px;
	padding: 10px 10px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.mile-group td:first-child > *{
	vertical-align: middle;
}
.mile-group td.text-left{
	text-align: left;
	white-space: normal;
	width:100%;
	padding: 15px 0;
}

.mile-group .action-item{
	display: none !important;
}
.mile-group h4{
	margin: 0;
}
.mile-group.open .action-item{
	display: table-row !important;
}

.mile-group .action-item td{
	padding: 10px 10px 10px 30px;
	border-top: 1px dashed #999;
	position: relative;
	background: #eee;
}
.mile-group .action-item td:first-child{
	border: none;
	background: transparent;
}
.mile-group .action-item td:nth-child(2n):before{
	content: '\f058';
	font-family: Healthychurch;
	height: 100%;
	display: flex;
	vertical-align: middle;
	font-size: 1.25rem;
	position: absolute;
	left: 0;
	top: 1px;
	background: #e3e3e3;
	padding: 0 !important;
	align-items: center;
}

.mile-group .action-title strong{
	font-size: 1.05em;
}
.mile-group .action-responsibility,
.mile-group .action-description{
	margin-bottom:0.75em;
}
.mile-group .action-resolutions  p{
	margin: 0.5em 0;
}
.mile-group .action-resolutions textarea{
	font-size: 15px;
	margin:0;
	height:48px;
}
.mile-group .action-resolutions button.save{
	height: 32px;
	width: 34px;
	padding: 0;
}
.mile-group .action-resolutions button.save span{display: none;}
.mile-group .action-resolutions ul{
margin: 1em 1em 1em 1.5em;
padding: 0;
}
.mile-group .action-resolutions li {
    margin-bottom: 0.5em;
}
.mile-group .action-resolutions em::before{
	content:" - ";
}
.mile-group .action-resolutions em{
	margin-right:0.5em;
}

.mile-group .action-item.collapsed .action-description,
.mile-group .action-item.collapsed .action-resolutions{
	display: none;
}

.project-time .collapse-milestone-action::before{
	content: "\f005";
    display: inline-block;
    font-size: 18px;
    font-family: Healthychurch;
}
.project-time .collapsed .collapse-milestone-action:before{
	content: "\f004";
    display: inline-block;
    font-size: 18px;
    font-family: Healthychurch;
}



.gantt-wrapper{
	position: relative;
	padding: 36px 0 0;
}

.gantt-wrapper table{
	width: 100%;
}

.gantt-wrapper table td:first-child{
	padding: 10px;
}
.gantt-wrapper table td{
	position: relative;
	height:36px;
}
.gantt-wrapper table td .task{
	background:#1d3161;
	position: relative;
	top: 0;
	height: 100%;
	border-radius: 7px;

}


.gantt-wrapper table td div.complete{
	background:#87c441 !important;
}

.gantt-wrapper table .info{
width: 275px;
min-height: 30px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 100%;
background: #fff;
display: none;
border: solid 1px #4c4c4c;
box-shadow: 2px 2px 5px #444;
padding: 10px;
z-index: 99999999999;
box-sizing: border-box;
border-radius: 5px;
}
.gantt-wrapper table .info:after{
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
content: "";
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
}

.gantt-wrapper table td div:hover .info{
	display: block;
}

.gantt-wrapper .dates{
	width: 75%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 3.8%;
}
.gantt-wrapper .dates span{
	float: left;
	position: relative;
	height: 100%;
	width:10%;
	overflow: hidden;
	text-align: center;
}

.gantt-wrapper  .dates span:after{
	border-left: 1px solid #999;
	height: 100%;
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	left: 50%;
}

table.thought-wins th{
	text-align: left;
	white-space: nowrap;
}
table.thought-wins td{
	vertical-align: top;
	text-align: left;
}
table.thought-wins th:last-child,
table.thought-wins td:last-child{
	white-space: nowrap;
	padding-left: 20px;
} 
table.thought-wins td ol{
	margin:0 0 0 20px;
	padding:0;
}
table.thought-wins td ol li{
	padding: 0;
}

.graph {
	clear: both;
	padding: 10px 0;
	margin: -10px;
}
.graph .graph-item{
float: left;
width: 48%;
background: #f2f2f2;
padding: 20px;
margin: 10px;
text-align: center;
}

.graph .graph-item.double{
	width: 100%
}


.graph h3{
	margin: 0 0 20px;
}
.graph h3 span{
	display: block;
	font-size: 0.9em;
}
.graph h4{
	margin: 0 0 10px;
}
.graph .chart{
	max-width: 400px;
	display: inline-block;
	padding:0 10px;
}

.progress-dashboard{
	margin: 0 -0.5rem;
	clear: both;
}
.progress-dashboard table{
	margin-bottom: 1rem;
}
.progress-dashboard > div{
	padding: 0.5rem;
	float: left;
}
.progress-dashboard > div:first-child{
	width: 60%;
}
.progress-dashboard > div:last-child{
	width: 40%;
}
.progress-dashboard .chart{
	background: #eaeaea;
	margin-bottom: 1rem;
	padding: 0 1rem 1rem;
	clear: both;
}
.progress-dashboard .chart h3{
	background: #1D3261;
	padding: 10px;
	margin: 0 -1rem 1rem;
	color: #fff;
	border-radius: 5px 5px 0 0;
}
.progress-dashboard .chart img{
	float: left;
	margin: 0 10px 10px 0;
}
.progress-dashboard .legend{
	width: 100%;
	padding: 10px 0 10px 30px;
	text-align: left;
}
.progress-dashboard .legend p{
	display: inline-block;
	width: 48%;
	margin: 0 0 5px;
	padding: 0;
	vertical-align: middle;
	line-height: 1em;
}
.progress-dashboard .legend p span{
	width: 10px;
	height: 10px;
	display: inline-block;
	background:#aaaaaa;
	margin-right:10px;	
	border:1px solid #333;
}
.progress-dashboard .legend p.prevyear-average span{
	background:#87c441;
}
.progress-dashboard .legend p.target-average span{
	background:#dba41a;
}
.progress-dashboard .legend p.quarter-average span{
	background: #1D3261;
}
.ui-front {
	z-index:11111;
}
.ui-selectmenu-menu {
	position: fixed;
    width: 100%;
    height: 100%;
}
#statmParent-menu {
	width: 540px;
}
.ump-datatable thead th {
	width:auto;
}
.project-overview tbody tr td:first-of-type {
	max-width:330px;
}
textarea.projautoresize {
	resize:none !important;
	overflow:hidden !important;
}
.cell.selectchurch p {
	clear: both;
    padding-top: 10px;
}
.leadershipcompare thead tr:first-of-type { border-bottom:none; }
.leadershipcompare thead tr + tr th:first-of-type { border-top:none; }

.general-intro {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #c7c7c7;
width: 100%;
background: #f9f9f9;
padding: 1em;
border-top: 1px solid #c7c7c7;
}
.trackprograms thead tr th.slim { width:91px; }
.chart.shade{
	background:#f2f2f2;
	padding:20px;
	border-radius: 5px;
}
.filter-info{	
	font-size: 0.8rem;
	line-height: 12px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:0 10px 0;
	color: #333;
	background:#f8f8f8;
}
.filter-info{}

table.quick-stats td.bar{
	padding:0;
}
table.quick-stats td.total-responses{
	position: relative;
}
table.quick-stats td.total-responses strong{
	/* position: absolute;right: 60px; background: ##f9f9f9; top:0; padding:10px 0; white-space: nowrap; */
	margin-left: -140px;
	margin-right: 8px;
	background: #f9f9f9;
	white-space: nowrap;
	width: 130px;
	text-align: right;
	display: inline-block;
}

/*
.quickstats .did-you-know{
	width: 50%;
	margin:1rem 0 2rem;
	
}
*/
table.did-you-know-table td{
	text-align: left;
	border:none !important;
	padding: 10px;
	padding-left: 10px;
}
table.did-you-know-table h3{
	border: none !important;
}

table.dataTable.summary.square tr.dtrg-group td {
	background: #ccc;
}

table.summary.cross-reference tr.spacer td {
	padding:0;
}

table.cross-reference tbody {
	border-bottom: 2px solid #1D3261;
}

table.cross-reference td {
	border-bottom: none;
}


.content.dashboard{
	padding:40px 15px 20px;
}
.gr-container {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: auto 300px;
  grid-gap: 10px;
}
.gr-container:before{
	content: "";
	border: 2px solid #d5d8e1;
	grid-column: 2;
	grid-row: 1 / 4;
	z-index: 0;
	margin: -10px -5px;
	border-radius: 10px;
}


.gr-item{
	background: #eff0f1;
	text-align: center;
	padding: 2rem 0;
	align-items: center;
	border-radius: 10px;
	font-size: 14px;
	z-index: 1;
	justify-content: center;
	align-items: center;
	align-content: center;
	vertical-align: middle;
	margin: 0 5px 0 0;
	display: flex;
	color: #1D3161;
}
.gr-item .text-left{
	text-align: left;
	padding-right: 45px;
}
.gr-item.top{
	grid-row: 1;
}
.gr-item.middle{
	grid-row: 2;
}
.gr-item.bottom{
	grid-row: 3;
}
.gr-item.right{
	grid-column: 2;
	margin: 0 5px 0 5px;
	flex-direction: column;
	padding: 2rem;
}
.gr-item img {width: 70px;}
.gr-item h4{
	margin:0;
	font-size: 1.15rem;
	text-transform: uppercase;
}
.gr-item h5{
	margin:0;
	font-size: 0.8rem;
	padding:0px 5px;
}
.gr-item h4 + em{
	font-weight: normal;
	font-size:0.8rem;
	font-style: normal;
}
.gr-item > div {flex: 1;padding: 0 1rem;vertical-align: middle;align-content: center;}
.gr-item > div.meta {
    border-right: 1px solid #cdcdcd;
}
.gr-item.right > div.meta{
	border: none;
}
.gr-item div.meta{
	padding:0 0.5rem;
	flex:0;
	min-width: 220px;
}
.gr-item.right > div{
	width: 100%;
	flex: 0;
}

.gr-item .fg-process{
	position: relative;
	text-align: left;
	padding: 1.5rem 0;
	max-width: 200px;
}
.gr-item .fg-process:after{
	content: "";
	display: block;
	border-bottom: 1px solid #cdcdcd;
	position: absolute;
	bottom: 0.75rem;
	width: 100%;
}
.gr-item .fg-process + .fg-process{
	padding-top:0px;
}
.gr-item .fg-process:first-child{
	padding-top:0;
}
.gr-item .fg-process:last-child{
	padding-bottom:0;
}
.gr-item .fg-process:last-child:after{
	display: none;
}


.gr-item .btn {width: 100%;text-align: center;}
.gr-item .planitems a{
	display: block;
	padding: 4px 4px;
	text-decoration: none;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}


.gr-item .planitems a i.fa {
	color: #87c441;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
th[colspan] {
	text-align:left;
	
}
.summary .section p.step-description {
	font-weight: normal;
	margin:3px 0;
}
/*
.gr-item {
  grid-area: header-0;
}
.header-1 {
  grid-area: header-1;
}
.main {
  grid-area: main;
}
.right {
  grid-area: right;
}
.footer-0 {
  grid-area: footer-0;
}
.footer-1 {
  grid-area: footer-1;
}
*/

.spinner{
	animation:spinner 1s linear infinite;
}
/* 
@-moz-keyframes spinner { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spinner { 100% { -webkit-transform: rotate(360deg); } } */
@keyframes spinner { 
	0% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }

}


.sub-tabs {
	display: flex;
	justify-content: center;
	margin: 2rem 0 0;
}
.sub-tabs a:first-child{
	border-radius: 5px 0 0 5px;
}
.sub-tabs a:last-child{
	border-right: 1px solid #d7d7d7;
	border-radius: 0 5px 5px 0;
}
.sub-tabs a{	
	display: inline-block;
	background-color: #f5f5f5;
	border: 1px solid #d7d7d7;
	border-right: none;
	vertical-align: bottom;
	padding: 15px 5px;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
	margin: 0.25rem 0;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	flex: 1;
}

.sub-tabs a.active{
background-color: #1d3161;
color: #fff;
border: none;
font-weight: bold;
border: 2px solid #333;
}

.align-right{
	float: right;
}

div.multi-church-reports h3,
div.measurement-reports h3{
	margin: 2.5rem 0 1rem;
}


.content .login-card {
	display: block;
	width: calc(50% - 1rem);
	float: left;
	background-color: #f2f2f2;
	border-radius: 10px;
	height: 140px;
	margin: 0.5rem;
	display: flex;
	align-items: center;
	padding: 10px;
}

.content .login-card .login-card-photo {
	position: relative;
	float: left;
	width: 70px;
	height: 70px;
	display: block;
	margin:0 25px;
	background-color: #193065;
	border-radius: 50%;
}
.content .login-card .login-card-photo span {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	color:#fff;
	font-size:36px;
}
.content .login-card .login-card-data{
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
}
.content .login-card .login-card-data span {
	display: block;
	width:100%;
}
.content .login-card > div {
	border-left: 1px #e6e6e6 solid;
	float: left;
	height: 120px;
	padding:0 20px;
	width: 338px;
}
.cards {display: flex; flex-wrap: wrap;}
.login-card.new{
	border:4px solid rgba(25, 48, 101, 0.19); font-weight: bold; text-transform: uppercase;
}

.login-card .actions{
	background: #e9e9e9;
	padding: 5px 10px;
	margin: 0px -29px -30px -20px;
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
}



.mission-statement form > span{
    display: flex !important;
    width: 100%;
    background:#ddd;
    clear:both;
    padding:10px;
    margin-bottom:1rem;
    align-items:center;
    align-content: flex-end ;
    justify-content: flex-end;
}
.mission-statement form > div {
    border:1px solid #ddd;
     padding:10px;
}

.mission-statement .mce-content-body{
    border: 4px solid #5765ff;    
}

.mission-statement.title{
	margin-bottom: 1rem;
}

em.required{
	color: #d61313;
	font-style: normal;
	font-weight: bold;
}
em.required span{
	font-size: 0.85em;
	font-weight: normal;
	display: none;
}
select.err,
input.err{
	background: rgba(214, 19, 19, 0.21);
	border: 1px solid #d61313;
}

em.required-note strong{
	color: #d61313;
	font-weight: bold;
}
em.required-note{
	font-size: 0.95em;
	font-weight: normal;
	color:#777;
}

em.required-items-missing{
	color: #d61313;
	font-weight: bold;
	font-style: normal;
	margin:1rem 0;
	display: block;
	text-align:right;
}