:root {
	--dkblue: #003333;
	--g3:	#363636;
	--g2: 	#636363;
	--g1:	#c3c3c3;
	--fa: "Font Awesome 5 Pro";

}
@font-face {
	font-family: SourceSans;
	src: url(assets/fonts/SourceSansPro-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: SourceSans;
	src: url(assets/fonts/SourceSansPro-Bold.ttf);
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: SourceSans;
	src: url(assets/fonts/SourceSansPro-Italic.ttf);
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: SourceSans;
	src: url(assets/fonts/SourceSansPro-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: Lato;
	src: url(assets/fonts/Lato-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Lato;
	src: url(assets/fonts/Lato-Italic.ttf);
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: Lato;
	src: url(assets/fonts/Lato-Bold.ttf);
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: Lato;
	src: url(assets/fonts/Lato-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-VariableFont_wdth,wght.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf);
	font-weight: normal;
	font-style: italic;
}

#headerbar { background:var(--customColor); }
#login_message { height:100px; border:1px solid var(--customColor); }
#usersked {
	padding-top:10px;
}
.systemMsg { 
	border:1px dashed var(--customColor); 
	background:white;
}

.menu_item:hover { 
	background:var(--customColor)!important; 
	color:white;
}
.shortcut {
	display:inline-block;
	width:145px;
	height:145px;
	border-radius:80px;
	background:var(--customColor);
	color:white;
	font-size:20px;
	position:relative;
	border:2px solid var(--customColor);
}
.shortcut:hover {
	background:white;
	color:var(--customColor);
}
.shortcut_text {
	width:124px;
	height:124px;
	font-family:SourceSans;
	font-weight:bold;
	position:relative;
	top:1px;
	left:11px;
	text-align:center;
	padding-top:22px;
}
.shortcut_topnav {
	display:inline-block;
	font-size:18px;
	height:24px;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
    cursor: hand;
}
.shortcut_topnav:hover {
	background:white;
	color:var(--customColor);
}
.shortcut_topnav:not(:first-child) {
	border-left:1px solid white;
}
.shortcut_up {
	display:inline-block;
	background:var(--customColor);
	color:white;
	border-radius:15px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid var(--customColor);
}
.shortcut_up:hover {
	background:white;
	color:var(--customColor);
}
.shortcut_topnav_hover {
	height:22px;
	font-size:15px;
	color:var(--customColor);
	background:white;
	border:1px solid var(--customColor);
	border-top:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
}
.shortcut_watermark {
	color:#e67e00;
	position:absolute;
	top:45px;
	left:0px;
	font-size:18px;
	font-weight:bold;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg); 
}
.shortcut:hover .shortcut_watermark {
	color:whitesmoke;
}
.qctable_ns {
	border:2px solid silver;
	width:680px;
	border-spacing:1px;
	border-collapse:collapse;
}
.qctable_ns:not(:first-child) {
	margin-top:10px;
}
.qctable_ns td {
	border:1px solid silver;
	padding:5px;
	vertical-align:top;
}
.qctable_h {
	border:none;
	width:100%;
	border-spacing:0px;
}
.qctable_h td {
	border:none;
	padding:1px;
}
.qctable_h td.btn {
	width:100px;
	text-align:center;
	background:white;
	color:black;
}
.qcrf_inits {
	border:1px solid blue;
	width:38px;
}
.docx_file {
	color:cadetblue;
	border:1px solid none;
	padding:1px;
	cursor: pointer;
    cursor: hand;
	display:inline-block;
}
.docx_file:hover {
	background:whitesmoke;
}
.docx_file[data-on='1'] {
	border:1px dotted black;
	padding-top:3px;
	padding-bottom:3px;
}
.initdd {
	cursor: pointer;
    cursor: hand;
	color:blue !important;
	padding:2px;
	border:1px dotted blue;
	height:100%;
}
.rpn_field {
	display:inline-block;
	border-bottom:1px dashed blue;
	padding-bottom:2px;
	cursor:pointer;
}
.rpn_field:hover {
	background:whitesmoke;
}
.stage_ddd {
	cursor:pointer;
	margin:auto;
	width:20px;
	text-align:center;
}
.stage_ddd:hover {
	background:yellow;
}
.xltable th,.xltable td { padding:0px !important; }
.xltable th {
	background:var(--dkblue);
	color:white;
	font-weight:normal;
}
.xltable tr[data-open='0'] {
	display:none;
}
.phase_label { padding-right:2px; }
.phase_label .phase_opts { display:none; }
.phase_label[data-active='0']:hover .phase_opts { display:inline-block; }
.phase_label[data-active='1']:hover .phase_opts { display:none; }
.phase_label[data-hl='1'] { background: red; }
.phase_summary {
	position:relative;
	text-align:right;
	padding-right:2px;
	min-height:16px;
	font-weight:bold;
	color:#7b7ba2;
}
.phase_summary::before,.phase_summary::after {
	font-weight:400;
	font-family: "Font Awesome 5 Pro";
	position:absolute;
	left:1px;
	color:silver;
}
.phase_summary::before { left:1px; }
.phase_summary::after{ right:1px; }
.phase_summary_hrs::before { content: "\f68b"; }
.phase_summary_CAD[data-set='1']::before { content: "\f155 C"; }
.phase_summary_USD[data-set='1']::before { content: "\f155 U"; }
.phase_summary_GBP[data-set='1']::before { content: "\f154"; }
.phase_summary_CAD[data-set='0']::before,
	.phase_summary_USD[data-set='0']::before,
	.phase_summary_GBP[data-set='0']::before { 
	content: ""; 
}
.phase_summary_CAD[data-set='0']::after,
	.phase_summary_USD[data-set='0']::after,
	.phase_summary_GBP[data-set='0']::after {
	content: "\2014"; 
	color:silver;
}
.phase_summary_pct { padding-right:12px; }
.phase_summary_pct[data-set='1']::after {
	content: "\f541"; 
}
#evEditResource {
	width:300px;
	position:absolute;
	bottom:-20px;
	left:0px;
	z-index:2;
}
.evEditResource {
	width:81px;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	vertical-align:bottom;
}
.evEditResource:hover { background:whitesmoke; color:var(--dkblue); }
.evEditResource:hover div {
	display:block;
}
.evtd {
	padding:2px;
	min-height:20px;
	line-height:20px;
	white-space:nowrap;
}
.evEditResource div {
	display:none;
	z-index:2;
	position:absolute;
	background:gold;
	color:var(--dkblue);
	border-radius:10px;
	padding:1px 10px;
	left:95px;
	bottom:1px;
	white-space:nowrap;
}
.evttip {
	display:inline-block;
	padding:2px 10px;
	border-radius:10px;
	background:lightyellow;
	color:midnightblue;
	text-align:center;
	position:absolute;
	z-index:12;
}
#evQuad_head {
	position:fixed;
	top:112px;
	background:white;
	left:0px;
	padding:10px;
	padding-left:20px;
	width:100%;
	z-index:8;
	padding-bottom:30px;
}
#evQuad_0,#evQuad_1,#evQuad_2,#evQuad_3 {
	position:fixed;
	background:white;
}
#evQuad_0[data-scroll='l'],#evQuad_2[data-scroll*='l'] { box-shadow: 4px 0px 4px 0px rgba(70,130,180,.3); }
#evQuad_0[data-scroll='t'],#evQuad_1[data-scroll*='t'] { box-shadow: -2px 4px 4px 0px rgba(70,130,180,.3); }
#evQuad_0[data-scroll='lt'] { box-shadow: 4px 4px 4px 0px rgba(70,130,180,.3); }

#evQuad_0,#evQuad_1 { top:170px; }
#evQuad_2,#evQuad_3 { top:290px; }
#evQuad_0,#evQuad_2 {
	left:0px;
	padding-left:30px;
}
#evQuad_1,#evQuad_3 {
	left:0px;
	padding-left:399px;
}
#evQuad_0 { z-index:10; }
#evQuad_1 { z-index:8; }
#evQuad_2 { z-index:7; }
#evQuad_3 { z-index:6; }
#evtBudgetProjectDisplay,#evtBudgetProject {
	border:1px solid var(--customColor);
	padding:2px 5px;
	color:var(--customColor);
	display:inline-block;
	font-size:16px;
	font-weight:normal;
}
#evtBudgetProject {
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	background:white;
}
#evtBudgetProjectDisplay {
	border:1px solid transparent;
	cursor:pointer;
}
#evtBudgetProjectDisplay:hover {
	background:var(--customColor); 
	color:white;
}
.evtStatic {
	display:inline-block;
	position:absolute;
	top:130px;
	left:20px;
}
.evDelBtn,.evToolBtn {
	color:silver;
	margin-left:10px;
	font-size:16px;
	top:-4px;
	position:relative;
	display:inline-block;
	cursor:pointer;
}
.evTTIP { cursor:pointer; }
.evDelBtn .ttip,.evToolBtn .ttip,.evTTIP .ttip {
	z-index:20;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	white-space:nowrap;
	font-weight:normal;
	display:none;
	padding:2px 10px;
	background:gold;
	font-size:12px;
	line-height:12px;
	position:absolute;
	border-radius:10px;
	color:midnightblue;
	top:2px;
	left: 35px;
}
.evDelBtn[data-vals='1'] { color:green; }
.evDelBtn:hover { color:crimson; }
.evToolBtn:hover { color:black; }
.evDelBtn::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f55a";
}
.evDelBtn::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f55a";
}
.evToolBtn::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f0ad";
}
.evDelBtn:hover .ttip,.evToolBtn:hover .ttip,.evTTIP:hover .ttip {
	display:inline-block;
}
.evResReorder {
	cursor:pointer;
	padding:2px 5px;
	padding-right:15px;
	background:white;
	border-bottom:1px dashed silver;
	color:darkslategrey;
}
.evResReorder:hover {
	background:whitesmoke;
	color:black;
}
.evResReorder:last-child {
	border-bottom:1px solid transparent;
}
.evSummaryEdit {
	width:75px;
	margin-right:-5px;
	text-align:right;
	font-size:14px !important;
	border-radius:5px;
}
#evLock[data-type='locked']::after {
	content: 'Unlock Budget'
}
#evLock[data-type='unlocked']::after {
	content: 'Lock Budget'
}
#evtBudget[data-locked='1'] input {
	pointer-events: none;
}
.flagIcon {
	width:16px;
	height:16px;
	display:inline-block;
	background-size:16px;
	position:relative;
}
.flagIconUSD { background-image: url(images/US.svg); }
.flagIconCAD { background-image: url(images/CAD.svg); }
.flagIconGBP { background-image: url(images/UK.svg); }

.budget_edit::placeholder { color:cornflowerblue; }
.gmapSearchLink {
	display:inline-block;
	padding-bottom:2px;
	border-bottom:1px dashed midnightblue;
	cursor:pointer;
}
.gmapSearchLink::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f002";
	color:silver;
	margin-right:5px;
}
.gmapSearchLink:hover {
	background:gold;
}