﻿/* COVID-19 / Coronavirus Branding - Temporary */

.root-web.agency-home main {
	
}




/* ------------ Base Styles ------------ */

body {
	background-color: #fff;
	color: #333;
	font-family: 'Open Sans', sans-serif;
}

dd {
	margin-bottom: 20px;
}

.boli-pages-index-aspx dt {
	margin-top: 20px;
}

h1 {
	color: #055170;
	font-size: 3em;
}

main a, main a:visited {
	border-bottom: 1px dotted #055170;
	color: #055170;
	display: inline !important;
}

main .or-side-navigation a, main .or-side-navigation a:visited {
    border-bottom: none;
    color: #055170;
    display: block !important;
}

.or-navigation-list {
}

.or-page-title {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.helpfulPoll .well {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.helpfulPoll .btn-group {
	margin-left: 10px;
}

.helpfulPoll .btn-primary {
	background-color: #055170;
    border-color: #032b3a;
}

.helpfulPoll {
	margin-top: 0;
}

.helpfulPoll .well {
	-webkit-box-shadow: none;
	box-shadow: none;
}

button.sr-only {
	background: #000 !important;
	color: #fff !important;
}

map-web-part {
    margin-bottom: 10px;
    display: block;
}

#agencyWideAlert .alert-warning, #agencyWideAlert .alert-warning a, #agencyWideAlert .alert-warning, #agencyWideAlert .alert-warning a:visited {
    background: #CC8500;
    color: #fff;
    font-size: 14px;
}

#agencyWideAlert .alert-warning a {
	text-decoration: underline;
}


/* ------------ Page Level Styles ------------ */

.boli-pages-frequently-asked-questions-aspx h1 {
	margin-top: 40px;
	text-align: center;
}

.rate-table > tbody > tr > td, .rate-table > thead > tr > th {
	vertical-align: middle;
}

/* ------------ Bootstrap Style Overrides ------------ */

.btn-link {
	margin-right: 20px;
}

a.btn-primary {
	background-color: #055170;
    border-color: #032b3a;
}

a.btn-primary, a.btn-primary:visited, a.btn-primary:active, a.btn-primary {
	color: #fff;
}

.nav-tabs {
	border-bottom: 2px solid #055170;
	margin-top: 20px;
}

.nav-tabs > li {
	background-color: #efefef;
	text-align: center;
	width: 50%;
}

.nav-tabs > li > a {
	border: none;
	border-radius: 0;
	color: #055170 !important;
	display: block !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background-color: #055170;
	border: none;
	color: #fff !important;
	margin-right: 0;
}

.or-dataTablesWebPart .table-responsive {
	margin-top: 0;
}

.or-dataTablesWebPart tbody tr:first-of-type {
	fon
}

.list-group-item-info {
	background: #dedede;
}
.list-group-item a {
	border-bottom: none !important;
}

.list-group-item-info a, .list-group-item-info a:visited, .list-group-item-info a:hover {
	color: #055170;
}

.or-data-tables-toolbar-menu a {
    display: block !important;
    border-bottom: none;
}

.subhome-Page .list-group-item {
    background-color: transparent;
    border: none;
}

h2.panel-title, h3.panel-title, h4.panel-title, h5.panel-title, h6.panel-title {
	font-size: 18px !important;
}


/* ------------ Top Navigation Bar Styles ------------ */


.or-breadcrumbs {
	background-color: transparent;
	display:none;
	padding-bottom: 0;
}

.or-navbar {
	background: #fff;
	color: #055170;
	padding: 20px 20px 20px 180px;
}

.or-navbar-brand > img, .or-navbar-brand > svg {
	width: 120px;
}

#oregonSearchBar::placeholder {
    color: #fff;
}

@media (max-width: 767px) {
	.navbar-offcanvas {
		background-color: #fff;
		background-image: none;
		color: #055170;
	}
	.or-navigation-list > li > a, .or-navigation-list .dropdown-menu a {
		color: #055170;
		font-weight: bold;
	}
	
	.or-navbar-brand {
		width: 80px;
	}
	.or-navbar-brand img {
	    width: 60px;
	}
	.or-navbar-toggle-button {
	    background: #055170;
	}
}

@media (min-width: 768px) {
	.or-navbar-brand {
	    width: 110px;
	}
	.or-navigation-list > li {
		margin-right: 20px;
	}
	.or-navigation-list > li > a {
		color: #055170;
		font-weight: bold;
		font-size: 18px;
		padding: 15px 10px;
	}
	.or-navigation-list {
		padding: 20px;
    	-ms-flex-pack: center;
    	justify-content: center;
  }
}

@media (min-width: 1250px) {
	.or-navigation-list > li > a {
		font-size: 18px;
	}
}

@media (min-width: 768px) {
	.or-navigation-list>li>a:hover, .or-navigation-list li.open>a {
		background: rgba(0,0,0,.05);
	}
}

@media (min-width: 768px) {
	.or-navigation-list .dropdown-menu {
    	background: rgba(0,0,0,0.8);
    }
    
    .dropdown-menu>li>a {
    	color: #fff;
	}
	
	.or-navbar-brand {
	margin: 0 50px;	
	}
}


.or-navbar-search-wrapper {
    background: #055170;
}


.or-navbar-search-submit-button,
.or-navbar-search-submit-button:hover,
.or-navbar-search-submit-button:focus {
    background: #055170;
}

@media (min-width: 1024px) {
		.or-navigation-list {
    	width: calc(100% - 200px);
  }

}


/* Lef Navigation */

nav#OregonSideNavigation {
    border: 1px solid #efefef;
	border-top: 10px solid #84acc5;
}

@media(min-width: 768px) {
	nav#OregonSideNavigation {
	    margin-top: 40px;
    	padding-top: 20px;
	}
}

/* ------------ Main Container ------------ */

.boli-pages-index-aspx main > .container {
	width: 100%;
}


/* ------------ Footer Styles ------------ */


footer {
	background: #f5f5f5;
}

footer a {
	color: #055170;
}

footer h3 {	
	border-bottom: 1px solid #ddd;
	color: #055170;
	font-size: 18px;
	font-weight: bold;
    margin-bottom: 10px;
	padding-bottom: 20px;
	text-transform:uppercase;
}

footer li {
    border-bottom: none;
}

footer .container-fluid {
	padding-left: 50px;
	padding-right: 50px;
}


footer .footer-logo {
	padding: 20px 40px 20px 0;
}

/* ------------ Header Styles ------------ */

.about .or-header {
	background-color: #6a6a6a;
}

.about .or-header .or-header-overlay {
	background: #000;
	display: block !important;
	opacity: 0;
}

.about .or-header {
	background-color: #6a6a6a;
}

.about.agency-home-3-col .subhome-blockquote {
	border-top: 10px solid #6a6a6a;
}

.about h2.subhome-topic-row-heading {
	color: #6a6a6a;
}

.about .subhome-topic .fal.fa-angle-right {
    color: #6a6a6a;
}

.about i.fad.fa-5x.fa-comments-alt {
    color: #6a6a6a;
}

.apprenticeship .or-header {
	background-color: #b33e00;
}

.apprenticeship.agency-home-3-col .subhome-blockquote {
	border-top: 10px solid #b33e00;
}

.apprenticeship h2.subhome-topic-row-heading {
	color: #b33e00;
}

.apprenticeship .subhome-topic .fal.fa-angle-right {
    color: #b33e00;
}

.apprenticeship i.fad.fa-5x.fa-comments-alt {
    color: #b33e00;
}

.civil-rights .or-header {
	background-color: #374b1c;
}

.civil-rights.agency-home-3-col .subhome-blockquote {
	border-top: 10px solid #374b1c;
}

.civil-rights h2.subhome-topic-row-heading {
	color: #374b1c;
}

.civil-rights .subhome-topic .fal.fa-angle-right {
    color: #374b1c;
}

.civil-rights i.fad.fa-5x.fa-comments-alt {
    color: #374b1c;
}


.for-employers .or-header {
	background-color: #417da0;
}

.for-employers.agency-home-3-col .subhome-blockquote {
	border-top: 10px solid #417da0;
}

.for-employers h2.subhome-topic-row-heading {
	color: #417da0;
}

.for-employers .subhome-topic .fal.fa-angle-right {
    color: #417da0;
}

.for-employers i.fad.fa-5x.fa-comments-alt {
    color: #417da0;
}

.for-workers .or-header {
	background-color: #055170;
}

.for-workers.agency-home-3-col .subhome-blockquote {
	border-top: 10px solid #055170;
}

.for-workers h2.subhome-topic-row-heading {
	color: #055170;
}

.for-workers .subhome-topic .fal.fa-angle-right {
    color: #055170;
}

.for-workers i.fad.fa-5x.fa-comments-alt {
    color: #055170;
}

.or-header {
	background-color: #055170;
    background-image: none;
    box-shadow: none;
    background-attachment: fixed;
    background-position-y: -250px;
    background-size: 60%;
	box-shadow: none;

}

.or-header .or-header-overlay, .or-header-logo-link {
	display: none !important;
}


.or-header-content {
    margin: 20px;
}

.agency-home-3-col .or-header-site-title {
	font-weight: bold;
}



/* ------------ Homepage Styles ------------ */

.root-web.agency-home-3-col main {
	background-color: #7fa7bf;
}

@media (min-width: 768px) {
	.root-web.agency-home-3-col main {
		background-color: #7fa7bf !important;
	}
	.boli-pages-help-center-aspx main {
		background-color: #bbd0dd !important;
	}
}

.homepage-section {
	background-color: #fff;
	border-bottom: 4px solid #efefef;
	border-radius: 4px;
	font-size: 16px;
	margin-bottom: 40px;
	padding: 20px;
}

.homepage-section h2 {
	color: #000;
	font-size: 2em;
	font-weight: 400;
}

@media (max-width: 767px) {
	.homepage-section h2 {
		font-size: 2.25em;
	}
}

.homepage-section h3 {
	margin-top: 10px;
}

@media (min-width: 768px) {

	.homepage-section img {
		margin-top: 50px;
	}

	.homepage-section img{
		box-shadow: -30px -30px #ddd;
	}
	
	.subhome-image {
		box-shadow: 30px 30px #ddd;
	}
}

.homepage-welcome {
    color: #fff;
    font-size: 1.6em;
    
}

.homepage-greeting {
	padding-bottom: 5px;
    font-size: 1.2em;
}

.homepage-question {
	font-size: 2.2em;
	line-height: 1em;
}

@media (max-width: 767px) {
	.homepage-question {
		font-size: 1.5em;
	}
}

h2.home-page-ribbon-heading {
	background-color: #000;
	color: #fff;
	display:inline-block;
	font-size: 18px;
	letter-spacing: .1em;
	margin: 30px 20px 50px -20px;
	min-width: 300px;
	padding: 10px;
	text-transform:uppercase;
	text-align: center;
}

.homepage-topper {
    background-color: #055170;
    /*background-image: url(/boli/style%20library/images/city-silhouette-background-10.png);*/
    background-image: none;
    background-size: 50%;
    background-position: top;
    color: #fff;
    border: 10px solid #fff;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 40px;
}

.boli-pages-index-aspx .panel {
	margin-bottom: 20px;
	padding-top: 140px;
	position: relative;
	border-color: rgba(5, 81, 112, .6);
}

.boli-pages-index-aspx .panel li {
	padding: 10px;
	border-bottom: 1px solid #efefef;
}

.boli-pages-index-aspx .panel-body {
	min-height: 300px;
}

.boli-pages-index-aspx .panel-default > .panel-heading {
	background-color: transparent;
	border: none;
}

.boli-pages-index-aspx .panel-footer {
	background-color: #055170;
}

.boli-pages-index-aspx .panel-footer a, .boli-pages-index-aspx .panel-footer a:visited, .boli-pages-index-aspx .panel-footer a:active {
	color:#fff;
	display: inline-block !important;
}

.boli-pages-index-aspx .panel-heading {
	position: absolute;
    display: block;
    top: -80px;
    width: 100%;
}
.boli-pages-index-aspx .panel-heading h3 {
	letter-spacing: .1em;
	text-transform: uppercase;
}

.boli-pages-index-aspx .panel-heading .fal {
	margin-bottom: 20px;
	color: #055170;
	width: 100px;
	height: 100px;
	background: #7fa7bf;
	padding: 25px;
	border-radius: 100%;
	text-align: center;
}

.fa-panel-icon.fa-money-bill-wave {
    padding-left: 18px !important;
}

.fa-panel-icon.fa-landmark {
    padding-left: 21px !important;
}

@media (max-width: 996px) {
	.panel.panel-default {
	    margin-bottom: 60px;
	}
}

/* Standard Page Styles */

.agency-left-nav main .container .col-md-9 {
    background-color: #fff;
    border-radius: 4px;
    margin-top: 30px;
}


/* Subhome Styles */

h2.subhome-topic-row-heading {
    font-size: 44px;
    color: #055170;
    border-bottom: 1px solid #efefef;
    padding: 0 0 30px 0;
    margin-bottom: 40px;
}

#landing-page-row {
	margin-bottom: 40px
}


.or-header-title small {
	display: none;
}


.agency-home-3-col main  {
	background-color: #fff;
}

.agency-home-3-col .subhome-blockquote {
    border: none;
    color: #055170;
    font-size: 1.6em;
    margin: 30px 30px 0 30px;
    padding: 30px;
	box-shadow: 0 5px 40px 0 rgba(3,44,71,0.18)
}

.agency-home-3-col .subhome-blockquote footer {
	background-color: inherit;
	border: none;
	border-top: none;
	box-shadow: none;
	font-size:.75em;
}

@media (min-width: 768px) {
	.agency-home-3-col .subhome-intro {
		margin-top: 30px;
	    padding: 30px 30px 30px 0;
	}
}

.agency-home-3-col .subhome-topic h2 {
    font-size: 1.75em;
    font-weight: bold;
    color: #055170;
}

@media (min-width: 768px) {
	.agency-home-3-col .subhome-topic-row {
		margin-top: 50px;
	}
}

.agency-home-3-col .subhome-topic-row .fa {
    color: #ddd;
}

@media (max-width: 767px) {
	.agency-home-3-col .subhome-topic {
		margin-top: 30px;
	}
	
	.agency-home-3-col .subhome-topic h2 {
		margin-top: 10px;
	}
}

.agency-home-3-col .subhome-topic a {
    border-bottom: none;
}

.subhome-image {
	margin-top: 30px;
}

/* ------------ Calendar Web Part Styles ------------ */

.or-calendar-event-link {
    border-bottom: none;
    display: inline-block;
}

.fc-button {
	text-transform: capitalize;
}

.fc-unthemed {
	border-top: 10px solid #ededed;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 20px;
}

.or-calendar-list-view {
	min-height: 400px;
	border-bottom: 10px solid #ededed;
}

/* Modal Extension Styles */

 modal-dialog-scrollable .modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}


/* Minimum Wage Maps */

.boli-min-wage-dashboard-charts {
	height: 50rem;
}

#boli-min-wage-chart-county-map {
    height: 100%;
}


/* ------------ Page Level Styles ------------ */


.boli-pages-help-center-aspx main{
	background-color: #eaf1f5;
}

.boli-pages-help-center-aspx h1 {
	margin-top: 40px;
	text-align: center;
}

.boli-pages-help-center-aspx .subhome-page .list-group-item {
    background-color: transparent;
    border: none;
}

.boli-pages-help-center-aspx .subhome-page .list-group-item a

.boli-pages-help-center-aspx .list-group .list-group-item-info {
    color: #31708f;
    background-color: #ededed !important;
}


.boli-about-pages-what-and-why-aspx .dataTable td:nth-of-type(2) a {
    white-space: nowrap;
}

@media(min-width: 768px) {
	#g_e5295960_e904_4abe_8922_b803565592ff thead th:first-of-type,
	#g_e5295960_e904_4abe_8922_b803565592ff tbody td:first-of-type,
	#g_596160b1_02cc_42b4_a1e9_730933f2ee5e thead th:first-of-type,
	#g_596160b1_02cc_42b4_a1e9_730933f2ee5e tbody td:first-of-type,
	#g_9c28c059_65e3_479f_bb63_99714f6551a9 thead th:first-of-type,
	#g_9c28c059_65e3_479f_bb63_99714f6551a9 tbody td:first-of-type,
	#g_3367834e_44b0_4766_907e_3ffc7a88046e thead th:first-of-type,
	#g_3367834e_44b0_4766_907e_3ffc7a88046e tbody td:first-of-type {
	    width: 150px !important;
	}
}

#g_e5295960_e904_4abe_8922_b803565592ff_wrapper,
#g_f05689e8_c2ad_49a2_9979_fe2747ecfa50_wrapper,
#g_b777ebdf_1f50_4395_ad01_b4f444adfa17_wrapper,
#g_f5d04ee6_b2ba_4197_b1a6_f296c79bd871_wrapper,
#g_599d175d_cf34_47c3_820f_ec2cbce84d74_wrapper
{
	display: block;
	height: 300px;
	margin-bottom: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#g_f5d04ee6_b2ba_4197_b1a6_f296c79bd871_wrapper {
	height: 800px;}
	
#ctl00_ctl00_ctl32_g_4f49406f_9413_4e92_be5f_5a52fb6729f4 .fc-right .fc-button-group {
	display: none;
}