/*
 Copyright 2021 Alliance Transportation Group Inc. All rights reserved.
 This code exists only as part of the PM-DIS application for TxDOT.
 Not to be separated from the main project or redistributed in any way.
 Modification of this source code on behalf of TxDOT is allowable use.
 For license details see disclaimer file distributed with source code, or contact Alliance Transportation Group at software@emailatg.com
*/

@font-face {
	font-family: 'PM-DIS-Icon-Font';
	src: url('/content/fonts/PM-DIS-Icon-Font.eot?r4slab');
	src: url('/content/fonts/PM-DIS-Icon-Font.eot?r4slab#iefix') format('embedded-opentype'), url('/content/fonts/PM-DIS-Icon-Font.ttf?r4slab') format('truetype'), url('/content/fonts/PM-DIS-Icon-Font.woff?r4slab') format('woff'), url('/content/fonts/PM-DIS-Icon-Font.svg?r4slab#PM-DIS-Icon-Font') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

i {
	font-family: 'PM-DIS-Icon-Font' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-waypoint:before {
	content: "\e907";
}

.icon-solid_map:before {
	content: "\e906";
}

.icon-map:before {
	content: "\e905";
}

.icon-unlock:before {
	content: "\e900";
}

.icon-lock:before {
	content: "\e901";
}

.icon-delete_portfolio:before {
	content: "\e902";
}

.icon-delete_project:before {
	content: "\e903";
}

.icon-trash:before {
	content: "\e904";
}

.icon-excel-file {
	content: url(/Images/Icons/ms_excel.svg);
}

.icon-txt-file {
	content: url(/Images/Icons/txt_file.svg);
}

.icon-shape-file {
	content: url(/Images/Icons/shape_file.svg);
}

.icon-zip-file {
	content: url(/Images/Icons/zip_files.svg);
}

.icon-upload-done {
	content: url(/Images/Icons/import_done.svg);
}

.icon-upload-fail {
	content: url(/Images/Icons/import_fail.svg);
}

.icon-project-data {
	content: url(/Images/Project.svg);
}

.icon-network-data {
	content: url(/Images/Network.svg);
}

.icon-pavement-data {
	content: url(/Images/Pavement.svg);
}

.icon-bridge-data {
	content: url(/Images/Bridge.svg);
}

.icon-crash-data {
	content: url(/Images/Crash.svg);
}

.icon-lrsconversion-data {
	content: url(/Images/LRS_Conv.svg);
}

.general_icon {
	width: 30px;
	height: 30px;
	margin: 3px;
}

body {
	background: #e9f5fa;
	background-image: url('/Images/bg.png');
}

a {
	color: #105583;
}

a:hover,
a:focus {
	color: #003ca9;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.link,
.link * {
	cursor: pointer;
}

hr {
	max-width: 90rem;
}

/* criteria colors */

.bg_congestion {
	background-color: #e15069;
}

.bg_congestion:hover {
	background-color: #b94155;
}

.bg_congestion-light {
	background-color: rgba(225, 80, 105, .25);
}

.bg_connectivity {
	background-color: #f9a83b;
}

.bg_connectivity:hover {
	background-color: #c5832d;
}

.bg_connectivity-light {
	background-color: rgba(249, 168, 59, .25);
}

.bg_economic {
	background-color: #2abfc6;
}

.bg_economic:hover {
	background-color: #1b878d;
}

.bg_economic-light {
	background-color: rgba(42, 191, 198, .25);
}

.bg_environment {
	background-color: #00a651;
}

.bg_environment:hover {
	background-color: #00773a;
}

.bg_environment-light {
	background-color: rgba(0, 166, 81, .25);
}

.bg_preservation {
	background-color: #914e92;
}

.bg_preservation:hover {
	background-color: #713c72;
}

.bg_preservation-light {
	background-color: rgba(145, 78, 146, .25);
}

.bg_safety {
	background-color: #435b90;
}

.bg_safety:hover {
	background-color: #2c3c5f;
}

.bg_safety-light {
	background-color: rgba(67, 91, 144, .25);
}

/* local_properties */

.local_padding_t {
	padding-top: 1em;
}

.local_padding_b {
	padding-bottom: 1em;
}

.local_padding_tb {
	padding-top: 1em;
	padding-bottom: 1em;
}

.local_padding_lr {
	padding-left: 1em;
	padding-right: 1em;
}

.local_padding {
	padding: 1em;
}

.local_margin_t {
	margin-top: 1em;
}

.local_margin_b {
	margin-bottom: 1em;
}

.local_icon {
	background-color: #595959;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 100;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	margin: 0.3rem 0 0.3rem 0;
	width: 31px;
	height: 31px;
	-webkit-appearance: none;
	-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.local_icon .icon-map {
	font-size: 1.25rem;
	padding: 0.28rem;
	padding-left: 0.4rem;
}

span.input-group-label {
	padding: 0;
}

.local_timestamp span.input-group-label {
	padding: 0 1rem;
	height: 3rem;
}

.full_width {
	width: 100%;
}

.grid-x > .fixed-column {
	width: 1400px;
	margin: 0 auto;
	padding: 0 1rem;
	position: relative;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.grid-x > .mainblock.fixed-column {
		margin: 0px;
	}
}

.show_on_tablet {
	display: none;
}

.local_hidden {
	display: none;
}

.local_nowrap {
	white-space: nowrap;
}

.local_bold {
	font-weight: bold;
}

@media only screen and (max-width: 87.5rem) {
	.grid-x > .fixed-column {
		width: 100%;
	}
}

@media (max-width: 48.6rem) and (min-width: 37.5rem) {
	.grid-padding-x > .cell.tabs.sub-nav {
		padding-right: 0.2rem;
		padding-left: 0.6rem;
	}
}

.grid-x > .mainblock {
	background: #edf5f8;
	border-left: 1px solid #00111a;
	border-right: 1px solid #00111a;
	min-height: 100vh;
	padding-top: 4em;
}

@media only screen and (max-width: 87.5rem) {
	.show_on_tablet {
		display: block;
	}

	.hide_on_tablet {
		display: none;
	}

	.mainblock {
		margin-left: 0;
		border: 0;
	}
}

@media only screen and (max-width: 37.5rem) {
	body {
		font-size: .8rem !important;
	}

	.hide_on_mobile {
		display: none;
	}

	.show_on_tablet {
		display: none;
	}

	#portfolio_project_criterion_tabs .sub-nav .tabs-title a, #portfolio_tabs .sub-nav .tabs-title a {
		font-size: 0;
		padding: 0.4rem;
	}

	.sub-nav .tabs-title a img,
	.sub-nav .tabs-title a i {
		margin-top: 0rem;
		margin-left: 0rem;
	}

	.mainblock {
		padding-top: 3em;
	}
}

@media (max-width: 48.6rem) and (min-width: 37.5rem) {
	.sub-nav .tabs-title a {
		font-size: .9rem;
	}
}

.formblock {
	background: #e2eff5;
	color: #000;
	border-radius: 3px;
	border: 1px solid #c7d4d9;
	padding: 1rem;
}

.inputheight {
	height: 2.3125rem;
	line-height: 2.3125rem;
	vertical-align: middle;
}

.inputspacing {
	margin-bottom: 1rem;
}

.paragraphbox {
	background: #dbe8ed;
	color: #000;
	padding: 0.5rem;
	border: 1px solid #c7d4d9;
	border-radius: 3px;
	margin-top: 2rem;
}

.paragraphbox h4 {
	margin-bottom: 1rem;
}

.paragraphbox p {
	text-indent: 2rem;
	text-align: justify;
}

.paragraphbox ul {
	margin-left: 3rem;
	list-style: disc;
}

.paragraphbox.contacts li {
	margin-left: 1.25rem;
}

.loadtime {
	position: absolute;
	bottom: 3px;
	margin: 3px;
	z-index: 100;
	cursor: default;
	font-size: 0.65rem;
	line-height: 0.65rem;
	background: url('/Images/Icons/question.png') no-repeat right center;
	pointer-events: all;
	content: ' ';
	margin-right: 14px;
}

.loadtime > span {
	color: #000;
	background: #cadce2;
	visibility: hidden;
	padding: 3px;
	border-radius: 3px;
	border: 1px solid #000;
}

.loadtime:hover > span {
	visibility: visible;
}

.login {
	background: #14375a;
	color: #666;
	padding: 5rem 0 2rem 0;
	border: 1px solid #c6d3d8;
	border-radius: 3px;
	margin-top: 2rem;
}

.login div:not(.loading) {
	font-size: 1.2rem;
	font-weight: bold;
}

.login > div:first-child {
	margin-bottom: 1rem;
	margin-left: 20%;
}

.login input,
.login select,
.login textarea {
	background-color: #14375a;
	color: #000;
	border: none;
	box-shadow: none;
	width: 100%;
	padding-left: 25%;
	padding-right: 25%;
	border-top: 2px solid #c6d3d8;
	border-bottom: 2px solid #c6d3d8;
	margin: 0;
	height: 3rem;
	margin-top: 5px;
}

.login input:focus {
	background: #cbd8dd;
	color: #000;
}

.login input:-moz-placeholder,
.login textarea:-moz-placeholder {
	color: #999;
}

.login input::-moz-placeholder,
.login textarea::-moz-placeholder {
	color: #999;
}

.login input::-webkit-input-placeholder,
.login textarea::-webkit-input-placeholder {
	color: #999;
}

.login input:-ms-input-placeholder,
.login textarea:-ms-input-placeholder {
	color: #999;
}

.login input[type=text] {
	background: #cbd8dd url(/Images/Icons/user.png) no-repeat 20% 50%;
}

.login input[type=password] {
	background: #cbd8dd url(/Images/Icons/password.png) no-repeat 20% 50%;
}

.login select,
.login textarea {
	padding-left: 1rem;
	padding-right: 1rem;
	font-weight: normal;
}

.login .user,
.login .password {
	display: none;
}

.login input[type=submit] {
	margin-left: 20%;
	width: 8rem;
	height: 2.5rem;
	padding: 0.2rem 1.5rem 0.2rem 1.5rem;
	text-align: center;
	border: 4px solid #a9b4b9;
	border-radius: 1000px;
	background-color: transparent;
	font-weight: bold;
	color: #666;
	cursor: pointer;
}

.login input[type=submit]:hover {
	background: #5c7e8f;
	color: #fff;
}

.login a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	margin-left: 2rem;
	font-size: 0.75rem;
}

.login a:hover {
	color: #999;
}

.login p {
	font-size: 0.6rem;
	margin: 0 18% 0.6rem 18%;
}

.loading {
	border-radius: 3px;
	background: #b1bec3;
	border: 1px solid #6a7579;
	font-size: 1.2rem;
	width: 20rem;
	min-height: 15rem;
	padding: 2.5rem 3rem;
	text-align: center;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -7.5rem;
	margin-left: -10rem;
	z-index: 999;
}

.loading.talltext {
	padding: 1.8rem 3rem;
}

.loading.loadingfailed {
	background: #c3b1b1;
	border: 1px solid #726767;
}

.loading.loadingsuccess {
	background: #b1c3b1;
	border: 1px solid #7a877a;
}

.loading > div.loadingspinner {
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50px;
	border: 3px solid #777;
	-webkit-animation: pulse 1s ease-out infinite;
	-moz-animation: pulse 1s ease-out infinite;
	animation: pulse 1s ease-out infinite;
	width: 50px;
	height: 50px;
}

.loading.loadingfailed > div.loadingspinner {
	border: 3px solid #c66;
}

.loading.loadingsuccess > div.loadingspinner {
	border: 3px solid #5b5;
}

#loading-wrapper {
	background: rgba(72, 72, 72, 0.7);
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 997;
	transition: all 0.5s ease-out;
}

#loading-container {
	display: block;
	background: #b1bec3;
	border-radius: 1rem;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 998;
	border: 1px solid #6a7579;
	font-size: 1.2rem;
	padding: 2rem 2rem;
	text-align: center;
	transition: all 0.5s ease-out;
}

#loading-text {
	text-transform: uppercase;
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin: 1rem 0 0 0;
}

#long-loading-text {
	opacity: 0;
	font-family: proxima-nova, sans-serif;
	font-size: 0.8rem;
	line-height: 0.8rem;
	margin: 1rem 0 0 0;
	transition: opacity 0.5s linear;
}

#loading-dots {
	display: block;
	width: 150px;
	text-align: center;
	height: 40px;
	font-size: 0;
	margin: 0px auto;
	position: relative;
}

span.loading-dot {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 0 5px;
	position: relative;
	top: 25px;
}

#loading-dots > span.bg_safety {
	animation-name: upAndDown;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
}

#loading-dots > span.bg_preservation {
	animation-name: upAndDown;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-delay: 0.2s;
	animation-iteration-count: infinite;
}

#loading-dots > span.bg_congestion {
	animation-name: upAndDown;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-delay: 0.4s;
	animation-iteration-count: infinite;
}

#loading-dots > span.bg_connectivity {
	animation-name: upAndDown;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-delay: 0.6s;
	animation-iteration-count: infinite;
}

#loading-dots > span.bg_economic {
	animation-name: upAndDown;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-delay: 0.8s;
	animation-iteration-count: infinite;
}

#loading-dots > span.bg_environment {
	animation-name: upAndDown;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-delay: 1s;
	animation-iteration-count: infinite;
}

@keyframes upAndDown {
	0% {
		transform: translate(0, 0);
	}

	18% {
		transform: translate(0, -25px);
	}

	36%, 100% {
		transform: translate(0, 0);
	}
}

/*Loading Icon Scene*/

.st0 {
	fill: none;
}

.st1 {
	fill: #5a5b5d;
}

.st2 {
	fill: #939598;
}

.st3 {
	fill: #018ca4;
}

.st4 {
	fill: #d6d6d6;
}

.loading-box {
	width: 100px;
	height: 100px;
	margin: auto;
}

.loading-icon {
	background: linear-gradient(180deg, #d6eaf8 0%, #d6eaf8 75%, #c7d2bd 25%, #c7d2bd 100%);
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #000;
	border-color: #000;
	border-color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	margin-top: 20%;
	position: relative;
}

.pulse {
	border: 15px solid black;
	background: transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	animation: pulse2 2s ease-out infinite;
	-webkit-animation: pulse2 2s ease-out infinite;
	-moz-animation: pulse2 2s ease-out infinite;
	position: relative;
	margin-top: -100%;
	margin-left: 0;
	z-index: -1;
}

.scene {
	animation: move-left 15s linear infinite;
	-webkit-animation: move-left 15s linear infinite;
	-moz-animation: move-left 15s linear infinite;
	z-index: auto;
	box-sizing: border-box;
	height: 80%;
	width: auto;
	max-height: 150px;
	max-width: 2209px;
	display: block;
	box-sizing: border-box;
	position: relative;
	top: 20px;
}

.car {
	animation: drive 4s linear infinite;
	-webkit-animation: drive 4s linear infinite;
	-moz-animation: drive 4s linear infinite;
	position: relative;
	top: -26px;
	left: 0;
	z-index: auto;
}

@keyframes drive {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	60% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	63% {
		-webkit-transform: translateY(-4%);
		transform: translateY(-4%);
	}

	66% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes move-left {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-92%);
		-ms-transform: translateX(-92%);
		transform: translateX(-92%);
	}
}

@keyframes pulse2 {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}

	25% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0.2;
	}

	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0.3;
	}

	75% {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
		opacity: 0.2;
	}

	100% {
		-webkit-transform: scale(1.19);
		-ms-transform: scale(1.19);
		transform: scale(1.19);
		opacity: 0.0;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.car {
		top: -59%;
	}
}

/*End of loading scene*/

.postfix.alert {
	background-color: #f2f2f2;
	color: #f04124;
	font-weight: bold;
}

th input[type=checkbox],
td input[type=checkbox] {
	margin: auto;
}

.data-checkbox {
	width: 1.35rem;
	height: 1.35rem;
	padding: 0;
	line-height: 1.3rem;
	text-align: center;
	border: .1rem solid #004065;
}

.data-checkbox.secondary {
	border-color: #999;
}

.inline {
	display: inline;
}

.label.secondary,
span.bad .label.secondary {
	background-color: #bbb;
	color: #000;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

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

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

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

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spinreverse {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes spinreverse {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.breadcrumbs {
	background-color: #ebf2f5;
}

.breadcrumbs a {
	color: #105583;
	font-weight: bold;
}

.breadcrumbs > li {
	font-size: 0.6rem;
	line-height: 1rem;
}

.breadcrumbs > li:before {
	margin: 0 0.5rem;
}

.callout .close {
	background: transparent;
}

.contain-to-grid {
	background: #00344d;
}

.top-bar {
	background: #14375a;
	color: #fff;
	padding: 0;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	white-space: nowrap;
}

.title-bar {
	background: #14375a;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
}

.off-canvas.is-transition-overlap {
	z-index: 999;
}

.title-bar .menu-icon {
	margin-left: 0.25rem;
	margin-top: 0.25rem;
}

.top-bar-prod,
.top-bar-prod ul,
.top-bar-prod li,
.top-bar-prod .drilldown a,
.top-bar-prod .drilldown .is-drilldown-submenu {
	background: #14375a;
}

.top-bar-train,
.top-bar-train ul,
.top-bar-train li,
.top-bar-train .drilldown a,
.top-bar-train .drilldown .is-drilldown-submenu {
	background: #145a31;
}

.top-bar-dev,
.top-bar-dev ul,
.top-bar-dev li,
.top-bar-dev .drilldown a,
.top-bar-dev .drilldown .is-drilldown-submenu {
	background: #561a00;
}

.top-bar a,
.top-bar-prod a,
.top-bar-train a,
.top-bar-dev a {
	color: #fff;
}

.top-bar label,
.top-bar-prod label,
.top-bar-train label,
.top-bar-dev label {
	color: #aaa;
}

.top-bar a {
	line-height: 1.75em;
}

.dropdown.menu .is-active > a {
	color: #fff;
}

.top-bar-prod .is-dropdown-submenu {
	border: 1px solid #14375a;
}

.top-bar-train .is-dropdown-submenu {
	border: 1px solid #145a31;
}

.top-bar-dev .is-dropdown-submenu {
	border: 1px solid #561a00;
}

.top-bar-section ul li {
	height: 100%;
}

.top-bar-prod .top-bar-section ul li:hover:not(.has-form) > a {
	background: #396aa2;
}

.top-bar-train .top-bar-section ul li:hover:not(.has-form) > a {
	background: #52ad78;
}

.top-bar-dev .top-bar-section ul li:hover:not(.has-form) > a {
	background: #ae6647;
}

.top-bar-section .dropdown label {
	color: #aaaaaa;
	padding: 4px 0.9375rem 4px;
}

.top-bar-section > ul > .divider {
	border-right: solid 1px #000000;
}

.top-bar-prod li:not(.has-form).orange a:not(.button),
.top-bar-train li:not(.has-form).orange a:not(.button),
.top-bar-dev li:not(.has-form).orange a:not(.button) {
	background: #a52c2d;
}

/* dashboard gutter*/
@media (min-width: 37.5rem) {
	#right_side_dashboard {
		padding-left: 0rem;
	}
}

.top_projects h2,
.chart_container h2,
.weight_sunburst h2,
.score_settings a.accordion-title {
	font-family: proxima-nova-extra-condensed, sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
	color: #000;
	background: #f3f3f3;
	margin: -1rem;
	margin-bottom: 0.5rem;
	padding: 0.7rem;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.top_projects h2 {
	padding: 0.5rem;
}

/* Score Settings */
.score_settings.accordion {
	padding-bottom: 0rem;
}

.score_settings a.accordion-title {
	padding-bottom: 0rem;
	margin-bottom: 0rem;
}

.score_settings a.accordion-title h2 {
	margin-bottom: 0rem;
	padding-bottom: 0.5rem;
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
}

.score_settings .accordion-item:first-child > :first-child {
	border-radius: 10px;
}

.score_settings.accordion .accordion-item.is-active a.accordion-title {
	border: none;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.score_settings .accordion-title::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.9rem;
	content: '+';
	font-size: 2rem;
}


.score_settings .is-active .accordion-title::before {
	content: '\2013';
	font-size: 2rem;
	margin-top: -1rem;
}

	/* Top Projects on Portfolio Page */
	.top_projects, .score_settings {
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #d1d6d7;
	position: -webkit-sticky;
	position: sticky;
	margin-bottom: 1rem;
	padding: 1rem;
}

.top_projects h2 select.tp_num {
	width: 3.5rem;
	margin-bottom: 0;
	display: inline-block;
	font-size: 1.5rem;
	padding: 0rem 1.25rem 0 .5rem;
	height: 2rem;
}

.top_projects h2 select.tp_num::after {
	position: relative;
	top: -5px;
}

.top_projects .tp_score {
	text-align: right;
	margin-bottom: 0;
	font-weight: 600;
}

.top_projects .tp_name:hover {
	color: #105583;
	font-weight: 600;
}

ol.top_list li {
	border-bottom: 1px solid #cacaca;
	padding: 0.4rem;
}

ol.top_list li div, ol.top_list li div a, ol.top_list li div p {
	display: inline-block;
}
ol.top_list li div {
	width: 100%;
}

ol.top_list li div a {
	width: 60%;
}

ol.top_list li div p {
	width: 40%;
	text-align: right;
}

.weight_sunburst {
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #d1d6d7;
	padding: 1rem;
	margin-bottom: 1rem;
}

.top_projects .tooltip {
	margin-bottom: 0;
}

.progress {
	display: inline-block;
	background-color: #E3E3E3;
	height: 20px;
	line-height: 1.2;
	position: relative;
	text-align: center;
	width: 100%;
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	z-index: 2;
	white-space: nowrap;
}

.progress > span {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	display: block;
	height: 96%;
	overflow: hidden;
	position: relative;
	width: auto;
}

.p_weight_tool .progress.progress_stacked {
	border-radius: 10px;
}


.progress_stacked > span {
	border-radius: 0;
	float: left;
	margin-top: 0;
}

.progress_stacked > span:first-of-type {
	border-radius: 10px 0 0 10px;
}

.progress_stacked > span:last-of-type {
	border-radius: 0 10px 10px 0;
}

.local_scale {
	margin-top: -20px;
	padding-bottom: 1em;
}

.slider_lock_label {
	position: relative;
	cursor: pointer;
	height: 1.4rem;
}

.slider_lock_label input {
	display: none;
}

.slider_lock_label span:before,
.slider_lock_label span:after {
	content: "";
}

.slider_lock_label span:before {
	width: 2.4rem;
	height: 1rem;
	background-color: #fff;
	border-radius: 0.5rem;
	display: inline-block;
	transition: all 0.3s linear;
	border: 1px solid #d4d4d4;
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	position: relative;
	top: 0.16rem;
}

.slider_lock_label span:after {
	width: 1.4rem;
	height: 1.4rem;
	background: #fff;
	border-radius: 0.7rem;
	position: absolute;
	left: 1rem;
	background-image: url(../Images/Icons/unlock_icon.png);
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
	transition: all 0.3s linear;
	box-shadow: 0px 0px 0px 1px #d4d4d4;
	box-sizing: border-box;
}

.slider_lock_label input:checked + span:after {
	left: 0;
	background-image: url(../Images/Icons/lock_icon.png);
}

.slider_lock_label input:checked + span:before {
	background: #e6e6e6;
}

.slider_lock_label.sort_project_list span:after {
	background-image: none;
}

.slider_lock_label.sort_project_list input:checked + span:after {
	left: 0;
	background-image: none;
	background-color: #e6e6e6;
}

.slider_lock_label.switch_basemap span:after {
	background-image: none;
}

.slider_lock_label.switch_basemap input:checked + span:after {
	left: 0;
	background-image: none;
	background-color: #e6e6e6;
}

.criteria_weight_container {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.scale_c_name {
	display: flex;
	flex: 0 1 auto;
}

.scale_c_weight {
	display: flex;
	flex: 0 1 auto;
	margin-left: auto;
}

.scale_c_weight input[type="number"] {
	border-radius: 5px;
	font-size: 0.8rem;
	line-height: 1rem;
	padding: 0.25rem;
	margin: auto 0.2rem auto 0;
	height: 1.5rem;
	width: 4rem;
	vertical-align: middle;
}

.scale_c_weight input[type="number"]#safety_weight {
	border: solid 3px #435b90;
}

.scale_c_weight input[type="number"]#preservation_weight {
	border: solid 3px #914e92;
}

.scale_c_weight input[type="number"]#congestion_weight {
	border: solid 3px #e15069;
}

.scale_c_weight input[type="number"]#connectivity_weight {
	border: solid 3px #f9a83b;
}

.scale_c_weight input[type="number"]#economic_weight {
	border: solid 3px #2abfc6;
}

.scale_c_weight input[type="number"]#environment_weight {
	border: solid 3px #00a651;
}

.scale_c_weight p.percent_sign {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 1.1rem;
	line-height: 2.2rem;
	vertical-align: middle;
	margin: auto 0.5rem auto 0;
}

.slider_container {
	display: flex;
	flex: 1 1 auto;
	flex-basis: 100%;
	margin: -0.1rem 0 .5rem 0;
	order: 4;
}

.slider_container .slider {
	height: 1rem;
	border-radius: 0.5rem;
	background-color: #ffffff;
	border: 1px solid #d4d4d4;
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1);
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.scale_c_lock {
	display: flex;
	flex: 0 1 2.5rem;
}

div#portfolio-weights-sunburst {
	margin: auto auto;
	margin-top: 1rem;
	width: 250px;
}

div#portfolio-weights-sunburst svg {
	padding-left: 29%;
	padding-right: 29%;
	vertical-align: middle;
}

#criteria-weights-reset {
	margin: 0.5rem 0 0 0;
	padding: 0.4rem;
}

#criteria-weights-update, #context-scale-update {
	margin: 0.5rem 0 0 0;
	padding: 0.4rem;
	background-color: green;
}

#context-scale-update {
	margin: 0.5rem 0 0.5rem;
}

.chart_context, .chart_scale_type {
	padding-left: 1rem;
}

/* Color Legend in Portfolio View */
.color_legend {
	font-size: 12.8px;
}

.color span {
	float: left;
	margin-top: 3px;
}

.color_legend div.square {
	width: 0.9rem;
	height: 0.9rem;
	margin-right: 5px;
	float: left;
}

.color_legend div.color {
	white-space: nowrap;
	margin-right: 1rem;
	margin-top: 7px;
	line-height: 0.7rem;
}

/*Stacked bar chart*/

.chart_container {
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #d1d6d7;
	padding: 1rem;
	font-size: 0.8em;
	display: flex;
	flex-flow: column;
}

.chart_container p {
	padding: 0;
	margin-bottom: 0.5rem;
	line-height: 1;
}

.chart_container p#chart_message {
	padding: 1rem;
}

.chart_container svg g.safety_score rect:hover {
	fill: #2c3c5f;
}

.chart_container svg g.preservation_score rect:hover {
	fill: #713c72;
}

.chart_container svg g.congestion_score rect:hover {
	fill: #b94155;
}

.chart_container svg g.connectivity_score rect:hover {
	fill: #c5832d;
}

.chart_container svg g.economic_score rect:hover {
	fill: #1b878d;
}

.chart_container svg g.environment_score rect:hover {
	fill: #00773a;
}

/*Sidebar*/

.is-drilldown {
	overflow: visible;
}

.drilldown.align-left .is-drilldown-submenu-parent > a::after,
.drilldown .js-drilldown-back > a::before {
	border-color: transparent #fff transparent transparent;
}

.drilldown .is-drilldown-submenu-parent > a::after,
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
	border-color: transparent transparent transparent #fff;
}

.no-js .top-bar-section ul li:hover > a {
	background: #396aa2;
}

.pricing-table .title {
	background-color: #00344d;
}

.icon-bar {
	background: #14375a;
}

.tooltip {
	background: #14375a;
	z-index: 999;
}

.tooltip.top::before {
	border-color: #14375a transparent transparent;
}

.tooltip.bottom::before {
	border-color: #14375a transparent transparent;
}

.tooltip.left::before {
	border-color: transparent #14375a transparent;
}

.tooltip.right::before {
	border-color: transparent #14375a transparent transparent;
}

.clearing-blackout {
	background: #14375a;
}

.clearing-caption {
	background: #14375a;
}

@media only screen and (min-width: 40.0625em) {
	.clearing-assembled .clearing-container .visible-img {
		background: #14375a;
	}
}

.joyride-tip-guide {
	background: #14375a;
}

.tab-bar {
	background: #14375a;
}

.left-off-canvas-menu {
	background: #14375a;
}

.right-off-canvas-menu {
	background: #14375a;
}

.left-submenu {
	background: #14375a;
}

.right-submenu {
	background: #14375a;
}

table {
	background: #edf5f8;
	border: solid 1px #c6d3d8;
}

table thead {
	background: #dfecf2;
}

table .selected td {
	background: #bfccdc;
	color: #000;
}

table .selectedsecondary td {
	background: #bfccbf;
	color: #000;
}

table tbody tr:not(.select):not(.selectedsecondary):hover td {
	background: #cfdcee;
	color: #000;
}

table .even,
table .alt,
table tr:nth-of-type(even) {
	background: #dfecf2;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
	border-right-color: #fff;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
	border-left-color: #fff;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-top-color: #fff;
}

.button {
	background-color: #125d8f;
	color: #fff;
	font-weight: bold;
}

.button:hover,
.button:focus {
	background-color: #004e7e;
	color: #fff;
}

.button.secondary {
	background-color: #595959;
	color: #fff;
}

.button.success {
	background-color: #27643e;
	color: #fff;
}

button[disabled].success {
	background-color: #27643e !important;
	color: #fff !important;
}

.button.success:hover,
.button.success:focus {
	background-color: #27643e !important;
	color: #fff;
}

.button.alert {
	background-color: #89261a;
	color: #fff;
}

.button.alert:hover,
.button.alert:focus {
	background-color: #66261A;
	color: #fff;
}

.button.warning {
	background-color: #ffae00;
	color: #000;
}

.button.warning:hover,
.button.warning:focus {
	background-color: #cc8b00;
	color: #000;
}

.button.radius {
	border-radius: 3px;
}

.dataTable .button,
.button.nobottom {
	margin-bottom: 0;
}

.label {
	background: #125d8f;
	color: #fff;
}

.label.radius {
	border-radius: 3px;
}

.pagination .current {
	background: #f3f3f3;
	color: black;
	font-weight: 600;
	border: 1px solid #c6d3d8;
	border-radius: 0px;
}

.pagination .disabled {
	color: #000;
}

.pagination li:hover {
	background: #c6d3d8;
	color: black;
}

.pagination li a:hover {
	color: black;
}

.pagination li a:hover {
	background: transparent;
}

.tabs-content {
	background: transparent;
	border: 0;
}


.tabs-title a {
	padding: 0.5rem 0.4rem 0.4rem 0.4rem;
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 600;
	font-size: 1.2rem;
	line-height: inherit;
	text-transform: uppercase;
	color: #14375A;
}

#portfolio_tabs .tabs-title a {
	padding: 0.4rem;
}

#portfolio_tabs .tabs-title a i.icon-waypoint {
	line-height: 1.5rem;
}

i.icon-waypoint.table_map_icon {
	padding: 0;
	color: #14375a;
	color: #fff;
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
	background: #14375A;
	color: #fff;
}

.tabs-title.missingdata > a {
	color: #8B0000;
	font-weight: 600;
}

.tabs-title.missingdata > a[aria-selected='true'],
.tabs-title.missingdata > a:active {
	background-color: #8B0000;
	color: #fff;
	font-weight: 600;
}

.sub-nav {
	background-color: #fafcfd;
}

.sub-nav li a,
.sub-nav li a .hide_on_mobile {
	width: 100%;
	text-align: center;
}

/* tab icons */

.tabs-title a img {
	height: 1.5rem;
	margin-left: .25rem;
	margin-top: -.15em;
	display: inline-block;
}

.tabs-title a i {
	margin-left: .25rem;
	position: relative;
	top: 3px;
}

#portfolio_tabs.tabs-title a i {
	margin-left: .25rem;
	position: relative;
	top: 3px;
}

.tabs-title a svg {
	padding: .5rem .25rem 0 0;
	width: 50px;
}

.icon-Asset-9:before {
	content: "\e900";
}

.tabs-title a i {
	font-size: 1.55rem;
	line-height: 1rem;
}

.tabs-title a i.icon-waypoint {
	top: .2rem;
}

@media (max-width: 87.5rem) {
	#portfilo_tabs i {
		margin-left: .25rem;
		position: relative;
		top: 3px;
	}

	#portfolio_project_criterion_tabs .tabs-title a i {
		margin-left: .25rem;
		position: relative;
		top: 0px;
	}
}

.local_tab_icon {
	background: grey;
	color: white;
	width: 1.5rem;
	border-radius: 20%;
}

@media (max-width: 37.5rem) {
	.tabs-title a i::before {
		line-height: normal;
	}


	.tabs-title a img,
	.tabs-title a i {
		height: inherit;
	}

	.tabs-title a i:before {
		font-size: 8vw;
	}

	#portfolio_project_criterion_tabs .tabs-title a i.icon-waypoint {
		top: 0.1rem;
	}
}

.data-tab-container {
	padding-left: 1em;
	padding-right: 1em;
}

.data-tabs {
	border: none;
	background: none;
}

.data-tabs li a {
	text-transform: capitalize;
	border-radius: 10px 10px 0 0;
	width: 100%;
	height: 100%;
	font-weight: 400;
}

.data-tabs li {
	border-radius: 25px;
	text-align: center;
}

#data_panel .tabs-panel {
	background: #e2eff5;
	border: 3px solid #14375A;
	padding: 1rem;
}

#data_panel .formblock {
	border: none;
}

.sub-nav.menu.expanded li {
	border-right: 1px solid #cbcccc;
}

.sub-nav.menu.expanded li:last-child {
	border-right: none;
}

.input-group > :first-child.input-group-label {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.input-group > :last-child.input-group-label {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

@media screen and (max-width: 47.9375em) {
	.small-12.small-stack.input-group > :first-child.input-group-label {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border: 1px solid #cacaca;
		border-bottom: 0;
	}

	.small-12.small-stack.input-group > :last-child.input-group-label {
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		border: 1px solid #cacaca;
		border-top: 0;
	}
}

textarea.input-group-field {
	white-space: pre-wrap;
}

.has-tip.input-group-label {
	display: inherit;
}

.input-group-label .button {
	margin: 0;
}

button {
	font-size: 0.9rem;
	padding: 0.8rem 1rem;
}

.close-button {
	font-size: 2em !important;
	padding: 0px !important;
}

.tooltip {
	max-width: 30rem;
}

.button.warning_dropdown {
	background: transparent;
	padding: 0;
	width: 1.8rem;
}

.button.warning_dropdown i {
	padding: 0;
	margin: 0;
	width: 100%;
}

button#export_projects_pre img {
	height: 1rem;
	margin-top: -2px;
}

.dropdown-pane {
	position: relative;
	left: -13.7rem !important;
	top: -1.4rem !important;
	border-radius: 5px;
	padding: 0.5rem;
	text-align: left;
	margin-right: 2rem;
}

.local_dropdown {
	display: inline-block;
	padding: 0;
	text-align: right;
	margin-left: 0%;
	line-height: 1rem;
	height: 1.9rem;
	vertical-align: middle;
	width: 10%;
	pointer-events: auto;
	position: absolute;
	top: 0.1rem;
	right: 0.1rem;
	z-index: 502;
}


.input-group-label .switch,
.input-group-label .button {
	margin-bottom: 0;
}

.input-group > small {
	line-height: 3.25;
	padding: 5px;
}

/* PM-DIS Check box */

.pmdis_checkbox input[type=checkbox] {
	position: absolute;
	margin-bottom: 0;
	opacity: 0;
	cursor: pointer;
}

.pmdis_checkbox input[type=checkbox]:disabled,
.pmdis_checkbox input[type=checkbox]:read-only {
	cursor: default;
}

.link .pmdis_checkbox input[type=checkbox]:disabled,
.link .pmdis_checkbox input[type=checkbox]:read-only {
	cursor: pointer;
}

.pmdis_checkbox input[type=checkbox] + label {
	background-color: #595959;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin: 0.3rem 0 0.3rem 0;
	font-family: inherit;
	-webkit-appearance: none;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	content: ' ';
	width: 31px;
	height: 31px;
	box-sizing: border-box;
}

td .pmdis_checkbox input[type=checkbox] + label {
	margin: 0;
}

.pmdis_checkbox input[type=checkbox]:checked + label {
	background-color: #125d8f;
}

.pmdis_checkbox input[type=checkbox]:checked + label.bad {
	background-color: #9c3728;
}

.pmdis_checkbox input[type=checkbox]:checked + label.success {
	background-color: #27643e;
}

.pmdis_checkbox input[type=checkbox]:disabled + label {
	cursor: default;
}

.link .pmdis_checkbox input[type=checkbox]:disabled + label {
	cursor: pointer;
}

/* Check box X-mark */

.pmdis_checkbox input[type=checkbox]:not(:checked) + label::before {
	content: ' ';
	position: relative;
	top: 7px;
	left: 13px;
	display: block;
	height: 15px;
	width: 3px;
	border: 3px solid white;
	border-width: 0px 3px 0 0;
	transform: rotate(-45deg);
}

.pmdis_checkbox input[type=checkbox]:not(:checked) + label::after {
	content: ' ';
	position: relative;
	top: -8px;
	left: 13px;
	display: block;
	height: 15px;
	width: 3px;
	border: 3px solid white;
	border-width: 0px 3px 0 0;
	transform: rotate(45deg);
}

/* Check box Check-mark */

.pmdis_checkbox input[type=checkbox]:checked + label::after {
	position: relative;
	top: 6px;
	left: 10px;
	content: ' ';
	display: block;
	height: 14px;
	width: 9px;
	border: solid white;
	border-width: 0px 3px 3px 0px;
	transform: rotate(35deg);
}

.pmdis_lock input[type=checkbox] {
	position: absolute;
	margin-bottom: 0.5rem;
	opacity: 0;
	cursor: pointer;
}

.link .pmdis_checkbox input[type=checkbox]:disabled + label {
	cursor: pointer;
}

.pmdis_lock input[type=checkbox] + label {
	background-color: #595959;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 100;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	margin: 0.3rem 0 0.3rem 0;
	width: 31px;
	height: 31px;
	-webkit-appearance: none;
	-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	cursor: pointer;
	line-height: 1.4;
}

.pmdis_lock input[type=checkbox]:checked + label {
	background-color: #125d8f;
}

/* Locked */

.pmdis_lock input[type=checkbox]:not(:checked) + label::after {
	font-family: "foundation-icons";
	content: "\f20a";
}

/* Unlocked */

.pmdis_lock input[type=checkbox]:checked + label::after {
	font-family: "foundation-icons";
	content: "\f16a";
}

.error {
	background-color: #89261a;
	color: #fff;
}

.button.error:hover {
	background-color: #5a1911;
}

.button.error[disabled] {
	background: #89261a;
}

.errortext {
	color: #89261a;
	font-weight: bold;
}

input.error:focus,
textarea.error:focus {
	background-color: #fed3cc;
	color: #000;
}

.expand_accordion_bul li.is-accordion-submenu-parent,
.expand_accordion_bul li.accordion-item > .accordion-title::before {
	list-style: none;
}

.expand_accordion_bul li.is-accordion-submenu-parent[aria-expanded=false]:before,
.expand_accordion_bul li.accordion-item > .accordion-title::before {
	content: "";
	border-color: transparent #000;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.35em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 1.1em;
	position: relative;
}

.expand_accordion_bul li.is-accordion-submenu-parent[aria-expanded=true]:before,
.expand_accordion_bul li.accordion-item.is-active > .accordion-title::before {
	content: "";
	border-color: transparent #000;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.35em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 1.1em;
	position: relative;
	transform: rotate(45deg);
}

.expand_accordion_bul li.accordion-item > .accordion-title::before {
	transform: rotate(180deg);
	left: 13em;
	top: 0.8em;
}

.expand_accordion_bul li.accordion-item.is-active > .accordion-title::before {
	transform: rotate(135deg);
	left: 13em;
	top: 0.8em;
}

#createportfolio1, #createuser, #createpermission, #import-btn {
	float: right;
	font-size: 0.9rem !important;
	padding: 0.8rem;
}

@media (max-width: 37.5rem){
	#createportfolio1, #createuser, #createpermission {
		float: left;
	}
}

#createmult,#usagereport {
	font-size: 0.9rem;
	padding-bottom: 0.8rem;
}

#createmult i,#usagereport i {
	font-size: 1.2rem;
}

/** dataTables changes **/
.table_container h1 {
	text-align: center;
}

.table_container h2 {
	font-size: 1.4rem;
}

.table_container {
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
	border: 1px solid #d1d6d7;
	padding: .5rem;
	margin-bottom: 1rem;
}

.table_container label {
	color: #000;
}

table thead {
	font-size: 1.15rem;
	background: #f3f3f3;
}

table.dataTable tbody tr.selected th,
table.dataTable tbody tr.selected td,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected,
table.dataTable tbody tr.selected th a,
table.dataTable tbody tr.selected td a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a,
div.dataTables_length label,
div.dataTables_filter label,
div.dataTables_info {
	color: #000;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
	padding: 4px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
	padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
	padding: 4px;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
	background-color: #fff;
}

table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even {
	background-color: #f2f7f8;
}

table.dataTable.display tbody td {
	border-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
	background-color: #f7f7f7;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
	background-color: #e5f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
	background-color: #f7f7f7;
}

table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
	background-color: #e5f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
	background-color: #f7f7f7;
}

table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
	background-color: #e5f1f1;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr:hover > .sorting_3 {
	background-color: #cfdcee;
}

table.dataTable.display tbody tr:not(.select):not(.selectedsecondary):hover td {
	background: #cfdcee;
	color: #000;
}

.dataTable label {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

/*map column style*/

.dataTable a.table_preprocessed_project_map_link svg {
	width: 1.6rem;
	position: relative;
	top: 4px;
}

.dataTable a.table_preprocessed_project_map_link svg:hover {
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .2));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .2));
}

.dataTable a.table_preprocessed_project_map_link svg .cls-1 {
	fill: #14375A;
}

.dataTable a.table_preprocessed_project_map_link svg .cls-1:hover {
	fill: #df3a3a;
}

.dataTable a.table_preprocessed_project_map_link svg .cls-1:active {
	fill: #df3a3a;
	cursor: pointer;
}

/*map column style*/

#html_project_table tr td:last-child {
	cursor: default;
}

/* Sunburst Charts */

.svg-container.sunburst {
	padding: 0.3rem 3rem;
}

.ov {
	padding: 0.5rem;
}

/** Fancy Alerts **/

.alert-callout-border {
	width: 100%;
	padding: 1.3rem;
	border-left-width: 0.3125rem;
	border-left-color: #cacaca;
}

.alert-callout-border strong {
	color: #0a0a0a;
}

.alert-callout-border .close-button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.alert-callout-border.radius {
	border-radius: 3px;
}

.alert-callout-border.primary {
	border-left-color: #10507c;
}

.alert-callout-border.primary strong {
	color: #125d8f;
}

.alert-callout-border.secondary {
	border-left-color: #767676;
}

.alert-callout-border.secondary strong {
	color: #4d4d4d;
}

.alert-callout-border.alert {
	border-left-color: #cc4b37;
}

.alert-callout-border.alert strong {
	color: #852f22;
}

.alert-callout-border.success {
	border-left-color: #3adb76;
}

.alert-callout-border.success strong {
	color: #115f2e;
}

.alert-callout-border.warning {
	border-left-color: #ffae00;
}

.alert-callout-border.warning strong {
	color: #704c00;
}

h1 {
	font-size: 1.5rem;
}

h2 {
	font-size: 1.25rem;
}

h3 {
	font-size: 1.1875rem;
}

h4 {
	font-size: 1.125rem;
}

h5 {
	font-size: 1.0625rem;
}

h6 {
	font-size: 1rem;
}

h1.p_name {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 2rem;
	text-align: center;
}

.underline,
.paragraphbox a {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

/*fixed side menu*/

.fixed_side_menu {
	width: 250px;
	min-height: 400px;
	z-index: 900;
	position: fixed;
	top: 12rem;
	right: -251px;
	display: none;
}

.fixed_side_menu button {
	text-align: center;
	width: 90%;
	padding: 0.5rem;
	font-size: 0.8rem;
}

.fixed_side_menu ul.tabs_fixed_menu li {
	list-style: none;
	position: absolute;
	transform: rotate(-90deg);
	text-align: center;
	border: 1px solid black;
	border-bottom: none;
	padding: 0.5rem;
	cursor: pointer;
	border-radius: 7px 7px 0 0;
	font-weight: 600;
	background: #E3E3E3;
	color: #474747;
}

.fixed_side_menu ul.tabs_fixed_menu li a {
	color: black;
}

.fixed_side_menu ul.tabs_fixed_menu li {
	top: 37px;
	left: -62px;
	z-index: 900;
}

@media screen and (max-width: 37.5rem) {
	.fixed_side_menu ul li a {
		font-size: 16px;
	}
}

.fixed_side_menu ul.tabs_fixed_menu li:nth-child(2) {
	top: 116px;
	left: -56.5px;
	z-index: 900;
}

.fixed_side_menu ul.tabs_fixed_menu .active {
	background: #f2f7f8;
	color: black;
}

.fixed_side_menu ul.tabs_fixed_menu .active ::after {
	position: absolute;
	left: 0px;
	top: 39px;
	content: "";
	border-color: #f2f7f8;
	border-style: solid;
	border-width: 3px 35px;
}

.fixed_side_menu ul.tabs_fixed_menu li:first-child.active ::after {
	border-width: 3px 41px;
}

.fixed_side_menu .panel_fixed_menu > div {
	min-height: 400px;
	background: #f2f7f8;
	border: 1px solid black;
	display: none;
	overflow: auto;
}

.fixed_side_menu .tabs_fixed_menu li[for="close_tab"] {
	background: transparent;
	border: none;
	position: relative;
	top: 9px;
	left: 185px;
	width: 1rem;
	height: 1rem;
}

.fixed_side_menu .panel_fixed_menu {
	position: relative;
	top: -16px;
}

.fixed_side_menu .panel_fixed_menu > div h4 {
	text-align: center;
	padding-top: 0.5rem;
	font-weight: bold;
	font-size: 1rem;
}

.fixed_side_menu .panel_fixed_menu > div a {
	color: black;
	font-size: 1rem;
}

.fixed_side_menu .panel_fixed_menu > div.active {
	display: block;
}

.fixed_side_menu .panel_fixed_menu > div .accordion {
	background: #f2f7f8;
}

.fixed_side_menu .panel_fixed_menu > div .accordion-title {
	background: #ddeaef;
	line-height: 1.3rem;
	padding: 0rem 1rem 0.65rem 1rem;
	margin-top: 0.25rem;
	margin-bottom: 0.7rem;
	border: none;
}

.fixed_side_menu .panel_fixed_menu > div .accordion-content {
	border: none;
	padding: 0;
	background: #f2f7f8;
}

.panel_fixed_menu p.caption {
	padding-left: 0.8rem;
	margin-top: -0.5rem;
}

:last-child:not(.is-active) > .accordion-title {
	border: none;
}

:last-child > .accordion-content:last-child {
	border: none;
}

.fixed_side_menu .panel_fixed_menu > div .expand_accordion_bul li.accordion-item > .accordion-title::before {
	border-color: transparent #27643e;
}

.fixed_side_menu .panel_fixed_menu > div .expand_accordion_bul li.accordion-item.is-active > .accordion-title::before {
	border-color: transparent #27643e;
}

.fixed_side_menu button.grid-cell-wrapper {
	padding: 0;
}

.fixed_side_menu select#copy_to_portfolio_id_edit {
	width: 90%;
}

.fixed_side_menu a#map_projects {
	width: 90%;
	color: #fff;
	font-weight: 600;
	font-size: 83%;
}

.fixed_side_menu a#map_projects img {
	margin-top: -5px;
	margin-left: -22px;
	margin-right: 5px;
}

#first_panel #portfolio_sent_linkblock a,
#portfolio_view_linkblock a {
	color: white;
	font-size: 0.8rem;
	width: 90%;
}

/* Safari specific styles */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,
	.fixed_side_menu ul.tabs_fixed_menu li:first-child {
		top: 36px;
		left: -62px;
	}

	::i-block-chrome,
	.fixed_side_menu ul.tabs_fixed_menu li:nth-child(2) {
		top: 114px;
		left: -55px;
	}

	::i-block-chrome,
	.fixed_side_menu ul.tabs_fixed_menu .active ::after {
		position: absolute;
		left: 1px;
		top: 40px;
		content: "";
		border-color: #f2f7f8;
		border-style: solid;
		border-width: 1px 34px;
	}

	::i-block-chrome,
	.fixed_side_menu ul.tabs_fixed_menu li:first-child.active ::after {
		border-width: 1px 40px;
	}
}

div[data-tabs-content="portfolio_tabs"] button#view_project {
	margin-bottom: 0;
}

/* Fixes showing long and short name at same time, moves away from Foundation visibility classes */

#topbar-application-name-short {
	display: none;
}

@media screen and (max-width: 56em) {
	#topbar-application-name {
		display: none;
	}

	#topbar-application-name-short {
		display: initial;
	}
}

/* Makes the link less obvious to non screen readers */

#skip a {
	text-align: center;
	position: absolute;
	top: 3rem;
	left: -12rem;
	width: 11rem;
	height: 2rem;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
	border: 1px solid #d1d6d7;
	background: #fff;
	cursor: pointer;
	transition: 1s;
}

#skip a:focus {
	top: 3rem;
	left: 1rem;
	z-index: 1000;
	transition: 1s;
}

/* Speedometer styles */

.gauge-empty {
	fill: #aaaaaa;
}

.needle,
.needle-center {
	fill: #666666;
}

text.gauge-value {
	fill: black;
}

/* Sub-criteria Tile for Project Criteria Page*/

.subcriteria_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto;
}

.sub-criteria-tile {
	width: calc(25% - 14px);
	padding: 1% 1% 2% 1%;
	border-radius: 5px;
	margin: 7px;
	border: 5px solid transparent;
	transition: all .5s ease-out;
	cursor: pointer;
}

@media only screen and (max-width: 87.5rem) {
	.sub-criteria-tile {
		width: calc(33% - 14px);
	}
}

@media only screen and (max-width: 60rem) {
	.sub-criteria-tile {
		width: calc(50% - 14px);
	}
}

@media only screen and (max-width: 37.5rem) {
	.sub-criteria-tile {
		width: calc(100% - 14px);
	}
}

.sub-criteria-tile-heading {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5rem;
	display: block;
}

.sub-criteria-tile-description {
	font-size: 0.9rem;
	line-height: 1.15rem;
}

.sub-criteria-tile img {
	display: block;
	width: 32%;
	margin: 1rem auto;
}

.sub-criteria-tile .speedometer {
	display: block;
	padding: 0 2vw;
}

@media only screen and (max-width: 87.5rem) {
	.sub-criteria-tile img {
		width: 30%;
	}

	.sub-criteria-tile .speedometer {
		padding: 0px 5vw;
	}
}

@media only screen and (max-width: 60rem) {
	.sub-criteria-tile img {
		width: 25%;
	}

	.sub-criteria-tile .speedometer {
		padding: 0px 10vw;
	}
}

@media only screen and (max-width: 37.5rem) {
	.sub-criteria-tile img {
		width: 25%;
	}

	.sub-criteria-tile .speedometer {
		padding: 0px 25vw;
	}
}

.sub-criteria-tile-description {
	margin: 0 0 0.5rem 0;
}

.ov_sunburst .sunburst .arc:nth-child(1).is_hover,
.ov_sunburst .sunburst.arc:nth-child(1).is_active {
	fill: #ffffff !important;
	box-shadow: none;
	outline: -webkit-focus-ring-color none;
}

.sub-criteria-tile {
	border: 5px solid rgba(255, 255, 255, 0.0);
}

.sub-criteria-tile.is_hover,
.sub-criteria-tile.is_active {
	transform: matrix(1.02, 0, 0, 1.02, 0, 0);
	-webkit-transform: matrix(1.02, 0, 0, 1.02, 0, 0);
	-webkit-transform-origin: right;
	background: #ffffff !important;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, .2);
	border: 1px solid #cecece;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	padding: 1% 1% 2% 1%;
}

.sub-criteria-tile.is_hover,
.sub-criteria-tile.is_active:focus {
	outline: none;
	outline: -webkit-focus-ring-color none;
}

.ov_speedometer .speedometer .arc.gauge-filled.is_hover,
.ov_speedometer .speedometer .arc.gauge-filled.is_active {
	transform: matrix(1.02, 0, 0, 1.02, 0, 0);
	transition: all 0.2s ease-out;
}

.ov_sunburst .sunburst .arc.is_hover,
.ov_sunburst .sunburst .arc.is_active {
	transition: all 0.2s ease-out;
}

.ov_sunburst .sunburst .arc.is_active:focus,
.sunburst .arc:focus,
.sunburst:focus,
.sunburst svg:focus {
	outline: none;
	outline: -webkit-focus-ring-color none;
}

.ov_speedometer .speedometer .arc.gauge-filled {
	transition: all 0.2s ease-out;
}

.ov_speedometer .speedometer .arc.gauge-filled:focus {
	outline: -webkit-focus-ring-color auto 5px;
	outline: none;
}

.card_container > div > .card.is_hover {
	transform: matrix(1.02, 0, 0, 1.02, 0, 0);
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, .2);
	border: 1px solid #cecece;
	cursor: pointer;
}

/*--safety hover effects*/

#safety_panel .sub-criteria-tile.is_hover,
#safety_panel .sub-criteria-tile.is_active {
	border: 5px solid #27ecdd;
}

#safety_panel .ov_speedometer .speedometer .arc.gauge-filled.is_hover,
#safety_panel .ov_speedometer .speedometer .arc.gauge-filled.is_active,
#safety_panel .ov_sunburst .sunburst .arc.is_hover,
#safety_panel .ov_sunburst .sunburst .arc.is_active {
	fill: #27ecdd !important;
}

/*--congestion hover effects*/

#congestion_panel .sub-criteria-tile.is_hover,
#congestion_panel .sub-criteria-tile.is_active {
	border: 5px solid #ff0066;
}

#congestion_panel .ov_speedometer .speedometer .arc.gauge-filled.is_hover,
#congestion_panel .ov_speedometer .speedometer .arc.gauge-filled.is_active,
#congestion_panel .ov_sunburst .sunburst .arc.is_hover,
#congestion_panel .ov_sunburst .sunburst .arc.is_active {
	fill: #ff0066 !important;
}

/*--preservation hover effects*/

#preservation_panel .sub-criteria-tile.is_hover,
#preservation_panel .sub-criteria-tile.is_active {
	border: 5px solid #eb00ff;
}

#preservation_panel .ov_speedometer .speedometer .arc.gauge-filled.is_hover,
#preservation_panel .ov_speedometer .speedometer .arc.gauge-filled.is_active,
#preservation_panel .ov_sunburst .sunburst .arc.is_hover,
#preservation_panel .ov_sunburst .sunburst .arc.is_active {
	fill: #eb00ff !important;
}

/*--connectivity hover effects*/

#connectivity_panel .sub-criteria-tile.is_hover,
#connectivity_panel .sub-criteria-tile.is_active {
	border: 5px solid #ffef38;
}

#connectivity_panel .ov_speedometer .speedometer .arc.gauge-filled.is_hover,
#connectivity_panel .ov_speedometer .speedometer .arc.gauge-filled.is_active,
#connectivity_panel .ov_sunburst .sunburst .arc.is_hover,
#connectivity_panel .ov_sunburst .sunburst .arc.is_active {
	fill: #ffef38 !important;
}

/*--economic hover effects*/

#economic_panel .sub-criteria-tile.is_hover,
#economic_panel .sub-criteria-tile.is_active {
	border: 5px solid #00ffcc;
}

#economic_panel .ov_speedometer .speedometer .arc.gauge-filled.is_hover,
#economic_panel .ov_speedometer .speedometer .arc.gauge-filled.is_active,
#economic_panel .ov_sunburst .sunburst .arc.is_hover,
#economic_panel .ov_sunburst .sunburst .arc.is_active {
	fill: #00ffcc !important;
}

/*--environment hover effects*/

#environment_panel .sub-criteria-tile.is_hover,
#environment_panel .sub-criteria-tile.is_active {
	border: 5px solid #a0e639;
}

#environment_panel .ov_speedometer .speedometer .arc.gauge-filled.is_hover,
#environment_panel .ov_speedometer .speedometer .arc.gauge-filled.is_active,
#environment_panel .ov_sunburst .sunburst .arc.is_hover,
#environment_panel .ov_sunburst .sunburst .arc.is_active {
	fill: #a0e639 !important;
}

/* Sunburst Tooltips */

.sunburst-tooltip {
	position: absolute;
	padding: 1rem;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
	border: 1px solid #d1d6d7;
	width: 230px;
}

.sunburst-tooltip p.title {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: bold;
}

.sunburst-tooltip p.value {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1rem;
}

.sunburst-tooltip p.parent {
	font-size: 0.8rem;
	margin-top: 0.2rem;
	margin-bottom: 0rem;
}

/* Speedometer Tooltips */

.speedometer-tooltip {
	position: absolute;
	padding: 1rem;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
	border: 1px solid #d1d6d7;
	width: 200px;
}

.speedometer-tooltip p.title {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: bold;
}

.speedometer-tooltip p.value {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1rem;
}

/* Bar chart Tooltips */

.barchart-tooltip {
	width: 17rem;
}

.barchart-tooltip, .thermometer-tooltip {
	position: absolute;
	padding: 1rem;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
	border: 1px solid #d1d6d7;
}

.barchart-tooltip p.project, .thermometer-tooltip p.project {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.7rem;
	line-height: 1.2rem;
}

.barchart-tooltip div.grid-x {
	font-size: 0.7rem;
}

.barchart-tooltip p {
	margin-bottom: 0;
}

.barchart-tooltip div.grid-x p {
	padding: 0;
	margin: 0;
}

.barchart-tooltip p.category, .thermometer-tooltip p.category {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: bold;
}

.barchart-tooltip p.value, .thermometer-tooltip p.value {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1rem;
}

.barchart-tooltip p.cta, .thermometer-tooltip p.cta {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 0.7rem;
	line-height: 0.7rem;
}

.barchart-tooltip .progress_stacked span.slider_environment {
	border-radius: 0;
}

.barchart-tooltip .progress_stacked {
	margin-bottom: 0px;
}

/* Thermometer Tooltip */
.thermometer-tooltip {
	position: fixed;
	display: none;
	z-index: 100;
}

/* Sunburst Legend */

.sunburst_legend p {
	font-size: 1.2rem;
	text-align: left !important;
	font-weight: 600;
}

.sunburst_legend .criteria {
	box-shadow: inset 0px 0px 0px 1px #edf5f8;
	box-sizing: border-box;
}

.sunburst_legend {
	font-size: 14px;
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
}

.sunburst_legend svg {
	width: 100%;
	padding-top: 3.8%;
	padding-left: 10%;
}

.sunburst_legend .box.safety {
	fill: #435b90;
}

.sunburst_legend .box.preservation {
	fill: #914e92;
}

.sunburst_legend .box.congestion {
	fill: #e15069;
}

.sunburst_legend .box.connectivity {
	fill: #f9a83b;
}

.sunburst_legend .box.economic {
	fill: #2abfc6;
}

.sunburst_legend .box.environment {
	fill: #00a651;
}

/*Dashboard Criteria Page*/

.ov_speedometer .speedometer {
	display: block;
	padding: 0 7vw;
}

.tabs-panel.criteria_panel h3,
#desCard h3, .ov h3 {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 2rem;
	margin-bottom: 0.5rem;
}

.tabs-panel.criteria_panel h3, #desCard h3,
.ov h3 {
	text-align: center;
	margin-bottom: 0px;
	line-height: 1em;
}

#desCard p, .ov p {
	margin-bottom: 0px;
}

.tabs-panel .criteria_description {
	display: block;
	padding: 1rem;
	line-height: 1.2rem;
	font-size: 1rem;
	margin: 0;
}

@media only screen and (max-width: 87.5rem) {
	.tabs-panel .criteria_description {
		font-size: 0.9rem;
		line-height: 1.1rem;
	}
}

/*Dashboard Criteria Description Card*/

.card_container {
	padding: 0 1rem 0 1rem;
}

.card {
	border-radius: 10px;
	margin: .5rem;
	transition: all 0.2s ease-out;
}

.card.safety_card {
	background: #c3cfde;
}

.card.preservation_card {
	background: #d6ccdf;
}

.card.congestion_card {
	background: #eaccd4;
}

.card.connectivity_card {
	background: #f0e2c9;
}

.card.economic_card {
	background: #bde8ec;
}

.card.environment_card {
	background: #b2e2ce;
}

.card .card_header {
	font-family: proxima-nova-extra-condensed, sans-serif;
	text-transform: uppercase;
	font-size: 1.3rem;
	text-align: center;
	font-weight: 600;
	margin-bottom: 0px;
}

.card.preservation_card {
	background: #d6ccdf;
}

.card.congestion_card {
	background: #eaccd4;
}

.card.connectivity_card {
	background: #f0e2c9;
}

.criterion_section_header {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 2.3em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 3rem;
	display: none;
}

.documentation-link {
	display: none;
	width: 11rem;
	font-weight: 600;
	position: absolute;
	bottom: 0.4rem;
	transform: translateX(-50%);
	left: 32%;
}

.is_active .documentation-link,
.is_hover .documentation-link {
	display: block;
}

.documentation-link:hover,
.documentation-link:active {
	text-decoration: underline;
}

.y-axis {
	font-size: 14px;
}

#portfolio_tabs {
	font-size: 1.5rem;
	line-height: 1.5rem;
}

#portfilo_tabs i {
	display: inline-block;
	margin: 0 0.5rem;
}

#district_name,
#mpo_name {
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1rem;
	margin: 0;
	padding: 0.5rem;
	text-transform: capitalize;
}

@media only screen and (max-width: 37.5rem) {
	#district_name,
	#mpo_name {
		font-size: 0.8rem;
	}
}

#mpo_name {
	margin-bottom: 1rem;
}

#portfolio_name_heading {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 2rem;
	font-weight: 600;
}

#project_score {
	padding: .5rem;
}

#project_score #project_score_container {
	position: relative;
	display: block;
	background: transparent;
	width: 100%;
	height: 3rem;
	margin: 0.5rem 0;
	border-radius: 1.5rem;
	border: 0.2rem solid white;
	overflow: hidden;
	white-space: nowrap;
}

#project_score_container span {
	position: relative;
	display: inline-block;
	height: 100%;
}

span.thermometer_remaining {
	background: #aaaaaa;
}

.thermometer_safety {
	background: #435b90;
}

.thermometer_preservation {
	background: #914e92;
}

.thermometer_congestion {
	background: #e15069;
}

.thermometer_connectivity {
	background: #f9a83b;
}

.thermometer_economic {
	background: #2abfc6;
}

.thermometer_environment {
	background: #00a651;
}

.thermometer_safety:hover,
.thermometer_preservation:hover,
.thermometer_congestion:hover,
.thermometer_connectivity:hover,
.thermometer_economic:hover,
.thermometer_environment:hover {
	cursor: pointer;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	z-index: 2;
}

#project_score_text {
	display: flex;
	justify-content: space-evenly;
		-webkit-justify-content: center;
	flex-wrap: wrap;
}

#project_score_text h2.score_text {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-size: 1.6rem;
	line-height: 3rem;
	font-weight: bold;
	text-transform: uppercase;
	display: flex;
	margin: 0 0.5rem;
	padding: 0;
}

#project_score_text h2.score_text > span.score_num {
	font-size: 2.25rem;
	line-height: 2.25rem;
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: bold;
	margin-left: 0.5rem;
}

h1 #show_all_word {
	display: none;
}

#mapping_panel h1 {
	margin-bottom: 0px;
	line-height: 3rem;
}

#mapping_panel p {
	margin-bottom: 0px;
	text-align: left;
}

#project-map-text {
	display: flex;
	justify-content: space-between;
	font-size: 1rem;
	width: 100%;
}

#project-map {
	display: block;
	width: 100vw;
	height: 55vh;
	margin-bottom: 1rem;
	border: 1px solid #cecece;
	border-radius: 10px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
}

#project-overlay {
	display: block;
	position: relative;
	width: 100vw;
	height: 55vh;
	z-index: 500;
	border: 1px solid #cecece;
	border-radius: 10px;
	margin-top: calc(-55vh - 1rem);
	pointer-events: none;
}

#map-loading-error {
	display: none;
	padding: 3rem;
	position: absolute;
	z-index: 500;
	background: rgba(200,0,0,0.5);
	border-radius: 1rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#map-loading-error h3 {
	font-size: 1.2rem;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0;
	line-height: 1.2rem;
}

#map-loading-error p {
	font-size: 1rem;
	color: white;
	text-align: center;
	margin: 1rem 0 0 0;
}

#map-loading {
	padding: 3rem;
	position: absolute;
	z-index: 500;
	background: rgba(0,0,0,0.5);
	border-radius: 1rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.map-loader,
.map-loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.map-loader {
	margin: 0 auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#portfolio-map {
	display: block;
	width: 100vw;
	height: 70vh;
	margin-bottom: 1rem;
	border: 1px solid #cecece;
	border-radius: 10px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
}

#portfolio-overlay {
	display: block;
	position: relative;
	width: 100vw;
	height: 70vh;
	z-index: 500;
	border: 1px solid #cecece;
	border-radius: 10px;
	margin-top: calc(-70vh - 1rem);
	pointer-events: none;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	border: none !important;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3) !important;
	border-radius: 10px !important;
}

.tabs-panel.mapping .map_menu_btn {
	position: absolute;
	top: 1rem;
	right: 1rem;
	height: 35px;
	width: 40px;
	padding: 0;
	background: white;
	z-index: 501;
	border-radius: 4px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
	cursor: pointer;
	pointer-events: auto;
	border: 1px solid #d1d6d7;
}

.map_menu_btn .fi-list {
	font-size: 1.3rem;
}

.map_menu_btn.is_active {
	color: #808080;
}

.map_menu_btn:hover {
	color: #808080;
}

.map_menu_btn.is_active:hover {
	color: #000;
}

.s_data_input button {
	padding: 0rem;
	font-size: 0.9rem;
}

.tabs-panel.mapping .map_side_menu {
	pointer-events: auto;
	position: absolute;
	right: 1rem;
	top: calc(1rem + 33px);
	background: white;
	z-index: 1001;
	border-radius: 5px 0px 5px 5px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
	max-height: calc(70vh - 2rem - 35px);
	max-width: 500px;
	border: 1px solid #d1d6d7;
}

@media only screen and (max-width: 37.5rem) {
	.tabs-panel.mapping .map_side_menu {
		max-height: calc(80vh - 2rem - 35px);
	}
}

i.map_menu_icon.calculated {
	content: url(../Images/Icons/calculated.svg);
}

i.map_menu_icon.warning {
	content: url(../Images/Icons/warning.svg)
}

i.map_menu_icon.missing {
	content: url(../Images/Icons/missing.svg)
}

i.map_menu_icon.all_missing {
	content: url('../Images/Icons/all_missing.svg');
}

i.map_menu_icon.main_point {
	content: url('../Images/Icons/main_point.svg');
}

i.map_icon.waypoint_a {
	content: url(../Images/Icons/waypointA.svg);
}

i.map_icon.waypoint_b {
	content: url(../Images/Icons/waypointB.svg);
}

i.map_icon.waypoint_single {
	content: url(../Images/Icons/single_waypoint.svg);
}

i.map_icon {
	width: 30px;
	height: auto;
	margin: 3px;
}

i.map_menu_icon {
	width: 6.5%;
	height: auto;
	margin: 3px;
}

.map_side_menu {
	padding: 1rem;
}

.map_side_menu .input-group label {
	padding: 0.5rem;
}

#map-coordinates {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	background: rgba(0,0,0,0.6);
	color: white;
	border-radius: 0 10px 0 10px;
}

#project-map-text a {
	font-size: 0.8rem;
	padding-top: 0.5rem;
}

.map_side_menu .input-group {
	margin-bottom: 0.5rem;
}

.map_side_menu input[type="number"] {
	padding: 0 0.3rem;
	margin: 0 0 0 0;
}

.map_side_menu label.input-group-label {
	padding: 0 0.3rem;
	margin: 0 0 0 0.3rem;
	font-weight: 400;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.map_side_menu input[type="number"]:disabled {
	background: white;
	cursor: default;
	box-shadow: none;
	padding: 0 0.3rem;
	border-color: transparent;
}

.map_side_menu button.target {
	margin: 0 0 0 0.3rem;
	font-size: 1rem;
	font-weight: 800;
	border: 1px solid #cacaca;
	cursor: pointer;
}

.map_side_menu button.target:focus {
	outline: none;
	background-color: #fff0f0;
	border: 1px solid #8a8a8a;
	box-shadow: 0 0 5px #cacaca;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

.map_side_menu button.target i {
	height: 1.4rem;
}

.map_side_menu label.input-group-label.not_active {
	border-radius: 0px;
	background: #fff;
	padding: 0 0.3rem;
	border-color: transparent;
	border-bottom: 1px dotted black;
	font-weight: 400;
}

.map_side_menu label.not_active::after {
	content: ':';
}

.map_side_menu button {
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}

button.edit_sp_data {
	margin-left: 0;
	margin-right: 0;
	display: inline;
	position: absolute;
	right: 1.2rem;
	color: #949393;
	cursor: pointer;
}

button.edit_sp_data i.fi-x {
	display: none;
}

button.edit_sp_data.in_edit i.fi-x {
	display: block;
}

button.edit_sp_data i.fi-pencil {
	display: block;
}

button.edit_sp_data.in_edit i.fi-pencil {
	display: none;
}


button.edit_sp_data:hover, button.edit_sp_data:focus {
	color: black;
}

.s_data_section h5 {
	display: inline;
}

.section_detail {
	font-size: 0.8rem;
	margin-top: -0.3rem;
}

.data_converter.accordion {
	padding: 0px;
	border: none;
}

.map_side_menu .accordion .accordion-title {
	padding: 0;
	color: black;
	border: none;
}

.map_side_menu .accordion .accordion-title:hover {
	color: #1779ba;
}

.map_side_menu .accordion .accordion-title:hover, .map_side_menu .accordion .accordion-title:active, .map_side_menu .accordion .accordion-title:focus {
	background: #fff;
}

.map_side_menu .accordion .accordion-content {
	padding: 0px;
	border: none;
}

.data_converter.accordion .accordion-title[aria-expanded="true"] {
	border: none;
}

.data_converter .accordion-item.is-active > .accordion-title::before {
	border-radius: 25%;
	border: 1px solid black;
	font-size: 1.2rem;
}

i#map_backup_data_warning {
	display: none;
	padding: 0;
	margin: 0;
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 502;
}

i#map_backup_data_all_missing {
	display: none;
	padding: 0;
	margin: 0;
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 502;
}

i#map_proj_beg_lat_lon_calculated,
i#map_proj_end_lat_lon_calculated,
i#map_mp_calculated,
i#map_dfo_calculated,
i#map_proj_beg_lat_lon_missing,
i#map_proj_end_lat_lon_missing,
i#map_mp_missing,
i#map_dfo_missing,
i#map_b_lat_lon_reference,
i#map_e_lat_lon_reference,
i#map_mp_reference,
i#map_dfo_reference {
	display: none;
	padding: 0;
	width: 1.5rem;
	height: 1.5rem;
}

#map_backup_data_warning_caption i.map_menu_icon.warning {
	padding: 0;
	width: 1.5rem;
	height: 1.5rem;
}

#map_backup_data_warning_caption {
	padding-left: 0.5rem;
	position: relative;
}

#map_backup_data_warning_caption {
	padding: 0.5rem;
}

.s_data_section button.map_data_type,
.s_data_section button.apply_data_type {
	display: none;
	color: white;
	padding: 0.3rem 1rem;
}

.s_data_section button.map_data_type {
	background-color: #348557;
}

.s_data_section button.apply_data_type {
	background-color: #14375a;
}


.i_group label {
	clear: both;
	float: left;
}

.i_group input[type="number"] {
	height: auto;
	float: left;
}

.accordion-content select {
	padding: 0 1.5rem 0 0.5rem;
	font-weight: 600;
}

span#conversion_type {
	font-weight: 600;
}

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
	grid-gap: 0.5rem;
	margin-bottom: 1rem;
}

.grid div:nth-child(2) {
	margin-left: 1.5rem;
}

.i_group input.frm_dfo, .i_group input.beg_mp {
	margin: 0 0 3.2rem;
}

@media only screen and (max-width: 37.5rem) {
	.grid {
		grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
	}

	.grid div:nth-child(2) {
		margin-left: 0;
	}

	.grid div:nth-child(2)::before {
		content: "to: \A";
		white-space: pre-line;
		font-weight: 600;
		text-align: center;
		margin-bottom: 5rem;
	}

	.i_group input.frm_dfo, .i_group input.beg_mp {
		margin: 0;
	}

	.i_group {
		margin-top: 1rem;
	}
}

.s_data_section {
	padding-bottom: 0.5rem;
}

.s_data_input .s_data_section {
	padding-left: .5rem;
}

.s_data_input .s_data_section.active {
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
	border-radius: 3px;
}

.s_data_input h5 {
	margin-bottom: 0.1rem;
	font-weight: 600;
	font-size: 0.9rem;
}

@media only screen and (max-width: 37.5rem) {
	#c_data_type {
		font-size: 0.8rem;
	}
}

#portfolio_map_project_list {
	display: block;
	max-height: calc(39.5vh - 2rem - 35px);
	overflow: auto;
}

#portfolio_map_project_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e6e6e6;
}

#portfolio_map_project_list ul li {
	padding: 0 0.5rem;
	border-bottom: 1px solid #e6e6e6;
}

#portfolio_map_project_list ul li:hover {
	background: #edf5f8;
	border-radius: 3px;
}

#portfolio_map_project_list ul li a {
	display: inline;
	width: 100%;
	color: #14375a;
}

#portfolio_map_project_list ul li a:hover {
	color: #1779ba;
}

#portfolio_map_project_list ul li p {
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 1rem;
	font-size: 1rem;
	vertical-align: middle;
	width: 100%;
}

#portfolio_map_project_list ul li i {
	display: inline-block;
	padding: 0;
	text-align: right;
	margin-left: -9%;
	line-height: 1rem;
	height: 1.2rem;
	vertical-align: middle;
}

.map_side_menu .search_desc {
	font-size: 0.7rem;
	margin-top: 0.16rem;
}

.map_side_menu .slider_lock_label {
	margin-right: 1rem;
	margin-left: 0.2rem;
}

#portfolio_map_download {
	position: relative;
	left: 50%;
	top: .75rem;
	transform: translate(-50%);
}

.searching_checkboxes {
	padding: .3rem 0;
}

.search_box i {
	position: absolute;
	top: 57px;
	left: 24px;
	font-size: 1.7rem;
	color: #c5c4c4;
}

.search_box input#search_projects {
	padding-left: 2.5rem;
	border-radius: 5px;
	margin-bottom: 0;
}

.leaflet-top, .leaflet-bottom {
	z-index: 500 !important;
}

#portfolio_map_project_list ul li.hide {
	display: none;
}

path.leaflet-interactive.hide {
	visibility: hidden;
}

div.leaflet-bottom.leaflet-right div a {
	color: #0080ff;
}

p.caption, span.caption, #mapping_panel p.caption, .error_message p.caption {
	font-size: 12.8px;
	line-height: 17px;
	margin-bottom: .5rem;
	text-align: left;
}

.error_message p.caption {
	margin-bottom: 0px;
}

.caption.local_warning {
	color: #d14646;
	animation: shake 0.5s;
}

@keyframes shake {
	10% {
		transform: translate3d(-2px, 0, 0);
	}

	40% {
		transform: translate3d(4px, 0, 0);
	}

	60% {
		transform: translate3d(-4px, 0, 0);
	}

	80% {
		transform: translate3d(2px, 0, 0);
	}
}

.drag_drop_section {
	height: 29vh;
	border: 3px dashed #14375a;
	padding: 1rem;
	text-align: center;
	position: relative;
	margin-bottom: 1rem;
	cursor: pointer;
}

.drag_drop_section img {
	width: 90%;
	height: 90%;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	opacity: 0.4;
}

.drag_drop_section p {
	margin-top: calc(14.5vh - 3rem);
	margin-bottom: 0rem;
	font-size: 3rem;
	font-weight: bold;
	font-family: proxima-nova-extra-condensed;
	color: #14375a;
}

.drag_drop_section span {
	font-size: 1.2rem;
	margin-top: 0rem;
	font-weight: bold;
	font-family: proxima-nova-extra-condensed;
	color: #14375a;
}

@media only screen and (max-width: 87.5rem) {
	.drag_drop_section {
		background-position: right 50% top 50%;
	}

	.drag_drop_section p {
		font-size: 2rem;
		margin-top: calc(14.5vh - 2rem);
	}
}

@media only screen and (max-width: 37.5rem) {
	.drag_drop_section {
		background-size: 75%;
		background-position: top 50%;
	}
}

.form_rhside {
	padding-left: 1rem;
}

#addFile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.attached_files_section {
	width: 100%;
}

.attached_files_container .attached_file_template {
	margin: 0.5rem 1rem;
	padding: 0.5rem;
	background: #ffffff;
	text-overflow: ellipsis;
	border-radius: 5px;
	border: 1px solid #E4E4E4;
	width: calc(100% - 1rem);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.attached_file_template i {
	cursor: pointer;
	float: right;
	padding-right: 0.5rem;
	margin-top: 4px;
}

span.file-custom::after {
	padding: .9rem;
	background: white;
	content: "Browse";
	text-align: right;
	margin-left: -5.1rem;
	position: relative;
	top: -1px;
	background: #e6e6e6;
	font-weight: bold;
	color: #000;
	border-radius: 3px 0 0 3px;
	border: 1px solid #cacaca;
	border-bottom: 1px dotted black;
}

span.filename-custom {
	margin-left: 0.5rem;
	text-overflow: ellipsis;
}

label.file {
	padding: 0.5rem 1rem 0.5rem 5rem;
	border: 1px solid #cacaca;
	border-radius: 3px 0 0 3px;
	background: #fff;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 1rem;
}

input#file_password[type=password]::-webkit-credentials-auto-fill-button {
	display: none;
	background-image: none !important;
}

label[for="file_password"] i {
	position: relative;
	top: -3.4rem;
	left: 85%;
	font-size: 2rem;
}

#import-btn {
	width: 100%;
	position: relative;
	bottom: 0px;
}

.import_button_container p {
	position: relative;
	bottom: -15px;
}

.status_box {
	border: 2px solid #14375a;
	height: 600px;
	overflow: scroll;
	margin-bottom: 1rem;
}

.status_section h2 {
	margin: 0;
	padding: 0.6rem 1rem;
	font-size: 1.2rem;
	background: #14375a;
	color: #ffffff;
	width: 100%;
	position: relative;
	border-radius: 5px 5px 0 0;
}

.status_box .file_upload {
	background: #ffffff;
	box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.4);
	position: relative;
}

.file_upload .file_type {
	height: 100%;
	width: 85px;
	padding: 1rem;
	font-size: 0;
}

.file_upload .upload_info {
	height: 100%;
	width: calc(100% - 85px);
	padding: 1rem 1rem 1rem 0;
	position: relative;
}

.file_upload .file_type p.caption.subsystem_type {
	font-weight: 600;
	text-align: center;
	font-size: 0.7rem;
	margin: 0.5rem 0 0 0;
	padding: 0;
}

.file_upload .upload_info .file_name {
	font-weight: bold;
	font-size: 1rem;
	line-height: 1rem;
	text-overflow: ellipsis;
	width: calc(100% - 80px);
	padding: 0 1rem 0 0;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
}

.file_upload .upload_info .file_size {
	font-weight: bold;
	font-size: 1rem;
	line-height: 1rem;
	width: 80px;
	text-overflow: ellipsis;
	text-align: right;
	padding: 0;
	margin: 0;
}

.file_upload .bottom_info {
	width: 100%;
	position: relative;
}

.file_upload .top_info {
	width: 100%;
	position: relative;
}

.file_upload .bottom_info .page-change-warning {
	font-size: 0.8rem;
	font-style: italic;
	font-weight: 600;
	line-height: 1rem;
	margin: 0;
	padding: 0;
}

.file_upload .bottom_info button.stop_loading {
	border-radius: 3px;
	padding: 0.3rem 0.5rem;
	margin: 0;
	display: none;
}

.file_upload .top_info p.elapsed_time {
	text-align: right;
	display: none;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.file_upload .bottom_info p.elapsed_time {
	text-align: right;
	display: none;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.file_upload .bottom_info p.remap_progress {
	text-align: right;
	display: none;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.file_upload .bottom_info .error_message {
	padding: 0.5rem;
	margin: 0;
}

.file_upload .bottom_info .error_message p:last-of-type {
	margin: 0;
	padding: 0;
}

.file_upload .bottom_info .error_message a {
	text-decoration: underline;
}

.progress_step_bar {
	width: 100%;
	margin: 0.5rem 0;
	font-size: 0;
}

.progress_step_bar_remap {
	width: 100%;
	margin: 0.5rem 0;
	font-size: 0;
}

.progress_step_bar_remap .bar_remap {
	display: inline-block;
	border-radius: 10px;
	height: 20px;
	width: 100%;
	background: #cacaca;
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
	position: relative;
}

.progress_step_bar_remap .bar_remap .fill_remap {
	width: 0%;
	background: #047a5a;
	border-radius: 10px 0 0 10px;
	height: 20px;
	box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.step {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 0;
	width: calc((100% - 50px) / 3);
	height: 50px;
	position: relative;
	top: 0;
}

.step:first-of-type {
	width: 30px;
	height: 50px;
	margin-left: 10px;
}

.step:last-of-type {
	margin-right: 10px;
}

.step .node {
	background: #cacaca;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	box-shadow: inset 3px 3px 4px rgba(0, 0, 0, 0.3);
}

.step .bar {
	display: inline-block;
	height: 10px;
	position: absolute;
	top: 10px;
	left: -5px;
	width: 100%;
	background: #cacaca;
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.step sub {
	display: block;
	font-size: 0.8rem;
	line-height: 20px;
	text-align: center;
	position: absolute;
	bottom: -20px;
	left: -10px;
	width: 50px;
}

.step .node i.step-done {
	display: none;
}

.step .node i.step-failed {
	display: none;
}

.step .bar .fill {
	left: -5px;
	top: -5px;
	height: 10px;
	box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.loading-type.step .bar .fill, .loading-type.step .node {
	box-sizing: border-box;
	background-color: #047a5a;
	background-size: 70px 70px;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 53%, transparent 53%, transparent 79%, rgba(255, 255, 255, 0.3) 79%, rgba(255, 255, 255, 0.3) 99% );
	transition: width 200ms ease;
}

.loading-type.step .bar .fill {
	display: inline-block;
	height: 10px;
	animation: progress-bar-animate 2s linear infinite;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.loading-type.step div.node {
	animation: offset-progress-bar-animate 2s linear infinite;
}

.step.done div.node {
	background: #047a5a;
}

.step.done .node i.step-done {
	display: block;
	position: relative;
	top: 4px;
	left: 9.5px;
	content: ' ';
	display: block;
	height: 19px;
	width: 11px;
	border: solid white;
	border-width: 0px 4px 4px 0px;
	transform: rotate(45deg);
}

.step.done .bar .fill {
	background: #047a5a;
	animation: none;
}

.step.failed div.node {
	background: #ed1c24;
}

.step.failed .node i.step-failed {
	display: block;
	position: relative;
	height: 20px;
	width: 20px;
	top: 12.9px;
	left: 5px;
}

.step.failed .node i.step-failed::before,
.step.failed .node i.step-failed::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 4px;
	background-color: white;
}

.step.failed .node i.step-failed::before {
	transform: rotate(45deg);
}

.step.failed .node i.step-failed::after {
	transform: rotate(-45deg);
}

.step.failed .bar .fill {
	background: #ed1c24;
	animation: none;
}

div.import_queries div {
	font-size: 0;
	white-space: nowrap;
}

div.import_queries div.icon {
	padding: 0.5rem;
	width: 5rem;
}

div.import_queries div.icon img {
	height: 100%;
	width: auto;
}

div.import_queries div.content {
	vertical-align: middle;
	text-align: left;
	margin: 1rem 0.5rem;
	width: calc(100% - 6rem);
	font-size: 1rem;
}

@keyframes progress-bar-animate {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 70px 0px;
	}
}

@keyframes offset-progress-bar-animate {
	from {
		background-position: 15px 0px;
	}

	to {
		background-position: 85px 0px;
	}
}

.import_queries {
	display: flex;
	justify-content: space-evenly;
	padding-bottom: 1rem;
}

.import_queries a, .import_queries div {
	width: 6rem;
	text-align: center;
	overflow-wrap: break-word;
}

.import_form p {
	margin-bottom: 0.4rem;
}

fieldset.file_data_type {
	margin-bottom: 1rem;
}

label.slider_lock_label {
	display: block;

}

#password_container {
	width: 100%;
}

.password_toggle {
	margin-top: -0.7rem;
	margin-bottom: 1rem;
	margin-right: auto;
}

.password_toggle label {
	margin-bottom: 1rem;
}

.password_toggle .slider_lock_label span::before {
	top: 0.3rem;
	left: 0.5rem;
}

.password_toggle .slider_lock_label input:checked + span:after {
	left: 7rem;
	background-image: none;
	background-color: #e6e6e6;
	top: 0.15rem;
}

.password_toggle .slider_lock_label span::after {
	left: 8.2rem;
	transition: all 0.1s linear;
	background-image: none;
	top: 0.15rem;
}

.password_row .remove_password_row {
	text-align: center;
}

.password_row div.small-1.cell.remove_password_row i {
	cursor: pointer;
}

.button.data_format_button {
	padding: 0.3rem 0.5rem;
	display: block;
	margin: 0.3rem 0;
}

p#context-scale-text {
	display: block;
	position: absolute;
	top: 4rem;
	right: 0.975rem;
	line-height: 1em;
	font-size: 0.6em;
	text-transform: uppercase;

}

p#context-scale-text span {
	margin: 0 0.5rem;
	font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
	p#context-scale-text {
		font-size: 0.7em;
		position: relative;
		top: 0rem;
		margin-left: 0.5rem;
	}
}

#fixed-popup {
	display: none;
	pointer-events: auto;
	position: absolute;
	top: 0.7rem;
	left: 3.2rem;
	max-width: 300px;
	max-height: 475px;
	overflow-y: auto;
	border: 1px solid #cecece;
	border-radius: 10px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, .2);
	padding: 0.5rem;
	background: #ffffff;
}

#fixed-popup p.popup-label {
	margin-bottom: 0;
	text-align: center;
	font-weight: 600;
	font-size: 1rem;
}

#fixed-popup p.caption {
	text-align: center;
}