@import "qado20.submit.css";

body {
	font-family: 'Roboto';
	font-size: 14px;
}

.qado20-body {
	background-color: white;
	margin: 0px; 
}

.qado20-header-bar {
	height: 90px;
	min-width: 180px;
	background-image: url('../images/backgrounds/cream_pixels.png');
	background-repeat: repeat;
	margin-bottom: 1px;
}

.qado20-top-nav {
	padding-top: 40px;
}

.search-div {
	margin-top: -10px;
	float: left;
}

.form-search .input-append .search-query {
	border-radius: 3px;
	width: 480px;
}

.account-area-div {
	float: right;
}
.top-nav-items-container {
	float: right;
	padding-right: 10px;
}

.top-nav-item-left {
	margin-left: 60px;
}

.top-nav-item-right {
	margin-right: 10px;
}

#show-login-div {
	margin-right: 10px;
}

#user-icon {
 	margin-right: 6px;
 	height: 16px;
	width: 16px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M164.9,159.1c14.2-15.6,22.9-36.3,22.9-59.1c0-48.5-39.3-87.8-87.8-87.8c-48.5,0-87.8,39.3-87.8,87.8 c0,21.8,8,41.8,21.2,57.1l0,0c0,0,0,0,0,0c1,1.2,2,2.3,3.1,3.4c0,0,0.1,0.1,0.1,0.1c1,1.1,2.1,2.2,3.2,3.2c0,0,0,0,0.1,0.1 c6.7,6.3,14.4,11.6,22.8,15.6c0.2,0.1,0.4,0.2,0.6,0.3c1.2,0.5,2.3,1.1,3.5,1.6c0.4,0.1,0.7,0.3,1.1,0.4c1,0.4,2.1,0.8,3.1,1.2 c0.5,0.2,0.9,0.3,1.4,0.5c1,0.3,2,0.6,2.9,0.9c0.5,0.2,1,0.3,1.6,0.4c0.9,0.3,1.9,0.5,2.9,0.7c0.6,0.1,1.1,0.3,1.7,0.4 c0.9,0.2,1.9,0.4,2.8,0.6c0.6,0.1,1.2,0.2,1.7,0.3c1,0.2,1.9,0.3,2.9,0.4c0.6,0.1,1.2,0.2,1.7,0.2c1.1,0.1,2.1,0.2,3.2,0.3 c0.5,0,1,0.1,1.5,0.1c1.6,0.1,3.2,0.1,4.8,0.1c0,0,0,0,0,0l0,0h0c1.6,0,3.1,0,4.7-0.1c0.5,0,1-0.1,1.5-0.1c1-0.1,2-0.1,3.1-0.2 c0.6-0.1,1.2-0.2,1.8-0.2c0.9-0.1,1.8-0.2,2.7-0.4c0.6-0.1,1.3-0.2,1.9-0.3c0.9-0.2,1.7-0.3,2.6-0.5c0.6-0.1,1.3-0.3,1.9-0.4 c0.8-0.2,1.7-0.4,2.5-0.6c0.6-0.2,1.3-0.4,1.9-0.5c0.8-0.2,1.6-0.5,2.4-0.7c0.6-0.2,1.2-0.4,1.9-0.6c0.8-0.3,1.6-0.6,2.4-0.8 c0.6-0.2,1.2-0.5,1.8-0.7c0.8-0.3,1.5-0.6,2.3-1c0.6-0.3,1.2-0.5,1.8-0.8c0.8-0.4,1.5-0.7,2.2-1.1c0.6-0.3,1.1-0.6,1.7-0.9 c0.7-0.4,1.5-0.8,2.2-1.2c0.5-0.3,1.1-0.6,1.6-0.9c0.7-0.4,1.4-0.9,2.2-1.3c0.5-0.3,1-0.7,1.5-1c0.7-0.5,1.4-1,2.1-1.5 c0.5-0.3,1-0.7,1.4-1c0.7-0.5,1.4-1.1,2.1-1.6c0.4-0.3,0.9-0.7,1.3-1c0.7-0.6,1.4-1.2,2.2-1.8c0.4-0.3,0.8-0.7,1.2-1 c0.8-0.7,1.5-1.4,2.3-2.2c0.3-0.3,0.6-0.5,0.9-0.8C162.9,161.2,163.9,160.2,164.9,159.1C164.9,159.1,164.9,159.1,164.9,159.1 L164.9,159.1z M100,24.3c41.7,0,75.7,34,75.7,75.7c0,19.8-7.7,37.7-20.1,51.2c-3.9-1.9-8.5-3.7-13.4-5.6c-3-1.2-6.2-2.4-9.3-3.7 c-14.1-5.9-17.6-8-17.8-8.1l-1.2-0.7l-0.1-14.9l0-1.2l0.9-0.8c0,0,4.5-3.8,6-15.1l0.4-2.9l2.8,0.8c1.1,0,3.6-3.6,3.7-5.8 c0.2-3.4-0.7-7.3-1.5-7.8l-3.5,0.7l0.5-3.5c0.7-5.1,1.4-11.3,1.1-14.2c-1-9.8-10.8-20-25.7-20c-14.9,0-24.7,10.2-25.7,20 c-0.3,2.9,0.4,9.1,1.1,14.2l0.5,3.5l-3.5-0.7c-0.8,0.5-1.7,4.5-1.5,7.9c0.1,2.3,2.6,5.8,3.7,5.8l2.8-0.8l0.4,2.9 c1.5,11.3,5.9,15.1,6,15.1l1,0.8l-0.2,16.2l-1.2,0.7c-0.1,0.1-3.7,2.2-17.8,8.1c-3.1,1.3-6.3,2.5-9.3,3.7c-4.1,1.6-8,3.1-11.4,4.7 c-12-13.4-19.3-31-19.3-50.3C24.3,58.3,58.3,24.3,100,24.3z'/%3E%3C/svg%3E%0A");
}

#logout-icon {
 	margin-right: 6px;
 	height: 16px;
	width: 16px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' style='enable-background:new 0 0 200 200;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M164.8,103.6v64.8c0,3-1.1,5.6-3.2,7.7c-2.1,2.1-4.7,3.2-7.7,3.2H46c-3,0-5.6-1.1-7.7-3.2c-2.1-2.1-3.2-4.7-3.2-7.7v-64.8 c0-3,1.1-5.5,3.2-7.7c2.1-2.1,4.7-3.2,7.7-3.2h3.6V71.2c0-13.8,5-25.7,14.9-35.6c9.9-9.9,21.8-14.9,35.6-14.9 c13.8,0,25.7,5,35.6,14.9c9.9,9.9,14.9,21.8,14.9,35.6v21.6h3.6c3,0,5.6,1.1,7.7,3.2C163.8,98.1,164.8,100.6,164.8,103.6z M71.2,92.8h57.6V71.2c0-8-2.8-14.7-8.4-20.4c-5.6-5.6-12.4-8.4-20.4-8.4s-14.7,2.8-20.4,8.4s-8.4,12.4-8.4,20.4V92.8z'/%3E%3C/g%3E%3C/svg%3E");
}

.qado20-logo-container {
	width: 240px;
	height: 55px;
	margin: auto;
	width: auto;
}

.qado20-logo-container a {
	display:inline-block
}

.qado20-body-content {
	display: table;
	padding: 0 0 0 20px;
	border-left: 2px solid #EEEEEE;
	vertical-align: top;
	min-height: 600px;
}

.content-div {
	margin-left: 0;
	margin-bottom: 20px;
}

.content-block {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
	border-bottom: 0;
}

.divider-horizontal-full {
	height: 1px;
	background-color: 1px solid #eee;
}

.sectional-line-shadow {
	background-color: #ddd; 
	box-shadow: 0px 0px 5px #ddd;
	-moz-box-shadow: 0px 0px 4px #bbb;
	-webkit-box-shadow: 0px 0px 5px #ddd;
}

.sectional-line-shadow-horizontal {
	width: 100%;
	height: 1px; 
	margin-top: 10px;
}

.sectional-line-shadow-vertical {
	display: none;
	width: 1px; 
	height: inherit; 
	float: right;
}

.top-menu li.active a {
	background-color: #97bd5d;
}

.menu-container-div {
	border-top: 1px solid #97bd5d;
	border-bottom: 1px solid #97bd5d;
}

.menu-item-nav:first-child {
	border-top: 0;
	padding-top: 20px;
}

.menu-item-nav:last-child{
	border-bottom: 1px solid #eee;
}

.menu-item-nav:hover, li.active {
	padding-left: 0px;
	background-color: #f5f5f5;
}

.menu-item-nav a:hover {
	text-decoration: underline;
}

.menu-item a.active {
	color: #28ace2;
}

.menu-item a:hover {
	text-decoration: none;
}

.content-block h4 {
	color: black;
}

input.span11 {
	width: 400px;
}

.span12 {
	width: 100%;
	margin-left: 0px;
}

.hidden {
	display: none !important;
}

.transparent {
	opacity: 0;
}

.fade-transition {
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

/**********************************************
 * Dashboard and widgets
 */
.btn-new-application {
	float: none !important; 
	margin-bottom: 12px;
}

.dashboard-content-block {
	min-height: 600px; 
	border-bottom: none;
}

#dashboard {
	display: inline-block;
	min-width: 700px;
	width: 100%;
	min-height: 440px;
	height: 100%;
	margin-left: 0px;
}

#dashboard li {
	margin-left: 0px;
}

.widget-container, .widget-placeholder {
	list-style-type: none;
	float: left;
	padding: 3px;
	margin: 5px 40px 25px 40px;
	width: 450px;
}

.widget-chart {
	width: 450px;
	height: 450px;
}

.widget-container {
	position: relative;
	display: inline-block;
}

.widget-placeholder {
	border: 1px solid #FFD700;
	background-color: #f5f5f5;
}

.widget-selected {
	border: 1px solid #ff0000;
	background-color: #ffffff;
}
  
#dashboard-header {
	display: inline-block;
	width: 100%;
	margin: 20px 0px 0px 0px;
}

#dashboard-title {
	margin-top: 0;
}

#dashboard-details {
	float: left;
}

#dashboard-description {
	width: 100%;
	display: inline-block;
	margin: 20px 0;
}

#dashboard-description-copy {
	font-size: 11pt;
	color: rgba(135, 135, 135, 1);
	float: left;
}

.widget-list-table-header {
	font-weight: bold;
	border-bottom: 1px solid #eee;
}
.widget-list-table-container {
	border-bottom: 1px solid #eee;
}

.widget-list-table {
	width: 100%;
	border: 1px solid #eee;
}

.widget-table-header {
	padding: 5px;
	margin: 3px;
}

.widget-table-row {
	padding: 5px;
	margin: 3px;
}

.widget-gallery-item {
	cursor: pointer;
	background-color: #fff;
	border: 1px solid rgba(236, 244, 246, 1);
	margin: 0 20px 20px 0;
	padding: 12px;
	min-width: 230px;
	list-style-type: none;
	display: inline-block;
}

.widget-preview-add {
	border: 2px solid rgba(158, 195, 244, 1);
}

.widget-preview {
	margin: 0;
}

.widget-gallery {
	width: 100%;
	padding-top: 20px;
	float: left;
	margin-left: 0px;
}

.widget-gallery li {
	margin-left: 0px;
}

.widget-gallery-label {
	font-size: 14pt;
	font-weight: bold;
	width: 100%;
	margin-bottom: 25px;
}

.widget-gallery-item-hovered {
	background: url('../images/buttons/add.png') 210px 0 no-repeat;
}

#widget-table-preview {
	background-image: url('../images/widgets/table.jpg');
	background-repeat: no-repeat;
	width: 211px;
	height: 102px;
}

#widget-area-preview {
	background-image: url('../images/widgets/area.jpg');
	background-repeat: no-repeat;
	width: 221px;
	height: 100px;
}

#widget-row-preview {
	background-image: url('../images/widgets/row.jpg');
	background-repeat: no-repeat;
	width: 198px;
	height: 53px;
}

#widget-column-preview {
	background-image: url('../images/widgets/column.jpg');
	background-repeat: no-repeat;
	width: 221px;
	height: 100px;
}

 #widget-line-preview {
	 background-image: url('../images/widgets/line.jpg');
	 background-repeat: no-repeat;
	 width: 221px;
	 height: 100px;
 }

 #widget-spline-preview {
	 background-image: url('../images/widgets/spline.jpg');
	 background-repeat: no-repeat;
	 width: 221px;
	 height: 100px;
 }

#widget-bar-preview {
	background-image: url('../images/widgets/bar.jpg');
	background-repeat: no-repeat;
	width: 221px;
	height: 171px;
}

#widget-radar-preview {
	background-image: url('../images/widgets/radar.jpg');
	background-repeat: no-repeat;
	width: 192px;
	height: 162px;
}

#widget-controls {
	float: right;
	padding-right: 10px;
}

#widget-controls span {
	cursor: pointer;
	float: right;
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
}

#widget-add {
	background-image: url('../images/widgets/add_widget.png');
	background-repeat: no-repeat;
}

#widget-remove {
	background-image: url('../images/widgets/remove_widget.png');
	background-repeat: no-repeat;
}

#widget-move {
	background-image: url('../images/widgets/move_widget.png');
	background-repeat: no-repeat;
}

#widget-filters {
	background-color: rgba(186, 209, 220, 1);
	width: 100%;
	min-height: 55px;
}

.widget-filter, .widget-applied-filter {
	float: left;
	display: inline-block;
	min-width: 120px;
	min-height: 36px;
	padding: 0 8px;
	padding-top: 14px;
	background-color: rgba(223, 235, 240, 1);
	border: 1px solid rgba(198, 219, 228, 1);
	border-bottom: 4px solid rgba(198, 219, 228, 1);
	color: #28ace2;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
}

.widget-filter:hover {
	color: rgba(23, 36, 102, 1);
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(151, 214, 241, 1);
	border-bottom: 4px solid rgba(136, 191, 217, 1);
}

.widget-applied-filter {
	color: #28ace2;
	background-color: rgba(182, 215, 230, 1);
	border: 1px solid rgba(151, 214, 241, 1);
	border-bottom: 4px solid rgba(136, 191, 217, 1);
	cursor: auto;
}

.widget-done, .widget-cancel {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	float: right;
	min-width: 120px;
	padding: 10px 0;
	border: 3px;
	border-radius: 3px;
}

.widget-done:hover, .widget-cancel:hover {
	text-decoration: none;
	color: #fff;
}

.widget-done {
	background-color: rgba(120, 147, 185, 1);
	margin-left: 10px;
}

.widget-cancel {
	background-color: maroon;
	margin-left: 10px;
}

.remove-widget {
	display: inline-block;
	position: absolute;
	width: 36px;
	height: 36px;
	top: 8px;
	right: 8px;
	margin: 2px;
	padding: 0;
	background: url('../images/buttons/remove.png') 20px 5px no-repeat;
	cursor: pointer;
}

/**
 * Responsive logic
 */
@media all and (max-width: 1023px) {
	
	body {
		font-size: 11px;
	}
	
	h3 {
		font-size: 18px;
	}
	
	.tab-container {
		display: inline-flex;
		font-size: 11px !important;
	}
	
	.widget-container {
		width: 100%;
	}
	
	.qado20-navigation {
		width: initial;
	}
	
	.qado20-body-content {
		float: initial;
	}
	
	.activity-section-prompt,
	.activity-section-prompt h3 {
		font-size: 14px;
	}
	
	.controls {
		margin: 0 !important;
	}
	
	.control-group {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.control-label {
		width: 100% !important;
	}
	
	input.qadoappsubmit,
	select.qadoappsubmit, 
	input.qado-input-element, 
	select.qado-input-element {
	    height: 24px !important;
	}
	
	input.qadoappsubmit, 
	input.qado-input-element, 
	select.qadoappsubmit, 
	select.qado-input-element {
		width: 200px !important;
	}
	
	.popup-button-done {
		margin: 3px !important;
		padding: 3px 6px !important;
	}
	
	.qado-add-button,
	.qado-remove-button {
		background-position: 8px !important;
		padding: 16px !important;
		margin-top: 0;
	}
	
	.qado-add-text,
	.qado-remove-text {
		display: none;
	}
	
	.qado-submit {
		float: left !important;
	}
}

/**********************************************
 * Popups
 */
.qado-button {
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	border: none;
	font-family: inherit;
	font-size: 16px;
	text-transform: none;
	font-weight: 500;
	white-space: nowrap;
	letter-spacing:normal;
	border-radius:0;
}

.qado-button:hover {
	color: #ffffff;
	text-decoration: underline;
}

.qado-button:focus {
	outline-offset: -6px;
	text-decoration: underline;
}

.popup-button-done {
	min-width: 160px;
	margin-right: 12px;
	padding: 10px 20px 10px 20px;
	border-radius: 3px;
}

.qado-button-submit {
	min-width: 160px;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	background-color: #5e4f88;
}

.popup-button-done, .qado-button-submit {
	background-color:#38296C;
}
.popup-button-done:hover, .qado-button-submit:hover {
	background-color: #333366;
}

.qado-button-attach-file {
	border: 1px solid #5281B8;
	width: 220px;
	height: 38px;
	float: left;
	margin: 0;
	background: url('../images/backgrounds/attach_document_background.png') #68a3e8 1px no-repeat;
	border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
}

.qado-button-file { 
    display: none !important;
}

.file-upload-disabled {
  margin-top: .4rem;
}
.file-upload-status {
	margin: 2px 0 10px 4px;
}
.file-upload-controls {
	overflow: hidden;
}

.file-view,
.file-view:hover,
.file-view:active {
  padding: 9px 0;
  width: 52px;
  display: inline-block;
  position: relative;
  top: -9px;
  color: white; 
  text-decoration: none;
}

#information-box {
	text-align: center;
	width: 450px;
	min-width: 450px;
	min-height: 150px;
	padding: 20px;
	opacity: 0;
	font-weight: bold;
	font-size: 1.1em;
	z-index: 9999999;
}

.shadowy-curves {
	border: 1px solid #d5d5d5;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(212,210,212,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(212,210,212,1);
	box-shadow: 0px 2px 5px 0px rgba(212,210,212,1);
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.popup-info, .popup-warn, .popup-error, .popup-success {
	background-color: white;
}

.popup-icon {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.popup-heading-text {
	display: block;
	margin-bottom: 8px;
	margin-top: -4px;
	text-align: left;
}

.popup-info-icon {
	background-image: url('../images/popup/information.png');
}

.popup-success-icon {
	background-image: url('../images/popup/check.png');
}

.popup-warn-icon {
	background-image: url('../images/popup/warning.png');
}

.popup-error-icon {
	background-image: url('../images/popup/error.png');
}

#popup-dismiss, #user-action-popup-dismiss {
	position: absolute;
	width: 57px;
	height: 43px;
	top: 8px;
	right: 0;
	margin: 0;
	padding: 0;
	background-image: url('../images/popup/close-button.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}

.popup-message-container {
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	margin: 0;
	text-align: left;
}

.control-label-container {
  display: inline-block;
  min-width: 450px;
  float: left;
}

.qado-info-container {
	display: inline-block;
	float: left;

	margin-top: 5px;
	width: 24px; 
	height: 24px;

	cursor: pointer;
	background: url('../images/popup/information-tooltip.png') no-repeat;
}

.vertical-container .controls-row-container .control-label-container-row .qado-info-container {
	margin-left: -25px;
}

.qado-info-tooltip {
	opacity: 0;
	width: 24px; 
	height: 24px; 
	cursor: pointer;
}

ul.checkbox-list-container {
	padding: 0;
	margin: 0;
	list-style-type: none;
	min-width: 200px;
	height: 40px;
	overflow-y: hidden;
}

ul.checkbox-list-container li {
	display: inline-block;
	float: left;
	margin-right: 12px;
}

ul#user-action-list {
	overflow: visible;
}

.user-action {
	overflow: visible; 
}

#user-action-container {
	background-color: #ffffff;
	width: 740px;
	min-width: 600px;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	z-index: 9999999;
}

.user-action-link {
	cursor: pointer;
	color: #619700;
}
.user-action-link:hover {
	text-decoration: underline;
}

a#more-menu {
  margin: 1px 1px -15px 1px;
  padding: 1px 1px 1px 1px; 
}

ul.dropdown-menu {
  overflow: visible;
  z-index: 10000;
}

.height25 {
  height: 25px;
}

/**********************************************
 * Activity Submit
 */
 
.control-group {
	margin: 0px;
	padding: 5px 0;
	border-bottom:0;
}
.control-group-sub {
	margin: 0px;
	padding: 5px 0;
	border-bottom: 1px solid #edeeee;
}
	
.qado-submit {
	float: right;
}

.control-label {

  padding: 8px 5px 5px 0px !important;
  color: #656565;
  font-size: 15px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  text-align: left !important;
}
.control-label-sub {

  padding: 8px 5px 5px 0px !important;
  color: #656565;
  font-size: 15px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  text-align: left !important;
}

.control-group .controls {
	padding: 0 5px;
	position: relative;
	top:0;
}

.control-group-sub .controls-sub {
	padding: 0 5px;
	position: relative;
	top: -4px;
}

div.qadoappsubmit {
	margin-right: 20px;
	padding: 12px 24px;
}

div.qadoappsubmit-sub {
	margin-right: 20px;
	padding: 12px 24px;
}

.qadoappsubmit,
.qadoappsubmit-sub, 
.qado-input-element {
	border: 1px solid #dce4e6;
}

.qadoappsubmit:hover, 
.qado-input-element:hover {
	border: 1px solid #528fcc;
}

input.qadoappsubmit,
input.qadoappsubmit-sub,  
input.qado-input-element, 
select.qadoappsubmit,
select.qadoappsubmit-sub,  
select.qado-input-element {
	font-size: 15px;
	width: 400px;
	padding: 0px 10px 0px 10px;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

input.qado-input-element-small, 
input.qadoappsubmit-sub,  
select.qadoappsubmit-sub,  
select.qado-input-element-small {
	font-size: 12px;
	width: 200px;
	height: 30px;
	padding: 0px 10px 0px 10px;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.app-submit-container {
	border: none;
	width: 400px;
	height: 62px;
	padding-top: 8px;
	position: relative;
	overflow: hidden;
}

input.qadoappsubmit, 
input.qado-input-element {
	height: 46px;
}



input.qadoappsubmit, 
input.qado-input-element-small {
	height: 30px;
}


input[type=checkbox].qadocheckbox,
input[type=radio   ].qadoradio {
	margin: 18px 10px;
	float: left;
   -webkit-transform: scale(2);
   -moz-transform: scale(2);
   -ms-transform: scale(2);
   -o-transform: scale(2);
}

label.qadocheckbox {
	color: #656565;
	margin: 14px 10px;
	font-size: 13px;
	font-weight: 600;
	min-width: 100px;
	display: inline-block;
	float: left;
}

select.qadoappsubmit, 
select.qado-input-element {
	height: 50px;
}

.control-group .outer-section {
	display: none;
	margin-left: 10px;
	color: #777;
	font-size: 12px;
}

.activity-section-prompt {
	margin: 40px 0px 15px;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	color: #656565;
	border-bottom: 1px solid #ddd;
  	padding-bottom: 5px;
}
.activity-section-prompt h3 {
	font-size: 16px;
	margin: 0;
	min-height: 1em;
	font-weight: 600;
	line-height: 20px;
}
.activity-section-toggler {
	float: right;
	margin-top: 5px;
	opacity: 0.75;
}
.activity-section-toggler:hover {
	opacity: 1;
	cursor: pointer;
}

.qado-dividers {
	margin-right: 20px;
	margin-bottom: 20px;
}

.qado-section-divider {
	border-radius: 3px;
}

.data-field-table-add {
	float: right;
	min-width: 60px;
}

.data-field-table-add-container input {
	float: right;
	margin-bottom: 10px;
}
div.control-group-sub {
	display: table;
}

.data-field-table div.vertical-container div.control-label-container-table {
	display: table;
}

.data-field-table-body-vertical.control-group-table
 {
	display: table;
}
.data-field-table div.control-label-container-table {
	display: table;
}
.vertical-container {
	display: table;
	border: 1px solid rgba(198, 219, 228, 1);
}

.controls-row {
	display: inline-block;
}

.data-field-table-remove {
	width: 60px;
}

.data-field-table-body-vertical.control-group-table div.vertical-container {
	border: 1px solid rgba(198, 219, 228, 1);
}
div.data-field-table-body-horizontal table {
	border: 1px solid rgba(198, 219, 228, 1);
}

/***********************************************************/
/* Input Element Overrides */
/***********************************************************/
input.qado-input-number {
	width: 150px;
}

.subheader {
	color: #656565;
}

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

.validation-message {
	margin: 2px 0 10px 0;
	text-align: left;
	color: red;
}

.state-message {
  margin: 2px 0 10px 0;
  padding: 0;
  color: steelblue;
  display: block;
  float: left;
  text-align: center;
  max-width: 400px;
}

/***********************************************************/
/* Tab Containers */
/***********************************************************/
.tab-container {
 font-size: 13px;
 height: 55px;
 margin: 0 0 10px -20px;
 border-radius: 5px 5px 0 0;
 background-color: rgba(223, 235, 240, 1);
 white-space: nowrap;
 overflow-x: auto;
 overflow-y: hidden;
 display: flex;  
 -webkit-overflow-scrolling: touch;
}

.tab {
  float: left;
  display: inline-block;
  min-width: 120px;
  min-height: 36px;
  padding: 14px 20px 0 20px;
  background-color: rgba(223, 235, 240, 0.75);
  border: 1px solid rgba(198, 219, 228, 1);
  border-bottom: 2px solid rgba(146, 199, 221, 1);
  text-align: center;
}

.tab-active {
  line-height: 18px;
  border: 2px solid rgba(146, 199, 221, 1);
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background-color: rgba(237, 247, 251, 1);
  cursor: default;
  -webkit-box-shadow: 4px 5px 17px -3px rgba(0, 0, 0, .7);
  -moz-box-shadow: 4px 5px 17px -3px rgba(0, 0, 0, .7);
  box-shadow: 4px 5px 17px -3px rgba(0, 0, 0, .7);
}

.tab-inactive {
  cursor: pointer;
  -webkit-transition: color .5s, background-color .5s, border-bottom .5s;
  transition: color .5s, background-color .5s, border-bottom .5s;
}
.tab-inactive:hover {
  border-top: 1px solid transparent;
  border-bottom: 3px solid #28ace2;
  background-color: rgba(230, 242, 247, 1);
  line-height: 20px;
  color: navy;
}

.form-horizontal .controls {
  display: inline-block;
  margin-left: 0;
  float: left;
}

.tab-icon {
	display: inline-block;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 17px;
}

.tab-icon-active {
	background-image: url('../images/tabs/active.png');
}

.tab-icon-incomplete {
	background-image: url('../images/tabs/incomplete.png');
}

.tab-icon-pass {
	background-image: url('../images/tabs/check.png');
}

.tab-icon-error {
	background-image: url('../images/tabs/cancel.png');
}

.qado-add-button {
	display: inline-block;
	font-family: 'Roboto';
	text-transform: uppercase;
	background-image: url('../images/buttons/add.png') #f9f9fa 25px 9px no-repeat;
	padding: 7px 42px 7px 60px;
	border: 1px solid silver;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.qado-remove-button {
	display: inline-block;
	font-family: 'Roboto';
	text-transform: uppercase;
	background: url('../images/buttons/remove.png') #f9f9fa 25px 9px no-repeat;
	padding: 7px 42px 7px 60px;
	border: 1px solid silver;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.qado-upload-button {
  display: inline-block;
  float: left;
  margin-left: 4px;
  padding: 8px;
  padding-bottom: 4px;
  height: 26px;
  border: 1px solid #5281B8;
  border-radius: 8px;
  background-color: rgb(104, 163, 232);
  font-family: 'Roboto';
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.qado-upload-button-disabled {
	background-color: #ddd !important;
	border-color: #ccc !important;
	cursor: not-allowed;
	pointer-events: none;
}

.column-toggle-container {
  margin: 0 18px;
  padding: 0;
  display: inline-block;
  border: 3px solid #DCDCDC;
  border-radius: 12px;
  text-align: center;
}

.toggle-button {
  float: left;
  display: inline-block;
  margin: 0 24px;
  padding: 0;
  width: 32px;
  height: 32px;
  background: url('../images/buttons/grid-column-display.gif') 0 0 no-repeat;
}

ul#grid-column-toggle {
  width: 540px;
  margin: 0;
  padding: 4px 0 0 0;
  float: left;
  cursor: pointer;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  font-size: 14px;
}

li.toggle-vis {
  margin: 1px;
  padding: 1px 5px;
  border-radius: 3px;
  border-color: #E6E6E6;
  list-style-type: none;
}
li.toggle-vis:first {
  margin-left: 0 !important;
}

li.toggle-off {
  background-color: #E6E6E6;
}

/***********************************************************/
/* Application Details */
/***********************************************************/
.table-container {
	margin: 20px 20px 10px 0;
}

/***********************************************************/
/* Application Paths */
/***********************************************************/

.path-vertical {
	min-height: 100px;
	background-repeat: repeat-y;
	background-position: 7px 0px;
}

.path-vertical .section:first-child {	
	padding-top: 25px;
	margin-top: 30px;
}

.path-vertical .section {	
	margin-bottom: 30px;
}

.path-vertical .section .header  {
	line-height: 15px;
}

.path-vertical .section .header .title {
	display: inline-block;
	vertical-align: top;
	margin-top: -2px;
	font-weight: bold;
}

.path-vertical .section .content {
	padding-left: 20px;
	margin-top: 12px;
}

.path-vertical .section .content .table {
	width: 99%;
}

.path-vertical .section .content .table th {
	color: #777;
}

#spinner-target-1 {
	position: fixed;
	left: 50%;
	top: 50%;
	clear: both;
}

.qado-errors {
	list-style-type: none;
	color: red;
	margin: 0 0 0 12px;
	padding: 0;
}

.qado-errors li {
	clear: left;
	margin: 4px 0;
	padding-left: 20px;
	line-height: 17px;
	background-image: url('../images/tabs/cancel.png');
	background-repeat: no-repeat;
}

#application-tabs {
	opacity: 0;
	background-color: rgba(198, 219, 228, 1);
}

.qado-striped th, 
.qado-striped td {
    padding: 4px;
	border-top: 1px solid #dce4e6;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	min-width: 350px;
}

.qado-striped-smaller th, 
.qado-striped-smaller td {
  min-width: 250px;
}

.qado-striped td {
	padding-left: 12px;
}

.qado-striped tbody > tr:nth-child(odd) > td, 
.qado-striped tbody > tr:nth-child(odd) > th {
    background-color: #ECF8FD;
}

.qado-striped td:nth-child(1) { 
    font-weight: bold;
}

.qado-striped td:nth-child(2) { 
	min-width: 450px;
}

/****************/
/*  DataTables  */
/****************/
.dataTable {
	display: inline-table;
}

a.appLink,
a.appLink:hover {
  color: #0090CF !important;
}

div#applications_wrapper {
  padding: 0 24px;
  padding-top: 15px;
}

.dataTables_length select {
  vertical-align: inherit;
  display: inline-block;
  width: 56px;
  border: none;
}

div.dataTables_filter {
  position: relative;
  right: 20px;
  display: inline-block;
}

.dataTables_filter input[type=search] {
  vertical-align: inherit;
}

/***************/
/* Placeholder */
/***************/
#dashboard-container {
  margin-right: 18px;
}

.placeholder {
  background-color: whitesmoke;
  border: 5px gainsboro dashed;
  border-radius: 18px;
  font-size: 21px;
  color: rgba(40, 172, 226, 0.75);
  text-align: center;
  padding-top: 220px;
  min-height: 270px !important;
}

/***************/
/* Stuff Stefan put in */
/***************/

#corp-logo {
 	margin-left:-5px; 
 	margin-top: 5px;
	height: 80px;
	width: 160px; 
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border: none;
} 

.hide-before-binding {
	visibility: hidden;
}
span.explainer{
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

.form-submit-html-blob-hider {
	height: 12px;
	width: 12px; 
	border: none;
	margin: 0;
	padding: 0;
	
	background-image:  url('../images/right.png');
	background-repeat: no-repeat;
}

.form-submit-html-blob-hider {
	cursor: pointer;
}

.html-blob-hidden {
	cursor: pointer;
}

.html-blob-unhidden {
	cursor: pointer;
}

.hiding {
	display: none !important;
}

.htmlblob-unhidden .form-submit-html-blob-hider{
	background-image:  url('../images/down.png') !important;
	background-repeat: no-repeat;
}

label.field-checkbox-table-label {
	margin: 0;
}
input[type="checkbox"].field-checkbox-table-input {
	margin: -1px 5px 0 0;
}

.label-inline {
	vertical-align: top;
	margin-top: -3px;
	min-width: 40px;
}


/* -- Administration > Components -- */

.components-container * {
	box-sizing: border-box;
}
.components-container input {
	width: 100%;
	height: 30px;
}
.components-container input[type="checkbox"],
.components-container input[type="radio"] {
	width: auto;
	margin: 0;
}
.components-container textarea {
	width: 100%;
}
.components-container fieldset {
	position: relative;
}
.components-container hr {
	margin: 10px 0;
}

.control-container {
	position: relative;
	font-size: 0;
	text-align: right;
}
.control-container label {
	display: inline-block;
	width: 35%;
	vertical-align: middle;
	margin-bottom: 10px;
	padding-right: 10px;
}
.control-container input,
.control-container select {
	display: inline-block;
	width: 60%;
}

.clear-filter {
	position: absolute;
	top: 7px;
	right: 7px;
	opacity: .75;
}
.clear-filter:hover {
	cursor: pointer;
	opacity: 1;
}

.components-list {
	width: 100%;
	margin-top: 10px;
}


@media screen and (min-width: 1300px) {
	.components-container .span4 {
		width: 330px;
	}
	.components-container .span8 {
		width: calc(100% - 370px);
		margin-left: 40px;
	}
}

.button-container {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.body-administration-components .history-activator {
	position: absolute;
	top: 0;
	right: 0;
}

.editor-style {
	display: inline-block;
	margin: 0 0 0 30px;
	font-weight: normal;
}
.editor-style > span {
	color: #999;
	cursor: pointer;
}
.editor-style > .editor-style-selected {
	color: #000;
	font-weight: bold;
	cursor: default;
}

#rule-text-editor,
#rule-text-area {
	width: 100%;
	height: 700px;
}
@media screen and (max-height: 700px) {
	#rule-text-editor,
	#rule-text-area {
		height: 300px;
	}
}

.review-fields-label {
	font-weight: bold;
}
.review-fields-table {
	border-bottom: 1px solid #ddd;
}
.review-fields-table th,
.review-fields-table td {
	border: none;
}
.review-fields-table tbody td {
	vertical-align: middle;
}
.review-fields-table .review-field td {
	border-top: 1px solid #ddd;
}
.review-fields-table .review-field__name {
	width: 30%;
	border-left: 3px solid transparent;
}
.review-fields-table .review-field--flagged .review-field__name {
	border-left-color: #b94a48
}
.review-fields-table .review-field__name span {
	display: table-cell;
	vertical-align: middle;
}
.review-fields-table .review-field__indent {
	visibility: hidden;
}
.review-fields-table tr:hover .review-field__indent {
	visibility: visible;
}
.review-fields-table .review-field__indent i + i {
	margin-left: -5px;
}
.review-fields-table .review-field__indent-1 {
	width: 30px;
}
.review-fields-table .review-field__indent-2 {
	width: 60px;
}
.review-fields-table .review-field--flagged .review-field__value {
	color: #b94a48;
}
.review-fields-table .review-field--modified .review-field__value {
	color: #3a87ad;
}
.review-fields-table .review-field__flag {
	width: 50px;
	padding: 0;
	text-align: center;
}
.review-fields-table .review-field__flag input[type="checkbox"] {
	margin: 0;
}
.review-fields-table .review-field__comment {
	width: 270px;
}
.review-fields-table .review-field__comment i {
	opacity: .75;
	margin-top: 1px;
}
.review-fields-table .review-field__comment i:not(.review-field__comment__edit-button) {
	margin-left: 5px;
}
.review-fields-table .review-field__comment i:hover {
	opacity: 1;
	cursor: pointer;
}
.review-fields-table .review-field__comment__edit-button {
	visibility: hidden;
}
.review-fields-table tr:hover .review-field__comment__edit-button {
	visibility: visible;
} 
.review-fields-table .review-field__comment__text {
	display: inline-block;
	margin: -3px -7px;
	padding: 3px 7px;
	color: #999;
	font-size: small;
}
.review-fields-table .review-field__comment__text:not(.review-field__comment__text--disabled):hover {
	background-color: #ddd;
	cursor: pointer;
}
.review-fields-table .review-fieldtable-field td {
	border-top: none;
}
.review-fields-table .review-fieldtable-field--separator td {
	border-bottom: 1px dashed #ddd; 
}

#template-field-date-table .date-container .qado-input-element {
	width: 200px;
}


.communications {
	border: 1px solid #222;
}
.communications > thead > tr > th {
	border: none;
	background-color: #222;
	color: #eee;
}
.communications > tbody > tr {
	border-bottom: 1px solid #999;
}
.communications > tbody > tr > td {
	border: none;
}

tr.communication-row > td {
	background-color: #dce0e9;
}
tr.communication-instances-row > td {
	background-color: #fafafa;
}

.communication-instances {
	margin: 0;
	list-style-type: none;
}
.communication-instance {
	border-bottom: 1px solid #999;
	padding: 10px;
	color: #444;
}
.communication-instance:last-child {
	border-bottom: none;
}

.email-body {
	font-size: small;
}

.communication-instance dl {
	margin: 0 0 20px 0;
}

/* gating info */
#edit-section-modal .gating-info {
	margin-top: 15px;
}
#edit-section-modal .gating-info label {
	display: inline-block;
}
.gating-info-toggle {
	margin-left: 5px;
	cursor: pointer;
}
.gating-info-description {
	font-size: small;
	margin-bottom: 0;
}

/* export CSV */
.export-tabs > li > a {
	font-weight: 500;
}
.export-tab-content {
	margin-top: -20px;
}
.export-tab-content > .active {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.export-tab-content .tab-pane {
	overflow: hidden;
}

.export-controls,
.filter-controls {
	position: relative;
	font-size: 0;
	margin-bottom: 15px;
}
.export-controls label,
.filter-controls label {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	padding-right: 10px;
}
.export-controls input,
.export-controls select,
.filter-controls input,
.filter-controls select {
	display: inline-block;
	box-sizing: border-box;
	height: 30px;
	margin-bottom: 0;
}

select.fields-list[multiple] {
	height: 400px;
}
.fields-list:focus {
	outline: none;
}
.fields-list option:disabled {
	color: #eaeaea;
}
.export-hint {
	margin: -5px 0 5px 0;
	font-size: smaller;
}

.presets-list {
	margin-bottom: 15px;
}

.queued-fields-heading {
	padding: 9px 8px 8px 8px;
	font-weight: 500;
}
.queued-fields-container {
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	overflow: hidden;
}
.queued-fields-container .fields-list,
.presets-fields-list {
	margin-bottom: 30px;
}
.mr10 {
	margin-right: 10px;
}

.export-partial {
	margin-top: 45px;
	margin-bottom: 0;
}

.slide-enter-active {
	transition: all .3s ease;
}
.slide-enter {
	transform: translateY(-15px);
	opacity: 0;
}
.slide-leave-active {
	transition: all .3s ease;
	transform: translateY(-15px);
	opacity: 0;
}

.status__container {
	margin-top: 10px;
}
.status__container--floated {
	clear: both;
	margin-top: 40px;
}

[v-cloak] {
	color: transparent;
}

.icon--spin {
	animation: spin 2s infinite linear;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

.toggler {
	display: inline-block;
	margin-right: 5px;
	cursor: pointer;
}

#filters-root {
	margin-left: -10px;
	color: #333;
}

.filter-controls:first-child {
	padding: 0 5px;
}
.filter-controls .clear-filter {
	right: 30px;
}

.filters {
	margin-left: 0;
}
.filters li {
	position: relative;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	cursor: pointer;
}
.filters li:first-child {
	border-top: 1px solid #ddd;
}
.filters li:hover {
	background-color: #f0f0f0;
}
.filters li.selected {
	background-color: #d6dde7;
}
.filter__name {
	font-weight: 500;
}
.filter__roles {
	font-size: smaller;
	color: #999;
}
.filter__type {
	font-size: smaller;
	color: #999;
	text-transform: uppercase;
}
.filter__arrow {
	position: absolute;
	right: 5px;
	top: 7px;
	top: calc(50% - 9px);
	opacity: 0;
}

.selected-filter__name {
	position: relative;
	border-bottom: 1px solid #bbb;
	margin: 0;
	padding: 5px;	
	font-weight: 500;
}

#filters h6 {
	margin-top: 15px;
	margin-bottom: 5px;
}

#filters .private-info {
	margin: 15px 0;
	font-size: small;
}
.conditions,
.roles {
	margin-left: 0;
	list-style-type: none;
}
.conditions li span {
	display: inline-block;
	margin-right: 10px;
	word-break: break-all;
}

.roles li,
.conditions li {
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 3px;
	font-size: smaller;
}
.roles li:first-child {
	border-top: 1px solid #eee;
}
.roles option:disabled {
	color: #eaeaea;
}

.roles li .clear-filter {
	opacity: 0;
}
.roles li:hover .clear-filter {
	opacity: .75;
}
.roles li .clear-filter:hover {
	opacity: 1;
}

.add-role-container {
	border-bottom: 1px solid #bbb;
	padding-bottom: 15px;
	margin-bottom: 20px;	
}
.add-role-container label,
.add-role-container select,
.add-role-container button {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 5px;
	vertical-align: middle;
	font-size: small;
}

#filters .status__container {
	clear: both;
	margin-top: 60px;
}

.load-app-json {
	margin: 15px 0;
}
.save-app-json {
	margin-top: 5px;
}
.app-json-data {
	display: block;
	width: 90%;
	min-height: 300px;
	font-family: monospace;
}
.app-json-status {
	display: inline-block;
	margin-left: 10px;
	vertical-align: sub;
}


/* app details: notes */
#notes-container {
	margin: 20px 0;
}
.application-notes-row {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}
.application-notes-row-date {
	display: inline-block;
	width: 150px;
}
.application-notes-row-actor {
	display: inline-block;
	width: auto;
}
.application-notes-row-container {
	display: inline-block;
}

.qado-button.add-item {
	display: inline-block;
	min-width: 0;
	font-size: 14px;
	padding: 7px 15px;
	vertical-align: super;
	margin-bottom: 20px;
}
.qado-button.add-item[disabled] {
	background-color: #ccc;
	opacity: 1;
	cursor: not-allowed;
}
.no-items {
	margin: 20px 0;
	color: #999;
}

/* app details: document versions */
.doc-versions-message {
	margin: 0;
	color: #999;
	font-weight: normal;
}
.doc-versions {
	list-style-type: none;
	margin: 0;
}
.doc-versions li {
	padding: 3px 0;
}
.doc-versions li div {
	display: inline-block;
	padding: 0 6px;
}
.doc-version-index {
	width: 25px;
}
.doc-version-date {
	width: 150px;
}
.doc-version-user {
	width: 150px;
}






























body {font-family:"Ubuntu",Helvetica,Arial,sans-serif;color:#000000;font-size:14px;background-color:#e9f3fd;line-height:20px;padding-top:30px;}

h1, h2, h3, h4, h5, h6, h7 {font-family: 'Ubuntu','Helvetica Neue',Helvetica,Arial,sans-serif;}
h1 {
    font-size: 35px;
    font-weight: 400;
    line-height: 43px;
    margin: 0 0 20px;
}
h2 {
    font-size: 23px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px;
}
h3 {
    font-size: 19px;
    font-weight: normal;
    margin: 0 0 5px;
}
h4 {
    font-size: 17px;
    font-weight: normal;
    margin: 0 0 5px;
}

select{font-family: 'Ubuntu','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;}
input.qado-input-element-small, input.qadoappsubmit-sub, select.qadoappsubmit-sub, select.qado-input-element-small {font-size:14px;}
select::-ms-expand {border:0;background:transparent;}

#hecoHeader {
	position: absolute;
	height: 30px;
	background: #A7998E;
	z-index: 1001;
	top: 0;
	left: 0;
	min-width: 100%;
}
#hecoHeader .content-div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 960px;
	margin:auto;
}
#hecoHeader .content-div > ul {margin:0 0 0 -10px;padding-left:0;display:inline-block;height:30px;}

#hecoHeader .hecoMenu,
#hecoHeader .dropdown {
	margin-left: 0.5rem;
}

#hecoHeader a {color:#000000;font-size:13px;}
#hecoHeader .caret {
    border-top: 4px solid #000000;
    vertical-align: middle;
    margin-left: 5px;
}
#hecoHeader .dropdown-menu {
	margin: 0;
	background-color: #3B4A85;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top:22px;
}
#hecoHeader .dropdown-menu a {color: #FFFFFF;}


#hecoHeader .dataTables_filter input[type=search] {background-color:#5d5349;border-radius: 0;border: 0;height: 14px;width: 144px;}
#hecoHeader button {background:#37296b;border:0;margin: 0;color: #fff;vertical-align: top;    text-transform: uppercase; font-weight: 700; position: relative; left: -2px; height: 22px;}

#hecoNav ul {display: flex; align-items:center; margin: 0;padding: 0;}
#hecoNav ul li {list-style: none;display: inline-block;margin: 0; padding: 0 5px;}
#hecoNav ul li a {display: flex; align-items: center; color:#000000;font-weight:700;text-transform:uppercase;font-size:12px;}
#hecoNav ul li#userLink a {font-weight:400;}
#hecoNav ul li#logoutLink {padding-right:0;}

.hecoMenu {list-style:none;display:block;line-height:30px;padding:0 10px;}
.hecoMenu a {text-decoration:none;}
.hecoMenu:hover {
	background: #6a5f56;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	background-color: #38296C;
	background-image:none;
}

.logo-container {
	width: 960px;
	margin: 20px auto 10px auto;
	background-color: #e9f3fd;
}

h1 a, h2 a, h3 a, h4 a {
	color: #5c21c2;
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus {
	color: #5c21c2;
}
hr {
	background: #A7998D none repeat scroll 0 0;
	border: medium none;
	height: 1px;
	margin: 20px 0;
}
strong {
	font-weight: 600;
}

a {
	color: #5c21c2;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;color: #5c21c2;
}
a:focus {
	outline-offset: 3px;
	outline: 2px solid #fff;
}
a.darkfocus:focus {
	outline: 2px solid #5c21c2;
}

.qado20-body {background-color:transparent;}
.qado20-header-bar {background-image:none;height:95px;max-width:960px;margin: 0 auto;display:block !important;position: fixed;top: 0;left: 0;width: 100%;right: 0;/* border: 1px solid red; */background-color: #e9f3fd;z-index: 11;}
.sectional-line-shadow-horizontal {display:none;}

#corp-logo {
    margin: 0;
    height: auto;
    width: 337px;
    background-repeat: no-repeat;
	display:block;
}

.qado20-body .qado20-body-container {width:960px !important;margin: 0 auto;display:block !important;}
.qado20-body .qado20-body-container:nth-child(1) {width:960px !important;margin:auto;display:block !important;}
.qado20-body-content {width:100%;padding:0;border-left:0;display: block;}

form#form-activity-process {
	background: #fff;
	padding:20px 20px 40px 20px;
	display: block;
	margin-top: 10px;
	margin-bottom:0;
}

.controls.qado-submit {width:98%;background:#fff;padding:3% 1%;}
.controls.qado-submit input.qado-button.qado-button-submit {float: right !important;}

.qado20-navigation {
	min-width: 120px;
	width: 960px;
	height:37px;
	margin: 0 auto 9px auto !important;
	vertical-align: top;
	float: none;
	background: #e9f3fd;	
	display:table;	
}
.qado20-navigation .menu-items {
	display:flex;
	justify-content: space-between;
	position:relative;
	border: none;
	padding: 0;
	margin: 0;
}
.qado20-navigation .menu-item {
	display: flex;
	justify-content: center;
	flex: 1 1 auto;
	margin:0;
	padding:0;
	margin-left:10px;
	background-color:#005E72;
	position:relative;
}
.qado20-navigation .menu-item:first-child {
	margin-left: 0;
	width: 11px;
}
.qado20-navigation .menu-item a {
	vertical-align: middle;
	margin: 0;
	padding: 11.5px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	line-height: 1;
}
.qado20-navigation .menu-item > a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.qado20-navigation .menu-item-nav:first-child {padding-top:0; border-left: 0;}
.qado20-navigation .menu-item-nav:hover {padding-left: 0px;background-color:#3B4985;}

.qado20-navigation li.active {padding-left: 0px;background-color:#38296C;}
ul.level-II { display: none; position: absolute; top: 38px; left: 0; background: #3b342e; list-style: none; width: 150%; margin: 0; padding: 0; text-align: left; border-radius: 0;z-index:8; border: none;}
.qado20-navigation .menu-item:hover > ul.level-II { display: block; }
.qado20-navigation ul.level-II li { list-style: none; padding:0 !important; }
.qado20-navigation ul.level-II li.active { border: 0; background-color: transparent; }
.qado20-navigation ul.level-II li a { text-align: left; display: block; margin: 0; padding: 12px 20px; color: #fff;}
.qado20-navigation ul.level-II li a:hover { background: #3B4985; color: #fff; }

.tab {background-color:#3B4A85;font-size:18px;color:#fff;text-transform:none;border-right:2px solid #fff;border-bottom:0;border-top:0;border-left:0;font-weight:normal;}
.tab-active {border-radius:0;border-width:0 2px 0 2px;}
.tab-inactive:hover {border-bottom:0;}

.tab-container {border-radius:0;height:auto;margin:0;background-color:transparent;}
.tab-container .tab {font-size:14px;display:block;border:0;min-height:inherit;padding:5px 15px !important;color:#ffffff}
.tab-container .tab-active{background-color: #ebebeb;text-transform:none;border-width:0;font-size:14px;font-weight:normal;box-shadow:none;}
.tab-container .tab-inactive:hover {border:0;}

/* ---------- form or "Breadcrumb" styles ------------ */
#application-tabs {
	width: 960px;
	background-color: #5d5349;
	height: 70px;
	margin: 0 auto;
	padding:0;
	overflow:hidden;
	list-style: none;
	border-top: 10px solid #e9f3fd;
	white-space:normal;
}
#application-tabs li.tab {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding:0 0px 0 50px !important;
	margin:0;
	height:70px;
	position:relative;
	float:none;
	min-width:inherit;
	min-height:inherit;
	text-align:left;
	transition:none;
}
#application-tabs li:first-child.tab {padding-left: 15px !important;padding-right: 0px !important;}

#application-tabs li.tab h2 {background-image:none;color: white;text-decoration: none;font-size:14px;padding:0;display:inline;}
#application-tabs li.tab h2 a {background-image:none;color: white;text-decoration: none;font-size:14px;padding:0;display:inline;}

#application-tabs li.tab-icon-active {background-color:#38296C;background-image:none;}

#application-tabs li:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent; 
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 20px;
	margin-top: -37px;
	margin-left: 2px;
	left: 100%;
	z-index: 1;
}

#application-tabs li:after {
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #3B4A85;
	position: absolute;
	top: 20px;
	margin-top: -37px; 
	left: 100%;
	z-index: 2; 
}
#application-tabs li.tab-active:after {border-left: 30px solid #38296C;}
#application-tabs li.disabledTab.tab-active:after {border-left: 30px solid #5d5349;}
#application-tabs li.disabledTab.tab-inactive:after {border-left: 30px solid #5d5349;}

#application-tabs li.tab-inactive{background-color:#3B4A85;}
#application-tabs li.tab-active {background-color:#38296C;}
#application-tabs li.disabledTab {background-color:#5d5349;}

/* --- application review tabs/breacrumbs --- */
#application-tabs li {
	width:196px;
}

#application-tabs li.tab h2,
#application-tabs li.tab h2 a {
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
/* IE fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#application-tabs li.tab h2 {
		top: 34px !important;
	}
}
/* Edge fix */
@supports (-ms-ime-align:auto) {
    #application-tabs li.tab h2 {
        top: 34px !important;
    }
}

#application-tabs li.Project-System-Components {width: 250px;}
#application-tabs li.Project-System-Components {width: 250px;}
#application-tabs li.Additional-Information-And-Drawings {width: 390px;}
#application-tabs li.System-Type {width: 120px;}

/*
	--- technical review tabs/breacrumbs ---
*/


.control-label{font-family:"Ubuntu",Helvetica,Arial,sans-serif;color:#3b342e;font-size:14px;}
input.qadoappsubmit, input.qadoappsubmit-sub, input.qado-input-element, select.qadoappsubmit, select.qadoappsubmit-sub, select.qado-input-element {
    font-size: 14px;
    width: 370px;
    padding: 0px 5px 0px 5px;
    border-radius: 0;
	background:#fff;
	border-color:#5d5349;
	font-family: 'Ubuntu','Helvetica Neue',Helvetica,Arial,sans-serif;
}
select.qadoappsubmit, select.qadoappsubmit-sub, select.qado-input-element {border-radius: 3px;}
input.qadoappsubmit, input.qado-input-element, select.qadoappsubmit, select.qado-input-element {height:30px;}

.form-horizontal .control-group {margin:0;padding:0;}

.control-label-container {position:relative;}
.form-horizontal .control-label {float:right;margin-right:20px;}
.qado-info-container {
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: 5px;
    width: 16px;
    height: 21px;
    background-size: 16px 16px;
    margin-right: 4px;
	padding:0;
	background-position:0 3px;
}
.qado-info-tooltip {width:16px;height:16px;}

.dashboard-content-block,
.search-div, 
.site-locator {display:none;}

.control-label-row {line-height:33px;}
.data-field-table-add-container input {float:none;}
.vertical-container {padding:12px;}
.vertical-container .controls-row-container .control-label-container-row .qado-info-container {margin-left:0;}
.control-label-container-row {
    display: inline-block;
    vertical-align: top;
    min-width: 300px;
}
div#vertical-control-layout::after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
}
#vertical-control-layout .clearfix {
    display: inline-block;




}
div#data-field-table-body-vertical-row {
    display: block;
}

.body-queue-submit .content-div h1:first-of-type,
.large-header {
	background:#005E72;
	padding:20px;
	color:#fff;
	font-weight:300;
	font-size:36px;
	margin: 0 auto;
	width: 920px;
}
form#form-activity-process div.activity-section-container div.control-group div.control-label-container {
    max-width: 450px;
}

form#form-activity-process div.activity-section-container div.control-group div.controls div.validation-message {
    margin-bottom: 16px;
}

/* --------- home.introductoryCopy ---------- */

#welcomeBox {
	background:#fff;
	margin-top: 0;
}
#welcomeBox h1 {
	font-size: 30px;
	line-height: 35px;
	margin: 0 0 10px;
	font-weight: 300;
}
#welcomeBox .subheader {
	font-weight: 600;
	font-size: 16px;
	margin: 0 0 5px;
	color: black;
}

.homepage [class*="span"] {margin-left:10px;}
.homepage .span9 {
	margin-left: 0;
	width: 720px;
}
.homepage .content-block ul li {
	margin-bottom: 5px;
}
.homepage .content-block ol li {
	margin-bottom: 8px;
}
.homepage .text-section {
	margin-bottom: 15px;
}
.homepage .content-block a.qado-button {
	display: block;
	width: fit-content;
	margin-top: 15px;
	margin-bottom: 15px;
}
.homepage .content-block a.qado-button:focus {
	color: #fff;
}
.homepage .content-block a.qado-button:last-child {
	margin-bottom: 0;
}

.homepage h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: inherit;
}

.homepage .content-div {
	margin-bottom: 0;
}
.homepage .content-block {
	padding-bottom: 35px;
}

div#howItWorks.span3,div#otherProjectStart.span3 {width:230px;}
div#howItWorks,div#otherProjectStart {background: #3B4A85;color:#fff;}
div#howItWorks > div {
	margin: 15px 20px;
}
div#howItWorks h2 {
	font-size: 1.2rem;
	line-height: 27px;
}
div#otherProjectStart {
	margin-top: 10px;
}
div#otherProjectStart h2 {
	font-size: 25px;
	line-height: 30px;
}
div#otherProjectStart div {
	margin: 15px 14px;
}
div#otherProjectStart .btn-container {
	display: flex;
	justify-content: center;
}
div#otherProjectStart .qado-button {
	margin-right: 0;
}

#howItWorks ol {margin:0;padding:0;background: #e9f3fd;}
#howItWorks ol li {margin:5px 0 5px 0px;padding:23px 13px 23px 70px;list-style:none;background-repeat: no-repeat; background-position: 10px 38%;  background-color: #fff;position:relative;color:#3b342e; cursor:pointer;}
#howItWorks ol li:hover {background-color:#E1DEE9;}
#howItWorks ol a:hover {text-decoration:none;}
#howItWorks ol li:after {content:""; display:block; width:14px;height:14px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9qbKBqbKBqbKBqbKBqbKBqbKBqbKBqbKBqbKBqbKD////h4uzDxNl0dqZqbKBIVJinAAAAEHRSTlMAESJEZneImarM7v//////Ob2cGgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8wOC8xNkHMUNEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAdElEQVQImRWNsQnCUAAFTxBtBQvLVNbiBm4QENK7QbRyDEdwBAcwK/gXiDt8IiGo8D1/rnnVvQPW5z2ZlXqCyTXvZ8HckSMbo8YXZQqm0FOnJrZhoLZ9NHGgNN2DPYU+ox0z/ekBLll/59/pze9uDCyrLfwB5PI+1fee31cAAAAASUVORK5CYII=);
background-repeat:no-repeat;background-position:0 0; position: absolute; bottom: -9px;left: 17px; z-index: 7;}
#howItWorks ol li:last-child:after {display:none;}
#howItWorks ol li:last-child {margin-bottom:0;}


#step1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAjCAMAAADPLogvAAAAA3NCSVQICAjb4U/gAAAAXVBMVEX///9qbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWvOeQiUAAAAH3RSTlMAEREiIjMzRERVVWZmd3eIiJmZqqq7u8zM3d3u7v//6qauNwAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8wOC8xNkHMUNEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABFklEQVQ4jY3U25KDIAwG4IAKWq22W/GwEt7/McthewAis/+FM+I3JHEUgJCuH02cRUCWK04pM5qnqkeCmUuuKDbkimJjpDr8DwsKr56Nl5AhZTIorGb3pH4t6zdjktnrY3VRUhiaVTseEoD7iFF71oZbXr+Kst1Wsi5rPBqhkXfX0V5ig6vYOXcU2OIUejcFdstiFffKuTt4pvNvQb8VYgOnbP6oB/wxkzOIVWD6N86cKnLSjaeKYoQKbFu+MnOWKWpStmaKYEweQSkosX4NTrEiU+hdpHJW2Y2sU6wdSmzyBRsm9Fhi7mWoDlptSkziMVUAmzFF1ve+dU0wI+okwlDs7F/4RJ+z7xPpdqri8+3nZL/otHwCyu5Rh7jY5hQAAAAASUVORK5CYII=);border-top: 5px solid #e9f3fd;}

#step2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAnCAMAAABZobp+AAAAA3NCSVQICAjb4U/gAAAAgVBMVEX///9qbKBnaJ03KWtqbKA3KWtqbKBaV49QSoU3KWs3KWtqbKBeXZQ3KWtqbKBhYZddW5NDOXg3KWtqbKBnaJ1mZpk3KWtqbKA5K203KWtqbKA3Kms3KWtqbKBqa6Bpa583Kms3KWtqbKA3KWtqbKA3KWs3KWtqbKA3KWtqbKA3KWul77xCAAAAK3RSTlMAERERIiIzMzMzRFVVVWZmZmZmd3d3d4iIiJmZmaqqqqqqu7vMzN3u7v//+F7DRgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8wOC8xNkHMUNEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABSklEQVQ4jYWU2XqDIBCFSdG0xdpFWlPbpIkxUvH9H7AzDMji0nORCOfnDIx8MhbqS6e6Rf5p5mudri+iFSwCTP4GQPXXgYPeBqyvi+wwaR8AztdFcNKrByYfEqQLkD6h8KuW9+ADfrMVQO5I7LFqmio3dYISANCCUo1G/ds12qQFeDtO+n4Pj2mBHh3VdQP+t8ke4PeI2QLHAivVKZDDZMdZ9iylfMGwhywGIGDg7p29QpnPUwwoSt1TFxsoFydwCM19hwQM4z3kNOOEQz4D+BbAYEZ4oIItJ8fsXHOYbVqbALBmLIMAkxcCeIyxIr/Gpiad5D29x0qIGh+HPAasP2kQ8ct6Il85v7c9c8AH+Q0rW2BUO53XAvfOn4kAW/849wnY8A3AO7qEd7sFAWD9y8/Cx8N8QOgmX84r/o2N/govS/3j4xVf3L/TH+HfVbcD0qYXAAAAAElFTkSuQmCC);}

#step3{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAApCAMAAAARZLm4AAAAA3NCSVQICAjb4U/gAAAAUVBMVEX///9qbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKBqbKA3KWs3KWtqbKA3KWtqbKA3KWtqbKA3KWuiN+DBAAAAG3RSTlMAEREiIjMzRERVVWZmd3eIiJmqqrvMzO7u//+SMxItAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADExLzA4LzE2QcxQ0QAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAADdSURBVDiN1ZPZDoMgEEVHFFwqIohl+f8PLWANRMFo0peeB0zuyTgwKECk4saICvIIxaha864yPUBrcFbWPq9NmyljXBgBwIzgLPbtZsfIjEep8GCjzzqAyXrkJr+wJYQTaCtDpUpgg4uk1WAt8i/Hr4SwYWStk6EzXRNoiKLM8FxyIQQvyXCaH8rh7egKct5m9kSixTEVJPHp+19kk8gR1GEIDSEEAXIrcZ8uxri+edloPpDKsKGU25WXPSu6054ljn/JWdZ8pz/Ly55FqS3JO3d4kMcBRCQ0Jatl8wGz9jNDMLldqwAAAABJRU5ErkJggg==);}

#step4{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAA3NCSVQICAjb4U/gAAAAXVBMVEX///9qbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWvOeQiUAAAAH3RSTlMAEREiIjMzRERVVWZmd3eIiJmZqqq7u8zM3d3u7v//6qauNwAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8wOC8xNkHMUNEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABlUlEQVQ4jX2T2baDMAhFyaBVW1Ovdcz0/595CZgau7rKgxqyhQMhANm0WXyDL7sNNXy1IcboG23xtX0ntpjM01N+bsrR1DoW9qjNVKaSS97Zpmnxx7cvkJFdS8fL+lj7kzC07k5HTZqWwoFLq9PXc13nXmHeCV3mJFCkJwAqF9CeXNkjbw8pZE7ByCpAo2A71m8RZ0pGXtxA9lOlOYTsGkZuIN/lUPkHkPR1hMxHj1OaxtM5PCvg32LXpiCchstpYpwAVldBx0SfCJUEHvWi6kQEVzV8avObaBiwJBndrkpBJpGAIFIWT4hlySk0Ip0UlGTlIqmRh2SV/K7tKUUIPUifB4U6M2IxobQXNZWHrc51rxdkFijQPnIjEZYgXhdkFVpfTh8LhhuJWHtGd/UxQRv9oZQAKv2KTDx0wzHhUgvWhG3OWfLwboMxw+K9FjsjtxNZzKO4DFYqRkILhdkC0aAcI/eCoDtg0jBEm4fN7SVS410yNC8bNeqGgII/V+YBGlydL20b9vSAH3YPz3affxFwd3g+/+IrOtbhUVj4AAAAAElFTkSuQmCC);}

#step5{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAsCAMAAABBqSgLAAAAA3NCSVQICAjb4U/gAAAAVFBMVEX///9qbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKBqbKA3KWtqbKBqbKA3KWtqbKA3KWtqbKA3KWtqbKBqbKA3KWtqbKA3KWtqbKA3KWsXYu5+AAAAHHRSTlMAEREiIjMzRERVVWZ3d4iZmaqqu7vM3d3u7v//CnpX9QAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8wOC8xNkHMUNEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAA60lEQVQ4jc2T0W7DIAxFTdIMWKgJS2HE/P9/zkztSlIzqQ/VdpSHyEcBc2MA7iifKSiQCeQxR9mNNANomkQ50chLkxWUtjM5AEvO6qNDqnhuicGHZhrCrTosn8zbXppaWwZYSsXouUG/fxcX2MrZGDNgbMCBS+eyQSngEEfrGuyE6KrhJ3KbuIM7SHf5yH+W6fBn91+uLfGJZfM18ijKa6qi/OuEsvtFWh77nsQ62R25crRZknOipEAlaU8LY5puw3+UfAv46rrOUeod0d1zelC5H0L4eX9x8H4VCNVsxQwihuVH6XKB06XrTl+YzVln38cEhQAAAABJRU5ErkJggg==);}

.intro-CIT #step6{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAMAAADbwBjtAAAAA3NCSVQICAjb4U/gAAAAaVBMVEX///9qbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKBCOHc3KWtqbKBFO3k3KWtqbKBFO3k3KWtqbKBCOHc3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWuY+EdsAAAAI3RSTlMAEREiIjMzRERVVWZmZnd3d4iIiJmZmaqqu7vMzN3d7u7//7bk79IAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMDgvMTZBzFDRAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAOhJREFUOI2t0sFywiAQgOHNqjSmYmm1uEaDYd//IUuMNUsE9OB/yCHzzQAL4B87QFyCzI33MK+bmSSJTZpEJkOkyRFhsmQyCXI8DU3nSpCxhb8IUh3HqgI5jRXICwu9h1QH0TZNOtE+ItTXTxYyLfclsgZyuqUCGYRx5raX9Kskaxz9b/db9HkXrCwV50LMTFAik8gRITJEipG0Tfgg3sXmKlaCIGvAMGt1+7fofoNYyzuqWVHfOO7VzmJwW999hWFJYtjymVk7HmrgZ/8xv2nDbEAtATWqXQ24vK4WEbT68VDvf5jZXid/2osuw8NQy+IAAAAASUVORK5CYII=);}
.intro-CID #step6{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='_x3C_Layer_x3E_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45.9 45.9' style='enable-background:new 0 0 45.9 45.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%236A6C9D;%7D .st1%7Bfill:%23372D69;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M23,3C12,3,3,12,3,23s9,20,20,20s20-9,20-20S34,3,23,3z M23,40.5c-9.6,0-17.5-7.8-17.5-17.5 c0-9.6,7.8-17.5,17.5-17.5c9.6,0,17.5,7.8,17.5,17.5C40.5,32.6,32.6,40.5,23,40.5z'/%3E%3Cpath class='st1' d='M12.1,22.7h3H19H23h3.9h3.9h3c1,0,1.7-0.8,1.7-1.7v-5.9c0-1-0.8-1.7-1.7-1.7h-3h-3.9H23H19h-3.9h-3 c-1,0-1.7,0.8-1.7,1.7V21C10.4,21.9,11.2,22.7,12.1,22.7z M11.9,15.1c0-0.1,0.1-0.2,0.2-0.2h2.2v6.4h-2.2c-0.1,0-0.2-0.1-0.2-0.2 V15.1z M34.1,15.1V21c0,0.1-0.1,0.2-0.2,0.2h-2.2v-6.4h2.2C33.9,14.8,34.1,14.9,34.1,15.1z M30.1,21.2h-2.5v-6.4h2.5V21.2z M26.2,21.2h-2.5v-6.4h2.5V21.2z M22.2,21.2h-2.5v-6.4h2.5V21.2z M18.3,21.2h-2.5v-6.4h2.5V21.2z'/%3E%3Cpath class='st1' d='M28.9,29.1H17.1c-1.5,0-2.7,1.2-2.7,2.7c0,1.5,1.2,2.7,2.7,2.7h11.8c1.5,0,2.7-1.2,2.7-2.7 C31.6,30.3,30.4,29.1,28.9,29.1z M28.9,33.1H17.1c-0.7,0-1.2-0.6-1.2-1.2c0-0.7,0.6-1.2,1.2-1.2h11.8c0.7,0,1.2,0.6,1.2,1.2 C30.1,32.5,29.6,33.1,28.9,33.1z'/%3E%3Cpath class='st0' d='M35.8,25.2H10.2c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7h25.6c0.4,0,0.7-0.3,0.7-0.7S36.2,25.2,35.8,25.2z'/%3E%3Cpath class='st0' d='M21,10.9h3.9c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7H21c-0.4,0-0.7,0.3-0.7,0.7 C20.3,10.6,20.6,10.9,21,10.9z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 35px;
	background-position-y: center;
	background-position-x: 8px;
}

#step7{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAMAAADbwBjtAAAAA3NCSVQICAjb4U/gAAAAaVBMVEX///9qbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKBCOHc3KWtqbKBFO3k3KWtqbKBFO3k3KWtqbKBCOHc3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWtqbKA3KWuY+EdsAAAAI3RSTlMAEREiIjMzRERVVWZmZnd3d4iIiJmZmaqqu7vMzN3d7u7//7bk79IAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMDgvMTZBzFDRAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAOhJREFUOI2t0sFywiAQgOHNqjSmYmm1uEaDYd//IUuMNUsE9OB/yCHzzQAL4B87QFyCzI33MK+bmSSJTZpEJkOkyRFhsmQyCXI8DU3nSpCxhb8IUh3HqgI5jRXICwu9h1QH0TZNOtE+ItTXTxYyLfclsgZyuqUCGYRx5raX9Kskaxz9b/db9HkXrCwV50LMTFAik8gRITJEipG0Tfgg3sXmKlaCIGvAMGt1+7fofoNYyzuqWVHfOO7VzmJwW999hWFJYtjymVk7HmrgZ/8xv2nDbEAtATWqXQ24vK4WEbT68VDvf5jZXid/2osuw8NQy+IAAAAASUVORK5CYII=);}

#howItWorks ol li:before {font-weight: 700;margin-left: -15px;padding-right: 5px;color:#5c21c2;}
li#step1:before {content: "1.";}
li#step2:before {content: "2.";}
li#step3:before {content: "3.";}
li#step4:before {content: "4.";}
li#step5:before {content: "5.";}
li#step6:before {content: "6.";}
li#step7:before {content: "7.";}

#afterlogin .modal {border:2px solid #5d5349;border-radius:0;min-height:183px;left: 25%;}
#afterlogin .modal p {color: #3b342e;}
#afterlogin .modal h3 {color:#38296C;}
#afterlogin .modal-header {padding: 9px 15px 0 15px;border-bottom: 0;}
#afterlogin .modal-body {padding: 15px 10px 15px 0;}
#afterlogin .modal-body p {padding: 0 0 0 15px; margin: 0;}
#afterlogin .modal-footer {padding:0;background-color:transparent;border-top:0;box-shadow:none;}
#afterlogin .modal-btn{
	width: 18px;
	height: 18px;
	right: 8px;
	background-repeat:no-repeat;
	text-indent:-9000px;
	display:block;
	float:right;
	cursor:pointer;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAA3NCSVQICAjb4U/gAAAAM1BMVEU7NC3x8fCxr6yGgn7HxcOppqNAOTKnpKHm5uVFPjjDwb////9XUUv6+vqqp6Spp6Pn5+Wgvr9LAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAGlJREFUGJVl0NsSwBAMBNBVlyL0/z+3giQ6zZszYneAfgOifp47U27VpLY86EJSqwkXL0a1IXG+pbZk0rYti6aJbGITESIPePrQ2NJcaLp2gaWLwfqIwYTongZyRYStOL4VHvuJGKzXMS/WtguMYhXC/AAAAABJRU5ErkJggg==);
 }
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.1;
    filter: alpha(opacity=1%);
}

.homepage a#start-application-link{display:none;}

.section {
    padding: 25px 30px;
    margin: 10px 0;
}

div#startAppBox, div#viewProjects{
    background: #005E72;
    color: #fff;
}

.section:nth-child(odd) {
    background: #fff;
}

div#availableApplications, div#otherAvailable {
    background: #CDC5BA;
    color: #000000;
}

#availableApplications h3, div#otherAvailable h3 {
    color: #000000;
}

/* -------------- rearrange layout so the "i" icons align to the right, after the labels, before the form fields -------------- */
.form-horizontal .controls {
    display: inline-block;
    margin-left: 0;
    float: none;
    vertical-align: top;
}
.qado-info-tooltip {opacity:0 !important;} /* ---- replace the default icon with HECO's icon ---- */
.qado-info-container {
    display: inline-block;
    float: none;
    margin-left: 5px;
    margin-top: 5px;
    width: 16px;
    height: 21px;
    background-size: 16px 16px;
    margin-right: 4px;
    padding: 0;
    background-position: 0 3px;
    position: absolute;
    right: 0;
    top: 0;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOERCQjhGNzExQzI0RkZBQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMEExMzA0OEI3Q0ExMUU2ODBDNUQ0RDZBOUI4ODgwMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMEExMzA0N0I3Q0ExMUU2ODBDNUQ0RDZBOUI4ODgwMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OTlmMTg2Ny02Y2Y2LTRlNGMtOTc3Mi1jZjE2MzJkZGM0YjQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxNDhjYWZkZS1lOGU0LTExNzktOTk3My1lNGI3NjU4MjgwNGIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5J4camAAABh0lEQVR42nTTzStEURjH8XFN8lai/AGEBRaSf8BbDXbWo5TXRBLZsLBAEWbjtRml/AFWyoKUf8CChPK6UhSTkkbk++h3dbrGqU/dOc/znDnn3OdmREuOQoFRiW60oERz19hDAmdusuc8Z2EZJ+jBOVblQnMWW0eOXxR2infRgEXMIKlYBjKRhwmMolw7TPk7iKERnRh3ilvxhFdEFbOceiz5R6hCnxbZDtxHL4qQjSHNWc4C+q3W04WlMB36O1bwoB3EnPkZ1XTbHURwgOdAcS6u9CbeA7GkaiK2g1JcBhLs3+61wCO60uzOakq9UPox4hTlY/ifvJ+3YE1SEQjY/JTz+yhNcRnuPHWYvcJCJ9iOGj2/YT5QXIBm7NsCm2qkSSehznm21/bidp8aymoStsApNnTuDiXEcYwv3cUOihWznDHVnIadS7N72EI1ZlGrBvrEh7Y9p+JD1fx+C9YUbWpPSxiw8+FGceuFJvVGXMUpdwF/kUGs6cuLaFGbv9VdJXTk3/EtwABtt1iKU8LLHQAAAABJRU5ErkJggg==);
}
.qado-info-container:hover {
    opacity: 0.4;
}
.form-horizontal .control-label {
    float: none;
    margin-right: 0;
    text-align: right !important;
    width: 94% !important;
}
/* ----- ... ------ */

/* --- info modal/popup --- */
.popup-info-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAA3NCSVQICAjb4U/gAAABcVBMVEU3JGvk5O51dqdrXZGnqceOj7fEv9P///84JWxIN3iIfKeen8Hz8/e7vNPW0uFtb6JcTIaelbeBg6+Ji7SxqcVqbKDr6/L7+/zLzN6jpMXf3Oc9K3CHibOhmLnBwtiwsc1xc6TKy91YSIP29fiTlbqMjbamp8aAdKGVl7u2r8lzZZeMgarZ1eOUirDRzN2ro8FkVYzv7vNEMnS6s8yDha/JxNdOPXy9vdV3eanX2OY7KG7q6O/i3+puYJSkm7ygocKvp8TDvdJBL3Pc2OX49/rQy9zU0N/X1+Xt7vSkpsWpqsj////x7/VgUYmxs82LgKm4ssugl7mfocOLjbV1aJnn5e7t7/WPj7c8KnDKxdg4JGxyc6X19PeJibNub6Kjm7vDw9nNyNqXjbL5+fvk4evc2eWOg6upqce7vdWJfqijpcW3scumnb2ho8NCMHPv7/Xv7fM6JmxPPnzFv9WflbeNg6tlV43Jxdc8KW5vYpXn5e/UM5cMAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAgNJREFUOI1tlPtPE0EQx7dncVFagcK3V2TtVWkRQXnUIFdfp4AWCFYM8oMpqcEqiVHkYWL0v3f3Zq87dzA/3cx+MjM3LyGZlKuR8no9T0XVMrcL91lpgEmjcgXUKpmnsJ4Pgnw9NN+lVgbyZw0R5BJzLjDcrM+hwgRQK/Z5Hv1iDZgoOKigQw1tyYycDumQhQTqaz+RP3ic+T35ibRI++pbaFszzsHjphDiYjGhtglq6VjOz9tzYeTXs1jTEVsxVEKN5XNTkPyMta0uSgaqAEWW7n0LfSC1CFQ01EDoM+g6MU9v2wKGaEhRBjqpPx83STX3ErUDlEUVyKUg+fzzo6WVgZYDqiJCmK1iWkJEQqHuDJurd46PXz5MQXNQwkM+UQ8X1inr+RUG5eGJHoJEfXU+9o6oZQYF6HFI6lJcI+qrgzoaYuG07DYvQSacwhyD3hNzI5N4qgTfqLviS6YEqWK+IGb6zDFxMXlbbtnmjjNHcVt4g78Tc7HpGGowH5U/BD1gjuyo6KHr2qH7SNAbefDaOk+GLh5fMi3+pbyfDE8fkEWPb5sWYWqwCEf3yNc/22O9CFPSrdSJzWHjx9Lk6q5VTthK0XKeyoykl1NTCuiu8VGX/loXUGzNrzgYncsHQ0vbnp6dINixp6edvPEjts+P2P5d98Igcw5HlDc66qmR9Dn8Dxj5V3UhHr39AAAAAElFTkSuQmCC);
}
.popup-heading-text {
    display: block;
    margin-bottom: 8px;
    margin-top: 0;
    text-align: left;
    color: #38296C;
    font-size: 24px;
    line-height: 1.2;
}
div#information-box > div {
	height:auto;
    float: left;
    width: 44px;
}
div#information-box div.popup-message-container {
    width: 100%;
    float: none;
    height: auto;
}
#popup-dismiss, #user-action-popup-dismiss {
    width: 18px;
    height: 18px;
    right: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAA3NCSVQICAjb4U/gAAAAM1BMVEU7NC3x8fCxr6yGgn7HxcOppqNAOTKnpKHm5uVFPjjDwb////9XUUv6+vqqp6Spp6Pn5+Wgvr9LAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAGlJREFUGJVl0NsSwBAMBNBVlyL0/z+3giQ6zZszYneAfgOifp47U27VpLY86EJSqwkXL0a1IXG+pbZk0rYti6aJbGITESIPePrQ2NJcaLp2gaWLwfqIwYTongZyRYStOL4VHvuJGKzXMS/WtguMYhXC/AAAAABJRU5ErkJggg==);
}
#information-box {
    text-align: center;
    width: 360px;
    min-width: inherit;
    min-height: 150px;
    padding: 30px 40px 20px 20px;
    font-weight: bold;
    font-size: 1.1em;
    z-index: 9999999;
    border-radius: 0;
    box-shadow: none;
    border: 2px solid #5d5349;
}
/* ----- ... ------ */

.qado-button-attach-file {
    border: 1px solid #ddd;
    width: 160px;
    height: 38px;
    float: left;
    margin: 0;
    background: #38296c;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #fff;
}
label.qado-button-attach-file::after {
    content: "Attach Document";
    margin: 8px 0 0 0;
    display: inline-block;
}

/*--- expander panel --- */
.html_ApplicationRequirementsList-expander.htmlblob-unhidden {
    background: #f2f1ee;
    padding: 10px 20px 10px 0;
	position:relative;
}
.htmlblob-unhidden .form-submit-html-blob-hider:after {
    content: "Click to minimize";
    margin: 0px -5px 0 0;
	color:#5C21C2;
}
.htmlblob-unhidden .form-submit-html-blob-hider {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFBAMAAACOSmBbAAAAA3NCSVQICAjb4U/gAAAAKlBMVEX///9cIcJcIcJcIcJcIcJcIcJcIcJcIcJcIcJcIcJcIcJcIcJcIcJcIcLzl3EzAAAADnRSTlMAESIzRFV3iKq7zN3u/7+mKzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMDEvMTYNLAXGAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAACVJREFUCJljiAlgYOxi0LqpkHONgaH21i0DBgaWvYUMQCDKwAAAf8IHRTa3XNcAAAAASUVORK5CYII=) !important;
    background-repeat: no-repeat;
    background-position: 110px center;
}
.html_ApplicationRequirementsList-expander.htmlblob-hidden {
    color: #5C21C2;
	position:relative;
}
.form-submit-html-blob-hider {
    height: 18px;
    width: 50%;
    border: 0;
    margin: 0;
    padding: 0 !important;
    background-image: none;
    background-repeat: no-repeat;
    display: block !important;
    position: absolute;
	top:0;
	left:0;
}
.html_ApplicationRequirementsList-expander.htmlblob-hidden:after {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAMAAABL52QCAAAAA3NCSVQICAjb4U/gAAAARVBMVEX18fvz7/vp4ffd0fLUxO/JtevItOq0meOyluKoid6nh96TbNeHXNJ9Ts58Tc59Tc57TM5yP8poMcZnMMZdIsJcIcL///+QAUCGAAAAF3RSTlP/////////////////////////////AOZA5l4AAAAJcEhZcwAACusAAArrAYKLDVoAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMDEvMTYNLAXGAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAADhJREFUCJkVyjkCgCAQBMEBFW8RdPr/T3VNKipdC6DdQ6h+J8TsLeR0EfltSRweUfEa56n/n3L4AVqzAxORSR1CAAAAAElFTkSuQmCC) no-repeat right center;
	content: "";
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px;

}
.htmlblob-unhidden table {margin-top:20px;}
/* ----- ... ------ */




/* ----- content within the forms ------------ */

.activity-section-prompt {
	margin: 25px 0;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #6A6CA0;
    padding-bottom: 10px;
    border-bottom: 1px solid #6A6CA0;
}
[data-activity-section-index="0"] .activity-section-prompt {
    margin: 15px 0 15px;
    font-weight: 400;
    font-size: 24px;
    text-transform: none;
    color: #38296C;
    border-bottom: 0;
    padding-bottom: 5px;
}
.activity-section-container.lightGray {
    background: #f2f1ee;
    padding: 10px 20px;
    margin:25px 0;
}

.activity-section-container.lightGray .activity-section-prompt {
	margin: 5px 0;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: inherit;
    padding-bottom: 10px;
    border-bottom: 0;

}
td, th {
    border: 1px solid #cdc7bb;
    padding: 10px;
}
th {text-align:left;background:#4c6291;color:#fff;font-size:14px;}
tr:nth-child(even) {background:#dce0e9;}
tr:nth-child(odd) {background:#fff;}
td {font-weight:500;}
th a {color:#fff;text-decoration:underline;}
th a:hover {color:#fff;text-decoration:none;}

.htmlblob-unhidden td, .htmlblob-unhidden th { border: 1px solid #cdc7bb !important;}


[data-field-name="TaxMapKey_tbl"].control-group {position:relative;padding-bottom:20px;}
[data-field-name="TaxMapKey_tbl"] > div {float:right;width:50%;margin-right:5px;}
[data-field-name="TaxMapKey_tbl"] td, 
[data-field-name="TaxMapKey_tbl"] th {
    border: 0;
    padding: 0;
}
input#remove-button {
    position: relative;
    background: transparent;
    color: #5c21c2;
    font-size: 14px;
    display: inline;
    min-width: 10px;
    padding: 0 3px;
    border: 0;
    text-align: left;
    cursor: pointer;
    top: -4px;
    left: 4px;
}

input#remove-button.data-field-table-add.qado-calculate-field {
	left: 0;
	padding-left: 0;
	width: auto;
}

[data-field-name="ACDisconnect_tbl"] .field-table-subtable .vertical-container input#remove-button.data-field-table-add.qado-calculate-field,
[data-field-name="ACDisconnectACCoupled_tbl"] .field-table-subtable .vertical-container input#remove-button.data-field-table-add.qado-calculate-field,
[data-field-name="ACDisconnectNoStorage_tbl"] .field-table-subtable .vertical-container input#remove-button.data-field-table-add.qado-calculate-field {
	right: 10px;
	width: 100%;
	top: -20px;
	text-align: right;
	display: block;
	position: relative;
}

.TEMP_CircuitCheckDisclaimer_html-expander.htmlblob-unhidden {
    float: right;
    width: 50%;
    margin-right: 5px;
}


/* --- [data-field-name="ACDisconnect_tbl"] ------- */
/* --- ACDisconnectNoStorage_tbl --- */

[data-field-name^="ACDisconnect_tbl"] .data-field-table-body-vertical.control-group-table,
[data-field-name^="ACDisconnectACCoupled_tbl"] .data-field-table-body-vertical.control-group-table,
[data-field-name^="ACDisconnectNoStorage_tbl"] .data-field-table-body-vertical.control-group-table {
    display: block;
}
[data-field-name="ACDisconnect_tbl"] div#data-field-table-body-vertical-row,
[data-field-name="ACDisconnectACCoupled_tbl"] div#data-field-table-body-vertical-row,
[data-field-name="ACDisconnectNoStorage_tbl"] div#data-field-table-body-vertical-row {
    display: block;
    width: 97%;
}
[data-field-name="ACDisconnect_tbl"] .vertical-container,
[data-field-name="ACDisconnectACCoupled_tbl"] .vertical-container,
[data-field-name="ACDisconnectNoStorage_tbl"] .vertical-container {
    padding: 30px 12px;
	border: 1px solid #3B4A85;
	margin-top:20px;
}
[data-field-name="ACDisconnect_tbl"] .pull-left,
[data-field-name="ACDisconnectACCoupled_tbl"] .pull-left,
[data-field-name="ACDisconnectNoStorage_tbl"] .pull-left {
    float: none;
}
[data-field-name="ACDisconnect_tbl"] .control-label-row,
[data-field-name="ACDisconnectACCoupled_tbl"] .control-label-row,
[data-field-name="ACDisconnectNoStorage_tbl"] .control-label-row {
	text-align: right;
	padding-right: 25px;
}
[data-field-name="ACDisconnect_tbl"] .control-label-container-row,
[data-field-name="ACDisconnectACCoupled_tbl"] .control-label-container-row,
[data-field-name="ACDisconnectNoStorage_tbl"] .control-label-container-row {
    display: inline-block;
	position: relative;
	vertical-align: top;
    min-width: 200px;
    width: 350px;
}
[data-field-name="ACDisconnect_tbl"] .qado-info-container,
[data-field-name="ACDisconnectACCoupled_tbl"] .qado-info-container,
[data-field-name="ACDisconnectNoStorage_tbl"] .qado-info-container {
	margin-right: 0;
}
[data-field-name="ACDisconnect_tbl"] #add-button,
[data-field-name="ACDisconnectACCoupled_tbl"] #add-button,
[data-field-name="ACDisconnectNoStorage_tbl"] #add-button {
    margin-left: 20px;
    background: #38296C;
    z-index: 3;
    position: relative;
}
#add-button {
    background: #38296C;
}
[data-field-name="ACDisconnect_tbl"] .control-label-row,
[data-field-name="ACDisconnectACCoupled_tbl"] .control-label-row,
[data-field-name="ACDisconnectNoStorage_tbl"] .control-label-row {
    line-height: 1.3;
}
[data-field-name="ACDisconnect_tbl"] #data-field-table-body-vertical-row,
[data-field-name="ACDisconnectACCoupled_tbl"] #data-field-table-body-vertical-row,
[data-field-name="ACDisconnectNoStorage_tbl"] #data-field-table-body-vertical-row {
    position: relative;
    top: -49px;
    z-index: 1;
}
[data-field-name="ACDisconnect_tbl"] .field-table-subtable .vertical-container,
[data-field-name="ACDisconnectACCoupled_tbl"] .field-table-subtable .vertical-container,
[data-field-name="ACDisconnectNoStorage_tbl"] .field-table-subtable .vertical-container {
    background: #ebebeb;
	border-style: dotted;
}

[data-field-name="ACDisconnect_tbl"] .controls-row-container .controls-row-container #data-field-table-body-vertical-row.vertical-container,
[data-field-name="ACDisconnectACCoupled_tbl"] .controls-row-container .controls-row-container #data-field-table-body-vertical-row.vertical-container,
[data-field-name="ACDisconnectNoStorage_tbl"] .controls-row-container .controls-row-container #data-field-table-body-vertical-row.vertical-container { 
	background:#fff;
    border: 0;
}

[data-field-name="ACDisconnect_tbl"] .collapse-button-div,
[data-field-name="ACDisconnectACCoupled_tbl"] .collapse-button-div,
[data-field-name="ACDisconnectNoStorage_tbl"] .collapse-button-div { position:relative;right:10px;top:-25px; }
[data-field-name="ACDisconnect_tbl"] .collapse-button-div #collapse-button.qado-button, 
[data-field-name="ACDisconnectACCoupled_tbl"] .collapse-button-div #collapse-button.qado-button, 
[data-field-name="ACDisconnectNoStorage_tbl"] .collapse-button-div #collapse-button.qado-button, 
[data-field-name="ACDisconnect_tbl"] .collapse-button-div #uncollapse-button.qado-button,
[data-field-name="ACDisconnectACCoupled_tbl"] .collapse-button-div #uncollapse-button.qado-button,
[data-field-name="ACDisconnectNoStorage_tbl"] .collapse-button-div #uncollapse-button.qado-button {color: #38296C;}
[data-field-name="ACDisconnect_tbl"] div#vertical-control-layout,
[data-field-name="ACDisconnectACCoupled_tbl"] div#vertical-control-layout,
[data-field-name="ACDisconnectNoStorage_tbl"] div#vertical-control-layout {position:relative;}



.data-field-table-add-container {
    position: relative;
}

.qado-upload-button {
    display: inline-block;
    float: left;
    margin-left: 4px;
    padding: 8px;
    padding-bottom: 4px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 0;
    font-family: 'Roboto';
    font-size: inherit;
    color: white;
    text-transform: none;
    text-align: center;
    cursor: pointer;
}
#collapse-button.qado-button, 
#uncollapse-button.qado-button {
    font-family: inherit;
    font-size: inherit;
    text-transform: none;
    font-weight: 500;
    letter-spacing: normal;
    border-radius: 0;
    color: inherit;
    background: transparent;
}
#collapse-button.qado-button:hover, 
#uncollapse-button.qado-button:hover {opacity:0.8;}


[data-field-name="TransInfoUsingInterposingTransGenPointOfInterconnection_fld"] .control-label-container {
	width:49%;
    top: -10px;
}
[data-field-name="TransInfoUsingInterposingTransGenPointOfInterconnection_fld"] .form-horizontal .control-label {
	text-align: left !important;
    width: 100% !important;
}

/* ------- APPLICATION'S PAGE DATATABLE ------------ */
table.dataTable.no-footer {border-bottom:0;}
table.dataTable {border-collapse:collapse;}
table.dataTable thead th, table.dataTable thead td {padding:10px;}
a.appLink, a.appLink:hover { color: #5c21c2 !important;}
table.dataTable tbody tr:nth-child(even) {background: #dce0e9;}
table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #cdc7bb;}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1, 
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {background-color: transparent;}
table.dataTable thead .sorting {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATBAMAAACAfiv/AAAAA3NCSVQICAjb4U/gAAAAFVBMVEX///////////////////////////9nSIHRAAAAB3RSTlMAIjPM3e7/rbRKAQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMjEvMTZ37FamAAAALElEQVQImWNgIAYIK8BYjG5BMKZIWqoCTDAtLQhdD0kA2QSEuci2IbkBLwAAmscGYbCKg70AAAAASUVORK5CYII=);
}
table.dataTable thead .sorting_asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATBAMAAACAfiv/AAAAA3NCSVQICAjb4U/gAAAAFVBMVEX///////////////////////////9nSIHRAAAAB3RSTlMAIjPM3e7/rbRKAQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMjEvMTZ37FamAAAAIUlEQVQImWNgIAYIK8BYjG5BMKZIWqoCTDAtLQhdzwABANWqAzH1ahZvAAAAAElFTkSuQmCC);
}
table.dataTable thead .sorting_desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATBAMAAACAfiv/AAAAA3NCSVQICAjb4U/gAAAAFVBMVEX///////////////////////////9nSIHRAAAAB3RSTlMAIjPM3e7/rbRKAQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMjEvMTZ37FamAAAAIElEQVQImWNgGBSA0S0tLQjKFklLVYALB8GVCCswEAMAxd8DMR7GcYQAAAAASUVORK5CYII=);
}

/* ------- APPLICATION REVIEW page ---------- */

.review-table {
    font-size:14px;
    border-collapse:collapse;
    color:#584d43;
    margin:10px;
}
.review-table-fieldrow {
    display: block;
    border-bottom:0;
    padding:5px 0;
}
.review-table-fieldrow:last-of-type{
    border:0;
}
.review-table-fieldname, .review-table-fieldtable-fieldname {
    display: inline-block;
    margin: 0;
    padding: 5px 5px 5px 0;
    width: 50%;
	vertical-align: top;
	text-align: right;
}

.review-table-fieldvalue, .review-table-fieldtable-fieldvalue {
    display: inline-block;
    margin-left: 5%;
    padding: 5px 0;
    width: 40%;
	vertical-align: bottom;
	text-transform: uppercase;
	font-weight: 500;
}

.review-table td {
    padding:10px;
    display:block;
}
.review-table td, .review-table th {
    border:0;
    border-collapse:collapse;
    border-bottom:0;
}
.review-table tr:nth-child(even) {
  background-color:#fff;
}
.review-table tr:nth-child(odd) {
  background-color:#ffffff;
}
.review-table-fieldtable-row-fieldvalue {border-top:0; margin-top:10px}
.review-table-fieldtable.review-table-fieldtable-vertical{border-top:0; padding-top:10px}
.review-table-fieldtable-row {border-top:0; padding-top: 20px;}

.htmlblob-unhidden .review-table td, 
.htmlblob-unhidden .review-table th {
	border: 0 !important;
}

tr.review-table-section {
    border-top: 1px solid #3B4A85;
}
tr.review-table-section.blank td, 
tr.review-table-section.blank2 td, 
tr.review-table-section.Property.Owner.is.login td{
    display: none;
}

tr.review-table-section.Inverters > td div.review-table-fieldrow:nth-child(2) > .review-table-fieldtable-vertical,
tr.review-table-section.Wind.Generator.Information > td div.review-table-fieldrow:nth-child(2) .review-table-fieldtable-vertical,
tr.review-table-section.Generator.Information > td div.review-table-fieldrow:nth-child(2) .review-table-fieldtable-vertical,
tr.review-table-section.Storage.Details > td div.review-table-fieldrow:nth-child(2) .review-table-fieldtable-vertical
{border-top:0;}

/* -- tables for project information & compliance -- */
.project-information {padding:5px; border-collapse:collapse;background: #f4f4f4;}
.project-information .label div {background:#B2B2B2;}
.project-information .value div {background:#ebebeb;color:#999;}
.project-information .label div, 
.project-information .value div {margin:5px;padding:10px 20px;border:1px solid #ccc;}
.project-information .value div + div {width:10%;background:transparent;display:inline-block;border:0;background-color:transparent;}
.project-information .mainRow > td {padding:15px;border:0;}
.project-information table table td table {padding:10px;}
.project-information .system-size .value div {display:inline;}

.compliance {padding:5px; border-collapse:collapse;background: #f4f4f4;}
.compliance .label div {background:#B2B2B2;}
.compliance .value div {background:#ebebeb;color:#999;}
.compliance .label div, 
.compliance .value div {margin:5px;padding:10px 20px;border:1px solid #ccc;}
.compliance .value div {display:inline-block;}
.compliance .value div + div {background:transparent;display:inline-block;border:0;background-color:transparent;}
.compliance table table td table {padding:10px;}

/* ----- Make the X in the error popup red, per Donna ----- */
.popup-error-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAAAA3NCSVQICAjb4U/gAAABgFBMVEWhAQDfiob519S7KB3GaWTsq6vaEADZAAC+OjHt2Nf////HCgDdMCThOi3npqLw4N/Uf3vXHAzcLB/78/C/AwDZGQv0ubTVEgHHFgnoZl337evpm5jfUUiyIRayNCzjcWzhtK/46OfGPTe/FAfTDQDoh4HYDgD99/ffEwPaIxW+QTXTlI7hQzjfsq6+NSvGFASwAgDSKCDUIBLjhH/VIhTztrLXDQDcMCTYFQfsfnb77+vwuLfbGAnkk4/xp6LBSUHQFQbREgPqoJ7iQTXrsrLGEQLAPjXCBQDTPTapAgDJHxLQbmnbFAPYCAD8+/veMyfVKR7njYrbHBD38/Pz5OPxqaTxqqXHNSzXIRP75+XFKB3ODACzCADXEwPbNSjBEgX69PPOGAjkUUXrr6i/BwDbJBjXEAT78O747u3TEQHCCADcHA31vrjoaV7KFAS5NSy+PTG+PTnXJBjfPS3qop/iiob52NbGbWXYBQDqpaLjdG736+fSJBTjhoLKEALZHxElMa8mAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADAxLzE4LzE3xwFJaQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAElSURBVCiRY+BKFwu1wwpy1Lm4GHIks32wg/rcMi4GTTYcsj4+7EmRDDY4ZX3Ysi0ZkPm+FSCAJMCLLC3KqwMEQkgiPEjSvv7W6UCgqqkGF/JHluax5gKCUiMzHNKsflxcCd4SKtilzcHS5crYpdWEKkHSLPG4pEuA0hn2KeL4pDlEYrFLp0qDpN1wSWsGAuMohMMduzSbZilQml8Pl3S9MUgap27RqgQuLk6cui3kufBKyyQrKGgzc2OXBgaruwEDQ0wdDmkbcw8lJaUoBzas0r5ClaD4No7AEd/m4Pi2NcEe32ZCTopSUiECXthjzMcnIDxfTk42PhOHdLS7gYFBjCsiQnlQpH0c64DA0RHO50XNBrFgAOOBsgGBTIQvCzJxMeDPwABxIAPbGhcKvAAAAABJRU5ErkJggg==);
}


/* Applications page (code adapted from PGE override) */
.dataTables_wrapper .dataTables_length {float:right;margin-top:3px;}
.dataTables_wrapper .dataTables_filter {float:right;width: 276px;margin-top:3px;margin-right:20px;}
.column-toggle-container {float:left;margin-left:0;min-width:415px;}
#applications.dataTable  th {text-align:left;padding-left:10px;}
ul#grid-column-toggle {width:auto;max-width:330px;}
.column-toggle-container {border-width:1px;border-radius:5px;}
li.toggle-vis {font-size:13px;}
.dataTables_length select {border:1px solid #ccc;}

/* ---- hide the default privacy and terms links --- */
.legal {display: none;}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {color:inherit}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {box-shadow:0 0 3px #777777;border-color:inherit;outline-color:#999;border:0;}

.explainer, 
.accordion { background: #fff;}
div.explainer {padding:10px 20px 20px;border-bottom:0;}

/* fix for labels in modals */
.modal-body .form-horizontal .control-label {
    text-align: left !important;
}

/* ---- Adjust the alignment of the field titles and the input fields. --- */
ul.checkbox-list-container {margin-top:7px !important;}
#template-field-radio .field-container {margin-top: 7px !important;}
.control-label {padding-top:6px !important;}
.control-label-row {padding-top:6px;}

/* ---- hide the sub horizontal navbar ---- */
ul#tab-container-topnav {display:none;}

/* ---- style the completeness review page */
.content-div.reviewSect .activity-section-prompt, 
.content-div.techReviewSect .activity-section-prompt{
    margin: 25px 0 0 0;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #6A6CA0;
    padding-bottom: 10px;
    border-bottom: 0;
}
.content-div.reviewSect .activity-section-prompt h3,
.content-div.techReviewSect .activity-section-prompt h3 {
    font-size: 16px;
    margin: 0;
    min-height: 1em;
    background: #6D699E;
    color: #fff;
    padding: 8px 0;
    box-shadow: 20px 0px 0px #6D699E, -20px 0px 0px #6D699E;
    font-weight: normal;
}
.content-div.reviewSect .icon-chevron-up.activity-section-toggler, 
.content-div.techReviewSect .icon-chevron-up.activity-section-toggler{	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVBAMAAACEd8K6AAAAA3NCSVQICAjb4U/gAAAAFVBMVEX///////////////////////////9nSIHRAAAAB3RSTlMAESIzzO7/sTtOhgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABWSURBVAiZY2BgYHQRYAABkTRHEMXolpYiAOamgQSAXBeQgEhaiqAbUACEgWyGMKAYo1sqgylIk0gwAxPYEAUGGIDxYfIw9TD9MPNg5sPsg9sPcw/EfQCoDxdfSVEMKQAAAABJRU5ErkJggg==);
	background-position: 0 -10px;		
}

.content-div.reviewSect .activity-section-toggler, 
.content-div.techReviewSect .activity-section-toggler{   
    margin-top: 12px;
}
.content-div.reviewSect .icon-chevron-down.activity-section-toggler, 
.content-div.techReviewSect .icon-chevron-down.activity-section-toggler{background-position:0 4px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVBAMAAACEd8K6AAAAA3NCSVQICAjb4U/gAAAAFVBMVEX///////////////////////////9nSIHRAAAAB3RSTlMAESIzzO7/sTtOhgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABWSURBVAiZY2BgYHQRYAABkTRHEMXolpYiAOamgQSAXBeQgEhaiqAbUACEgWyGMKAYo1sqgylIk0gwAxPYEAUGGIDxYfIw9TD9MPNg5sPsg9sPcw/EfQCoDxdfSVEMKQAAAABJRU5ErkJggg==);
	background-position: 0 4px;
}

.content-div.reviewSect table td, 
.content-div.reviewSect table th, 
.content-div.techReviewSect table td, 
.content-div.techReviewSect table th{
	background-color:#fff;
	color:#3b342e;
}
.content-div.reviewSect table.review-fields-table th, 
.content-div.techReviewSect table.review-fields-table th {color:#fff;background-color:#52608E;}
.content-div.reviewSect .review-fields-table .review-field__comment__edit-button, 
.content-div.techReviewSect .review-fields-table .review-field__comment__edit-button {visibility: visible;}
.content-div.reviewSect .AppDetailLink_html-expander, 
.content-div.techReviewSect .AppDetailLink_html-expander {float:right;}



/* --- adjust the history button postition ---- */
.body-administration-home .history-activator {
    float: right;
    margin: 10px -30px 0 0;
	background: #38296C;
    font-family: inherit;
}

/* fixes for the date pickers */
.ll-skin-latoja .ui-icon-circle-triangle-w {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjUlEQVQ4T73TMQoCMRBG4W+10SsIexPBC2gjeAjBxmIPIdjIFouteBDBi0m6sKtLTNDU+d+8zEwqhacqzPsbYIMrFn3jFIMDLpgwNB4DhMAZx6jq4P4nwBx3bHvKyYAnlm8mlAx4YFUCmOGGXe4TQi7ontDkNDEuvEeL6bdjjCFrdKhzFmn0u6Rs4m8BL2k0ChFt2cTGAAAAAElFTkSuQmCC");
    background-position: 0 0;
    opacity: .5;
}
.ll-skin-latoja .ui-icon-circle-triangle-e {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T7XTsQkCQRAF0He1ybUhiAYHFmBkaGQFBpca2IAgYjNiEYqibKCB4t0yy026/Mdnd7ZSOFVh3mDABTPs+xr+a/DEA3NsupAu4J1bY4GE/kwOkEI7jHH9FnKBlDthVAIcUUeBLSa4RYAVlpFLvKNBG3nGM6Y4RBepL/c5H+wvZDd4AeooGhGCcrDIAAAAAElFTkSuQmCC");
    background-position: 0 0;
    opacity: .5;
}


/* App field headers */
div.app-header {
    display: inline;
}

div.app-header div.app-header-header-left-side {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

div.app-header div.app-header-header-left-side div,
div.app-header div.app-header-header-right-side div {
    display: inline;
}

div.app-header div.app-header-header-left-side div.app-header-value,
div.app-header div.app-header-header-right-side div.app-header-value {
    font-weight: bold;
}

div.app-header div.app-header-header-right-side {
    float: right;
    width: 50%;
    margin-bottom: 10px;
}

div.app-header table{
    width: 100%;
}

div.app-header table div {
    display: inline;
}

div.app-header table div.app-header-desc {
    font-weight: normal;
}

div.compliance-matrix {
   width: 100%;
}

div.compliance-summary {
    float: left;
    min-width: 180px;
    margin-right: 20px;
}

div.compliance-details {
    display: inline;
}

div.compliance-matrix div.compliance-summary div.summary-element div.summary-label {
    display: table-cell;
    vertical-align: middle;
    padding-top: 7px;
}

div.compliance-matrix div.compliance-summary div.summary-element div.summary-label span {
    width: 100%;
    padding-left: 20px;
}

div.compliance-matrix div.compliance-summary div.summary-element {
    height: 35px;
    max-width: 180px;
    border: 1px solid #cdc7bb;
}

div.compliance-matrix div.compliance-summary div.indicator.Indifferent {
    background-color: #CDC5BA;
    color: white;
}

div.compliance-matrix div.compliance-summary div.indicator.OK {
    background-color: #1ab242;
    color: white;
}

div.compliance-matrix div.compliance-summary div.assigned-to-label {
    background-color: #3B4A85;
    color: white;
}

div.compliance-matrix div.compliance-summary div.indicator.Warning {
    background-color: yellow;
    color: white;
}

div.compliance-matrix div.compliance-summary div.indicator.Error {
    background-color: red;
    color: white;
}

div.compliance-details table {
    width: 720px;
}

div.compliance-details table td {
    width: 25%;
}

#compliance-details-table  tr:nth-child(even) td {
    background-color:#dce0e9 !important;
}
#compliance-details-table tr:nth-child(odd) td {
    background-color:#ffffff !important;
}
#compliance-details-table #compliance-details-table-header #compliance-details-table-header-row th {
    background-color:#3B4A85 !important;
    color: white;
}

#add-button.disabled {
	opacity: .5;
	cursor: not-allowed !important;
}

/* landing page styling pulled from override */

.row {
	display: flex;
	margin-left: 0;
	margin-bottom: 10px;
}

#welcomeRow,
#infoRow, #infoRow h4, #infoRow a,
.login-form, .login-form a {
	color: #FFFFFF;
}

#infoRow a {
	text-decoration: underline;
}

#welcomeRow .span9 {
	display: flex;
	align-items: center;
	background: #3B4A85;
	min-height: 191px;
	width: 700px;
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 10px 0px 0px #3B4A85;
}

#infoRow .span3,
#welcomeRow .span3 {
	display: flex;
}

#infoRow .span3 .inner,
#welcomeRow .span3 .inner {
	display: flex;
	flex-grow: 1;
	position: relative;
}

#welcomeRow .span9 .inner,
#registerRow .inner {
	padding: 20px;
}

#welcomeRow h1 {
	font-weight: 300;
	margin: 0 0 0 10px;
}

#welcomeRow .span3 img,
#infoRow .span3 img {
	position: absolute;
	height: 100%;
	object-fit: cover;
}

#registerRow .intro-copy {
	background: #CDC5BA;
	box-shadow: 10px 0px 0px #CDC5BA;
	margin-left: 10px;
}

#registerRow .login-form {
	background: #005E72;
	margin-left: 20px;
}

#registerRow .login-form .form input {
	width: 90%;
}

#registerRow .form {
	margin: 0;
}

#registerRow .intro-copy,
#registerRow .login-form {
	width: 460px;
}

#registerRow #error-block {
	display: inline-block;
	padding: 8px 12px 8px 12px;
	color: #333333;
	border: 2px solid #d40616;
	margin-bottom: 12px;
}

#registerRow .intro-copy .inner {
	padding-left: 30px;
}

#infoRow {
	overflow: hidden
}

#infoRow .span9 {
	background: #474972;
	padding: 35px 0 15px 0px;
}

#infoRow .span9 .inner {
	margin: 0 30px;
}

.forgot-links {
	margin-top: 10px;
}

.forgot-links a,
.forgot-links span {
	color: inherit;
}

.errorblock {
	margin: 0;
	font-weight: 700;
	color: #db1303;
}

/* ---------------------- Extracted footer styling from override ----------------------*/

#footer {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	padding: 0;
width:100%;
	position: relative;
	left:50%;
margin-left:-50%;
background:#3b342e;
height:167px;
	clear: both;
}
#footer a {color:#fff;z-index: 99;position: relative}
#footer .inner {
	position: relative;
	max-width: 940px;
	margin: auto;
}
#footer .follow ul {
	margin: 0;
	padding: 0;
}
#footer .follow li {
	margin: 0;
	padding: 0;
list-style:none;
display: inline-block;
}
#footer .follow {float:right;position:relative;width: 228px; padding: 5px 0 0 0;}
#footer .follow a {font-size:16px;margin:4px;color: #6a6a6b;
	display: inline-block;
	font-size: 20px;
	padding: 0 6px;
	text-align: center;
}
#footer .follow a i {display:inline-block;background-repeat:no-repeat;height:17px;}
.fa-flickr {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARBAMAAADNtor0AAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9qamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtln1lqAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8yMS8xNkYETDsAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAXElEQVQImWNgIAk4gggjIGbs/3+YgSHu/1MGBs7///8JsP7//z+AwR5INvACiQMM+UByAz+Q+MAQj2DqA8kCbiCxgIH9//8/DMzv//8zYGCI/tPIwKD1dhFJbgEAI6s0CsPU+1EAAAAASUVORK5CYII=); width:19px;}
.fa-youtube {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARBAMAAAAf5oCsAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9qamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtln1lqAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8yMS8xNkYETDsAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAbElEQVQImWNggALug9/BNPu3T0Ygmunv0f8dPz4wMJyvOLEDRPdr7IDQHFCa/c2Kv0Dag7HTeHoDg4szA5MBUN++GwwcG0DmNbR03DBdCqR//Lg7fx+Y3r3/PJSOANJ/gOJrGdgcprd0mi8FAEPrN3yKqqkvAAAAAElFTkSuQmCC); width:14px;}
.fa-linkedin {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARBAMAAAAf5oCsAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///9qamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtZdaVXAAAAD3RSTlMAESIzRFVmd4iZu8zd7v9ufV8LAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADExLzIxLzE2RgRMOwAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAA9SURBVAiZY9BsYgCDeS8h9Lk3EDr3KoRmFIDQfS/83q1dDqHfvZsApR+D6ZJ9z8E0kCCaVnEScQESDFAAAG76MrSN4KQEAAAAAElFTkSuQmCC); width:14px;}
.fa-facebook {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARBAMAAAAWDSDWAAAAA3NCSVQICAjb4U/gAAAAKlBMVEX///9qamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamuhTw2dAAAADnRSTlMAESIzRFVmiJmqu8zu/zvVgNQAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMjEvMTZGBEw7AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAADpJREFUCJljYGBgMHEEEjF3rzAwsNwFkZxgkuduAVCY964DA0PW2ru7FjPU3gWJQ0j32rvtRVBZIkgA3hIgEFmwWQcAAAAASUVORK5CYII=); width:10px;}
.fa-twitter {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARBAMAAAAmgTH3AAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9qamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtqamtln1lqAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8yMS8xNkYETDsAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAbElEQVQImWNgwAqYSwUEGDiBjPn/by5g8F/IwPL///+tDPb/EjmAjAQGnv//9wIZDAyx/0HgLwMDL5jxi4GB5T6I8Y2Bgek9iHEBaEg+iBEAMhYo9ANIV6z7//9fApAhcf//v0kQK00UUFwAACdOPA4IrYg9AAAAAElFTkSuQmCC); width:16px;}

#footer .follow::before {
	width: 0;
	height: 0;
	content: "";
	border-left: 132px solid transparent;
	border-right: 132px solid transparent;
	border-top: 100px solid #e9f3fd;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	z-index: 2;
}
#footer div.bottom {
	background: #3b342e;
	padding: 15px 0 30px;
}
#footer div.container {
	position: relative;
}
#footer div.bottom p {
	margin: 0 0 20px;
}

#app-detail-desc-header h1 {
	font-size: 1.7rem;
	margin-bottom: 10px;
}

#app-detail-desc-header table {
	border: 1px solid #cdc7bb;
}
/* labels bold, field values normal [HC-38] */
#app-detail-desc-header table td,
#app-detail-desc-header .app-header-desc { font-weight: bold; }
#app-detail-desc-header table td b,
#app-detail-desc-header .app-header-value { font-weight: normal; }

#app-detail-desc-header table tr:nth-child(even) {background:#fff;}
#app-detail-desc-header table tr:nth-child(odd) {background:#fff;}
.due-date-div {
	display: inline-block;
	background-color: #ffffff;
	padding: 10px 15px 10px 15px ;
	margin-bottom: 6px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid black;
}
.due-date-div.left-one {
	border-right: none;
}


.nav-tabs {
	margin-bottom: 0;
}
.nav-tabs li.active {
	background-color: transparent;
}
.nav-tabs li.active {
	background-color: transparent;
}
.tab-content {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	border-top: none;
	padding: 20px;
	border-radius: 0 0 4px 4px;
}

.components-container > .span8 {
	margin-left: 2%;
}

.sidebar-toggler {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: absolute;
	top: 0;
	right: -18px;
	height: 100%;
	border-radius: 4px;
	background-color: #f5f5f5;
}

.sidebar-toggler:hover {
	background-color: #e6e6e6;
	cursor: pointer;
}

.body-queue-appointments .logo-container {
	margin: 20px auto 15px auto;
}
.body-queue-appointments h1 {
	margin: 0 0 15px;
}

/* special styling for the queueview page (styles were stored in override) */
.body-queue-home-new #container, .body-system-admin-user-roles #container { padding-top: 85px; }
.body-queue-home-new #corp-logo, .body-system-admin-user-roles #corp-logo { padding-top: 20px; }

.body-queue-home-new .logo-container,
.body-system-admin-user-roles .logo-container {
	position: fixed;
	height: 90px;
	left: 50%;
	top: 30px;
	margin: 0;
	margin-left: -480px;
	z-index: 2;
}

.body-queue-home-new .qado20-navigation,
.body-system-admin-user-roles .qado20-navigation {
	position: fixed;
	padding-bottom: 11px;
	z-index: 2;
}

.body-queue-home-new .qado20-body-container:nth-child(2), .body-system-admin-user-roles .qado20-body-container:nth-child(2) { padding-top: 46px; }
.body-queue-home-new .sidebar.top.fixed, .body-system-admin-user-roles .sidebar.top.fixed { top: 163px; }
.body-system-admin-user-roles .navbar-fixed { top: 203px; }

.top-ribbon-no-login .qado20-logo-container {
	margin-left: 10px;
}

.top-ribbon-no-login #hecoHeader .content-div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 940px;
	margin-top: 4px;
}

.top-ribbon-no-login #hecoHeader .dropdown-toggle {
	display: block;
	line-height: 14px;
}
.top-ribbon-no-login #hecoHeader .caret {
	margin-top: 0;
}

.login-form .error input {
	border-width: 3px;
}

.login-form #error-block {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	width: 79%;
}


/* tooltip support */

.tooltip {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}

.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
  margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^="left"] {
  margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(black, .1);
}

.tooltip.popover .popover-arrow {
  border-color: transparent;
}

.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s;
}

.popover.open {
	display: block;
}

.popover-header {
	padding: .25rem .75rem;
	margin-bottom: 0;
	font-size: .875rem;
	color: inherit;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-top-left-radius: calc(.125rem - 1px);
	border-top-right-radius: calc(.125rem - 1px);
}

.popover-body {
	padding: .25rem .75rem;
	color: #495057;
}

.form-check {
	position: relative;
	display: flex;
	padding-left: 0.25rem;
}

.form-check > div {
	display: flex;
}

.form-check-input {
	margin-right: 0.5rem !important;
}

/* light weight utility classes */

.d-flex {
	display: flex !important; 
}
 
.flex-column {
	flex-direction: column !important;
}

.align-items-center {
	align-items: center !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}
	
.h-100 {
	height: 100% !important;
}

.w-100 {
	width: 100% !important; 
}

.m-0 {
	margin: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.m-4 {
	margin: 1.25rem !important;
}

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

.mx-1 {
margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}

.mx-2 {
margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.mx-3 {
margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.mx-4 {
margin-right: 1.25rem !important;
	margin-left: 1.25rem !important;
}

.my-0 {
margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-1 {
margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.my-2 {
margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.my-3 {
margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.my-4 {
margin-top: 1.25rem !important;
	margin-bottom: 1.25rem !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mt-4 {
	margin-top: 1.25rem !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mr-1 {
	margin-right: 0.25rem !important;
}

.mr-2 {
	margin-right: 0.5rem !important;
}

.mr-3 {
	margin-right: 1rem !important;
}

.mr-4 {
	margin-right: 1.25rem !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.mb-4 {
	margin-bottom: 1.25rem !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.ml-1 {
	margin-left: 0.25rem !important;
}

.ml-2 {
	margin-left: 0.5rem !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.ml-4 {
	margin-left: 1.25rem !important;
}
	
.p-0 {
	padding: 0 !important;
}
	
.p-1 {
	padding: 0.25rem !important;
}
	
.p-2 {
	padding: 0.5rem !important;
}
	
.p-3 {
	padding: 1rem !important;
}
	
.p-4 {
	padding: 1.25rem !important;
}
	
	.px-0 {
padding-right: 0 !important;
	padding-left: 0 !important;
}
	
	.px-1 {
padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}
	
	.px-2 {
padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}
	
	.px-3 {
padding-right: 1rem !important;
	padding-left: 1rem !important;
}
	
	.px-4 {
padding-right: 1.25rem !important;
	padding-left: 1.25rem !important;
}
	
	.py-0 {
padding-top: 0 !important;
	padding-bottom: 0 !important;
}
	
	.py-1 {
padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}
	
	.py-2 {
padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
	
	.py-3 {
padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
	
	.py-4 {
padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}
	
.pt-0 {
	padding-top: 0 !important;
}
	
.pt-1 {
	padding-top: 0.25rem !important;
}
	
.pt-2 {
	padding-top: 0.5rem !important;
}
	
.pt-3 {
	padding-top: 1rem !important;
}
	
.pt-4 {
	padding-top: 1.25rem !important;
}
	
.pr-0 {
	padding-right: 0 !important;
}
	
.pr-1 {
	padding-right: 0.25rem !important;
}
	
.pr-2 {
	padding-right: 0.5rem !important;
}
	
.pr-3 {
	padding-right: 1rem !important;
}
	
.pr-4 {
	padding-right: 1.25rem !important;
}
	
.pb-0 {
	padding-bottom: 0 !important;
}
	
.pb-1 {
	padding-bottom: 0.25rem !important;
}
	
.pb-2 {
	padding-bottom: 0.5rem !important;
}
	
.pb-3 {
	padding-bottom: 1rem !important;
}
	
.pb-4 {
	padding-bottom: 1.25rem !important;
}
	
.pl-0 {
	padding-left: 0 !important;
}
	
.pl-1 {
	padding-left: 0.25rem !important;
}
	
.pl-2 {
	padding-left: 0.5rem !important;
}
	
.pl-3 {
	padding-left: 1rem !important;
}
	
.pl-4 {
	padding-left: 1.25rem !important;
}

.overflow-auto {
	overflow: auto !important;
}

.preset-filter-container:hover {
	background-color: #38296C;
}

/* new queue specific styling */

.bg-primary {
	background-color: #38296C !important;
}

.bg-light {
	background-color: #f5f7fb !important;
}

.text-light {
	color: #f5f7fb !important;
}

.badge-primary {
  background-color: #38296C;
  color: color-contrast(#38296C);
  padding: .25em .5em;
	border-radius: 3px;
}

#page-root {
	display: flex;
	height: 565px;
}

.filters-container {
	align-items: center;
}

.show-bulk-actions-btn,
.preset-button-container {
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

.preset-filters-popover.open {
	border-radius: 0;
	padding: 0;
	margin: 0;
	border: 1px solid #cccccc;
}

.preset-selected-header {
	box-sizing: border-box;
	border: 1px solid #cccccc;
	border-left: none;
}

.preset-filters-header {
	border-bottom: 1px solid #cccccc;
	box-sizing: content-box;
	height: 38px;
}

.preset-selected-header h5,
.preset-filters-header h5 {
	margin-top: 0;
}
.preset-selected-header-text {
	align-items: center;
}

.create-filter-btn {
	display: flex;
	height: unset;
}

.create-filters-container {
	margin-left: 0.25em;
}
.create-filters-container .badge {
	position: relative;
	width: auto;
	max-width: 100px;
	white-space: normal;
	word-break: break-word;
}

.create-filters-container .badge .bx-x {
	position: absolute;
	right: 8px;
}

.create-filters-list {
	height: 55vh;
	bottom: -55vh;
}

.queue-controls-container {
	margin-bottom: 0.1em;
}

.queue-control-container input {
	margin-bottom: 0;
}

.queue-controls-container .queue-control-container button {
	height: 85%;
}

.queue-controls-container .queue-control-container .appointments-btn {
	height: 70%;
}

.btn-primary {
	background: #38296C;
}
.btn-primary:hover {
	background: #3B4985;
}

.bulk-user-action-btn:hover {
	background: #38296C;
	color: white;
	text-shadow: none;
}

.popover.available-fields-popover,
.popover.create-filters-popover {
	max-height: 415px !important;
}

.popover.available-fields-popover {
	top: 10px !important;
	overflow: auto;
	max-width: 300px;
}

.popover.available-fields-popover .form-check-label {
	margin-bottom: 0;
}

.column-visibility-row {
	align-items: center;
	word-break: break-all;
}

.available-fields-popover .column-visibility-row > div {
	margin-left: 0.5rem;
}

.body-queue-home-new #footer div.container {
	height: 90%;
}

.body-queue-home-new #footer div.bottom {
	padding-bottom: 0;
}

.ag-theme-unity .ag-row-selected { 
	background-color: rgb(56, 41, 108, .2) !important;
}

.lds-grid div {
	background: #38296C !important;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #5c21c2;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #38296C;
  border-color: #38296C;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.vm--modal .close {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}
.vm--modal input.form-control {
	height: 30px;
	margin: 0;
	margin-right: 0.25em;
}
.vm--modal select.form-control {
	width: auto;
	height: 30px;
}

div[col-id='userActions'] .v-popover {
	display: flex;
	justify-content: center;
}

.per-page-container {
	display: flex;
	align-items: center;
}
.per-page-container .form-control {
	width: auto;
	margin-bottom: 0;
}

.pagination-container {
	margin-bottom: 0.5rem;
}

.ag-theme-unity [col-id='userActions'].ag-header-cell::after {
	display: none;
}

.ag-header-viewport .ag-header-row .ag-header-cell:last-child::after,
.ag-theme-unity [col-id='userActions'].ag-header-cell::after {
	display: none;
}

.ag-theme-unity .ag-header-cell {
	color: #333333;
	font-weight: 600;
}

.ag-header-cell:after {
	display: none;
}

.create-filters-list {
	border: 1px solid #cccccc;
	color: #333333;
}

.create-filters-list .field-header,
.create-filters-list .form-control {
	font-size: 0.8rem;
}

.create-filters-list input.form-control {
	margin-bottom: 0;
	height: auto;
	font-size: 0.8rem;
}

.create-filters-list .filter {
	display: flex;
	flex-direction: column;
} 
.number-filter input,
.text-filter input,
.datetime-filter input,
.create-filters-list select {
	width: 96%;
}

.create-filters-list .field-header {
	font-weight: bold;
}
.create-filters-list label {
	margin-bottom: 0;
}

.create-filters-popover :focus,
.preset-filters-popover :focus,
.body-queue-home-new .filters-container :focus {
	outline: 1px solid #719ece;
}

#menu-items a:focus,
#detail-tabs .tab:focus {
	outline-offset: -5px;
}
#detail-tabs .tab a {
	color: white;
}

.ag-body-viewport-wrapper.ag-layout-normal {
  overflow-x: scroll;
}

/* IE10+ specific styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	a:focus,
	button:focus,
	input.qado-button:focus {
		outline: none;
		box-shadow: inset 0 0 0 3px #005fcc;
	}
	input.qado-radio-element:focus,
	input.qado-checkbox-element:focus {
		outline: solid 2px #005fcc;
	}
}

.modal-thin {
  width: 360px;
  margin-left: -180px;
}

textarea.advanced-config {
  height: 150px !important;
  font-family: monospace;
}
textarea.adv-config-options {
  height: 75px !important;
  font-family: monospace;	
}

.body-administration-templates .main-content #edit-communication-template {
	display: flex;
	flex-direction: column;
	height: 90vh;
	width: 90vw;
	/* minor adjustment for large screen sizes */
	margin-top: 4.5vh;
	margin-left: 5vw;
}

.body-administration-templates .modal-body {
	max-height: 100%;
}

#edit-communication-template #templateDiv .control-label {
	font-weight: bold;
}
#edit-communication-template .form-horizontal .controls {
	flex: unset;
	max-width: unset;
}
#edit-communication-template .form-horizontal .control-group {
	margin-bottom: 0.5rem !important;
}
#edit-communication-template .form-horizontal .control-group .radio {
	margin-right: 1rem;
}

#edit-communication-template #attachmentDiv {
	margin-top: 1.5rem;
	font-weight: bold;
}

/* minor adjustment for large screen sizes */
#edit-communication-template .form-horizontal .control-label {
	width: 100% !important;
}