/*
Instructions: Add styles to the appropriate grouping.
	Any form element style would fall into the Form Customizations section.
	If a grouping does not exist, add it (where appropriate) to both the CSS body and the CSS Table of contents

	Table of contents
	* FOIA Customizations - Customizations the the over all page: body, container, etc
	* Navigation Customizations - Customizations to all navigation
	* Footer Customizations
	* Form Customizations - All form elements including labels
	* Button Colors Customizations
	* Bootstrap Grid Customizations
	* Bootstrap Panel Customizations
	* Bootstrap Icons Customizations
	* Bootstrap Modal Customizations
	* dataTables Customizations
	* tinyMCE Customizations
	* Toast Customizations
	* select2 Customizations
	* datePicker Customizations
	* Images and Captions
	* Slider Customizations - jqueryui range slider*
	* Other Customizations

*/

/* FOIA Customizations */
	@media (min-width: 1px) {
		.container {
			width: 100%;
			min-height: calc(100vh - 180px);
		}
		nav .navbar-nav > .menu {float: left;}
		.main-nav, .secondary-nav { display: block; }
		body div.footer {height: 100px; min-width: 1050px;}
		body div.footer div.footerLinks ul {display: inline-block;}
		body div.footer .footerLinks li.seperator{font-weight: 100;}
		body div.footer div.footerLinks a, body div.footer div.footerLinks a:active
		, body div.footer div.footerLinks a:visited, body div.footer div.footerLinks { color: #fff; font-weight: normal; display: inline-block;}
		body div.footer div.footerLinks li { padding: 0 30px; text-align: center; display: inline-block; }
		nav navbar-collapse{min-height: 338px; margin-right: 0px; padding-right: 0px;}
	}
	@media (min-width: 1045px) {
		nav .navbar-nav > .menu {float: right;}
	}
	@media (max-width: 768px) {
		body div.footer {height: auto; min-width: auto;}
		body div.footer div.footerLinks ul {display: block;}
		body div.footer .footerLinks li.seperator{display:none}
		body div.footer div.footerLinks a, body div.footer div.footerLinks a:active
		, body div.footer div.footerLinks a:visited, body div.footer div.footerLinks { display: block;}
		body div.footer div.footerLinks li { display: block; line-height: 24px;}
		nav .navbar-form.navbar-left{display:none;}

		nav ul.navbar-nav {
			background-color: #476589;;
			z-index: 1;
			position: relative;
			top: -10px;
			width: 100%;
			padding-bottom: 0px;
			float:left;
			left:15px;
		}
		nav ul.navbar-nav li.menu-item {
			position: inherit;
			top: inherit;
			float: inherit;
			left:0;
		}

		nav .glyphicon-print {display: none}
		.navbar ul.navbar-nav li.menu-item { position:relative; top: 0px; }
		.navbar-default .navbar-nav .open .dropdown-menu>li>a
		, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover
		, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus
		, .navbar-default .navbar-nav .open .dropdown-menu>li>a:active
		, .navbar-default .navbar-nav .open .dropdown-menu>li>a:visited{color: white;}
	}
	@media (max-width: 1035px) {
		nav .navbar-form.navbar-left{display:none;}
	}

	@media (min-width: 768px) {
		nav .navbar-header {width: 100%;}
		nav .navbar-nav {float: right}
		.navbar ul.navbar-nav li.menu-item { position:relative; top: 20px; }
	}

	.row {margin:0;}
	html, body{height:100% }
	body {
		background-color: #fff;
		font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
		padding: 0px !important;  /* stop page from shifting when a modal opens */
	}
	h1, h2, h3, h4, h5, h6, legend, caption { font-family: inherit; }
	p { margin-bottom: 5px; padding-bottom: 5px; word-wrap: unset; }
	a, a:visited { color: #205493; cursor: pointer; text-decoration:underline;}
	a:hover, a:active { color: #112e51; box-shadow: none; }
	a.noFocus:focus {box-shadow: none; outline: none; color: transparent;}
	a.btn, ul.dropdown-menu > li > a {text-decoration: none;}
	body div.container > div.row {display:flex; width: 100%;}
	ul li { margin-left: 20px; }
	ul#leftNavMenu li { margin-left: 0px; }
	a.disabled { cursor: default; }
	body div.container > div.row div.leftNav{width: 200px; margin-right: 0; border-right: 1px solid silver;}
	body div.container > div.row div.mainBody {
		margin: 0 0 0px 10px;
		width: calc(100% - 200px);

	}
	body div.container > div.row div.mainBody_noLeftNav {
		 margin: auto 50px;
	}
	body div.container > div.row div.mainBody.noNav{width: 100%; padding: 0em 6em;}

	ul{ padding-bottom: .25em;}

	.container { margin: 0; padding: 0; padding-right: 20px;}
	.container:after {content: ""; display:block;}

	noscript .panel {margin-bottom: 0px;}
	noscript .panel .panel-heading {width: 100%; color: rgb(169, 68, 66); border-color: rgb(235, 204, 209); font-size: 27px;}

/* Navigation Customizations */
	/*Primary and Mobile Nav*/
	.navbar { border: 0px; background-color: #112e51; color:white; margin-bottom:0px; height: 80px;}
	.navbar a, .navbar a:visited { color:white; }
	.navbar .menu-item > .menu-link.selected {
		background-color: #205493;
		box-shadow: none;
	}
	.nav>li>a:hover, .nav>li>a:focus, .nav>li>a:active{
		background-color: #205493;
		box-shadow: none;
	}
	.navbar ul.dropdown-menu a { color:black; }
	nav a, nav a:hover, nav a:active, nav a:visited, nav a:focus{text-decoration: none;}

	/*mobile menu*/
	.navbar-header .navbar-toggle
		, .navbar-header .navbar-toggle:focus
		, .navbar-header .navbar-toggle:hover
		, .navbar-header .navbar-toggle:active {
		border-color: #476589;
		background-color: #476589;
	}
	.navbar .navbar-toggle .icon-bar {
		background-color: white;
	}
	.navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
	}
	.navbar-collapse.in {
		overflow-y: visible;
	}

	.navbar .menu-item span.caret {color: #7DBF89}

	.navbar.navbar-default {
		border-radius: 0;
	}

	@media screen and (min-width: 35em), print and (min-width: 35em) {
		.secondary-nav{
			max-width: 100%;
			padding-left:1em;
			padding-bottom: 0;
		}
		.secondary-nav > .nav__inner > .menu {width:100%}
	}
	body div.header nav.secondary-nav, body div.header nav.tertiary-nav {
		display: block;
	}
	nav.secondary-nav ul li, .container-fluid ul li {margin-left: 0px;}
	.loggedin-options { padding: 0em;}
	.loggedin-options ul.dropdown-menu { left:initial; right:0; op:55px}
	.loggedin-options li.menu-link > a { text-decoration:none; color:white; }
	.loggedin-options li.menu-item:first-child a { margin-left: 7px; }
	.loggedin-options li.menu-item:first-child { margin-left: -20px; }

	.login-group label{display:inline;}
	.login-group > ul.loggedin-options {padding-bottom:0px; margin: 19px 0 4px 0; }
	.login-group > ul {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: -1px;
		list-style-type: none;
		padding-bottom: 0;
	}
	.login-group > ul li {
		padding: 0 1em;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}
	.login-group > .form-group ul li:first-child {
		border-left: 0px solid #ccc;
	}

	#login-group div.login-links{display:inline;}
	#login-group input{width: inherit; min-width:inherit;color:black}
	#login-group.search input { padding: 6px 12px; width:250px;}

	/*Foia Home logo*/
	.navbar img.logo.foia-logo {max-width: 75%; margin: 10px; float:left;}
	.navbar a.logo.foia-logo:active, .navbar a.logo.foia-logo:focus {
		box-shadow:none;
		background-color:#8ba6ca;
	}

	.leftNav ul.second-menu {list-style: none; background-color: #fafafa; display: none; }
	.leftNav ul li.menu-item span.glyphicon { line-height: 40px; }
	.leftNav ul {padding:0; width: 100%;}
	.navbar ul.second-menu {list-style: none; background-color: #fafafa; display: none; }
	.navbar .navbar-form { position:relative; top: 15px; }

	/*main navigation menu*/
	nav .navbar-nav > ul.menu:after {content:none;}
	nav.navbar .navbar-nav > ul.menu li.menu-item { margin-top: 5px; }
	nav .navbar-nav > .menu { float: right; }
	nav .navbar-nav >  .menu-item { float: left; }
	@media screen and (min-width: 46em){
		nav .navbar-nav >  .menu-item > .menu-link {
			font-size: 88.2353%;
		}
	}
	nav .navbar-nav >  .menu-item > .menu-link
		,nav .navbar-nav >  .menu-item > .menu-link a:hover
		,nav .navbar-nav >  .menu-item > .menu-link a:active
		,nav .navbar-nav >  .menu-item > .menu-link a:focus
		.nav .navbar-nav >  .menu-item > .menu-link a:visited {
		color: white !important;
		font-size: .9em;
		font-weight: bold;
		line-height: 1;
		padding: .75em 1em;
		text-decoration: none;
	}
	nav .navbar-nav > .menu-item > .menu-link:hover
		, nav .navbar-nav >.menu-item > .menu-link:active
		, nav .navbar-nav >.menu-item > .menu-link.selected
		, nav .navbar-nav >.menu-item > .menu-link:focus
		, nav .navbar-nav >.menu-item > .menu-link:visited{
		background-color:#8ba6ca;
		box-shadow:none;
	}
	nav .navbar-nav >  .menu-item > ul.dropdown-menu{ left: auto; }
	nav .navbar-nav >  .menu-item > ul.dropdown-menu > li > a.selected {
		color: #262626;
		text-decoration: none;
		background-color: #f5f5f5;
		border-top: 1px solid #0071bc;
		border-bottom: 1px solid #0071bc;
	}
	nav#home-notification {
		border: 7px solid darkred;
		margin: 20px;
	}

	nav#home-notification p {
		padding: 20px;
		font-size: 30px;
		color: darkred;
	}

	/* 2nd layer nav*/
	.secondary-nav {background-color: #7DBF89}
	.secondary-nav > .nav__inner > .menu { float: left; }
	.secondary-nav > .nav__inner > .menu > .menu-item { float: left; }
	.subagencyHide { display:none; }
	.subAgencyLoadedRate {display:none;}
	.subAgencyBillAtCost {display:none;}
	.subAgencyNoLoadedRate {display:none;}
	.instructionalText {margin-left: 20px;}
	@media screen and (min-width: 46em){
		.secondary-nav > .nav__inner > .menu > .menu-item > .menu-link { font-size: 88.2353%; }
	}
	.secondary-nav > .nav__inner > .menu > .menu-item > .menu-link {
		color: #000;
		font-size: .9em;
		font-weight: bold;
		line-height: 1;
		padding: .75em 1em;
		text-decoration: none;
		border-right: 1px solid #7DBF89;
		border-left: 1px solid #7DBF89;
	}
	.secondary-nav > .nav__inner > .menu > .menu-item > .menu-link:hover
		, .secondary-nav > .nav__inner > .menu > .menu-item > .menu-link:active
		, .secondary-nav > .nav__inner > .menu > .menu-item > .menu-link.selected
		, .secondary-nav > .nav__inner > .menu > .menu-item > .menu-link.focus {
		background-color: #3EAF52;
		border-right: 1px solid #3EAF52;
		border-left: 1px solid #3EAF52;
	}
	.secondary-nav > .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color:#8ba6ca; }
	.secondary-nav > .nav__inner > .menu > .menu-item > ul.dropdown-menu { left:auto; }
	.secondary-nav > .nav__inner > .menu > .menu-item > ul.dropdown-menu > li > a.selected {
		color: #262626;
		text-decoration: none;
		background-color: #f5f5f5;
		border-top: 1px solid #0071bc;
		border-bottom: 1px solid #0071bc;
	}
	/* 3rd layer nav */
	.tertiary-nav > .nav__inner > .menu > .menu-item > .menu-link {
		color: #000;
		font-size: .9em;
		font-weight: bold;
		line-height: 1;
		padding: 1.2em .5em;
		text-decoration: none;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	.tertiary-nav > .nav__inner > .menu { float: left; }
	.tertiary-nav > .nav__inner > .menu > .menu-item { float: left; }
	.tertiary-nav {
		max-width: 100%;
		margin:0 0 1em 0;
		border-bottom: 1px solid #8ba6ca;
		border-top: 1px solid #8ba6ca
	}
	.tertiary-nav > .nav__inner > .menu > .menu-item > a.selected {
		color: #262626;
		text-decoration: none;
		background-color: #f5f5f5;
		border-left: 1px solid #8ba6ca;
		border-right: 1px solid #8ba6ca;
	}

	/* left nav customizations*/
	.region-sidebar .block-og-menu .menu .second-menu a {
		height: 40px;
		line-height: 20px;
		font-size: 14px;
	}
	.region-sidebar .block-og-menu .menu a {
		height: 60px;
		line-height: 40px;
	}
	.region-sidebar .block-og-menu .menu a.active {
		border-left-color: #f1f1f1;
		font-weight: bold;
		color:black;
	}
	.region-sidebar .block-og-menu .menu .second-menu li.menu-item {
		border-top: 1px dashed lightgrey;
		height: 40px
	}
	.region-sidebar .block-og-menu .menu li.menu-item {
		border-top: 1px solid lightgrey;
	}
	.region-sidebar .block-og-menu .menu li.menu-spacer + li.menu-item {border-top:0px;}
	.region-sidebar .block-og-menu .menu li.menu-spacer { line-height: 1px; background: #476589; border-top:0px;}
	.region-sidebar .block-og-menu .menu li.menu-spacer:before {content: "\00a0";}

	/*Fix z-index*/
	.header .secondary-nav {z-index: 500;}
	.container .secondary-nav {z-index: 250; min-width: 740px;}

	/*add space below inPage navigation (casefile, admin)*/
	body div.mainBody nav.secondary-nav{ margin-bottom: 20px;}

	/* skip to main content*/
	a.skip-main {
		left:-999px;
		position:absolute;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden;
		z-index:-999;
	}
	a.skip-main:focus, a.skip-main:active {
		color: #fff;
		left: auto;
		top: auto;
		width: 30%;
		height: auto;
		overflow:auto;
		margin: 10px 35%;
		padding:5px;
		border-radius: 15px;
		text-align:center;
		font-size:1.2em;
		z-index:999;
	}

/* Footer customizations */
	body div.footer { width: 100%; background-color: #112e51; margin: 0 auto;}
	body div.footer div.footerLinks:first-child{margin-top:1em;}
	body div.footer div.footerLinks {
		position: relative;
		margin: 0em;
		overflow: hidden;
		width: 100%;
		line-height:16px;
	}
	body div.footer div.footerLinks ul {
		list-style-type: none;
		padding-bottom: 0;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	body div.footer div.footerLinks li:first-child {
		border-left: 0px solid #ccc;
	}
	body div.footer a, body div.footer a:visited {
		color: white;
	}

	.clearFloats {clear:both;}

/* Form customizations */
	.dataTable label {font-weight:normal;}
	.col-md-6 input:not('[type="checkbox"]'), .col-md-6 textarea, .col-md-6 select, ul.token-input-list-facebook {width: 200px;}
	ul.token-input-list-facebook {display: inline-block; min-width: 200px; max-width: 500px; width: 45%;}
	/*token input hidden drop-down (no lookups) */
	li.token-input-input-token-hide {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	ul.token-input-list-hide {
		display: inline-block;
		min-width: 200px;
		max-width: 500px;
		width: 45%;
	}
	ul.token-input-list-hide {
		overflow: hidden;
		height: auto !important;
		height: 1%;
		width: 400px;
		border: 1px solid #8496ba;
		cursor: text;
		font-size: 12px;
		font-family: Verdana;
		min-height: 1px;
		z-index: 999;
		margin: 0;
		padding: 0;
		background-color: #fff;
		list-style-type: none;
		clear: left;
	}
	ul.token-input-list-hide li input {
		border: 0;
		width: 100px;
		padding: 3px 8px;
		background-color: white;
		margin: 2px 0;
		-webkit-appearance: caret;
	}
	li.token-input-token-hide p {
		display: inline;
		padding: 0;
		margin: 0;
	}
	li.token-input-token-hide span {
		color: #a6b3cf;
		margin-left: 5px;
		font-weight: bold;
		cursor: pointer;
	}
	li.token-input-token-hide {
		overflow: hidden;
		height: auto !important;
		height: 15px;
		margin: 3px;
		padding: 1px 3px;
		background-color: #eff2f7;
		color: #000;
		cursor: default;
		border: 1px solid #ccd5e4;
		font-size: 11px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		float: left;
		white-space: nowrap;
	}
	li.token-input-input-token-hide {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	token-input-dropdown-hide {display:none !important;}

	/*alignment for character counter*/
	div.charLimitText {width: 200px;text-align: left; position:relative; left:20px;}
	div.charLimitText.noIndent {left:0px;}
	textarea {
		margin: 0px;
		width: 700px;
		height: 140px;
		margin-bottom:5px;
	}

	input + label {width:90%}
	label{display: inline-block; width:215px; vertical-align:top; position:relative; top: 3px;}
	label.wide, label.full{width:300px;}
	label.wider, div.wider {width:335px;}
	.label {
		display: inline-block;
		width:200px;
		padding: 0;
		font-size: inherit;
		color: #333;
		text-align: left;
		vertical-align:top;
		position:relative;
		top: 4px;
	}
	.label.wide { width:300px; vertical-align: top;}
	label.radio-label { font-weight: normal; }
	span.validationMessage {
		display: block;
		margin-left: 18px;
	}
	div.noIndent + textarea + .validationMessage {
		display: block;
		margin-left: 0px;
	}
	.itemRequired, .itemNotRequired {
		width: 15px;
		display: inline-block;
		vertical-align: top;
		top: -3px;
		position: relative;
	}
	.itemRequired:after {
		content: "*";
		font-weight: bold;
		color: red;
		font-size: 22px;
		position: relative;
		top: 6px;
		left: 5px;
	}
	.itemRequired > .glyphicon, .itemNotRequired > .glyphicon {top:4px;}
	.itemNotRequired{ content: "\00a0";}
	.itemRequired.textarea { position:relative; top:-31px; }
	.form-group div.dataDisplay {display:inline-block;}
	fieldset legend {position: relative; top:0; height:auto;}
	fieldset + fieldset, form + form, form + div.fieldsetSpacer, .fieldsetSpacer { margin-top: 1.25em; }

	/*Request Fieldset */
	legend > div.itemRequired{width: 25px;}
	fieldset { padding: 0; margin:0; top:0; padding-bottom: .5em; }
	fieldset.padded { padding-left: 10px; padding-right: 10px }
	fieldset.padded legend { margin-left: -10px; padding-right: 20px }
	fieldset .row { margin: 0; }
	fieldset legend {
		background: #476589;
		border: 1px solid #476589;
		margin-bottom: 1em;
		font-size:1.1em;
		font-weight: normal;
		color: white;
	}
	fieldset { border: 1px solid #476589 }
	.form-group.required .control-label:after, .panel-heading.required:after {
		color: #d00;
		font-family: 'Glyphicons Halflings';
		font-weight: normal;
		font-size: 12px;
		content: "*";
		margin-left: 8px;
	}
	.validationMessage { color: #D8000C;	}
	input.error, select.error, textarea.error, div.error, button.error{
		border: 1px solid #D8000C;
	}
	input.error:focus, select.error:focus, textarea.error:focus, button.error:focus {
		box-shadow: 0 0 5px #D8000C;
		border: 1px solid #D8000C;
	}
	.webform-grid-option .form-radio:before
		, input[type='checkbox'] ~ label:before
		, input[type='radio'] ~ label:before {
		background: #fff;
		border-radius: 3px;
		box-shadow: 0 0 0 1px #757575;
		content: '\a0';
		display: inline-block;
		height: 1.05882em;
		line-height: 0.8;
		margin-right: 0.6em;
		text-indent: 0.15em;
		vertical-align: 0.2em;
		width: 1.05882em;
	}
	form div.row.buttons, div.row.buttons {margin:1em 0em 0em 0em;}
	span.blockText, div.blockText {display: inline-block;  width: calc(100% - 235px); word-wrap: break-word; word-break:break-word;}
	span.ordinal {vertical-align:super; font-size: smaller;}

	/* override epa margin on buttons */
	button, input[type="button"], input[type="reset"], input[type="submit"], .button, #edit-cancel, .addtocal {margin: 0em 0em .5em 0em;}
	select:disabled{background: #ebebe4;}
	select[multiple], select[multiple=true]{ min-width:235px; }

	.indent {margin-left: 20px}
	.unIndent {margin-left: -20px}
	label[for="headerQuery"] {width:100px}
	label.quickSearchLabel { width: 45px; font-weight: normal;}
	label.toLabel{width: 30px}

/* TODO fix checkbox input selection
	.webform-grid-option .form-radio:checked:before
		, input[type='checkbox']:checked ~ label:before, input[type='checkbox'].checked ~ label:before
		, input[type='radio']:checked ~ label:before, input[type='radio'].checked ~ label:before {
		background-color: #0071bc;
		box-shadow: 0 0 0 1px #0071bc;
	}
*/
	div.checkboxGroup { display: block; }
	div.checkboxGroup:before { content: '\00000A'; padding-top: .5em; display: block;}
	div.checkboxGroup input + label { width: 95px; }
	input, select {width: 45%; min-width: 200px; max-width: 235px; }
	input.textarea{ width: 700px; max-width: 100%;}
	input.wide {width: 700px; min-width: 700px; max-width: 700px;}

	label.wide + input {width:35%; min-width: 175px; max-width: 235px;vertical-align: top;}
	label.full + input {width:70%; vertical-align: top; max-width: 1200px;}
	.form-group { margin-bottom: 0px; }
	fieldset legend span.glyphicon {color:white; font-size:13px;top:8px;right:8px;}
	.itemNotRequired ~ div textarea, .itemNotRequired ~ span textarea { margin-left: 10px; }
	textarea.small{height: 2em; width:482px; margin-bottom:10px;}

	.form-group label.inline {display:inline;}
	.form-group .charLimitText.inline {display:inline; font-weight:normal; position: absolute; left: 200px; }
	.form-group .charLimitText.inline.createTask {display:inline; font-weight:normal; position: absolute; left: 417px; }
	.form-group .charLimitText.inline.consultationCloseOut {display:inline; font-weight:normal; position: absolute; left: 225px; }

	.form-group textarea.inline {margin-left: 222px; display:block;}
	#taskInfoSection input, #taskInfoSection select {width: 45%; min-width: 200px; max-width: 300px;}
	 #taskDescBox {margin-left:435px; display:block;}

	#createTaskForm label {display: inline-block; width: 414px; vertical-align: top; position: relative; top: 3px;}

	.form-group .charLimitText.wide.inline {display:inline; font-weight:normal; position: absolute; left: 326px; }
	.form-group .charLimitText.wide.inline.invoiceInstructionsCharLimit {display:inline; font-weight:normal; position: absolute; left: 305px; }
	.form-group textarea.wide.inline {margin-left: 322px; display:block;}

	/* global expand/collapse in legend*/
	span.legendExpander {font-size: 14px;font-weight: normal;font-family: sans-serif;cursor: pointer;}
	.legendExpanderHide {display:none;}

/* Button Colors */
	a.btn-primary, button.btn-primary, a.button-default, button.btn-default { background-color: #476589; border-color: #476589; }
	button.btn-primary:hover, button.btn-default:hover { background-color: #112e51; border-color: #112e51; }
	button:hover, button:active { background-color: #205493; border-color: #205493; }
	button, input[type="button"], input[type="reset"], input[type="submit"], .button, #edit-cancel, .addtocal {
		background-color: #112e51;
	}
	a.btn-primary, a.btn-primary:visited, a.btn-primary:hover, a.btn-primary:active, a.btn-primary:link
	, a.btn-default, a.btn-default:visited, a.btn-default:hover, a.btn-default:active, a.btn-default:link  { color: white; }

	.btn { color: white; background-color: #476589; border-color: #476589;}
	.btn:hover, .btn:active { color: white; background-color: #112e51; border-color: #112e51; }

	button.btn-toastr { background-color: #09037C;}

/* Bootstrap Grid Customizations */
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1,
	.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10,
	.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11,
	.col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
	{
		padding-right: 5px;
		padding-left: 5px;
	}

/* Bootstrap Panel Customizations*/
	.panel-primary, .panel-info {
		border: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.panel-primary>.panel-heading, .panel-info>.panel-heading,
	.panel-primary>.panel-heading>h3, .panel-info>.panel-heading>h3 {
		color: #205493;
		background-color: white;
		border-color: #205493;
		font-size: 1.25em;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.panel-danger {border: 1px solid #f9dede;}
	.panel-danger>.panel-heading{background-color: #f9dede; border: 1px solid #f9dede;color:black;}
	.modal button.close {color:white; opacity: .6;}
	.modal button.close:hover {color:white; opacity: 1;}
	.panel-heading, .panel-body { padding: 0px;}

/* Bootstrap Icons */
	.glyphicon{color: #205493;}
	.glyphicon-user{color: #7DBF89; font-size: 13px;}
	.glyphicon.glyphicon-question-sign{color: #205493; padding-left: .5em;}
	.glyphicon.glyphicon-remove{color: #981b1e; }
	.glyphicon-exclamation-sign{color: #d04437; }
	.glyphicon.glyphicon-check{color: green; }
	.glyphicon.glyphicon-ok{color: green; }
	.glyphicon + .glyphicon { margin-left: 10px; }
	.glyphicon.pointer { cursor: pointer; }
	legend span.glyphicon.glyphicon-question-sign {
		color: white;
		position: relative;
		top: 3px;
		left: 0px;
		font-size: 17px;
	}
	nav .glyphicon-print {color:white; font-size:13px;}

/* Bootstrap Modal Customizations */
	.modal{ position: fixed !important; top: 150px; right: 100px; bottom: 0; left: 0;}
	.modal-header {
		padding: 9px 15px;
		border-bottom: 1px solid #eee;
		background-color: #205493;
		color:white;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.modal-title {
		font-size: 1em;
		font-weight: bold;
	}

	.bootstrap-dialog-message { word-wrap: break-word; }

/* dataTables Customizations */
	.dataTables_wrapper .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.dataTables_wrapper .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 5px; }
	.dataTables_wrapper .btn-group>.btn:first-child { margin-left: initial; }
	.dataTables_wrapper .btn.btn-default { border-radius: 5px;padding: 3px 6px; }
	.dataTables_wrapper .btn.btn-default + .btn.btn-default {
		margin-left: 5px;
		border-radius: 5px;
	}
	.dataTables_wrapper .bottom {margin-bottom: 20px;}
	.dataTables_length {margin-left: 60px;}
	/*div + div > div.dataTables_wrapper { margin-top: 30px; }*/

	div.dataTables_wrapper div.dataTables_info
		, .dataTables_length {display:inline;}
	div.dataTables_wrapper div.dataTables_filter
		, div.dataTables_wrapper div.dataTables_paginate{display: inline; float: right;}
	div.dataTables_wrapper div.dataTables_filter label { display: block; width: 100%}
	table.dataTable tr, table.dataTable th, table.dataTable tr td, table.dataTable th td { border: 0px solid #5b616b; }
	table.dataTable tr td{ border-bottom: 1px solid #aeb0b5; }
	table.dataTable thead tr { background-color: #f1f1f1; }
	table.dataTable thead tr th  { background-color: #f1f1f1; }
	table.dataTable tbody tr.even { background-color: #f1f1f1; }
	table.dataTable tbody tr.even td { background-color: #f1f1f1; }
	table.dataTable {margin-bottom: 20px !important;}
	table.dataTable tr.open-detail, table.dataTable tr.open-detail td{border-bottom: 1px dashed #aeb0b5;}
	.dataTables th.detail:hover { text-decoration: underline; }
	table.dataTable:not(.attachments, #attachments) { width: 100% !important; }
	/* to look Detail column as clickable: changed cursor as pointer when hovered over it and color*/
	table.dataTable thead tr th.detail {cursor: pointer; color:#205493}
	table.dataTable .dataTableDate {width:90px; max-width: 90px; min-width: 90px;}
	table.dataTable tr:not(.dt-rowReorder-moving) td.dt-rowReorder {
		cursor: move;   /* fallback if grab cursor is unsupported */
		cursor: grab;
		cursor: -moz-grab;
		cursor: -webkit-grab;
	}
	table.dataTable tr.dt-rowReorder-moving td.dt-rowReorder {
		cursor: grabbing;
		cursor: -moz-grabbing;
		cursor: -webkit-grabbing;
	}

	.pagination>li>a, .pagination>li>span { color: black;}
	.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
	color:#476589
	}

	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #476589; }
	.dataTable thead td {
		padding: 8px;
		line-height: 1.42857143;
		border-top: 1px solid #ddd;
		vertical-align: bottom;
		border-bottom: 2px solid #ddd;
		background-color: #f1f1f1;
		font-weight: 700;
	}
	.dataTable label.releaseType{margin-left:10px; width:105px;}

/* tinyMCE Customizations */
	label + div.tinyMceContainer {margin-left:223px;}
	label.wide + div.tinyMceContainer {margin-left:323px;}

/* Toast Customizations */
	.toast { opacity: 1 !important; }

/* Select2 Customizations */
	.select2{width: 45% !important; min-width: 300px !important; max-width: 487px !important;}
	.select2-container-multi .select2-choices .select2-search-choice {
		padding: 3px 18px 3px 5px !important;
	}
	.select2-container-multi .select2-search-choice-close {
		right: 3px !important;
		left: inherit !important;
	}
	.select2-default {color: #000; }
	.select2-results .select2-highlighted { background: #205493; }
	.select2-container { margin-bottom: 5px; }
	.select2-search__field, .select2-search.select2-search--inline{width: 1px !important;}
	.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #aaa 1px; outline: 0; border-radius: 0px;}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {margin-left: 5px;}

/* datepicker Customizations */
	.datepicker, .hasDatepicker { z-index:9999 }

/* Images and Captions*/
	.homePage img  {box-shadow: none; outline: none; color: transparent;}
	.img-responsive {margin:10px auto;}

/* Slider Customizations*/
	.ui-slider-horizontal {
		height: 8px;
		background: #D7D7D7;
		border: 1px solid #BABABA;
		box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
		clear: both;
		margin: 8px 0;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
	}
	.ui-slider {
		position: relative;
		text-align: left;
	}
	.ui-slider-horizontal .ui-slider-range {
		top: -1px;
		height: 100%;
	}
	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		height: 8px;
		font-size: .7em;
		display: block;
		border: 1px solid #5BA8E1;
		box-shadow: 0 1px 0 #AAD6F6 inset;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		background: #81B8F3;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
		background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
		background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
		background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
		background-image: linear-gradient(top, #A0D4F5, #81B8F3);
	}
	.ui-slider .ui-slider-handle {
		border-radius: 50%;
		background: #F9FBFA;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
		background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
		background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
		background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
		background-image: linear-gradient(top, #C7CED6, #F9FBFA);
		width: 22px;
		height: 22px;
		-webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
		-moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
		box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
		-webkit-transition: box-shadow .3s;
		-moz-transition: box-shadow .3s;
		-o-transition: box-shadow .3s;
		transition: box-shadow .3s;
	}
	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 22px;
		height: 22px;
		cursor: default;
		border: none;
		cursor: pointer;
	}
	.ui-slider .ui-slider-handle:after {
		content:"";
		position: absolute;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		top: 50%;
		margin-top: -4px;
		left: 50%;
		margin-left: -4px;
		background: #30A2D2;
		-webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
		-moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
		box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
	}
	.ui-slider-horizontal .ui-slider-handle {
		top: -.5em;
		margin-left: -.6em;
	}
	.ui-slider a:focus {
		outline:none;
	}
/* Placeholder text color */
	::-moz-placeholder { color: #aaa !important; }
	::-webkit-input-placeholder { color: #aaa !important; }
	.select2-selection__placeholder { color: black !important; }

/* OTHER */
	/* reports */
		#barChart {margin-bottom: 32px}
		.table thead th.borders {border-right: 1px solid darkgrey; border-left: 1px solid darkgrey; }
		#reportResults .one-tenth { width: 10%}  /*set cell width of report*/
		/*override disabled option color in select2 to be the same as every other option*/
		.select2-container--default .select2-results__option[aria-disabled=true] {color:#333;}
		#reportCriteria .select2 {width: 25% !important; min-width: 0px; max-width: 1000px; }
		#pivotTable tbody th {font-weight: normal; background-color: transparent;}
		#pivotTable tbody tr.even {background-color: #f1f1f1}
	/* advanced search */
		#searchCriteria span.glyphicon-trash { left: 10px; position: relative; top: -10px;}
		#searchCriteria .customFieldDate + span.glyphicon-trash { top: 2px; }
		#searchCriteria .customFieldDate {width: 235px !important;}
		#searchCriteria span.select2 + span.glyphicon-trash { left: 10px; position: relative; top: 0px;}
		#searchCriteria input.searchForFreeText + span.glyphicon-trash
			, #searchCriteria input.searchForDateTo + span.glyphicon-trash
			, #searchCriteria input.customFieldText + span.glyphicon-trash { left: 10px; position: relative; top: 2px;}
		#searchCriteria .searchForFreeText, #searchCriteria .customFieldText {width: 80%; min-width: 0px; max-width: 1000px; }
		#searchCriteria .searchForDate {width: 80%; min-width: 0px; max-width: 1000px; }
		#searchCriteria .select2  {width: 80% !important; min-width: 0px; max-width: 1000px; }
		#searchCriteria ul.token-input-list-facebook {width: 80%;}
		#searchCriteria .form-group {min-height: 50px;}

		/*customize tokeninput to  look like multiple select select2*/
		#searchCriteria li.token-input-token-facebook {
			text-overflow: ellipsis;
			overflow: hidden;
			height: initial;
			margin: 5px;
			color: initial;
			font-size: 16px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			white-space: nowrap;
			background-color: #e4e4e4;
			border: 1px solid #aaa;
			border-radius: 4px;
			cursor: default;
			float: left;
			padding: 0 5px;
			box-sizing: border-box;
			list-style: none;
		}
		#searchCriteria ul.token-input-list-facebook {
			overflow: hidden;
			border: 1px solid #8496ba;
			font-family: inherit;
			background-color: #fff;
			list-style-type: none;
			clear: left;
			box-sizing: border-box;
			list-style: none;
			margin: 0;
			padding: 0 5px;
			text-overflow: ellipsis;
			max-width: 1000px;
		}
		/* move the close icon on the select2 to the right (to match token input)*/
		#searchCriteria .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
			float:right;
			padding-left: 5px;
			color: #a6b3cf;
		}
		#indexOffline{color: darkred;}
	/* wrap span text */
		div.form-group span.wrapText {display: inline-block; padding-left: 0px; text-indent: 0px; vertical-align: top; width: calc(100% - 230px); }
	/* Attachment customizations*/
		.filedrag {border-radius:3px; }
		.filedrag .drag-label { margin-top: 0; margin-bottom: 0; color:black; }
		span.btn + span.btn { margin-left: 5px; }
		.custom-file-input-wrapper{width: 100%}
		.attachName { color: blue; text-decoration:underline; cursor: pointer; }
	/**/
		button.multiselect { text-align: left; }
		.multiselect-container > li > a { white-space: normal; }
		div.universe-calc { margin-bottom: 1em; margin-left: 2em; }
		span.universe-calc-info { color: #CCCCCC; margin-top: 2px; }
		.highlight,
		.dataTable tbody tr.highlight,
		.dataTable tbody tr.odd.highlight,
		.dataTable tbody tr.even.highlight,
		.dataTable tbody tr.highlight td,
		.dataTable tbody tr.odd.highlight td,
		.dataTable tbody tr.even.highlight td {
			background-color: #ffff00;
		}
		.highlight-error,
		.dataTable tbody tr.highlight-error,
		.dataTable tbody tr.odd.highlight-error,
		.dataTable tbody tr.even.highlight-error,
		.dataTable tbody tr.highlight-error td,
		.dataTable tbody tr.odd.highlight-error td,
		.dataTable tbody tr.even.highlight-error td {
			background-color: #f7bec0;
		}
		.highlighted-border {
			outline: 0;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 236, 7, 0.6);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 236, 7, 0.6);
		}
	/* Agency/Subagency Selection on Request, Referral, etc. -- prevent duplicate as JSP puts message in a specific place */
		#agencyPanel ~ span.validationMessage { display: none; }
	/* Request Fee Waiver Exp Boxes Character Counter */
		p.charLimitText { position: relative; top: 10px; left: 510px; }
	/* request affirmation */
		.privacy:first-child { margin-top:20px; }
		.privacy { 	padding-right: 0px; padding-left: 0px; }
		.privacy div.requestAffirmation{
			display: inline-block;
			padding-left: 28px;
			width: 90%;
			vertical-align: top;
		}
	/* Appeal Info page request description box */
		#appealInfoReqDescription {width:346px;	}
	/* Request Confirmation page button */
		#btnContainer { position:relative; bottom: 10px; }
	/* Create Correspondence page */
		.emailField {width :45%; min-width:200px; max-width:700px}
		#correspondenceForm ul.token-input-list-facebook {width: 45%; display: inline-block; min-width:200px; max-width:700px}
	/* Cost Estimat e*/
		label.costEstimate{width:235px;}
		input.rateBox{ max-width:70px; width:70px; min-width:70px; }
		input.qty { max-width:70px; width:70px; min-width:70px; }
		.rate{ 	position:relative; left:38px; }
	/*FAQ workflow */
		#workflowDesc{position:relative; bottom:40px; }
		#workflowDiv{position:relative; bottom:5px; left:18px; padding:25px;}
		.bullets {position:relative;left:5px;}
		.faqPDF {position:relative;	left:24px;}
	/* Glossary Navigation stuff */
		#glossaryNav{ background-color:#f1f1f1; }
		#glossaryNav tr { line-height: 0px; font-family: serif; }
		#glossaryNav td { padding: 15px 10px; }
		#glossaryNav a, #glossaryNav a:visited, #glossaryNav a:active, #glossaryNav a:hover { color: black;	}
	/* Request Timeout modal */
		#session-timeout-dialog {overflow-y: hidden;}
		/* change button positions */
		#session-timeout-dialog #session-timeout-dialog-logout {float: right; margin-left: 8px;}
	/* search */
		span.facetLeft { display: inline-block; width: 70%; margin-left: 20px;}
		span.facetRight { display: inline; }
		.full-width { width:100% !important }
	/* Payments */
		#paymentsDiv{ position:relative; left:20px; }
	/* Financing Fees  */
		#invoicesAmountBilledLabel { width: 500px; }
		#invoicesBtns{ position:relative; left:20px; top:8px; }
	/* New Sub Agency User */
		#agencyDetails ul.token-input-list-facebook {width: 35%; display: inline-block;}
	/* Upload Responsive Records */
		#responsive-records select[multiple]{ min-width: 250px; }
		#responsive-records .exemptions div.label {padding-left: 19px; float:left;width: 356px;}
		#responsive-records .exemptions span.validationMessage { display: inline-block; }
		#responsive-records #exemptions, #responsive-records .keywordsDiv  {width: 385px; float: left;}
		#responsive-records .form-group.exemptions { width: 825px;}
		.responsive-record-variables  label.wide {width: 350px}
		#responsive-records #keywords {height: 100px; width: 450px;}
		#responsive-records .form-group.exemptions div.col-md-4:first-child label:last-child {margin-bottom: 10px;}
		#responsive-records input[name=recordTitle], #responsiveRecords input[name=recordTitle] { width: 95%; max-width: 95% }
		#responsive-records .placeholderRecordButton { margin-left: 337px}
	/* Edit Responsive Record */
		#responsive-record-variables label.wide { width: 325px; }
		#responsive-records #title, #responsive-records #releaseType { width: 350px; max-width: 350px }
		#responsive-recordsInfo select { width: 65px;  min-width: 65px; max-width: 65px }
	/* Edit Record Released Pages */
		#pageCounts-recordsInfo .releasePagesCol {width: 100%; min-width: auto;	max-width: none; }
		#pageCounts-recordsInfo .releasePagesColDisabled { text-align: center; outline: none; border: none;	background: none; padding: 0; }
		#pageCounts-recordsInfo #releasedPagesEditButtons { float: left; margin-top: 0;	}
		#pageCounts-recordsInfo select { width: 65px; min-width: 65px; max-width: 65px }
	/* Request Submission Detail*/
		.alignReqSubElement {margin-left:20px;}
		.submissionDetailLongTextArea {
			margin-left : 20px;
			width : 97%;
			min-width:300px;
			max-width:1300px;
			height: 140px;
		}
	/* Change Password Detail*/
		#changePwdButton {margin-top:20px;}
	/* Phase Diagram - All Case file views*/
		#phaseDiagram {clear:both;}
		.phaseDiagramContainer {width: 100%; margin: 0 auto; height: 75px;}
		.phaseDiagramContainer.agency {font-size: 16px; font-weight: normal;}
		.phaseDiagramContainer .phaseText {margin-left: 10px; margin-top: 4px;}
		.phaseDiagramContainer ul#workflowChart {margin: 25px auto;}
		.phaseDiagramContainer #backloggedFlag {color: red;}
	/* Footer links - bullet points indentations */
		.bullet-point-indent {margin-left: 25px;}
	/* align the mce editor with other text boxes (close out estimate cost) */
		.form-group .mce-tinymce { display: inline-block; }
	/* public request view */
		.label.estimatedCompletion { padding-bottom: 7px;}
		.label.estimatedCompletion span.glyphicon-question-sign { top: -16px;}
		.phaseDiagramContainer.public { height : 70px;}
	/* case file record*/
		.itemRequiredIndent { padding-left:18px; }
	/* interim release - case file close out */
		#customValidation+span.validationMessage{margin-left:0;}
		.interimDeterminePara {margin-left:20px;}
	/* Record details -- caseFileCloseout, InterimRelease, CaseFileRecords*/
		.dataTable .divTable {display: table; border-spacing: 5px; /* cellspacing:poor IE support for  this */ border-collapse: collapse; width:100%}
		.dataTable .divTableRow { display: table-row;  width: auto; clear: both;  border-bottom: 1px solid #E6E6E6;}
		.dataTable .divTableRow.even { background-color: #f1f1f1;}
		.dataTable .divTableRow.odd { background-color: #fff;}
		.dataTable .divTableRow:last-child { border-bottom:none; }
		.dataTable .divTableCell { float: left; /* fix for  buggy browsers */ display: table-cell;}
		.dataTable .divTableCell:nth-child(1), .dataTable .divTableCell:nth-child(3) { width: 20%; }
		.dataTable .divTableCell:nth-child(2), .dataTable .divTableCell:nth-child(4) { width: 30%; }
		.dataTable .divTableCell:nth-last-child(1):nth-child(2) { width: 75% }
		.dataTable .divTableCell.full { width: 78%; }
	/* Record details -- record released pages */
		.dataTable .divDetailTable { font-size: 0.75rem; display: table; border-collapse: collapse; text-align: center; margin-left: 50px; }
		.dataTable .divDetailHeader { display: table-header-group; font-weight: bold; border-bottom: 2px double #ccc; }
		.dataTable .divDetailCell { display: table-cell; padding: 0.25rem 0.5rem; }
		.dataTable .divDetailRow { display: table-row; border-bottom: 2px dotted #ddd; }
	/* Case File - Agency Admin  */
		.adminConfigText div > label.wide { width: 400px;}
		.adminConfigText div > input {width: 45%; min-width: 200px; max-width: 500px; margin-left: 25px; }
		.adminConfigText1 div > label.wide { width: 400px;}
		.adminConfigText1 div > input {width: 45%; min-width: 100px; max-width: 237px; }
		.adminConfigTextCharLimit{margin-left: 24px; display:inline}
		.adminConfigText1 div > textarea { display:block; margin-left:447px;}
		.adminConfigText2 { display:inline; margin-left:30px}
		.adminConfigText1 .form-group .mce-tinymce {margin-left:299px ; display : block; margin-top:5px}
		.adminConfigText3 .form-group .mce-tinymce {margin-left:25px ; margin-top:5px}
		.caseFileSpecificConsultation div > input {width: 45%; min-width: 200px; max-width: 275px; margin-left : 100px}
	/* search page */
		fieldset#searchResults legend {margin-bottom: 5px;}
		fieldset#searchResults li.menu-item div.detail {display: none;}
		fieldset#searchResults span.label.label-default {
			display: inline-block;
			padding: .2em .6em .3em;
			font-size: 75%;
			font-weight: 700;
			line-height: 1;
			color: #444;
			background-color: #B7A2CB;
			text-align: center;
			white-space: nowrap;
			vertical-align: baseline;
			border-radius: .25em;
			margin-right: 7px;
			width: auto;
		}
		fieldset#searchResults .filterTabs span.label.label-default .glyphicon-remove{color: #444; top: 2px; margin-left: 5px}
		fieldset#searchResults .filterTabs {margin-bottom: 10px; min-height: 25px;}
		fieldset#searchResults .facetLeft .glyphicon-remove {color: #999; font-size: 12px; top: 0px; left: -6px; margin-left: -12px;}
		fieldset#searchResults .facetLeft.showMore {font-variant-caps: petite-caps; font-style: italic; margin-left: 30%;}
		fieldset#searchResults #table, fieldset#reportResults #table {width: 100% !important;}
		fieldset#searchResults #cdrSlider, fieldset#searchResults #rdrSlider { width: 90%; margin: 5px auto;}
		fieldset#searchResults #clearFilters { border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 3px 6px;}
	/* search form */
		#quickSearch .input-group {display: inline;}
		#quickSearch input[type="text"] {width: 430px; max-width: 430px;}
		#quickSearch .input-group-btn { width: 50px;}
		#quickSearch {margin-bottom: 20px; display: inline-block;}
		#quickSearch label {float: left}
	/* Create Correspondence - Help Text */
		.foiaHelpTextHighlight {color: red; font-weight: bold; margin-bottom: 20px}
	/* Registered User - Request Details */
		div.requestDescription .label { margin-left: 18px; float: left }
		div.requestDescription .label + div { margin-left: 220px }
		#savedSupportingFiles input[name=selectedAttachments] { min-width: unset; left: 0px; position: relative }
	/* Registered User - Released Records */
		#recordsTable input[name=selectedRecords] { min-width: unset; left: 0px; position: relative }
		#recordsTable { width: 100% }
	/* forgot password screen*/
		.forgotPasswordEmail { width:45%; min-width: 200px; max-width: 350px}
	/* Two Factor Authentication*/
		#sendMethod, #pin { width:45%; min-width: 200px; max-width: 300px }
    /* My Account */
        #myAccountEmail div[class^=col-md-] { padding: 0; }
	/* Login Screen */
		.main-header { color: #476589; font-size:1.25em; font-weight: bold; padding-top: 0.25rem; }
		#notice-panel ol { list-style-type: lower-roman; padding-left: 2rem; }
	/*to show status column entries as link and clickable in the User Account Status page */
		#accountStatus {cursor: pointer; color:#205493}
	/* Requester Information */
		#copy.jqtooltip, #assignmentHistory.jqtooltip { cursor: pointer; }
	/* Assignment History */
		@media (min-width: 1024px) {
			#assignmentHistoryDialog .modal-dialog {width: 800px }
		}
	/* Clock Details */
		#clockStop label[for=stoppageEnd] { margin-left: 19px; }
	/* Extend Due Date */
		#extendDueDate label { width: 350px }
		#extendDueDateTable { width: 100% !important }
		#customFields .itemRequired{ margin-right:3px; }
		#customFields .itemNotRequired{ margin-right:3px; }
	/* Final Close Out Information		 */
		#finalCloseOutInfo .dispositionWidth {width: 45%; min-width: 200px; max-width: 350px;}
		#finalCloseOutAppeal .dispositionWidth {width: 45%; min-width: 200px; max-width: 420px;}
	/* Print Case File PDF */
		#printCaseFilePdf { font-size: 10px; padding-right: 15px; width: 535px }
		#printCaseFilePdf fieldset { border-top: none; }
		#printCaseFilePdf span.pull-right.glyphicon { display: none; }
		#printCaseFilePdf div.label { width: 150px; white-space: normal; }
		#printCaseFilePdf span.blockText { display: inline-block;  width: calc(100% - 185px); }
		#printCaseFilePdf table { margin-left: 5px; margin-right: 5px; width: 98% !important }
		#printCaseFilePdf .itemNotRequired, #printCaseFilePdf .itemRequired { width: 0px; }
		#printCaseFilePdf div.pageBreak {
			page-break-before: always;
			page-break-inside: avoid;
			margin-top: 300mm;  /* phantomjs renders it on the top of the next page */
		}
		#printCaseFilePdf .trackingNumber, #printCaseFilePdf .phaseDiagramContainer.agency { font-size: 12px; }
		#printCaseFilePdf .phaseDiagramContainer.agency .phaseText.backloggedFlag { margin-left: 0px; }
		#printCaseFilePdf div#caseFileCorrespondence, div#caseFileFinancing { margin-top: 1.25em; }
	/* Task Close - Extend Due Date */
		#closeOutTask div.extendDueDate label { width: 350px }
	/* Task Close - Authenticate Modal */
		#closeTaskAuth span.validationMessage { margin-left: 0px; }
	/* About Page*/
		#assignColumn { cursor: pointer;}
		#assignColumn:hover { color: #205493; }
		.completePayment{ color:green; font-weight: bold; }
		.incompletePaument{ color:red; font-weight: bold; }
	/* Custom fields */
		.customField { display : inline-block; width : 307px; vertical-align: top; position : relative; top: 3px; }
		.customInputText { width : 45%; min-width : 300px; max-width : 487px; }
		#inputLabel, #helpText {max-width: 1000px; width: 50%;}
		label.wide + #optionName {width: 55%; max-width: 1000px; vertical-align: baseline !important;}
	/* Admin Pages */
		/* Admin Cost */
			.adminCostfields { margin-left : 20px; }
			.chargeDescription { width: 410px; height: 75px; margin-bottom: 5px; display: inline-block; }
		/* Admin Agency User*/
			#addAgencyUser ul.token-input-list-facebook {width: 50%; display: inline-block;}
			#addAgencyUser #addAgencyUserEmail div[class^=col-md-] { padding: 0; }
		/* Admin Agency User*/
			#addAgencyUser ul.token-input-list-facebook {width: 50%; display: inline-block;}
			#addAgencyUser #addAgencyPivId div[class^=col-md-] { padding: 0; }
		/* Admin Costs User*/
			#editAdminCosts ul.token-input-list-facebook {width: 50%; display: inline-block;}
		/* Dispositions Tab */
			#editRequestDisposition input, #editAppealDisposition input{width: 50%; max-width: 500px;}
		/* Letters Tab */
			#letterSection input{width: 50%; max-width: 500px;}
		/* Request Types Tab */
			#editRequestType input{width: 50%; max-width: 500px;}
		/* Subtypes Tab */
			#editSubtype input{width: 50%; max-width: 500px;}
		/* Statute Tab */
			#editStatute input{width: 50%; max-width: 482px;}
	/* Year-End Annual Report */
	    /* Subagency Selection on Raw Data Upload -- prevent duplicate as JSP puts message in a specific place */
		    #rawUploadAgencyPanel ~ span.validationMessage { display: none; }
		/* Finalize XML icon */
		    #annualReports a.finalizeXml, #officeAnnualReports a.finalizeXml { margin-left: 10px; }
	/* Resource link on public and agency page */
		.listStyleDisc > li { list-style-type:disc; }
		.listStyleNone { list-style-type:none; }
		.resourceAlignment { margin-left:42px; }
	/* yr end annual reports */
		#yrEndReportResults input {width: 95%; min-width: initial; max-width: initial; }
		#yrEndReportResults input.smallNumber {width: 20%; min-width: initial; max-width: initial;}
		#yrEndReportResults span.otherReason {line-height: 28px;}
		/* Allows line breaks \n to show in status on Raw Data Export with data-bind text. https://github.com/knockout/knockout/issues/700 */
		#rawDataExport span.status { white-space: pre-wrap; }
		/* Hide default validation message that shows immediately after <ihput> element, editIV.jsp explicitly includes the message elsewhere */
		#yrEndReportResults.editIV .dataTable tbody input.error + span.validationMessage { display: none }
		#yrEndReportResults.editIV .dataTable tbody input.error ~ span.validationMessage { margin-left: 0 }