@charset "utf-8";
/* CSS Document */

#focusCursor {
	opacity: 0.0;
}

body {
	padding: 0px;
	margin: 0px;
	font-size: 15px !important;
}

a {
	color: #1A4278 !important;
}

img:focus, a:focus, button:focus, input:focus, iframe:focus, a img:focus {
	outline: 1px dashed;
}

p, address, div {
	font-size: 14px;
	line-height: 1.42857143;
}

h1 {
	color: #1A4278 !important;
	text-transform: uppercase ;
	font-weight: bold;
	font-size: 36px !important;
}

h2 {
	color: #1A4278 !important;
	/*
	border-bottom: 3px solid #A70E12;
	padding-bottom: 3px;
	padding-top: 0px;
	margin-top: 0px;
	*/
	font-size: 24px !important;
}

ol li {
	margin-top: 4px;
	margin-bottom: 4px;
}

.job-service {
	padding: 45px 0px 15px 0px;
	
}

.local-resources {
	border-bottom: 2px solid #494949;
	padding: 0px 0px 45px 0px;
}

#dnn_ContentPane .DnnModule:nth-last-child(2) .local-resources {
	border-bottom: 0px solid #494949 !important;
}

/*
#dnn_ContentPane .DnnModule:nth-child(even) {
	background-color: #F4F4F3;
}
*/

.job-service h3 {
	margin-top: 0px;
}

.main h2 {
	font-size: 30px !important;
	border-bottom: 0px;
}

.heading-link-nav {
	text-align: center;
}

.heading-link-nav a h2 {
	color: #FFF !important;
	background-color: #000;
	margin-bottom: 0px;
	padding: 8px 0px;
	font-size: 20px !important;
}

.heading-link-nav a h2:hover {
	text-decoration: none !important;
}

.heading-link-nav:hover {
	opacity: 0.6;
}

.heading-link-nav:last-child img {
	max-height: 170px !important;
	margin: auto;
}

.heading-link-nav {
	margin-top: 45px;
	background-color: #FFF;
}

.container-fluid.cntnr-grey .heading-link-nav {
	margin-top: 30px;
}

h2 small {
	color: #333;
}

h3 {
	color: #1A4278 !important;
	padding-bottom: 3px;
	font-size: 19px !important;
}

h3.orange {
	border-bottom: 3px solid #F1931C;
}

h3.yellow {
	border-bottom: 3px solid #FFC735;
}

h3.green {
	border-bottom: 3px solid #829118;
}

h4 {
	color: #1A4278 !important;
	font-size: 16px !important;
}

h5 {
	color: #1A4278 !important;
	font-size: 14px !important;
}

.lead {
    font-size: 18px;
}

ul li {
	padding: 0px 0px 4px 0px;
}

#menu-toggle {
	font-size: 25px;
	margin-top: 10px;
}

.dli-wrapper {
	background-color: #1A4278;
	padding: 8px 0px 8px 10px;
	-webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
}

.dli-wrapper a, .dli-wrapper a:visited {
	color: #fff !important;
	margin-top: 6px;
	margin-right: 15px;
	text-decoration: none;
}

.dli-wrapper a:hover {
	text-decoration: none;
	opacity: 0.6;
}

.dli-wrapper .login-btn {
	z-index: 1001;
	/*
	float: right;
	
	text-align: right;
	*/
}

.dli-wrapper .login-btn ul li {
	
}

.main-logo-holder {
	display: none;
}

.main-logo-container {
	margin: 60px auto 0px;
}

.main-logo-container img {
	margin: auto	
}

.categories p {
	font-size: 15px;
	line-height: 22px;
}

.categories > div, .row > div {
	padding-right: 25px !important;
	padding-left: 25px !important;
}

.categories img {
	width: 100%;
}

.mw-login {
  	font-weight: bold;         
}

ul.seeker-bullets, ul.employer-bullets {
	margin-top:15px;
	margin-bottom:30px;
}

ul.forgot-usernamepassword {
	margin: 0px;
	padding: 0px;
}

ul.forgot-usernamepassword li a {
	color: #1A4278 !important;
}

.emp-login-frame {
	width: 80%; 
	text-align: left;
	margin-left: 0px;
	margin-top: 10px;
}

.learn-more:hover  {
	opacity: 0.5;
	text-decoration: none; 
}

.wrapper {
	margin-left: 0 !important;
    margin-right: 0 !important; 
}

.navbar {
    margin-bottom: 0px !important;
}

.navbar-main {
    -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
    padding: 5px;
}

ul.mw-nav-pills {
	list-style-type: none;
	margin: 30px 0px !important;
}

ul.mw-nav-pills li {
	list-style-type: none;
	margin: 5px 0px;
}

ul.mw-nav-pills li a {
	display: block;
}

.dli-logo img {
    height: 45px;
}

.mw-logo {
	z-index: 1000;
}

.mw-logo img {
    height: 30px;
    margin-top: 6px;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-default {
    background-color: #fff !important;
	border: 0px !important;
}

ul.navbar-nav li {
	margin-bottom: 0px;
	padding-bottom: 0px
}

.message {
	background-color: #f4f4f3;
    padding: 35px;
    margin: 10px 0px 5px 0px;
}

span.message {
	background-color: transparent;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.progress {
	display: none;
	background-color: transparent;
	position: fixed;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 50px;
}

.progress img {
	height: 50px;
	width: 50px;
}

.bs.progress {
	display: block;
	position: relative;
	height: 21px;
	width: 100%;
	left: 0px;
	border: 1px solid #ddd;
}

.progress.file-progress {
	display: block;
	position: relative;
	height: 16px;
	width: 100%;
	left: 0px;
}

.login-message {
                
}

.login-main {
	background-color: #f4f4f3;
    padding: 35px;
	margin-left: 0px;
	margin-right: 0px;
}

.announcement p {
    font-size: 19px;
    margin-top: 15px;
    line-height: 24px;
}

.announcement h2.primary-text {
    color: #1A4278;
    font-size: 24px;
    margin-top: 20px;
	border-bottom: 0px;
}

.anonymous-main {

                
}

.main, .panel {
	padding: 35px 0px;
}

.main .DnnModule {
                
}

.message h4 {
    color: #444 !important;
}

.categories .seeker {
    background-image: url(../img/seeker.jpg);
}

.categories .employer {
    background-image: url(../img/employer.jpg);
}

.categories .training {
    background-image: url(../img/trainer.jpg);
}

.categories .col-md-4 div {
    padding: 20px 15px 20px 15px;
    min-height: 130px;
}

.categories .col-md-4 {
    
}

.categories h2 {
    color: #fff !important;
    text-shadow: 2px 2px #333;
    font-weight: bold;
}
.categories h2 .glyphicon {
    padding-top : 20px !important;
}

.categories a h2:hover {
    text-decoration: none !important;
}

/*/\/\/\/\/\/\/\/\/ BANNER \/\/\/\/\/\/\/\/\/\/*/

.container-fluid.mw-banner {
	/*background-image: url(http://workbasedlearning.montanaworks.gov/Portals/176/Images/bg/seeker-bg.jpg);*/
	/*background-image: url(http://jobservices.dli.mt.gov/Portals/56/images/JobServices/jobservice-banner-bg.jpg);*/
	background-image: url(https://dlicdn.mt.gov/montanaworks/img/banner4.jpg);
	background-color: #FFFFFF;
	background-position: center;
	background-size: cover;
}

.container-fluid.mw-banner.help-link {
	background-image: url(https://dlicdn.mt.gov/montanaworks/img/banner5.jpg);

}

.container-fluid.mw-banner img {
	margin: 0px auto 20px auto;
	
}

.container-fluid.mw-banner.js-banner img {
	max-width: 300px;
}

.container-fluid.mw-banner .video-cntnr img {
	border: 2px solid #494949;
}

.container-fluid.mw-banner .video-cntnr p.lead {
	margin-top: 25px;
}

.container-fluid.mw-banner .carousel-inner {
	
	
}

.banner-secondary .carousel-inner {
	/*padding: 0px 150px;*/
}

.container-fluid.mw-banner .carousel-caption {
    position:static !important;
	text-align: left !important;
	color: #000 !important;
	text-shadow: 0px 0px #000000 !important;
}

.banner-secondary .carousel-caption {
	position:static !important;
	color: #000 !important;
	text-shadow: 0px 0px #000000 !important;
}

.banner-secondary .carousel-caption h2 {
	text-transform: uppercase;
}

.container-fluid.mw-banner .carousel-control, .banner-secondary a.carousel-control {
	background: none !important;
	background-color: none !important;
	background-image: none !important;
}

.banner-secondary .carousel-control {
	width: 0%;	
}

.container-fluid.mw-banner a.carousel-control {
	opacity: 1.0;
	color: #FFF !important;
}

.banner-secondary a.carousel-control {
	opacity: 1.0;
	color: #494949 !important;
	text-shadow: 0px 0px #000000 !important;
}

.container-fluid.mw-banner a.carousel-control:hover, .banner-secondary a.carousel-control:hover {
	opacity: 0.6 !important;
}

/*
.container-fluid.mw-banner a.carousel-control i {
	color: #FFF !important;
	position: absolute;
	top: 35%;
}

.banner-secondary a.carousel-control i {
	color: #494949 !important;
	position: absolute;
	top: 35%;
}
*/

.banner-secondary #js-carousel {
	min-height: 200px;
	background-color: #FFF;
	border-top: 2px solid #494949;
	border-bottom: 2px solid #494949;
}


.right.carousel-control i, .right.carousel-control span.fas {
	margin-left: -35px;
}

.right.carousel-control span.glyphicon {
	margin-left: -60px;
}


.let.carousel-control i {
	margin: 0px !important;
}

/*/\/\/\/\/\/\/\/\/ BANNER STYLES \/\/\/\/\/\/\/\/\/\/*/

.banner-pane {
	padding: 55px 0px 40px 0px;
}

.banner-secondary {
	padding: 30px 0px 0px 0px;
	/*
	background-image: url(http://jobservices.dli.mt.gov/Portals/56/images/JobServices/jobservice-banner-bg.jpg);
	background-position: center;
	background-size: cover;
	margin-left: -15px;
	margin-right: -15px;
	*/
}

.banner-secondary img {
	/*margin: auto;*/
}

.js-locations {
	text-align: center;
	padding-bottom: 30px;
}

.js-locations img {
	margin: auto !important;
}

.js-locations h2 {
	text-transform: uppercase;
	font-weight: bold;
}


/*/\/\/\/\/\/\/\/\/\/\/ ICONS \/\/\/\/\/\/\/\/\/\/\/\/*/

#iconNavWrapper {
	background-color: #494949;
	text-align: center;
	color: #FFF;
	padding: 15px 0px 15px 0px;
}

#iconNavWrapper ul.icon-nav, .icon-nav-wrapper ul.icon-nav, #iconNavWrapper ol.icon-nav {
	margin: auto !important;
}

#iconNavWrapper ul.icon-nav li, .icon-nav-wrapper ul.icon-nav li, #iconNavWrapper ol.icon-nav li {
	list-style-type: none;
	margin: 0px 30px;
	display:inline-block;
	text-align: center;
}

#iconNavWrapper ul.icon-nav li a, #iconNavWrapper ol.icon-nav li a {
	color: #FFF !important;
	font-size: 13px;
}

#iconNavWrapper ul.icon-nav li a:hover, #iconNavWrapper ol.icon-nav li a:hover {
	opacity: 0.6;
	text-decoration: none;
}

#iconNavWrapper ul.icon-nav li i, #iconNavWrapper ol.icon-nav li i, 
#iconNavWrapper ul.icon-nav li span, #iconNavWrapper ol.icon-nav li span {
	
	font-size: 35px !important;
}

#iconNavWrapper ul.icon-nav li img, #iconNavWrapper ol.icon-nav li img {
	max-height: 50px;
	max-width: 150px;
}

#iconNavWrapper.icon-wrapper-seconday ul.icon-nav li a, #iconNavWrapper.icon-wrapper-seconday ol.icon-nav li a {
	/*
	color: #494949 !important;
	
	color: #FFF !important;
	*/
}

#iconNavWrapper > span > a  {
	color: #FFF !important;
	border-right: 1px solid #fff;
	padding: 15px;
}

/*/\/\/\/\/\/\/\/\/ SECONDARY TEMPLATE STYLES \/\/\/\/\/\/\/\/\/\/*/

#categoryNavWrapper {
	padding: 20px 20px 10px 20px;
	border-bottom: 2px solid #494949;
	/*background-color: #ECEDEC;*/
}

#categoryNavWrapper h2 {
	border-bottom: 0px;
	font-size: 28px;
}

.category-nav ul {
	padding-left: 0px;
	margin-left: 0px;
}

.category-nav ul li, #categoryNavWrapper ul li {
	list-style-type: none;
	border-bottom: 1px solid #c0c0c0;
	padding: 7px 0px;
}

.category-nav, .job-search {
	padding: 20px 30px;
}

/*/\/\/\/\/\/\/\/\/ CONTAINERS \/\/\/\/\/\/\/\/\/\/*/

.cntnr-grey {
	background-color: #F4F4F3;
}

.cntnr-grey img {
	margin: 25px;
}

.cntnr-blue {
	background-color: #1A4278;
	color: #FFF;
}

.cntnr-blue > .container .row > h2 {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF !important;
	border-bottom: 0px;
	font-size: 30px !important;
}

.cntnr-blue > .container h3 {
	color: #FFF !important;
}

.container-fluid.cntnr-white, .container-fluid.cntnr-blue, .container-fluid.cntnr-grey {
	padding: 40px 0px 60px 0px;
}

.cntnr-white > .container .row > h2, .cntnr-grey > .container .row > h2, .js-locations .cntnr-white h2 {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #1A4278 !important;
	border-bottom: 0px;
	font-size: 30px !important;
}

.cntnr-white > .container .row h2 {
	text-transform: uppercase;
	font-weight: bold;
}

.cntnr-white > .container h3, .cntnr-grey > .container h3 {
	color: #333 !important;
	border-bottom: 0px;
	font-size: 24px !important;
	margin-bottom: 10px;
}

.cntnr-white > .container p, .cntnr-grey > .container p {
	font-size: 16px;
}

.cntnr-white ul li, .cntnr-blue ul li, .cntnr-grey ul li {
	list-style-type: circle;
	font-size: 16px !important;
	margin-bottom: 5px;
}

.cntnr-white ul.icon-nav {
	margin-top: 30px !important;
}

.cntnr-white ul.icon-nav li {
	border: 2px solid #1A4278;
	padding: 25px 20px;
}

.cntnr-white ul.icon-nav li a {
	font-size: 14px !important;
	text-decoration: none;
}

.cntnr-white ul.icon-nav li:hover {
	opacity: 0.6;
}

.text-cntnr {
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-bottom: 45px !important;
}

.js-locations.cntnr-white {
	padding-top: 30px;
}

ul.action-btn {
	margin-left: 0px;
	padding-left: 0px;
}

ul.action-btn li {
	list-style-type: none;
	display: inline;
	margin-right: 8px;
}

/*/\/\/\/\/\/\/\/\/ SEARCH FORM \/\/\/\/\/\/\/\/\/\/*/

label {
	font-size: 14px;
}

.js-search {
	margin-top: 12px;
}

.js-search input, .js-search select, #location-select, .form-control, #provider-search select {
	height: 40px;
	border-radius: 0px;
	padding: 5px 8px;
	border: 1px solid #ccc;
	font-size: 18px;
	width: 100%;
}

.input-group .input-group-btn .btn {
	margin-top: 25px !important;
	padding: 9px 15px;
}

.input-group-addon {
	border: 0px;
	background: none;
	font-size: 20px;
}

#provider-search .js-search button {
	margin-top: -3px;
}

.js-search button {
	font-size: 14px;
	padding: 7px 10px;
	margin-top: 24px;
}

#jobSearch, #provider-search {
    padding: 20px 0px 30px 0px;
    border-bottom: 2px solid #1A4278;
}

#jobSearch .js-search button {
    font-size: 14px;
    padding: 8px 14px;
    margin-top: 22px;
}

legend {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-bottom: 0px solid #e5e5e5;
}

legend p.text-muted {
	font-weight: normal;
	margin-top: 10px;
}

.required-ast i.fas {
	
}

.form-group .required-ind {
	display: none;
}

.form-group.has-error .required-ind {
	display: block;
	float: right;
	background-color: #A70E12;
	color: #fff;
	padding: 3px 10px 2px 10px;
} 

.form-group.has-error .tagsinput {
	border-color: #A70E12 !important;
}

.form-group.has-error .required-ast i.fas, 
.form-group.has-error .arr-question-label,
.form-group.has-error fieldset legend span {
	color: #A70E12;
}

/*/\/\/\/\/\ /\/\/\/\/\/*/
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #A70E12 !important;
}

.help-block {
    margin-top: 0px;
    margin-bottom: 0px;
}

.has-error .help-block {
	background-color: #A70E12;
	color: #fff !important;
	float: right;
	margin-bottom: 0px;
	padding: 3px 8px 0px;
	
}

.has-error .help-block ul {
	padding: 0px;
	margin: 0px;
}

/*/\/\/\/\/\/\/\/\/ JOB LIST \/\/\/\/\/\/\/\/\/\/*/

ul.job-result-list {
	margin-left: 0px;
	padding-left: 0px;
}

ul.job-result-list li {
	padding: 8px 0px 8px 0px;
	border-bottom: 1px solid #ccc;
}

.row.main {
	margin-top: 10px !important;
	background-color: transparent !important;
}

iframe {
	margin-left: -15px;
	margin-right: -15px;
}

.footer {
	font-size: 16px;
	padding: 15px;
	margin-top: 30px;
}

.validation-block {
	display: none;
}

/*/\/\/\/\/\/\/\/\/ MAP STYLES \/\/\/\/\/\/\/\/\/\/*/

.map-wrapper {
	max-height: 350px;

}

.map-wrapper #mapster_wrap_0 {
	margin: auto;
}

.map-wrapper img {

}

/*/\/\/\/\/\/\/\/\/ BUTTON STYLES \/\/\/\/\/\/\/\/\/\/*/

.btn-success, .btn-warning, .btn-danger {
	font-weight: 600;
}

.btn-primary-inverted {
	color: #1A4278 !important;
	background-color: #FFF !important;
	border: 2px solid #1A4278 !important;
    font-weight: bold;
}

.btn-primary-inverted:focus {
	border: 1px dashed #1A4278 !important;
}

.btn-primary, .bstrap3-material .btn-info {
	color: #fff !important;
	background-color: #1A4278 !important;
	border: 2px solid #1A4278 !important;
    font-weight: bold;
}

.btn-green, a.green {
	color: #fff !important;
	background-color: #555E10 !important;
	border-color: #555E10 !important;
    font-weight: bold;
}

.btn-green-inverted {
	color: #555E10 !important;
	background-color: #FFF !important;
	border: 2px solid #555E10 !important;
    font-weight: bold;
}

.btn-green-inverted:focus {
	border: 1px dashed #555E10 !important;
}

.btn-yellow {
	color: #fff !important;
	background-color: #FFC735 !important;
	border-color: #FFC735 !important;
    font-weight: bold;
}

.btn-yellow-inverted {
	color: #FFC735 !important;
	background-color: #FFF !important;
	border: 2px solid #FFC735 !important;
    font-weight: bold;
}

.btn-yellow-inverted:focus {
	border: 1px dashed #FFC735 !important;
}

.btn-orange {
	color: #fff !important;
	background-color: #F1931C !important;
	border-color: #F1931C !important;
    font-weight: bold;
}

.btn-orange-inverted {
	color: #F1931C !important;
	background-color: #FFF !important;
	border: 2px solid #F1931C !important;
    font-weight: bold;
}

.btn-orange-inverted:focus {
	border: 1px dashed #F1931C !important;
}

.btn-red {
	color: #fff !important;
	background-color: #A70E12 !important;
	border-color: #A70E12 !important;
    font-weight: bold;
}

.btn-red-inverted {
	color: #F1931C !important;
	background-color: #FFF !important;
	border: 2px solid #A70E12 !important;
    font-weight: bold;
}

.btn-red-inverted:focus {
	border: 1px dashed #A70E12 !important;
}

.btn {
	border-radius: 0px;
}

.btn span {
    font-size: 12px !important;
}

.btn:hover {
	opacity: 0.7;
}

ul.pagination li.active a {
	color: #fff !important;
}

.email-error {
	display: none !important;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
/\/\/\/\/\/\\/\ ALERT /\/\/\/\/\/\/\/\/\
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

.alert {
	margin-bottom: 0px;
}

.alert.alert-danger {
	background-color: #A70E12 !important;
	color: #FFF !important;
	border: 0px;
	border-radius: 0px;
}

.alert.alert-danger p.lead, .alert.alert-success p.lead, .alert.alert-warning p.lead {
	padding-top: 18px; 
}

.alert.alert-warning {
	background-color: #F1931C !important;
	color: #000 !important;
	border: 0px;
	border-radius: 0px;
}

.alert.alert-danger p.lead br, .alert.alert-success p.lead br, .alert.alert-warning p.lead br {
	margin-top: 5px;
	margin-bottom: 5px;
}

.alert.alert-success {
	background-color: #555E10 !important ;
	color: #FFF !important;
	border: 0px;
	border-radius: 0px;
}

.alert-danger a {
	color: #FFF !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

.alert-danger a:hover {
	text-decoration: none !important;
}

.alert-success {
	padding: 10px 30px 30px 30px !important;
	background-color: #555E10 !important;
	color: #FFF !important;
}

.alert-success h2, .alert-success p, .alert-success p.lead {
	color: #FFF !important;
}

.alert-dismissible .close {
	opacity: 0.8 !important;
	color: #FFF !important;
	font-size: 20px;
}


/*/\/\/\/\/\/\\/\ UI APP ALERT /\/\/\/\/\/\/\/\/\*/

.alert.ui-alert {
	margin-top: -40px; 
	padding: 10px 30px 10px 30px !important;
	margin-bottom: 20px;
	
/*	padding: 0;*/
/*	border-radius: .25rem;*/
	overflow: hidden;
/*	max-width: 320px;*/
/*	margin: 4.75rem auto auto auto;*/
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	flex: 1 1 auto;
	z-index: 1001;
}

/*/\/\/\/\/\/\/\ PROFILE APP ALERT /\/\/\/\/\/\/\/\/\*/

#profile-alerts {
	
	margin: 0px -15px !important;
	padding: 0px !important;
	margin-bottom: 20px;
	overflow: hidden;
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0px;
	flex: 1 1 auto;
	z-index: 1001;
}

.alert.profile-alert {
	padding: 20px !important;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
/\/\/\/\/\/\ MODAL ALERT \/\/\/\/\/\/\/\
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

.modal .alert-success, .modal .alert-warning, .modal .alert-danger {
	padding-bottom: 15px !important;
}

.modal .alert-success .lead, .modal .alert-warning .lead, .modal .alert-danger .lead {
	 padding: 7px 0px 0px 0px !important;
}

.panel-body {
	padding: 30px 15px 15px 15px !important;
	margin-top: -4px !important;
}

/*/\/\/\/\/\/\/\/\/ BACK TO TOP \/\/\/\/\/\/\/\/\/\/*/

.back-to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: none;
}

.back-to-top i {
	background-color: #494949;
	padding: 8px 8px;
	color: #FFF;
}

/*/\/\/\/\/\/\/\/\/ BOOTSTRAP MEDIA QUERIES \/\/\/\/\/\/\/\/\/\/*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.job-search-container {
		padding: 10px 0px;
	}
	.login-btn ul li {
		display: block;
	}
	.dli-logo img {
		height: 30px;
		margin-top: 6px;
		margin: auto;
	}

	.mw-logo img {
		height: 20px;
		margin-top: 10px;
		margin-right: 20px;
	}
	.container-fluid.mw-banner {
		background-image: none;
		background-color: #FFFFFF;
		background-position: center;
		background-size: cover;
	} 
	#iconNavWrapper ul.icon-nav li, .icon-nav-wrapper ul.icon-nav li, #iconNavWrapper ol.icon-nav li {
		list-style-type: none;
		margin: 0px 30px;
		display:block;
		text-align: center;
	}
	ul.action-btn li {
		list-style-type: none;
		display: block;
		margin-bottom: 8px;
	}
	.dli-wrapper .login-btn ul {
		margin-top: -100px !important;
	}

	.dli-wrapper .login-btn ul li {
		display: block !important;
	}
	
}

@media only screen and (min-width : 320px) {
	.job-search-container {
					padding: 50px 0px;
	}
	.login-btn ul li {
		display: block;
	}
	.dli-logo img {
		height: 30px;
		margin-top: 6px;
	}

	.mw-logo img {
		height: 20px;
		margin-top: 10px;
		margin-right: 20px;
	}
	.container-fluid.mw-banner {
		background-image: none;
		background-color: #FFFFFF;
		background-position: center;
		background-size: cover;
	} 
	#iconNavWrapper ul.icon-nav li, .icon-nav-wrapper ul.icon-nav li, #iconNavWrapper ol.icon-nav li {
		list-style-type: none;
		margin: 0px 30px;
		display:block;
		text-align: center;
	}
	ul.action-btn li {
		list-style-type: none;
		display: block;
		margin-bottom: 8px;
	}
	.dli-wrapper .login-btn ul {
		margin-top: -100px !important;
	}

	.dli-wrapper .login-btn ul li {
		display: block !important;
	}
	
	

}

@media only screen and (max-width : 480px) {
	.services-btn {
		max-width: 100% !important;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.job-search-container {
		padding: 50px 0px;
	}
	.dli-logo img {
		height: 30px;
		margin-top: 10px;
	}

	.mw-logo img {
		height: 20px;
		margin-top: 12px;
	}

	.dli-wrapper .login-btn ul {
		margin-top: -50px !important;
	}
	
	
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.job-search-container {
		padding: 60px 0px;
	}
	
	.mw-logo {
		margin-right: 150px !important;
		width: 350px !important;
	}
	
	.mw-logo img {
		margin-top: 15px;
		margin-right: 45px;
	}
	#iconNavWrapper ul.icon-nav li, .icon-nav-wrapper ul.icon-nav li, #iconNavWrapper ol.icon-nav li {
		list-style-type: none;
		margin: 0px 30px;
		display:inline-block;
		text-align: center;
	}
	ul.action-btn li {
		list-style-type: none;
		display: inline;
		margin-right: 8px;
	}
	               
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	.job-search-container {
		padding: 75px 50px;
	}
	.dli-logo img {
		height: 30px;
		margin-top: 6px;
	}
	.mw-logo {
		margin-right: 120px !important;
	}
	.mw-logo img {
		height: 20px;
		margin-top: 10px;
		margin-right: 20px;
	}
	
	.container-fluid.mw-banner {
		background-image: url(https://dlicdn.mt.gov/montanaworks/img/banner4.jpg);
		background-color: #FFFFFF;
		background-position: center;
		background-size: cover;
	}
	
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 1183px) {

	.job-search-container {
		padding: 120px 100px;
	}
	
	.dli-logo img {
		height: 45px;
		margin-top: 0px;
	}
	.mw-logo {
		margin-right: 150px !important;
		
	}
	.mw-logo img {
		height: 30px;
		margin-top: 6px;
		margin-right: 120px;
	}
	.dli-wrapper .login-btn ul {
		margin-top: -39px !important;
	}

	.dli-wrapper .login-btn ul li {
		display: inline !important;
	}
}

@media only screen and (min-width : 1350px) {
	.mw-logo {
		margin-right: 55px !important;
	}
}

@media only screen and (min-width : 1450px) {
	.mw-logo img {
		margin-right: 0px;
	}
}

/*/\/\/\/\/\/\/\/\/ BOOTSTRAP MEDIA QUERIES \/\/\/\/\/\/\/\/\/\/*/

body.dashboard {
	background-color: #FFFFFF;

}

.dashboard nav.navbar-default {
	background: #1A4278 !important;
	padding: 5px;
	min-height: 80px;
}

.dashboard nav.navbar-default h1 {
	color: #fff !important;
	border-bottom: 0px;
}

.dashboard nav.navbar-default .navbar-nav a {
	color: #fff !important;
}

.dashboard section {
	/*margin-top: 80px;*/
}

.dashboard section.dli-wrapper {
	margin-top: 0px;
}

.dashboard aside {
	height: 100%;
	color: #fff;
	padding: 0px;
	width: 8%;
	position: fixed;
}

.dashboard aside ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	background-color: #CCC;
}

.dashboard aside ul li {
	text-align: center;
	padding: 25px 0px 25px 0px;
	border-bottom: 1px solid #fff;
}

.dashboard aside ul li a {
	color: #FFF !important;
	font-weight: bold;
}

.dashboard .panel {
	background-color: #fff;
	border-radius: 0;
}

.dashboard .panel.panel-default {
	padding-top: 0px  !important;
	padding-bottom: 0px !important;
}

.dashboard main {
	padding: 25px 50px;
}

.dashboard .panel h2 {
	border-bottom: 0px;
	color: #444 !important;
}


.dashboard .panel .panel-heading h2 {
	margin-top: 10px;
	color: #444;
}

.dashboard table {
	margin-top: 20px;
}

.dashboard table thead {
	background-color: #1A4278;
	color: #fff;
}

.dashboard .btn-success {
	background-color: #008000;
	color: #fff !important;
	border: 1px;
}

.dashboard textarea {
	min-height: 200px;
}

.dashboard ul {
	margin-left: 15px;
	padding-left: 0px; 
}

/*------------------------------------------------*/
/* BOOTSTRAP TAB STYLES                           */
/*------------------------------------------------*/

.dashboard ul.nav-tabs {
	margin-left: 0px;
}

.dashboard .nav-tabs {
	border-bottom: 1px solid #dddddd;
}

.dashboard .nav-tabs > li {
	float: left;
	margin-bottom: -5px;
}

.dashboard .nav-tabs > li > a {
	line-height: 1.428571429  !important;
	border-left:1px solid #ddd  !important;
	border-right:1px solid #ddd  !important;
	border-top:1px solid #ddd  !important;
	border-bottom:1px solid #ddd  !important;
	margin-right:2px  !important;
	border-radius: 0px 0px 0 0  !important;
	color:#666 !important;
	background-color: #f6f6f6  !important;
	font-weight:500  !important;
}

.dashboard .nav-tabs > li > a:hover {
	border-left:1px solid #ddd  !important;
	border-right:1px solid #ddd  !important;
	border-top:1px solid #ddd  !important;
	color: #454545  !important;
	background-color:#fff  !important;
}

.dashboard .nav-tabs > li.active > a,
.dashboard .nav-tabs > li.active > a:hover,
.dashboard .nav-tabs > li.active > a:focus {
	color: #333 !important;
	cursor: default;
	background-color: #fff !important;
	border-bottom-color: transparent !important;
}

.dashboard .tabs-panel {
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -4px;
                border-top: 0px;
}

.dashboard .model .model-dialog {
	position: relative !important;
	top: 40% !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
}

.dashboard .modal-footer {
  text-align: center;
}

/*------------------------------------------------*/
/* UI APPLICAUIN STYLES                           */
/*------------------------------------------------*/

.dashboard #uiNavWrapper, #uiNavWrapper {
	background-color: #494949;
	text-align: center;
	color: #FFF;
	padding: 0px;
}

.dashboard #uiNavWrapper ol.icon-nav, #uiNavWrapper ol.icon-nav {
	margin: 15px auto !important;
}

.dashboard #uiNavWrapper ol.icon-nav li, #uiNavWrapper ol.icon-nav li {
	display: inline-grid;
	margin: 0px 25px;
}

.dashboard #uiNavWrapper ol.icon-nav li a, 
.dashboard #uiNavWrapper > span > a, 
#uiNavWrapper ol.icon-nav li a, 
.dashboard #uiNavWrapper > span > a,
#uiNavWrapper > span > a{
	color: #FFF !important;
}

.dashboard #uiNavWrapper > span > a, #uiNavWrapper > span > a {
	padding: 15px;
	border-right: 1px solid #fff;
}

.dashboard li.category-status {
	list-style-type: none;
	padding: 20px 0px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}

.dashboard li.category-status:last-child {
	border-bottom: 0px;
}

.dashboard li.category-status a {
	float: right;
}

.dashboard .status-container {
	border-right: 1px solid #494949;
	border-left: 1px solid #494949;
	padding: 0px 50px !important;
}

.dashboard .cntnr-white ul li, .dashboard .cntnr-blue ul li, .dashboard .cntnr-grey ul li {
	list-style-type: circle;
	font-size: 14px !important;
	margin-bottom: 5px;
}

.dashboard .cntnr-white ul.list-unstyled {
	margin-left: 0px;
	padding-left: 0px;
}

.dashboard .cntnr-white ul.list-unstyled li {
	list-style-type: none;
}

a.dashboard-link {
    font-size: 32px;
    margin-top: 20px;
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.dashboard section {
		
	}
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


/*------------------------------------------------*/
/* OPENAM STYLES                                  */
/*------------------------------------------------*/

.form.login {
	margin-top: 30px;
}

/*------------------------------------------------*/
/* CAROUSEL STYLES                                */
/*------------------------------------------------*/

.carousel a:focus {
    outline: 1px dashed #494949;
}

.carousel {
    min-height: 180px;
    background-color: #FFF;
    border-top: 0px solid #494949;
	/*
	border: 2px solid #494949;
	margin-top: 20px;
	*/
	
    border-bottom: 2px solid #494949;
	margin-top: 10px;
	
}

.carousel-inner {
   /*padding: 100px  150px 0px 150px;*/
  
}

.carousel-inner a.btn {
    color: #FFF !important;
}

.carousel-caption {
    position: static !important;
    color: #000 !important;
    text-shadow: 0px 0px #000000 !important;
    margin-left: 80px;
    margin-right: 80px;
	/*
	min-height: 150px;
	text-align: center !important;
	*/
	
	min-height: 198px;
    text-align: left !important;
	
}

.single .carousel-caption h2 {
	
}

.carousel-caption h2 {
    text-transform: uppercase;
}


.carousel-control {
    width: 0% !important;
    background: none !important;
    background-color: none !important;
    background-image: none !important;
}

a.carousel-control {
    opacity: 1.0;
    color: #494949 !important;
    text-shadow: 0px 0px #000000 !important;
}

.carousel.White a.carousel-control i, .carousel.White a.carousel-control span.fas, .carousel.White a.carousel-control span.glyphicon {
    color: #FFF !important;
    position: absolute;
    top: 35% !important;
}

a.carousel-control i, a.carousel-control span.fas, a.carousel-control span.glyphicon {
    color: #494949 !important;
    position: absolute;
    top: 35% !important;
}

a.carousel-control span.glyphicon, a.carousel-control span.fas {
	font-size: 60px !important;
}

.user-controls {
    text-align: center;
    position: absolute;
    bottom: -10px;
    width: 100%;
}

a.carousel-control i:hover, a.carousel-control span.glyphicon, .user-controls ul li a:hover {
    opacity: 0.6;
    text-decoration: none;
}

.user-controls ul li a:active {
    opacity: 0.6;
}

.user-controls ul li a.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.user-controls ul li {
    margin: 0px 5px;
}

.user-controls ul {
	position: relative;
	float: right;
	margin-right: 80px;
}

.user-controls ul li a span.glyphicon, .user-controls ul li a span.fas {
    font-size: 16px;
}

.carousel.White .user-controls ul li a span.glyphicon, .carousel.White .user-controls ul li a span.fas {
    color: #FFF;
}

.slide-count {
    position: absolute;
    bottom: 0px;
    right: 80px;
}

.modify-btns {
    text-align: right;
}

.carousel-inner .item a p.lead:hover, .carousel-inner .item a h2:hover, .carousel-inner .item a:hover {
    text-decoration: none !important;
}

.carousel-inner .item.Green {
    background-color: #555E10;
    color: #FFF;
}

.carousel-inner .item.Blue {
    background-color: #1a4278;
    color: #FFF;
}

.carousel-inner .item.Grey {
    background-color: #494949;
    color: #FFF;
}

.carousel-inner .item.Green a p.lead, .carousel-inner .item.Green a h2, 
.carousel-inner .item.Blue a p.lead, .carousel-inner .item.Blue a h2,
.carousel-inner .item.Grey a p.lead, .carousel-inner .item.Grey a h2{
    color: #FFF !important;
}



.redactor-link-tooltip, .redactor-link-tooltip a {
    color: #fff !important;
}


.loading img {
	
	max-height: 50px;
	position: absolute;
	top: 50%;
  	left: 50%;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
\/\/\/\/\/\/ jquery.tagsinput.css /\/\/\/\/\/\/\/\/\/\/
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/\/\/\/\/\/\/\/\*/

div.tagsinput { 
	border:1px solid #CCC; 
	background: #FFF; padding:5px; 
	width:100%; height:43px !important;
	overflow-y: auto;
}

div.tagsinput span.tag { 
	border: 1px solid #555E10;
	display: block;
	float: left;
	padding: 5px;
	text-decoration: none;
	background: #555E10;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: helvetica;
	font-size: 13px;
}

div.tagsinput span.tag a { 
	color: #fff !important; 
	text-decoration:none; 
	font-size: 13px;  
} 
div.tagsinput input { 
	width:80px; 
	margin:0px; 
	font-family: helvetica; 
	font-size: 13px; 
	border:1px solid transparent; 
	padding:5px; 
	background: transparent; 
	color: #000; 
	outline:0px;  
	margin-right:5px; 
	margin-bottom:5px; 
}

div.tagsinput div { 
	display:block; 
	float: left; 
}

.tags_clear { 
	clear: both; 
	width: 100%; 
	height: 0px; 
}

.not_valid {
	background: #FBD8DB !important; 
	color: #90111A !important;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
/\/\/\/\/ ECM UPLOAD STYLES \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/

.doc-list {
	padding: 0px 25px;
}

.doc-list .row:first-child {
	margin-top: 20px;
}

.doc-list .row {
	padding: 10px 0px;
	border-top: 1px dashed #ccc;
}

.doc-list .row:last-child {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}

.doc-list .row .col-sm-9, .doc-list .row .col-sm-3 {
	padding: 0px !important;
}

.well.doc-well {
	min-height: 20px;
	padding: 15px 20px 5px 20px !important;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 2px dashed #e3e3e3 !important;
	border-radius: 0px !important;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
}

.well.doc-well:hover {
	background-color: #f5f5f5;
	-webkit-box-shadow: inset 0 4px 4px rgba(0,0,0,.05);
	box-shadow: inset 0 4px 4px rgba(0,0,0,.05);
}

.well.doc-well .file-upload {
	display: none;
}

.well.doc-well a {
	cursor: pointer;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
/\/\/\/\/ WIPP PRIMEFACES OVERRIDES \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/

.input-group .form-control {
    z-index: 1;
}

.ui-datepicker {
	z-index: 999;
}

.ui-datepicker.ui-widget-content {
	border: 1px solid #c5c5c5 !important;
}

.ui-datepicker .ui-state-default, 
.ui-datepicker .ui-widget-content .ui-state-default, 
.ui-datepicker .ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal !important;
    color: #454545 !important;
}

.ui-widget-content {
    border: 0px solid #dddddd !important;
    background: #fff;
	border-radius: 0px;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield, .ui-selectonemenu {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	height: 40px;
	border-radius: 0px;
	padding: 5px 8px;
	border: 1px solid #ccc;
	font-size: 18px;
	width: 100%;
}


.mail-box-panel .mail-cntrls {
	padding: 10px 0px 20px 0px;
}

.mail-box-panel .mail-box-tbl {
	
}

.mail-box-panel .mail-box-tbl thead th {
	background-color: #1a4278 !important;
	padding: 8px 5px !important;
	background-image: none;
	color: #FFF;
	text-shadow: none;
	text-align: left;
}

.mail-box-panel.ui-widget-content, 
.mail-box-panel .ui-inputfield, 
.mail-box-panel .ui-widget-content .mail-box-panel.ui-inputfield, 
.mail-box-panel .ui-widget-header .ui-inputfield, 
.mail-box-panel .ui-selectonemenu{
		height: auto;
		border-radius: 0px;
		padding: 5px 8px;
		border: 0px solid #ccc;
		font-size: 15px;
		width: auto;
}

.ui-panel .ui-panel-titlebar {
    border: 0px;
    border-bottom: 0px solid #ccc;
    border-radius: 0px;
    background-color: transparent;
    padding: 0px;
	margin: 10px -15px 5px;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a {
    border-radius: 4px 4px 0 0;
    line-height: 18px;
    padding-bottom: 8px;
    padding-top: 8px;
    color: #0088CC;
    font-weight: normal;
    border-top: 1px solid transparent;
}

.ui-selectonemenu label.ui-selectonemenu-label {
    padding-right: 10% !important;
    text-align: left !important;
    padding-top: 5px !important;
	background-color: #fff !important;
	
}

.ui-state-default, 
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default.form-control, 
.mw-tabs .ui-widget-content .ui-state-default.form-control,
.mw-tabs .ui-widget-content .ui-state-default.hasDatepicker{
    border: 1px solid #ccc !important;
    padding: 0px !important;
    background-color: #fff;
	border-radius: 0px;
}

.ui-state-default.form-control, .mw-tabs .ui-widget-content .ui-state-default.form-control, .mw-tabs .ui-widget-content .ui-state-default.hasDatepicker {
	padding-left: 8px !important;
}

.mw-tabs .ui-state-default, .mw-tabs .ui-widget-content .ui-state-default {
	border-bottom: 0px !important;
	margin-bottom: 1px !important;
}

.mw-tabs.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a, .mw-tabs.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a {
  background-color: #EEE;
  border-color: transparent;
  border-width: 1px;
  cursor: default;
  border-radius: 0 !important;	   
}

/*
.ui-state-default, .ui-widget-content .ui-state-default {
	border-bottom: 0px !important;
}
*/

.ui-inputfield, .ui-widget-content.ui-inputfield {
	padding: 0px 10px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    cursor: pointer;
    width: 29px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 6px !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee !important;
}

table.ui-selectmanycheckbox.ui-widget {
	clear: both !important;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
/\/\/\/\/\/\/\/\/\/ RESOURCES MODEL \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/


.services-btn {
	font-size: 20px;
	padding: 20px;
	text-transform: uppercase;
	font-weight: bold;
	max-width: 68%;
	margin: auto;
}

.resources-model {
	z-index: 999999 !important;
}

.resources-model .modal-dialog {
	margin-top: 75px;
	width: 98% !important;
}

.resources-model .modal-content {
	border-radius: 0px !important;
	background-color: #f4f4f3;
}

.resources-model h2.modal-title {
	  text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #1A4278 !important;
    border-bottom: 0px;
    font-size: 30px !important;
}

.four-panel h2, .two-panel h2 {
	color: #494949 !important;
	margin-bottom: 0px;
	padding: 8px 5px;
	font-size: 18px !important;
	text-transform: uppercase;
}

.four-panel > div, .two-panel > div {
	margin-bottom: 25px;
}

.four-panel > div h2 , .two-panel > div h2 {
	border-left: 1px solid #494949;
	border-top: 1px solid #494949;
	border-right: 1px solid #494949;
	padding: 20px 20px 0px 20px;
	background-color: #FFF;
}

.four-panel ul, .two-panel ul {
	list-style-type: none;
	margin: 0px;
	border-left: 1px solid #494949;
	border-bottom: 1px solid #494949;
	border-right: 1px solid #494949;
	padding: 15px 20px 20px 20px;
	background-color: #FFF;
}

.two-panel > div > div {
	margin: 0px;
	border-left: 1px solid #494949;
	border-bottom: 1px solid #494949;
	border-right: 1px solid #494949;
	padding: 15px 0px ;
	background-color: #FFF;
}

.two-panel > div > div  ul {
	list-style-type: none !important;
	border: 0px ;
	padding: 0px;
	margin: 0px;
}


.four-panel ul li, .two-panel ul li {
	border-bottom: 1px solid #494949;
	padding: 8px 0px
}

.four-panel ul li a, .two-panel ul li a {
	color: #494949 !important;
}

.four-panel ul li:last-child, .two-panel ul li:last-child {
	border-bottom: 0px;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
\/\/\/\/\/\/\ PRIME FACES ALERTS /\/\/\/\/\/\/\
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

.ui-widget-content.alert.alert-warning, .ui-widget-content.alert.alert-warning .ui-widget-content {
	background-color: #fcf8e3;
}

.ui-widget-content.alert.alert-danger, .ui-widget-content.alert.alert-danger .ui-widget-content {
	background-color: #A70E12;
	color: #fff;
}

.table-quesion-row {
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #ccc;
	padding: 10px 0px;
}

.table-quesion-row > div {
	padding: 3px !important;
}

.table-quesion-row:first-child {
	margin-top: 8px;
}

.table-quesion-row:last-child {
	border-bottom: 1px solid #ccc;
	padding: 8px 0px;
	margin-top: 8px;
}

.perc-cols .col-md-4 {
	font-weight: bold;
	font-size: 18px !important;
}

.perc-cols .perc {
	font-size: 40px;
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/\/\/\/\*/
/* /\/\/\/\/\/\/ EMP DISABELED TABLE ROW \/\/\/\/\/\/\*/
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/\/\/\/\*/

.whtablerownotdisplayed > .whtablelbl {
	text-decoration: line-through;
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/\/\/\/\*/
/* /\/\/\/\/\/\/ HTML5 FORM VALIDATION \/\/\/\/\/\/\/\*/
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/\/\/\/\*/

.hours-earnings.affix {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1001;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 4px 6px 0px rgba(0,0,0,0.6);
	box-shadow: 0 4px 6px 0px rgba(0,0,0,0.6);
}

.hours-earnings.affix [class*=col-] {
	font-size: 16px !important;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
\/\/\/\/\/ KNOCKOUT SELECTED TABLE ROW /\/\/\/\/\/\/\//
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/\/\/\/\/\/\/\/\*/

button.occu-item {
	width: 100%;
	background-color: #fff;
	border: 0px;
	text-align: left;	
}

.occu-item .row {
	padding: 8px 0px;
}

.occu-item .row:focus {
	border: 1px dashed #1a4278;
}

.occu-item.selected .row:focus {
	border: 1px dashed #fff;
}

.occu-table tr span.fas.fa-check, a.occu-item span.fas.fa-check, button.occu-item span.fas.fa-check {
	display: none;
}

.occu-table tr.selected span.fas.fa-check, a.occu-item.selected  span.fas.fa-check, button.occu-item.selected  span.fas.fa-check {
	display: block;
	color: #fff;
}

.occu-table tr.selected, a.occu-item.selected .row, button.occu-item.selected .row {
	background-color: #555E10 !important;
	color: #fff;
}

.occu-table tbody tr {
	cursor: pointer;
}

.ja-results-table {
	margin: 20px 0px 30px 0px;	
}

.ja-results-table button {
  border-bottom: 1px solid #ccc;
}

.row.table-heading {
	background-color: #1a4278;
	color: #fff;
	padding: 8px 0px;
	font-weight: bold;
	margin: 0px;
}

.row.table-row {
	padding: 0px;
	margin: 0px -18px;
}

.compare-container {
	padding: 0px 20px;
	border: 2px dashed #ccc;
	cursor: pointer;
	margin-top: 25px;
}


/*/\/\/\/\/\/\/\ HTML5 FORM VALIDATION \/\/\/\/\/\/*/

/*
textarea:required:invalid, select:required:invalid, input:required:invalid {
  	border-color: #a94442 !important;
}

textarea:focus:invalid, select:focus:invalid, input:focus:invalid {
  	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}
*/

/*/\/\/\/\/\/\/\ WIPP DASHBOARD CALENDAR \/\/\/\/\/\/*/

a[id*="j_idt30"], a.return-link  {
	
	font-size: 32px !important;
	margin-top: 20px;
}