@CHARSET "ISO-8859-1";

/* Media Query Sizes

xs (portrait phones) -> 0 to 576px

sm (landscape phones) -> 576px to 768px

md (tablets) -> 768px to 992px

lg (desktops) -> 992px to 1200px

xl (lg desktops) -> 1200px +

*****/
html, body {
	font-family: 'Nunito', sans-serif;
	/* stretch vertically for sticky footer */
	height: 100%;
	text-decoration-skip-ink: none
}

div.container>div.row, div.container>div.row div.row {
	margin-left: 0;
	margin-right: 0;
}

.remove-margins {
	margin: 0;
}

.remove-padding {
	padding: 0;
}

div.row>div[class*="col-"].col-centered {
	text-align: center;
}

.header-gray-bar {
	background-color: #626F7A;
	height: 3px;
	width: 100%;
}

.header-dark-bar {
	background-color: #090D10;
	height: 9px;
	width: 100%;
}

footer {
	background-color: #222F3B;
	color: white;
	width: 100%;
	height: 13em;
	margin-top: 10em;
	padding: 2em;
}

@media screen and (max-width: 1000px) {
	#navbar-image {
		width: 330px; /* you can use % */
		height: auto;
		margin-top: 10px;
	}
}

@media screen and (max-width: 420px) {
	#navbar-image {
		width: 210px; /* you can use % */
		height: auto;
		margin-top: 20px;
	}
}

/* overriding BOOTSTRAP.... put these changes in the bootstrap file once style guide is signed off.
 */

/***** BEGIN: Top and bottom margins utility class *****/
.margin-btm-xs {
	margin-bottom: 2px;
}

.margin-btm-sm {
	margin-bottom: 5px;
}

.margin-btm-md {
	margin-bottom: 10px;
}

.margin-btm-lg {
	margin-bottom: 15px;
}

.margin-btm-xl {
	margin-bottom: 25px;
}

.margin-top-xs {
	margin-top: 2px;
}

.margin-top-sm {
	margin-top: 5px;
}

.margin-top-md {
	margin-top: 10px;
}

.margin-top-lg {
	margin-top: 15px;
}

.margin-top-xl {
	margin-top: 25px;
}

.margin-r-xs {
	margin-right: 2px;
}

.margin-r-sm {
	margin-right: 5px;
}

.margin-r-md {
	margin-right: 10px;
}

.margin-r-lg {
	margin-right: 15px;
}

.margin-r-xl {
	margin-right: 25px;
}

.margin-l-xs {
	margin-left: 2px;
}

.margin-l-sm {
	margin-left: 5px;
}

.margin-l-md {
	margin-left: 10px;
}

.margin-l-lg {
	margin-left: 15px;
}

.margin-l-xl {
	margin-left: 25px;
}
/***** END: Top and bottom margins utility class *****/

/***** BEGIN: padding utilities *****/
/*LEFT SIDE*/
.padding-l-xs {
	padding-left: 2px !important;
}

.padding-l-sm {
	padding-left: 5px !important;
}

.padding-l-md {
	padding-left: 10px !important;
}

.padding-l-lg {
	padding-left: 15px !important;
}

.padding-l-xl {
	padding-left: 25px !important;
}
/*RIGHT SIDE*/
.padding-r-xs {
	padding-right: 2px !important;
}

.padding-r-sm {
	padding-right: 5px !important;
}

.padding-r-md {
	padding-right: 10px !important;
}

.padding-r-lg {
	padding-right: 15px !important;
}

.padding-r-xl {
	padding-right: 25px !important;
}
/*TOP SIDE*/
.padding-top-xs {
	padding-top: 2px !important;
}

.padding-top-sm {
	padding-top: 5px !important;
}

.padding-top-md {
	padding-top: 10px !important;
}

.padding-top-lg {
	padding-top: 15px !important;
}

.padding-top-xl {
	padding-top: 25px !important;
}
/*BOTTOM SIDE*/
.padding-btm-xs {
	padding-bottom: 2px !important;
}

.padding-btm-sm {
	padding-bottom: 5px !important;
}

.padding-btm-md {
	padding-bottom: 10px !important;
}

.padding-btm-lg {
	padding-bottom: 15px !important;
}

.padding-btm-xl {
	padding-bottom: 25px !important;
}
/***** END: padding utilities *****/

/* makes hamburger menu blue when hovered over. */
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #222f3b;
}

/* this makes the hamburger bar white when it is not focused or hovered over. */
.navbar-default .navbar-toggle .icon-bar {
	background-color: white;
}

/* when the toggle button is focused, we need the hamburger icons to stay blue. */
.navbar-toggle:focus>.icon-bar {
	background-color: #222f3b;
}

/* this handles the padding around the ROO brand logo. */
.navbar-brand {
	padding: 15px 15px;
}

button.btn.btn-register, a.btn.btn-register {
	color: white;
	background-color: #222f3b;
	border-color: #161e26;
}

.section-label {
	padding: 0;
}

.section-label {
	font-size: 17px;
	margin: 0 0 2px 0;
	font-weight: bold;
}

label.lg-label {
	margin: 5px;
	font-size: 20px;
}

label.md-label {
	margin: 5px;
	font-size: 15px;
}

input.miniEntry {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	line-height: 1.42857143;
	height: 34px;
	color: #555;
	border: 1px solid #ccc;
	width: 16.4%;
	padding: 6px 12px;
	border-radius: 1px;
}

@media screen and (max-width: 1199px) {
	input.miniEntry {
		width: 15%;
	}
}

@media screen and (max-width: 1000px) {
	input.miniEntry {
		width: 12%;
		font-size:11px;
		padding:4px;
	}
}

@media screen and (max-width: 765px) {
	input.miniEntry {
		width: 11%;
		font-size:12px;
		padding:4px;

	}
	.rule-number-label-roo-search{
		font-size:10px;
	}
}

button.btn-primary, a.btn-primary {
	background-color: #304155;
	color: white;
}

hr.primary {
	border-color: #222F3B;
}

div.well.primary-border {
	border-color: #222F3B;
}

input[type="checkbox"].bigCheck {
	height: 27px;
	width: 28px;
	margin: 10px;
	vertical-align: middle;
}

.ruleNumberSearchField {
	height: 100%;
	font-weight:normal;
}
.bigAsterisk {
	font-weight: 900;
	font-size: 22px;
}

div.selectedCriteriaHeader {
	background-color: #222F3B;
	color: white;
	text-align: center;
	text-align: -webkit-center;
}

div.selectedCriteriaValue {
	border-width: 1px 2px 1px 0;
	border-color: #222F3B;
	border-style: solid;
}

div.selectedCriteriaValue>p {
	text-align: center;
	text-align: -webkit-center;
	vertical-align: middle;
}

div.table-title {
	background-color: #222F3B;
	color: white;
	text-align: center;
	text-align: -webkit-center;
	vertical-align: middle;
}

.text-underline {
	text-decoration: underline;
}

.font-md {
	font-size: 1.3em;
}

fieldset>legend.label-legend {
	font-size: inherit;
	font-weight: bold;
}

/* BEGIN: bootstrap-table styles copied from ERF *****/
.table>tbody>tr>td {
	vertical-align: middle;
}

.table>tbody>tr>td.valign-top {
	vertical-align: top;
}

/* Override bootstrap border that causes an unnecessary scroll bar to appear */
table.table.table-no-bordered>tbody>tr.detail-view>td {
	border-right: none;
}

/* bootstrap-table expanded table row*/
.table>tbody>tr.detail-view>td {
	padding: 5px 60px 35px 60px;
	background-color: #eeeeee;
}

.table-subtable>thead>tr {
	color: #333;
	background-color: #C7C7C7;
}

td.contain-overflow-ellipsis {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 1px;
}

td.contain-overflow-ellipsis.col-2 {
	width: 50%;
}

.table-nowrap th, .table-nowrap td, .nowrap {
	white-space: nowrap;
}

.duplicate, .duplicate>a {
	color: transparent; /* Hide repeating table cells */
}

td>a.detail-icon {
	padding-left: 4px;
}

/* center under table header, ignoring sort arrows */
.bootstrap-table .table>tbody>tr>td.text-center {
	padding-right: 30px;
}

.bootstrap-table .table-condensed th>div.th-inner {
	padding-left: 4px;
}

.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* END: bootstrap-table styles copied from ERF  *****/

/***** BEGIN: ROO specific bootstrap-table styles *****/
.table>thead {
	color: #ffffff;
	background: #304155;
}

table.table>tbody>tr>th.roo-theme-cell {
	background-color: #304155;
	color: #ffffff;
	vertical-align: middle;
}

table.table>tbody>tr>td .text-center, table.table>tbody>tr>th .text-center
	{
	vertical-align: middle;
	text-align: center;
}

table.table>tbody>tr>td>a.text-underline {
	text-decoration: underline;
}

/* div.bootstrap-table.stale { 
 	border-color: #a94442; 
 	border-style: solid; 
 	-webkit-box-shadow: 0 0 10px 5px #ebccd1; 
 	-moz-box-shadow: 0 0 10px 5px #ebccd1; 
 	box-shadow: 0 0 10px 5px #ebccd1; 
 } */

.truncate {
	/*this is needed for bootstrap table formatter to truncate long fields and show ellipsis instead*/
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*width: 120px; -- for 20 chars truncated*/
	width: 638px;
}

/*!! --- RULE DETAILS DISPLAY PAGE SPECIFIC TABLE STYLING -- begin --- !!*/

/*styling mobile view sub documents table*/
#currentActionTable>tbody tr.detail-view>td, #historicalActionTable>tbody tr.detail-view>td
	{
	padding: 5px;
}
/*styling mobile view sub documents table*/
#currentActionTable>tbody>tr.detail-view div.fixed-table-container,
	#historicalActionTable>tbody>tr.detail-view div.fixed-table-container {
	border: 0;
}
/*styling mobile view sub documents table*/
#currentActionTable>tbody>tr.detail-view table, #historicalActionTable>tbody>tr.detail-view table
	{
	width: 35%;
	float: right;
}

/*hide bootstrap-table detail view expand/collapse column (first column)*/
#currentActionTable>thead>tr>th.detail, #currentActionTable>tbody>tr:not
	(.detail-view ) >td:first-of-type, #historicalActionTable>thead>tr>th.detail,
	#historicalActionTable>tbody>tr:not (.detail-view ) >td:first-of-type {
	display: none;
}
/*fix border from hiding detail view expand/collapse column (first column)*/
#currentActionTable>thead>tr>th:nth-child(2), #currentActionTable>tbody>tr:not
	(.detail-view ) >td:nth-child(2), #historicalActionTable>thead>tr>th:nth-child(2),
	#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(2) {
	border-left: none !important;
}

/*hide unused empty column headers specific to individual documents on full screen view*/
#currentActionTable>thead>tr:first-child>th[rowspan='1'],
	#currentActionTable>thead>tr:first-child>th[rowspan='1']>div.th-inner,
	#historicalActionTable>thead>tr:first-child>th[rowspan='1'],
	#historicalActionTable>thead>tr:first-child>th[rowspan='1']>div.th-inner
	{
	padding: 0;
	margin: 0;
	height: 0;;
	background-color: #ffffff;
	color: #304155;
}

ul.nav.nav-tabs.ruleDetailsNavTabs {
	border: 0;
}

/*hide rule detail display table's document headers and columns for smaller screens*/
@media screen and (max-width: 991px) {
	div.row.currentRuleDocCustomHeaders {
		display: none;
	}

	#currentActionTable>thead>tr:nth-child(2), #historicalActionTable>thead>tr:nth-child(2),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(10),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(11),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(11),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(12),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(12),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(13),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(13),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(14),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(14),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(15),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(15),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(16),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(16),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(17),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(17),
		#currentActionTable>thead>tr:first-of-type>th:nth-child(18),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(18),
		#historicalActionTable>thead>tr:first-of-type>th:nth-child(19),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(10),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(11),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(11),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(12),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(12),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(13),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(13),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(14),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(14),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(15),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(15),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(16),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(16),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(17),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(17),
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(18),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(18),
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(19)
		{
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	/* mobile view rule detail documents */
	.mobile-view-documents + .tooltip > .tooltip-inner {
		background-color: lightgray;
		color: #3a5168;
		border: 1px solid #3a5168;
		border-radius: 1px;
	}
	.mobile-view-documents + .tooltip > .tooltip-inner > .table {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	/*overwriting bootstrap-table's automatic responsive table styling*/
	#non-responsive .fixed-table-body {
		/*whole page scrolls, instead of just the bootstrap-table element*/
		overflow-x: visible;
		overflow-y: visible;
		height: 100%;
	}

	/*Hiding the view documents button column on larger screens*/
	#currentActionTable>thead>tr:first-of-type>th:last-of-type,
		#currentActionTable>tbody>tr:not (.detail-view ) >td:last-of-type,
		#currentActionTable>tbody>tr.detail-view, #historicalActionTable>thead>tr:first-of-type>th:last-of-type,
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:last-of-type,
		#historicalActionTable>tbody>tr.detail-view {
		display: none;
	}
	#currentActionTable>thead>tr:nth-child(2)>th:last-of-type,
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(18),
		#historicalActionTable>thead>tr:nth-child(2)>th:last-of-type,
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(19)
		{
		border-right: none !important;
	}

	/*!! --- Custom vertical header styles --- !!*/
	div.ruleDocHeader {
		display: inline-block;
		position: absolute;
		transform: translate3d(0, -83px, 0) rotate(-68deg);
		word-wrap: break-word;
		text-align: left;
	}
	div.ruleDocHeader>span {
		display: inline-block;
		position: inherit;
		z-index: -1;
		left: -75px;
		height: 100%;
		width: 170px;
		color: #304155;
		font-weight: bolder;
	}

	/*position vertical headers appropriately*/
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header1 {
		left: 53px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header1 {
		left: 702px;
		/* 		left: 184px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header2 {
		left: 84px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header2 {
		left: 733px;
		/* 		left: 215px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header3 {
		left: 115px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header3 {
		left: 764px;
		/* 		left: 246px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header4 {
		left: 146px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header4 {
		left: 795px;
		/* 		left: 277px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header5 {
		left: 177px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header5 {
		left: 826px;
		/* 		left: 308px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header6 {
		left: 208px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header6 {
		left: 857px;
		/* 		left: 339px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header7 {
		left: 239px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header7 {
		left: 888px;
		/* 		left: 370px; */
	}
	div.ruleDocHeader.header7>span {
		padding-left: 5px;
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header8 {
		left: 285px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header8 {
		left: 934px;
		/* 		left: 416px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header9 {
		left: 311px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header9 {
		left: 960px;
		/* 		left: 442px; */
	}
	div.ruleDocHeader.header9>span {
		padding-left: 5px;
	}
}

@media screen and (min-width: 1200px) {
	#non-responsive .fixed-table-body {
		/*whole page scrolls, instead of just the bootstrap-table element*/
		overflow-x: visible;
		overflow-y: visible;
		height: 100%;
	}

	/*Hiding the view documents button column on larger screens*/
	#currentActionTable>thead>tr:first-of-type>th:last-of-type,
		#currentActionTable>tbody>tr:not (.detail-view ) >td:last-of-type,
		#currentActionTable>tbody>tr.detail-view, #historicalActionTable>thead>tr:first-of-type>th:last-of-type,
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:last-of-type,
		#historicalActionTable>tbody>tr.detail-view {
		display: none;
	}
	#currentActionTable>thead>tr:nth-child(2)>th:last-of-type,
		#currentActionTable>tbody>tr:not (.detail-view ) >td:nth-child(18),
		#historicalActionTable>thead>tr:nth-child(2)>th:last-of-type,
		#historicalActionTable>tbody>tr:not (.detail-view ) >td:nth-child(19)
		{
		border-right: none !important;
	}

	/*!! --- Custom vertical header styles --- !!*/
	div.ruleDocHeader {
		display: inline-block;
		position: absolute;
		transform: translate3d(0, -83px, 0) rotate(-68deg);
		word-wrap: break-word;
		text-align: left;
	}
	div.ruleDocHeader>span {
		display: inline-block;
		position: inherit;
		z-index: -1;
		left: -75px;
		height: 100%;
		width: 170px;
		color: #304155;
		font-weight: bolder;
		font-size: 10px;
	}

	/*position vertical headers appropriately*/
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header1 {
		left: 45px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header1 {
		left: 702px;
		/* 		left: 184px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header2 {
		left: 84px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header2 {
		left: 733px;
		/* 		left: 215px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header3 {
		left: 115px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header3 {
		left: 764px;
		/* 		left: 246px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header4 {
		left: 146px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header4 {
		left: 795px;
		/* 		left: 277px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header5 {
		left: 177px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header5 {
		left: 826px;
		/* 		left: 308px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header6 {
		left: 208px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header6 {
		left: 857px;
		/* 		left: 339px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header7 {
		left: 239px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header7 {
		left: 888px;
		/* 		left: 370px; */
	}
	div.ruleDocHeader.header7>span {
		padding-left: 5px;
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header8 {
		left: 285px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header8 {
		left: 934px;
		/* 		left: 416px; */
	}
	div.currentRuleDocCustomHeaders div.ruleDocHeader.header9 {
		left: 311px;
	}
	div.historicalRuleDocCustomHeaders div.ruleDocHeader.header9 {
		left: 960px;
		/* 		left: 442px; */
	}
	div.ruleDocHeader.header9>span {
		padding-left: 5px;
	}
}
/*RULE DETAILS DISPLAY SPECIFIC STYLING -- end*/

/***** END: ROO specific bootstrap-table styles *****/

/* BEGIN: Home page quick rule number search styles *****/
img.quick-search-img, input.quick-search-input-secondary {
	display: none;
}

/* END: Home page quick rule number search styles *****/

/* BEGIN: Home page custom styles *****/
div.home-page-module-border {
	border: solid #42566a;
	border-width: 4px 0 0 0;
	border-radius: 6px 6px 0 0;
	background-color: #ffffff;
}

div.home-page-module-border .inline-block {
	display: inline-block;
}

div.home-page-module-border>div.content-module {
	color: #ffffff;
	background-color: #25323e;
	border-radius: 5px;
}

div.content-module>div.content-frame {
	border: solid #ffffff;
	border-width: 1px 0 1px 0;
	width: 100%;
}

div.content-frame>div.content-image-border, div.content-frame>div.content-list-border
	{
	line-height: 28px;
}

div.content-image-border>div.content-image, div.content-list-border>div.content-list-frame
	{
	height: 298px;
}

div.content-image-border>div.content-image {
    background: no-repeat center center;
}

div.content-list-border>div.content-list-frame {
	background-color: #28384a;
	background: -webkit-linear-gradient(#657b95, #28384a);
	background: linear-gradient(#657b95, #28384a);
	padding: 10px;
}

div.content-list-frame>div.content-list {
	color: #ffffff;
	border: 1px solid #8c9fb4;
	background-color: rgba(70, 90, 115, .6);
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

div.content-list>a {
	display: block;
	font-size: 1.7rem;
	color: #ffffff;
	text-align: left;
	margin-top: .7em;
	margin-bottom: .7em;
	text-decoration: none;
	padding: 2px 6px;
}

@media screen and (max-width: 415px) {
	div.content-list>a {
		margin-top: .2em;
		margin-bottom: .2em;
	}
}

div.home-page-module-border ul.home-page-list {
	list-style: square inside;
	text-align: left;
}

div.home-page-module-border ul.home-page-list>li {
	font-size: 17px;
	color: #3a5168;
	text-decoration: underline;
}

div.home-page-module-border h1, div.home-page-module-border h2, div.home-page-module-border h3,
	div.home-page-module-border h4 {
	margin-top: 0;
}

div.home-page-module-border h3 {
	font-size: 21px;
}

div.home-page-module-border h3>a, div.home-page-module-border h3>span {
	color: #3a5168;
	font-weight: normal;
	font-size: 18px;
}

div.home-page-module-border div.public-hearing-notice p {
	margin: 0;
	line-height: 20px;
}

div.home-page-module-border div.public-hearing-notice>p.phn-agency {
	font-size: 17px;
	font-weight: bold;
	color: #000000;
}

div.home-page-module-border div.public-hearing-notice>p.phn-date-time {
	font-size: 16px;
	font-weight: bold;
}

div.home-page-module-border div.public-hearing-notice>div.phn-location-frame
	{
	font-size: 15px;
	color: #333333;
}

div.public-hearing-notice a.phn-btn {
	background-color: #263545;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 4px 0 4px;
	margin: 0 5px 0 0;
}

/* END: Home page custom styles *****/

/* BEGIN: Top Navigation bar Styles *****/
ul.nav>li.dropdown ul.dropdown-menu {
	background-color: #415770;
	border: 0 solid #223040;
	border-radius: 3px;
}

ul.nav>li.dropdown ul.dropdown-menu>li>a {
	text-decoration: none;
	color: #ffffff;
	margin: 0 0 0 0;
	display: block;
	padding: 5px 10px 4px 10px;
	font-size: 16px;
}

ul.nav>li.dropdown ul.dropdown-menu>li a:hover {
	background-color: #25323e;
	color: #ffffff;
}

.homePageNavBarMenu {
	position: relative;
	top: 25px;
	height: 50px;
	vertical-align: bottom;
}

.homePageNavMenuOption {
	bottom : 25px;
}

.fill-width.dropdown {
    position: static;
}

.fill-width.dropdown > .dropdown-menu {
    left: 0;
}

.fill-width.dropdown > .dropdown-menu > li > a {
    white-space: normal;
}

@media (min-width : 992px) {
	.fill-width.dropdown {
	    padding: 0 1em;
	}
}

@media (max-width : 992px) {
	.fill-width.dropdown > .dropdown-menu {
	    left: -8em;
	}
}

@media ( min-width : 768px) {
	/* this toggles the navbar menus to open on hover for non-mobile sized screens*/
	ul.nav li.dropdown:hover>ul.dropdown-menu, ul.nav li.dropdown:hover>ul.dropdown-menu>li.dropdown-submenu:hover>a.test+ul.dropdown-menu,
		ul.nav li.dropdown:hover>ul.dropdown-menu>li.dropdown-submenu>a.test+ul.dropdown-menu:hover
		{
		display: block;
	}
	ul.nav li.dropdown>ul.dropdown-menu>li.dropdown-submenu>a.test+ul.dropdown-menu
		{
		margin-top: -5px;
	}
	ul.nav li.dropdown:hover {
		background-color: #415770;
		border: 0 solid #223040;
		border-radius: 3px;
	}

	div.weekly-hearings {
		overflow-y: auto;
	}

}

/* END: Top Navigation bar Styles *****/

/* BEGIN: rule search tooltips *****/
.icon-button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	border: 0;
	background: transparent;
	font-size: larger;
	vertical-align: middle;
	height:35px;
}

.topAdjustForTooltipSpacing {
	margin-top: 7.5px;
}

.bottomAdjustForTooltipSpacing {
	margin-bottom: 7.5px;
}

#ruleNumberSearchBtn, #clearRuleNumberBtn{
	height:35px;
}

#clearRuleNumberBtn{

}

.rule-number-form-section{
	width:75%;
}

.include-supplemental-div{
	margin-top:7px;
    margin-left:5px;
}

.simple-rule-search-form-group{
	display:flex;
	margin-bottom:0;
}

button.icon-button+div.tooltip>div.tooltip-inner {
	background-color: transparent;
}

img.tooltip-image {
	border: 1px solid black;
}

.tooltip-arrow {
	display: none;
}

#ruleNumberSearchHelpTooltip {
	position: relative;
	right: 275px;
}

#limitSearchHelpTooltip {
    position: relative;
    bottom: 350px;
    right: 750px;
    color: black;
    font-size: 1.2em;
    width: 700px;
    border: solid 1px;
    background-color: white;
    text-align: left;
    padding: 5px 10px;
}

#keywordSearchHelpTooltip {
    position: relative;
    bottom: 150px;
    right: 335px;
    color: black;
    font-size: 1.2em;
    width: 720px;
    border: solid 1px;
    background-color: white;
    text-align: left;
    padding: 5px 10px;
}

input.ruleNumber.rule-display {
	border: 0;
	background-color: inherit;
}

/* END: rule search tooltips *****/

/* BEGIN: Custom Styling and positioning (centering, bold, ect.) *****/
.centered {
	display: flex;
	align-items: center;
	justify-content: center;
}

.clear {
	clear: both;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

.bold {
	font-weight: bold;
}

.unbold {
	font-weight: normal;
}

.text-bottom {
	vertical-align: bottom;
}

.word-wrap {
	-ms-word-wrap: normal;
	word-wrap: normal;
}

/* END: Custom Styling and positioning (centering, bold, ect.) *****/

/* BEGIN: hide elements based on screen size *****/
@media screen and (max-width: 575px) { /*xs (portrait phones)*/
	.hide-xs {
		display: none !important;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	/*sm (landscape phones)*/
	.hide-sm {
		display: none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	/*md (tablets)*/
	.hide-md {
		display: none !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	/*lg (desktop)*/
	.hide-lg {
		display: none !important;
	}
}

@media screen and (min-width: 1200px) { /*xl (large desktop)*/
	.hide-xl {
		display: none !important;
	}
}

/* END: hide elements based on screen size *****/
.rule-detail-document-img {
	 margin-right: 4px;
	 margin-left: 1px;
 }

.rule-detail-document-img-a-wrapper:hover, .rule-detail-document-img-a-wrapper:active, .rule-detail-document-img-a-wrapper:visited, .rule-detail-document-img-a-wrapper:focus {
	text-decoration: none !important;
}

.rule-detail-document-img-placebo {
	padding-left: 17px;
	padding-right: 14px;
}

.csi-agency-special-styling{
	margin-left:2px;
}

.document-img-row {
	margin-left: 5px;
}
.ruleDetailsTabBtnWrapper {
	align-self: flex-end;
	justify-self: flex-start;
}

.document-type-key-wrapper {
	justify-self: flex-end;
	font-size: 1.2rem;
}

td.rotate {
	height: 140px;
	white-space: nowrap;
}

td.rotate > div {
	transform: translate(-50px, 50px) rotate(300deg);
	width: 30px;
}

#documentNames {
	height: 100px;
}

.ruleDetailTabWrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.ruleDetailTabBtn {
	border: 0 !important;
	color: white !important;
	background-color: #818fa0 !important;
	font-size: 130%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.ruleDetailTabBtn:hover {
	background-color: #677789! important;
}

li.active > .ruleDetailTabBtn {
	background-color: #304155 !important;
}

@media screen and (min-width: 1200px) { /*xl (large desktop)*/
	.rule-details-documents-header {
		width: 314px;
	}
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-gif-styling {
    width: 3em;
    height: 3em;
}

.loading-gif-styling-div {
    background-color: white;
    margin-top: 1em;
    padding: 1em;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #233358; /* Blue */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

#publicNoticesTree > ul > li > a {
	text-decoration: underline;
}

#publicNoticesTree > ul > li > a[href='#/'] {
	text-decoration: none;
}

#publicNoticesTree > ul > li > a[href='#/']:hover {
	text-decoration: none;
}

.treeview span.icon {
	width: 12px !important;
	margin-right: 5px !important;
	margin-top: 0 !important;
}

.tooltip-inner{
	height: 0;
	width: 0;
}

span.tooltip-content {
	display: inline-flex;
    width: 350px;
    background-color: lightgrey;
    color: black;
    font-weight: bolder;
    border: solid 1px black;
    font-size: 1.1em;
}

span.rule-search-lower-period {
	vertical-align: bottom;
}

.remove-pre-css, .remove-pre-css > td > pre{
	 border: none;
	 background-color:transparent;
	 font-family: 'Nunito', sans-serif;
	 font-size: 14px;
 }

.remove-pre-css:hover, .remove-pre-css:hover > td > pre{
	background-color:#F5F5F5 !important;
}

#historicalActionTableNew > tbody > tr > td, #currentActionTableNew > tbody > tr > td{
	border-left:.5px solid #ddd;
	border-right:.5px solid #ddd;
}

#historicalActionTableNew, #currentActionTableNew{
	border-bottom:1px solid #ddd;
}

.custom-container{
	width:90%;
}

.rule-detail-title-width{
	width:66px;
}

.roo-rule-detail-date-column{
	width:77px !important;
}

.roo-rule-detail-class-column{
    width:30px;
}

.roo-rule-detail-type-column{
    width:90px;
}

.roo-rule-detail-action-column{
    width:90px;
}

.roo-rule-detail-fyr-column{
    width:30px;
}

.csi-agency-memorandum-break-styling{
	margin-top:10px;
	margin-left:10px;
}

.roo-rule-details-top-btn{
	padding: 2px 4px 0 4px;
	width: 110px;
}

.roo-rule-details-top-btn-carrots{
	vertical-align: text-bottom;
}

.notice-description-styling-roo{
	white-space: pre-wrap;
}

#ruleNumberQuickSearchHelp{
	height:24px;
}


/*CUSTOM SORTABLE TABLES USING THYMELEAF AND JAVASCRIPT*/
#userTableLoader{
	display: block;
}
#userTable{
	visibility: hidden;
}
.sortable-tr{
	height: 20px !important;
	line-height: 20px !important;
}
.sortable-column{
	height: 20px !important;
	line-height: 20px !important;
	border-left: 1px solid #dddddd;
}
.sort-arrow{
	float: left;
	height: 20px;
	width: 20px;
	margin-left: 10px;
}
.sort-arrow:hover{
	cursor: pointer;
}
.sort-both {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC")
}
.sort-asc {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==")
}
.sort-desc {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ")
}
.sort-arrow-container:hover{
	cursor: pointer;
}
.sortable-title{
	float: left;
}

#ruleTypes .specialHeader {
	font-weight: bold;
	font-size: 10pt;
}

#ruleTypes .specialDefinition {
	text-align: justify;
}