/* ------------ Fonts ------------ */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  src: url(/images/font/Lato-Regular.ttf) format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  src: url(/images/font/Lato-Italic.ttf) format('truetype');
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  src: url(/images/font/Lato-Bold.ttf) format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  src: url(/images/font/Lato-Light.ttf) format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  src: url(/images/font/RobotoCondensed-Regular.ttf) format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  src: url(/images/font/RobotoCondensed-Italic.ttf) format('truetype');
  font-style: italic;
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  src: url(/images/font/RobotoCondensed-Bold.ttf) format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  src: url(/images/font/RobotoCondensed-Light.ttf) format('truetype');
  font-weight: 300;
}

.font-condensed {
	font-family: RobotoCondensed, Lato, Sans-serif;
}

#alertBadge {
    position: relative;
    top: -7px;
    left: 10px;
    z-index: 100;
}


.badge-sm {
    font-weight: normal;
    font-size: 7pt;
    padding: 1px 5px;
    border: solid 1px #fff;
}



/* ------------ HTML Reset ------------ */
form {
	margin: 0px;
	padding: 0px
}
ul, ol {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px
}
table {
	empty-cells: show;
}
a:active, A:hover {
	color: #FF6600
}
.no-decoration:hover, .no-decoration:focus, .no-decoration:active {
	text-decoration: none;
}


/* ------------ Misc BlueStep ------------ */
.tabitem, .tabitem A:link, .tabitem A:hover, .tabitem A:visited, .tabitem a:active {
	font-weight: bold;
	text-decoration: none;
	color: #000000
}
img.rollImg {
	position: absolute;
	z-index: -1;
}
img.spcr {
	height: 0px;
	width: 0px;
	max-height: 0px;
	max-width: 0px;
	border:none;
	visibility:hidden;
}
.zero {
	height: 0;
	font-size: 0;
	width: 0;
	line-height: 0;
}
.rightButtons {
	float: right;
	vertical-align: middle;
	white-space: nowrap;
	text-align: right;
}
.amp {
	font-family: arial, verdana
}
.nobr {
	white-space: nowrap
}
.inactive {
	color: #aaa
}
.verticalText {
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-ms-transform: rotate(270deg);
	white-space:nowrap;
}
.columnHeader {
	font-weight: bold
}
.hint {
	font-size: 10pt;
	font-style: italic;
	font-weight: normal
}
small {
	font-size: 8pt
}
.sectionHeader, .pageHeader small {
	font-size: 12pt
}
.sectionHeader small {
	font-weight: normal;
	font-size: 10pt
}
hr.noSpace, .pageRule hr, hr.pageRule, .sectionRule hr, hr.sectionRule {
	clear: both;
	margin: 0;
	border: 0;
}
.pre {
	white-space: pre;
	display: block;
	unicode-bidi: embed
}
.bumpUp img {
	margin:0 0 2px 0;
}
.diffLnAdd {
  background-color: #7FFF7F;
}
.diffLnDel {
  background-color: #FF7F7F;
}
.diffLnNone {
  background-color: #FFFFFF;
}
.diffLnChange {
  background-color: #7E9DD5;
}
.diffAdd {
	color: #000000;
	font-weight: bold;
}
.diffDel {
	color: #a9302a;
	text-decoration: line-through;
}
.diffChange {
	color: #000000;
}
.diffNone {
	color: #666666;
}


/* ------------ BlueStep Paddings ------------ */
.pad1x1x {
	padding: 6px 0px 0px 6px;
}
.pad2x1x {
	padding: 6px 0px 0px 12px;
}
.pad3x1x {
	padding: 6px 0px 0px 18px;
}
.pad4x1x {
	padding: 6px 0px 0px 24px;
}
.pad1x2x {
	padding: 12px 0px 0px 6px;
}
.pad1x3x {
	padding: 18px 0px 0px 6px;
}
.pad1x4x {
	padding: 24px 0px 0px 6px;
}
.pad2x2x {
	padding: 12px 0px 0px 12px;
}
.pad1px1px {
	padding: 1px 0px 0px 1px;
}
.pad1px2px {
	padding: 2px 0px 0px 1px;
}
.pad1px5px {
	padding: 5px 0px 0px 1px;
}
.pad2px1px {
	padding: 1px 0px 0px 2px;
}
.pad5px1px {
	padding: 1px 0px 0px 5px;
}


/* ------------ SVG ------------ */
#foreColor {
	stroke: black;
	stroke-width: 0px;
}
.success #backColor {
	fill: green !important;
}
.success #foreColor {
	fill: #BFDFBF !important;
	stroke: green;
}
.caution #backColor {
	fill: #FFC20E !important;
}
.caution #foreColor {
	fill: #FFF0C3 !important;
	stroke: #FFC20E;
}
.danger #backColor {
	fill: red !important;
}
.danger #foreColor {
	fill: #FFBFBF !important;
	stroke: red;
}
.grey #backColor {
	fill: grey !important;
}
.grey #foreColor {
	fill: #DFDFDF !important;
	stroke: grey;
}
.help #foreColor {
   fill: #ffe0b3 !important;
   stroke: #F29D1F;
}
.help #backColor {
   fill: #F29D1F !important;
}
.white #backColor {
	fill: white !important;
}
.white #foreColor {
	fill: none !important;
	stroke: white;
}
.noBackground #foreColor {
	fill: none !important;
}
.darkBack #foreColor {
	stroke: white;
	stroke-width: 4px;
}
.inactive #backColor {
	fill: #ccc !important;
	stroke: #ccc;
}
.size16 {
	width:17px;
	height:16px;
}
.size24 {
	width:25px;
	height:24px;
}
.size32 {
	width:32px;
	height:32px;
}
.size48 {
	width:48px;
	height:48px;
}
.size64 {
	width:64px;
	height:64px;
}
.size96 {
	width:96px;
	height:96px;
}
.bold #foreColor {
	stroke-width: 4px;
}

.navTree svg {
    position: relative;
    top: 7px;
    margin-right: 8px;
}

.navTree a:hover {
    text-decoration: none;
}

/* ------------ BAT (Lockout Screen) ------------ */
body.BAT :not(#BAT) {
	display: none !important;
}
#BAT {
	display: none;
}
body.BAT #BAT {
	display: block !important;
}
body.BAT #BAT table {
	display: table !important;
}
body.BAT #BAT tbody {
	display: table-row-group !important;
}
body.BAT #BAT tr {
	display: table-row !important;
}
body.BAT #BAT td {
	display: table-cell !important;
}
body.BAT #BAT div {
	display: block !important;
}
body.BAT #BAT span, body.BAT #BAT a, body.BAT #BAT img, body.BAT #BAT b, body.BAT #BAT input {
	display: inline !important;
}


/* ------------ Media Queries ------------ */
@media print {
	.headerArea, .footerArea, #footer, #sideNav, .screenOnly, .linkCol {
		display:none;
	}
	thead {
		display: table-header-group;
	}
	tfoot {
		display: table-footer-group;
	}
	tr.mergeReportRow {
    	page-break-inside: auto;
	}
	.relate_header {
		page-break-inside: avoid;
		page-break-after: avoid;
	}
}
@media screen {
  .printOnly {
    display:none;
  }
}

/* ------------------------------------------------------ */
/* ------------ FIXES BLUESTEP FOR BOOTSTRAP ------------ */
/* ------------------------------------------------------ */


/* ------------ Forms ------------ */
/*img[src*="buttons"] {
	vertical-align: inherit !important;
}
td.zero img, img[alt="Next"], img[alt="Previous"] {
	vertical-align: top !important;
}
td.expandedVerticleLineMid, td.expandedVerticleLineMid img, td[valign="bottom"], img[src*="twisty"] {
	vertical-align: bottom !important;
}
label {
	font-weight:inherit !important;
}
.formLabel {
  color: initial;
	font-weight: bold;
}*/
img {
	max-width: inherit !important;
}
.formLabel label, label input {
	display: inline !important;
}
.formError {
	color: #C03B2B;
}
input[type="image"], input[type="checkbox"], input[type="radio"] {
	margin: 3px 5px 3px 0 !important;
}
.relateSig input {
	display:inline-block;
}
.btn, .btn-group {
	color: #333 !important;
	margin-right: 4px;
}
.btn-group .btn {
	margin: 0px;
}
img.validationImg {
	vertical-align: top;
}
.form-control:not(.no-form-control){
	display: inline-block !important;
	width: initial !important;
}
.form-control, .mceLayout, .docField, .relateSig, .input-group {
	margin-bottom: 4px !important;
}
.docEdit {
  margin-left: 18px;
}
textarea.zesty {
  display: none !important;
}
textarea#formula {
    font-family: Consolas, monospace;
	 background: url(/images/common/linenumber.png);
    background-attachment: local;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 10px;
    border-color: #ccc;
    line-height: 16px;
    font-size: 10pt;
	 background-color: #fff;
}
.mceLayout {
  width: 90% !important;
}
.mceFirst iframe {
    width: 100% !important;
}
.advancedprops textarea {
  width: 75% !important;
}
input[size="10"] {
	width: 104px !important;
}
input[size="18"] {
  width: 168px !important;
}
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}
.input-group .form-control {
  margin-bottom: 0 !important;
}
.input-group-addon {
  width: inherit;
}
.input-group-addon .size24 {
  height: 20px;
  width: 20px;
}
form[name=Relate] {
  position: relative;
}
form[name=Relate] .input-group.date {
  position: unset;
}

/* ------------ Admin Pages ------------ */
.pulldownContainer {
	background-color: #fff;
	box-shadow: 2px 2px 8px 2px rgba(0,0,0,.1), -2px 2px 8px 2px rgba(0,0,0,.1);
}
.pulldown {
	background-color: #fff;
	cursor: pointer;
}
.pulldown td {
	padding: .5rem 1.5rem;
	transition: padding .2s;
}
.pulldown td, .pulldown a {
	align-items: center;
	display: flex;
}
.pulldown svg {
	padding-right: .5rem;
}
.pulldown tr:hover td {
	background: var(--bs-blue);
	color: white;
	padding-left: 2rem;
	padding-right: 1rem;
}
.pulldown tr:hover a {
	color: white;
	text-decoration: none;
}
.pulldown tr:hover path {
	fill: white;
}
.pulldown-menu-btn {
	display: flex;
	align-items: center;
}
hr.menuSeparator {
	height: 1px;
	border: 0px;
  background-color: #afafaf;
	color: #afafaf;
	margin: 4px !important;
}
.menuBase {
  position:absolute;
  left:0;
  top:0;
  visibility:hidden;
  z-index: 5000;
}
.advancedprops textarea {
  font-family: monospace;
}

/* ------------ Calendars ------------ */
td.calTable table.calTable {
 border-collapse: initial;
 border-spacing: 1px;
}
.miniCalView {
 border-collapse: initial;
 border-spacing: 20px;
}
.calMonthDate {
  margin-right: 4px;
}
div.input-group.date {
  display: inline-block;
}

/* ------------ Misc ------------ */
a.btn-primary, a.btn-primary:hover, a.btn-warning, a.btn-warning:hover, a.btn-danger, a.btn-danger:hover, a.btn-success, a.btn-success:hover, a.btn-info, a.btn-info:hover, a.btn-inverse, a.btn-inverse:hover {
	color: #fff !important;
}
.rowHi, .rowLo {
	padding: 4px;
}
.rowHi:empty:after {
  content: "\00a0";
}
/*#formFooter a {
  margin-right: 6px;
}*/
table.searchFields {
  border-collapse: initial;
  border-spacing: 6px;
  background-color: #f9f9f9;
  margin: 12px 0;
}

/* This fixes a bug for dropdown menus on mobile browsers */
.dropdown-backdrop {
  position: static !important;
}

/* ------------ Added for BlueStep Manage ------------ */
.pageRuleB {
	margin: 0 -12px 12px !important;
}
.pageRule hr, hr.pageRule {
  margin: 0 -12px;
}
.table-responsive {
  margin-right: -14px;
}
.table-responsive > table {
  width: 98.25%;
}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
  white-space: normal !important;
}
.table-striped .rowHi, .table-striped td.rowHi,.table-striped tr.rowHi td {
	background-color: inherit;
}
.table-striped .sectionRuleB, .table-striped tr.sectionRuleB > td {
	border: none;
}
td.columnHeader.reportH5, td.columnHeader.reportH4, td.columnHeader.reportH3, td.columnHeader.reportH2 {
    padding: 2px 0 2px 12px;
}
td.columnHeader.reportH2 {
    background: #aaa;
    font-size: 12pt;
    color: #fff;
}
td.columnHeader.reportH3 {
    background: #bbb;
    font-size: 11pt;
}
td.columnHeader.reportH4 {
    background: #ccc;
    font-size: 10pt;
}
td.columnHeader.reportH5 {
    background-color: #ddd;
}

/* ------------ Login Page ------------ */
.form-signin {
	max-width: 380px;
	padding: 15px 35px 45px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 30px;
}
#myPassword, #myUserName {
	width: 100% !important;
	margin-bottom: 4px !important;
}
.form-help {
	margin-top: 8px;
}
.topNav, .cFoot {
	background: #2D3F50;
}


/* ---------------------------------------------- */
/* ------------ BLUESTEP MANAGE SITE ------------ */
/* ---------------------------------------------- */

body {
	padding-bottom: 48px;
}
.topNav {
  height: 36px;
  color: #FFF;
  line-height: 34px;
  border-radius: 0;
  border: none;
}
.topNav .caret, .cHeadModule .caret {
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}
.mainNav {
  background-color: #fff;
  border-bottom: solid 1px #ccc;
  padding: 8px 0;
	z-index: 3;
}
.mainNav .nav {
  float: left;
}
.mainNav .cHeadLinks {
  line-height: 38px;
}
.affix {
  top: 0;
  width: 100%;
}
.affix + #contentArea {
  margin-top: 80px;
}
.mainNav.affix {
  padding: 0;
}
.mainNav.affix li a {
  padding: 3px 15px;
  margin: 4px 0;
}
.mainNav.affix .cHeadLinks {
  line-height: 32px;
}
dl {
	margin: 0 !important;
}
dd {
	text-align: left;
}
.hint {
	background: none;
	border: none;
	color: inherit;
	font-weight: 300;
}
.table label {
	margin-bottom: 0px;
}
.totalTime {
	float: left;
	margin-right: 12px;
}
input.total {
	display: none !important;
}
input{
	display: inline-block;
	width: auto;
}
.col2 {
  column-count: 2;
}
.form-horizontal .control-label {
  padding-top: 0;
}
.form-group .col-sm-9 img, .form-group .col-sm-9 table {
  display: inline-block;
}
.form-group:last-child {
	margin-bottom: 0;
}
.hideOnCharting {
	display: none;
}
.showOnCharting {
	display: block !important;
}
.modal td{
	white-space: normal;
}
.optionGroupLabel {
	display: block !important;
}

/* ------------ Icons ------------ */
.icon-edit:hover path {
	fill: var(--bs-green);
}
.icon-reorder:hover path {
	fill: var(--bs-blue);
}
.icon-trash:hover path {
	fill: var(--bs-red);
}

/* ------------ recordNav ------------ */
#recordNav > ul {
 background-color: #fff;
 padding-left: 0;
 height: 24px;
}
#recordNav li {
 list-style: none;
 float: left;
 background: #fff;
 border-right: solid 2px #E4E8ED;
 margin-bottom: 2px;
 cursor: pointer !important;
}
#recordNav a.cBtn {
 padding: 3px 8px;
 display: block;
}
#recordNav li.active {
   background-color: #f2f5f9;
}
.dropdown-menu li {
  width: 100%;
  border-right: none !important;
}
.active a.cBtn {
 opacity: 1;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

/* ------------ cDivider, relate_header ------------ */
.cDivider {
	height: 2px;
	display: block;
	margin: 0 -12px 12px;
}
.relate_header.first .cDivider {
	background: none;
	margin: 0;
	height: 0;
}
.relate_header {
	padding-left: 0 !important;
}

/* ------------ cBrand ------------ */
.cBrand {
	float: left;
	opacity: .6;
	font-size: 18px;
}
.cBrand div {
	float: left;
	font-weight: 300;
}
a.cBrand {
	color: inherit;
}
a.cBrand:hover, .cBrand:focus {
	opacity: 1;
	text-decoration: none;
	color: inherit;
}
.cBrand #brandMark {
  position: relative;
  top: 5px;
  margin-right: 2px;
}
.cBrand #brandApp {
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-right: 12px;
}

/* ------------ cLink, cBtn, cBtnIcon, cBtnName ------------ */
.cLink {
	margin-left: 24px;
	float: left;
}
.cLink:first-child {
	margin: 0;
}
.cBtn {
	overflow: hidden;
	white-space: nowrap;
}
a.cBtn {
	font-size: 13px;
	color: inherit;
	opacity: .6;
}
a.cBtn:hover, a.cBtn:focus {
	text-decoration: none;
	color: inherit;
	opacity: 1;
}
.cBtn .svg {
	position: relative;
	top: 3px;
	margin-right: 2px;
}
.cBtn > div {
	display: inline-block !important;
}
.cBtnName {
	opacity: .99999;
}
.cBtn .badge {
	position: relative;
	top: 7px;
}
.cBtnName font {
	font-size: 10pt;
}
.cBtnName span, .cMod span {
	font-size: inherit !important;
}
.cBtn-inline {
  padding: 2px 12px;
  font-size: 12px;
  line-height: 1;
}

/* ------------ cNav ------------ */
.cNavTop {
	background-color: rgba(255, 255, 255, 0.5);
}
.cNav {
	line-height: 44px;
	margin: 0px !important;
}
.cNav > div {
	padding: 0;
}
.cNav > div:last-child {
	border-right: none;
}

/* ------------ cNavBtn ------------ */
.cNavBtn {
	padding-left: 6px;
	padding-right: 6px;
	display: block;
	text-decoration: none !important;
	cursor: pointer;
	height: 48px;
	background: #FFF;
}
.cNavBtn > svg {
	float: left;
	position: relative;
	top: 10px;
	margin-right: 6px;
}
.cNavBtn > span {
	float: left;
	position: relative;
	top: 10px;
	margin-right: 6px;
  font-size: 1.5em;
}
.cNavBtn > div {
	float: left;
	font-size: 20px;
	font-weight: 300;
}
.cNavBtn > .badge {
	position: relative;
	top: 13px;
}
.cNavBtn:hover, .active > .cNavBtn, a.cItem:hover, .cItem:hover .due .badge {
	color: #FFF !important;
	text-decoration: none;
}
.cNavBtn:hover > svg > #backColor, .active > .cNavBtn > svg > #backColor {
	fill: #FFF;
}
.cNavBtn:hover > .badge, .active > .cNavBtn > .badge, a.cItem:hover .badge {
	background: #FFF;
}

/* ------------ cHead, pageHeader, sectionHeader, cHeadLinks, cSubTitle, cFoot ------------ */
.pageHeader > img {
	display:none;
}
.pageHeader > div {
	padding:0px !important;
}
.sectionHeader label {
	font-size: 18px;
	padding-top: 18px;
	display: inline;
	text-transform: uppercase;
  cursor: inherit;
}
.sectionHeader {
	font-weight: bold;
	background: none;
	border-radius: initial;
	border-color: initial;
}
.sectionTitle {
  padding-top: 14px;
}
.cHead, .pageHeader {
	padding: 0 12px;
	margin-bottom: 2px;
	font-size: 24px;
	font-weight: 300;
	line-height: 42px;
	white-space: nowrap;
}
.cPadTop {
	margin-top: 24px;
}
.cHeadModule {
	height: 24px;
	line-height: 24px;
	color: #FFF;
	margin-bottom: 0;
}
.cHeadModule > .pull-left {
	opacity: .6;
}
.cHeadModule span {
	margin-right: 18px;
}
.cHeadModule span > strong {
	margin-right: 4px;
}
#headModule {
	margin-bottom: 24px;
}
.cHead.cHeadSm {
	line-height: 36px;
}
.cHead.cHeadSm div {
	display: inline-block !important;
	font-size: 18px;
}
.cHead > div > strong > span {
	font-size: 18px !important;
}
/*td.cHead, td.pageHeader {
  vertical-align: top !important;
  line-height: 26px;
	padding-bottom: 6px;
}*/
.relateInspector svg {
  position: relative;
  top: 8px;
  left: 0px;
}
.pageHeader .relateInspector svg {
  position: relative;
  top: 4px;
  left: 8px;
}
.relateInspector svg, .linkCol svg {
	opacity: .5;
	cursor: pointer;
}
.relateInspector svg:hover, .linkCol svg:hover {
	opacity: 1;
}
.cFormInfo svg, .docEdit a .svg {
  position: relative;
  top: 3px;
	right: 2px;
}
.cFormInfo a {
  position: relative;
  top: -2px;
  text-decoration: none;
  color: #333;
  opacity: .5;
	margin-left: 12px;
}
.cFormInfo a:hover {
  opacity: 1;
}
#lastModified {
  font-style: italic;
  font-size: 12px;
  color: #aaa;
}
span.cBtnIcon {
	position: relative;
	top: 4px;
	margin-right: 4px;
}
.cMedName {
	font-weight: bold;
	font-size: 16px;
	border-bottom: dotted 1px #E4E8ED;
	margin-bottom: 6px;
	margin-top: 2px;
}
.cMedName svg {
	position: relative;
	top: 4px;
	margin-right: 4px;
}
.cMedName > .cWarning {
	background: none;
	text-transform: uppercase;
}
.cSmall .cHead {
	height: 36px;
	line-height: normal;
}
.cSmall .cHead .cName {
	font-size: 16px;
}
.cBig .cName {
	align-items: center;
	display: flex;
	font-size: 24px;
	font-weight: 300;
}
.cName > .svg {
	padding-inline-end: .5rem;
}
.cSmall .cHead .cRoom {
	font-size: 13px;
	font-weight: 300;
}
.cBig .cHead > div {
	line-height: 42px;
}
.cHeadLinks {
	float: right;
	font-weight: initial;
}
.cBig {
	margin-bottom: 2px;
}
.cSubTitle {
	font-size: 14px;
	color: #969FA0;
}
.cFoot {
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	z-index: 8000;
}
.footerTable {
  display: table;
  width: 100%;
}
.footerTable > div {
  display: table-cell;
  vertical-align: middle;
}
.leftFooter {
  width: 25%;
  text-align: left;
}
.centerFooter {
  width: 50%;
  text-align: center;
}
.rightFooter {
  width: 25%;
  text-align: right;
}
.rightFooter a {
  margin-left: 12px;
}
#newFormControls {
  padding: 4px;
}
.form-footer {
  background: #fff;
  /*border-radius: .3rem;*/
  border-top: solid 2px #E4E8ED;
  bottom: 19px;
  /*box-shadow: -4px 2px 7px 0px rgba(0, 0, 0, 0.2), 4px 2px 7px 0px rgba(0, 0, 0, 0.2);*/
  padding: 1rem;
  position: sticky;
  text-align: center;
  z-index: 900;
}

/* ------------ cBox ------------ */
.cBox {
	padding: 12px;
	height: 100%;
	margin-bottom: 2px;
}
.cSmall .cBox {
	padding: 2px 12px;
}
#resBio .cBox {
	background: rgba(255, 255, 255, 0.6);
}

/* ------------ cRow, cItem, cBlank ------------ */
.cRow > div:last-child {
	padding-right: 0;
}
.cRow > div:first-child {
	padding-left: 0;
}
.cRow > div {
	padding: 0 1px;
}
.cSmall .cRow {
	background-color: rgba(255, 255, 255, .5);
}
.cRow1 .cRow {height: 34px;}
.cRow2 .cRow {height: 68px;}
.cRow3 .cRow {height: 102px;}
.cRow4 .cRow {height: 136px;}
.cRow5 .cRow {height: 170px;}
.cRow6 .cRow {height: 204px;}
.cRow7 .cRow {height: 238px;}
.cRow8 .cRow {height: 272px;}
.cRow9 .cRow {height: 306px;}
.cRow10 .cRow {height: 340px;}
.cRow11 .cRow {height: 374px;}
.cRow12 .cRow {height: 408px;}
.cRow13 .cRow {height: 442px;}
.cRow14 .cRow {height: 476px;}
.cRow15 .cRow {height: 510px;}
.cRow16 .cRow {height: 544px;}
.cRow17 .cRow {height: 578px;}
.cRow18 .cRow {height: 612px;}
.cRow19 .cRow {height: 646px;}
.cRow20 .cRow {height: 680px;}
.cRow21 .cRow {height: 714px;}
.cRow22 .cRow {height: 748px;}
.cRow23 .cRow {height: 782px;}
.cRow24 .cRow {height: 816px;}
.cRow25 .cRow {height: 850px;}
.cRow26 .cRow {height: 884px;}
.cRow27 .cRow {height: 918px;}
.cRow28 .cRow {height: 952px;}
.cRow29 .cRow {height: 986px;}
.cRow30 .cRow {height: 1020px;}
.cItem {
	display: block;
	padding: 0 8px;
	margin-top: 2px;
	overflow: hidden;
}
a.cItem {
	line-height: 32px;
	height: auto;
	cursor: pointer;
	color: inherit;
}
.cNav a.cItem {
	padding: 4px 8px;
}
.cItem > .row:first-child > div {
	padding-top: 0;
	border-top: none;
}
.cItem > .row > div {
	border-top: dotted 1px #E4E8ED;
	padding-top: 6px;
	padding-bottom: 6px;
}
div.cItem:hover {
	background: rgba(255, 255, 255, 0.8);
}
a.cItem:hover .svg > #backColor {
	fill: #FFF !important;
}
a.cItem .svg > #foreColor {
	fill: none;
}
.cItem.cBlank, .cItem.cBlank:hover {
	background:rgba(255, 255, 255, .5);
}

/* ------------ cDrop ------------ */
.open > .cDrop {
	display: block;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.cDrop {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
.cDrop > .cItem:first-child {
	margin-top: 0;
}

/* ------------ cPhoto, cInfo, cResInfo ------------ */
.cSmall .cPhoto, .cSmall .cPhoto img, .cSmall .cPhoto svg, .cSmall .noPhoto {
	height: 96px;
	width: 96px;
}
.cBig .cPhoto, .cBig .cPhoto img, .cBig .cPhoto svg, .cBig .noPhoto {
	height: 128px;
	width: 128px;
}
.cPhoto {
	float: left;
	margin-right: 2px;
}
.noPhoto svg {
	fill: #AAA;
}
.noPhoto.male {
	background: #C3D3EC;
}
.noPhoto.female {
	background: #F2C2C3;
}
.cSmall .cInfo {
	height: 96px;
}
.cBig .cInfo {
	height: 128px;
}
.cInfo {
	overflow: hidden;
	zoom: 1;
}
.cResInfo {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}
.noData {
	color: #999;
	font-weight: 300;
}

/* ------------ cMod, cNum ------------ */
.cMod {
	width: 50%;
	margin: auto;
	text-align: center;
}
.cNum {
	color: #FFF;
	font-size: 28px;
	line-height: 32px;
	width: 48px;
	border-radius: 12px;
	margin: 2px auto;
	font-weight: bold;
}

/* ------------ cSmall ------------ */
div.cSmall {
	margin-bottom: 24px;
}
a.cSmall {
	display: block;
	color: inherit;
	cursor: pointer;
}
a.cSmall:hover {
	text-decoration: none;
	color: inherit;
}

/* ------------ cMedDetail, cWarning, cAddInfo ------------ */
.cMedDetail {
	padding-bottom: 4px;
}
.cMedDetail * {
	display: inline-block;
}
.cMedDetail strong {
	padding-right: 6px;
}
.cMedDetail .cWarning {
	margin-top: 4px;
	margin-bottom: 0;
}
.cWarning strong {
	margin-right: 6px;
}
.cWarning > div {
	float: left;
	margin-right: 24px;
}
.cWarning {
	background: #FCD5D1;
	color: #C03B2B ;
	padding: 6px 12px;
	margin-bottom: 2px;
}
.cMedSig {
	margin-top: 16px;
}
.cAddInfo {
	color: #F00;
	padding-left: 22px;
	line-height: 11px;
	font-size: 11px;
	position: relative;
	top: -4px;
	min-height: 34px;
}

/* ------------ cOptions, cLoa, cProgress ------------ */
.cOptions {
	display: block;
	margin-bottom: 12px;
}
.cOptions td, .cOptions div {
	padding-bottom: 4px;
	/*display: inline-block;*/
}

.cOptions td {
	vertical-align: middle;
}
.cOptions div {
  margin-right: 12px;
  display: grid;
  grid-template-columns: 18px 1fr;
  break-inside: avoid;
}
.cOptions label.btn {
	white-space: normal !important;
	text-align: left;
}
#headModule .cOptions {
  column-count: 3;
}

.cLoa {
	height: 30px;
	line-height: 16px;
	margin: 2px;
	text-align: center;
	color: #C03B2B ;
	font-style: italic;
}
.cProgress {
    height: 8px;
    background-color: #E6E6E6;
    margin-bottom: 2px;
}
.cProgress div {
    height: 100%;
}
.cProgressNum {
	font-size: 18px;
	font-weight: bold;
}
.chartAlert {
	display:  inline !important;
}
.oldAlert {
	display: none;
}
.alertAction {
  margin-left: 12px;
}
.cPanel .panel + .panel {
	margin-top: 0px !important;
}
.cPanel .panel {
	border: none;
	border-radius: 0px !important;
	overflow: inherit !important;
	box-shadow: none;
}
a.not-active {
	pointer-events: none;
	cursor: default;
}
.photoEdit span {
	display: inline-block;
	margin-bottom: 8px;
}
.scrollable-menu {
	height: auto;
	max-height: 400px;
	overflow-x: hidden;
}


/* ------------ SubHeaders ------------ */
.subHead1 .sectionHeader {
 background: var(--bs-primaryColor);
 padding: 4px 6px;
 border: none;
 opacity: .7;
}
.subHead1 label {
 font-weight: 400;
 font-size: 16px;
 color: #fff;
}
.subHead2 .sectionHeader {
 background: var(--bs-primaryColorHigh);
 padding: 2px 4px;
 border: none;
}
.subHead2 label {
 font-weight: 400;
 font-size: inherit;
 text-transform: none;
}
.subHead3 .sectionHeader {
 border: none;
}
.subHead3 label {
 font-size: inherit;
 text-transform: none;
}

/* ---------------------------------------------- */
/* ------------------- COLORS ------------------- */
/* ---------------------------------------------- */

/* ------------ cPurple ------------ */
.cNavBtn.cPurple {
	border-bottom: solid 4px #540D6E;
	color: #540D6E;
}
.cBox.cPurple, .cDrop.cPurple, .cHead.cPurple {
	border-bottom: solid 4px #540D6E;
}
.cPurple .badge, .cNavBtn.cPurple #backColor, a.cItem.cPurple .svg > #backColor {
	background: #540D6E;
	fill: #540D6E;
}
a.cPurple:hover, .active > .cNavBtn.cPurple, .cHeadModule.cPurple, .due .badge, .cPurple > .cItem:hover, .cPurple .cNum, .cPurple .cProgress div {
	background: #540D6E !important;
}
a.cPurple:hover .badge, .active > .cPurple > .badge, .due, .cPurple > .cItem:hover .badge, .red, a.cItem.cPurple, .cPurple .cProgressNum, .red {
	color: #540D6E;
}
.cItem.cPurple, .cPurple .cBox {
	border-left: solid 4px #540D6E;
}

/* ------------ cOrange ------------ */
.cNavBtn.cOrange {
	border-bottom: solid 4px #EC6900;
	color: #EC6900;
}
.cBox.cOrange, .cDrop.cOrange, .cHead.cOrange {
	border-bottom: solid 4px #EC6900;
}
.cOrange .badge, .cNavBtn.cOrange #backColor, a.cItem.cOrange .svg > #backColor {
	background: #EC6900;
	fill: #EC6900;
}
a.cOrange:hover, .active > .cNavBtn.cOrange, .cHeadModule.cOrange, .due .badge, .cOrange > .cItem:hover, .cOrange .cNum, .cOrange .cProgress div {
	background: #EC6900 !important;
}
a.cOrange:hover .badge, .active > .cOrange > .badge, .due, .cOrange > .cItem:hover .badge, .red, a.cItem.cOrange, .cOrange .cProgressNum, .red {
	color: #EC6900;
}
.cItem.cOrange, .cOrange .cBox {
	border-left: solid 4px #EC6900;
}

/* ------------ cGreen ------------ */
.cNavBtn.cGreen {
	border-bottom: solid 4px #0BAB21;
	color: #0BAB21;
}
.cBox.cGreen, .cDrop.cGreen, .cHead.cGreen {
	border-bottom: solid 4px #0BAB21;
}
.cGreen .badge, .cNavBtn.cGreen #backColor, a.cItem.cGreen .svg > #backColor {
	background: #0BAB21;
	fill: #0BAB21;
}
a.cGreen:hover, .active > .cNavBtn.cGreen, .cHeadModule.cGreen, .due .badge, .cGreen > .cItem:hover, .cGreen .cNum, .cGreen .cProgress div {
	background: #0BAB21 !important;
}
a.cGreen:hover .badge, .active > .cGreen > .badge, .due, .cGreen > .cItem:hover .badge, .red, a.cItem.cGreen, .cGreen .cProgressNum, .red {
	color: #0BAB21;
}
.cItem.cGreen, .cGreen .cBox {
	border-left: solid 4px #0BAB21;
}

/* ------------ cBlue ------------ */
.cNavBtn.cBlue {
	border-bottom: solid 4px #274690 ;
	color: #274690 ;
}
.cBox.cBlue, .cDrop.cBlue, .cHead.cBlue {
	border-bottom: solid 4px #274690 ;
}
.cBlue .badge, .cNavBtn.cBlue #backColor, a.cItem.cBlue .svg > #backColor {
	background: #274690 ;
	fill: #274690 ;
}
a.cBlue:hover, .active > .cNavBtn.cBlue, .cHeadModule.cBlue, .due .badge, .cBlue > .cItem:hover, .cBlue .cNum, .cBlue .cProgress div {
	background: #274690  !important;
}
a.cBlue:hover .badge, .active > .cBlue > .badge, .due, .cBlue > .cItem:hover .badge, .red, a.cItem.cBlue, .cBlue .cProgressNum, .red {
	color: #274690 ;
}
.cItem.cBlue, .cBlue .cBox {
	border-left: solid 4px #274690 ;
}

/* ------------ cBrown ------------ */
.cNavBtn.cBrown {
	border-bottom: solid 4px #5b3c01;
	color: #5b3c01;
}
.cBox.cBrown, .cDrop.cBrown, .cHead.cBrown {
	border-bottom: solid 4px #5b3c01;
}
.cBrown .badge, .cNavBtn.cBrown #backColor, a.cItem.cBrown .svg > #backColor {
	background: #5b3c01;
	fill: #5b3c01;
}
a.cBrown:hover, .active > .cNavBtn.cBrown, .cHeadModule.cBrown, .due .badge, .cBrown > .cItem:hover, .cBrown .cNum, .cBrown .cProgress div {
	background: #5b3c01 !important;
}
a.cBrown:hover .badge, .active > .cBrown > .badge, .due, .cBrown > .cItem:hover .badge, .red, a.cItem.cBrown, .cBrown .cProgressNum, .red {
	color: #5b3c01;
}
.cItem.cBrown, .cBrown .cBox {
	border-left: solid 4px #5b3c01;
}

/* ------------ cYellow ------------ */
.cNavBtn.cYellow {
	border-bottom: solid 4px #FFC400;
	color: #FFC400;
}
.cBox.cYellow, .cDrop.cYellow, .cHead.cYellow {
	border-bottom: solid 4px #FFC400;
}
.cYellow .badge, .cNavBtn.cYellow #backColor, a.cItem.cYellow .svg > #backColor {
	background: #FFC400;
	fill: #FFC400;
}
a.cYellow:hover, .active > .cNavBtn.cYellow, .cHeadModule.cYellow, .due .badge, .cYellow > .cItem:hover, .cYellow .cNum, .cYellow .cProgress div {
	background: #FFC400 !important;
}
a.cYellow:hover .badge, .active > .cYellow > .badge, .due, .cYellow > .cItem:hover .badge, .red, a.cItem.cYellow, .cYellow .cProgressNum, .red {
	color: #FFC400;
}
.cItem.cYellow, .cYellow .cBox {
	border-left: solid 4px #FFC400;
}

/* ------------ cRed ------------ */
.cNavBtn.cRed {
	border-bottom: solid 4px #C03B2B ;
	color: #C03B2B ;
}
.cBox.cRed, .cDrop.cRed, .cHead.cRed {
	border-bottom: solid 4px #C03B2B ;
}
.cRed .badge, .cNavBtn.cRed #backColor, a.cItem.cRed .svg > #backColor {
	background: #C03B2B ;
	fill: #C03B2B ;
}
a.cRed:hover, .active > .cNavBtn.cRed, .cHeadModule.cRed, .due .badge, .cRed > .cItem:hover, .cRed .cNum, .cRed .cProgress div {
	background: #C03B2B  !important;
}
a.cRed:hover .badge, .active > .cRed > .badge, .due, .cRed > .cItem:hover .badge, .red, a.cItem.cRed, .cRed .cProgressNum, .red {
	color: #C03B2B ;
}
.cItem.cRed, .cRed .cBox {
	border-left: solid 4px #C03B2B ;
}

/* ------------ cAlerts ------------ */
.cNavBtn.cAlerts {
	border-bottom: solid 4px #C03B2B ;
	color: #C03B2B ;
}
.cBox.cAlerts, .cDrop.cAlerts, .cHead.cAlerts {
	border-bottom: solid 4px #C03B2B ;
}
.cAlerts .badge, .cNavBtn.cAlerts #backColor, a.cItem.cAlerts .svg > #backColor {
	background: #C03B2B ;
	fill: #C03B2B ;
}
a.cAlerts:hover, .active > .cNavBtn.cAlerts, .cHeadModule.cAlerts, .due .badge, .cAlerts > .cItem:hover, .cAlerts .cNum, .cAlerts .cProgress div {
	background: #C03B2B  !important;
}
a.cAlerts:hover .badge, .active > .cAlerts > .badge, .due, .cAlerts > .cItem:hover .badge, .red, a.cItem.cAlerts, .cAlerts .cProgressNum, .red {
	color: #C03B2B ;
}
.cItem.cAlerts, .cAlerts .cBox {
	border-left: solid 4px #C03B2B ;
}

/* ------------ cMar ------------ */
.cNavBtn.cMar {
	border-bottom: solid 4px #F29D1F;
	color: #F29D1F;
}
.cBox.cMar, .cDrop.cMar, .cHead.cMar {
	border-bottom: solid 4px #F29D1F;
}
.cMar .badge, .cNavBtn.cMar #backColor, a.cItem.cMar .svg > #backColor {
	background: #F29D1F;
	fill: #F29D1F;
}
a.cMar:hover, .active > .cNavBtn.cMar, .cHeadModule.cMar, .cMar > .cItem:hover, .cMar .cNum, .cMar .cProgress div {
	background: #F29D1F;
}
a.cMar:hover .badge, .active > .cMar > .badge, .cMar > .cItem:hover .badge, a.cItem.cMar, .cMar .cProgressNum {
	color: #F29D1F;
}
.cItem.cMar, .cMar .cBox {
	border-left: solid 4px #F29D1F;
}

/* ------------ cTar ------------ */
.cNavBtn.cTar {
	border-bottom: solid 4px #2A81BA;
	color: #2A81BA;
}
.cBox.cTar, .cDrop.cTar, .cHead.cTar {
	border-bottom: solid 4px #2A81BA;
}
.cTar .badge, .cNavBtn.cTar #backColor, a.cItem.cTar .svg > #backColor {
	background: #2A81BA;
	fill: #2A81BA;
}
a.cTar:hover, .active > .cNavBtn.cTar, .cHeadModule.cTar, .cTar > .cItem:hover, .cTar .cNum, .cTar .cProgress div {
	background: #2A81BA;
}
a.cTar:hover .badge, .active > .cTar > .badge, .cTar > .cItem:hover .badge, a.cItem.cTar, .cTar .cProgressNum {
	color: #2A81BA;
}
.cItem.cTar, .cTar .cBox {
	border-left: solid 4px #2A81BA;
}

/* ------------ cTasks ------------ */
.cNavBtn.cTasks {
	border-bottom: solid 4px #28AE60;
	color: #28AE60;
}
.cBox.cTasks, .cDrop.cTasks, .cHead.cTasks {
	border-bottom: solid 4px #28AE60;
}
.cTasks .badge, .cNavBtn.cTasks #backColor, a.cItem.cTasks .svg > #backColor, .cMod.cTasks #backColor {
	background: #28AE60;
	fill: #28AE60;
}
a.cTasks:hover, .active > .cNavBtn.cTasks, .cHeadModule.cTasks, .cTasks > .cItem:hover, .cTasks .cNum, .cTasks .cProgress div {
	background: #28AE60;
}
a.cTasks:hover .badge, .active > .cTasks > .badge, .cTasks > .cItem:hover .badge, a.cItem.cTasks, .cTasks .cProgressNum, .green, .cMod.cTasks {
	color: #28AE60;
}
.cItem.cTasks, .cTasks .cBox {
	border-left: solid 4px #28AE60;
}

/* ------------ cAdls ------------ */
.cNavBtn.cAdls {
	border-bottom: solid 4px #894C9E;
	color: #894C9E;
}
.cBox.cAdls, .cDrop.cAdls, .cHead.cAdls {
	border-bottom: solid 4px #894C9E;
}
.cAdls .badge, .cNavBtn.cAdls #backColor, a.cItem.cAdls .svg > #backColor {
	background: #894C9E;
	fill: #894C9E;
}
a.cAdls:hover, .active > .cNavBtn.cAdls, .cHeadModule.cAdls, .cAdls > .cItem:hover, .cAdls .cNum, .cAdls .cProgress div {
	background: #894C9E;
}
a.cAdls:hover .badge, .active > .cAdls > .badge, .cAdls > .cItem:hover .badge, a.cItem.cAdls, .cAdls .cProgressNum {
	color: #894C9E;
}
.cItem.cAdls, .cAdls .cBox {
	border-left: solid 4px #894C9E;
}

/* ------------ cReports ------------ */
.cNavBtn.cReports {
	border-bottom: solid 4px #969FA0;
	color: #969FA0;
}
.cBox.cReports, .cDrop.cReports, .cHead.cReports {
	border-bottom: solid 4px #969FA0;
}
.cReports .badge, .cNavBtn.cReports #backColor, a.cItem.cReports .svg > #backColor {
	background: #969FA0;
	fill: #969FA0;
}
a.cReports:hover, .active > .cNavBtn.cReports, .cHeadModule.cReports, .cReports > .cItem:hover, .cReports .cNum, .cReports .cProgress div {
	background: #969FA0;
}
a.cReports:hover .badge, .active > .cReports > .badge, .cReports > .cItem:hover .badge, a.cItem.cReports, .cReports .cProgressNum {
	color: #969FA0;
}
.cItem.cReports, .cReports .cBox {
	border-left: solid 4px #969FA0;
}

/* ------------ cDefault ------------ */
.cNavBtn.cDefault {
	border-bottom: solid 4px #2D3F50;
	color: #2D3F50;
}
.cBox.cDefault, .cDrop.cDefault, .cHead.cDefault {
	border-bottom: solid 4px #2D3F50;
}
.cDefault .badge, .cNavBtn.cDefault #backColor, a.cItem.cDefault .svg > #backColor {
	background: #2D3F50;
	fill: #2D3F50;
}
a.cDefault:hover, .active > .cNavBtn.cDefault, .cHeadModule.cDefault, .cDefault > .cItem:hover, .cDefault .cNum, .cDefault .cProgress div {
	background: #2D3F50;
}
a.cDefault:hover .badge, .active > .cDefault > .badge, .cDefault > .cItem:hover .badge, a.cItem.cDefault, .cDefault .cProgressNum {
	color: #2D3F50;
}
.cItem.cDefault, .cDefault .cBox {
	border-left: solid 4px #2D3F50;
}

/* ------------ deprecated ------------ */
.deprecated {
	background: #AAA;
	font-style: italic;
	opacity: .5;
}


/* ---------------------------------------------- */
/* ---------------- MEDIA QUERIES --------------- */
/* ---------------------------------------------- */
@media (max-width: 479px) {
	.open .cDrop {
		width: 200%;
		left: -50%;
	}
	.cBig .cPhoto, .cBig .cPhoto img, .cBig .cPhoto svg, .cBig .noPhoto {
		width: 96px;
		height: 96px;
	}
	.cBig .cInfo {
		height: 96px;
	}
	.hidden-xxs, #resBio {
		display: none;
	}
	.cBig .cInfo .cName {
		width: 100%;
		border-bottom: 2px solid #E4E8ED;
		text-align: center;
	}
	.cBig .cInfo .cHead > div {
		line-height: 48px;
	}
	.cBig .cHead {
		height: 100%;
		padding: 0;
	}
	.cResInfo {
		font-size: 11px;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.cRow {
		height: auto !important;
	}

	#newAlertLink .cBtnName.hidden-sm {
		display: none !important;
	}
	.cBrand {
		/*width: 80%;*/
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.open .cDrop {
		width: 100%;
	}
	.cResInfo {
		font-size: 11px;
		-moz-column-count: 3 ;
		-webkit-column-count: 3;
		column-count: 3;
	}
	.cBox {
		padding: 2px 12px;
	}
}
@media (max-width: 767px) {
	body {
		padding-bottom: 0;
	}
	.cHead, .pageHeader {
		line-height: normal;
		padding: 0;
		white-space: normal;
	}
	.cNavBtn {
		text-align: center;
	}
	.cNavBtn > svg  {
		float: none;
		margin: 0px;
	}
	.due, .cBlank, .cSubTitle {
		display: none;
	}
	.cBig .cHead > div {
		line-height: 32px;
	}
	.cBig .cName {
		font-size: 16px;
		font-weight: normal;
		padding-inline-start: 1rem;
	}
	.cWarning > div {
		font-size: 11px;
	}
	.cItem .row .cHeadLinks {
		float: none;
	}
	.sm-flex-col-center {
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.table-responsive > .table {
		width: 100%;
	}
	.table-responsive .formLabel, .table-responsive .validation-img {
		display: inline-flex !important;
		width: unset !important;
	}
	.table-responsive .formLabel {
		align-items: flex-start;
		flex-direction: column;
		margin-top: .5rem;
		max-width: calc(100% - 16px);
		padding-left: .5rem !important;
	}
	.table-responsive .formLabel > br {
		display: none;
	}
	.table-responsive .validation-img, .table-responsive .validationImg {
		margin: 0 !important;
		padding: 0 !important;
	}
	.form-footer {
	  bottom: .5rem;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.cNavBtn {
		letter-spacing: -1px;
	}
	.open .cDrop {
		width: 155px;
	}
	.show .cLine * {
		font-size: 11px;
	}
	.dl-horizontal dt {
		width: 110px !important;
	}
	.dl-horizontal dd {
		margin-left: 122px !important;
	}
	.cMedSig .btn {
		white-space: normal;
	}
}
@media (max-width: 992px) {
	.topNav .cBtnName {
		display: none !important;
	}
	.topNav .cLink {
		margin-left: 12px;
	}
  .col2 {
    column-count: 1;
  }
  .cOptions td, .cOptions div {
		padding-bottom: 4px;
		display: inline-block;
	}
	.cOptions td{
		column-count: auto !important;
	}
}
@media print {
  .dontPrint, .hint, #__datePickerDiv {
  	display: none !important;
  }
  body {
  	padding-top: 0;
  }
  .cSubTitle {
  	display: inline !important;
  }
  a[href]:after {
    content: "" !important;
  }
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 }
 
 /* START -> ADDED FOR PRINTING */
.page-footer-space {
  height: .5in;
}
.page-footer {
  height: .25in;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #999;
  padding-top: 4px;
}
@media screen {
  .page-footer {
    display: none;
  }
}
@media print {
  tfoot {
    display: table-footer-group;
  }
  body {
    margin: 0;
  }
  .cInfo dl {
    column-count: 2 !important;
  }
  .cInfo .dl-horizontal dt {
    width: 120px;
  }
  .cInfo dd {
    margin-left: 126px;
  }
  .cWarning {
    margin-bottom: 24px;
    border: solid 1px #FCD5D1;
  }
  .cBig .cInfo {
	height: auto !important;
 }
}
/* END -> ADDED FOR PRINTING */
:root {
  --bs-red: #c03b2b;
  --bs-orange: #F29D1F;
  --bs-yellow: #EFC319;
  --bs-green: #28AE60;
  --bs-blue: #2A81BA;
  --bs-logo-blue: #0063A6;
  --bs-purple: #894C9E;
  --bs-gray: #969FA0;
  --bs-default: #2D3F50;
}

#monacodiv div:not(.codicon)  {
    font-family: monospace;
	 font-size: unset;
}

.smSig, .noSig {
	background: white;
	border: solid 1px #CCC;
	cursor: pointer;
	height: 15rem;
	line-height: 15rem;
	margin-bottom: .5rem;
	text-align: center;
	width: 30rem;
}
.smSig > .svg {
	height: 100%;
	width: 100%;
}
.bigSig {
	background: #FFF;
	display: flex;
	align-items: center;
	flex-direction: column;
	left: 0;
	min-height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
}
.svgSig {
	border: solid 1px #CCC;
	height: 35vw;
	max-height: 65vh;
	width: 80vw;
}
.sig-footer {
	text-align: right;
	width: 80vw;
}
.sig-footer > button {
	height: 4rem;
	width: 10rem;
	margin: 1rem;
	font-size: 1.5rem;
	border-radius: .5rem;
}

dl > a {
    break-inside: avoid;
    display: block;
}

.aPointer {
	cursor: pointer;
}