@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
/*
dark blue #012E3F 80% opacity: #345865
light dark blue (greyish) #C2CBCF
bright blue #00AEEF
light bright blue #C2E5F2
turquoise #01E4D0
light turquoise #99F4EC
purple #461E78
light purple #DAD2E4
medium purple #8D74AC
lavender #9776A3
*/
:root {
	--accent2: #9776A3;
	--accent1: #461E78;
}

.bg-accent2 { 
	background-color: var(--accent2); 
}

.accent1 {
	color: var(--accent1) !important;
}

body {
    margin: 0;
    font-family: 'Source Sans Pro', arial, helvetica, verdana, sans-serif;
    font-size: 12pt;
    color: #414245;
}

a, a:link, a:active, a:visited {
    color: #00AEEF;
    font-weight: 600;
    text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a img {
    border: 0;
}

a.fas, a.fa, a.far {
	text-decoration: none;
}
a.fas:hover, a.fa:hover, a.far:hover {
	text-decoration: none;
	color: #012E3F;
}
.fa.large, .fas.large { font-size: 12pt; }
a .fa, a .fas, a.fa, a.fas, .fas, .fa { color: #00AEEF ; }
.fa.reversed, .fa.reversed.hastip { color: white; background: #00AEEF; text-shadow:none; border-radius: 3px; padding: 3px; }
a .fas.fa-trash-alt:hover {color: #b40000; cursor: pointer ; }
a.fa-trash-alt, a.fa-trash-restore-alt { width:20px; display: inline-block; }

.clearfloat::after {
    content: "";
    display: block;
    clear: both;
}

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

h1 {
	color: #012E3F;
	font-weight: 600;  
	font-size: 18pt; 
}
h2 {
	background-color: #012E3F;
	color: white;
	font-weight: 600;
	font-size: 14pt;
	padding: 5px 7px;
	text-transform: uppercase;
}
h3 { 
	color: #012E3F; 
	font-weight: bold; 
	text-transform: uppercase; 
}

div.sticky { 
	position: sticky;
	top: 103px;
	z-index: 50;
	background: white;
}
div.sticky + table.sticky { 
	top:0px;
}
div.sticky.collapseButtons + table.sticky thead { 
	top:140px;
}

.nowrap { white-space: nowrap; }

/**** HEADER ****/

#header {
    background: #00AEEF;
    font-size: 12pt;
    color: white;
    border-bottom: 1px solid #b4b2b1;
    padding: 14px 40px;
}

#header-inner {
    /* width: 1366px; */
    position: relative;
    margin: 0 auto;
}
#header #header-inner > a:hover { text-decoration: none; }

#header-inner>div {
    vertical-align: middle;
    white-space: nowrap;
}


#header a, #header a .fa, #header a .fas, #loginnav .fa, #loginnav .fas {
    color: white;
    text-decoration: none;
}

#header a:hover {
    text-decoration: underline;
}

#loginnav {
    padding: 5px 10px;
    margin-left: 20px;
    background: #012E3F;
    border-radius: 5px;
    font-size: 10.5pt;
    text-align: left;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    z-index: 99;
    position: relative;
}
#loginnav:empty { display: none; }

#loginnav>span i {
    margin-left: 5px;
}

#loginnav>span a {
    display: none;
}

#loginnav.open>span a {
    display: block;
    padding: 5px 0 0 0;
}

#loginnav a, #loginnav a:hover, #loginnav {
    color: white !important;
}

#logo, #logo2 {
    float: left;
    margin-top:2px;
}

#logo2 {
    margin-left: 20px;
}

#development {
    padding: 3px 10px;
    margin-left: 50px;
    font-weight: bold;
    background: #461E78;
    border-radius: 5px;
    color: white;
    display: inline-block;
    margin-top: 3px;
}

#development span {
    font-weight: normal;
    font-size: 10.5pt;
}

#mainnav {
    width: auto !important;
    text-align: right;
    position: absolute;
    top:0; right: 0;
}

#mainnav a {
    display: inline-block;
    padding: 7px 10px 7px 18px;
    background-repeat: no-repeat;
    background-position: left center;
}

#mainnav .fa-bell, #mainnav .fa-stamp {
	position: relative;
}

#mainnav a.unread .fa:after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    background: red;
    top: -2px;
    right: -2px;
	border: 1px solid #FFF;
    border-radius: 50%;
}

#mainnav #configLink {
	position: relative;

	& > table {
		display: none;
		z-index: 100;
		top: 35px;
		box-shadow: 0 0 5px rgba(0, 0, 0, .3);
		border: 1px solid #aaa;

		& td {
			padding: 0;
			border: none;
			position: relative;

			& a {
				text-align: left;
				color: #00AEEF;
				padding: 7px 28px 7px 14px;
				height: 100%;
				width: calc(100% - 42px);
				font-weight: 600;

				&.hasChildren::after {
					content: '\f0da';
					font-family: 'Font Awesome 5 Free';
					font-weight: 900;
					position: absolute;
					right: 7px;
					top: 50%;
					transform: translateY(-50%);
				}
			}

			& table {
				display: none;
			}

			&:hover {
				 & > table {
					display: table;
					position: absolute;
					left: 100%;
					top: 0;
					box-shadow: 0 0 5px rgba(0, 0, 0, .3);
					border: 1px solid #aaa;
					max-width: 200px;
					width: 200px;

					& tr:not(:hover) > td {
						background: #f3f3f3;
					}
				 }
			}
		}
	}

	&:hover > table {
		display: table;
		position: absolute;
		margin-left: -83px;

		&::before {
			content: "";
			position: absolute;
			top: -10px;
			left: 81px; 
			border-style: solid;
			border-color: #F3F3F3 transparent;
			display: block;
			width: 0;
			bottom: auto;
			border-width: 0 10px 10px;
		}
		&::after {
			content: "";
			position: absolute;
			display: block;
			width: 100%;
			height: 12px;
			top: -10px;
		}
	}
}

#subnav {
    position: sticky;
    top: 0;
    z-index: 98;
    font-size: 12pt;
    padding: 0 40px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
    background: white;
}

#subnav .subnav-level {
    background: #fff;
    padding: 0 0 0 0;
    display: inline-block;
}

.subnav-divider { border-bottom: 1px solid #d0d9e0; position: absolute; width:100%; height:0; left:0;}

#subnav .buttons {
    float: right;
    margin-top: calc((16px * 2 - 1em)/2);
    margin-bottom: 4px;
}

#subnav a {
    padding: 20px 0;
    margin-left: 20px;
    display: inline-block;
    color: #00AEEF;
    font-weight: 600;
    text-decoration: none;
    font-size: 13pt;
}

#subnav a:first-child {
    margin-left: 0;
}

#subnav a.disabled {
    color: #95ABC1;
    cursor: default;
}

#subnav a.disabled:hover {
    border: 0;
	color: #95ABC1;
    cursor: default;
	text-decoration: none;
}

#subnav a.current {
    color: #012E3F;
    border-bottom: 3px solid #00AEEF;
    cursor: default;
}

#navTooltip { 
	position: absolute; 
	top:10px; 
	display:none; 
	width: 300px;
    height: auto;
    background: #fff;
    border: 1px solid #D0D9E0;
    box-shadow: 10px 10px 40px 0 rgba(21, 23, 24, .5);
	color: #414245 !important;
	font-size: 12pt;
	white-space: normal;
	line-height: 1.2em;
    padding: 15px 20px;
    z-index:2;
    }

#subnav2 {}

#subnav2 a:hover {
    border-bottom: 3px solid #012E3F;
    color: #012E3F
}

#subnav #subnav3 {
	display: block;
}

#subnav3 a {
    text-transform: none;
    font-weight: 600;
    color: #00AEEF;
    padding: 9px 0 11px 0;
}

#subnav3 a.current {
    font-weight: bold;
    padding: 9px 0 8px 0;
}

#subnav3 a.saved {}

.icon-status {
    display: none !important;
    font-size: 9px;
    margin-right: 2px;
    vertical-align: 2px;
    color: #B40000 !important;
    font-size: 16px;
    vertical-align: baseline;
}

.icon-status.bg {
	background: white;
	border-radius: 9px;
}

#tabs .icon-oct {
    display: none;
}
.saved .icon-status, .unsaved .icon-status, .double-dots .icon-status, #tabs .icon-status, .complete .icon-status, .incomplete .icon-status, #tabs .hasData .icon-oct, .halfsaved .icon-status, .pending .icon-status {
    display: initial !important;
	position: relative;
	z-index: 1;
}
.saved .icon-status:before, #tabs li.saved > a > .icon-status:before, .complete .icon-status:before, .first-saved .icon-status:before, .double-dots.saved .icon-status:after {
	content: '\f058';
	font-weight: normal;
}

.saved .icon-status, #tabs .saved .icon-status, .complete .icon-status, .first-saved .icon-status:before {
    color: #3ab54a !important;
}

.halfsaved .icon-status:before {
	content: '\f06a';
}
.halfsaved .icon-status {
	color: #e6bb1e !important;
}

/* for approval pages when there are two stages */
.double-dots .icon-status:before { 
	z-index: -1; position: relative;
	background: white;
}
.double-dots .icon-status:after {
	content: '\f111';
	font-weight: 900;
	z-index: 1;
	position: relative;
	margin-left: -5px;
	border: 1px solid white; border-radius:10px;
	background: white;
}
.double-dots.unsaved .icon-status:before {
	z-index: -1; position: relative;
}
.double-dots.first-saved .icon-status:after {
	content: '\f111';
	font-weight: 900;
	z-index: 1;
}
.double-dots.saved .icon-status:after {
	z-index: 1;
	position: relative;
}
.double-dots.first-stage .icon-status:after { z-index: -1; border: none; }
.double-dots.first-stage .icon-status:before { z-index: 1; border: 1px solid white; border-radius:10px; }


.pending .icon-status:before {
	content: '\f192';
}
.pending .icon-status {
	color: #e6bb1e !important;
}

.fas.fa-comment-dots {
	color: #e6bb1e;
}

.disabled .icon-status:before, .disabled .icon-status:after { 
	opacity: 0.5; filter: 
	alpha(opacity=50); 
}

th.complete .icon-status { 
	background: white; 
	border-radius: 8px; 
}

.inprogress .icon-status {
    color: #daa520 !important;
}

#body {
    min-width: 1200px;
    position: relative;
    padding: 0 40px;
}

#body-header {
    border-bottom: 1px solid #d0d9e0;
    margin-left: -40px;
    margin-right: -40px;
    padding: 0 40px;
   margin-bottom: 1em;
   background: #f3f3f3;
}
#body-header div.style {
	 display: table;
	 width: 100%;
}

#body-header-right, #body-header-left {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    clear: both;
    padding: 14px 0;
}
body.config #body-header-right, body.config #body-header-left {
	height:50px;
}

#body-header-right {
    text-align: right;
}

#body-header h1, #customername, #scrollingCustomerName {
    margin: 0;
    color: #012E3F;
    font-weight: 600;
}


#body > .topwarning, #body > .topinfo { margin: 12px 0; clear: right; }
#scrollBody > .topwarning, #scrollBody > .topinfo { margin-top: 0; }

.topmsg, .toperror, .topwarning, .topinfo { 
	position: relative;
	margin: 12px 0;
	border-radius:4px;
	padding: 9px 18px;
	font-weight: 600;
}
.topmsg { 
	background: #d1e9d3; 
	color: #068504; 
}
.topmsg:empty { padding: 0; display: none; }
.topmsg:before { 
	content: '\f058'; 
	font-weight: 900; 
	margin-right: 9px; 
	font-family: 'Font Awesome 5 Free'; 
}
.topmsg a { color: #005B00; }

.toperror { 
	background: #f1dcdb; 
	color: #AC1D28; 
}
.toperror a { color: #AC1D28; text-decoration: underline;}
.toperror:before {
	content: '\f071';
	font-weight: 900;
	margin-right: 9px;
	font-family: 'Font Awesome 5 Free';
}
.topwarning {
	background: #ffefbf;
}
.topwarning button.small { margin-left: 10px; }
#body-header .topwarning {
	border: 1px solid #fada8f;
}
.topwarning:before {
	content: '\f071'; 
	font-family:"Font Awesome 5 Free"; 
	color: #ECB22E; 
	font-weight: 900; 
	margin-right: 9px;
}

.topinfo {
	background: #99F4EC;
}
.topinfo a {
	color: #012E3F;
}

.topinfo:before {
	content: '\f05a';
	font-family: "Font Awesome 5 Free";
	color: #012E3F;
	font-weight: 900;
	margin-right: 9px;
}

.popUp {
	z-index: 10000;
}

.info:before {
	content: '\f129'; 
	font-family:"Font Awesome 5 Free"; 
	color: white;
	background: #00AEEF;
	border-radius: 3px; 
	font-weight: 900; 
	margin: 0 11px 0 2px;
	font-size: 8pt;
	padding: 4px 6px;
}

.nopadding {
	padding: 0;
}
div.inline {
	display: inline-block;
	vertical-align: top;
}

#projectname {}

#status > span {
    font-weight: bold;
    text-transform: uppercase;
}

div.history {
    padding: 10px;
}

div.history img {
    vertical-align: middle;
    margin-left: 5px;
}

.buttons.sticky {
    display: none;
}

#body .buttons {
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}

table.sticky {
    display: block;
    clear: both;
}

table.sticky thead {
    display: block;
    position: sticky;
    top: 102px;
    z-index: 10;
}
#history table.sticky thead, #appmap table.sticky thead, #modal table.sticky thead { top: 0; }
#modal #scrollBody table.sticky thead {top: -20px;}

#subnav:not(.subnav3) + #body table.sticky thead {
    top: 62px;
}

table.sticky tbody, .sticky thead tr {
    display: table;
    width: 100%;
}

.buttons button {
    margin-left: 20px;
    padding: 14px 15px;
    font-weight: 600; 
}
#navbuttons { margin-left: 15px; margin-bottom:0; }
#navbuttons button {
    padding: 11px 15px;
    font-size: 14pt; 
    position:relative;
    z-index:3;
}
#subnav #subnav3 .history-link {
	display: inline-block;
}

#unpublishBlueprint, #publishblueprint {
	display: inline-block;
	margin-top: 6px;
}

.buttons button:first-child {
    margin-left: 0;
}

.lighter { color: #777777; }

/**** pagination ****/

.pagination {
	text-align: center;
	margin-bottom: 1em;
}

.pagination > * {
	vertical-align: middle;
}

.pagination span {
	margin: 0 1em;
}

.pagination a { margin: 0 10px; position: relative; }
.pagination strong { color: white; background: #00AEEF; padding: 0 7px 2px; border-radius: 50%; display: inline-block; margin: 0 7px; }

.pagination-first { padding-left: 21px; }
.pagination-first::before {
	content: '\f049';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 0;
	bottom: 0;
}

.pagination-prev { padding-left: 12px; }
.pagination-prev::before {
	content: '\f0d9';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	font-size: 16pt;
	position: absolute;
	left: 0;
	bottom: -3px;
}

.pagination-next { padding-right: 12px; }
.pagination-next::after {
	content: '\f0da';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	font-size: 16pt;
	position: absolute;
	right: 0;
	bottom: -3px;
}

.pagination-last { padding-right: 21px; }
.pagination-last::after {
	content: '\f050';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	margin-left: 4px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.larger {
	font-size: larger;
}

.smaller {
	font-size: smaller;
}

/*** TOOLTIPS ***/

.hastip {
    cursor: pointer;
	position: relative;
}

div[contenteditable="true"] .hastip {
	position: inherit;
}

.fa.hastip {
    font-size: 1.1em;
    color: #00AEEF;
    padding: 0 5px;
}

.hastip > span:first-child, .clicktip > span:first-child {
    display: none !important;
    position: absolute;
    z-index: 9999;
	margin-top: -13px;
	margin-left: calc(.5em - 41px);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
    width: 300px;
    height: auto;
    background: #fff;
    border: 1px solid #D0D9E0;
    box-shadow: 10px 10px 40px 0 rgba(21, 23, 24, .5);
    padding: 20px 25px;
    font-weight: normal;
    font-family: 'Source Sans Pro', arial, helvetica, verdana, sans-serif;
    text-align: left;
	color: #414245 !important;
	font-size: 12pt;
	white-space: normal;
	line-height: 1.2em;
	cursor: default;
}

.hastip > span:first-child::after, .clicktip > span:first-child::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 15px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #fff transparent;
	display: block;
	width: 0;
}

.hastip:hover > span:first-child {
    display: initial !important;
}

.hastip.rightside > span:first-child {
	margin-left: -335px;
}
.hastip.rightside > span:first-child:after {
	right: 15px;
	left: auto;
}
.hastip.topside > span:first-child, .clicktip.topside > span:first-child {
	top: 40px;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
button.hastip.topside > span:first-child {
	top: 50px;
}
.hastip.topside > span:first-child:after, .clicktip.topside > span:first-child:after {
	top: -10px;
	bottom: auto;
	border-width: 0 10px 10px;
}
.hastip.adjust {
	display:none;
}

.valueTip > span:first-child {
	margin-left:20px;
}
div.hastip.valueTip {
	display: inline-block;
}

td.error .fa-error, .toperror .fa {
    color: #fff;
}
td .errorMsg {
	display:none;
}
td.error .errorMsg {
	display:block;
}

.divider { background: #b3b2b1; padding: 3px 10px; margin: 7px 0; }
.divider select {  margin-bottom: 0; }

.required-label:not(.dependOnValue) { position: relative; }
.required-label:not(.dependOnValue):before { content: "*"; position: absolute; margin-left: -10px; color: #00AEEF; font-size: 14pt; margin-top: 5px; }

/**** Ordering ****/
th.order, td.order, span.order,
th.fileOrder, td.fileOrder, span.fileOrder { 
	cursor: pointer; 
	width: 10px; 
	text-align: left; 
	min-height: 25px;
}
th.order:before, td.order:before, span.order:before,
th.fileOrder:before, td.fileOrder:before, span.fileOrder:before {
	font-family: "Font Awesome 5 Free";
    content: '\f338';
    font-weight: 900;
    font-size: 1.1em;
    color: #00AEEF;
}


/**** BUTTONS ****/
button, a.button {
	background: #00AEEF;
    color: white;
    font-weight: 600;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    font-family: 'Source Sans Pro';
    font-size: 12pt;
    letter-spacing: .5px;
    padding: 9px 15px;
	text-shadow: 0 0 2px #012E3F;
	white-space: nowrap;
	display: inline-block;
	margin: 1px 0;
	height: min-content;
}

button.red {
    background: #AC1D28;
}

button.locked:not(.unlock):not(.neverhide):not(.alwayson), a.fa-undo-alt.locked, a.fa-trash-alt.locked, a.button.locked:not(.unlock):not(.alwayson) { display:none !important; }

button:hover, a.button:not(.no-hover):hover {
	background: #012E3F; 
	text-decoration: none;
}

a.button.no-hover:hover {
	text-decoration: none;
}

button:focus, button:active {
	outline: none;
}

button.disabled, button:disabled, button.small:disabled {
    background: #E5EAEB;
    color: #012E3F66;
    cursor: no-drop;
    text-shadow: none;
}

button.small, a.button.small { 
	padding: 5px 12px; 
	color: white; 
	letter-spacing:0;
	font-weight: 600;
	height: min-content;
}
button.xsmall, a.gold.button, a.button.xsmall { 
	padding: 4px 9px; 
	color: white;
	letter-spacing:0; 
}
th > button.xsmall:hover {
	color: white;
	background-color: #00AEEF;
	box-shadow: 1px 1px 6px 0 rgba(256,256,256,0.50);
}
button.secondary, a.button.secondary {
	background: white;
	color: #00AEEF;
	border: 2px #00AEEF solid;
	font-weight: 600;
	text-shadow: none;
}
button.secondary:hover {
	background: #C2E5F2;
}
button.secondary:focus, button.secondary:active {
	border-color: #012E3F;
	color: #012E3F;
}
button.secondary.xsmall { 
	padding: 3px 7px;
	font-size: 11pt;
}
button.secondary.small { 
	padding: 4px 10px;
	font-size: 11pt;
}

button.cnl, button.text, button.expandAll, button.collapseAll, button.nextButton, button.addnew, button.showInactive, 
button.reject, a.button.text, a.button.addnew, button.addfolder, button.none, button.sync { 
	background: none; 
	color: #00AEEF; 
	font-weight: 600; 
	letter-spacing: 0;
	text-shadow: none;
	display: inline-block;
}
button.cnl:hover, button.text:hover, button.expandAll:hover, button.collapseAll:hover, button.nextButton:hover, 
button.addnew:hover, a.button.addnew:hover, button.reject:hover, a.button.text:hover, button.addfolder:hover, 
button.none:hover, button.sync:hover {
	background: #E5F7FD;	
}
a.button.text.on {
	background: #E5F7FD;
	border: #00AEEF66 solid 1px;
}

button.cnl:active, button.text:active, button.expandAll:active, button.collapseAll:active, button.nextButton:active, 
button.addnew:active, button.addfolder:active, button.addfolder:focus, button.none:focus,
button.cnl:focus, button.text:focus, button.expandAll:focus, button.collapseAll:focus, button.nextButton:focus, 
button.addnew:focus, button.reject:active, button.reject:focus, a.button.addnew:focus, a.button.text:focus, 
a.button.none:focus, a.button.sync:focus {
	background: #C2E5F2;
	border:none;
	box-shadow: none;
	outline: 0;
	color: #012E3F; 
}
button.expandAll:before, button.collapseAll:before, button.nextButton:before, button.addnew:before, a.button.addnew:before, 
button.showInactive:after, button.reject:before, button.addfolder:before, button.remove:before, button.none:before, button.sync:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 9px;
}
button.addnew:before, a.button.addnew:before {
	content: '\f055';
}
button.none:before, a.button.none:before {
	content: '\f057';
}
button.addfolder:before { 
	content: '\f65e';
	font-size:14pt;
}
#tabs button.addnew {
	margin-left: 20px;
}
button.expandAll:before {
	content: '\f103';
}
button.collapseAll:before {
	content: '\f102';
}
button.nextButton:before {
	content: '\f101';
}
button.sync:before {
	content: '\f2f1';
}
button.sync.syncwarning:before {
	content: '\f2ea';
}
button.showInactive {
	float: right;
}

button.reject:before {
	content: '\f057';
}
button.remove:before {
	content: '\f2ed';
}


th button.cnl, th button.text, th button.expandAll, th button.collapseAll, th button.nextButton, th button.addnew {
	background: white;
	font-size: 12pt; 
	white-space: nowrap;
	padding: 3px 6px;
}
th button.expandAll:before, th button.collapseAll:before, th button.nextButton:before, th button.addnew:before {
	margin-right: 3px;
}

/**** INPUTS ****/
input, textarea, select { 
	font-family: 'Source Sans Pro', arial, helvetica, sans-serif;
	padding: 3px 5px; 
	border: 1px solid #a9b9ca; 
	font-size: 12pt;
	color: #414245; 
	border-radius: 3px; margin-bottom: 4px; 
}
select.medium { max-width: 340px; }

input:focus, textarea:focus, select:focus  {
	border-color: #00AEEF;
	outline: none;
}

input.error, textarea.error, select.error, .highlight input.error, input.dropdown-label.error[readonly] {
	border: 2px solid #AC1D28 !important;
}

input[type="checkbox"], input[type="radio"] {
	-webkit-appearance: none;
	background-color: #ffffff;
	padding: 7px; /*size*/
	border-radius: 3px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right: 5px;
	margin-left: 0;
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
	background-color: #00AEEF;
	border: 1px solid #00AEEF;
	color: #ffffff;
}

input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: '\f00c';
	font-size: 12px;
	position: absolute;
	top: 1px;
	left: 1px;
	color: #ffffff;
}

input[type="checkbox"]:readonly:checked, input[type="radio"]:readonly:checked {
	background-color: #00AEEF;
	border: 1px solid #00AEEF;
	color: #ffffff;
}

input[type="checkbox"]:readonly:checked:after, input[type="radio"]:readonly:checked:after {
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: '\f00c';
	font-size: 11px;
	position: absolute;
	top: 1px;
	left: 1px;
	color: #ffffff;
}

input[readonly], select[readonly], textarea[readonly],
input[disabled], select[disabled], textarea[disabled],
input[type="checkbox"][readonly], input[type="checkbox"][disabled] {
	border: 1px solid #012E3F66;
	background-color: #E2E5E6;
	cursor: no-drop;
}
select[disabled] option, select[readonly] option {
	color: #414245;
}

select option[disabled] { color: #999; }

input[type="checkbox"][readonly]:checked, input[type="checkbox"][disabled]:checked {
	border: 1px solid #7E95AC;
	background-color: #7E95AC;
}

input[type="checkbox"].error {
	background-color: #E75A5915;
	border: 1px solid #AC1D28;
}

input[type="checkbox"].error:checked {
	background-color: #AC1D28;
}

input.money, .typeC input.def { padding-right: 7px; width: 53px; text-align: right; background-image: url('/images/money-r.png'); background-repeat: no-repeat; background-position: left; background-size: 12px 14px; padding-left: 13px }
input.money.medium { width: 83px; }
input.money.xmwide { width: 88px; }
input.money.xwide { width: 93px; }
input.money.xwide.negative { background-image: url('/images/money-neg.png'); background-size: 113px 20px; }
input.money.xxwide { width: 113px; }

/* activation checkboxes */
input[type="checkbox"].activate, input[type="checkbox"].activate:checked {
	background-color: white;
	padding: 7px; /*size*/
	border-radius: 8px;
	width: 24px;
	height: 18px;
	border: none;
}

/* not a checkbox */
i.fa-toggle-on, i.fa-toggle-off {
	opacity: 50%;
	cursor: no-drop;
}

input[type="checkbox"].activate:after {
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: '\f204';
	font-size: 14pt;
	position: absolute;
	top: -1px;
	left: 1px;
	color: #AC1D28;
	text-shadow: 0px 0px 3px #fff;
}

input[type="checkbox"].activate:checked:after {
	content: '\f205';
	color: #3ab54a;
	font-size: 14pt;
}

th input[type="checkbox"].activate {
	/* text-shadow: -.5px -.5px 1px #fff, .5px -.5px 1px #fff, -.5px .5px 1px #fff, .5px .5px 0 #fff; */
}

/* radio */

input[type="radio"] {
	border-radius: 18px;
	padding: 9px;
}
input[type="radio"]:checked:after {
	content: '\f111';
	font-size: 8px;
	left: 5px;
	top: 5px;
}

/* ised on Cloud questions page */
.tdlist input:not(.dropdown-label) { display: none; }
.tdlist input.def { display:inline; }
.typeL .tdlist input.attr, .typeF .tdlist input.attr { display: inline; }
.typeY .tdlist input.def, .typeI .tdlist input.def { display:none; }

.dependOnValue::before {
	content: '= ';
}
.dependOnValue.required-label::after {
	content: '*';
	font-size: 14pt;
	color: #00AEEF;
}
.dependGroup {
	border: 2px solid #012E3F; 
	border-radius: 7px; 
	border-top: 0; 
	border-bottom: 0; 
	display: inline-block; 
	vertical-align: middle; 
	padding: 5px 7px; 
	white-space: nowrap;
}

/* Dropdown Trees */
.dropdown-container { 
	display: inline-block; 
	white-space: nowrap;
	position: relative;
	margin-right: -10px;
}
.dropdown-tree { 
	overflow:auto; 
	border:1px solid #a9b9ca; 
	height: auto; 
	display: none; 
	position: absolute;
	top:27px; 
	width: auto; 
	background: white;
	min-width: 97%;
	padding-bottom: 2px; 
	max-height: 250px;
	z-index: 10;
	text-align: left;
}

input.dropdown-label[readonly]:not(.tree-locked) { 
	background: white; 
	cursor: default; 
}
input.dropdown-label+span {
	left: -17px;
	position: relative;
	background: white;
	padding-left: 2px;
	white-space: nowrap;
}
input.dropdown-label.tree-locked+span {
	background: #E5EAEB;
}

input.dropdown-label+span::before {
	content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 12px;
}

.dropdown-tree a, .dropdown-tree a:link, .dropdown-tree a:active, .dropdown-tree a:visited {
	font-weight: normal;
	padding-right: 18px;
}	
.dropdown-tree.jstree-default .jstree-node, .jstree-default .jstree-icon { 
	background-image: none; 
}
td li.jstree-node {
	margin-bottom: 0em;
}
.dropdown-tree.jstree-default .jstree-icon:empty { 
	width: 0; 
}
.dropdown-tree .jstree-closed > .jstree-ocl::before { 
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 9px;
	content: '\f105';
	font-style: normal;
	padding: 0 5px;
}
.dropdown-tree .jstree-open > .jstree-ocl::before { 
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 9px;
	content: '\f107';
	font-style: normal;
	padding: 0 5px;
}
.dropdown-tree .jstree-leaf > .jstree-ocl:empty { 
	width: 9px; 
}
.dropdown-tree .jstree-open > .jstree-ocl:empty, .dropdown-tree .jstree-closed > .jstree-ocl:empty { 
	width: 18px; 
}


/**** TABLES ****/
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}
table.plain { margin-bottom: 0; background: none; }
table.plain tr td, table.plain tr th { background: none; }

th {
	background: #012E3F;
	color: white;
    font-weight: 400;
    padding: 7px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #d0d9e0;
}

/* DEBUGGING */
.debug th, th.debug { 
	background: #dd7e1f;
}
table.debug {
	border: 1px solid #dd7e1f;
	width: auto;
}
table.debug tr.subheading th, tr.debug th { background: #e1a060; }
.debug tr:last-child td, .debug tr:last-child th {
	border-bottom: 1px solid #dd7e1f;
}
tr.debug td, td.debug { color: #dd7e1f; }
div.debug { color: #dd7e1f; border: solid 1px #dd7e1f; font-weight: bold; text-align:left; padding: 0 3px; }
span.debug { color: #dd7e1f; font-weight: bold; }
input.debug, tr.debug input { border: solid 1px #dd7e1f; }
/* end DEBUGGING */

td.money, th.money, table.text th.money, table.text td.money { text-align: right; }
td.numeric, th.numeric, table.text td.numeric, table.text th.numeric { text-align: right; }
span.money.wide { width: 105px; }
table.sticky td.numeric { min-width: 75px; }

td {
    background: #F3F3F3;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #d0d9e0;
    background-clip: padding-box;
    text-align: center;
    vertical-align: middle;
    background-position: center;
}
tr.neverhide { display: table-row !important; }
tr.alwayshide { display: none !important; }
table.plain td, tr.topalign table.plain td { border-bottom: none; padding: 0; text-align: left; }
tr.topalign td, tr.topalign th, table.text tr.topalign td, table.text tr.topalign th  { vertical-align: top; padding-top: 10px}
td.question { 
	width: 350px; 
	text-align:left; 
}
td.small, th.small { font-size: 9pt; padding: 7px 3px; }
table.text tr td.iconcol {
	width: 35px;
	text-align: center;
}
td.text, th.text, table.text tr td, table.text tr th, td.left, tr.text th, tr.text td { 
	text-align: left;
	vertical-align: middle;
}

tr:not(.subtotal, .nohover):hover td:not(.highlight):not([rowspan]) {
    background: #E5EAEB;
	color: black;
}
th.order {  padding: 4px; position: relative; text-align: center; vertical-align: middle; background-position: center; }
th.invisible, td.invisible { background: none; }
tr.highlight td,tr.highlight:hover td { background: #C2E5F2; } /* not for deviations, just to highlight */
tr.newq > td:first-child::before {
	font-size:11px;
	color:#ff0000;
	content : "New";
}
tr.updated > td:first-child::before {
	font-size:11px;
	color:#ff0000;
	content : "Updated";
}

tr.subrow td:first-child { padding-left: 50px; }
tr.subrow td { padding-top: 0; padding-bottom: 0; border-bottom: 0; }
tr.parentrow td { padding-bottom: 0; border-bottom: 0; }
tr.subrow.lastsubrow td { padding-bottom: 7px; border-bottom: 1px solid #d0d9e0; }
tr.subtotal td, tr.subtotal th, th.subtotal{ background-color: #345865; color: white; border-bottom: 1px solid #D0D9E0; }
tr.heading th, tr.heading td, tr.total th, tr.total td { background-color: #345865; color: white; }
tr.subtlesubtotal th, tr.subtlesubtotal td:not(.highlight) { background-color: #DCDDE2; color: #000000; border-bottom-color: #bbc5cd; }
tr.white td {
	padding: 0;
	background: white !important;
	border-bottom: none;
}
td.white { background: white !important; }
tr.white { display: block; }
tr.white td:empty { height: 20px; }
tr.nocolor td { background: white; border:0; }
tr.nocolor:hover td { background: white !important; }
table.readonly input[type="text"], tr.readonly input[type="text"] { border:none; background: none; cursor: default; }
table.readonly select, tr.readonly select { border:none; background: none; cursor: default; box-shadow: none; }

th a:link, th a:active, th a:visited { color: #c7eafb; }

.rowlink {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  z-index:1;
}
a.ext-link { position: relative; z-index: 2; }
.cellExpand {
	position: absolute;
	bottom: 0px;
	left: calc(50% - 20px);
	width: auto; height: auto; padding: 12px 12px 0;
	font-size: 12pt;
	text-align:center;
	vertical-align: bottom;
	z-index:10;
}

.subheading .expandable { white-space: nowrap; }
.subheading .expandable::after { content:'\f0d7'; margin-left: 9px;  }
.subheading.collapsed .expandable::after { content:'\f0da'; } 

.fa-toggle-on::before, .fa-toggle-off::before { font-size: 14pt; }
.fa-toggle-off::before { color: #AC1D28; }
.fa-toggle-on::before { color: #3ab54a; }

tr.inactiverow:not(.ui-sortable-placeholder) { display:none; }
td.inactiverow, th.inactiverow { display:table-cell;}
td.inactiverow i, th.inactiverow i { display:none;}
span.inactiverow { display: none; }
.bg-white {
	background: white;
	border-bottom: none;
}

/**** Errors and notifications ****/
td.error, td.error.highlight, .required-label.error { 
	background-color: #f1dcdb !important;
}
#errors:empty, div.error:empty {
	display: none;
}

#errors:empty, div.error:empty {
	display: none;
}

.error.noicon::before {
	content: none;
	margin-left: initial;
	margin-right: initial;
}



.skillTableCategoryTechsWarning { font-style: italic; }

.missing {
	font-weight: bold;
	color: #b40000;
}

/**** Form outside of table ****/
div.input { padding: 1px 0; }
.input label { display: inline-block; width:260px; margin-right: 10px; }
input[type="checkbox"] + label { vertical-align: top; margin-right: 10px; }
input[type="radio"] + label { vertical-align: middle; margin-right: 10px; }
input[type="checkbox"][readonly] + label, input[type="radio"][readonly] + label { color: #777777; }

/**** deviations ****/
td.highlight, div.highlight, .plain td.highlight {
    background: #DAD2E4;
	border-bottom-color: #bbc5cd;
}

tr:not(.highlight) td.highlight input, div.highlight input {
    border: 2px solid #461E78;
}

.fa-undo-alt {
    font-size: 0.8em;
    color: #461E78 !important;
    text-decoration: none;
    display: none !important;
}
.fa-undo-alt, .fa-undo {
	cursor: pointer;
}

.highlight .fa-undo-alt, .undo .fa-undo-alt {
    display: inline-block !important;
}
.highlight .fa-undo-alt.locked, .undo .fa-unto-alt.locked {
    display: none !important;
}

td.highlight+td.r, td.highlight+td+td.r, tr:hover td.highlight + td.r, tr:hover td.highlight+td+td.r {
    background: #DAD2E4 !important;/* rgba(231, 90, 89, 0.082) */
}
.required-label.reason-required-label::before {
	color: #461E78;
}

.reason, .reason-required-label {
    display: none;
}

td.highlight .reason, td.highlight+td.r>.reason, td.highlight+td+td.r>.reason, td.highlight+td.r>.valueTip>.reason,
th.highlight .reason, th.highlight+th.r>.reason, th.highlight+th+th.r>.reason {
    display: inline-block;
    margin-left: 7px;
}

td.highlight div.reason, td.highlight+td.r>div.reason, td.highlight+td+td.r>div.reason,
th.highlight div.reason, th.highlight+th.r>div.reason, th.highlight+th+th.r>div.reason {
    display: block;
    margin-left: 0px;
}

td.highlight .reason-required-label, td.highlight+td.r .reason-required-label,
th.highlight .reason-required-label, th.highlight+th.r .reason-required-label {
	display: inline;
	margin-left: 15px;
}

td.highlight .required-label + .reason, td.r .required-label + .reason  { margin-left: 0px !important; }

th .fa:not(.no-shadow), td .fa:not(.no-shadow), td .fas:not(.no-shadow), th .fas:not(.no-shadow) {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

tr.sortheader a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
    white-space: nowrap;
    font-weight: normal;
}

tr.sortheader a.fas {
	color: #00AEEF;
	font-weight: 900;
}

tr.sortheader a.fas:hover {
	color: #c7eafb;
}

tr.sortheader a:not(.fas):hover {
    text-decoration: underline;
}

tr.sortheader a.asc:after, tr.sortheader a.desc:after {
    color: white;
	content: '\f161';
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
}
tr.sortheader a.asc:after {
	content: '\f884';
}


/**** Icons ****/
.fas.fa-external-link-alt {
	color: #00AEEF;
	cursor: pointer; 
}
.fa-cogs, .fa-cogs.hastip {
	font-size:13pt;
	padding: 3px;
}
button:not(.secondary) .fas, button:not(.secondary) .fa {
    color: white !important;
    text-shadow: none;
    margin-left: 7px;
}

.expandable { 
	background-position: 5px 7px; 
	background-repeat: no-repeat; 
	width: 13px; 
	font-family:"Font Awesome 5 Free"; 
	font-size: 20px; 
	font-weight: 900;
}

.fa-lock {
	margin-left: 5px;
}

.fa-arrow-right {
	margin: 0 4px;
}

button.unlock::before {  
	content:'\f09c'; 
	margin-right: 8px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	color:white;
}

button.lock::before {  
	content:'\f023'; 
	margin-right: 8px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	color:white;
}

button.undelete::before {  
	content:'\f82a'; 
	margin-right: 8px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	color:white;
}
button.revert::before {
	content:'\f0e2'; 
	margin-right: 8px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	color:white;
}
button.delete::before {  
	content:'\f2ed'; 
	margin-right: 8px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	color:white;
}
button.comment::before {
	content: '\f075';
	margin-right: 8px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	color:white;
}


span.money, div.money { 
	width: 95px; 
	text-align: right; 
	display: inline-block; 
	padding-left: 10px;
}
span.money:before, div.money:before {
	content :'$';
	display: block;
	position: absolute;
	margin-left: -10px;
}
span.money:empty:before, div.money:empty:before { 
	display:none; 
}
span.money.small, div.money.small { 
	width: 75px; 
	font-size: 12px;
}
span.money.auto {
	width: auto;
}
span.ea { margin-left: 4px; }
span.money:empty + span.ea { 
	display: none; 
}

a.add {   margin: 2px 0 0 0; display: inline-block; }
a.add:hover, a.remove:hover { text-decoration: none; color: #0e80ab; }
a.add::before {  content:'\f0fe'; margin-right: 6px; font-family: "Font Awesome 5 Free"; font-weight: 900;  }
a.remove::before { content:'\f146'; margin-right: 6px; font-family: "Font Awesome 5 Free"; font-weight: 900; cursor: pointer; }
th a.add:hover, th a.add:hover::before { color: #8ed8f8; }
div.var { white-space: nowrap; }

#header .fas.fa-user-edit { color: #ECB22E; margin-right: 5px;}
#header .fas.fa-wrench { color: #dd7e1f; margin-right: 5px;}
#loginnav a.debug { color: #dd7e1f !important; }

/*** Tabs (P&L) ***/

.tab { 
	display: inline-block; 
	margin: 20px 10px 0 10px; 
	border: 1px #bbb solid; 
	border-bottom: 0; 
	background: #f3f3f3; 
	font-size: 16px; 
	padding: 5px 8px; 
	cursor: pointer;
}
.tab.disabled {
	cursor: no-drop;
}
.tab.active { 
	background: #012E3F;
	color:white;
}
table.fromTab img { max-width: 100%; height: auto; }

.tabbox:not(:empty) { 
	padding: 15px;
	border: 4px solid #012E3F;
}
.fromTab:not(.standalone) table { border: solid #012E3F; border-width: 0 4px 4px 4px; }

/**** Table of Divs (SOW) ****/

div.row, div.row:hover div.row { background: #F3F3F3; clear: left;  border-bottom: 1px solid #C2CBCF; padding: 10px 0 0; white-space: nowrap; }
div.row.heading, div.row.heading:hover { background: #012E3F;  color: white; font-size: 11pt; }
div.row > div { display: inline-block; padding: 4px; vertical-align: top;  }
div.row > div.children { display: block; padding: 0;  }
div.row > div.row { display: block; padding: 0; }
div.row > div.w50 { width: 39px; white-space: normal; }
div.row > div.w100 { width: 91px; white-space: normal; }
div.row > div.w150 { width: 141px; white-space: normal; }
div.row > div.w200 { width: 192px; white-space: normal; }
div.row > div.w250 { width: 242px; white-space: normal; }
div.row > div.w300 { width: 292px; white-space: normal; }
div.row > div.w400 { width: 393px; white-space: normal; }
div.row > div.w500 { width: 492px; white-space: normal; }
div.row > div.w600 { width: 592px; white-space: normal; }
div.row > div.w700 { width: 692px; white-space: normal; }
div.row > div.w800 { width: 796px; white-space: normal; }
div.row div.row div.w50.indent { padding-left: 50px; }
div.row div.row div.w800.indent { width: 750px; }
div.row div.row div.row div.w50.indent { padding-left: 96px;  }
div.row div.row div.row div.w800.indent {  width: 704px; }
div.row div.row div.row div.row div.w50.indent { padding-left: 142px;  }
div.row div.row div.row div.row div.w800.indent {  width: 658px; }
div.row div.row div.row div.row div.row div.w50.indent { padding-left: 188px;  }
div.row div.row div.row div.row div.row div.w800.indent {  width: 612px; }
div.row div.row div.row div.row div.row div.row div.w50.indent { padding-left: 234px;  }
div.row div.row div.row div.row div.row div.row div.w800.indent {  width: 566px; }
div.row div.row div.row div.row div.row div.row div.row div.w50.indent { padding-left: 280px;  }
div.row div.row div.row div.row div.row div.row div.row div.w800.indent {  width: 520px; }
div.row div.row div.row div.row div.row div.row div.row div.row div.w50.indent { padding-left: 326px;  }
div.row div.row div.row div.row div.row div.row div.row div.row div.w800.indent {  width: 474px; }
div.row div.row div.row div.row div.row div.row div.row div.row div.row div.w50.indent { padding-left: 372px;  }
div.row div.row div.row div.row div.row div.row div.row div.row div.row div.w800.indent {  width: 428px; }

div.row div.history { display: inline-block;  width: auto; position: relative; top: auto; right: auto;  }
.subspec { color: #8a7777; }
.condition { color: #003683; }
div.children div.error { font-weight: bold; color: #b40000; }
div.children .expandable {
	color: #012E3F;
}
div.children .ui-sortable-handle {
	vertical-align: top;
    padding-top: 2px;
}
div.row:last-child, div.row:hover div.row:last-child { border-bottom: 0; }

.deleted > .w800, .deleted > .w150, tr.deleted td:not(.no-strike), tr.deleted input:not(.no-strike) { text-decoration: line-through; }
.deleted .row:not(.deleted) { color: #cc0000; }
.deleted > div > button { display: none; }
button.undelete { display: none; }
.deleted > div > button.undelete { display: inline-block; }
.deleted > .myRow { text-decoration: line-through;}

div.row table td, div.row table th { text-align: left; }

ins.diffmod, del.diffmod, del.diffdel, ins.diffins, em.diffmod, del, ins { color: red; }
.deleted .del { color: red; text-decoration: line-through; }
.row .ins { color: red; text-decoration: underline; }
del.diffimg, del.diffdel span.diffimg, del.diffmod span.diffimg { position: relative; display: inline-block; background-image: url('/images/x.svg'); background-size: contain; background-position:center; background-repeat: no-repeat; }
del.diffimg img, del.diffdel img, del.diffmod span.diffimg img { opacity: 50%; }
ins.diffimg img, ins.diffins img, ins.diffmod span.diffimg img { border: red 2px solid; }

/**** MODALS ****/
#copyOf, #copiedTo, #history { display: none; }
#modal .close, #history .close, #notification .close, #modal .close {
    position: absolute;
    right: 10px;
    top: 2px;
    padding: 3px 7px;
    cursor: pointer;
    background: #00AEEF;
    border:2px solid white;
}
#modal .close:before, #history .close:before, #notification .close:before, #modal .close:before {
	content: '\f00d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color:white;
}

#modal .minimize, #history .minimize, #notification .minimize, #modal .minimize {
    position: absolute;
	right: 47px;
    top: 2px;
    padding: 3px 7px;
    cursor: pointer;
    background: #2c60b1;
    border:2px solid white;
}

#modal .minimize:before, #history .minimize:before, #notification .minimize:before, #modal .minimize:before {
	content: '\f2d1';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: white;
}

#dim, .dim { 
	display: none; 
	position: fixed; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: 99; 
	background: #17191A; 
	opacity: .5; 
	filter: alpha(opacity=50);
	justify-content: center;
	align-items: center;
}

#modal, #modal.appmap, #history, #bombuilder { 
	max-width: 75%; 
	width: auto; 
	max-height: 80%; 
	left: 20%; 
	right: 20%; 
	top: 50px; 
	margin: auto auto; 
	bottom: auto; 
	/* overflow-y: auto;  */
	overflow-y: hidden; 
	position:fixed; 
	padding: 10px 30px 30px 30px;
	background: white;
	z-index:200;
	border-radius: 8px;
	box-shadow: 10px 10px 40px 0 rgba(21,23,24,0.20);
}
#bombuilder {
    display: none;
    padding: 0;
    border: 10px solid white;
    max-height: 85%;
    top: 5%;
    height: 85%;
    left: 5%;
    right: 5%;
    max-width: 90%;
    z-index: 150;
}
button.bombuilder {
    position: fixed;
    z-index: 151;
    top: calc(5% - 27px);
    right: 5%;
    background: white;
    display: none;
}
#scrollBody{
    height:auto;
    overflow-y: auto;
    margin:-10px -30px 0px -30px;
    padding: 20px 30px 50px 30px;
}
#history.phases { 
	max-width: 50%; 
	width: auto; 
	max-height: 90%; 
	left: 25%; 
	right: 25%; 
	top: 50px; 
	margin: auto auto; 
	bottom: auto; 
	overflow-y: auto; 
	position:fixed; 
	padding: 20px 20px 20px 20px; 
}
table.sticky.popup thead { 
	display: block;  
	position: sticky;  
	top: 0px; 
	z-index: 10;
}

/* OTHER ICONS */

a.permissions {
	display: inline-block;
	padding: 4px;
	font-size:0;
}
a.permissions:hover { text-decoration: none; }
a.permissions:before {
	content: '\f084';
	font-family: 'Font Awesome 5 Free';
	font-size: 13pt;
}
a.permissions.notEmpty {
	border-radius: 5px;
	background: #00AEEF;
	color: white;
}
th a.permissions.notEmpty {
	background: #00AEEF;
}
#permInst {
	clear: left;
	font-weight: 600;
}

a.copy:before {
	content: '\f0c5';
	font-family: 'Font Awesome 5 Free';
	font-size: 14pt;
	font-weight: normal;
}
	
/* jQuery overrides */
.ui-widget {
	font-family: inherit;
	font-size: inherit;
}
.ui-menu {
	clear: both;
}
#changecount {
	border-bottom: 1px solid #d0d9e0;
	margin-bottom: 10px;
}
#changecount p { margin: 0 0 1em 0; }
#navbuttons .collapse-head {
	border: solid #00AEEF; border-width: 1px 0 0 0 ; 
	border-radius: 0;
	position: absolute; 
	bottom: -15px;
	right: 40px;
	background: none;
	font-size: 15px;
	text-shadow: none;
	padding: 0 0 0px 0;
}

/* Misc */
.images {}

.images img {
	display: block;
	max-width: 100% !important;
	margin-bottom: .5em;
}

/* Issue Collector */
button#issue-button {
	position: fixed;
	left: 0;
	top: 50%;
	z-index: 1000;
	transform-origin: top left;
	transform: rotate(270deg);
	background: #00AEEF;
	padding: 5px 10px;
	border-radius: 0 0 5px 5px;
	font-size: 11pt;
	margin:0;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: top left;
	font-family: Arial, Helvetica;
	font-weight: 600;
	border: 2px solid #012E3F;
	margin-left: -2px;
	
}

/* files */
table.files { margin-bottom: 0; }
table.files tr:last-child td { border-bottom: 0; } 

.uploadForm #modal_header { display: none; }
.uploadForm label strong { color: #00AEEF; }

/* migrate */
td.strike, th.strike { text-decoration: line-through; }

/* progressbar */
#progress { height: 3em; text-align: left; overflow: hidden; top: 200px; width: 50%;
	left: 25%; 
	right: 25%; 
	margin: auto auto; 
	bottom: auto; 
	overflow-y: auto; 
	position:fixed; 
	z-index:200;
	border-radius: 8px;
	box-shadow: 10px 10px 40px 0 rgba(21,23,24,0.20);
 }
.ui-progressbar-value { background: #7CCE86; border: none; height: 100%; } /* #d0d9e0 */
#progress-label { position: absolute; width: 100%; text-align:center; top: 13px; font-weight: bold; font-size: 12pt; }
#progress-warnings {
	top: 300px;
	position: fixed;
	left: 25%;
	width: 50%;
	z-index: 200;
	border-radius: 8px;
	background: white;
}
#progress-warnings > div {
	margin: 10px;
}
#modal .mce-floatpanel, #appmap .mce-floatpanel, #history .mce-floatpanel, #modal .mce-floatpanel {
	position: fixed !important;
}

.setHeight +.chosen-container-multi ul.chosen-choices {
	height: 200px; overflow-y:auto;
}

a.disabled {
    color: #95ABC1;
    cursor: default;
	pointer-events: none;
}
a.current {
    color: #17191A;
    cursor: default;
	text-decoration: none;
}
a.current i.fa:before {
	color: #616367;
}

a.disabled:hover {
	color: #95ABC1;
    cursor: default;
	text-decoration: none;
}

div.mce-container[aria-label*="image"] div.mce-container.mce-form > div.mce-container-body > div.mce-container.mce-first.mce-formitem > div.mce-container-body:has(> div.mce-combobox.mce-filepicker) {
    display: none;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
	  -webkit-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes rotating {
	from {
	  -ms-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -ms-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -webkit-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  .rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
  }

  /* multi-select */
.chosen-container-multi .chosen-choices li.search-choice.error {
	color: #AC1D28;
	background-color: #ffe9ef;
  }