/*----------------------------------------------------------------

This is the CSS file that provides per-website customisation over /http://www.health.gov.au/internet/r/publishing.nsf/AttachmentsByTitle/dha.css/$FILE/dha.css
This file should be 'crunched' from /templates/site/less/site.less.


---------------------------------------------------------------- */
body { /* padding-top: 30px; */
	background-color: #f9f9f9;
	color: #222222;
}

h2 {
	color: #0C77CE;
	background-color: initial;
	line-height: 2.0;
}

.h2 {
	color: #0C77CE; 
	background-color: initial;
	line-height: 2.0; 
	margin-top: 16px; 
	font-size: 22px; 
	font-size: 2.2rem; 
	margin: 0 0 8px 0
}

.nav-bar-pad {
	padding-top: 30px;
}

.login-style {
	padding-top: 0px;
}

.login-content {
	background-color: #ffffff;
	color: initial;
}

.no-padding {
	padding-top: 0px;
}

.header {
	position: relative;
	background-image: linear-gradient(to bottom, #f5fbff 10%, #ffffff);
	/*background-color: #f9f9f9;*/
	color: initial;
	background-color: #f5fbff;
	/*box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25) inset, 0px 1px 3px
		rgba(0, 0, 0, 0.25) inset;*/
	min-height: 170px;
	filter: none;
	/*background-image: linear-gradient(to bottom, #1179d2, #113184);*/
    border-bottom: 3px solid #7ec5ff;
}

.header-bg {
	/*background: url("../images/ProsthesesPrism.jpg") no-repeat scroll 0px
		5px/contain transparent !important;
	background: url("../images/ProsthesesPrism.jpg") no-repeat scroll 0px
		5px;*/
}

.header .crest { 
	background: none; 
	padding: 30px 25px; 
}

.header .flag {
	color: #000;
	background-color: transparent;
	top: 55px;
}

.flag p em {
    padding: 0 10px 5px 0;
    font-style: normal;
    border: 3px solid transparent;
}
.flag p em.boxed {
	color: #2e96ec;
    background: white;
    border: 3px solid #7ec4fe;
    font-weight: bold;
    padding-left: 10px;
}
.header .flag a:hover, .header .flag a:active, .header .flag a:focus {
	text-decoration: none;
}
.header .flag a:hover p em + em, .header .flag a:active p em + em, .header .flag a:focus p em + em  {
	border: 3px solid #cae7ff;
	border-left: none;
    padding-right: 5px;
    padding-left: 3px;
}
.header .flag a:hover p em.boxed, .header .flag a:active p em.boxed, .header .flag a:focus p em.boxed {
	background: #2e96ec;
    color: white;
}

/*.header .crest a { 
	background: url("../images/DoHCrest.png") no-repeat center center transparent;
}*/

.title {
	padding-top: 20px;
	/* padding-bottom: 5px; */
	border-bottom: 1px solid #BCBEB0;
	margin-bottom: 0px;
	background: #368EE0;
}

.title h1 {
	color: #fff;
	background-color: initial;
}

.home-graphics {
	position: relative;
	background-image: none;
	background: url("../images/ProsthesesFootImage.jpg") 50px 10px no-repeat
		transparent;
	min-height: 170px;
}

.navbar-inner {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.header .flag h1,.header .flag p {
	line-height: 1;
	background: none!important;
    color: #2e96ec;
    margin-top: 10px;
    padding-bottom: 0;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 3em;
    text-indent: inherit!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}



.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #ffffff;
	color: initial;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
	border: 1px solid #CDCDCD;
	border-radius: 0px;
}
.well.panel {
    margin-right: 1em;
    padding: 0.5em 1em;
    border-color: #cae7ff;
}
.well.panel em.info-notice {
    margin-left: -1em;
    padding: 0.5em;
    display: block;
    background: aliceblue;
    margin-top: -0.5em;
    margin-right: -1em;
    text-align: center;
    margin-bottom: 1em;
}


.footer ul {
	text-align: center;
}

.footer li {
	color: #ffffff;
	background-color: initial;
	font-size: 1.6rem;
}

.footer a {
	text-decoration: underline;
	color: #fff;
	background-color: initial;
}

.footer {
	overflow: hidden;
	background: none repeat scroll 0% 0% #0C4182;
}

.navbar-inverse .navbar-inner {
	background-color: #0C77CE;
	background-image: none;
	background-repeat: repeat-x;
	color: #ffffff;
}

.navbar-inverse .brand,.navbar-inverse .nav>li>a {
	color: #ffffff;
	background-color: initial;
	text-shadow: none;
	font-size: larger;
}

.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover {
	background-color: #0C4182;
	color: #ffffff;
}

.content {
	margin-top: 24px;
	margin-bottom: 0px;
}

#content.application-details {
	margin-top: 10px; /*margin-top: 0px;*/
}
#content h3 { 
	color:#004e96; 
	font-weight:bold;
	margin-left: 10px; 
}
#content h3 em {
    color: #2e96ec;
    background: white;
    padding: 2px 8px 4px 8px;
    margin-right: 5px;
    font-style: normal;
    border: 2px solid #ff8a25;
	font-size: 15pt; /*SortSite WCAG. Doesn't actually need this but SortSite whinges.*/
}
#content .panel-body h3 { margin-left: 0; }

.no-margin {
	margin-top: 0px;
}

.panel {
	margin-bottom: 20px;
	background-color: #FFF;
	color: initial;
	border: 1px solid transparent;
	border-radius: 2px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.panel-default {
	border-color: #E9E9E9;
}

.panel-heading {
	border-bottom: 1px solid transparent;
	border-top-right-radius: 1px;
	border-top-left-radius: 1px;
}

.panel-heading h2 {
	text-transform: uppercase;
	color: #ffffff;
	background-color: initial;
	text-align: center;
	font-size: 14px;
	margin-top: 0px;
}

.panel-body {
	background: none repeat scroll 0% 0% #fff;
}

.panel-default>.panel-heading {
	color: #fff;
	background-color: #0C77CE;
	border-color: #E9E9E9;
}

.dropdown-menu {
	min-width: 280px;
}

.button-block {
	padding: 40px 0px 0px 60px;
}

.btn {
	background: #eee;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #444;
	background-color: #f5f5f5;
	filter: none;
}
/*#topParent .btn {	
	background-color: #e8f3fa;
    border: 1px solid #b4deff !important;
    color: #063d69;
}*/

.btn.btn-primary, button.btn.btn-primary {
	background: #368ee0;
	color: #fff;
	text-shadow: none;
	filter: none;
}

.nav-buttons .btn.btn-primary {
	background: #368ee0;
	color: #fff;
	background-color: #368ee0;
	text-shadow: none;
	filter: none;
	width: 100%;
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
	background: #1e74c5;
}

.btn-primary {
	background-color: #0C77CE;
	color: #fff;
	border-color: #095DA6;
}

.btn.btn-secondary, button.btn.btn-secondary {
	background-color: #e8f3fa;
    border: 1px solid #b4deff !important;
    color: #063d69;
	/*font-size: 1.2em;*/
}
.btn.btn-secondary.btn-large, button.btn.btn-secondary.btn-large {
	font-size: 1.2em;
}

.btn {
	border-color: #cdcdcd;
}

.footer .container {
	background: none;
}

button.btn.pull-right {
	color: #0C77CE;
	background-color: initial;
}
.ui-panel button.pull-right.btn {
	position: absolute;
    right: 0.5em;
    top: 0.4em;
    background: #0C77CE;
    font-size: 1.1em;
    text-shadow: none;
    padding: 4px 16px;
    color:white;
}

#topParent .ui-panel button.pull-right.btn.alt {
    background: transparent!important;
    color: #0C4182;
    font-size: 1.5em;
    padding: 0;
    top: 3px;
    right: 0;
    width: 2em;
    text-align: left;
    box-shadow: none;
}
.ui-panel button.pull-right.btn.alt span.ui-icon {
	width: 20px;
	height: 20px;
}

.fileButtons button {
	margin-left:5px;
}
.fileButtons button:first-child {
	margin-left:0;
}

.intro-block {
	border-bottom: #0C77CE 1px solid;
	margin-top: 30px;
}

.btn-padding {
	margin-top: 70px;
}

.prism {
	position: relative;
	background-image: none;
	background: url("../images/ProsthesesPrismWhole.jpg") 0px 20px no-repeat
		transparent;
	min-height: 340px;
}

.form-horizontal .control-label {
	text-align: left;
}
.ui-columntoggler .ui-columntoggler-item .control-label {
	display: block;
    padding-left: 2.2em;
}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input
	{
	background: #fff;
	color: #333;
	background-color: #fff;
}

.form-control {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

input,textarea,input:focus {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	outline-width: 0;
}

.form-actions {
	background: 0;
	border: 0;
}

.form-actions {
	padding: 15px;
}

[class *="span"] .form-actions {
	margin-bottom: 0;
}

.form-no-margin {
	margin: 0;
}

.panel-body { /*padding: 20px;*/
	border: 1px solid #DDD;
	background: none repeat scroll 0% 0% #FFF;
	margin-top: -1px;
	line-height: 21px;
	border-radius: 0px 2px 2px;
	box-shadow: 1px 1px 2px #EEE;
	min-height: 520px;
}

/* Form wizard */
.box.box-bordered.box-color .box-title {
	border-color: #368ee0;
}

.box.box-bordered .box-title {
	border: 2px solid #ddd;
}

.box.box-color .box-title {
	background: #368ee0;
}

.box .box-title {
	*zoom: 1;
	border-bottom: 1px solid #ddd;
	padding: 7px 0 7px 10px;
	margin-top: 20px;
}

.box-content h2 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 50px;
}

.box .box-title h2 {
	text-align: center;
	margin: 3px 0 3px 0;
	line-height: 24px;
	font-weight: 400;
	color: #444;
	background-color: initial;
	font-size: 24px;
	text-transform: uppercase;
}

.box .box-title:after {
	content: "";
	display: table;
	clear: both;
}

.box.box-bordered .box-content {
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom: 0;
}

.box .box-content {
	*zoom: 1;
	padding: 20px;
	background: #fff;
}

.box .box-content:after {
	content: "";
	display: table;
	clear: both;
}

.box .box-title h3 i {
	margin: 0 10px 0 5px;
}

.form-wizard {
	margin-bottom: 0;
}

.form-wizard.wizard-vertical {
	margin-bottom: 0;
}

.form-wizard.wizard-vertical .step {
	background: #eee;
}

.form-wizard.wizard-vertical .wizard-steps {
	float: left;
	width: 320px;
	margin-bottom: 0;
	min-height: 300px;
}

.form-wizard .wizard-steps {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
	*zoom: 1;
	background: #eee;
}

.form-wizard .wizard-steps:after {
	content: "";
	display: table;
	clear: both;
}

.form-wizard.wizard-vertical .wizard-steps>li.active:first-child {
	border-top: 0;
}

.form-wizard.wizard-vertical .wizard-steps>li.active {
	background: #fff;
	position: relative;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.form-wizard.wizard-vertical .wizard-steps>li:first-child {
	border-top: 0;
}

.form-wizard .wizard-steps.steps-2 li {
	width: 50%;
}

.form-wizard .wizard-steps.steps-3 li {
	width: 33.333%;
}

.form-wizard .wizard-steps.steps-4 li {
	width: 25%;
}

.form-wizard .wizard-steps.steps-5 li {
	width: 20%;
}

.form-wizard .wizard-steps li.active {
	background: #fff;
	position: relative;
}

.form-wizard.wizard-vertical .wizard-steps>li {
	float: none;
	width: 100% !important;
	*zoom: 1;
	display: block;
	background: #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.form-wizard .wizard-steps li {
	float: left;
	text-align: center;
}

.form-wizard.wizard-vertical .wizard-steps>li.active:after {
	position: absolute;
	content: "";
	top: 0;
	left: auto;
	bottom: 0;
	background: #ffffff;
	width: 1px;
	right: -1px;
	height: 100%;
	display: block;
}

.form-wizard .wizard-steps li.active:after {
	position: absolute;
	bottom: -1px;
	right: 0;
	left: 0;
	content: "";
	background: #ffffff;
	width: 100%;
	height: 1px;
	display: block;
}

.form-wizard.wizard-vertical .wizard-steps>li:after {
	content: "";
	display: table;
	clear: both;
}

.form-wizard.wizard-vertical .wizard-steps>li .single-step {
	*zoom: 1;
	padding: 15px 0px 15px 10px;
}

.form-wizard .wizard-steps li .single-step {
	padding: 15px 0;
}

.form-wizard.wizard-vertical .wizard-steps>li .single-step:after {
	content: "";
	display: table;
	clear: both;
}

.form-wizard.wizard-vertical .wizard-steps>li .title {
	float: left;
}

.form-wizard .wizard-steps li .single-step .title {
	text-align: center;
	font-size: 16px;
	background: #ddd;
	padding: 4px 10px;
	color: #555;
	background-color: #ddd;
}

.form-wizard .wizard-steps li.active .single-step .title {
	background: #368ee0;
	color: #fff;
	background-color: #368ee0;
}

.form-wizard.wizard-vertical .wizard-steps>li .description {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}

.form-wizard .wizard-steps li .single-step .description {
	color: #555;
	background-color: initial;
}

.form-wizard .wizard-steps li.active .single-step .description {
	color: #333;
	background-color: initial;
}

.form-wizard.wizard-vertical .form-content {
	background: #fff;
	border-left: 1px solid #d6d6d6;
	margin-left: 220px;
	padding: 10px 10px;
	overflow: hidden;
	min-height: 300px;
}

.form-wizard .step .form-group {
	padding: 0 20px;
}

.form-wizard.wizard-vertical .form-content .form-group {
	padding: 15px;
}

.form-wizard .form-actions {
	margin-top: 0;
	margin-bottom: 0;
}

.form-wizard.wizard-vertical .form-actions {
	padding-left: 340px;
	background: #fff;
	margin-bottom: 0px;
	margin-top: 0;
	border-top: 1px solid #d6d6d6;
}

.form-actions:before,.form-actions:after {
	margin-top: 20px;
}

select#administrators {
	min-width: 284px;
	min-height: 150px;
}

/* utilities */
.nopadding {
	padding: 0 !important;
}

.errorMessagePanel > div:first-child { margin-top: 15px; } 

.alert,.alert h4 { color: #000; }
.alert { font-size: 1.2em; padding: 15px 10px;}
.alert:focus { outline: none; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
.alert span:first-child { margin-top: -10px; }
.alert > i { 
	font-size: 2.0em;
    float: left;
    margin-top: -7px;
    margin-right: 10px!important;
 }
.alert-success { border: 1px solid #95ce7c; color: #1c5a00;}
.alert-success > i { color: #1c5a00;}
.alert-warn > i { color: #a58019;}
.alert-warn { border: 1px solid #e6c976; color: #6b4f00;}
.alert-error > i { color: #820000;}
.alert-error { border: 1px solid #d6aeae; color: #440000;}
.alert-error .validation-block-list { margin-left: 2em; margin-bottom: 0; }

#topParent .alert.alert-success a { color: #95ce7c; }
#topParent .alert.alert-success a:hover, #topParent .alert.alert-success a:focus, #topParent .alert.alert-success a:active  { 
	color: #1c5a00!important; background: transparent!important;
}
#topParent .alert.alert-warn a { color: #e6c976; }
#topParent .alert.alert-warn a:hover, #topParent .alert.alert-warn a:focus, #topParent .alert.alert-warn a:active { 
	color: #6b4f00!important; background: transparent!important;
}



table { margin-bottom: 0; }
table caption {
	background-color: #0C77CE;
    background: linear-gradient(to left, #82bdec 40%, #0c77ce);
    color: #FFF;
    padding: 10px;
    font-weight: bold;
    text-align: left;
}

.tableSummary > .ui-panel {
	border: none;
	position: relative;
}

#topParent .ui-datatable-header {
	border-left: 1px;
	background: linear-gradient(to right, #196fb7 40%, #368ee0);
    background-color: #196fb7;
    color: #FFF;
    padding: 10px!important;
    font-weight: bold;
    text-align: left!important;
    border: transparent;
}

#topParent .ui-datatable-header span.ui-datatable-header-title {
	display: inline-block;
    margin-top: -15px;
    margin-bottom: -10px;
    vertical-align: middle;
}

#topParent .ui-datatable-header span.ui-datatable-header-title-text{
	display: block;
    width: 600px;
}

#topParent .is-filtered, #topParent .is-filtered .ui-datatable-header {
	border-top-left-radius: 10px;
}

#topParent .ui-datatable-header .is-filtered {
	background: #cae7ff;
    display: inline-block;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    border-top-left-radius: 10px;
    margin-bottom: -10px;
    margin-right: 10px;
    color: #144a77;
    border: 1px solid #6a99bf;
    border-right: none;
}

/* application details style */
.application-status {
	color: #000;
	margin-bottom: 0px;
	margin-top: -10px;
	background-color: #f9f9f9;
	padding: 3px 0px 6px 20px;
	border: 1px solid #E9E9E9;
	clear: both;
}

.application-details .content-area {
	margin-top: 20px;
}

.application-details .panel-body {
	min-height: 245px;
}

.form-application-details {
	padding: 10px 0 0 15px;
}

.panel.panel-default.no-margin-bottom {
	margin-bottom: 0px;
}

select#box1View,select#box3View,select#box2View,select#box4View {
	width: 220px;
	border: 1px solid #cccccc;
	background-color: #f9f9f9;
	color: initial;
	border-radius: 0px;
	height: 125px;
}

.form-group.span2.ms-nav {
	margin-top: 60px;
}

.form-actions.application-access {
	margin-top: 0px;
	padding: 0px 15px 0px 0px;
}

/* DEV ADDED */
div.checkbox_label {
	float: left;
	padding-left: 10px;
}

.nav-buttons a.btn.btn-primary {
	padding: 11px 0px;
}

.nav-buttons .btn.btn-primary {
	padding: 11px 0px;
}

.panel-body a.btn.pull-right {
	margin: 0px 15px 10px 0px;
	color: #0C77CE;
	background-color: 0C4182;
}

table tr td a.action-icon {
	color: #1157AD;
	background-color: transparent;
}

#applicationVersion {
	padding: 10px 0px 0px 0px;
	background: none repeat scroll 0% 0% rgb(231, 233, 236);
	border-top: 1px solid rgba(0, 0, 0, 0.25);
	color: rgba(0, 0, 0, 0.38);
	background-color: rgb(231, 233, 236);
	font-size: 1.3rem;
}

#applicationVersion div.container {
	padding: 0px;
}

.validation-block-list {
	margin-top: 8px !important;
}

.btn-left-pad {
	margin-left: 10px !important;
}

#multiSelectArrows {
	margin-top: 60px;
}

.countdown-div {
	float: left;
	font-weight: bold;
}

.countdown-text-div {
	padding-left: 3px;
}

.countdown_row.countdown_amount {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.3rem;
	text-align: left;
}

select[size="1"] {
	height: 30px;
	color: black;
}

input[disabled] {
	opacity: 1.0;
	background: #eeeeee;
}

.title h2 {
	color: #fff;
	background-color: initial;
}

.underscore-link {
	text-decoration: underline !important;
	color: blue !important;
	background-color: intial;
}

p.no-margin {
	margin: 0;
}

.content hr {
	margin: 15px 0px;
}

.sub-section-margin {
	margin-top: 60px;
}

.artg-col1 {
	width: 20%;
}

.artg-col2 {
	width: 36%;
}

.artg-col3 {
	width: 20%;
}

.artg-col4 {
	width: 12%;
}

.artg-col5 {
	width: 8%;
}

.artg-col6 {
	width: 4%;
}

.attachments-col1 {
	width: 23%;
}

.attachments-col2 {
	width: 23%;
}

.attachments-col3 {
	width: 50%;
}

.attachments-col4 {
	width: 4%;
}

.clickable-input,.clickable-input-entry {
	width: 90%;
}

.clickable-input-entry {
	font-style: italic;
}

.information-bar-buttons {
	padding-bottom: 10px;
	background-color: #F9F9F9;
	color: initial;
	border-bottom: 1px solid #D4D1D1;
	margin: 0;
}

.attachment-type-item {
	font-weight: bolder;
}

/* UI Component padding */
.pad-fifteen {
	margin-top: 15px;
}

.wide-search-entry {
	width: 500px;
}

.modal-h2 {
	margin-bottom: 0 !important;
}

.modal.wide-modal {
	position: absolute;
	top: 10%;
	left: 50%;
	z-index: 1050;
	width: 70%;/*Fixed as part of DP-491 - which relates to DP-397*/
	height: auto;
	margin-left: -30%;
	background-color: #ffffff;
	color: initial;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	*border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none;
}

.modal.wide-modal.fade {
	-webkit-transition: opacity .3s linear, top .3s ease-out;
	-moz-transition: opacity .3s linear, top .3s ease-out;
	-o-transition: opacity .3s linear, top .3s ease-out;
	transition: opacity .3s linear, top .3s ease-out;
	top: -25%;
}

.modal.wide-modal.fade.in {
	top: 10px;
}

.modal.wide-modal .modal-body {
	max-height: 450px;
}

.input-text-area {
	width: 95%;
	margin-bottom: 5px !important;
}

textarea {
	padding: 6px !important;
}

.mandatory-indicator {
	float: left;
}

.mandatory-indicator,.mandatory-indicator-nofloat {
	color: #646464; /*#959393;*/
	width: 100px;
}

.h2-next-to-mandatory-indicator {
	margin-right: 100px;
}

a.btn.pull-right,span.btn.pull-right {
	margin: 0px 15px 10px 0px;
	color: #0C77CE;
	background-color: #EEE;
}

div.title div.container div.row-fluid div h1 {
	margin-left: 10px;
}

/* new styles */
.application-status-info {
	color: #000;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color: #fff;
	padding: 10px 10px 5px 5px;
	border: 1px solid #E9E9E9;
}

.info-bar-label {
	float: left;
	width: 160px;
}

.info-bar-value {
	padding-left: 160px;
}

.nomargin {
	margin: 0;
}

.btn-infobar {
	margin: 0px 15px 10px 0px;
}

a[id$='showPageHelp'] {
	margin-right: 5px;
}

.trainingenvdiv {
	z-index: 9999;
	position: fixed;
	left: 50%;
 	top: 0px;
	margin-left: -212px; // 1/2 the width of the contents
}

.trainingenv {
    color: #FFFF99;
    font-size: 2.5em;
    white-space: nowrap;
    padding: 10px;
    display:inline-block;
    background-color: #0C77CE;

	/* From http://stackoverflow.com/questions/11807286/how-to-make-div-background-color-transparent-in-css */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=50);  /* IE 5-7 */
	-moz-opacity: 0.5;          /* Netscape */
	-khtml-opacity: 0.5;        /* Safari 1.x */
	opacity: 0.5;               /* Good browsers */    
}

/* Reset default table width to remove the 100% that dha.css is setting */
table {
	width: auto;
}

/* Make focus more visible */
#topParent a:hover, #topParent a:focus, #topParent a:active, #topParent button:hover, #topParent button:focus, #topParent button:active {
	background: #0C4182 !important;
	color: #FFF !important;
	text-shadow: none !important;
}

.nav-buttons .btn.btn-primary {
	background-color: #0C77CE;
	color: #FFF
}

.title {
	background-color: #0C77CE;
	color: initial
}

.panel-body a.btn.pull-right {
	color: #333;
	background-color: #EEE;
}
/* PLMS-374 END */

/* PLMS-375 START */
.btn.btn-primary, button.btn.btn-primary {
	background-color: #0C77CE;
	color: #fff;
	border: 1px solid #38a6ff !important; /*1px solid #b4deff !important;*/
}
/* PLMS-375 END */

/* PLMS-376 START */
.form-wizard .wizard-steps li.active .single-step .title {
	background-color: #0C77CE;
	color: initial
}
/* PLMS-376 END */

/* PLMS-400 START */
div.modal.wide-modal {
	max-height: 95%;
	overflow-y: auto;
}

div.modal.wide-modal div.modal-body {
	max-height: 100%;
}
/* PLMS-400 END */

.modalMultiSelectWideListBox {
	width: 100%;
	max-height: 450px;
	word-wrap: break-word;
}

/* Global NAV Restyle */
.navbar { margin-bottom: 0; }
#navBar .navbar.navbar-fixed-top { position:absolute;}
.navbar nav { margin: 0; }
#topParent .navbar nav .nav { position: inherit; }
#topParent .navbar nav .nav > li.hero {
    /*background-image: linear-gradient(to bottom, #ffffff, rgb(210, 234, 255));*/
    border-left: 1px solid #7ec4fe70;
    border-right: 1px solid #7ec4fe70;
    margin-left: -1px;
}
.navbar.navbar-default .nav > li > a { color: black; }
.navbar.navbar-default .nav > li.hero > a {
	color: #1862a0;
    font-weight: bold;
}
.navbar-inner {
	padding-left: 0;
	padding-right: 100px;
	/*border-top: 3px solid #7ec5ff;*/
	border-top: none;
	border-left: none;
	border-right: none;
	/*margin-top: -2px;*/
	/*box-shadow: 0px 5px 20px 7px rgba(0, 0, 0, 0.12);*/
	background-image: linear-gradient(to bottom, #ffffff, rgba(126, 197, 255, 0.18));
	border-bottom-right-radius: 4px;
    border-bottom: 1px solid #cae7ff;
    border-right: 1px solid #cae7ff;
}

.navbar-wrapper { position:relative; }
.navbar-home { 
	float: left;
	font-size: 1.6em;
	padding: 10px;
	background-color: #ff8a25;
	color: white;
	padding-bottom: 9px;
}

.navbar-home a.ui-widget { 
	font-size: 1.0em; 
    width: 25px;
    display: inline-block;
}

.navbar-nav li.headsupp a {     
	color: #0e8292!important;
    font-weight: bold;
}
.navbar-nav li.headsupp a span { 
    color: #003d4f;
    font-weight: bold;
    font-stretch: condensed;
}
.navbar-nav li.headsupp a:hover span, .navbar-nav li.headsupp a:active span, .navbar-nav li.headsupp a:focus span { color: white; }

.navbar-nav > li.pull-right {
    right: 0;
    position: absolute;
}
#topParent .navbar-nav > li.pull-right > a { 
	padding: 8px 15px 8px;
    color: #66acec;
    display: inline-block;
}
#topParent .navbar-nav > li.pull-right > a.iconOnly {
	font-size: 1.6em;
    padding: 10px;
    padding-bottom: 9px;
    vertical-align: top;
}
#topParent .navbar-nav .iconOnly:hover, #topParent .navbar-nav .iconOnly:active, #topParent .navbar-nav .iconOnly:focus {
	background: transparent!important;
	color: #0C4182 !important
}
#topParent a.iconOnly.help-icon {
	font-size: 1.9em!important;
    padding-top: 8px!important;
}

.dropdown-menu > li > a {
    position: relative;
    padding-left: 2.3em;
}
.dropdown-menu > li > a > i {
    text-align: center;
    width: 30px;
    padding-top: 0.375em;
    position: absolute;
    top: 0;
    left: 0;
 }
 .navbar-nav > li.dropdown > a > i { 
 	margin-right: 6px; 
 }

#topParent { position:relative; }
#topParent .navbar-home a:hover { background: inherit!important; color: #0C4182!important; }
#topParent .navbar-home a:active, #topParent .navbar-home a:focus { background: inherit!important; }
#topParent table tr td a.action-icon:hover {
	background: inherit!important;
	color: #ff7600!important;
}

/*.filesTable thead { display: none; }*/
.filesTable { margin-bottom: 20px; }
.filesTable tr:hover td {background-color: inherit; }
.filesTable tbody td {position:relative;}
.filesTable tbody tr { background: #f7fbff; }
.filenav { margin-top: 5px; }
.filenav .nav { position: inherit; }
.filenav ul { padding: 0; }
.filenav ul li { margin-bottom: 0; margin-right: 5px; }
.filenav ul li i { font-size: 1.3em; display: inline-block; margin-top: 4px;}
.filenav ul li a { 
	color: #004e96!important; 
	padding: 5px 10px!important; 
	border-radius: 10px;
	background: #e4f4fc!important; 
	font-size: 0.9em!important;
}
#topParent .filenav ul li a:hover { color: white!important; background: #004e96!important; }
#topParent .filenav ul li a:hover i { color: #ff8a25!important; }

.filenav ul li.alt {
	position: absolute;
    top: 2px;
    right: -3px;
}
.filenav ul li.alt a {
    background: white!important;
    border: 2px solid #e8f3fa;
    border-radius: 20px;
    padding: 2px 5px!important;
    font-size: 0.85em;
    font-weight: bold;
}

.filesPanel h3 { color:#004e96; font-weight:bold; }

.dataAssetComments { margin-bottom: 20px; }
.dataAssetComments td span { padding-top: 0.3em; display: inline-block;}

/* Back Navigation */
#backNav {
	position:absolute;
	top:0.4em;
	right:0;
}
#backNav a {
	padding: 0.5em 1em 1em 0.5em;
    border-radius: 4px;
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #ff8a25;
	color:white;
}
#backNav a:hover { color:white; text-decoration: none; cursor: pointer;}

/* Quick Search */
#quicksearchwrapper input.quicksearch {
	border: #7ec5ff 1px solid;
	border-right: none;
	background: transparent;
	height: 18px;
	display: inline-block;
	margin-bottom: 0;
	width: 190px;
	padding-right: 25px;
}
#quicksearchwrapper input.quicksearch:focus, #quicksearchwrapper input.quicksearch:hover {
	background: white;
}
#quicksearchwrapper {
	display: inline-block;
	margin-top: 6px;	
}
#quicksearchwrapper button {
	padding: 6px;
	background: #0C77CE; /*#66acec;*/ /*#368ee0;*/
	color: #fff;
	text-shadow: none;
	filter: none;
	height: 28px;
	border-radius: 0;
	border-right: 1px solid #ffffff59!important;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 0;
    margin-top: 0;
}
#quicksearchwrapper button.ui-splitbutton-menubutton {
    width: 1.5em;
    border-radius: 0 4px 4px 0;
}
#quicksearchwrapper button.ui-button-icon-only .ui-button-text {
	padding: 0!important;
}
#quicksearchwrapper a.searchClear {
	position: absolute;
    left: 200px;
    top: 10px;
    color: #66acec;
    display: none;
}
#quicksearchwrapper a.searchClear:hover, #quicksearchwrapper a.searchClear:active, #quicksearchwrapper a.searchClear:focus {
	background: transparent !important;
	color: #0C4182 !important
}

input.quicksearch::placeholder { 
	color: #0071ce;
    opacity: 1; /* Firefox */
	font-size: 0.95em;
}
input.quicksearch:focus::placeholder { color:#0071ce96; }
input.quicksearch:-ms-input-placeholder { color: #0071ce; }
input.quicksearch::-ms-input-placeholder { color: #0071ce; } 

div[id$='searchOptionsPanel'] {
	min-width: 600px;
}
div[id$='searchOptionsPanel'] .ui-panel.ui-widget-content { 
	border-color: #c4deee;
}
div[id$='searchOptionsPanel'] .ui-overlaypanel-content {
	padding: 0;
}
div[id$='searchOptionsPanel'] .ui-overlaypanel-content .ui-panel-content {
	border:none;
	padding:0.5em!important;
}
div[id$='searchOptionsPanel'] .ui-overlaypanel-content h2 {
	font-weight: bold;
    margin-top: -0.3em;
    margin-bottom: 0.3em;
    font-size: 1.3em;
    display: inline-block;
}
div[id$='searchOptionsPanel'] .searchExecute {
    display: inline-block;
}
div[id$='searchOptionsPanel'] .resetSearch {
	display: inline-block;
	margin-right: 0.5em;
}
div[id$='searchOptionsPanel'] .ui-selectmanycheckbox label {
    font-size: 1.3rem;
    margin-right:0!important;
}

div[id$='searchOptionsPanel'] table td {
	padding: 5px;
}
div[id$='searchOptionsPanel'] table.ui-selectoneradio td {
	display: block;
}
div[id$='searchOptionsPanel'] table tr:hover > td {
	background: inherit;
}

div[id$='searchOptionsPanel'] .radioGroup {
	list-style: none;
	margin: 0;
}
div[id$='searchOptionsPanel'] .radioGroup li {
	padding: 5px;
}
div[id$='searchOptionsPanel'] .radioGroup label {
	display: inline-block;
	font-size: 1.3rem;
	margin: 0 16px 0 8px;
}

#topParent .ui-datatable-header .searchClear {
	width:auto!important;
}

/* Override the bootstrap icons with font awesome icons */
button .ui-icon[class*=" icon-"], span.ui-button .ui-icon[class*=" icon-"] {
	text-indent: inherit!important;
	background-image: none!important;
}

.sidecontent {
    background: linear-gradient(to right, #e5f1fb, #f9f9f9)!important;
	padding-left: 5px;
	min-height: 600px;
	display: inline-block;
	width: 100%;
}

.sidecontent > h2 { padding-left: 5px; font-weight: bold; }

.assetTree .ui-tree ul.ui-tree-container { overflow: hidden; }
.assetTree .ui-treenode-content { outline: 0; }
.assetTree .ui-treenode-content > span { float:left;} 
.assetTree .ui-treenode-content span.ui-treenode-label { display:block; }

.ui-treenode-content .ui-treenode-outline { outline: 0!important; }
.ui-treenode-content .ui-treenode-outline a { background: #b4ddff; }
.ui-treenode-content span.ui-treenode-label { float:none; text-overflow: ellipsis; overflow: hidden; padding:0;}
.ui-treenode-content span.ui-treenode-label a { 
	padding: 2px 5px;
    border-radius: 4px;
    display: inline-block; 
}

.ui-treenode-content span.ui-treenode-label.ui-state-hover { background: transparent; }
.ui-treenode-content span.ui-treenode-label.ui-state-hover a { background: #0C4182; color: white;}
.ui-treenode-content span.ui-treenode-label.ui-state-highlight { background: inherit; background-image: inherit; color: inherit; }
.ui-treenode-content span.ui-treenode-label.ui-state-highlight a {
	color: #ffffff;
	background-color: #0081c2; 
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
}

    
.assetTree .sidecontent .ui-tree { 
	background-color: transparent;
	width: 100%!important;
    border-width: 0;
    overflow-y: auto;
}

/*Top Nav Override */
#navBarPad { display: none; }
#navBar .navbar-inner { background: transparent; border: none; box-shadow: none; }
#navBar .navbar-inner .container > ul.nav { display: none; }

#navBar ul.nav.pull-right > li > a { 
	background-image: linear-gradient(20deg, #0c77ce, #68aeef 90%);
	background-color: #0c77ce;	
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; 
}

/*Data Asset NavBar Dropdown Menu*/
#dataAssetNavBar { 
	height: 60px;
	/*border-top: 2px solid white;*/
	/*background-image: linear-gradient(to right, #eaeaea, #f9f9f9);*/
	background: linear-gradient(to right, white 90%, #f9f9f9);
    border-bottom: 1px solid #cae7ff;
    box-shadow: 0px 5px 5px 2px rgb(240, 247, 253);
}

#dataAssetNavBar.no-workflow { border-bottom: none; }

#dataAssetNavBar .nav.pull-right { 
    padding-right: 5px;
	margin-top: 9px;
}

#dataAssetNavBar .nav.pull-right > li:not(.editing) {
	border-left: 1px solid #7ec4fe;
}
#dataAssetNavBar .nav.pull-right > li:first-child, #dataAssetNavBar .nav.pull-right > li.button-like + li {
	border: none;
}
#dataAssetNavBar .nav.pull-right > li:only-child:not(.editing):not(.button-like) {
	border-left: 1px solid #7ec4fe!important;
}

/*#dataAssetNavBar .nav.pull-right > li.button-like, #dataAssetNavBar .nav.pull-right > li:last-child {
	border: none;
}*/

#dataAssetNavBar .nav.pull-right > li.button-like a {
    position: relative;
    border: 1px solid #7ec4fe;
    background: #f4fbff;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-left: 2px;
    margin-right: 2px;
    color: #004e96;
}
#dataAssetNavBar .nav.pull-right > li.button-like a i {
    color: #368ee0;
    font-size: 0.9em;
}
#dataAssetNavBar .nav.pull-right > li.button-like a span {
	font-size: 1.5rem;
    font-weight: bold;
    vertical-align: middle;
}

#dataAssetNavBar .nav.pull-right > li.button-like > a:hover span {
    color: #004e96!important;
}
#dataAssetNavBar .nav.pull-right > li.button-like > a:hover i {
    color: #ff8a25!important
}
#dataAssetNavBar .nav.pull-right > li.button-like > a:active i, #dataAssetNavBar .nav.pull-right > li.button-like > a:active i {
	color: #ff8a25!important
}

#dataAssetNavBar .nav.pull-right > li:last-child {
	margin-right: -4px;
}

#dataAssetNavBar .nav.pull-right > li.alt:only-child > a > span {
	display: inline-block;
}

#dataAssetNavBar .nav.pull-right > li > a {  
	padding: 8px 10px 7px 10px; 
	font-size: 2.0em;
	color: #636363;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid transparent;
}

#dataAssetNavBar .nav.pull-right > li > a.purge {
	color: #FF5722;;
}

#dataAssetNavBar .nav.pull-right > li.alt a {
	color: #368ee0;
}
#dataAssetNavBar .nav.pull-right > li:last-child a span {
	font-size: 1.5rem;
    vertical-align: middle;
    display: none;
	margin-top: -2px;
}

#dataAssetNavBar .nav.pull-right > li.alt a span {
    height: 1.4em;
    overflow: hidden;
    width: 0;
}

#dataAssetNavBar .nav.pull-right li.dropdown > a {  
    color: #004e96;
}
#dataAssetNavBar .nav.pull-right > li > a.ui-state-active {
	background: #e4f4fc!important;
	color: #006dd2;
	border: 1px solid #ff8a25;
	margin-right: 3px;
	margin-left: 2px;
}
#dataAssetNavBar .nav.pull-right > li > a.ui-state-active span {
	font-size: 0.65em;
    font-weight: normal;
    font-variant: small-caps;
    margin-right: 0px;
    vertical-align: top;
    display: inline-block;
    margin-top: 4px;
    font-weight: bold;
    color: #565656;
    margin-left: 2px;
}
#dataAssetNavBar .nav.pull-right > li > a.ui-state-active i {
	dispaly:inline-block;
}

#dataAssetNavBar .nav.pull-right > li > a span {
	font-size: 1.2em;
	font-weight: bold;
}

#dataAssetNavBar .nav.pull-right > li > a:hover { 
	background: #e4f4fc!important; 
}
#dataAssetNavBar .nav.pull-right > li > a:hover i { 
	color: #ff8a25!important; 
}
#dataAssetNavBar .nav.pull-right > li > a:hover span { 
	color: #368ee0!important;
}

#dataAssetNavBar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle { 
    background: #e4f4fc!important;
    color: #004e96!important;
}

#dataAssetNavBar .dropdown-menu > li > a {
    position: relative;
    padding-left: 2.3em;
}
#dataAssetNavBar .dropdown-menu > li > a > i {
    text-align: center;
    width: 30px;
    padding-top: 0.375em;
    position: absolute;
    top: 0;
    left: 0;
 }
 
 /*Data Asset Nav*/
#dataAssetNav {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size: 1.1em;
    margin: 0;
    display: inline-block;
}
#dataAssetNav.context-new {
	border-left: 3px solid #7ec4fe
}
#dataAssetNav li { 
	position: relative; /*background: #004e96; color: white;*/
	background: #f5fafe;
    color: #004e96;
    height: 50px;

}
#dataAssetNav li:first-child { 
	border-right: 3px solid #7ec4fe; 
	width: 218px; 
	padding: 5px;
  	position: relative;
    font-variant: small-caps;
    font-weight: bold;
    text-align: right;
}
#dataAssetNav li:first-child div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 5px;
} 
#dataAssetNav li:first-child div:first-child:not(:last-child) { 
	padding-top: 5px;
}

#dataAssetNav li div:first-child:last-child {
	padding-top: 15px;
}

#dataAssetNav li.title { 
	background-color: transparent;
	border-bottom: none;
	height: 50px;
    border-left: 3px solid #368ee0;
    padding: 5px 10px;
}
#dataAssetNav li.title h1:first-child {
	margin-top: 0.7em;
}

#dataAssetNav li.title h1 {
	margin: 0;
    font-size: 1.4em;
    font-weight: bold;
    color: #004e96;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 598px;
    overflow: hidden;
    padding-bottom: 4px;
    transition: max-width 0.2s;
}

#dataAssetNav li.title span {
	padding-top: 0;
	padding-left: 0;
    font-size: 1.0em;
    font-weight: normal;
    color: #004e96;
    display: block;
}
#dataAssetNav li.title span.title {
	padding-top: 4px;
}

#dataAssetNav li a { color: white; padding-right: 5px; }
#dataAssetNav li a > span { padding-left: 15px; }

/*Data Asset Workflow*/
#dataAssetWorkflow {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size: 1.1em;
    text-align: center;
    margin: 0 auto;
    height: 40px;
	background: linear-gradient(to right, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 70%, rgba(249,249,249,1) 100%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: relative;
    visibility: hidden;
	display: flex;
    justify-content: flex-end;
    margin-top: -10px;
    background: transparent;
    float: right;
}
#dataAssetWorkflow .nav { 
	margin: 0; 
	box-shadow: 0px 0px 10px 1px rgb(202, 231, 255);
	padding: 0;
}
#dataAssetWorkflow ul.nav[data-total="1"] { box-shadow: none; }

#dataAssetWorkflow > ul > li {position: relative; background: #004e96; margin: 0;}
#dataAssetWorkflow > ul > li:first-child { }
#dataAssetWorkflow > ul > li.nolink { padding: 10px 15px 10px; }
#dataAssetWorkflow > ul > li > a { 
	color: white; 
    padding-top: 3px;
    padding-bottom: 3px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#dataAssetWorkflow > ul > li > a[href=""] {
	cursor: default;
}

#dataAssetWorkflow .title { 
	background-color: #0C77CE;
    color: initial;
    padding: 9px 15px;
    float: left;
}
#dataAssetWorkflow > ul > li.title span {  
    font-size: 1.2em;
    font-weight: bold;
    color: #004e96;
    padding-left: 15px;
}

#dataAssetWorkflow > ul > li > a > span { 
	padding-left: 15px;
	font-size: 0.9em;
    line-height: 1.5;
    text-align: left; 
}
#dataAssetWorkflow > ul > li > a, #dataAssetWorkflow li.nolink { padding-right: 5px; }

#dataAssetWorkflow > ul > li > a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #004e96;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
#dataAssetWorkflow > ul > li > a:after { border-left: 23px solid #7ec4fe; }
#dataAssetWorkflow > ul > li > a:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #004e96;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 1;
}
#dataAssetWorkflow > ul > li a:hover { background: #2a82cc!important; }
#dataAssetWorkflow > ul > li a:hover:before { border-left: 20px solid #2a82cc!important }

#dataAssetWorkflow > ul > li:first-child > a { padding-left: 0; }
#dataAssetWorkflow > ul > li:first-child > a:after { border-left: none!important; }
#dataAssetWorkflow > ul > li:first-child > a:before { border-left: 20px solid #004e96; z-index: 1; }

#dataAssetWorkflow > ul > li:first-child > a:hover:before, 
#dataAssetWorkflow > ul > li:first-child > a:active:before, 
#dataAssetWorkflow > ul > li:first-child > a:focus:before {
	border-left: 20px solid #0C4182; 
}

#dataAssetWorkflow > ul > li:last-child > a { padding-right: 15px; }
#dataAssetWorkflow > ul > li:last-child > a:before, 
#dataAssetWorkflow > ul > li:last-child > a:hover:before,
#dataAssetWorkflow > ul > li:last-child > a:active:before,
#dataAssetWorkflow > ul > li:last-child > a:focus:before { 
	border-left: none!important; 
}
#dataAssetWorkflow > ul > li:last-child:not(.incomplete) > a { background: #27982b; font-weight: bold; color: white; border-right: none; }
#dataAssetWorkflow > ul > li:last-child:not(:only-child):not(.incomplete) > a:after { border-left: 23px solid #ffffff!important; }

#dataAssetWorkflow > ul > li:only-child a { padding-left: 15px; }
#dataAssetWorkflow > ul > li:only-child a:before { border-left: none!important; }
#dataAssetWorkflow > ul > li:only-child a:after { border-left: 20px solid #f9f9f9!important; }

#dataAssetWorkflow > ul > li.incomplete > a { background: white; color: black; }
#dataAssetWorkflow > ul > li.incomplete > a:before { border-left: 20px solid white; z-index: 1;  }
#dataAssetWorkflow > ul > li.incomplete > a:after { border-left: 20px solid #004e96; }
#dataAssetWorkflow > ul > li.incomplete:last-child { background: white; }
#dataAssetWorkflow > ul > li.incomplete:last-child > a { font-weight: normal; }

#dataAssetWorkflow > ul > li.current > a { font-weight: bold; background: #ffdfc4; color: black; }
#dataAssetWorkflow > ul > li.current > a:before { border-left: 20px solid #ffdfc4; z-index: 1;  }
#dataAssetWorkflow > ul > li.current > a:after { border-left: 23px solid #7ec4fe; }
#dataAssetWorkflow > ul > li.current + li > a:after { border-left: 23px solid #ff8a25; }
#dataAssetWorkflow > ul > li.current:first-child > a { border-left: 1px solid #ff8a25; }
#dataAssetWorkflow > ul > li.current:first-child > a:before { border-left: 20px solid #ffdfc4!important; z-index: 1; }

#dataAssetWorkflow > ul > li.current:first-child > a:hover:before, 
#dataAssetWorkflow > ul > li.current:first-child > a:active:before,  
#dataAssetWorkflow > ul > li.current:first-child > a:focus:before { 
	border-left: 20px solid #2a82cc!important;
}

#dataAssetWorkflow > ul > li.current[data-workflowcompleted="true"] { background: #27982b; }
#dataAssetWorkflow > ul > li.current[data-workflowcompleted="true"] a { background: #27982b; font-weight: bold; color: white; border-right: none; }
#dataAssetWorkflow > ul > li.current[data-workflowcompleted="true"] > a:after { border-left: 23px solid #ffffff; }
#dataAssetWorkflow > ul > li.current[data-workflowcompleted="true"] > a:before { border-left: 20px solid #27982b; }
#dataAssetWorkflow > ul > li.current[data-workflowcompleted="true"]:only-child > a:before { border-left: none!important; }

#dataAssetWorkflow > ul > li.current[data-workflowstopped="true"] a { background: #d0d0d0; color: black; border-right: none; }
#dataAssetWorkflow > ul > li.current[data-workflowstopped="true"]:only-child > a:before { border-left: none!important; }

#dataAssetWorkflow > ul > li > a i {
	font-size: 0.8em;
    padding-left: 15px;
    color: #7ec4fe;
}
#dataAssetWorkflow > ul > li:first-child > a i { padding-left: 5px; }
#dataAssetWorkflow > ul > li > a span ~ i { padding-left: 5px; }
#dataAssetWorkflow > ul > li.current > a i { color: #ff8a25 }

#dataAssetWorkflow .tip {
	border-left: 2px solid #7ec4fe;
	border-right: 2px solid #7ec4fe;
	border-bottom: 2px solid #7ec4fe;
	border-top: none;
    height: 5px;
    position: absolute;
    bottom: -10px;
    display: none;
	z-index: 9999;
}
#dataAssetWorkflow .tip.top {
	border-bottom: none;
	border-top: 2px solid #7ec4fe;
	top: -10px;
}
#dataAssetWorkflow .tip span {
	font-size: 0.8em;
    font-weight: bold;
    margin-top: 5px;
    display: block;
    color: #004e96;
}
#dataAssetWorkflow .tip.top span { margin-top: -20px; }

#dataAssetWorkflow .nav .dropdown-menu,
#statusSidebarDropdown .nav .dropdown-menu {min-width: auto;}

#dataAssetWorkflow .nav .dropdown-menu li a, 
#statusSidebarDropdown .nav .dropdown-menu li a {text-align: left!important;}

#dataAssetWorkflow .nav .dropdown-menu .title, 
#statusSidebarDropdown .nav .dropdown-menu .title {
	display: block;
    padding: 0px 20px;
    color: white;
    margin-top: -5px;
    font-variant: all-small-caps;
    font-weight: bold;
    text-align: center;
    width: 130px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #f5fafe;
    color: #0c77ce;
    border-bottom: 1px solid #7ec4fe;
    margin-bottom: 5px;
}

#statusSidebarDropdown .nav .dropdown-menu .title {
	margin-top: 0px;
}

.assetDetailsPanel table thead { display: none; }
.assetDetailsPanel table tbody tr td:first-child { 
	background-image: linear-gradient(to right, #ffffff, rgba(126, 197, 255, 0.18)); 
	width: 20%;
}
.assetDetailsPanel table td:first-child label, .assetDetailsPanel table td:first-child span { 
	font-size: 1.1em!important;
    margin-top: 3px;
    color: #042f56;
    font-weight: bold;
}

.assetDetailsPanel div.hint {
    background-color: #fff2d6;
    padding: 0.2em 0.5em;
    border: 1px solid #ffd7b5;
}
.assetDetailsPanel div.hint span {
	font-weight: normal;
    font-style: italic;
    font-size: 1.0em;
 }

.assetDetailsPanel table tbody tr td :disabled  { 
	background-color: #f9f9f9!important; 
	border: transparent;
}

.assetDetailsPanel table tr.ui-datatable-odd {
	background-color: transparent;
}
.assetDetailsPanel table tr:hover td { background-color: transparent; }

.assetDetailsPanel table, 
.assetDetailsPanel table tbody, 
.assetDetailsPanel table tr, 
.assetDetailsPanel table td { border-width: 0!important; border-color: transparent;  }

.assetDetailsPanel table td label { font-size:1em; }

/*Data Asset Sidebar*/
#dataAssetDetailSidebar {}

#dataAssetDetailSidebar .buttonBar {
	margin-top: 10px;
    width: 230px;
    margin-right: 0;
    padding: 0;
    border: none;
    background: transparent;
}
#dataAssetDetailSidebar .buttonBar .ui-panel-content {
	padding: 0;
}
#dataAssetDetailSidebar .buttonBar .ui-panel-content a {
	width: 210px;
	padding: 7px 10px;
    margin-top: 2px;
}
#dataAssetDetailSidebar .buttonBar .ui-panel-content a:first-child { margin-top: 0px; }

#dataAssetDetailSidebar .dataAssetMetadataPanel { 
    margin-top: -1px;
    background-image: linear-gradient(to left, #f5fbff 30%, #f9f9f9);
    border-left: transparent;
    border-right: transparent;
    margin-left: -30px;
    border-bottom: transparent;
    box-shadow: inset 30px 14px 80px -7px rgb(215, 238, 251);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
    background-color: #e8f3fa;
}
.dataAssetMetadataPanel .ui-panel-content { padding: 0!important; }
.dataAssetMetadataPanel .ui-datalist-content { margin-top: 0!important; }

.ui-panel.dataAssetStatus .ui-panel-content {
	color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
}

/*.dataAssetMetadataPanel .ui-panel { padding:0; }*/

.dataAssetMetadataPanel .ui-datalist-data {
	margin: 0;
    padding: 0;
}

.dataAssetMetadataPanel li { 
	list-style: none;
	margin:0!important;
}

.dataAssetMetadataPanel dt {
	padding: 0.3em;
    color: #004e96;
    background: #ffffffbd;
    display: inline-block;
    width: 90px;
    font-weight: bold;
    font-variant: small-caps;
    text-align: right;
 }
    
.dataAssetMetadataPanel dd {
    margin-left: 0;
    padding: 0.3em;
    font-size: 0.9em;
    display: inline-block;
}

.ui-panel.dataAssetStatus {
    background: #004e96;
    border: none;
    text-align: center;
    color: #004e96;
    border-bottom-right-radius: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0;
    margin-left: -31px;
    border: 1px solid #dddddd;
    border-left: transparent;
    background-image: linear-gradient(to right, #ffffff, #368ee0 40%);
}
   
#tabs > li { display: none; }

.commentAccordion { margin-top: 20px; }
.commentAccordion .ui-accordion .ui-accordion-header {
    background: #f0f7fd;
    color: #004e96;
    text-shadow: none;
    padding: 10px 5px 10px 2em!important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #c4deee!important;
}
.commentAccordion { margin-top: 2.5em; }
.commentAccordion .ui-accordion-content {
	padding: 0!important;
}
.commentAccordion .manSubCommentsTbl .ui-datatable-header {
	display: none;
}

.ui-datatable .ui-datatable-header {
	position: relative;
}
.ui-datatable .ui-datatable-header a.pull-right {
	position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    font-size: 1.5em;
    padding: 10px 10px 9px 10px;
    margin: 0;
    color: #e6f1fb;
    border-top-right-radius: 4px;
}

#dataAssetStatusIndicator {
	position: absolute;
    right: 0;
    font-size: 1.1em;
    color: white;
    margin-top: -3px;
    border-left: 3px solid #7ec4fe;
}
#dataAssetStatusIndicator > span {
	padding: 6px 6px;
	display: inline-block;
	background: #004e96;
	border: 1px solid transparent;
}
#dataAssetStatusIndicator > span i {
	padding: 4px 6px;
}
#dataAssetStatusIndicator > :last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#dataAssetStatusIndicator a {
	background: white;
    padding: 8px;
    margin-right: 0;
    font-size: 1.0em;
    border: 1px solid #7ec4fe;
}

#dataAssetStatusIndicator a:hover {
    background: #e4f4fc!important;
    color: #0C4182 !important;
}

div[id$='assetFrm-buttonPanel'] {
    margin-top: 1em
}

.datatable-has-column-toggle div { display:none; }

#dataAssetTable .ui-datatable .ui-state-highlight i[class*="icon-"] { float: right; margin-top: 3px; }

.ui-columntoggler .ui-columntoggler-item label {
	margin-bottom: 0;
}

.ui-datatable-header .pull-right > button {
	display: inline-block!important;
    width: 30px!important;
    height: 30px!important;
    background: transparent;
    color: white;
    box-shadow: none;
    margin-top: -5px!important;
    margin-right: 5px;
    text-shadow: none;
}

.ui-datatable-header .pull-right > button:last-child {
	margin-right: 0;
}

button[id$='listViewTbl-toggler'] span.ui-icon {
    margin-top: -7px!important;
}


#topParent .panelSummary .ui-panel-titlebar {
	background: #e8f3fa;
}
#topParent .panelSummary .ui-panel-content {
	padding: 0em;
}
#topParent .panelSummary .ui-panel .ui-panel-titlebar {
	padding-left: 0.4em;
	padding-bottom: 0.5em;
}     
#topParent .panelSummary .ui-panel .ui-panel-title {
	margin: 0;
}
#topParent .tableSummary .ui-datatable-tablewrapper {
	background: #f5f5f5;
}
#topParent .tableSummary .ui-panel {
	padding: 0em;
}
#topParent .tableSummary .ui-panel .ui-corner-all {
	border-radius: 0px;
}

.ui-tooltip {
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
}

/* AJAX SPINNERS */
button.ui-button span i.icon-spinner {
	margin-left: -7px;
    font-size: 0.9em;
    margin-right: 7px;
}

select ~ i.icon-spinner {
	margin-left: -36px!important;
	display: inline-block;
    position: absolute;
    margin-top: 8px;
}