/*
	<!-- MIKE - Start  Please clean up (mvoe to CSS file) -->
	<style type="text/css">
	*/
	html,
	body {
	  font-family: "Open Sans", sans-serif;
		height: 100%;
		/* For the sticky footer to work, the html and body elements cannot have any padding or margin. */
		background-color: #f5f5f5;
	}

	/* Wrapper for page content to push down footer */
	#wrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		/* Negative indent footer by its height */
		margin: 0 auto -51px;
	}

	/* Set the fixed height of the footer here */
	#push,
	#footer {
		height: 50px;
	}
	#footer {
		background-color: #4f5559;
		text-align:left;
		border-top: 1px solid #999;
		color: #ffffff;
	}

	/* Lastly, apply responsive CSS fixes as necessary */
	@media (max-width: 767px) {
		#footer {
			margin-left: -20px;
			margin-right: -20px;
			padding-left: 20px;
			padding-right: 20px;
		}
	}

	.form-signin {
		max-width: 400px;
		padding: 29px;
		margin: 0 auto 20px;
		/* 
		background-color: #fff;
		border: 1px solid #e5e5e5;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
		box-shadow: 0 1px 2px rgba(0,0,0,.05);
		*/
	}

	.form-signin .form-signin-heading,
	.form-signin .checkbox {
		/*margin-bottom: 10px;*/
		margin-bottom: 0px;
		font-size:21px;
	}

	.form-signin input[type="text"],
	.form-signin input[type="password"] {
		font-size: 12px;
		height: auto;
		/*margin-bottom: 12px;*/
		margin-bottom: 0px;
		padding: 5px 7px;
	}


	.form-entry {
		max-width: 900px;
		padding: 0px;
		/* uncomment to center forms */
		/* margin: 0 auto 20px; */
		background-color: #fff;
		border: 0px solid #e5e5e5;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		/*
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
		box-shadow: 0 1px 2px rgba(0,0,0,.05);
		*/
	}

	#formdesignerForm {
		width: 100%; /* 95% */
		max-width: 1900px;
		position: absolute;
		top: 0%; /* 2% */ 
		left: 0%; /* 2% */
		height: 100%; /* 100% */
 		z-index: 1031;
	}
	
	.form-entry .form-entry-heading,
	.form-entry .checkbox {
		/*margin-bottom: 10px;*/
		margin-bottom: 0px;
		font-size:21px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.form-entry .multiselect {
		/*margin-bottom: 10px;*/
		margin-bottom: 0px;
		font-size:21px;
		margin-left: 0px;
		margin-right: 15px;
	}

	textarea.form-control {
		height: 44px;
	}
	
	.form-entry input[type="text"],
	.form-entry input[type="password"] {
		font-size: 14pt; /*12px;*/
		height: auto;
	}
	 
	.tab-content {
		overflow: hidden;
		height: 100%;
	}
	/*
	</style>
	<!-- MIKE - End  -->
	*/

	/* 
	<!-- MIKE - Start  Please clean up (mvoe to CSS file) -->
	<style>
	*/
	.green_pill {
		float:left;
		padding:10px 10px 10px 25px;
		border-top: 1px solid #ddd;
		border-right: 0px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		-webkit-border-radius: 6px 0 0 6px;
		-moz-border-radius: 6px 0 0 6px;
		border-radius: 6px 0 0 6px;
		background-color:#60bb46;
		height:60px;
		width:224px;
		/*
		background-image: linear-gradient(left top, rgb(8,104,163) 17%, rgb(51,124,166) 59%, rgb(89,149,186) 100%);
		background-image: -o-linear-gradient(left top, rgb(8,104,163) 17%, rgb(51,124,166) 59%, rgb(89,149,186) 100%);
		background-image: -moz-linear-gradient(left top, rgb(8,104,163) 17%, rgb(51,124,166) 59%, rgb(89,149,186) 100%);
		background-image: -webkit-linear-gradient(left top, rgb(8,104,163) 17%, rgb(51,124,166) 59%, rgb(89,149,186) 100%);
		background-image: -ms-linear-gradient(left top, rgb(8,104,163) 17%, rgb(51,124,166) 59%, rgb(89,149,186) 100%);
		*/
		background-image: -moz-linear-gradient(right, #60bb46, #8cd179);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60bb46), to(#8cd179));
		background-image: -webkit-linear-gradient(left, #60bb46, #8cd179);
		background-image: -o-linear-gradient(right, #60bb46, #8cd179);
		background-image: linear-gradient(to right, #60bb46, #8cd179);
	}


	.white_pill {
		float:left;
		float:left;
		padding:10px;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 0px solid #ddd;
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6x 6px 0;
		border-radius: 0 6px 6px 0;
		background-color:white;
		height:60px;
		width:309px;
	}
	/*
	</style>
	<!-- MIKE - End  -->
	*/
	
		
	/* Fix for Bootstrap 3 with Angular UI Bootstrap */
	.modal { 
		display: block;
	}

	/* Custom dialog/modal headers */
	.dialog-header-error { background-color: #d2322d; }
	.dialog-header-wait { background-color: #428bca; }
	.dialog-header-notify { background-color: #eeeeee; }
	.dialog-header-confirm { background-color: #333333; }
		.dialog-header-error span, .dialog-header-error h4,
		.dialog-header-wait span, .dialog-header-wait h4,
		.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }

	/* Ease Display */
	.pad { padding: 25px; }



/* group detail styles added by mike o'connell */

table.less-bottom-gap {
	margin-bottom:8px;
}

.dual-grid-left {
	float:left;
}

.dual-grid-left-40 {
	float:left;
	width:40%;
}

.dual-grid-left-top-spacing {
	float:left;
	padding-top:5px;
	margin-right:3px;
}

.dual-grid-right-x {
	float:left;
	margin-left:3px;
	padding-top:5px;
}

.left-column-block {
	display: inline-table;
	width:46%;
	margin-right:12px;
}

.right-column-block {
	display: inline-table;
	width:46%;
}

.left-tricolumn-block {
	display: inline-table;
	width:30%;
	margin-right:12px;
}
.center-tricolumn-block {
	display: inline-table;
	width:30%;
	margin-right:12px;
}
.right-tricolumn-block {
	display: inline-table;
	width:30%;
}

.check-group {
	width: 250px;
	display: inline-table;
}
.reference-group {
	width: 180px;
	display: inline-table;
}

hr.bottom-only-spacing {
	margin:0 0 5px 0;
}

.lookup-label-float {
	width:100px;
	float:left;
	margin-right:10px;
}



.dual-grid-name {
	float:left;
	padding-top:5px;
	padding-right: 8px;
	margin-right:3px;
	/*width:48%;*/
	margin-top:4px;
	margin-bottom:-4px;
	line-height: 16px;
}

.dual-grid-name.visual{
	width: 110px;
	text-align: right;
}

.dual-grid-name.visual.checkbox{
	margin-top:0px;
}
 
.dual-grid-value {
	float:left;
	margin-left:3px;
	padding-top:2px;
	width:47%;
	text-align:left;
	margin-bottom:-4px;
	line-height: 16px;
}
.dual-grid-value.full-width {
	margin-left:0px;
	margin-bottom:-4px;
	margin-top:4px;
	padding-top:2px;
	width:100%;
	text-align:left;
	line-height: 16px;
}

.form-designer-bold {
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
}

.fd-rule {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #fff;
	margin: 0 0 5px 0;
	padding: 0;
}

.icon-enabled {
	color: #60bb46;
}

.icon-disabled {
	color: #aaaaaa;
}




/* Dashboard Styles */

.fa-fw {
	width: 105px;
}

.fa.fa-pull-left {
    margin-right: 0em;
}

.fa-padding {
	padding-bottom: 30px;
}

.fa-50 {
	font-size: 50px;
}

.fa-44 {
	font-size: 44px;
}

.icon-padding {
	padding: 20px 10px;
	-webkit-border-radius: 3px  3px;
	-moz-border-radius: 3px 3px;
	border-radius: 3px 3px;
	margin-bottom: 0;
}

.icon-size {
	max-width: 80px !important;
	margin: 0 auto;
}

.dashboard-icon-menus {
	margin: 4px 0;
	padding: 3px;
	font-size: 11pt;
	color: #fff !important;
	cursor: pointer;
}

.dashboard-icon-menus > a {
	color: #fff !important;
}

.dashboard-icon-menus > a:hover {
	font-weight: 600;
}

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

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

.progress {
	height: 30px;
	background-color: #ddd;
}

.progress-bar {
	font-size: 14pt;
	line-height: 27px;
}

.dashboard-tab-block {
	background:#fff;
	padding: 20px;
	border-style: solid;
	border-width: 0px;
	border-color:#999;
	border-radius: 4px;
	overflow-y: visible; /* auto */
	/* max-height: 500px; */
}

.dashboardtitle {
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 30px;
    font-weight: 300;
    text-align: left;
}


.progress-bar-block {
	max-width: 460px;
	margin: 50px auto 60px auto;
	height: 30px;
}

.dashboard-block {
	max-width: 1100px;
	color: #666;
	margin: 50px auto 0 auto;
	padding: 15px 0 50px 0;
}

.whitesmoke {
	background: whitesmoke;
	width: 100%;
	display: grid;
}

.extra-top-space {
	margin-top: 20px;
	background-color:transparent;
}

.detailview-block {
	max-width: 940px;
	font-size: 14pt;
	font-weight: 200;
	margin: 20px auto 0 auto;
}

.formdetail-block {
	max-width: 460px;
	font-size: 12pt;
	font-weight: 200;
	margin: 15px auto 0 auto;
}

.muted-font-field {
    font-size: 12pt;
    font-weight: 200 !important;
}

.center-block {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
	display: block;
}

.navbar-default .navbar-nav>li>a {
	color: #fff !important;
	font-weight: 500 !important;
	cursor: pointer;
}

.list-margin {
	margin-bottom: 15px;
}

.clickable {
	cursor: pointer;
}

.alert-danger-padding {
	padding: 3px;
}



table.mapping-table tbody tr td {
	vertical-align: top;
	padding: 4px;
}

table.mapping-table tbody tr td select option {
	padding: 2px;
}

.navbar-default {	/* !!! !!! !!! */
	/* 
	background-color:#f8f8f8;
	border-color:#e7e7e7
	 */
	min-height: 80px;
	background-color: #60bb46;
	background-image: -moz-linear-gradient(top, #60bb46, #60bb46);	/* #60bb46,  #8cd179 */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60bb46), to(#60bb46));	/* 8cd179 */
	background-image: -webkit-linear-gradient(top, #60bb46, #60bb46);	/* 8cd179 */
	background-image: -o-linear-gradient(top, #60bb46, #60bb46);	/* 8cd179 */
	background-image: linear-gradient(to bottom, #60bb46, #60bb46);	/* 8cd179 */
	/* 
	background-repeat: repeat-x;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
	*zoom: 1;
}

.navbar-default .navbar-nav>li>a {
    color: #fff !important;
    font-weight: 500 !important;
    cursor: pointer;
}

body {	/* !!! !!! !!! */
	margin: 0!Important;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!Important;
	font-size:14px!Important;
	line-height:1.42857143!Important;
	color:#333!Important;
/*  	background-color: #f5f5f5!Important; */
	background-image:url('../../lib/images/background_tile.png')!Important;
	background-repeat:repeat!Important;
	height:100%!Important;
}

.navbar-default .navbar-nav>li>a {
    color: #fff !important;
    font-weight: 500 !important;
    cursor: pointer;
    text-decoration: none;
    padding: 34px 21px 10px 21px;
}
 
.navbar-expand .navbar-nav .nav-link {
	padding-right: 15px!Important;
	padding-left: 15px!Important;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu {
    top: 100%!Important;
    left: 0!Important;
    float: left!Important;
    min-width: 160px!Important;
    padding: 5px 0!Important;
    margin: 2px 0 0!Important;
    font-size: 14px!Important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.dropdown {
	height: 60px!Important;
}

a:hover {
    color: #60bb46;
    text-decoration: none;
}
a {
    color: #60bb46!Important;
    text-decoration: none!Important;
	background: 0 0;
}

.h3, h3 {
	font-size: 24px!Important;	
}

.navbar {
    margin-bottom: 20px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff!Important;
    background-color: #3071a9!Important;
    border-color: #285e8e!Important;
}

.btn-primary {
    color: #fff!Important;
    background-color: #428bca!Important;
    border-color: #357ebd!Important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
    color: #fff!Important;
    background-color: #ec971f!Important;
    border-color: #d58512!Important;
}

.btn-warning {
    color: #fff!Important;
    background-color: #f0ad4e!Important;
    border-color: #eea236!Important;
}

.btn {
    padding: 6px 12px!Important;
    margin-bottom: 0;
    font-size: 14px!Important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px!Important;
}

.carousel-indicators > [data-bs-target]{
	width: 18px!Important;
    height: 18px!Important;	
    border-radius: 50%!Important;
    border: 1px solid transparent!Important;
    background-color: #fff!Important;	
	margin-left: 3px!Important;
	margin-right: 3px!Important;
}

.nav-link {
	border-color: transparent!Important;
	color: #262626!Important;
}
.nav-item>.nav-link:hover {
	background-color: #efefef; /*#f5f5f5; */ /* !Important; */
}

pre {
	display:block;
	padding:9.5px;
	margin:0 0 10px;
	font-size:13px;
	line-height:1.42857143;
	color:#333;
	word-break:break-all;
	word-wrap:break-word;
	background-color:#f5f5f5;
	border:1px solid #ccc;
	border-radius:4px
}

pre code {
	padding:0!Important;
	font-size:inherit!Important;
	color:inherit!Important;
	white-space:pre-wrap!Important;
	background-color:transparent!Important;
	border-radius:0!Important;
}

.pre-scrollable {
	max-height:340px!Important;
	overflow-y:scroll!Important;
}

.container {
	padding-right:15px!Important;
	padding-left:15px!Important;
	margin-right:auto!Important;
	margin-left:auto!Important;
}

@media (min-width:768px) {
	.container {
	width:750px!Important;
}


}

@media (min-width:992px) {
	.container {
		width:970px!Important;
	}

	.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
		display: block!Important;
		width:970px!Important;
	}
}

@media (min-width:1200px) {
	.container {
		width:1170px!Important;
	}
	.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
		display: block!Important;
		width:1170px!Important;
	}
}

.container-fluid {
	padding-right:15px!Important;
	padding-left:15px!Important;
	margin-right:auto!Important;
	margin-left:auto!Important;
}

.row {
	margin-right: 4px!Important;
    margin-left: 3px!Important;
	/*
	margin-right:-15px!Important;
	margin-left:-15px!Important;
	*/
}

.progress-bar-success {
    background-color: #5cb85c!Important;
}

.progress-bar {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
    background-color: #5cb85c!Important;
	line-height: 18px!Important;
	display: inline!Important;
}

.progress-bar {
	height: 20px!Important; 
}

b, strong {
    font-weight: 700!Important;
	display: inline;
}
/*
.pull-right{
	float: right!important;
	display: contents!important;
}
*/

.navbar-toggler {
    position: relative!Important;
    float: right!Important;
    padding: 4px 9px 7px 9px!Important;
    margin-top: 8px!Important;
    margin-right: 15px!Important;
    margin-bottom: 8px!Important;
    background-color: transparent!Important;
    background-image: none!Important;
    border: 0px solid #ddd!Important;
    border-radius: 4px!Important;
	width: 44px!Important;
	height: 34px!Important;
	
}

.navbar-toggler:focus {
	border: 0px!Important;
		box-shadow: 0px!Important;
}

.icon-bar {
	display: block;
    background-color: #888;
    width: 22px!;
    height: 2px;
    border-radius: 1px;
	margin-top: 3px;
}

/*
.navbar-nav{
    margin-top: 35px;
}
*/	
/*
.navbar-toggler:focus {
	box-shadow: 0!Important;
}
*/

/*
.navbar-toggler {
	display: block;
}
*/
.form-control {
    color: #555!Important;
	height: 34px;
	font-size: 14px!Important;
}

.form-inline .form-control {
	display:inline-block!Important;
	width:auto!Important;
	vertical-align: middle!Important;
}
label{
    display: inline-block!Important;
    max-width: 100%!Important;
    margin-bottom: 5px!Important;
    font-weight: 700!Important;
}

@media (min-width: 768px){
	.form-inline .form-group {
		display: inline-block!Important;
		margin-bottom: 0!Important;
		vertical-align: middle!Important;
	}
}
.form-group {
    margin-bottom: 15px!Important;
}

.btn-xs, .btn-group-xs>.btn {
    padding: 1px 5px!Important;
    font-size: 12px!Important;
    line-height: 1.5!Important;
    border-radius: 3px!Important;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}

a:hover, a:focus {
    color: gold;
    text-decoration: underline;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff!Important;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}


.table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: rgb(256, 256, 256, 1)!Important;
}
/* rgb(255, 255, 255, 1) */

.table-striped > tbody > tr:nth-of-type(even) > td  {
    background-color: #f9f9f9!Important;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-default {
    color: #333!Important;
    background-color: #fff!Important;
    border-color: #adadad!Important;
}

.btn-success {
    color: #fff!Important;
    background-color: #5cb85c!Important;
    border-color: #4cae4c!Important;
}

.btn-danger {
    color: #fff!Important;
    background-color: #d9534f!Important;
    border-color: #d43f3a!Important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #fff!Important;
	background-color: #449d44!Important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    color: #fff!Important;
	background-color: #c9302c!Important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    color: #fff!Important;
	background-color: #e6e6e6!Important;;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #333!Important;
    background-color: #e6e6e6!Important;
    border-color: #adadad!Important;
}

.table>:not(:first-child) {
    border-top: 1px solid!Important;
}

.modal {
	display: block;
}

.modal-header .close {
	margin-top: -7px; /*-12px;*/
	border: 1px solid;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px!Important;
    padding: 5px 10px!Important;
    font-size: 12px!Important;
    line-height: 1.5!Important;
    border-radius: 3px!Important;
}

h1, .h1 {
    font-size: 36px!Important;
}

.pull-left {
    text-align: left;
}
.pull-right {
    text-align: right;
}