/*
	CSS declarations specific to CyberAuditWeb Professional
*/

/*disable all image borders by default*/
img
{
  border-style: none;
}

 /*see <csp:content>*/
td.padded_content
{
	padding-left: 2px;
	padding-top: 4px;
}

 /*see <csp:content>*/
div.padded_content
{
  margin-left: 0.5em;
	margin-top: 0.5em;
}

/*the entire header area bar*/
div.topbar
{
	height: 92px;
	/*don't specify background-color here.  Just use a second class: bgColorMinor*/
}

div.slimTopbar
{
	height: 58px;
}

/*an additional style class applied to the topbar div when the user
is not logged*/
div.topBar_sparse
{
	/*stretch to fit the background image height*/
	height: 56px;
}

/*the div containing the hierarchical menu*/
div.section_bar
{
	font-size: small;
	margin-top: 16px;
	height: 2.1em;  /*necessary to ensure consistent rendering across browsers*/
	margin-left: 0;
}


/*style for the row in the topbar showing the current page title and other nagivation links*/
tr.topBarTitleRow,
tr.topBarTitleRow a,
tr.topBarTitleRow a:visited  /*this makes visited links the same color*/
{
	font-size: small;
	color:#ffff88;
}

tr.topBarTitleRow td
{
	padding-left: 1em;
	padding-right: 0.25em;
	padding-bottom: 2px;
}

tr.topBarTitleRow a
{
	text-decoration: none;
}

tr.topBarTitleRow a:hover
{
	color: var(--white);
	text-decoration: underline;
}

td.sideLinks a:hover
{
	text-decoration: none;
}

/*the actual text of the active page title within the topBarTitleRow*/
#pageTitle
{
	font-weight: bold;
}

#unmarkedTitle
{
	font-weight: bold;
}

#manageMainTitle
{
	margin-bottom: 1.5em;
	font-weight: bold;
}

#logoff_btn:hover
{
	color: black;
	background: url(../dbMenu3/menubg.gif) center center repeat-x;
}

.smallRow
{
	font-size: 90%;
}

#topImage
{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	width: 800px;
}

/**error message text*/
.errorMsg
{
  font-weight: bold;
	font-size: smaller;
	color: red;
}

div.padded_content
{
  margin-left: 0.5em;
	margin-top: 0.5em;
}

/*
	table sorting header links
*/
a.sort
{
	white-space: nowrap;
}

a.sort, a.sort:visited
{
	text-decoration: none;
	color: black;
}

a.sort:hover
{
	color: var(--highlighted-color);
}

/*
	our standard item list table styles.  See: listing-table.tag
*/
table.listing-table
{
	background-color: var(--list-table-background-color);
	color: var(--list-table-text-color);
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
}

/*listing table header row.  See: lt-hdr.tag*/
tr.lt-hdr
{
	font-weight: bold;
	font-size: smaller;
	z-index: 1001;
	position: relative;
}

/*listing table header column.  See: lt-col.tag*/
th.lt-col
{
}

th.lt-col.sm {
	width: 1px;
}

th.lt-col.no-break {
	word-wrap: normal;
	overflow-wrap: normal;
	word-break: normal;
}

th.lt-col.centered	{
	text-align: center;
}

th.lt-col.mobile-form-layout {
	position: sticky;
	display: revert !important;
}

/*table cell containing the entire sidebar*/
td.listing-sidebar
{
	padding-right: 1em;
	font-size: small;
}

/*background and border colors for tag items*/
td.rowLnk_A /*matrix row headers for tags*/
{
	background-color: #dcc596;
	border-top-color: #fff3a3;
	border-left-color: #e5db94;
	border-right-color: #aa7c9a;
	border-bottom-color: #aa7c9a;
}

/*style for form buttons div*/
.formButtons
{
	margin-top: 5px;
	border-top: 1px solid #85d3ff;
	border-left: 1px solid #85d3ff;
	border-bottom: 1px solid #4067db;
	border-right: 1px solid #4067db;
	background: black url(../img/formbutton.gif) repeat-x scroll center left;
	margin-right: 4px;
	padding: 4px;
}

/*style for scrolled form buttons div*/
.formButtonScrolled
{
	margin-top: 2px;
	border-top: 1px solid #85d3ff;
	border-left: 1px solid #85d3ff;
	border-bottom: 1px solid #4067db;
	border-right: 1px solid #4067db;
	background: black url(../img/formbutton.gif) repeat-x scroll center left;
	margin-right: 4px;
	padding: 0;
}

/*save and cancel buttons within div.formButtons*/
input.formButton
{
	/*put some spacing between the buttons*/
	margin-right: 4px;
	/*give all form buttons a consistent width*/
	min-width: 6em;
}

/*context help links*/
a.help
{
  font-size: medium;
  font-weight: normal;
  color: var(--help-color);
  cursor: pointer;
}

/*a secondary style to disable the margin-left padding (used in change_icon.tag*/
a.help_nopad
{
	margin-left: 0;
}

a.help:visited
{
  color: var(--help-visited-color);
}

a.help:hover
{
  color: var(--help-hover-color);
}

/*used for some edit forms to add spacing between the lines*/
div.formRow
{
  margin-bottom: 0.35em;
}

/*the flashing "Working Please wait" message*/
span.workOn
{
  color: var(--loading-color);
  font-weight: bold;
}

/*override the color of the working messages for certain locations*/
.formButtons span.workOn,  /*form buttons*/
div.ciTitle span.workOn  /*matrix cell info (changing a schedule)*/
{
	color: var(--loading-alt-color);
}

span.workOff
{
  display: none;
}

/*style for standard paging controls in listing-header.tag*/
.lh_Paging
{
	font-size: small;
	margin-bottom: 4px;
}


/*the column of listing pages which shows tags for a lock or person
should use a smaller font so we can fit more*/
td.tags
{
	font-size: small;
	line-height: 1.45em;
	font-weight: normal;
}

/*the name column of our listing tables*/
td.name
{
	/*disable wrapping so that the tags cell doesn't hog all the table space*/
	white-space: nowrap;
}

/*the title text over listing pages (see listing-bar.tag)*/
span.lstTitle
{
	margin-left: 1em;
}

/*all child nodes should be middle aligned
(because we are using mixed font sizes)*/
span.lstTitle *
{
	vertical-align: middle;
}

/*the child spans are used to display the total count and selected count*/
#spanNumTotal, #spanNumSel
{
	font-weight: normal;
	font-size: small;
}

/*title column for listing header table*/
td.titleCol
{
	padding-left: 2em;
}

/*the tag filter control*/
form.lstTagFilter
{
	margin-left: 2em;
	display: inline;
}

form.lstTagFilter, form.lstTagFilter *
{
	vertical-align: middle;  /*so that text aligns nicely with the icon*/
	font-size: small;
}

fieldset
{
	background-color: var(--fieldset-color);
	padding: 5px 5px 5px 5px;
	margin: 3px 3px 3px 3px;
}

/*make fieldset legend's stand out*/
legend
{
	background-color: var(--legend-background-color);
	border-top: 1px solid var(--legend-border-color);
	border-left: 1px solid var(--legend-border-color);
	border-right: 1px solid var(--legend-border-color);
	padding-left: 4px;
	padding-right: 4px;
}

a.ver, a.ver:visited
{
	color: var(--version-color);
	text-decoration: none;
}

a.ver:hover
{
	text-decoration: underline;
	color: var(--version-hover-color);
}

.regLicense
{
	height: 50vh;
	overflow: auto;
	overflow-x: hidden;
	font-family: sans-serif;
	color: var(--license-text-color);
	background-color: var(--license-background-color);
}

td#treeSelection
{
	width: 185px;
	overflow: hidden;
	font-weight: bold;
}

a.treeLink, a.treeLink:visited
{
	font-size: 12px;
	color: var(--tree-link-text-color);
	text-decoration: none;
}

a.treeLink:hover
{
	color: var(--tree-link-hover-text-color);
	text-decoration: underline;
}

span.subsystemName
{
  color: var(--tree-link-subsystem-text-color);
}

a.treeSSLink, a.treeSSLink:visited
{
  font-size: 12px;
  color: var(--tree-link-subsystem-text-color);
  text-decoration: none;
}

a.treeSSLink:hover
{
  color: var(--tree-link-hover-text-color);
  text-decoration: underline
}

option.tag
{
	background-color: var(--option-tag-background-color);
	color: var(--option-tag-text-color);
}

option.vault
{
	background-color: var(--option-vault-background-color);
	color: var(--option-vault-text-color);
}

option.door
{
	background-color: var(--option-door-background-color);
	color: var(--option-door-text-color);
}

option.keytemplate
{
	background-color: var(--option-keytemplate-background-color);
	color: var(--option-keytemplate-text-color);
}

.inputFootnote {
	color: var(--input-footnote-color);
	font-size: 14px;
	margin-top: 4px;
}

.startupTitle
{
	font-weight: bold;
	font-size: large;
}

.matrixLetter {
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-radius: 0.2em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.26);
	font-weight: bold;
	font-family: serif;
	text-align: center;
	text-decoration: none;
}

.matrixLetterReport {
	padding-top: 0em;
	padding-bottom: 0em;
}

.location-map-icon {
	cursor: default;
	height: 3.25em;
	width: 3.25em;
}

.xl-list-vector-icon {
	height: 6em;
}

.large-list-vector-icon {
	height: 3em;
}

.med-list-vector-icon {
	height: 1.5em;
}

.clickMenuRow .small-list-vector-icon, .rightSubMenu .small-list-vector-icon {
	height: 1.2em;
	filter: brightness(1.25);
}

.small-list-vector-icon {
	height: 1em;
}

.listSortCol .vector-change-icon {
	height: 1.15em;
}

.vector-change-icon {
	height: 1em;
}

.lt-col .small-list-vector-icon, .lt-col .med-list-vector-icon {
	margin-left: 0.4em;
	margin-right: 0.4em;
}

.vector-icon {
	height: 3.25em;
	width: 3.25em;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.vector-icon:hover {
	opacity: 0.7;
	background-color: var(--vector-icon-hover-color);
}

.icon-table-col {
	transition: all 0.3s ease-in-out;
	max-height: 12em;
	width: 7em;
	overflow: auto;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: var(--primary-border-color);
}

.show-icon-btn {
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	width: 3.25em;
	height: 3.25em;
	position: absolute;
	border-width: 1px;
	margin-left: 1em;
}