html, body {
height: 100%;
}

/***************
/*  ~Glyphicons Colors
/**************/
.white, .white a {
  color: #fff;
}

.red, .red a {
	color: #FF0000;
}

.orange, .orange a {
	color: #CC6600
}

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
.inline-block { display: inline-block; }
div.error, div.watermark, .print-only { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }

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

.half-width-form-control {
    display: inline-block;
    float:left;
    width: calc(50%);
    margin-bottom: 15px;
}
form.cmxform .gray * { color: gray; }
.datepicker-dropdown {
    z-index: 100000 !important;
}

p.requires:after {
	content:" *";
	color:#ff0000;
}

label.required:after {
	content:" *";
	color:#ff0000;
}

label.requires:after {
	content:" *";
	color:#ff0000;
}

textarea.vert-resize-only { resize:vertical ; }

.button-link {
    -moz-user-select: none;
    background-color: transparent;
    border: 0 none;
    color: #4183c4;
    cursor: pointer;
    display: inline;
    font-size: inherit;
    padding: 0;
    white-space: nowrap;
    color: #999;
}

.center, .align-center {
    text-align: center !important;
}

.vertical-center {
	display: inline-block;
    vertical-align: middle;
}

.validation-summary {}
.validation-summary > li {
	list-style: none;
}

.fpc-processing-modal {
	background-color: transparent !important;
}

.fpc-background {
	background-image: url('/FpcWebApp/resources/images/fpc_background-4d4c1c12e089982a317909b0c908add1.jpg');
	background-repeat: no-repeat center center fixed;
	background-attachment: fixed;
	background-position: 10% 99%;
	-webkit-background-size: cover; /* For WebKit*/
	-moz-background-size: cover; /* Mozilla*/
	-o-background-size: cover; /* Opera*/
	background-size: cover; /* Generic*/
}

.stretch {
	width: 100%;
	height: 100%;
}

#wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -100px;
	padding: 0 0 60px;
}


/* Footer */
.fpc-footer li > a {

}

#footer {
	height: 60px;
	padding-top: 40px;
}

#footer a {
    display:block; /**Allows you to define a width.*/
    text-align:center;
    position: relative;
    padding: 10px 15px;
}

#footer li {
    float: none;
    display: inline-block;
    vertical-align: top;
}

#footer ul {
    text-align: center;
}


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

.page-header-nav-item {
	float: left;
	margin-left: 20px;
	padding: 10px 10px 5px;
}

.page-header-nav-item.selected {
	font-weight: bold;
	color: #222;
	border-bottom: 2px solid #d26911;
}

.page-header-nav-item1 {
}

.page-header-nav-item1.selected > a{
    color: #fff;
    background-color: #e45735;
}

.page-header-nav-item1.selected > a:hover {
	background-color: hsla(12, 76%, 55%, 0.7) !important;
}

/**********************
/*  FPC HELPER CLASSES
/**********************/

.fpc-display-flex{
	display: flex;
}

.fpc-flex-grow{
	flex-grow: 1;
}
.fpc-flex-grow-0{
	flex-grow: 0;
}

.fpc-flex-gap-0{
	gap: 0;
}
.fpc-flex-gap-0\.5{
	gap: 0.5rem;
}
.fpc-flex-gap-1{
	gap: 1rem;
}

.fpc-flex-gap-x-0{
	column-gap: 0;
}
.fpc-flex-gap-x-0\.5{
	column-gap: 0.5rem;
}
.fpc-flex-gap-x-1{
	column-gap: 1rem;
}

.fpc-flex-gap-y-0{
	row-gap: 0;
}
.fpc-flex-gap-y-0\.5{
	row-gap: 0.5rem;
}
.fpc-flex-gap-y-1{
	row-gap: 1rem;
}

.fpc-items-start{
	align-items: flex-start;
}
.fpc-items-end{
	align-items: flex-end;
}
.fpc-items-center{
	align-items: center;
}
.fpc-items-baseline{
	align-items: baseline;
}
.fpc-items-stretch{
	align-items: stretch;
}

.fpc-justify-start{
	justify-content: flex-start;
}
.fpc-justify-end{
	justify-content: flex-end;
}
.fpc-justify-center{
	justify-content: center;
}
.fpc-justify-between{
	justify-content: space-between;
}
.fpc-justify-around{
	justify-content: space-around;
}
.fpc-justify-evenly{
	justify-content: space-evenly;
}

/* Margin */
.fpc-m-0{
	margin: 0;
}
.fpc-ml-0{
	margin-left: 0;
}
.fpc-mr-0{
	margin-right: 0;
}
.fpc-mt-0{
	margin-top: 0;
}
.fpc-mb-0{
	margin-bottom: 0;
}
.fpc-mx-0{
	margin-left: 0;
	margin-right: 0;
}
.fpc-my-0{
	margin-top: 0;
	margin-bottom: 0;
}

.fpc-m-0\.5{
	margin: .5rem;
}
.fpc-ml-0\.5{
	margin-left: .5rem;
}
.fpc-mr-0\.5{
	margin-right: .5rem;
}
.fpc-mt-0\.5{
	margin-top: .5rem;
}
.fpc-mb-0\.5{
	margin-bottom: .5rem;
}
.fpc-mx-0\.5{
	margin-left: .5rem;
	margin-right: .5rem;
}
.fpc-my-0\.5{
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.fpc-m-1{
	margin: 1rem;
}
.fpc-ml-1{
	margin-left: 1rem;
}
.fpc-mr-1{
	margin-right: 1rem;
}
.fpc-mt-1{
	margin-top: 1rem;
}
.fpc-mb-1{
	margin-bottom: 1rem;
}
.fpc-mb-3{
	margin-bottom: 3rem;
}
.fpc-mx-1{
	margin-left: 1rem;
	margin-right: 1rem;
}
.fpc-my-1{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.fpc-m-1\.5{
	margin: 1.5rem;
}
.fpc-ml-1\.5{
	margin-left: 1.5rem;
}
.fpc-mr-1\.5{
	margin-right: 1.5rem;
}
.fpc-mt-1\.5{
	margin-top: 1.5rem;
}
.fpc-mb-1\.5{
	margin-bottom: 1.5rem;
}
.fpc-mx-1\.5{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.fpc-my-1\.5{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}


/* Padding */
.fpc-p-0{
	padding: 0;
}
.fpc-pl-0{
	padding-left: 0;
}
.fpc-pr-0{
	padding-right: 0;
}
.fpc-pt-0{
	padding-top: 0;
}
.fpc-pb-0{
	padding-bottom: 0;
}
.fpc-px-0{
	padding-left: 0;
	padding-right: 0;
}
.fpc-py-0{
	padding-top: 0;
	padding-bottom: 0;
}

.fpc-p-0\.5{
	padding: .5rem;
}
.fpc-pl-0\.5{
	padding-left: .5rem;
}
.fpc-pr-0\.5{
	padding-right: .5rem;
}
.fpc-pt-0\.5{
	padding-top: .5rem;
}
.fpc-pb-0\.5{
	padding-bottom: .5rem;
}
.fpc-px-0\.5{
	padding-left: .5rem;
	padding-right: .5rem;
}
.fpc-py-0\.5{
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.fpc-p-1{
	padding: 1rem;
}
.fpc-pl-1{
	padding-left: 1rem;
}
.fpc-pr-1{
	padding-right: 1rem;
}
.fpc-pt-1{
	padding-top: 1rem;
}
.fpc-pb-1{
	padding-bottom: 1rem;
}
.fpc-px-1{
	padding-left: 1rem;
	padding-right: 1rem;
}
.fpc-py-1{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.fpc-p-1\.5{
	padding: 1.5rem;
}
.fpc-pl-1\.5{
	padding-left: 1.5rem;
}
.fpc-pr-1\.5{
	padding-right: 1.5rem;
}
.fpc-pt-1\.5{
	padding-top: 1.5rem;
}
.fpc-pb-1\.5{
	padding-bottom: 1.5rem;
}
.fpc-px-1\.5{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.fpc-py-1\.5{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

/* Text Align */
.fpc-text-left{
	text-align: left;
}
.fpc-text-center{
	text-align: center;
}
.fpc-text-right{
	text-align: right;
}
.fpc-text-justify{
	text-align: justify;
}
.fpc-text-start{
	text-align: start;
}
.fpc-text-end{
	text-align: end;
}

/* Font Weight */
.fpc-font-light{
	font-weight: 300;
}
.fpc-font-normal{
	font-weight: 400;
}
.fpc-font-medium{
	font-weight: 500;
}
.fpc-font-semibold{
	font-weight: 600;
}
.fpc-font-bold{
	font-weight: 700
}

/* Opacity */
.fpc-opacity-0{
	opacity: 0;
}
.fpc-opacity-10{
	opacity: 0.1;
}
.fpc-opacity-20{
	opacity: 0.2;
}
.fpc-opacity-30{
	opacity: 0.3;
}
.fpc-opacity-40{
	opacity: 0.4;
}
.fpc-opacity-50{
	opacity: 0.5;
}
.fpc-opacity-60{
	opacity: 0.6;
}
.fpc-opacity-70{
	opacity: 0.7;
}
.fpc-opacity-80{
	opacity: 0.8;
}
.fpc-opacity-90{
	opacity: 0.9;
}
.fpc-opacity-100{
	opacity: 1;
}

/* Word Break */
.fpc-break-normal{
	overflow-wrap: normal;
	word-break: normal;
}
.fpc-break-words{
	overflow-wrap: break-word;
}
.fpc-break-all{
	word-break: break-all;
}
.fpc-break-keep{
	word-break: keep-all;
}

/* Overflow */
.fpc-overflow-auto{
	overflow: auto;
}
.fpc-overflow-hidden{
	overflow: hidden;
}
.fpc-overflow-clip{
	overflow: clip;
}
.fpc-overflow-visible{
	overflow: visible;
}
.fpc-overflow-scroll{
	overflow: scroll;
}
.fpc-overflow-x-auto{
	overflow-x: auto;
}
.fpc-overflow-y-auto{
	overflow-y: auto;
}
.fpc-overflow-x-hidden{
	overflow-x: hidden;
}
.overflow-y-hidden{
	overflow-y: hidden;
}
.fpc-overflow-x-clip{
	overflow-x: clip;
}
.fpc-overflow-y-clip{
	overflow-y: clip;
}
.fpc-overflow-x-visible{
	overflow-x: visible;
}
.fpc-overflow-y-visible{
	overflow-y: visible;
}
.fpc-overflow-x-scroll{
	overflow-x: scroll;
}
.fpc-overflow-y-scroll{
	overflow-y: scroll;
}
/* Text Size */
.fpc-text-xs{
	font-size: 0.75rem;
}
.fpc-text-sm{
	font-size: 0.875rem;
}
.fpc-text-base{
	font-size: 1rem;
}
.fpc-text-lg{
	font-size: 1.125rem;
}
.fpc-text-xl{
	font-size: 1.25rem;
}
.fpc-text-2xl{
	font-size: 1.5rem;
}
.fpc-text-3xl{
	font-size: 1.875rem;
}
.fpc-text-4xl{
	font-size: 2.25rem;
}
.fpc-text-5xl{
	font-size:  3rem;
}


.fpc-btn-icons {
                -moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
                -webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
                box-shadow:inset 0px 0px 0px 0px #fce2c1;
                background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #cc6600) );
                background:-moz-linear-gradient( center top, #ff8000 5%, #cc6600 100% );
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#cc6600');
                background-color:#ffc477;
                -webkit-border-top-left-radius:6px;
                -moz-border-radius-topleft:6px;
                border-top-left-radius:6px;
                -webkit-border-top-right-radius:6px;
                -moz-border-radius-topright:6px;
                border-top-right-radius:6px;
                -webkit-border-bottom-right-radius:6px;
                -moz-border-radius-bottomright:6px;
                border-bottom-right-radius:6px;
                -webkit-border-bottom-left-radius:6px;
                -moz-border-radius-bottomleft:6px;
                border-bottom-left-radius:6px;
                border:1px solid #eeb44f;
                display:inline-block;
                color:#ffffff;
                font-family:Arial;
                font-size:15px;
                font-weight:bold;
                font-style:normal;
                height:45px;
                line-height:45px;
                width:auto;
                padding: 6px;
                text-decoration:none;
                text-align:center;
                text-shadow:1px 1px 6px #cc9f52;
}


.fpc-nav-bar-padding {
	padding: 10px 5px 10px;
}

.fpc-nav-bar-footer-padding {
	padding: 10px 15px 10px;
}

.fpc-logo-nav-bar {
	margin-right: 5px;
	float: left;
}

.fpc-nav-h1 {
	color: white;
	font-size: 25px;
}

.fpc-login-border {
	width: 265px;
	height: 384px;
	position: absolute;
	z-index: -1;
}

.fpc-login-form, .fpc-signup-form {
	background-color: #fff;
	/*padding: 20px 20px 20px;*/
	/*border: 2px solid;*/
	/*border-radius: 7px;*/
	border-color: #7BBBDE;
	margin-top:5%;
	margin-top:5%;
	position: relative;
	z-index: 1;
}

.fpc-login-form {
	width: 300px;
}

.fpc-signup-form {
	width: 265px;
}

.forgot-password {
	margin-left: 10px;
}

.fpc-highlight-footer {
	background: #cc6600;
	/*background: #7BBBDE;*/
	height: 800px;
	opacity: 0.94;
	filter: alpha(opacity =    94); /* For IE8 and earlier */
	margin-top:5%;
	margin-bottom: -60px;
}

.fpc-white {
	color: white !important;
}

.fpc-orange {
	color: orange !important;
}

.fpc-black {
	color: black !important;
}

.fpc-general-form {
	background-color: #fff;
	/*padding: 20px 20px 20px;*/
	/*border: 2px solid;*/
	/*border-radius: 7px;*/
	border-color: #7BBBDE;
	position: relative;
	overflow:hidden; 
	z-index: 1;
}

.fpc-child-form {
	background-color: #fff;
	/*padding: 20px 20px 20px;*/
	/*border: 2px solid;*/
	padding: 5px 5px 5px 5px;
	border-color: orange;
	position: relative;
	z-index: 1;
}

.fpc-general-form-title {
	color: white !important;
	padding: 2px 2px 2px;
	font-size:27px;
	background-color: #7BBBDE;
	/*border-radius: 3px 3px 0px 0px;*/
	border-color: #7BBBDE;
}

.fpc-general-form-content {
	padding: 20px 20px 20px;
}

.default-push {
    margin-top: 10%;
}

.btn-orange {
  color: #fff;
  Background-color: #cc6600;
  Border-color: #5f3e01;
}

#system-message-banner {
    background-color: #faccd5;
    clear: both;
    color: #770016;
    font-weight: bold;
    margin: 10px 0 10px;
    padding: 1.5rem;
    text-align: center;
}

#system-message-banner p {
	margin: 0;
}

#announcement-banner {
    margin: 10px 0 10px;
    padding: 7px;
    text-align: center;
}

.fpc-feature-header {
	color: white;
	font-size: 55px;
}

.fpc-background-black {
	background: black;
}

.fpc-vertical-center{
	margin-top:7%;
	margin-bottom:7%;
}

.fpc-image-circle {
	margin: auto;
	background: white;
	width: 230px;
	height: 230px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border-color: orange;
	border: 4px solid orange;
}

.fpc-image-square {
	margin: auto;
	background: white;
	width: 230px;
	height: 230px;
	border-color: orange;
	border: 4px solid orange;
}

.fpc-image-circle-2 {
	background: white;
	width: 150px;
	height: 150px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border-color: blue;
	border: 4px solid blue;
}


.fpc-image {
/*	width: 250px; */
/*	height: 250px; */
	padding-left: 5px !important;
	padding-top: 5px !important;
}

.fpc-image-2 {
	width: 120px; 
	height: 120px; 
	padding-left: 15px !important;
	padding-top: 10px !important;
}

.fpc-scroll {
	overflow: auto;
	height: 200px;
}

.main-content {
	background-color: #fff;
}

.push {
	height: 60px;
}

.fpc-vr {
	height:100%;
	border-right: 1px solid #7BBBDE;
}

.fpc-arrow p {
                float: left;
                height: 24px;
                line-height: 24px;
                position: relative;
                margin: 0;
                padding: 0 10px 0 14px;
                background: #e4e4e4;
                color: #000;
                font-size: 12px;
                text-decoration: none;
}
.fpc-arrow p:after {
                content: "";
                position: absolute;
                top: 0;
                right: -12px;
                width: 0;
                height: 0;
                border-color: transparent transparent transparent #e4e4e4;
                border-style: solid;
                border-width: 12px 0 12px 12px;
}

.fpc-arrow p:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                border-color: transparent transparent transparent #f5f5de;
                border-style: solid;
                border-width: 12px 0 12px 12px;
}

.table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td {
  border-top: none; 
}


table td.action a, 
table td.action button, 
table td.action input[type="submit"],
table td.action form {
	float: right;
	margin: 0 4px;
}


.profile-navgroup {
}

.profile-content {
	border-left: 1px solid #CCCCCC;
}

.profile-navgroup li a {
	display: block;
	padding: 7px 10px;
}

.profile-navgroup li a.selected {
	font-weight: bold;
	color: #222;
	border-left: 2px solid #d26911;
}

.button-block {
    /*-moz-box-sizing: border-box;*/
    display: block;
    text-align: center;
    width: 100%;
}

.steps {
	/*width: 750px;*/
	display: table;
	margin: 30px auto;
	padding: 0;
	overflow: hidden;
	list-style: none;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.steps li {
	/*float: left;*/
	/*width: 33.3%;*/
	display: table-cell;
	width: 20%;
	padding: 10px 15px;
	color: #ccc;
	cursor: default;
	border-left: 1px solid #ddd;
	background-color: #fafafa;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.steps .complete {
	color: #777;
}

.steps li.complete .step::after {
	content: " (Completed)"
}

.steps li.current {
	background-color: #fff;
	color: #333;
}

.steps li .step {
    display: block;
}

.steps-nav {
	margin-top: 15px;
}

.accountSearch {
	margin-bottom: 20px;
}

#supportingDocuments {
    padding-top: 20px;
}

#attachmentList {
    margin-bottom: 40px;
}

/*  SPINNERS */

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url('../images/1.jpg');
}

.ch-img-2 { 
	background-image: url('../images/2.jpg');
}

.ch-img-3 { 
	background-image: url('../images/3.jpg');
}

.ch-info {
	position: absolute;
	background: rgba(63,147,147, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 140px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

.organizationTitle span{
	font-size: 14px;
}

.fileUpload-form {
	margin-bottom: 10px;
}

/***************
/*  ~FPCs
/**************/
.fpcDetailsTable tr {
    /*border-bottom: 1px solid #ccc; /* or whatever specific values you prefer */
}

/* Twitter typeahead */
/*div.search-fields div.form-group span.twitter-typeahead {
	display: block !important;
}*/
span.twitter-typeahead {
	width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999
}
.tt-menu {
  width: 422px;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}
.tt-suggestion p {
  margin: 0;
}
.inline{
  display: inline !important;
}

/***************
/*  ~FPC Summary
/**************/
#fpcTabs {
    margin-bottom: 20px;
}
#fpcTabs > .nav-tabs {
	font-size: large;
	margin-bottom: 15px;
}

div.fpcStatusBar {
    background-color: #f5f4fc;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 20px;
}
.fpcStatusBar span.fpcStatusBar-label {
	font-weight: bold;
}
.fpcStatusBar span.fpcStatusBar-text {
}



/***************
/*  ~Notifications
/**************/
.notifications-list {
	margin-top: 15px;
}
.notification-group {
	margin-bottom: 20px;
}
.notification-header {
	background-color: #eaeaea;
	border: 1px solid #d5d5d5;
}
.notification-header-action {
	float: right;
	padding: 9px 10px;
}
.notification-title {
	float: left;
	margin: 9px 10px;
}
.notification-body {
	/*
	border: solid #d5d5d5;
	border-width: 0 1px 1px;
	*/
}
.notification-group-item ul {
    display:table;
    width:100%;
}
.notification-group-item ul li {
    display:table-cell;
}
.notification-group-item{
	position: relative;
	display: block;
	/*
	margin-bottom: -1px;
	padding: 8px 10px 10px 40px;
	border: 1px solid #e5e5e5;	
	*/
}
.notification-group-item ul li {
	border-bottom: 1px solid #ccc;
}
.notification-text{
	float: left;
	display: block;
	max-width: 460px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 6px;
}
@media (max-width: 480px){
	.notification-text{
		width: 230px;
	}
}
.notification-group-item .age {
	width: 150px;
	float: right;
	margin-bottom: 8px;
	margin-top: 8px;
	/*color: #999;*/
}
.notification-action {
	float:right;
	margin-bottom: 8px;
	margin-top: 8px;
}
.notification-delete{}
tr.completed, .notifications .read {
	background-color: #fafafa;
}
tr.completed, .notification-group-item.read ul {
	opacity: .5;
}
.notifications .read .notification-text,
.notifications .read .age
 {
	color: #777;
}
tr.completed td.action, .notifications .read .notification-delete {
	visibility: hidden;
}

.transactionInformationContainer, .propertySearch, .premisesInformationContainer,
.buyerSellerInformationContainer, .supportingDocumentationContainer, .reviewContainer {
	padding-left: 15px;
	padding-right: 15px;
} 

.fpc-pagehead-actions {
	float: right;
}

.fpc-pagehead-actions > li {
	list-style-type: none;
	margin: 0 10px 0 0;
	float: left;
}

a.filter-item {
    display: block;
    margin-bottom: 5px;
    padding: 8px 12px;
}

a.filter-item.selected {
	border-left: 2px solid #d26911;
}

a.filter-item.selected > span {
	color: #222;
}

a.filter-item .count {
    float: right;
    font-weight: bold;
}

/***************
/*  ~Wizard
/**************/
.account-search-criteria {
	padding: 10px;
}


/***************
/*  ~Notes
/**************/
.notesContainer {	
}

.note-header {	
}

.noteText-header-user {
	color: #3B5998;
}

.noteText-header-time {	
}

#notesContainer .note {
	padding: 0.5rem;
	border-bottom: 1px solid #ccc;
}

#notesContainer .note:nth-child(even) {
	background-color: #f5f5f5;
}


/***************
/*  ~Users
/**************/
.user-list {
}

.user-list-item {
	margin: 0 0 20px 0;
}

.user-list-info {
	
}

/***************
/*  ~Organizations
/**************/

.organization-list {
}

.organization-list-item {
	margin: 0 0 20px 0;
}

.organization-list-info {
	
}


.organization-list-item .action form,
.user-list-item .action form {
	display: inline-block;
}

.organization-list-item .action form,
.user-list-item .action form {
	display: inline-block;
}

#organizationTable_wrapper, #myFPCsTable_wrapper, #MIMOTable_wrapper {
	margin-top: 10px;
}

/* typehead.js library - Scrollable Dropdown */
.scrollable-dropdown-menu .tt-menu {
	max-height: 150px;
	overflow-y: auto;
}

/***************
/*  ~Noncompliant Accounts
/**************/
.account-list {
}

.account-list-item {
    margin: 0 0 20px 0;
}

.account-list-info {
    
}

/***************
/*  ~Dashboard
/**************/

.widget {
	margin-bottom: 15px;
}

.widget.widget-nopad .widget-content {
    padding: 0;
}

.widget .widget-header {
	background: none repeat scroll 0 0 #E9E9E9;
	border: 1px solid #D5D5D5;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.widget .widget-header [class^="fa-"], .widget .widget-header [class*=" fa-"], 
.widget .widget-header [class*=" fa-"], .widget .widget-header [class*=" glyphicon-"] {
    color: #555555;
    display: inline-block;
    font-size: 16px;
    margin-left: 13px;
    margin-right: -2px;
    margin-top: -3px;
    vertical-align: middle;
}

.widget .widget-header .action {
	float: right;
}

.widget .widget-header .action [class^="fa-"],
.widget .widget-header .action [class*=" fa-"],
.widget .widget-header .action [class*=" fa-"],
.widget .widget-header .action [class*=" glyphicon-"] {
	margin-right: 10px;
}

.widget.transparent {
    border: 0 none;
    box-shadow: none;
}

.widget.transparent > .widget-header {
    background: #fff;
    border-width: 0 0 1px;
    padding-left: 3px;
}

.widget.transparent .widget-content {
    border: 0 none;
}

.widget-navs.no-border:before {
    display: none;
}

.widget-navs {
    display: inline-block;
    float: right;
    line-height: 37px;
    padding: 0 10px;
    position: relative;
}

.widget-navs > .nav-tabs {
    border-bottom: 0 none;
    margin-bottom: 0;
    position: relative;
    top: -1px;
}


.widget .widget-header h3 {
    display: inline-block;
    font-size: 15px;
    margin-top: 0px;
    left: 10px;
    position: relative;
}

.widget .widget-header + .widget-content {
    border-top: medium none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widget .widget-content:before, .widget .widget-content:after {
    content: " ";
    display: table;
}

.widget .widget-content:after {
    clear: both;
}

.widget .widget-content {
    border: 1px solid #D5D5D5;
    padding: 25px 15px 15px;
    border-radius: 5px;
}

.widget .widget-footer {
	padding: 0 0 10px 0;
}

.shortcuts {
    text-align: center;
}

.shortcuts .shortcut {
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    display: inline-block;
    margin: 0 10px 1em;
    padding: 15px 0;
    width: 120px;
    text-decoration: none;
    background: none repeat scroll 0 0 #CC6600;
}

.shortcuts .shortcut:hover {
	background: none repeat scroll 0 0 #fff;
}

.shortcuts .shortcut:hover .shortcut-icon,
.shortcuts .shortcut:hover .shortcut-label {
	color: #CC6600;
}

.shortcuts .shortcut .shortcut-icon {
	color: #fff;/*#555555;*/
    font-size: 32px;
    margin-bottom: 0.35em;
    margin-top: 0.25em;
    width: 100%;
}


.shortcuts .shortcut-label {
    display: block;
    color: #fff;
}


.announcement-items, .maintenance-window-items {
    margin: 1em 0 0;
    padding: 0;
}

.announcement-items li, .maintenance-window-items li {
    border-bottom: 1px solid #DDDDDD;
	list-style-type: none;
    margin-bottom: 1em;
    padding: 0 2em 1em 1.5em;
}

.announcement-items li:last-child, .maintenance-window-items li:last-child {
  border-bottom: none;
}

.announcement-items-footer {
	width: 100px;
}

.announcement-item-detail, .maintenance-window-detail {
    display: table-cell;
}

.announcement-item-title {
    font-size: 13px;
    font-weight: 600;
}

.announcement-item-preview, .maintenance-window-text {
    color: #777777;
    margin-bottom: 0;
    /*width: 250px;*/
    max-height: 50px;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.announcement-item-date {
    text-align: right;
    vertical-align: middle;
    width: 75px;
}
.announcement-item-date {
    display: table-cell;
}

.announcement-item-day {
    color: #888888;
    display: block;
    font-size: 24px;
    margin-bottom: 0.25em;
}

.announcement-item-month {
    color: #888888;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding-right: 1px;
}

.stats {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

.stats .stat {
    color: #999999;
    display: table-cell;
    font-size: 11px;
    font-weight: bold;
	text-align: center;
}

.stat-value {
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
}


@media (min-width: 576px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    
    #headerSearchInput {
        width: 250px;
    }
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: white;
    }
}

/* dropdown in responsive tables appear to create a scroll bar. This tries to avoid that */
@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: relative; /* Sometimes needs !important */
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}

/***************
/*  Bootstrap Select Overrides
/**************/
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0px;
}

.bootstrap-select.form-control {
	margin-bottom: 1rem !important;
}
.bootstrap-select:has( > select.error) > button.dropdown-toggle{
	border: 1px dotted red;
}
.bootstrap-select:has( > select.alert-danger) > button.dropdown-toggle{
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}

.navbar-nav > li button.btn-link {
    padding-bottom: 15px;
    padding-top: 15px;
}

/**************
/* jquery file upload overrides
/*************/
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../imgages/progressbar.gif") !important;
  filter: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../imgages/loading.gif") center no-repeat;
  background-size: contain;
}

.fileinput-button input {
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding-left: 140px;
	margin-right: -140px;
}

/**************
/* Collapsable accordian with up/down arrows
/*************/
div.panel-heading.arrowBox .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}

div.panel-heading.arrowBox .accordion-toggle.collapsed:after {
    content: "\e080";
}

/**************
/* Data Table Overrides
/*************/
table.dataTable {
	width: 100%;
}
div.dt-button-collection .active:after {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 1em;
	display: inline-block;
	content: "✓";
	color: inherit;
}
div.dt-button-collection .dt-button{
	text-align: left;
}

textarea.finalReadNote {
	margin-bottom: 0;
	padding-bottom:0;
}

p.characterCounter {
	color: gray;
	font-size: small;
	margin-top:0;
	padding-top:0;
	margin-bottom:5px;
}

/*********************
  Bulk Upload Results Modal
*********************/
div.bulkUploadResultsCloseButton {
	margin-right: 15px;
}

div.bulkUploadResultsDownloadButton {
	margin-right: 45px;
}

/*********************
  Online Application (Walkin) form
*********************/
.tooltip.in {
	background-color: #000000;
	width: 415px;
	opacity:1 !important;
	data-placement: right;
	padding: 0px 0px;
}

.onlineApplicationFormSection {
	padding-bottom: 40px;
}

.onlineApplicationRadioButton {
	padding-right: 10px;
}

.hrThinHighVisibility {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
}
div#ubrEnrolledWarning {padding: 15px;}
div#ubrEnrolledWarning > .col-sm-12 {padding: 15px 15px 25px; border-radius: 5px;}
.col-sm-12 > p.signup-text {padding:0 0 15px;}

/*********************
  Guest Application Progress Bar
*********************/

  .progressbar {
      counter-reset: step;
	  padding-inline-start: 0px !important;
	  
  }
  .progressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 16px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: black;
  }
  .progressbar li:before {
      width: 30px;
      height: 30px;
      content: " ";
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #428bca;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .progressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #428bca;
      top: 15px;
      left: -50%;
      z-index: -1;
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: #428bca;
      font-weight: bold;
  }
  .progressbar li.active:before {
      border-color: #428bca;
      background-color: #428bca;
  }
  .progressbar li.active + li:after {
      background-color: #428bca;
  }

  /* 5 equal columns for Bootstrap 3*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}