/** General **/
body {
	font-family: verdana,arial,helvetica,sans-serif;
}
/** Tabs **/
.tabrow {
  text-align: left;
  list-style: none;
  margin-left: 10px;
  margin-bottom: 0px;
  padding: 0;
  line-height: 24px;
}
.tabrow li {
  padding: 0 10px;
  border: 1px solid #AAA;
  background: #ECECEC;
  display: inline-block;
  background: linear-gradient(to bottom, #ECECEC 50%, #D1D1D1 100%);
  text-shadow: 0 1px #FFF;
  padding: 0 20px;
}
.tabrow li.selected {
  background: #FFF;
  color: #000;
  z-index: 2;
  border-bottom-color: #FFF;
}
.tabrow li {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabrow li:before {
  border-bottom-right-radius: 6px;
  border-width: 0 1px 1px 0;
}
.tabrow li:after {
  border-bottom-left-radius: 6px;
  border-width: 0 0 1px 1px;
}

a {
	display: inline-block;
	text-decoration: none;
	font-family: Arial;
	font-style: italic;
	white-space: nowrap;
	color: #0a97ac;
}
.nav-link{
	font-style: normal ;
}

a:hover {
	text-decoration: underline;
}

.ui-slider-vertical {
	width: .4em;
}
.ui-slider .ui-slider-handle {
	width: .6em;
	height: .6em;
}
.ui-slider-horizontal {
	height: .4em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.15em;
	margin-left: -.3em;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.15em;
	margin-left: 0;
	margin-bottom: -.3em;
}


/** Waiting **/
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .6);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.modal-backdrop {
	z-index: 1;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

/** Logins **/
.helpIcon {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	background-image: url('../imgs/help.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: 16px 16px;
	background-color: #fbfaef;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border-style: outset;
	border-width: thin;
	border-color: lightGray;
	border-radius: 3px/3px;
	top: -3px;
}
.helpIcon:Active {
	border-style: inset;
}

/** Application Framework **/
.ApplicationArea {
	margin: 5px 15px 0px 15px;
	padding: 5px;
}
.AppPadding {
	padding: 0px;
}

/** Progress Panel **/
.ProgressPanel {
	display: none;
	white-space: normal;
	vertical-align: top;
	padding: 2px;
	margin: 0px;
	width: 100px;
	min-height: 500px;
	font-size: 75%;
}

/** Main Panel **/
.MainGrouping {
	margin-top: 3px;
	padding: 0px 0px 3px 0px;
	position: relative;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: auto;
}
.MainPanel {
	display: inline-block;
	margin: 0px;
	padding: 5px;
	overflow-x: auto;
	overflow-y: auto;
	white-space: normal;
	width: 100%;
	min-width: 565px;
	font-size: 75%;
	background-color: white;
	border-radius: 3px/3px;
	border-style: solid;
	border-width: thin;
	border-color: #d8d8d8;
}

/** Message Panel **/
.MessageGrouping {
	display: none;
	margin: 0px;
	padding: 0px;
	width: 200px;
	position: relative;
	border-style: solid;
	border-width: thin;
	border-color: blue;
	border-radius: 5px/5px;
}

.MessagePanel {
	display: none;
	margin: 0px;
	padding: 5px;
	font-family: Century Gothic;
	position: relative;
	white-space: normal;
	word-wrap: break-word;
	vertical-align: top;
	font-size: 100%;
	border-style: solid;
	border-width: medium;
	border-radius: 5px/5px;
	background-color: white;
	color: #404040;
	text-align: left;
}
.Message {
	border-color: #05752e;
	background-color: #05752e;
	color: white;
	font-weight: bold;
	
}
.Warning {
	border-color: #e88787;
	background-color: #e88787;
	color: white;
	font-weight: bold;
}
.MessageIconShrink {
	float: right;
}
.MessageLink {
	text-decoration: underline;
	border-style: dotted;
	border-width: thin;
	border-color: transparent;
	color: #6998e5;
}
.MessageLink:Active {
	border-color: #6998e5;
}
.EditDescription > .MessageLink {
	color: #6998e5;
}
.EditDescription > .MessageLink:Active {
	border-color: #6998e5;
}
.hyperlink {
	text-decoration: underline;
}

/** Application Selection **/
.Apps {
	display: block;
	overflow-x: auto;
	overflow-y: auto;
	border-radius: 8px/8px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #d8d8d8;
	background-color: white;
	height: 470px;
	width: 100%;
}
.AppActions {
	display: block;
	margin: 0px 3px 3px 3px;
	white-space: nowrap;
	text-align: right;
	background-color: white;
	width: 50%;
	float: right;
	padding-bottom: 1;
	position: relative;
}
.viewerIcon {
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px;
	border-radius: 5px/5px;
	font-family: Century Gothic;
	font-size: 120%;
	text-align: center;
	border-style: solid;
	border-width: thick;
	border-color: transparent;
}
.ui-dialog {
	font-family: Century Gothic;
	font-size: 75%;
}
.requestorIcon {
	background-image: url('../imgs/application.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: 83px 82px;
	background-origin: content-box;
	min-height: 82px;
	min-width: 83px;
}
.viewerIconSpace:first-of-type {
	line-height: 85px;
}
.AppActionIcon {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	border-radius: 4px/4px;
	border-style: outset;
	border-width: 2px;
	border-color: #979797;
}
.AppActionIcon + .AppActionIcon {
	margin-left: 5px;
}
.AppActionIcon:active {
	box-shadow: none;
	border-style: inset;
	background-color: #efefef;
}
.addIcon {
	background-image: url('../imgs/add.png');
}
.trashIcon {
	background-image: url('../imgs/trash.png');
}
.iconViewIcon {
	background-image: url('../imgs/iconView.png');
}
.tableViewIcon {
	background-image: url('../imgs/tableView.png');
}
.tableView-tabs {
	width: 50%;
	float: left;
}
.coownerViewIcon {
	background-image: url('../imgs/coOwner.png');
}
.appView {
	height: 100%;
}
.appView .ui-selecting {
	border-color: #ffe9b3;
}
.appView .ui-selected {
	border-color: #ffc73f;
}

/** Tabs **/
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/** Table **/
.tableHeader {
	padding: 5px 20px 5px 20px;
	font-weight: normal;
	border-style: solid;
	border-width: thin;
	border-color: #323b50;
	background-color: #447DAE;
	color: white;
	text-align: center !important;
}
.tableData {
	padding: 3px 5px 3px 5px;
	text-align: right;
	border-style: solid;
	border-width: thin;
	border-color: darkGray;
	text-align: center;
}
.stripe-blue {
	background-color: #e2eaf6 !important;
}
.stripe-white {
	background-color: white;
}
.checkboxDialog {
	min-height: auto !important;
}
.tableSelected {
	background-color: #bbc8e5;
}
.dataTables_wrapper {
	margin: 1rem 1rem 1rem 1rem;
}
.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075) !important;
    cursor: pointer;
}
.table-bordered {
	border-radius: 6px;
	overflow: hidden;
	border: 0px !important;
	padding-bottom: 2%;
	min-width: 400px;
}
.dataTable {
	border-collapse: collapse !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-color: #447DAE !important;
	background: #447DAE;
}
.dataTables_wrapper 
.dataTables_paginate 
.paginate_button.current, 
.dataTables_wrapper 
.dataTables_paginate 
.paginate_button.current:hover { 
	color: white !important;
}
.dataTables_wrapper 
.dataTables_paginate 
.paginate_button.disabled, 
.dataTables_wrapper 
.dataTables_paginate 
.paginate_button.disabled:hover {
	background-color: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: black !important;
}
.AgreementSummary {
	font-family:Century Gothic;
	border-style:solid;
	border-width:thin;
	border-color:lightGrey;
	padding:10px;
	display:block;
	position:relative;
}
.UserInfoSection {
	padding: 0px;
}
.UserInfoSection + .UserInfoSection {
	margin-left: 2px;
}
.UserInfoCardGroup + .UserInfoCardGroup {
	margin-top: 5px;
}
.UserInfoCard {
	font-family: Century Gothic;
	display: inline-block;
	padding: 5px;
	border-radius: 5px/5px;
	border-style: solid;
	border-width: thin;
	border-color: lightGrey;
}
.UserInfoDataTitle {
	padding: 2px 5px 2px 5px;
	background-color: #eceae0;
	min-width: 150px;
	font-size: 90%;
}
.UserInfoData {
	padding: 0px 5px 0px 5px;
	font-size: 80%;
}
.UserInfoTitle {
	position: relative;
	margin: 0px 0px 6px 0px;
	padding: 5px;
	font-size: 100%;
	background-color: #595541;
	color: white;
}

/** Utility **/
.nowrapSection {
	display: block;
	white-space: nowrap;
}
.nowrapSection > div {
	white-space: normal;
}
.EditBlock:first-of-type {
	margin-left: 20px;
}
.messageSection {
	display: none;
	white-space: normal;
	padding: 10px;
	font-family: Arial,serif;
	font-size: 125%;
	font-weight: bold;
	border-style: solid;
	border-width: medium;
	border-color: #6a93c4;
	background-color: #ecf2f8;
	border-radius: 10px/10px;
	color: #6a93c4;
}
span.required {
	background-image: url('../imgs/required.png');
	background-repeat: no-repeat;
	background-position: right 5px;
	background-size: 9px 9px;
}
input.required {
	background-color: #fefed4;
}
textarea.required {
	background-color: #fefed4;
}
select.required {
	background-color: #fefed4;
}
.header {
	font-family: Arial;
	font-size: 115%;
	margin: 20px 20px 0px 20px;
	letter-spacing: 1px;
	line-height: 36px;
	color: #003c7a;
	background: url('../imgs/TVA Logo Text RGB Blue.png');
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 3rem;
	height: 0%;
	top: 3%;
	position: inherit;
}

/** Application Questions **/
.QuestionSectionGroup {
	box-shadow: 1px 1px 4px #888888;
	padding: 10px;
	border-style: double;
	border-width: medium;
	border-color: #e0e0e0;
	background-color: #fefefa;
	color: #404040;
	min-width: 700px;
}
.QuestionSectionName {
	display: inline-block;
	font-weight: bold;
	font-size: 110%;
	min-width: 15em;
	vertical-align: top;
}
.QuestionSection {
	white-space: normal;
	width: calc(100%-15em);
}
.QuestionSubItems {
	line-height: 1.5em;
}
.QuestionSubItems + .QuestionSubItems {
	margin-top: 8px;
}
.QuestionItems {
	line-height: 1.5em;
	overflow-x: auto;
	overflow-y: auto;
}
.QuestionItems + .QuestionItems {
	margin-top: 8px;
}
#AppForm > .QuestionSectionGroup > .QuestionItems > .submitButton {
	margin: 17px 0px 5px 5px;
}
.QuestionGroup {
	position: relative;
	padding: 2px;
}
.QuestionGroup + .QuestionGroup {
	margin-top: 5px;
}
.QuestionSubGroup {
	display: none;
	margin-top: 10px;
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #dee7ee;
	border-radius: 5px/5px;
	background-color: transparent;
}
.AttachedUsersSection {
	display: block;
	font-size: 100%;
	margin-top: 10px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #d3d3d3;
	border-radius: 5px/5px;
}
.QuestionSectionGroup + .QuestionSectionGroup {
	margin-top: 10px;
}
.QuestionSection + .QuestionSection {
	margin-top: 10px;
}
.QuestionSection + .TableSection {
	margin-top: 10px;
}
.TableSection {
	white-space: normal;
	width: calc(100%-15em);
}
.TableSectionTitle {
	padding: 0px 0px 12px 10px;
	font-family: Arial;
	font-size: 175%;
	font-weight: bold;
	color: #5880ca;
}
.TableSectionHeader {
	padding: 0px 0px 12px 10px;
	font-family: Arial;
	font-size: 130%;
	font-weight: 500;
	color: #5880ca;
}
.TableSectionData {
	padding: 5px;
	font-family: Arial;
	font-size: 125%;
	border-style: dotted;
	border-width: thin;
	border-color: lightGray;
}
.TableSectionData th {
	padding: 5px;
	font-weight: normal;
	text-align: left;
	border-style: solid;
	border-width: thin;
	border-color: darkGrey;
	background-color: #183950;
	color: #f7f7f7;
}
.TableSectionData td {
	padding: 5px;
	text-align: left;
	border-style: solid;
	border-width: thin;
	border-color: darkGrey;
}
.TableSectionData tr {
	background-color: #fafbf7;
}
table.UserData {
	width: 100%;
	border-collapse: collapse;
}
tr.SelectedRow {
	background-color: #dfdaea;
}
.SelectUserButton {
	box-shadow: 1px 1px 5px #888888;
	padding: 5px;
	text-align: center;
	outline: none;
	border-radius: 5px/5px;
	border-style: outset;
	border-width: thin;
	border-color: darkGrey;
	background-color: #f5f6a2;
	min-width: 150px;
}
.SelectUserButton:Active {
	box-shadow: none;
	border-style: inset;
}
.RemoveUserButton {
	box-shadow: 2px 2px 3px #888888;
	padding: 5px;
	font-size: 80%;
	text-align: center;
	outline: none;
	border-radius: 5px/5px;
	border-style: solid;
	border-width: thin;
	border-color: #858585;
	background-color: #f6f0a8;
	min-width: 10em;
}
.RemoveUserButton:Active {
	box-shadow: none;
	border-style: inset;
}
.AddUserButtonExample {
	position: relative;
	margin: 0px 2px 0px 1px;
	padding: 0px 5px 2px 5px;
	font-size: 50%;
	font-weight: bold;
	text-align: top;
	vertical-align: middle;
	border-radius: 3px/3px;
	border-style: outset;
	border-width: thin;
	border-color: #b1b1b1;
	background-color: #628b9e;
	color: white;
	top: -1px;
}
.AddUserButton {
	box-shadow: 1px 1px 5px #888888;
	padding: 1px 7px 0px 8px;
	font-size: 100%;
	font-weight: bold;
	float: right;
	text-align: center;
	vertical-align: top;
	outline: none;
	border-radius: 3px/3px;
	border-style: outset;
	border-width: thin;
	border-color: #b1b1b1;
	background-color: #628b9e;
	color: white;
}
.AddUserButton:Active {
	box-shadow: none;
	border-style: inset;
}

/** User Accounts **/
.EditSectionGroup {
	box-shadow: 1px 1px 5px #888888;
	margin: 5px;
	padding: 5px;
	overflow-x: auto;
	overflow-y: auto;
	border-style: solid;
	border-color: lightGray;
	border-width: thin;
	background-color: white;
}
.EditSectionName {
	display: inline-block;
	margin: 5px 5px 10px 5px;
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 200%;
	color: #252e3b;
	min-width: 100px;
}
.EditSection {
	display: inline-block;
}
.EditBlock {
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	min-height: 10em;
	padding: 5px;
}
.buttonSection {
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 0px 5px;
}
/*.EditItemGroup {
	margin-bottom: 20px;
}*/
.EditFileInput {
	padding: 5px;
	font-family: Century Gothic;
	font-size: 130%;
	border-style: solid;
	border-width: thin;
	border-color: #d5d5d5;
	border-radius: 5px/5px;
	background-color: white;
	width: 300px;
}
.EditDescription {
	margin-bottom: 10px;
	font-family: Calibri;
	font-size: 160%;
	color: #2567cb;
	line-height: 1.15em;
}
.EditDescriptionList {
	margin-bottom: 10px;
	font-family: Calibri;
	font-size: 90%;
	color: #2567cb;
	line-height: 1.15em;
}
.EditDescription .DrawingsTxt{
	font-weight:bold;
	color:#2567cb;
	font-style:normal;

	}
.EditDescription + .EditDescription {
	margin-top: 0.75em;
}
.TermsSummary {
	font-family: Century Gothic;
	font-size: 90%;
	display: inline-block;
	padding: 5px;
	border-radius: 5px/5px;
	border-style: solid;
	border-width: thin;
	border-color: lightGrey;
}
.SummaryFieldTitle {
	display: inline-block;
	min-width: 9em;
}
.SummaryField {
	display: inline-block;
	margin-left: 5px;
}
.SummaryHeader {
	margin-bottom: 5px;
	font-family: Century Gothic;
	font-size: 150%;
}
.SummaryTitle {
	padding: 2px 5px 2px 5px;
	margin-bottom: 5px;
	font-size: 100%;
	font-family: Century Gothic;
	background-color: #364e5c;
	color: white;
}
.SummaryText {
	padding: 5px;
	font-family: Century Gothic;
	font-size: 100%;
	color: black;
	line-height: 1em;
}
.EditChoiceSelect {
	font-size: 125%;
	padding: 3px;
	min-width: 500px;
}
.EditChoiceInput {
	margin-left: 20px;
}
.EditChoice {
	position: relative;
	margin-left: 10px;
	font-family: Century Gothic;
	font-size: 130%;
	line-height: 2em;
	vertical-align: middle;
	top: -3px;
}
.EditFieldName {
	display: inline-block;
	font-family: Century Gothic;
	font-size: 130%;
	white-space: normal;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
}
.registrationItems > .EditFieldName2 {
	margin-top: 10px;
	margin-bottom: 5px;
}
.AppFieldName {
	 min-width: 6em;
}
.EditFieldInputRadio {
	margin-left: 2em;
}
.EditFieldInputRadioText {
	padding: 0px;
	margin-left: 0.25em;
}

/** Navigation bar **/
.NavArea {
	display: none;
	position: relative;
	padding: 5px 0px 5px 0px;
	font-family: Century Gothic;
	font-size: 100%;
	border-radius: 3px/3px;
	border-color: #d8d8d8;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	background-color: #fefefe;
	white-space: nowrap;
	line-height: 1.5em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.NavAreaSpacer {
	display: inline-block;
	position: relative;
	border-style: solid;
	border-width: 4px 0px 4px 1px;
	border-color: #b4b2a4;
	width: 0px;
	height: 2em;
	top: -4px;
}

.MenuPanel {
	display: inline-block;
	position: relative;
	white-space: normal;
}
.NavPanel {
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.NavPanelContents {
	display: inline-block;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: top;
	line-height: 1em;
	width: calc(100% - 80px);
	height: 2em;
}
.NavPanelContentsScrollLeft {
	display: inline-block;
	position: relative;
	margin: 0px 5px 0px 5px;
	background-image: url('../imgs/leftArrow.png');
	background-repeat: no-repeat;
	background-position: middle;
	background-size: 24px 24px;
	line-height: 1em;
	vertical-align: top;
	height: 24px;
	width: 24px;
	top: calc(1em - 12px);
}
.NavPanelContentsScrollRight {
	display: inline-block;
	position: relative;
	margin: 0px 5px 0px 5px;
	background-image: url('../imgs/rightArrow.png');
	background-repeat: no-repeat;
	background-position: middle;
	background-size: 24px 24px;
	line-height: 1em;
	vertical-align: top;
	height: 24px;
	width: 24px;
	top: calc(1em - 12px);
}
.NavPanelNodeGroup {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	line-height: 2em;
	color: #c6c6c6;
}
.NavPanelNode {
	display: inline-block;
	position: relative;
	font-size: 75%;
	vertical-align: middle;
	line-height: 1em;
	top: -2px;
}
.NavPanelSelectedNode {
	color: black;
}
.NavPanelFocusedNode {
	color: blue;
}
.NavPanelSelectedNode:Active {
	font-weight: bold;
}
.NavPanelSelectedNode:Hover {
	font-weight: bold;
}
.NavPanelSeparator {
	display: inline-block;
	position: relative;
	margin: 0px 5px 0px 5px;
	background-image: url('../imgs/navSpace.png');
	background-repeat: no-repeat;
	background-position: middle;
	background-size: 11px 3px;
	vertical-align: middle;
	width: 11px;
	height: 8px;
}

.navbar-brand {
    cursor: pointer;
}

.MenuButton {
	display: inline-block;
	padding: 5px;
	color: #4b4b4b;
}
.MenuButton:Active {
	color: #a8c6f8;
}
.MenuButton:Hover {
	font-weight: bold;
}
.NavWrapper {
	display: inline-block;
	padding: 0px 5px 0px 5px;
	border-style: solid;
	border-width: 0px;
	border-color: lightGrey;
}
.MenuPanel > .NavWrapper:first-of-type {
	border-width: 0px;
}

.NavigationButton {
	border-width: 0px 0px 0px 1px;
}
.LogoutButton {
	display: none;
	border-width: 0px 0px 0px 1px;
	vertical-align: top;
	padding: 0px 10px 0px 0px;
}

.BackButton {
	display: none;
	border-width: 0px 1px 0px 0px;
}

/** Header at the top of pages **/
.TitleArea {
	display: none; 
	margin-top: 3px; 
	padding: 0px 15px 0px 15px; 
	background-color: #e7ecf1; 
	vertical-align: middle; 
	line-height: 1.5em; 
	font-size: 150%; 
	color: #396e7d;
}

.AppPadding .TitleArea {
	position: relative;
	background-color: #fefefe; 
	border-radius: 3px/3px;
	border-width: 1px;
	border-color: #d8d8d8;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
}
.notation {
	margin-top: 5px;
	font-size: 40%;
	line-height: 1em;
	text-align: center;
}
.titleOnly {
	line-height: 2em;
}
.Address {
	float: right;
	font-size: 70%;
	line-height: 1.5em;
}

/** Questions link **/
.contactInfo {
	float: right; font-size: 50%; margin-top: 5px; line-height: 1em;
}

/** Notices **/
.noticeGrouping {
	margin: 1em;
}
.noticeSection {
	font-weight: bold; font-size: 110%; color: #5880bc;
}
.noticeTerms + .noticeSection {
	margin-top: 2em;
}
.noticeSection + .noticeTerms {
	margin-top: 0.3em;
}
.noticeTerms {
	color: #585858; margin-top: 1em;
}

/** Registration **/
.registrationFrame {
	padding: 10px;
	color: #404040;
}
.registrationSectionGroup {
	position: relative;
}
.registrationItemGroup {
	padding: 0px 8px 0px 2px;
}
.registrationItemGroup + .registrationItemGroup {
	margin-top: 15px;
}
.registrationItems {
	padding: 0px 8px 0px 2px;
}
.registrationItems + .registrationItems {
	margin-top: 10px;
}
.registrationItemTitle {
	font-family: Arial;
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 10px;
	color: #50617a;
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #50617a;
}
.registrationItemTitle + .registrationItems {
	margin-top: 5px;
}
.registrationItems > .registrationItemTitle {
	margin-bottom: 0px;
}
.textInputFieldLimited {
	width: 30em;
} 
input.textInputField {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	font-family: Century Gothic;
	font-size: 130%;
	border-style: solid;
	border-width: thin;
	border-color: #d5d5d5;
	border-radius: 3px/3px;
	line-height: 2em;
	width: 280px;
	height: 2em;
	outline: none;
	vertical-align: middle;
}

/* Input field size when screen larger than 740px */
@media all and (min-width: 740px) {
	input.textInputActivePage {
		margin-left: 1rem;
	}
}
/* Input field size when screen between 740px and 675px */
@media all and (max-width: 740px) and (min-width: 675px) {
	input.textInputActivePage {
		margin-left: 1rem;
		width: 45%
	}
	input.textInputActivePage2 {
		margin-left: 0rem;
		width: 45%
	}
}

.dateInputField {
	padding: 0px 10px 0px 10px;
	font-family: Century Gothic;
	font-size: 130%;
	border-style: solid;
	border-width: thin;
	border-color: #d5d5d5;
	border-radius: 5px/5px;
	line-height: 2em;
	height: 2em;
	outline: none;
	vertical-align: middle;
}
.listField {
	display: inline-block;
	font-family: Century Gothic;
	font-size: 130%;
	border-style: solid;
	border-width: thin;
	border-color: #d5d5d5;
	border-radius: 5px/5px;
	width: 300px;
	height: 2.5em;
}
.textDisplayField {
	display: inline-block;
	font-family: Century Gothic;
	font-size: 130%;
	line-height: 1.5em;
	height: 1.5em;
}
.textDisplayField + .textDisplayField {
	padding: 0px;
	margin: 0px;
}
.textInputDescription {
	display: inline-block;
	padding: 10px 10px 10px 10px;
	font-family: Century Gothic;
	font-size: 130%;
	border-style: solid;
	border-width: thin;
	border-color: #d5d5d5;
	border-radius: 3px/3px;
	outline: none;
	vertical-align: middle;
}

/** Buttons **/
.printTerms,
.ownerSendButton,
.triageSendButton,
.triageCompleteButton,
.triageResetButton,
.submitButton {
	box-shadow: 2px 2px 3px #888888;
	padding: 8px;
	text-align: center;
	font-size: 110%;
	min-width: 7em;
	border-radius: 5px/5px;
	border-style: solid;
	border-width: thin;
	border-color: #858585;
	background-color: #e0e8f8;
	color: black;
}
.submitButtonSmall {
	box-shadow: 2px 2px 3px #888888;
	text-align: center;
	border-radius: 2px/2px;
	border-style: solid;
	border-width: thin;
	border-color: #858585;
	background-color: #e0e8f8;
	color: black;
}
.printTerms:focus,
.ownerSendButton:focus,
.triageSendButton:focus,
.triageCompleteButton:focus,
.triageResetButton:focus,
.submitButton:focus,
.submitButtonSmall:focus {
	border-style: groove;
	outline-style: dotted;
	outline-width: 1px;
	outline-color: darkGrey;
}
.printTerms:active,
.ownerSendButton:active,
.triageSendButton:active,
.triageCompleteButton:active,
.triageResetButton:active,
.submitButton:active,
.submitButtonSmall:active {
	box-shadow: none;
	border-style: inset;
	outline: none;
}
input.submitButton:disabled,
button.submitButton:disabled,
input.triageSendButton:disabled,
input.triageCompleteButton:disabled,
.triageResetButton:disabled,
input.ownerSendButton:disabled,
.submitButtonSmall:disabled {
	background-color: #e0e8f817;
	color: grey;
}
.cancelButton {
	box-shadow: 2px 2px 3px #888888;
	padding: 8px;
	text-align: center;
	font-size: 110%;
	min-width: 7em;
	border-radius: 5px/5px;
	border-style: outset;
	border-width: thin;
	border-color: #858585;
	background-color: #f2f2f2;
	color: black;
}
.cancelButton:focus {
	border-style: groove;
	outline-style: dotted;
	outline-width: 1px;
	outline-color: darkGrey;
}
.cancelButton:active {
	box-shadow: none;
	border-style: inset;
	outline: none;
}
.editButton {
	box-shadow: 2px 2px 3px #888888;
	padding: 8px;
	text-align: center;
	font-size: 110%;
	min-width: 7em;
	border-radius: 5px/5px;
	border-style: outset;
	border-width: thin;
	border-color: #858585;
	background-color: #e9f6c2;
	color: black;
}
.editButton:focus {
	border-style: groove;
	outline-style: dotted;
	outline-width: 1px;
	outline-color: darkGrey;
}
.editButton:active {
	box-shadow: none;
	border-style: inset;
	outline: none;
}
.downloadButton {
	margin-left: 0px;
	padding: 5px 15px 5px 15px;
	min-width: 8em;
	font-weight: bold;
	border-radius: 6px/6px;
	border-style: solid;
	border-width: medium;
	border-color: #858585;
	background-color: #fefefa;
	color: black;
}
.downloadButton:focus {
	border-style: groove;
	outline-style: dotted;
	outline-width: 1px;
	outline-color: darkGrey;
}
.downloadButton:active {
	box-shadow: none;
	border-color: #b9b9b9;
	border-style: inset;
	outline: none;
}

.selectedTab {
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 5px;
	border-style: solid;
	border-width: medium;
	border-color: #b4b2a4;
	border-bottom-color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 2em;
	vertical-align: bottom;
	top: 2px;
}
.unselectedTab {
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 2px;
	font-size: 100%;
	border-style: solid;
	border-bottom-style: none;
	border-width: medium;
	border-color: #b4b2a4;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 2em;
	vertical-align: bottom;
	top: 4px;
}

/* Terms and Conditions */
.tcFrame {
	width: calc(100% - 6px);
	height: 225px;
	overflow-x: auto;
	overflow-y: auto;
	border-radius: 5px 5px;
	border-style: solid;
	border-width: medium;
	border-color: lightGray;
}

/* Maps */
#map-canvas {
	margin: 0px 5px 10px 0px;
	width: 700px;
	height: 500px;
	border-radius: 5px/5px;
	border: 8px solid #8294b2;
}
#map-canvas + div {
	padding: 8px;
	width: calc(100% - 748px);
	min-width: 50px;
	border-radius: 5px/5px;
	border: medium solid #8294b2;
}
.SectionTitle {
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	font-family: Century Gothic;
	font-size: 200%;
	background: #e7e4fa;
}
.SectionSubTitle {
	margin-bottom: 10px;
	font-family: Century Gothic;
	font-size: 150%;
}

.VersionInfo {
    z-index: 999;
    bottom: 5px;
    left: 5px;
    color: darkGrey;
    font-size: 50%;
}

#Debug {
	padding: 5px;
	border-radius: 5px/5px;
	border: medium solid #8294b2;
}

.siteFooter {
    background: #080808;
    padding: 25px 10px;
    text-align: center;
    width: 100%;
  }
.siteFooter a{
  
	font-style: normal;
	color:white
  
  }
.content-wrap {
	padding-bottom: 2.5rem;
}
.page-container {
	position: relative;
	min-height: 100vh;
}
.tva-logo {
  margin-bottom:15px;
}
.social-icons {
  padding-top:1.5em;
  text-align:left;
  margin-left:25px;
}
.social-icons a {
  text-decoration:none;
}

.overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.1); /* Black background with opacity */
  z-index: 998; /* Specify a stack order in case you're using a different order for other elements */
}

@media print {
	body * {
		visibility: hidden;
	}

	#section-to-print, 
	#section-to-print * {
		visibility: visible;
	}
}

.beforePrint {
	position: relative;
	min-height: 90vh;
}

#ButtonAppend {
	display: flex;
	gap: 25px;
}

.flexRow {
	display: flex;
	align-items: center;
	gap: 10px;
}

.createCoOwner {
	margin-top: 10px;
	margin-bottom: 5px;;
}

.flexRowWide {
	justify-content: space-between;
}

#Agreements {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.TableInfo {
	padding-left: 10px;
}

.downloadLink {
	display: inline-block;
	text-decoration: none;
	font-family: Arial;
	font-style: italic;
	white-space: nowrap;
	color: #0a97ac;
}

.downloadLink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.EditButton {
	box-shadow: 2px 2px 3px #888888;
	padding: 5px;
	font-size: 80%;
	text-align: center;
	outline: none;
	border-radius: 5px/5px;
	border-style: solid;
	border-width: thin;
	border-color: #858585;
	background-color: #f6f0a8;
	min-width: 10em;
}
.EditButton:Active {
	box-shadow: none;
	border-style: inset;
}

.importantRow {
	background-color: #e88787 !important;
}

.popup-font-size {
	font-size: 130%;
}

.modal-content .modal-header h3 {
	font-weight: bold;
}

.EditChoiceSelect.SmallerEditChoiceSelect {
	min-width: 280px;
}
.SupportTxt{
	float:left;
	font-size:small;
	width: 100%;
    text-align: center;
}