:root {
	/* CANNOT USE THESE SINCE IE DOES NOT SUPPORT THEM - LEAVING FOR POSSIBLE CHANGES IN THE FUTURE */
	/*--navigation-bg-color: #444444;
	--default-border-color: #e5e6e8;
	--default-border-radius: 5px;*/
}


body {
	font-family:Roboto-Condensed-Regular,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
}

.select-emp{
	bac

}

[role="main"] {
	position:relative;
	padding: 60px 0 0 0;
	transition: margin-left .5s;
	overflow-x:hidden;
}

[role="main"].no-margin {
	padding:50px 0 0 0;
}

#global-footer {
	margin:0;
	text-align:center;
	background-color:#333333;
	color:#ffffff;
	padding:2em 0;
}

#global-footer.add-margin {
	margin:1em 0 0 0;
}

/* logo-row is typically displayed below the footer and displays the DWD and WorkOne Logos */
.logo-row {
	margin:1em 0 0 0;
	text-align:center;
	padding:2em 0;
}

section {
	position:relative;
}

a:link, a:visited  {
	color:#25789E;
	text-decoration:none;
}

a:active, a:hover, a:focus {
	color:#244A65;
	border-bottom:solid 1px #244A65;
}

a.no-click:link, a.no-click:active, a.no-click:hover, a.no-click:focus {
	color:inherit;
	border:none;
	text-decoration:none;
	cursor:text;
}

a[data-toggle="collapse"]:link, a[data-toggle="collapse"]:visited, a[data-toggle="collapse"]:hover, a[data-toggle="collapse"]:focus {
	text-decoration:none;
	border:none;
}

/* accessibility anchor at top of page in layout */

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;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

.panel-primary a[data-toggle="collapse"] {
	color:#ffffff;
}

.clickable {
	cursor:pointer;
}

.clickable-styled {
	cursor:pointer;
}

.clickable-styled:hover {
	
}

figure {
	margin: 1em 0;
}

figcaption {
	margin:0.5em 0;
}

dd {
	margin-bottom:0.5em;
}

ul {
	margin-top:5px;
	margin-bottom:5px;
}

ul li {
	margin-top:5px;
	margin-bottom:5px;
}

.bg-primary {
	background-color:#25789E;
	color:#FFFFFF;
}

.bg-success {
	background-color:#00910B;
	color:#FFFFFF;
}

.bg-info {
	/* currently using default bootstrap styles */
}

.bg-theme {
	background-color:#1F4E75;
	color:#ffffff;	
}

.bg-warning {
	background-color:#D86A00;
	color:#FFFFFF;
}

.bg-danger {
	background-color:#C61414;
	color:#FFFFFF;
}

.bg-dark {
	background-color:#333333;
	color:#ffffff;
}

.bg-alt-dark {
	background-color:#444444;
	color:#ffffff;
}

.bg-dark a:link, .bg-dark a:visited, .bg-dark .text-primary, .bg-alt-dark a:link, .bg-alt-dark a:visited, .bg-alt-dark .text-primary {
	color:#72CEF5;
}

.bg-dark a:hover, .bg-dark a:focus, .bg-dark a:active, .bg-alt-dark a:hover, .bg-alt-dark a:focus, .bg-alt-dark a:active {
	border-bottom:solid 1px #72CEF5;
}

 .bg-dark .dropdown-menu li a:link, .bg-dark .dropdown-menu li a:visited, .bg-alt-dark .dropdown-menu li a:link, .bg-alt-dark .dropdown-menu li a:visited {
 	color:#25789E;
 }
 
 .bg-dark .dropdown-menu li a:hover, .bg-dark .dropdown-menu li a:active, .bg-alt-dark .dropdown-menu li a:hover, .bg-alt-dark .dropdown-menu li a:active {
 	color:#FFFFFF;
 }
 
 .bg-default {
 	background-color:#eaeaea;
 }
 
 /*.bg-dark>.dropdown-menu>li>a:hover, .bg-dark>.dropdown-menu>li>a:focus, , .bg-dark>.dropdown-menu>li>a:active {
 	
 }*/

.bg-login-cta-bkg {
	background-color:#333333;
	background-image:url('/ESS/static/ui-standards/images/layout/login-ess-bkg-professionals.jpg') !important;
	background-position: top center;
	background-size:cover;
	height:100%;
	padding:25px 0;
}

.bg-hp-cta-bkg {
	background-color:#333333;
	background-image:url('/ESS/static/ui-standards/images/layout/ess-hp-cta-section-bkg.jpg') !important;
	background-position: center center;
	background-size:cover;
}

.bg-select-emp-bkg {
	background-color:#000000;
	background-image:url('/ESS/static/ui-standards/images/layout/ess-select-emp-bkg.jpg') !important;
	background-position: center right;
	background-size:cover;
	height:100%;
}

.bg-dark-opacity-85{
	background-color: rgba(0, 0, 0, 0.50) !important;
	border:solid 1px #eaeaea;
}

.bg-white {
	background-color:#FFFFFF;
}

.bg-light {
	background-color: #F7F7F7;
}

.bg-logo {
	background-color:#72CEF5;
}

.bg-borders {
	background-color:#95989A;
}

.no-border {
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

.border {
	border:solid 1px #444444;
}

.border-right {
	border-right:solid 1px #444444;
}

.border-left {
	border-left:solid 1px #444444;
}

.border-top {
	border-right:solid 1px #444444;
}

.border-bottom {
	border-bottom:solid 1px #444444;
}

.border-bottom-light {
	border-bottom:solid 1px #eaeaea;
}

.border-xs {
	border:solid 1px #444444;
}

.border-xs-right {
	border-right:solid 1px #444444;
}

.border-xs-left {
	border-left:solid 1px #444444;
}

.border-xs-top {
	border-right:solid 1px #444444;
}

.border-xs-bottom {
	border-left:solid 1px #444444;
}

.border-sm {
	border:none;
}

.border-sm-right {
	border-right:none;
}

.border-sm-left {
	border-left:none;
}

.border-sm-top {
	border-right:none;
}

.border-sm-bottom {
	border-left:none;
}

.border-light, .border.border-light {
	border:solid 1px #eaeaea;
}

/* BORDER RADIUS */

.border-radius-inherit {
	border-radius:inherit;
}

.border-radius-inherit-left {
	border-bottom-left-radius: inherit;
	border-top-left-radius:inherit;
}

.border-radius-inherit-right {
	border-top-left-radius:inherit;
	border-bottom-right-radius: inherit;
}

.border-radius-inherit-top {
	border-top-left-radius:inherit;
	border-top-right-radius: inherit;
}

.border-radius-inherit-bottom {
	border-bottom-left-radius:inherit;
	border-bottom-right-radius: inherit;
}

.border-radius {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.border-radius-xs {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.border-radius-sm {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.border-bottom-radius {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.border-bottom-radius-xs {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.border-bottom-radius-sm {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.border-top-radius {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.border-top-radius-xs {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.border-top-radius-sm {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

 .wrap-words { 
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
}

@media (max-width: 450px) { 
	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	figure {
		margin:0;
	}
	[role="main"].no-margin {
		padding:60px 0 0 0;
	}
	[role="group"] figure {
		overflow-x:hidden;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	[role="main"].no-margin {
		padding:60px 0 0 0;
	}
	[role="group"] figure {
		overflow-x:hidden;
	}
	
	.border-xs {
		border:none;
	}
	
	.border-xs-right {
		border-right:none;
	}
	
	.border-xs-left {
		border-left:none;
	}
	
	.border-xs-top {
		border-right:none;
	}
	
	.border-xs-bottom {
		border-left:none;
	}
	
	.border-sm {
		border:solid 1px #444444;
	}
	
	.border-sm-right {
		border-right:solid 1px #444444;
	}
	
	.border-sm-left {
		border-left:solid 1px #444444;
	}
	
	.border-sm-top {
		border-right:solid 1px #444444;
	}
	
	.border-sm-bottom {
		border-left:solid 1px #444444;
	}
	
	.border-radius-xs {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	
	.border-radius-sm {
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}
	
	.border-bottom-radius-xs {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	
	.border-bottom-radius-sm {
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	
	.border-top-radius-xs {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	
	.border-top-radius-sm {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}
	
	.bg-login-cta-bkg {
		padding:75px 0;
	}
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	[role="main"].no-margin {
		padding:60px 0 0 0;
	}
	[role="group"] figure {
		overflow-x:hidden;
	}
	
	.bg-select-emp-bkg {
		min-height:700px
	}
	
	.bg-login-cta-bkg {
		padding:75px 0;
	}
}