/* This file contains CSS style definitions for elements that customers do not typically override.
   It provides things like the position of elements or alignment of text that should not
   typically be modified by the customer

   Copyright (c) Mavro Imaging. All Rights Reserved.
 */

/* Ensure that all HTML elements have the box-sizing property set to border-box.
	This makes sure that the padding and border are included in the total width
	and height of the elements.*/
* {
	margin: 0;
	box-sizing: border-box;
}

body
{
	margin:0px;

	/* These 2 lines control the default font used in the application */
	font-family: Verdana, Geneva, sans-serif;
	font-size:10pt;

	/* This line specifies the default color for text in the application */
	color: white;

	/* Specifies the background color of the application */
	background-color: #1874A5;
}

a:link
{
	color: white;
}

a:visited
{
	color: white;
}

a:hover
{
	color: white;
}

.errorMessage {
	color: Maroon;
	background-color: white;

	padding: 1em;
	border: 2px solid red;
	border-radius: 5px;
}

.rightalign
{
	text-align:right;
}

.centerAlign {
	text-align: center;
}

.bold {
	font-weight: bold;
}

/* Address margins set differently in IE 6/7. */
dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/*Address paddings set differently in IE 6/7.*/
menu,
ol,
ul {
	padding: 0 0 0 40px;
}

/*Correct margin displayed oddly in IE 6/7.*/
form {
	margin: 0;
}

/* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7. */
img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

/* 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.*/
button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

h1
{
	font-weight:normal;
	font-family:sans-serif;
	margin-left:0px;
	margin-right:0px;
	background-color: transparent;
	border-bottom:1px solid white;
}

.appButton
{
	border-width:1px;
	border-style:solid;
	cursor:pointer;
	border-radius:5px;
	padding:0.5em;
	color:black;
	background-color:#BBC7D9;
	border-color:black;
}

.appButton:hover
{
	background-color:#CBD4E2;
}

/****************************************************************************
 *****************			Page Header						*****************
 ****************************************************************************/
div#page_header {
	color: black;
	width: 100%;
	/*	height: 80px;*/
	display: grid;
	grid-template-areas: 'left middle right';
	gap: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#company_logo_div {
	/* Controls the company image displayed in the header to the left of title.*/
	grid-area: left;
	margin-left: 30px;
	display: inline-block;
	/*	margin-right: 60px;*/
	background-repeat: no-repeat;
	background-image: url("../IMAGES/MavroHeaderLogo.gif");
	background-position:left;
	width: 280px;
	height: 56px;
}

#page_header_title {
	grid-area: middle;
	align-content: center;
	white-space: nowrap;
}

#page_header_clientId {
	grid-area: right;
}

@media only screen and (max-width: 7.5in) {
	#company_logo_div { grid-area: 1 / span 3; }

	#page_header_title {
		grid-area: 2 / span 3;
		text-align: center;
		white-space: initial;
	}

	#page_header_clientId { grid-area: 1 / span 3; }
}

.appTitle {
	font-size: 20pt;
	font-weight: bold;
}

.appTitleClient {
	font-size: 16pt;
	font-weight: normal;
	text-align: right;
}

.small_page_header {
	text-align: center;
	padding-top: 0.1in;
	padding-bottom: 0.1in;
}

/****************************************************************************
*****************			Navigation menu					*****************
****************************************************************************/
div#navigation_links_div {
	background-color: #115981;
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.1in;
}

div#navigation_links_div div {
	display: contents;
}

div#navigation_links_div a {
	text-decoration: none;
	padding: 0.4em 0.8em;
	background-color: #115981;
	color: White;
}

div#navigation_links_div a.current_view_link {
	background-color: #BBC7D9;
	color: black;
}

div#navigation_links_div a:hover {
	background-color: #BBC7D9
}

/****************************************************************************
 *****************			Page Contents					*****************
 ****************************************************************************/
div#page_contents {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: min-content auto;
}

div.small_page_header_contents {
	top: 1em;
	position: relative;
}

@media only screen and (max-width: 7.5in) {
	div#page_contents {
		grid-template-rows: min-content auto;
		grid-template-columns: auto;
	}
}


.align_top {
	vertical-align: top;
}

.nowrap {
	white-space: nowrap;
}

div.title {
	font-family: arial, "Lucida Console", sans-serif;
	font-size: 48px;
	font-weight: bold;
	display: inline;
}


.fullWidthSearchSelect {
	width: 2.7in;
}

div.file_breadcrumbs {
	padding-top: 5pt;
	padding-left: 5pt;
	padding-bottom: 5pt;
	font-size: 16pt;
	white-space: nowrap;
	border-bottom: 1px solid white;
	width: min-content;
}

div.file_list {
	padding-top: 15pt;
/*	display: inline;*/
}

div.file_list td.file_data {
	padding-right: 5em;
}

div.file_list td.file_data_number {
	padding-right: 5em;
	text-align: right;
}

div.file_list adm {
	position: relative;
	white-space: nowrap;
	overflow: auto;
}

div.file_list th {
	text-align: left;
	padding-bottom: 0.8em;
}

div.file_list td {
	text-align: left;
	padding-bottom: 0.8em;
}

div.file_list tr:hover {
	background-color: #1E91C9;
}

div.file_list tr:first-child {
	background-color: transparent;
}

div.messagetitle {
	height: 1em;
	width: 100%;
	top: 0em;
	left: 0em;
	border-bottom: 1px solid white;
	font-family: sans-serif;
	font-size: 36px;
	line-height: 1.2em;
	margin-bottom: 0.1em;
}

div.messagetext {
	font-family: arial, "Lucida Console", sans-serif;
	font-size: 26px;
}

div.messagedetails {
	font-family: Arial, "Lucida Console", sans-serif;
	font-size: 16px;
}

.centerImageControls {
	top: -10px;
	position: relative;
}

.redactionDiv {
	background-color: gray;
}

.frontRearSelector {
	padding-top: 0.1in;
	padding-bottom: 0.1in;
}

label#lblAddRedaction {
	padding-left: 0.5em;
}

@media only screen and (max-width: 8.8in) {
	.fullWidthSearchSelect {
		width: 98%;
	}
}


/****************************************************************************
*****************			Date picker styles				*****************
****************************************************************************/
/* the div that holds the date picker calendar */
.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over
(you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

input.fullWidthButton {
	display: block;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

/****************************************************************************
*****************			search.aspx specific			*****************
****************************************************************************/

.item_search_area {
	max-width: 3.5in;
}

form#searchinfo {
	display: grid;
	width: 100%;
	grid-area: 1 / 2;
}

#cmdExportCsv {
	font-size: 16px;
}

div#search_panel select#merged_job_id,
div#search_panel select#merged_doc_id,
div#search_panel select#item_status {
	width: 3.2in;
}

div#search_panel a#cmdHideSearchPanelLink {
	position: relative;
	top: 0.1in;
	left: 2in;
	border: 0;
}

div#search_panel a#cmdShowSearchPanelLink {
	position: relative;
	top: -0.4in;
	left: 0.1in;
	border: 0;
}

div#page_contents div#search_results_div {
	grid-area: 1 / 2;
	padding-left: 0.5em;
	border-left-color: #0D4164;
}

@media only screen and (max-width: 8.8in) {
	div#page_contents div#search_results_div {
		grid-area: 2 / 1;
	}
	input#cmdDisplayImages {
		margin-top:0.4em;
	}

	div#search_panel select#merged_job_id,
	div#search_panel select#merged_doc_id,
	div#search_panel select#item_status {
		width: 98%;
	}


}

div#page_contents div#search_results_div table#result_table, table#document_results_table, table#exceeded_max_results_table, table#in_progress_table, table.result_table, div.noMatch {
	white-space: nowrap;
	font-family: arial, "Lucida Console", sans-serif;
	font-size: 16px;
	border-collapse: collapse;
	margin-bottom: 0.1in;
}

@media only screen and (max-width: 7.5in) {
	div#page_contents div#search_results_div table#result_table {
		white-space: wrap;
	}
}

table#custom_results_table th {
	padding-left: 12px;
	padding-right: 12px;
}

tr.row1 {
	background-color: #F7FBFC;
	color: Black;
}

tr.row2 {
	background-color: #E4EFF6;
	color: Black;
}

a.search_results_link {
	text-decoration: underline;
	cursor: pointer;
}


tr.rowTotal {
	/* sets the background color of totals rows */
	background-color: #F7FBFC;
	/* sets the text color in totals rows */
	color: Black;
	/* sets the text weight in totals rows */
	font-weight: bold;
	border-top: medium double #000000;
}

tr.row_reject {
	background-color: lightgray;
	color: black;
}

table#result_table td, table#document_results_table td, table#in_progress_table td, table.result_table td {
	border: 1px solid gray;
	padding: 2pt;
}

table#result_table th, table#document_results_table th, table#in_progress_table th, table.result_table th {
	text-align: center;
}

table#result_table td a, table#document_results_table td a, table#in_progress_table td a, table.result_table td a {
	color: Black;
}

table#result_table td.noMatch, table#document_results_table td.noMatch, table#in_progress_table td.noMatch, table.result_table td.noMatch {
	border: 0px;
}

.noMatch {
	white-space: normal;
}

div#search_display_options {
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-top: 4pt;
	padding-bottom: 4pt;
	font-size: 12pt;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	width: 100%;
}

div#comment_header {
	font-size: 12pt;
	white-space: nowrap;
}

label {
	position: relative;
	top: -1pt;
}

input[type=checkbox] {
	margin-right: 4px;
}

div#search_display_options label {
	font-size: 10pt;
	padding-right: 0.1in;
	top: 0;
	display: flex;
	align-items: center;
}

#result_format {
	width: 98%;
}

#selection_mode {
	width: 98%;
}

input[type="text"].read_only_textbox {
	padding: 2px 0px 2px 4px;
	border: none;
	background-color: lightgray;
}

/****************************************************************************
***************** Search area (both reports and downloads) *****************
****************************************************************************/
div#search_panel {
	border-right-width: 2px;
	border-right-style: solid;
	background-color: #1874A5;
	border-right-color: #0D4164;
	padding-left: 0.1in;
	padding-right: 0.1in;
	grid-area: 1 / 1;
}

@media only screen and (max-width: 7.5in) {

	div#search_panel {
		width: 100%;
	}

	.item_search_area {
		max-width: 7.5in;
	}
}

div#search_panel div#search_panel_title {
	font-size: 16pt;
	padding: 0.1in 0in 0.2in 0.1in;
	display: inline-block;
}

div#search_panel table.search_panel_sub_table {
	width: 95%;
	border-top: 1px solid;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.12in;
}

div#search_panel table.search_panel_sub_table th {
	text-align: left;
}

div#search_panel table.search_panel_sub_table td.search_panel_header {
	display: table-cell;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	padding-top: 4px;
}

div#search_panel input.date_change_button {
	width: 1in;
	margin-left: 0.1in;
}

div#reports_command_div {
	display: block;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

div#reports_command_div input {
	width: 48%;
}

input#cmdSearchDownloads {
	display: block;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

/****************************************************************************
*****************			Home.aspx Specific				*****************
****************************************************************************/

.topBottomBorder {
	border-top: 1px solid white;
	padding-top: 2pt;
	padding-bottom: 2pt;
	border-bottom: 1px solid white;
}

div#welcomeMsg {
	padding: 0.15in 0.15in 0.1in 0.15in;
	font-size: 12pt;
}

div#report_links {
	padding-left: 0.1in;
}

div#report_links a {
	position: relative;
	top: -3px;
	left: 0.5em;
	word-wrap: break-word;
}

div#report_links p {
	margin-bottom: 1em;
}

div#report_links p.selected_report_link {
	background-color: #BBC7D9;
	border: 1px solid white;
	border-radius: 3px;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

div#report_links p.selected_report_link a {
	color: Black;
	margin-right: 1.0em;
}

div#search_result {
	grid-area: 1 / 2;
	padding-left: 0.5em;
}

div#pdf_holder {
	grid-area: 1 / 2;
}

div.pdf_holder_background {
	background-color: rgb(35,35,35);
}

div#report_dropdown_div {
	display: none;
}

div#no_reports_div {
	grid-area: 3 / 1;
	padding: 0.15in 0.15in 0.1in 0.15in;
	white-space: nowrap;
}

@media only screen and (max-width: 9in) {
	div#search_result {
		grid-area: 2 / 1;
	}
}

@media only screen and (max-width: 6.5in) {

	div#pdf_holder {
		grid-area: 2 / 1;
	}


	div.file_list td.file_data {
		padding-right: 1em;
	}

	div.file_list td.file_data_number {
		padding-right: 1em;
	}
}

/****************************************************************************
*****************			admin.aspx Specific				*****************
****************************************************************************/
div#admin_contents {
	grid-area: 1 / 2;
	padding-top: 1em;
	overflow: auto;
}

div#admin_contents table#versionTable {
	position: relative;
	white-space: nowrap;
	overflow: auto;
	top: 0em;
	left: 0em;
	border-collapse: separate;
	font-family: arial, "Lucida Console", sans-serif;
	font-size: 16px;
	width: 4in;
}

div#admin_contents table#versionTable th {
	text-align: left;
	padding-bottom: 0.8em;
	border-bottom: 1px solid white;
}

div#admin_contents table#versionTable td {
	padding-bottom: 0.8em;
}

div#admin_contents h3 input {
	float: right;
}

div.passwordPolicy {
	border-width: 1px;
	border-style: solid;
	padding: 0.5em;
	width: 100%;
	max-width: 6in;
}

ul#admin_menu {
	padding: 1em 0 0 1em;
	margin: 0;
	list-style-type: none;
	width: 2.3in;
	grid-area: 1 / 1;
}

ul#admin_menu a {
	float: left;
	width: 2in;
	text-align: center;
	padding: 1em 1em;
	border-radius: 5px;
	margin-bottom: 10px;
	text-decoration: none;
	text-align: center;
}

ul#admin_menu a.current_view_link {
	border: 1px solid black
}

ul#admin_menu li {
	display: block;
}

select#lstUsers {
	width: 3.5in;
	height: 3in;
}

div.userCommandsDiv {
	width: 3.5in;
	margin-top: 1em;
}

div#selectedUserBox {
	border: 1px solid;
	padding: 1em;
	width: 4.1in;
	border-radius: 5px;
}

div#selectedUserBox input[type=checkbox] {
	margin-bottom: 8px;
}

div#selectedUserBox div.loginDiv table {
	width: 100%;
}

div#selectedUserBox table input {
	width: 95%;
}


form#userAdmin {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: min-content auto;
}

form#userAdmin H3 {
	margin-bottom: 0.5em;
}

div#userListDiv {
	grid-area: 1 / 1;
	margin-right: 1em;
	width: 3.5in;
}

div#selectedUserInfo {
	grid-area: 1 / 2;
}

div#usernameDiv p {
	background-color: #C0C0C0;
	color: Black;
	line-height: 1.4em;
	padding-left: 0.2em;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	margin-top: 4px;
	width: 3.8in;
}

div.dialogDiv {
	color: Black;
	display: none;
	position: absolute;
	background-color: #E0E0E0;
	border: 1px solid black;
	padding: 1em;
	border-radius: 5px;
}

div#divShadow {
	background-color: Black;
	border-radius: 5px;
	display: none;
	position: absolute;
}

.buttonRowButton {
	margin-right: 0.5em;
}

div#selectedUserBox h3 {
	border-top: 1px solid white;
	padding-top: 4px;
}

div#selectedUserBox label {
	display: block;
}

div#selectedUserBox select {
	width: 94%;
	display: block;
	position: relative;
	left: 0.2in;
}


@media only screen and (max-width: 7.5in) {

	form#userAdmin {
		grid-template-rows: min-content auto;
		grid-template-columns: auto;
	}

	div#selectedUserInfo {
		grid-area: 2 / 1;
	}


	div#admin_menu {
		width: 100%;
	}

	div#admin_contents {
		grid-area: 2/1;
	}

	div.passwordPolicy {
		width: 100%;
		max-width: none;
	}

	div#admin_contents {
		margin: 6px;
	}
}


/****************************************************************************
*****************			login.aspx Specific				*****************
****************************************************************************/

h1.pageHeader {
	margin-bottom: 15px;
}

div#copyrightNotice {
	position: absolute;
	left: 2em;
	bottom: 1em;
}

div.transbox {
	width: 800px;
	height: 300px;
	padding: 10px 10px;
	margin: 30px 50px;
}

div.transbox p {
	margin: 30px 40px;
	font-weight: bold;
	color: Black;
}

.loginHiddenUi {
	display: none;
}


.loginDiv {
	margin-bottom: 15px;
}

.loginUi label {
	display: block;
	top: 0px;
	padding-bottom: 0.3em;
	font-size: 1em;
}

.loginUi input {
	line-height: 1.4em;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	width: 4in;
	padding-left: 0px;
	padding-right: 0px;
}

.loginUi select {
	line-height: 1.4em;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	width: 4in;
	padding-left: 0px;
	padding-right: 0px;
}


.loginErrorMessage {
	font-weight: bold;
	font-size: 1.3em;
}

input.submitButton {
	width: 2in;
	margin-top: 10px;
}

@media only screen and (max-width: 7.5in) {
	div.transbox {
		margin: 10px 0px 0px 0px;
		grid-area: 1 / 1 / span 2;
		width: 100%;
	}
	.loginUi input { width: 100%; }
	.loginUi select { width: 100%; }
	input.submitButton { width: 100%; }
}

/****************************************************************************
*****************			workflow.aspx Specific				*************
****************************************************************************/
div.workflow_view {
	margin-bottom: 0.12in;
}

	div.workflow_view a {
		text-decoration: none;
	}

div.wf_view {
	padding-left: 15px;
	padding-bottom: 0.03in;
	padding-bottom: 0.08in;
	padding-top: 0.08in;
}

div.wf_view:hover {
	background-color: rgba(35, 35, 35, 0.85)
}

div.selected_wf_view {
	border-left: 4px solid white;
	padding-left: 11px;
	padding-bottom: 0.08in;
	padding-top: 0.08in;
	font-weight: bold !important;
	background-color: rgba(65, 65, 65, 0.85);
}

div.selected_wf_view:hover {
	background-color: rgba(35, 35, 35, 0.85)
}

div.results_div {
	grid-area: 1 / 2;
	padding-top: 1em;
	padding-left: 1em;
	overflow: auto;
}

@media only screen and (max-width: 9.5in) {
	div#item_results_div {
		grid-area: 2 / 1;
	}
}

@media only screen and (max-width: 7.5in) {
	div.results_div {
		grid-area: 2 / 1;
	}
}

.largeTitle {
	font-size: 16pt;
	padding: 0.1in 0in 0.2in 0.15in;
	display: inline-block;
}

table.workflow_results_table {
	white-space: nowrap;
	font-family: Verdana,arial,sans-serif;
	font-size: 16px;
	border-collapse: collapse;
	margin-bottom: 0.1in;
}

table.workflow_results_table th {
	text-align: left;
	padding-right: 2em;
}

table.workflow_results_table td {
	border: 1px solid gray;
	padding-top: 4pt;
	padding-bottom: 4pt;
	padding-left: 3pt;
	padding-right: 2em;
}

table.workflow_results_table td.noteColumn {
	min-width: 12px;
	padding: 6px 0 0 0;
}

table.workflow_results_table th.noteColumn {
	min-width: 12px;
	padding: 0;
}


table.workflow_results_table td a {
	color: black;
}

table.workflow_results_table td.lastCommentColumn p {
	font-size: 14px;
	margin: 0;
	display: inline-block;
	word-wrap: break-word;
	white-space: pre-wrap;
}

/****************************************************************************
*****************			wp_processitem.aspx Specific		*************
****************************************************************************/
div#editWorkflowImage {
	grid-area: 1 / 2;
}

@media only screen and (max-width: 7.5in) {
	div#editWorkflowImage {
		grid-area: 2 / 1;
		width: 100%;
	}
}

div.tabButton {
	display: inline-block;
	width: 120px;
	background-color: rgb(243, 243, 243);
	color: Black;
	margin-left: -5px;
	height: 26px;
	padding-left: 5px;
	padding-top: 10px;
	border-left: 1px solid rgb(213, 213, 213);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	cursor: pointer;
}

div.selectedTabButton {
	background-color: White;
	color: Black;
}

div.tabContents {
	background-color: White;
	color: Black;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 359px;
	border-left: 0.01in solid rgb(243, 243, 243);
	border-right: 0.01in solid rgb(243, 243, 243);
	border-bottom: 0.01in solid rgb(243, 243, 243);
}

div.tabGroupBox {
	border-radius: 5px;
	border: 1px solid;
	padding: 1em;
	margin-top: 1em;
}

table.propTable td {
	padding: 3pt;
	padding-right: 6pt;
}

.navigateButton {
	cursor: pointer;
}

.indentText {
	margin-left: 1em;
	overflow: auto;
}

.auditText {
	font-style: italic;
}

#highlightComment {
	padding: 4pt;
	position: absolute;
	background-color: rgb(215,215,215);
	color: Black;
	display: none;
	border-radius: 5px;
}

img#itemImage {
	border: 1px solid black;
}

img.imgbutton {
	cursor: pointer;
}

#item_table td {
	padding: 0.02in 0.2in 0.1in 0.2in;
}

#item_table th {
	padding: 0.02in 0.2in 0in 0.2in;
	text-decoration: underline;
}

.workflow_edit_section {
	margin-top: 0.3in;
}

.wf_error p {
	font-size: 14px;
	padding-left: 1em;
	padding-right: 1em;
}

.wf_error h3 {
	font-size: 14px;
	color: darkred;
	padding: 12px;
	background-color: papayawhip;
	border-style: solid;
	border-width: 2px;
	border-color: darkred;
}

/****************************************************************************
*****************			ex_processitem.aspx Specific		*************
****************************************************************************/
div#image_controls_div {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	width: 100%;
}

.padBetweenButtons {
	margin-left: 1em;
}

div#image_controls_div span {
	margin-left: 4px;
	margin-right: 4px;
}

div#image_controls_div label {
	padding-right: 0.1in;
    top: 0;
    display: flex;
    align-items: center;
}

select#actionSelect {
	margin-top: 4px;
	margin-bottom: 8px;
}

.ex_process_item_search_panel {
	width: 4in;
}

.exception_comment_element {
	display: inline;
	width: 100%;
}

.exception_comment_color {
	background-color: #FFFFE1;
}

div .exceptionComment {
	margin-right: 2em;
	overflow: auto;
}

div .webComment {
	margin-left: 2em;
	overflow: auto;
	color: Black;
	background-color: #EEEEEE;
}

/****************************************************************************
*****************			systemstatus.aspx Specific		    *************
****************************************************************************/
div#mavbridge_status_view_panel {
	grid-area: 1 / 1;
	border-right-width: 2px;
	border-right-style: solid;
	background-color: #1874A5;
	border-right-color: #0D4164;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 12em;
	height: min-content;
}

div#mavbridgestatus_results {
	grid-area: 1 / 2;
	padding-top: 1em;
	padding-left: 1em;
}

.mavbridgestatus_title {
	font-weight: bold;
	padding-bottom: 0.08in;
}

#serverStatusBox {
	width: 98%;
	padding: 0.04in;
}

div#mavbridge_status_server_alarm {
	padding-top: 0.1in
}

#mavbridgestatus_server_alarms_table {
	border: 1px, solid white;
	width: 98%;
	border-collapse: collapse;
	margin-left: 0.05in;
}

#mavbridgestatus_server_alarms_table td, #mavbridgestatus_server_alarms_table th {
	padding: 0.03in 0.07in;
	border: 1px solid white;
}

.event_row_active {
	color: black;
	background-color: #6CEF74;
}

.event_row_idle {
	color: black;
	background-color: #6CEF74;
}

.event_row_warning {
	color: black;
	background-color: #EFE4B0;
}

.event_row_error {
	color: black;
	background-color: rgb(255, 128, 128);
}

.event_row_critical {
	color: black;
	background-color: red;
}

.event_row_success {
	color: black;
	background-color: lightgreen;
}

.mavscriptstatus_column {
	padding-left: 0.03in;
	padding-right: 0.03in;
}

.mavscriptstatus_time_column {
	width: 14em;
}

#alaramPageControls {
	justify-content: end;
	margin-left: auto;
}

.disabledAppButton {
	cursor: default;
	border-color: GrayText;
	color: GrayText;
	font-weight: 400;
	border-radius: 5px;
	padding: 0.5em;
	border: 1px solid GrayText;
	background-color: #BBC7D9;
}

div#mavbridgestatus_view_title {
	font-weight: bold;
	padding-bottom: 0.5em;
}

@media only screen and (max-width: 7.5in) {
	div#mavbridge_status_view_panel {
		padding-top: 0;
		padding-bottom: 0;
		border-right-style: none;
		border-bottom-style: solid;
		border-bottom-color: #0D4164;
		width: 100%
	}

	div#mavbridgestatus_view_title {
		display:none;
	}

	div#mavbridgestatus_results {
		grid-area: 2 / 1;
	}

	div#view_select_div {
		display: flex;
		margin-bottom: 0;
	}

	div#view_select_div div {
		padding-left: 1em;
		padding-right: 1em;
		border-left: none;
	}

	.mavscriptstatus_time_column {
		width: 8em;
	}
}