* { box-sizing: border-box;}

body
{
	height:100%;	
	background-color: #ffffff;	
	font-family: var(--BodyFont);
	font-size: .9rem;
	color: var(--ClrDarkGray);
	padding:0px;
	margin:0px;	
}

#divBodyContainer {
	width:90vw;
	max-width:100vw;
	margin:0 auto;
}
#divIFaceContainer {	
	min-height:85vh;
	margin:0 auto;
}
#divIFaceExt {
	width:100%;	
}
.divIFaceMgrExt
{
	width:100%;
	height:auto;
	background: #f0f7fe; /*var(--ClrBGMgrMain);*/
	border-radius:4px;
	border:1px solid var(--ClrBdrMgrMain);
	padding:4px 1.3rem;
	margin: 0 auto;
}
/****************************************************************************************************/
/***********  ViviData SaaS ADMINISTRATOR   *********************************************************/

#divAdmCliMgrNewSubContainer {
	
}

#divAdmCliMgrNewPrchOtrCntnr {
	display:none;
}
#divAdmCliMgrNewSpcOtrCntnr {
	display:none;
}
/*********** Adm MESSAGE QUEUE	*********************************************************************/
#divAdmQueue {
	border:.5px solid var(--Clr1XDark);
	color:green;
	padding:6px 6px .6rem .6rem;
}
#divAdmMessage {
	border:.5px solid var(--Clr1XDark);
	padding:6px 6px .6rem .6rem;
}
#divAdmMsgTitle {
	font-size:0.8rem;
	font-weight:bold;
	color:var(--ClrContrast1Mid);
}
#divAdmMsgRecipientID {
	display:inline-block;
}

/****************************************************************************************************/
/***********  PAGE HEADER   *************************************************************************/

#divAppHeader {
	background:var(--ClrBGMgrMain);
	border:0.5px solid var(--ClrBdrMgrMain);
}
#divAppTopBar {
	width:100%;
	border-bottom:1px solid var(--Clr1XDark);
}
#divAppTopBar380 {
	width:100%;	
}
#divPageTitle
{
	width:100%;
	font-size:1rem;
	font-weight : bold;	
	color: var(--ClrContrast1Mid);
	text-align:center;
	padding-bottom:.6rem;
	margin: 0 auto;	
}

#divFooter {

}

/****************************************************************************************************/
/***********  TOP PAGE HEADER   *************************************************************************/
#divTopHeader {
  display: flex;
  justify-content: space-between; /* Distribute columns evenly */
  align-items: center;
  flex-wrap: wrap; /* Allow the elements to wrap if there's not enough space */
  gap: 20px; /* Controls the spacing between items */
}

#divTopHdrLogo {
	display:inline-block;	
}
#divTopHdrBanner {
  flex: 1 1 auto; /* Allows the Q&A Oracle text to shrink or grow */
  text-align: center;
  color: maroon;
  font-weight: bold;
  font-size: 1.5rem;
}

#divTopHdrRight {
  flex: 1 1 auto; /* Allows the right text to shrink or grow */
  font-size: 1rem;
  font-weight: bold;
  white-space: normal;
  word-wrap: break-word;
  text-align: right; /* Default alignment for larger screens */
}
#divTopLoginCntnr {
	display:inline-block;
	align-self:flex-start;	
	margin-right:1rem;
}

/****************************************************************************************************/
/*************  LOGIN *******************************************************************************/
#divLogin {
	text-align:center;
}

/*******************************************************************************************************/
/*************    TOP NAV   ****************************************************************************/
/* Reset default list styles */
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#TopNavToggleBtn {
  display: none;
  background: var(--Clr1Light);
  color: white;
  font-size: 0.8rem;
  border: none;
  padding: 4px 6px;
  cursor: pointer;
}

/* Top-level nav */
#ulQAOTopNav {
  display: flex;
  background-color: var(--Clr1Light);
  font-family: Arial, sans-serif;
}
#ulQAOTopNav.show {
  display: block;
}

/* Top-level list items */
#ulQAOTopNav > li {
  position: relative;
}

#ulQAOTopNav > li > a {
  display: block;
  padding: 4px 6px;
  color: white;
  text-decoration: none;
}

#ulQAOTopNav > li > a:hover {
  background-color: var(--Clr1XLight);
}

/* First-level dropdown */
.ulTopNavDD {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--Clr1Light);
  width:max-content;
  display: none;
  z-index: 1000;
}

.ulTopNavDD li a {
  display: block;
  padding: 4px 6px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

.ulTopNavDD li a:hover {
  background-color: var(--Clr1XLight);
}

/* Show dropdown on hover */
.liTopNavDD:hover > .ulTopNavDD {
  display: block;
}

/* Second-level dropdown */
.ulTopNavDD li {
  position: relative;
}

.ulTopNavDD li > ul {
  position: absolute;
  top: 0;
  left: 100%;
  background-color: var(--Clr1Light);
  width:max-content;
  display: none;
}

.ulTopNavDD li:hover > ul {
  display: block;
}

.ulTopNavDD li > ul li a:hover {
  background-color: var(--Clr1XLight);
}

.liTopNavOn {
	color: red;
}

@media (max-width: 768px) {
  #navToggleBtn {
    display: block;
  }

  #ulQAOTopMenu {
    flex-direction: column;
    display: none;
  }

  #ulQAOTopMenu.show {
    display: flex;
  }

  .ulTopNavDD {
    position: static;
  }

  .liTopNavDD:hover > .ulTopNavDD {
    display: none; /* disable hover drop */
  }

  .liTopNavDD.open > .ulTopNavDD {
    display: block;
  }
}



/****************************************************************************************************/
/***********  USER HOME PAGE   *******************************************************************/
#divUsrHmMain {
	display: grid;
	grid-template-columns:auto calc(50% - 4rem);
	grid-gap: .6rem;	
	overflow-y:auto;
}
#divUsrHmMain1 {
	display:inline-block;
	width:50%;
}
#divUsrHmMain2 {
	display:inline-block;
	width:max-content;
}
#divUsrHmHomePgPic {
	display:inline-block;
}
.imgUsrHmHomePgPic {
	border:1px solid var(--ClrBdrMgrMain);
	width:100%;
}
#tblUsrHmNPS th {
	text-weight:bold;
}

.divUsrHmeTskMsgSender {
	margin-left:.6rem;
	margin-bottom:.6rem;
}
.divUsrHmeTskMsgSubject {
	display:inline-block;
	border:.5px solid black;
	width:33.1rem;	
	background:white;
	margin-left:6px;
	margin-bottom:.6rem;
}
.divUsrHmeTskMsgMessage {
	border:.5px solid black;
	width:37.5rem;
	min-height:18.8rem;
	background:white;
	margin-bottom:.6rem;
}
.divUsrHmeTskMsgDate {
	float:right;
}
/****************************************************************************************************/
/***********  STP Company Setup   *******************************************************************/
#divSetupWizard {
	background:var(--ClrYeloLight);
	font-size:1.2rem;
	font-weight:bold;
	color:var(--ClrBdrMgrMain);
	text-align:center;
	border:.5px solid var(--ClrBdrMgrMain);
	border-radius:4px;
	padding:4px 1.3rem;
	margin:-4px -1.3rem 8px -1.3rem;
}
#divStpLeftNav {
	display:inline-block;
	vertical-align:top;
	width:10%;
}
#divStpRight {
	display:inline-block;
	vertical-align:top;
	height:100%;
	width:89.7%;
}
.divStpRatedFields {
	display:inline-block; 
	min-width:43.8rem; 
	vertical-align:top;
}
.tblStpRatedFields {
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	margin-left:1.3rem;
}

#divRtdListsContainer {
	
}
.divStpRatedList {
	display:inline-block;
	min-width:6.3rem;
	border:1px solid var(--Clr1Dark);
	margin:6px;
}
.divStpListHeader {
	min-width:6.3rem;
	background-color:var(--Clr1Dark);
	white-space:nowrap;
	padding:3px;
}
.divStpListHeading {
	display:inline-block;	
	color:white;
	padding-left:3px;
	padding-right:.6rem;
}
.divStpListEntries {
	height:6.3rem;
	max-height:13.1rem;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	padding-left:3px;
	padding-right:3px;
	
}
.divStpHeaderHTML {
	height:8rem;
	background:white;
	color:black;
	border:1px solid black;
	cursor:text;
}

.inptAPIKey {
	width:100%;
}

/****************************************************************/
/*************   ATTRIBUTIONS **********************************/
#divAttributionIDCntnr {
	display:hidden;
}
#divAttributionID {
	display:inline-block;
}
#divFoundAttributions {	
	margin-top:3px;
	margin-bottom:3px;
}
#divAttrFullButtons {

}
#divAttrFullSelections {

}
#hAttrMgrRtdEntityTblsHdr {
	font-size:.9rem;
	display:none;
	margin-bottom:2px;
}
#divAttrMgrRtdEntityTables {
	display:none;
}
#hAttrMgrRtdEntityLstsHdr {
	font-size:.9rem;
	margin-top:10px;
	margin-bottom:0;
}
#divAttrMgrRatedEntityLists {	
	
}
#divREName {
	padding:3px;
}
#divIfcAttributionNoEditUpdateQres {
	display:none;
}
#divIfcAttributionMsg {
	display:none;
}
.divRtdTblBtns {
	display:inline-block; 
	height:100%; 
	vertical-align:top;	
}
.divRtdEntityTblRec {
	display:inline-block;
	vertical-align:top;
	white-space:nowrap; 
	padding-bottom:6px;
	margin-right:10px;
}

/*************************************************************************/
/*************  Dlv SURVEY REQUEST DELIVERY **********************************/

.divDeliveryStageContainer {
	display:inline-block;
	height:11rem;
	border: .5px solid var(--Clr1XDark);
	padding:4px;
	margin-bottom:1.6rem;
	vertical-align:top;
}


/*************  REQUEST MESSAGES ****************************************/
.divIfcRqMsgFields {
	display: grid;
	grid-template-columns:11.6rem auto ;
	grid-gap: 4px;
	max-height:50vh;
	overflow-y:auto;
	padding: 6px;
}
.divIfcRqMsgFields  > div {

}

#divRtdEntityFields {
	display:inline-block;
	position: relative:
	z-index:50;
}
#divSurveyorFields {
	display:inline-block;
	position: relative:
	z-index:50;
}
#divMsgMgrCompanyName {
	display:inline-block;
	background-color:white;
	font-size:0.75rem;	
	text-align:center;
	cursor:pointer;
	padding:3px;
	padding-left:5px;
	border:.5px solid var(--Clr1XDark);
}
#aMsgMgrCompanyName {
	
}

#divIfcRqMsgPreview {
	display:none;
}
.divDMIntervalParams {
	
	margin-left:10px;
}
#divPDFSurvey {

}

/****************************************************************/
/*************   QUESTIONAIRE ***********************************/
/*
width:111.9rem;
height:31.3rem;	
*/
.divQreFields {
	display: grid;
	grid-template-columns: 10.3rem auto;
	grid-gap: 4px;
	max-height:50vh;
	overflow-y:auto;
	padding: 6px;
}
.divQreFields div {

}
#divQreHeaderHtml {
	display:inline-block;
	width:88vw;
	height:12.5rem;
	background-color:white;
	border: 1px solid var(--Clr1XDark);
	margin-left:1px;
}
#divQreMgrUSPS {
	display:none;
}
#btnQreMgrUSPS {
	display:inline-block;	
	background:linear-gradient(to bottom, var(--Clr1XLight) 1%, var(--Clr1Light) 50%, var(--Clr1Mid) 100%);
	cursor:pointer;	
	border:.5px solid var(--Clr1Dark);	
	border-radius:6px;
	padding:1px;
	margin:1px;
}
.divQreUSPSHeaderHtml {	
	position:absolute; 
	width:31.3rem; 
	height:4.6rem; 
	border:1px solid black; 
	top:70px; 
	left:38.4rem;
	
	background-color:white;
	border: 1px solid var(--Clr1XDark);	
	padding:6px;
}
.divQreUSPSHeaderHalfHtml {	
	position:absolute; 
	width:31.3rem; 
	height:12.5rem; 
	border:1px solid black; 
	top:17.5rem; 
	left:38.4rem;
	background-color:white;
	border: 1px solid var(--Clr1XDark);	
}
#divQreMgrOpts {
	display:inline-block;
	max-width:calc(100% - 20rem);
}
#fldstQreMgrPeriodicSurveys {
	border:0;
	margin-left:-.6rem;
}
#lgndQreMgrPeriodicSurveys {
	
}
#divQreMgrPeriodicSurveys {
	display:none;
}
#divAttributionName {
	display:inline-block;
	color:  var(--Clr1Dark);
	font-weight:bold;
}

#diAttribVal {
	display:inline-block;
}

#divPeriodicInterval {
	display:inline-block;
}
#divPeriodicIntervalDay {
	display:inline-block;
}
#QrePeriodicPersonsLbl {
	display:none;
	width:11rem;
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr1Dark);
	vertical-align:top;
}
#QrePeriodicPersons {
	display:none;
}
#QrePeriodicGroupsLbl {
	display:none;
	width:11rem;
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr1Dark);
	vertical-align:top;
}
#QrePeriodicGroups {
	display:none;
}

#divQreFooterHtml {
	display:inline-block;
	width:88vw;
	height:12.5rem;
	background-color:white;
	border: 1px solid var(--Clr1XDark);
	margin-left:1px;
}
#divQreThankUHtml {
	display:inline-block;
	width:88vw;
	height:37.5rem;
	background-color:white;
	border: 1px solid var(--Clr1XDark);
	margin-left:1px;
}

.divQreMgrButtons {
	position:sticky;
	text-align:right;
	margin:3px;
}
/****************************************************************/
/*************   QUESTION BANK **********************************/
.divQBQuestionMgrTitle {
	font-size:.8rem;
	font-weight: bold;
	color:#903f3c;
}

#divQMgrTopButtonsCntnr {
	display: flex;
}
#divQMgrTopButtons1 {  
  width:max-content; 
}
#divQMgrTopButtons2 {
  flex: 1 0 auto; 
}
#divQMgrTopButtons3 {
  width:max-content;  
}
#divSequences {
	
}
#tblSequences {
	
}

.tblSequenceTabs {
	width:100%;
}
#divSequenceDesc {
	display:inline-block;
	width: calc(100% - 6.3rem);
	color:var(--Clr1Dark);
	font-weight:bold;
	font-size:0.8rem;	
}
#divBtnSequenceView {
	display:inline-block;
	width: 2rem;
	cursor:pointer;
	margin-left: auto;	
}

#divQBBMgrDsgnBdrCntnr {
	display: grid;
	grid-template-columns:6rem auto;
	grid-gap: .6rem;	
	
	border:.5px solid gray; 
	padding:6px; 
	padding-left:0.6rem; 
	margin-bottom:0.6rem;
}

#divBMKQuestions {
	
}

.divQBPreloadSettings {
	display:none;
	padding:4px;
}
.divQPreloadSettings {
	display:none;
	padding:4px;
}
#btnQBPreloadTmplSettings {
	display:none;
}
/***********************************************************************/
/*** QUESTION GROUP *******************************************************/
#divIfcQGrpBtns {
	white-space:nowrap; 
	margin-top:2px; 
	margin-bottom:2px;
}
/***********************************************************************/
/*** MNG QUESTIONS LIST *******************************************************/
/*MngQBLst = MngQuestionList*/
#divQMgrContainer {
	min-height:calc(100vh - 23.1rem);	
	width:100%;	
}
#imgQMgrView {
	
}
#divMgrLstContainer {
	display:none;
	width:100%;	
}
#divMgrQBLstSqListContainer {
	min-width:24rem;
	border: .5px solid var(--Clr1XDark);
	padding: .5px;
	margin: .5px;
}
#divQMgrQBTop {
	width:100%;	
	margin:0;
}
#btnQMgrView {
	display:inline-block;
	float:right;
}
#btnQMgrAddNewQuestion {
	display:inline-block;
	float:right;
}
#btnQMgrAddExistingQuestion {
	display:inline-block;
	float:right;
}
#btnQMgrCategories {
	display:inline-block;
	float:right;
}
#btnQMgrSequences {
	display:inline-block;
	float:right;
}
.divQMgrLstLogic {
	width:100%;	
	margin:2px 0 2px 0;
	text-align:center;
}
.divMgrQBLstQuestion {
	width:100%;
	min-height:1.6rem;
	cursor:pointer;
	margin:0;
}
.divMgrLstInSqOdd {
	background-color:var(--Clr1XLight);
}
.divMgrLstInSqEven {
	background-color:var(--Clr1XXLight);
}
.divQMgrLstInSqPageBreak {
	width:100%;
	text-align:center;
	border:none;
	margin: 2px 0 2px 0;
}
.divQMgrLstInSqPageBreakOn {
	width:100%;
	text-align:center;
	background-color: var(--ClrBgOrng);
	border:.5px solid var(--ClrBdrOrng);
	margin: 2px 0 2px 0;
}
.MgrQBLstHeader {
	color:var(--Clr1Dark);
	font-weight:bold;
	font-size:1rem;
}
.MgrQBLstContentBlock {
	color:var(--ClrContrast2Dark);
	font-weight:bold;
	font-size:.8rem;
}
.divMgrQBLstQQContainer {
	grid-column-start: spacer1;
	grid-column-end: end;
	padding: 1px 1px 1px 6px;	
}
.MgrQBLstRowNum {
	display:inline-block;
	max-width:1.9rem;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	padding: 1px 1px 1px 1px;
}
.MgrQBLstQuestionQuestion {
	display:inline-block;	
	padding: 1px 6px 1px 6px;
}
.MgrQBLstSubLabel {
	display:none;
	padding: 1px 6px 1px 6px;
	margin-left:2.5rem;
}
.MgrQBLstBtns{
	display:inline-block;
	float:right;
	max-width:16rem;
	overflow:hidden;
	text-align:right;	
	padding: 1px 6px 1px 1px;
}
.MgrQBLstQuestion {	
	grid-column-start: spacer1;
	grid-column-end: end;
	margin-bottom:1px;
}
.MgrQBLst1Space {	
	grid-column-start: spacer2;
	grid-column-end: btns;
	padding: 1px 1px 1px 6px;	
}
.MgrQBLst2Spaces {	
	grid-column-start: spacer3;
	grid-column-end: end;
	padding: 1px 1px 1px 6px;	
}
.divMgrLstInSqVisible {
	/*background-color:.5px solid var(--Clr1XLight);*/
	border:.5px solid var(--ClrLightGrn);
}
.divMgrLstInSqHidden {
	/*background-color:.5px solid var(--ClrContrast2Light);*/
	border:.5px solid var(--ClrContrast2Mid);
}
.divMgrLstInSqNot {
	/*background-color:.5px solid var(--ClrLightGray);*/
	border:.5px solid var(--ClrGray);
}
.divMgrLstInSqHot {
	/*background-color:.5px solid var(--ClrLightGray);*/
	border:2px solid var(--ClrHgltGrn);
}
.divClrBlkSqRem {
	border:2px solid var(--ClrContrast1Mid);
}

.divClrBlkSqVisible {
	display:inline-block;
	width:0.9rem;
	height:8px;
	background-color: var(--ClrLightGrn);
}
.divClrBlkSqHidden {
	display:inline-block;
	width:0.9rem;
	height:8px;
	background-color: var(--ClrContrast2Mid);
}
.divClrBlkSqNot {
	display:inline-block;
	width:0.9rem;
	height:8px;
	background-color: var(--ClrGray);
}


.divMKQuestionProperties {
	margin: 0 auto;
}
.divMgrLstRowNum {
	display:inline-block;
	overflow:hidden; 
	max-width:5px; 
	text-align:center;
}

.divMgrLstHeaderText {
	
}
.divMgrLstSequence {

}
.divMgrLstSqHeader {
	color:var(--Clr1Dark);
	font-size:1rem;
	font-weight:bold;
}

#divQMgrLstSqMgrInstructions {
	display:inline-block;	
	font-size:.8rem;	
	margin-left:4px;
}
.divMgrLstSubQuestionAnswers {
	display:none;
	width:100%;	
}

#divMgrLstSqQFirst, #divMgrLstSqBottom, #divMgrLstSqQRemove {	
	font-size:0.8rem;	
	color: var(--ClrContrast1Dark);	
	padding: 6px 1px  6px 6px;
	margin-bottom: 4px;
}

#divQMgrQList {
	
}

.divMgrLstSqBottom {
	background:var(--ClrBGMgrMain);
	border:.5px solid var(--ClrContrast1Dark);	
}
.divMgrLstSqQBottomHot {
	border: 2px solid var(--ClrContrast1Light);
}
.divMgrLstSqQRemove {
	background:var(--ClrBGMgrMain);
	border:.5px solid var(--ClrContrast1Dark);
}
.divMgrLstSqQRemoveHot {
	border: 2px solid var(--ClrContrast1Light);
}
#divQMgrDragQOff {
	position: sticky;	
}
#divQMgrDragQOffCntnr {
	
}

#trQBRowPlacement { /*for when user drags question into list of questions - list mode, not preview*/
	border: 2px solid #ffe500;
	background-color: #faf1a3;
}
#tdQBRowPlacement {
	font-size:0.7rem;
}

/*****************************************************************************************************************
**** MNG QUESTIONS DESIGN ****************************************************************************************/
#divMgrDsgnContainer {
	display:none;
	position: relative; 
}
#divQBMgrDsgnCtrl {
	position:absolute;
	width:26rem;
	min-height:26rem;
	height:auto;
	vertical-align:top;	
	border:.5px solid var(--Clr1Dark);
	padding:6px;
	margin:none;
}
#divQBMgrDsgnCtrlBody {
	border:.5px solid var(--Clr1Dark);
}
#divQBMgrDsgnDsp {
	position:relative;
	width: 100%;
	min-height: 25rem;
	height: calc(100vh - 3.1rem);
	vertical-align: top;	
	border: .5px solid var(--Clr1Dark);
	margin: none;
}
#divQBMgrDsgn {
	height:100%; 
	max-height:100%; 
	overflow:auto; 
	padding-left:.6rem;
}
#divQBMgrDsgnCtrlTabs {
	display:inline-block;
	text-align:left;
	padding:0;
	margin:0;
}
.divQBMgrDsgnCtrlTab {
	display:inline-block;
	min-width:6.3rem;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
	background-color:var(--Clr1XLight);
	border:.5px solid var(--Clr1XDark);
	border-radius:6px 6px 0 0;
	border-bottom:none;
	padding: 0 6px 0 6px;
	margin-right:1px;
}
.divQBMgrDsgnCtrlTabOn {
	display:inline-block;
	min-width:6.3rem;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
	background-color:var(--ClrBGMgrMain);
	border:.5px solid var(--Clr1XDark);
	border-radius:6px 6px 0 0;
	border-bottom:none;
	padding: 0 6px 0 6px;
	margin-right:1px;
}
#divQMgrDsgnInfo {
	color:maroon;
}
#tblQBMgrDsgnIfr {
	text-align:left;
	padding:none;
	border:none;
}
.trQBMgrDsgnQ {

}
.tdQBMgrDsgnQ {

}
#divQMgrDsgnCtrlBGBody {
	width:100%;
	height:auto;
}

#sldrQMgrDsgnCtrlBGTransparency {
	
}

#divQMgrDsgnCtrlBGWebImgCntnr {
	display:inline-block;
	width:23rem;
	height:13rem;
	vertical-align:middle;
	margin-bottom:6px;
}
#divQMgrDsgnCtrlBGCellImgCntnr {
	display:inline-block;
	width:8.8rem;
	height:15.7rem;
	vertical-align:middle;
}

#divQBMgrDsgnAllCSSCntnr {
	position:absolute;
	width:100%;
	height:100%;
	text-align:right;
}
#inptQBMgrDsgnAllCSS {
	width:100%;
	height:calc(100% - 1.9rem);
}
.divQBMgrDsgnElemCSSCntnr {
	width:24.5rem;
	text-align:right;
	margin: 0 auto;
	border:.5px solid var(--Clr1XDark);
}
.inptQBMgrDsgnElemCSS {
	width:100%;	
}

#divQBMgrDsgnPgParam {
	margin-top:2px;
}

#divQPreview {
	position: absolute; 
    background-color: #fff5d9;   
    border: 2px solid #4e4e4e;
    padding: 4px;
    margin: 0;
    z-index:200;
}

/*************************************************************/
/*************   QUESTIONS  **********************************/
#divMKQuestionTypes {
	position:absolute;
	display:none;
	left:80vw;
	background-color:var(--Clr2XLight);
	border:1px solid #d8b702;
	padding:0;
	margin:0;
}
#divQuestionTypesHeaderBar {
	background-color:var(--Clr2Light);
	white-space:nowrap;
}
#divQuestionTypesHeader {
	display:inline-block;
}
#divQuestionMgrHeader {
	display:inline-block;
	width: calc(100% - 3.8rem);
	font-size:0.8rem;
	font-weight:bold;
	text-align:center;
	color: var(--Clr1Dark);	
	white-space:nowrap;
	vertical-align:25%;
}

.btnQuestionType {
	display:block;
	width:12rem;
	background-color:#FFFFFF;
	font-size:.8rem;
	text-align:left;
	border:.5px solid var(--ClrBdrMgrMain);
	padding:1px;
	padding-left:4px;	
	margin:4px;
}
.btnQuestionType:focus {
	background-color:var(--Clr2XLight);
}
.btnQuestionType:hover {
	cursor:pointer;
}
.divQType {
	display:none;
}
#divMKQuestionBlock {
	min-width:75vw;
	width:75vw;	
	height:auto;
	text-align:center;	
	z-index: 50;
}
#divMKQuestion {
	text-align:center;
	width:100%;
	height:auto;
	margin auto;
}
#divMKQuestionHTML {
	width:70vw;
	height:auto;
	min-height:6.3rem;
	overflow-y:auto;
	font-size:1rem;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #4e6096;
	margin-left: 4px;
}
#QuestionHtml {
	width:75vw;
	height:1.6rem;
}
.tdQuestionHeaderText {
	background-color:var(--Clr1Dark);
	color:white;
	font-weight:bold;
	font-size:0.8rem;
	padding:2px 2px 2px 6px;
}
#divQuestionParams {
	
}
#divAnswerTextCurrency {
	display:none;
}
#divMKQuestionSpecific {
	text-align:center;
	width:95%;
	margin: 0 auto;
}
.divQuestionSpecificField {
	width:98%;
	margin:0 auto;
}

.tblListSubQuestionAnswers {
	
}
.ifrFldFileURL {
	border: solid #173B6E 1px;
}

/******* INPUT BOX **********************************************/
#divInputBoxBox {
	position:absolute;
	display:block;	
	min-width:21.9rem;
	height:1.5rem;
	background-color:#FFFFFF;
	border:.5px solid #4e4e4e;
	
}
#tblInputBoxBox {

}
#divInputBoxChoice {
	position:absolute;
	display:block;
	
}
.tdInputBoxButton {	
	width:1.3rem;
	height:1.3rem;
	text-align:center;
	vertical-align:center;
	padding:.5px;
}
.tdInputBoxButton:hover {
	cursor:pointer;
}
/******* FILE UL ************************************************/

/**** PDF **********************************************************/
#divMKQPDFNoQuestion {
	
}
#divMKPDFNoQProperties {
	z-index:60;
}
#divMKQPDFAnswerQTypeID {
	display:inline-block;
}
#divMKQPDFAnswerOptions {
	display:inline-block;
}
.tdListPDFAnswer {	
	text-align:left;
	padding-left:3.1rem;
}
.imgListPDFAnswer {

}
.divPDFAnswer {
	width:100%;
	padding:1px;	
}
.divPDFAnswerSentiment {
	display:inline-block;
	background-color: rgba(190,190,190,1);;
	cursor:pointer;
	white-space: nowrap;
    border-radius: 50%;
	border:.5px solid var(--Clr1Dark);
    width: 20rem;
    height: 1.6rem;
}
.spnListIsCorrect {
	vertical-align:middle;
}
.tdListSubLabel {
	width:31.3rem; 
	text-align:left;
	padding-left:3.1rem;
}
.tdLSQPageNum {
	max-width:3.1rem; 
	text-align:center;
	vertical-align: top;
}
.tdLSQRowNum {
	max-width:3.1rem; 
	text-align:center;	
	vertical-align: top;
}
#divPDFBulkAnswers {
	width:19rem;
	height:24rem;
	background-color:#fff5d9;	
	border:var(--border1);
	padding:4px;
	margin:0;
	z-index:125;
}
#divMKPDFBorderOpContainer {
	width: 21.3rem;	
	height: 11.9rem;
	max-width:21.3rem;	
	background-color:#fff5d9;	
	border:var(--border1);
	padding:4px;
	margin:0;
	z-index:125;
}

.divPDFAnswerText {	
	display: inline-block;
	width: 18rem;
	min-width:18rem;
	font-size:.9rem;
	font-weight:normal;
	text-align: left;
	background-color:white;	
	border:var(--border1);
	padding:2px;
	margin:1px;
}

/****************************************************************************************************/
/** TDT Multiple Text Answers ***********************************************************************/
.divTDTRows {
	width:80%;
	text-align:left;
	margin: auto; 
}
.divTDTRow {
	text-align:left;
}

#divTDTDataTypes {
	min-width:19rem;	
	background-color:#fff5d9;
	white-space:nowrap;
	vertical-align: top;
	border:var(--border1);
	padding:4px;
	margin:0;
	z-index:125;
}
#divTDTDataTypeSelection {
	display:inline-block;
	width:8.4rem;
	max-width:8.4rem;
	vertical-align: top;
	border:var(--border1);
	padding:4px;
	margin:1px;
}
.divTDTDataTypeListTitle {
	text-align:center;
	font-weight:bold;
	color:var(--ClrStandOut);	
}
.divTDTDataType {
	width:100%;
	background-color:#FFFFFF;
	text-align:right;
	border:var(--border1);
	margin:2px;	
}
.divTDTDataType:hover {
	cursor:pointer;
}
#divTDTOptions {
	display:none;
}

.divTDTRowLabel {	
	display:inline-block;
	min-width:14rem;
	background-color:white;
	font-size: .85rem;
	font-weight: normal;
	text-align: left;
	color: #000000;
	border:var(--Clr1Light);
	padding:2px;
	margin:1px;
}

//** Complex CX Question *********************************************************************************/
#divCXColumns {	
	
}

#divCXRows {

}
.spnQBListCXCols {
	color: #0d4f86;
	font-weight:bold;		
}
.spnQBListCXRows {
	color: #0d4f86;
	font-weight:bold;		
}
.divCXColumn {
	min-width:80%;
	width:98%;
	text-align:left;	
}
.divCXRow {

}
.divCXColRowLabel {	
	display:inline-block;
	min-width:18rem;
	background-color:white;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;
	color: #000000;
	border:var(--Clr1Light);
	padding:2px;
	margin:1px;
}
#divCXColSelections{
	position: absolute;
	display:none;
	width:18rem;
	height:18rem;
	font-size: 0.7rem;
	background-color:#fff5d9;
	border:.5px solid var(--Clr1Light);
	padding:4px;
	margin:0;
	z-index:125;
}
.CXColumnLabel {
	min-width:13.1rem;
	color:#000000;
}
.CXRowLabel {
	color:#000000;
}
/************************************************************************************/
/** MK SCL Scale Qquestions  ****************************************************************************/
#divMKScale {
	position:absolute;	
	z-index:125;
}
.tdMKSCLNewLabel {
	font-size:0.75rem;
	font-weight:bold;
}
#divSCLMsg {
	margin-bottom:10px;
}
/************************************************************************************/
/** MK SCLMX Scale Matrix Qquestions  ****************************************************************************/
#divSCLMXSentiment {
	
}
#tblMKQSCLMXMatrix {

	margin: 0 auto 4px auto;
}
.trMKQSCLMXLblA {
	
}
.MKQSCLMXLblOdd {
	background-color:var(--Clr1XXLight);	
}
.MKQSCLMXLblEven {
	background-color:var(--Clr1XLight);	
}
.tdMKQSCLMXLblA {

}
.tdMKQSCLMXLblI {
	text-weight:bold;
}
.tdMKQSCLMXLblA2 {

}
.tdMKQSCLMXLblI2 {
	text-weight:bold;
}
.divMKQSCLMXLabelField {
	display:inline-block;
	background:#ffffff;
	text-align:left;
	width: 8rem;
	height: 1.1rem;
	font-size:.75rem;
	border:.5px solid var(--ClrDarkGray);	
	margin:2px;
}

/************************************************************************************/
/** MK Ano Annotation Question **********************************************************************************/
#divMKAnoUsing {
	position:absolute;	
	width:12.5rem;
	height:11.9rem;
	background-color:#fff5d9;	
	border:var(--border1);
	padding:4px;
	margin:0;
	z-index:125;
}


/** Data Model DM Questions *********************************************************/
#divDataModel {
	min-width:100%;
}
#DataModelName {
	width:12.5rem;
}
#hrDataModel {
	
}
#divDMLevels {	
	white-space: nowrap;
	vertical-align:top;
	max-width:100%;
	overflow-x:auto;
	margin:0;
}

#divDMAddLevel {
	display:inline-block;
	margin-left: auto;
  	margin-right: 4px;	
}
.divDMLevel {
	display:inline-block;
	vertical-align:top;
	min-height:100%;
	max-width:21.6rem;
	margin:6px;
}
.DMLevelName {
	color: #000000;
	min-width:6.3rem;	
}
.DMLevelNameNew {
	color: #717171;
	min-width:6.3rem;	
}

.divDMLevelBulk {
		
}
.btnDMSetLevelList {
	cursor:pointer;	
}
.divDMLevelItems {
	display:none;
	vertical-align:top;
}
.tblDMLevelItems {
	min-width:100%;	
}
.DMLevelListBulkInpt {
	min-height:18.8rem;
	min-width:13.1rem;	
}
.divDMItem {
	background-color: #ffffff;
	border:0;
}

.divDMItemOn {
	background: #e2e7fc;
	border:1px solid #3b4b8e;
}

.DMItemText {
	background-color:#ffffff;
	width:13.1rem;	
}
.DMItemTextOn {
	background-color: #e2e7fc;
	width:13.1rem;	
}
.divDMInstr {
	font-style:	italic;
	font-size:0.75rem;
}
/**********************************************************************************/

.divSentiment {
	display:inline-block;
	background-color: rgba(190,190,190,1);
	cursor:pointer;
    border-radius: 4px;
	text-align:center;
	border:.5px solid var(--Clr1Dark);
    width: 6.2rem;
    height: 1.2rem;	
}
.divSentiment:after {	
	font-size:0.75rem;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;	
	padding:3px;
	content: "Sentiment";
}

#divLgcFloMgrCndSentiment {
	position:absolute;
	width:12.9rem;
	background-color:#ffffff;
	margin: 0 auto;
	z-index:100;
}

.divIfcSentimentContainer {
	width:15rem;	
	height:3.5rem;	
	z-index:60;
}
.divSldrSurveyorSentimentBak {	
	width:98%;
	height:0.9rem;
	background-image:url("/images/sldrSentimentGrad.png");
	background-size: 100% auto;
	overflow:none;
	margin-top:6px;
}
.divSldrSurveyorSentimentContainer {	
	
}
.divSldrSurveyorSentimentLabels {
	width:98%;
}
.divSldrSurveyorSentimentMad {	
	float:left;
}
.divSldrSurveyorSentimentHappy {	
	float:right;
}
.sldrSurveyorSentiment {
	width:98%;
	height:5px;
	border-radius:5px;	
}

.divMKAnswerImage { /*The div container for the image element for image based predefined answers.*/
	display: inline-block;
	
	max-width: 50vw;
	max-height: 50vw;
	cursor:pointer;	
	border:var(--border1);
	padding:2px;	
}
.imgMKAnswerImage { /*The image element for image based predefined answers.*/
	padding:1px;
}

#divThankUHtml {
	display:inline-block;
	width:80vw;
	height:25rem;
	background-color:#FFFFFF;
	border: .5px solid black;
}
/*******************************************************************************/
/************************ FILE UPLOADER ***************************************/
.divFileULFileUploadContainer {
	display:inline-block;	
	border:1px solid #002e66;
	padding:0;
	margin: 0;
}
.divFileULFileErr, .divFileULFileNone, .divFileULFileImg
{
	display:block;
	width:100%;
	height:100%;
	background-color: #fff5d9;
	text-align:center;	
	padding-top:3%;
	margin: 0;
}

#divClientFileUploadContainer {
	display:inline-block;
	min-width:15.8rem;
	max-width:15.8rem;
	min-height:16.7rem;
	max-height:16.7rem;
	border:1px solid #002e66;
	padding:0;
	margin: 0;
}
.divClientFileUpload { /*switch between this & the class below*/
	display:block;
	min-width:23.1rem;
	max-width:23.1rem;
	min-height:16.6rem;
	max-height:16.6rem;
	background-color: #fff5d9;
	text-align:center;	
	padding-top:3%;
	margin: 0;
}
.divClientFileNone { /*switch between this & the class above*/
	display:block;
	min-width:23.1rem;
	max-width:23.1rem;
	min-height:16.6rem;
	max-height:16.6rem;
	background-color: #fff5d9;
	text-align:center;
	padding-top:3%;
	margin: 0;
}
#divClientFileMsg {	
	font-size:
	text-align:center;
}
#divClientFileErr {
	display:none;
	text-align:center;
}
#divClientImageCrop {
	position:absolute;
	display:none;
	background-color: #fff5d9;
	width:33.8rem;
	height:43.1rem;
	border:1px solid #002e66;
}

/******************************************************************************************/
/** Text Answr Text Types *****************************************************************/

#divTXTDataTypes {
	position: absolute;
	display: none;
	min-width:19rem;
	
	background-color:#fff5d9;
	white-space:nowrap;
	vertical-align: top;
	border:.4px solid #4e4e4e;
	padding:4px;
	margin:0;
	z-index:125;
}
#divTXTDataTypeSelection {
	display:inline-block;
	width:8.4rem;
	max-width:8.4rem;
	vertical-align: top;
	border:.4px solid #4e4e4e;
	padding:4px;
	margin:1px;
}
.divTXTDataTypeListTitle {
	text-align:center;
	font-weight:bold;
	color:#1e5799;	
}
.divTXTDataType {
	width:100%;
	background-color:#FFFFFF;
	text-align:right;
	border:.4px solid #4e4e4e;
	margin:2px;	
}
.divTXTDataType:hover {
	cursor:pointer;
}
#divTXTOptions {
	display:none;
}
.TXTAnswerLabel { 
	display:inline-block;
	min-width:12.5rem;
	background-color:white;
	color:#b9b9b9;	
	border:.4px solid #4e4e4e;
	padding:2px;
	margin:1px;
}

/**************************************************************************************************************/
/***********************    USER MANAGER   *******************************************************************/
#divIfcUserPersonID {
	display:inline-block;
}
#divUserMgrIsActive {
	display:inline-block;
}
#fldstUserMgrUserGroups {
	border:1px solid var(--Clr1Dark);
}
#lgndUserMgrUserGroupsTitle {
	color:var(--Clr1XDark);
	font-weight:bold;
}
#divUserMgrLogin {
	border:1px solid var(--Clr1Dark);
	padding:4px 6px;
	margin-top:10px;
}
#fldstUserMgrUserPermissions {
	border:1px solid var(--Clr1Dark);
}
#lgndUserMgrUserPermissionsTitle {
	color:var(--Clr1XDark);
	font-weight:bold;
}
#divUserMgrDivision {
	display:none;
}
.divUserMgrLinkTblFieldTitle {
	display:inline-block;
	color:var(--Clr1XDark);
	font-weight:bold;
}
#divIfcUserRecordID {
	display:inline-block;
}

#btnUserMgrSaveAttrib {
	display:none;
}

#divAttrInfo {
	display:none;
	font-size:.8rem;	
	color : var(--ClrContrast1Mid);
}
/******** USER GROUPS ******************************************/
.divUserGrpMgrUserGroups {
	display: grid;
	grid-template-columns: auto 3.4rem;
	grid-gap: 4px;
	max-height:50vh;
	overflow-y:auto;
	padding: 6px;
}
.divUserGrpMgrUserGroups  > div {

}

#divUserGrpMgrEditor {
	display: grid;
	grid-template-columns: 11.6rem auto;
	grid-gap: 4px;	
	padding: 6px;
}
#divUserGrpMgrEditor > div {

}

/**************************************************************************************************************/
/***********************     RATED ENTITY MANAGER   ***********************************************************/
.divRtdEntyMgrBody {	
	padding:6px;
}
.divRtdEntyMgrLinkTableRec {
	white-space:nowrap;
}
.divRtdEntyMgrLinkTblFieldTitle {
	display:inline-block;
	font-weight: bold;	
	color:var(--Clr1Dark);
}
.divRtdEntyMgrAddlFields {

}
.divRtdEntyMgrRecordID {
	font-weight: bold;	
	color:var(--Clr1Dark);
}
.divRtdEntyMgrRecordIDNew {
	font-weight: bold;	
	color:var(--ClrContrast1Dark);
}

.divRtdEntyMgrMultiLinks {
	display:none;
	margin:0 2px 10px 2px;
}
.divRtdEntyMgrMultiLinkSel {
	background:white;
	min-width:6rem;
	height:4.5rem;
	overflow-y:auto;
}
/**************************************************************************************************************/
/***********************     MNG RATED ENTITY IFACE   ***********************************************************/
#fldstRtdEntyIfcQreGen {
	display:none;	
	border:1px solid var(--Clr1Dark);
	margin-bottom:10px;
}
#lgndRtdEntyIfcQreGen {
	font-weight: bold;	
	color:var(--Clr1Dark);
}
#divRtdEntyIfcQreGenQre {
	display:none;
}
#fldstRtdEntyIfcQreOption {
	display:block;	
	border:1px solid var(--Clr1Dark);	
}
#lgndRtdEntyIfcQreOption {
	font-weight: bold;	
	color:var(--Clr1Dark);
}
#divRtdEntyIfcQreGenQre {
	display:none;
}
#divRtdEntyIfcQreDoGen {
	width:100%;
	text-align:right;
	margin-right:.6rem;
}
#divRtdEntyIfcFldImptAttribution {
	display:none;
	border: 1px solid var(--Clr1XDark);	
	padding:6px 10px;
	margin-top:10px;
}
.divRtdEntyMgrMultiLinkTblRecIDs {
	display:inline-block;
	font-size:0.8rem;
	width:max-content;
	height:max-content;
	background:white;
	max-height:6rem;
	overflow-y:auto;
	border:0.5px solid var(--ClrBdrMgrMain);
	padding:2px 4px 2px 0;
}
/*******************************************************************************************************************/
/***********************     RATED ENTITY GRID MANAGER   ***********************************************************/
/* This is what we are focused on */
.table-wrapper{
  overflow-y: scroll;
  height: 13.1rem;
}

.table-wrapper th{
    position: sticky;
    top: 0;
}

#divRtdEntyGridGroupID {
	display:none;
}
#divRtdEntyGridContainer {   
	border: 1px solid var(--Clr1XDark);
	padding:3px;
}
#divRtdEntyGridGrid {	
	min-width:85vw;
	max-width:85vw;
	min-height:6.3rem;	
	max-height:85vh;
	overflow-y: auto;
}
/*
#divRtdEntyGridGrid thead tr:nth-child(1)  { position: sticky; top: 0; }
#divRtdEntyGridGrid thead tr:nth-child(2)  { position: sticky; top: 1.6rem; }
#divRtdEntyGridGrid thead tr:nth-child(3)  { position: sticky; top: 1.9rem; }
*/
#tblRtdEntyGrid {	
	border-collapse: collapse;
}

.hdrRtdEntyGridHeader {
	
}
.trRtdEntyGridHeader {	
  	background-color:var(--Clr1Dark);
}
.tdRtdEntyGridHeader { 
	font-size:0.8rem;
	font-weight:bold;
	color:white;
	cursor:pointer;
	white-space:nowrap;
	border: 1px solid var(--Clr1XDark);
	padding-left:6px;
	padding-right:6px;
}
.trRtdEntyGridBody {
  	background-color:var(--Clr1Dark);
}
.tdEntyMgrGridBtnsLeft {
	max-width:4rem;
	white-space:nowrap;
}
.tdRtdEntyGridBody {  
	white-space:nowrap;
	border: 1px solid var(--Clr1XDark);
	padding-left:6px;
	padding-right:6px;
}
#divRtdEntyGridAttrNamesSelection {
	display:inline-block;
	vertical-align:bottom;
}
#divRtdEntyGridFileImport {
	display:none;
	text-align:left; 
	width:100%;
	border:.5px solid var(--ClrBdrMgrMain);
	padding:6px 10px;
}
#RtdEntyGridText {
	width:100%;
	height:100%;
}
#divRtdEntyGridImportOrgAffil {
	display:none;
}
#divRtdEntyGridTabs {
	display:none;
	width:100%;
}
#divRtdEntyGridExisting {
	display:none;
	min-height:18.8rem;
	border: 1px solid var(--Clr1XDark);
	padding:3px;
}
#tblRtdEntyGrid {
	border: .5px solid var(--Clr1Dark);
}

#divRtdEntyGridFieldSelector {
	position:absolute;
	background-color:var(--Clr2XLight);
	border: 1px solid var(--Clr2XDark);
	padding:3px;
	z-index: 50;
}

#divRatedEntitiesTextBox {
	display:none;
	width:100%;
	max-width:100%;
	height:85vh;
	max-height:85vh;
	overflow:auto;
}
#inptRatedEntitiesText {	
	min-height:25rem;
	width:100%;
	max-width:100%;
	height:98%;
	white-space:nowrap;
	overflow:auto;
	background-color:white;
	border: .5px solid var(--Clr2XDark);	
}
#divBtnMapRtdEntyGridFields {
	display:none;
}

#divRtdEntyGridMsg {
	display:block;
}
#divRtdEntyGridFieldError {
	display:none;
}

#divRtdEntyGridMsgPreview {
	background-color:var(--Clr2XLight);
}
#anchrRatedEntities {
	height:0;
}
#divBtnRtdEntyGridSrchRatedEntities {
	white-space:nowrap;
}
#inptRtdEntyGridSrchRatedEntities {
	width:12.5rem;
}
.divRtdEntyGridFoundRec {
	display:inline-block;
	text-align:right;
	margin-right:.6rem;
}
.divRtdEntyGridSort {
	display:inline-block;
	float:right;
	margin: 0 .6rem 0 auto;
}

/*****************************************************************************************************/
/************************ TpLocEvt TOUCHPOINTS LOCATTIONS EVENTS   ***********************************/
#divTpLocEvtLocations, #divTpLocEvtEvents, #divTpLocEvtTouchpoints {
	text-align:left;
}
.divTpLocEvtLocRows {
	display: grid;
	grid-template-columns:auto 3.8rem;
	grid-gap: 4px;
}
.divTpLocEvtLocHdr {
	
}

.divTpLocEvtEvtRows {
	display: grid;
	grid-template-columns:11.6rem auto auto 3.8rem;
	grid-gap: 4px;
}
.divTpLocEvtEvtRow {
	display: grid;
	grid-template-columns:11.6rem auto 3.8rem;
	grid-gap: 4px;
}

.divTpLocEvtTpRows {
	display: grid;
	grid-template-columns:11.6rem auto auto auto 3.8rem;
	grid-gap: 4px;
}
.divTpLocEvtTpRow {
	display: grid;
	grid-template-columns:11.6rem auto 3.8rem;
	grid-gap: 4px;
}
/*****************************************************************************************************/
/************************   CERTIFICATES   ****************************************************************/

#tblCrtMgrRatings {
	border-collapse:collapse;
	border:none;
	margin-left:.8rem;
}
#tblCrtMgrRatings th {
	text-align:left;
	font-weight:bold;
	border:none;
}
#tblCrtMgrRatings td {
	text-align:left;
	border:none;
}

/*****************************************************************************************************/
/************************   SCALES   ******************************************************************/
#divIfcSclContainer {
	margin-left:1.1rem;
}
#divSCLFound {
	
}
#divSCLFoundLst {
	margin-left:.8rem;
}
/*****************************************************************************************************/
/************************   TASKS   ******************************************************************/


#divTaskMgrRecordID {
	display:inline-block;
}
#divTaskMgrTaskName {
	display:inline-block;
}
#divTaskMgrTgrCntnr {
	border:.5px solid var(--Clr1Dark);
	padding: .6rem 4px;
}
#divTaskMgrIfcTaskCntnr {
	border:.5px solid var(--Clr1Dark);
	padding: .6rem 4px;
}

#divTaskMgrTgrParams {
	
}

#divTaskMgrAttrName {
	
}
#divTaskMgrQrtly {
	
}
#divTaskMgrFields {
	display: grid;
	grid-template-columns: 6.3rem auto;
	grid-gap: 4px;
	padding: 6px;
}
#divTaskMgrFields > div {

}

#divTaskMgrStopDate {
	display:inline-block;
}

.divTaskFields {
	display: grid;
	grid-template-columns: 12.5rem auto;
	grid-gap: 4px;	
	padding: 6px;
}

.divTaskFields > div {
	font-size:0.8rem;
}

.divTaskDetail {
	font-size:0.8rem;
}

#divTasksIntro {
	padding: 6px;
	margin: 6px 0;
}
#divTaskMgrTgrSchedule {
	display:none;
	border:.5px solid var(--Clr1Dark);
	padding: 6px;
}
#divTskSchIntervalDay {

}

#divTaskMgrTgrEvent {
	display:none;
	border:.5px solid var(--Clr1Dark);
	padding: 6px;
}
#divTskSchEvtPrms {
	
}

.divTaskDeliveryPlan {
	display:inline-block;
}

.divTaskNotCompleted {
	display:inline-block;
	font-weight:bold;
	color:var(--Clr1Dark);
	margin-right:.6rem;
}

.divTaskIncompleteRcpPerson {
	display:inline-block;
	font-weight:bold;
	color:var(--Clr1Dark);
	margin-right:.6rem;
}

.divTaskMsgSender {
	display:inline-block;
}
#lblTaskRecipPersons {
	display:none;
}
#TaskRecipPersons {
	display:none;
	margin-left:.6rem;
}
#lblTaskRecipGroups {
	display:none;
}
#TaskRecipGroups {
	display:none;
	margin-left:.6rem;
}

#lblTaskTaskedPersons {
	display:none;
}
#TaskTaskedPersons {
	display:none;
	margin-left:.6rem;
}

#lblTaskTaskedGroups {
	display:none;
}
#TaskTaskedGroups {	
	display:none;
	margin-left:.6rem;
}
.TaskRqSurveyorsLbl {	
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.TaskRqSurveyors {
	margin-left:.6rem;
}
.TaskRqGroupsLbl {
	display:none;
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.TaskRqGroups {
	display:none;
}
.TaskRqQuestionairesFoundLbl {	
	display:none;
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.TaskRqQuestionairesFound {
	display:none;
}
.divTaskQuestionaire {	
	display:inline-block;	
}
.divTaskNotCompleted {
	display:inline-block;
	font-weight:bold;
	color:var(--Clr1Dark);
	margin-right:.6rem;
}
.btnTaskClearForm {
	display:none;
}
.btnTaskDeleteTask {
	display:none;
}

/************************   TASK SCHEDULES / EVENTS **************************************************/
#divTaskMgrIntervalDay {
	display:inline-block;
}


/*****************************************************************************************************/
/************************   ISSUES 	******************************************************************/
#divIssColCntnr {
	width:max-content;
	max-width:95vw;
	height:calc(max-content + 500);
	max-height:100vh;
	background:var(--ClrBGMgrMain);
	border:1px solid var(--ClrBdrMgrMain);
	border-radius:1rem;
	padding:2rem;
	margin:0 auto;
	overflow:hidden;
}
#divMngIssueCollaborators {

}
#tblMngIssueCollaborators {	
	border-spacing: 6px;
    border-collapse: separate;
}

.tblMngIssueFound {
	margin-left:.8rem;
	margin-bottom:.8rem;
	border-collapse:collapse;
	border:none;
}
.trIssueFound {
	
}
.trIssueFound:hover {
	color: var(--Clr2Mid);
}
.tblMngIssueFound td {
	color: var(--Clr1Dark);
	font-size:0.75rem;
	font-weight:bold;
	text-align:left;
	border:none;
	cursor:pointer;
	padding: 0 4px;
}

#divIssColFound {
	display:none;
}
#divIssCol {
	width: max-content;
}
#divIssColColName {
	display:inline-block;
	
}
#divIssConTabs {
	width:max-content;
	white-space:nowrap;
	margin:3px auto 0 auto;
}
.divIssConTab {
	display:inline-block;
	min-width:.6rem;
	text-align:center;	
	cursor:pointer;
	background-color:var(--Clr1XLight);
	border:.5px solid var(--Clr1XDark);
	border-radius:6px 6px 0 0;
	border-bottom:none;
	padding: 0 6px;
	margin-right:1px;
}
.divIssConTabOn {
	background-color:var(--Clr2XLight);	
}
#divIssConBody {
	position:relative;
	width:23.6rem;	
}
#divIssConChat {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#divIssConMsgLst {	
	width:calc(100% - 1px);
	overflow-y:auto;
	background:white;
	height:calc(100vh - 21rem);
	border:.5px solid var(--Clr1XDark);	
	padding: 4px 2px 0 2px;
	margin:4px auto;
}
.divIssConMsgCntnr {
	display: grid;
	width:calc(100% - 6px);	
	grid-template-columns: auto 6.3rem;
	grid-gap: 6px;
	border:.5px solid var(--ClrLightGray);
	margin-left:4px;
	margin-bottom:6px;
}
.divIssConMsg {
	font-size:.7rem;
	display:inline-block;
}

#divIssConNewMsg {
	width:calc(100% - 1px);	
	overflow-wrap: break-word;	
	border:.5px solid var(--ClrLightGray);
	margin:4px auto;
}
#inptIssConNewMsg {
	width:calc(100% - 1.9rem);
	height:3.3rem;
	font-size: 0.8rem;
	font-weight: normal;
	text-align: left;
	background-color:white;	
	border: .5px solid var(--ClrGray);
}
#imgIssConSaveMsg {
	display:inline-block;
	vertical-align:0.9rem;
}
#divIssConIssue {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:calc(100vh - 6.3rem);	
}
#divIssConIssueInt {
	width:calc(100% - 1px);
	overflow-y:auto;
	background:white;
	height:calc(100vh - 11.6rem);
	border:.5px solid var(--Clr1XDark);
	padding: 0 2px 0 2px;
	margin:2px auto;
}
#divIssConIssueCreator {
	white-space:nowrap;
}
#divIssConDateResolved {
	display:inline-block;
}
#divIssConCols {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:calc(100vh - 6.3rem);
}
#divIssConColLst {
	width:calc(100% - 1px);
	overflow-y:auto;
	background:white;
	height:calc(100vh - 11.6rem);
	border:.5px solid var(--Clr1XDark);	
	padding: 0 2px 0 2px;
	margin:2px auto;
}
.divIssConCol {
	color: var(--Clr1Dark);
}
.divIssConColOff {
	color: var(--ClrContrast1Mid);
}

#divIssJobTaskedTtl {
	display:none;
}
#tblIssJobTasked {
	
}
#tblIssJobTasked  tr {
	
}
#tblIssJobTasked  td {
	padding:2px;
}
#tblIssJobTaskedPersons {
	margin-left:.6rem;
	margin-bottom:.6rem;
}
#tblIssJobTaskedGroups {
	margin-left:.6rem;
	margin-bottom:.6rem;
}
#divIssJobJobsFound {
	display:none;
}
#divIssConJobs {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:calc(100vh - 6.3rem);
}
#divIssConJobsLst {
	width:calc(100% - 1px);
	overflow-y:auto;
	background:white;
	height:calc(100vh - 11.6rem);
	border:.5px solid var(--Clr1XDark);
	padding: 0 2px 0 2px;
	margin:2px auto;
}
.divIssConJob {
	
}

/*****************************************************************************************************/
/************************   REWARDS   ****************************************************************/

#divRwdsMgrAcctTabs {
	width:max-content;
	white-space:nowrap;
	margin:0;
}
.divRwdsMgrAcctTab {
	display:inline-block;
	min-width:.6rem;
	text-align:center;	
	cursor:pointer;
	background-color:var(--Clr1XLight);
	border:.5px solid var(--Clr1XDark);
	border-radius:6px 6px 0 0;
	border-bottom:none;
	padding: 0 6px;
	margin-right:1px;
}
.divRwdsMgrAcctTabOn {
	background-color:var(--Clr2XLight);	
}

.divRwdsMgrOrdersFrmCntnr {
	display:none;
}

#divRwdsMgrAcctsCntnr {
	position:relative;
	border:.5px solid var(--Clr1XDark);
	padding:6px;
}

#divRwdsMgrDesposits {
	display:none;
	position:absolute:
	left:0;
	top:0;
}
#divRwdsMgrOrders {
	position:absolute:
	left:0;
	top:0;
}
#divRwdsMgrEmailTmpl {
	display:none;
	position:absolute:
	left:0;
	top:0;
}

.tblRwdsMgrDesposits {
	border-collapse: collapse;
}
.tblRwdsMgrDesposits td, .tblRwdsMgrDesposits th {
	border: 1px solid var(--ClrLightGray);
	padding: 2px 6px 2px 6px;
}
.tblRwdsMgrDesposits tr:nth-child(even){background-color: var(--Clr1XXLight);}
.tblRwdsMgrDesposits tr:nth-child(odd){background-color: var(--Clr1XLight);}
.tblRwdsMgrDesposits tr:hover {background-color: var(--Clr2XLight);}
.tblRwdsMgrDesposits th {
	text-align: center;
	background-color: var(--Clr1XDark);
	color: white;
}

#divRwdsMgrEmailTmplFlds {
	display: grid;
	grid-template-columns: 12.5rem auto;
	grid-gap: 4px;	
	padding: 6px;
}
#divRwdsMgrEmailTmplFlds > div {	
	
}

.tblRwdsOrdOrdersFound {
	display:none;
	border-collapse: collapse;
}
.tblRwdsOrdOrdersFound th, .tblRwdsOrdOrdersFound td {
	border: 1px solid var(--ClrLightGray);
	padding: 2px 6px 2px 6px;
}
.tblRwdsOrdOrdersFound tr:nth-child(even){background-color: var(--Clr1XXLight);}
.tblRwdsOrdOrdersFound tr:nth-child(odd){background-color: var(--Clr1XLight);}
.tblRwdsOrdOrdersFound tr:hover {background-color: var(--Clr2XLight);}
.tblRwdsOrdOrdersFound > th {
	text-align: center;
	background-color: var(--Clr1XDark);
	color: white;
}

.divRwdsOrdOrder {
	display: grid;
	grid-template-columns: max-content auto;
	grid-gap: 4px;	
	padding: 6px;
}
#divRwdsOrdOrder div {	
	display:inline-block;
}

/************************   RwdsCCMgr REWARDS Credit Card Manager    *********************************/
#divFoundRwdsCCMgr {
	display:none;
}

#divFoundRwdsCCMgrRecs {
	margin-left:.8rem;
}
	
/*****************************************************************************************************/
/************************   REMOTE SITE CAMPAIGNS   **************************************************/
#divMngRemoteCampaignDomain {
	display:inline-block;
	font-weight:bold;
	color:var(--Clr1XDark);
}
#divMngCampaignCode {
	word-break: break-all;
}


#RemoteDisplayHeading {
	width:100%;
	font-size:1rem;
	font-weight:bold;
	color:var(--Clr1Dark);
	text-align:center;
	padding:1px;
}

#divTriggerElement {
	display:none;
}
#MngRemoteDisplayHTML {
	width:75%;
	height:50rem;
	border:1px solid var(--Clr1Dark);
	background:white;
}

#divMngRemoteSurveyURL {
	display:inline-block;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.ifrRemoteSurvey {
	border:0;
	padding:1px;
	margin:0;
}

/*********************************************************************************************************************/
/************************ IFC RPT FILTER MANAGER 	******************************************************************/
#divIfcFltDetailHdr {
	grid-template-columns:18.8rem auto;
	grid-gap: 4px;	
}
.divIfcFltDetailHdrCell {
	font-size:var(--RptFontSize);
	font-weight:bold;
	color:var(--Clr1Dark);
	text-align:center;
}
#divIfcFltDetail {
	grid-template-columns:18.8rem auto;
	grid-gap: 4px;	
}
.divIfcFltDetailCell {
	border:.5px solid var(--Clr1Dark);
	
}
.divIfcFltQuestion {
	width:99%;
	background-color: var(--ClrTanXLignt);
	border:.5px solid var(--Clr1Dark);
	padding:4px 6px;
	margin:0 auto;
}


/***********************************************************************************************************************/
/************************   REPORT MANAGERS 	************************************************************************/
.divRptDtaAnswerData {
	display:none;
	font-size:var(--RptFontSize);
	margin-bottom:10px;
}

/************************   REPORT BUILDER 	************************************************************************/

#divRptBldrCntnr {
	
}
#divRptBldrHeaderHtmlCntnr {
	background:white;
	border:.5px solid var(--ClrBdrMgrMain);
}
#divRptBldrFooterHtmlCntnr {
	background:white;
	border:.5px solid var(--ClrBdrMgrMain);
}
#divRptBldrTopInfo {
	font-size:var(--RptFontSize);
	font-weight:bold;
	color:var(--ClrContrast1Mid);
	opacity = 1;
	transition = opacity 3s;
	z-index:150;
	padding-left:6px;
	padding-right:4px;
}
#divRptBldrCntrlOtr {
	display:none;
	position:absolute;
	top:6rem;
	left:70%;
	width:max-content;	
	background-color:var(--Clr2XLight);
	border:1px solid var(--Clr2XDark);
	padding:6px;
	z-index:25;
}
#divRptBldrCntrl {
	display:none;
	width:max-content;
	height:100%;
	font-size:var(--RptFontSize);
	border:.5px solid var(--ClrBdrMgrMain);
	vertical-align:top;
	padding:4px 0 0 4px;
	
}
.divRptBldrCtrlWin {
	border-top:.5px solid var(--ClrBdrMgrMain);
	padding:6px;
}

#divRptBldrContent {
	width:100%;
	height:100%;
	overflow:auto;
	border:.5px solid var(--ClrBdrMgrMain);
	padding:6px;	
}
#divRptBldrHeader {
	
}
.divRptBldrContentBlock {
	width:90%;
	height:10%;
	border:.5px solid var(--ClrDarkGray);
	background:white;		
}
#divRptBldrAllCSSCntnr {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:right;
	border:.5px solid var(--ClrBdrMgrMain);
	background-color:var(--ClrBGMgrMain);
}
#inptRptBldrAllCSS {
	width:100%;
	height:100%;
}
.divRptBldrElemCSSCntnr {
	width:17.8rem;
	text-align:right;
	margin: 0 auto;
	border:.5px solid var(--Clr1XDark);
}
.inptRptBldrElemCSS {
	width:100%;	
}

#divRptBldrPrintDim {
	display: grid;
	grid-template-columns:auto 4.7rem;
	grid-gap: 4px;
	width:12.5rem;
	margin-top:.6rem;
}
/**********************************************************************************************/
#divReport {
	position:relative;
	overflow:hidden;
	border:.5px solid #002960;
}
#divRptBldrReportGgBtnsCntnr {
	border-bottom:.5px solid black;
}
#divRptBldrReportGauge {
	display:inline-block;
}
#divRptBldrReportDimButtons {
	display:inline-block;
	width: 65px;	
	margin:0 0 0 auto !important;
}
.btnRptBlockResize {
	display:inline-block;
	position:relative;
	background:transparent;
	color:inherit;
	float:right;
	border:0;
	padding:0;
	margin:0;
	z-index:25;
}

/*********************************************************************************************************************/
/************************   EXTERNAL TEXT MANAGER 	******************************************************************/
#divIfcExtTxtTextHdr {
	display:inline-block;
}
#divIfcExtTxtText {
	
}

#IfcExtTxtText {
	width:80vw;
	min-height:3.1rem;
	max-height:85vh;
	overflow:auto;
	background-color: white; 
	border:.5px solid var(--ClrGray);
}

	
/*********************************************************************************************************************/
/************************   CATEGORIES	******************************************************************/

#divIfcCatQBSequences {
	display:none;
}

#divIfcCatQBSequenceRls {
	display:none;
}

#divIfcCatQBSequenceRlQuestions {
	max-height:85vh;
	max-width:100vw;
	overflow:auto;
	margin-bottom:10px;
}

#IfcCatDispOrder {
	width:1.5rem;
}
/*********************************************************************************************************************/
/************************   RPT REPORT GROUPS MANAGER 	******************************************************************/

#divIfcQGrpQuestionsHdr {
	display:inline-block;
}

#divIfcQGrpQuestions {
	max-height:calc(100vh - 12.5rem);
	overflow-y:auto;
}

/*********************************************************************************************************************/
/************************  Analysis REPORT MANAGER 	******************************************************************/
#divRptFilterInfo {
	margin-top:10px;
}
/*********************************************************************************************************************/
/************************   RPT REPORT MANAGER 	******************************************************************/
#divRptMgrReport {
	overflow:hidden;
	text-align:center;
	border:.5px solid var(--Clr1Dark);
}
#divRptMgrFilter {
	display:none;
	border:.5px solid var(--Clr1Dark);
	padding:8px 4px 4px 8px;
}
#divRptMgrFonts {
	display:none;
	border:.5px solid var(--Clr1Dark);
	padding:8px 4px 4px 8px;
}

#divRptMgrNewReport {
	display:inline-block;
}
#divRptMgrNewCSS {
	display:inline-block;
}
#divRptMgrReportHdr {
	display: grid;
	grid-template-columns:18.8rem auto 23.1rem;
	grid-gap: 4px;	
}
.divRptMgrReportHdrCell {
	font-size:var(--RptFontSize);
	font-weight:bold;
	color:var(--Clr1Dark);
	text-align:center;
}
#divRptHeaderHtmlCntnr {
	background:white;
	border:.5px solid var(--ClrBdrMgrMain);	
}
#divRptFooterHtmlCntnr {
	background:white;
	border:.5px solid var(--ClrBdrMgrMain);	
}
#divRptMgrReportCntnr {
	height:calc(100vh - 13.1rem);
	max-height:calc(100vh - 13.1rem);
	display: grid;
	grid-template-columns:18.8rem auto 23.1rem;
	grid-gap: 4px;	
	overflow-y:auto;	
}

#divRptMgrCtrlCntnr {
	height:calc(100vh - 13.1rem);	
	max-height:calc(100vh - 13.1rem);	
	vertical-align:top;
	overflow-x:hidden;
	overflow-y:auto;
	border:.5px solid var(--Clr1Dark);	
}
#divRptMgrCtrlInt {
	position:absolute;
	max-width:18.8rem;
	padding:4px 6px 4px 6px;
	z-index:10;
}

#divRptMgrAnlyzCntnr {	
	height:calc(100vh - 13.1rem);
	max-height:calc(100vh - 13.1rem);	
	vertical-align:top;
	overflow-x:hidden;
	overflow-y:auto;	
	border:.5px solid var(--Clr1Dark);	
}
#divRptMgrCtrlQSelection {
	
}

.divRptMgrAnlyzFilter {
	width:99%;
	background-color: var(--ClrTanXLignt);
	border:.5px solid var(--Clr1Dark);
	padding:4px 6px;
	margin:0 auto;
}
.divRptMgrAnlyzBlock {
	width:99%;
	max-width:99%;
	overflow-x:auto;
	background-color: var(--ClrTanXLignt);
	border:.5px solid var(--Clr1Dark);
	padding:4px 6px;
	margin:0 auto .6rem auto;
}

.tblRptMgrAnlyzDCData {
	
}
.trRptMgrAnlzyDCDataHdr {
	
}
.trRptMgrAnlzyDCDataBody {
	
}
.tdRptMgrAnlzyDCDataHdr {	
	background:var(--ClrXLightGray);
	vertical-align:top;
	border:.5px solid var(--ClrGray);
	padding:4px 6px;
}
.divTdRptMgrAnlzyDCDataHdrCntnr {
	display: grid;
	grid-template-columns:auto 1.4rem;
	grid-gap: 4px;	
	padding: 0;
}
.tdRptMgrAnlyzDCData {	
	background:white;
	border:.5px solid var(--ClrGray);
	padding:4px 6px;
	vertical-align:top;
}

#divRptMgrCtrlFields {
	width:90%;
	max-height:calc(90vh - 31.3rem);
	overflow-y:auto;
}

.divRptMgrAnlyzBlockPg {
	text-align:center;
}

#divRptMgrDsgnStylesCntnr {	
	height:calc(100vh - 13.1rem);	
	max-height:calc(100vh - 13.1rem);
	vertical-align:top;	
	overflow-x:hidden;
	overflow-y:auto;
	border:.5px solid var(--ClrGray);
}
/*********************************************************************************************************************/
/************************   IMG IMPORT TO Base64 	******************************************************************/
.divImgImport {

}

/*****************************************************************************************************/
/************************   FORM FIELDS 	**********************************************************/
.divFieldsAligned {
	display: grid;
	grid-template-columns:max-content auto ;
	grid-gap: 4px;
	max-height:50vh;
	overflow-y:auto;
	padding: 6px;
}
.divFields125 {
	display: grid;
	grid-template-columns:8rem auto ;
	grid-gap: 4px;
	max-height:50vh;
	overflow-y:auto;
	padding: 6px;
}

.divFields150 {
	display: grid;
	grid-template-columns:9.3rem auto ;
	grid-gap: 4px;
	max-height:50vh;
	overflow-y:auto;
	padding: 6px;
}

.divFields175 {
	display: grid;
	grid-template-columns:11rem auto ;
	grid-gap: 4px;
	max-height:50vh;
	overflow-y:auto;
	padding: 6px;
}

.divFields200 {
	display: grid;
	grid-template-columns:12.5rem auto;
	grid-gap: 4px;
	max-height:50vh;
	overflow-y:auto;
	padding: 6px;
}

#ThankUHtml {
	width:85vw;
	height:31.3rem;
}
.divFieldBlock {
	text-align:left;
	vertical-align:top;
	font-size:.75rem;
	padding:3px;
	margin: 0;
}
.divFieldContainer {	
	padding:2px;
	margin: 2px;
}
.divFieldLabel {
	display:inline-block;
	color:var(--ClrDarkGray);
	vertical-align:top;	
}
.divField {
	display:inline-block;
	color:var(--ClrDarkGray);
	font-size:.75rem;
	vertical-align:top;
	margin-right:1.3rem;
}
.lblFieldSm {	
	display:inline-block;	
	vertical-align:top;
	padding-right:6px;
}
.lblRequiredSm {
	display:inline-block;
	vertical-align:top;
	padding-right:6px;
}
.lblRequiredSm::before { 
	content: "*"; 
	color: red;
	font-weight: bold;
}
.lblFieldSm {	
	display:inline-block;
	font-size:.75rem;
	vertical-align:top;
	padding-right:6px;
}
.lblRequiredSm {
	display:inline-block;
	vertical-align:top;
	font-size:.75rem;
	padding-right:6px;
}
.FieldPlaceHolder
{	
	color:var(--ClrGray);	
}
.FieldLabel {
	color:var(--ClrDarkGray);
}
.Field {	
	color:var(--ClrDarkGray);
}
.spnRequired
{
	 font-size:0.75rem;
	 font-weight : bold;
	 color : #FF0000;
}
.divHTMLField {
	display: inline-block;
	width: 25rem;
	min-width:25rem;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;
	background-color:white;
	border:.5px solid var(--Clr1Light);
	padding:2px;
	margin:1px;
}


.divFormFieldsRow {
	border:none;
	padding:0;	
}
.divFormFieldsRow label {
	white-space:nowrap;
	padding-right:6px;
}
.divFormFieldsRow input, select {
  margin-right:2.5rem;
}
.divFormFieldsRow button, div[class='Button1aSm'] {
	
}
.divFormFieldsRow input {
  min-width:6rem;  
}
.divFormFieldsRow select {
	min-width:8rem;
}


.divFormMultiFieldsRow {
	display:flex;
	flex-wrap:wrap;	
	border:none;
	padding:none;
	gap:1em;
}
.divFormMultiFieldsRow label {
	display:flex;
	white-space:nowrap;
	align-items:start;
	gap:1.5em;
}
.divFormMultiFieldsRow input {
  flex-grow:0;
}
.divFormMultiFieldsRow select {
	flex-grow:0;
	min-width:8rem;
}

ul.formUL {	
	list-style-type: none;    
    padding: 4px;        
    margin: 0;
}
li.formLI {
	padding-right: 3px;
}

.formTextBox, .divTextBox, .formTextArea, .formDropDown
{
	display: inline-block;
	vertical-align:top;
	font-size: 0.8rem;
	font-weight: normal;
	text-align: left;
	background-color:white;	
	border:.5px solid var(--ClrBdrMgrMain);
	padding:2px;
	margin:1px;
}
.formTextArea
{
    font-size: .6rem;    
    background-color: #FFFFFF;    
    
	margin:0;
}
.formTextBoxSm, .formTextAreaSm, .formDropDownSm
{
    display: inline-block;
	height: 1.1rem;
    font-size: 0.75rem;    
    background-color: white;
	border:.5px solid var(--ClrBdrMgrMain);
	margin:0;
}

.formListBox {
	font-size: .6rem;
    background-color: white;
	border:.5px solid var(--ClrBdrMgrMain);
	margin:0;
}
.formListBoxSm {
	height: 3.1rem;
	font-size: 0.75rem;    
    background-color: white;
	border:.5px solid var(--ClrBdrMgrMain);
	margin:0;
}

.formCheckBox {
	
}
.formCheckBoxSm {
	 width:10px;
     height:10px;
}
.formRadioButton {
	
}
.formRadioButtonSm {
	 width:10px;
     height:10px;
}

/****   DdDn Drop Down Multi-layer **************************************************/
/****   OBSOLETE    *****************************************************************/
.ulDdDn {
	display:table;	
	position:relative;   
}
.liDdDnTitle {
	border: .5px solid var(--Clr1XDark);
	padding:3px;
	padding-left:5px;
}
.liDdDnEmbeddedDispTitle {
	/*this is for embedded data for display of variable value*/
	
}

.ulDdDnBackground {
	background-color:white;
	font-size:0.75rem;
	padding:3px;	
}

.ulDdDn, .ulDdDn ul {
    list-style:none;
    margin:0;
    padding:0;
}

.ulDdDn ul {	
    left:-9999px;
    position:absolute; 	
    width:auto;
	/*top:1.5rem;*/
}
.ulDdDn ul ul {	
    left:-9999px;
    position:absolute;
    top:0;
    width:auto;	
}
.ulDdDn ul li {	
	min-width:max-content;
	color:blue;
	border:.5px solid var(--Clr1XDark);
	border-top:none;
    position:relative;
	
}
.ulDdDn ul li:first-child {	
	border-top:.5px solid var(--Clr1XDark);	
}

.ulDdDn li a {	
   	background-color:white;
	font-size:0.75rem;
    display:block;
	cursor:pointer;
    text-decoration:none;
}
.ulDdDn > li > a {
    
    overflow:hidden;
}
.ulDdDn li a.fly {
    
}
.ulDdDn ul li {	
	
    margin:0;	
}
.ulDdDn ul li a {
	cursor:pointer;
    width:max-content;
}
.ulDdDn ul li a.fly {
   
}

/*hover styles*/
.ulDdDn li:hover > a {
    background-color:.858180;
    color:.fff;
}

/*focus styles*/
.ulDdDn li a:focus {
  outline-width:0;
}

/*popups*/
.ulDdDn li a:active + ul.dd, .ulDdDn li a:focus + ul.dd, .ulDdDn li ul.dd:hover {
    /*left:0;*/
}
.ulDdDn ul.dd li a:active + ul, .ulDdDn ul.dd li a:focus + ul, .ulDdDn ul.dd li ul:hover {
    /*left:11.5rem;*/
}



/****************************************************************************************************/
/************************    HELP      **************************************************************/
.tblPopupHelp {

}
.trPopupHelpTitle {

}
.tdHelpHeader {
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.tdHelpBody {

}


/****************************************************************************************************/
/************************    POP UPS      **************************************************************/
#divIFaces {
	display:none;
}
.divPopupBlank {
	display:none;
	position:absolute;	
	background-color:var(--Clr2XXLight);	
	box-shadow: 0px 3px 6px rgba(0, 0, 0.2, 0.5);
	border-radius:6px;
	border:0.5px solid var(--ClrLightGray);
	padding:6px;
	z-index: 100;
}
.pupDragMeShld {
	width:100vw;
	height:100vh;
	z-index:90;
}
.divPopupHeader, .PopupHeader {	
	width:100%;
	height:1.6rem;
	cursor:pointer;
	box-shadow: 0px 1px 2.5px rgba(0, 0, 0.2, 0.5);
	background:var(--Clr2XLight);
	border-radius:3px;	
	border:1px solid var(--ClrLightGray);
	white-space:nowrap;
	margin: 0 0;
	padding:2px;
}
.PopupTitle {
	display:inline-block;
	width: calc(100% - 2rem);
	font-size:0.8rem;
	font-weight:bold;
	text-align:center;
	color: var(--Clr1Dark);	
	white-space:nowrap;
	vertical-align:25%;
}
.divPopupBody {
	max-height:93vh;
	max-width:93vw;
	overflow:auto;
}
.imgPopupDelete {
	display:inline-block;
}
.tblPopupBlankExt {
	background-color:var(--Clr2XLight);
	border:1px solid var(--Clr2Dark);
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
}
.divPopupBlankInt2
{
	background-color:var(--Clr2XLight);
	border:1px solid var(--Clr2Dark);
	padding:2px;
	z-index: 150;
}
.tblPopupHeader {
	width:100%;
	height:.6rem;
	background:linear-gradient(to bottom, #f6f6ad 5%, #ede070 100%);
	
	background-color:var(--Clr2Light);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
	border:1px solid var(--Clr2Dark);
	margin: 0 0;
	padding:1px;
}
.trPopupHeader {
	width:100%;	
	height:.6rem;
	background-color:var(--Clr2Light);	
	text-align:center;
	
	margin:0 0;
}
.tdPopupTitle {	
	height:.6rem;
	font-size:0.8rem;
	font-weight:bold;
	color: var(--ClrStandOut);
	line-height:1px;
	vertical-align:middle;
}
.PupFieldText {
	display: inline-block;
	width:8rem;
	height: 1.1rem;
    font-size: 0.75rem;    
    background-color: white;
	border:.5px solid var(--ClrBdrMgrMain);
	margin:0;
}
.divPopupField {
	position:absolute;	
	background:white;
	color:#909090;	
	border:0.5px solid var(--ClrBdrMgrMain);
	box-shadow: 2px 2px 6px 2px var(--ClrBdrShadow);
	padding:2px 4px;
}

/*****************************************************************************************************/
/************************   INSERT URL LINK 	**********************************************************/
#divInsLkMakeClick {
	display:none;
}
#divInsLkInsertALink {

}
#divRdoInsLk2 {
	display:none;
}
/****************************************************************************************************/
/************************    ERRORS MESSAGES     **************************************************************/
.divValidationError {
  display: block;
  position: absolute;
  background-color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--ClrContrast1Mid);
  z-index: 150;
  border: 1.5px solid red;
  padding-left: 6px;
  padding-right: 4px;
}

.divMsg {
	text-align:center;
}

.ErrorTitle {
	font-size:1rem;
	font-weight : bold;
	color : var(--ClrContrast1Mid);
}

.MsgTitle {
	font-size:1rem;
	font-weight : bold;
	color : var(--ClrContrast1Mid);
}
.MsgTitle9 {
	font-size:0.75rem;
	font-weight : bold;
	color : var(--ClrContrast1Mid);
}
.MsgAccent12 {
	display:inline-block;
	font-size:1rem;
	font-weight : bold;
	color : var(--ClrContrast1Mid);
}
.MsgAccent {
	display:inline-block;
	font-size:0.8rem;
	font-weight : bold;
	color : var(--ClrContrast1Mid);
}
.MsgAccent9 {
	display:inline-block;
	color : var(--ClrContrast1Mid);
	font-size:0.8rem;
}
.spnMsg {
	font-size:0.8rem;	
}
.spnMsgAccentSm {
	font-size:0.7rem;	
	color : var(--ClrContrast1Mid);
}
.MsgAccentSm {
	display:inline-block;
	font-size:0.7rem;	
	color : var(--ClrContrast1Mid);
}
.vvdtssMsg {
	font-size: 0.75rem;
	color: #000000;
	font-weight: normal;
}

/****************************************************************************************************/
/************************    DROP DOWN MENU     *****************************************************/
#divDDMenuContainer {
	display:inline-block;
	white-space:nowrap;
	padding:0;
	margin:0;
}
#ulDDMenuRoot {
	display:block;
	position:relative;
	padding:0;
	margin:0;
}
#ulDDMenuRoot > li {
	background-color: var(--Clr1XXLight);
	text-align:center;
	cursor:pointer;
	padding:1px 6px 1px 6px;
	border-top:1px solid var(--Clr1XDark);
	border-right:1px solid var(--Clr1XDark);
	border-left:1px solid var(--Clr1XDark);
	border-radius:2px;	
}
.liDDMenuParent {
	position: relative;
	padding:1px 6px 1px 6px;
	background-color: var(--Clr1XLight);	
}
.liDDMenuParent a, #ulDDMenuRoot > li a{
	margin: .6rem;
	color: #FFFFFF;
	text-decoration: none;
}
.liDDMenuParent:hover > ul {
	display:block;
	position:absolute;
}
.ulDDMenuChild {
	display: none;
}
.ulDDMenuChild li {
	display:inline-block;
	background-color: var(--Clr1XXLight);
	text-align:center;
	cursor:pointer;
	padding:1px 6px 1px 6px;
	border-top:1px solid var(--Clr1XDark);
	border-right:1px solid var(--Clr1XDark);	
	border-radius:2px;	
	width:max-content;
}
.ulDDMenuChild li a{
	color: #000000;
}

#ulDDMenuRoot, #ulDDMenuRoot ul{
	list-style: none;
	margin: 0;
	padding: 0px; 
	min-width:10em;
	margin-bottom:0;
}

#ulDDMenuRoot ul{
	left: 100%;
	top: 0;
	margin-left:1px;
	margin-bottom:0;
}
#ulDDMenuRoot ul ul{
	left: 100%;
	top: 0;
	margin-left:1px;
	margin-bottom:0;
}
#ulDDMenuRoot li:hover {
	background-color: var(--Clr1Light);
}
.liDDMenuParent li:hover {
	background-color: var(--Clr1XLight);
}
.DDMenuBorderLeft {
	border-left: .5px solid var(--Clr1XDark);
}
.DDMenuBorderBottom {
	border-bottom: .5px solid var(--Clr1XDark);
}

/****************************************************************************************************/
/************************    REPORT   **************************************************************/
.aRptAnswerFile {
	
}


/****************************************************************************************************/
/************************    LDA Model   **************************************************************/
.divDispBlock {
	width:100%;
	min-height:6.3rem;
	max-width:100%;			
	margin:0 0.9rem 0 0.9rem;
}


/****************************************************************************************************/
/************************    TOOL TIP HELP   **************************************************************/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 11.3rem;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -3.8rem;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/****************************************************************************************************/
/************************    REPORTING   **************************************************************/
.divRptAnswer {
	display:inline-block;
	padding:4px;
}
.divRptImgAnswer {
	border-top: 1px dotted var(--RptClrGray);
}
.lblRptAnswer {
	padding:4px;
}
/****************************************************************************************************/
/************************    GENERAL   **************************************************************/
a {
	color: var(--ClrALink);
}
a:hover { 
	color: var(--ClrALinkHvr);
}

a.Standout {
	color: var(--Clr1Dark);
	font-weight:bold;
	font-size:0.8rem;
	text-decoration:none;
}


.link {
	display:inline-block;
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}

h1 {
	display:block;
	font-size:1rem;
	font-weight:bold;
	color:var(--Clr1Dark);
	width:max-content;
	padding:3px;
	margin:6 0;
}
h2 {
	display:block;
	font-size:0.9rem;
	font-weight:bold;
	color:var(--Clr1Dark);
	padding:2px;
	margin: 6px 0 2px 0;
}
h3 {
	display:block;
	font-size:0.75rem;
	font-weight:bold;
	color:var(--Clr1Dark);	
	margin: 4px 2px;
}
h3 .noBottom {
	margin:4px 2px 0 2px;
}
h4 {
	display:inline-block;
	font-size:0.75rem;
	font-weight:bold;
	color:var(--Clr1Dark);	
	margin: 2px;
}
h1 .contrast, h2 .contrast, h3 .contrast, h4 .contrast {
	color:var(--Clr2Dark);
}
h1 .contrast2, h2 .contrast2, h3 .contrast2, h4 .contrast2 {
	color:var(--ClrContrast1Mid);
}
h1 .black, h2 .black, h3 .black, h4 .black{
	color:black;
}

.divCtrlAndFullBox {
	display:flex;
}

.BoxHeader1 {
	background:var(--ClrBdrShadow);
	text-align:center;
	font-size:0.85rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.BoxHeader2 {
	background:var(--Clr2XLight);
	text-align:center;
	font-size:0.85rem;
	font-weight:bold;
	color:var(----Clr2Dark);
}
.divBtnCntnr {
	display:inline-block;
	background:var(--ClrXLightGray);
	border:.5px solid var(--ClrGray);
	border-radius:3px;
	text-align:left;
	padding:1px;
}
.btnLink {
	color:var(--Clr1Dark);
	text-decoration: underline;
}
.btnLink:hover {
	color:var(--Clr1Mid);
}
.ButtonLgtGray {
	display:inline-block;	
	background:linear-gradient(to bottom, var(--ClrLightGray) 1%, var(--ClrLightGray) 50%, var(--ClrLightGray) 100%);
	
	border:.5px solid var(--Clr1Dark);
	color:black;
	cursor:pointer;
	font-size:0.8rem;
	font-weight:normal;
	text-align:center;
	padding:1px;
	margin:1px;
}

.ButtonLgtGraySm {
	display:inline-block;	
	background:linear-gradient(to bottom, var(--ClrLightGray) 1%, var(--ClrLightGray) 50%, var(--ClrLightGray) 100%);
	
	border:.5px solid var(--Clr1Dark);
	color:black;
	cursor:pointer;
	font-size:0.67rem;
	font-weight:normal;
	text-align:center;
	padding:1px;
	margin:1px;
}

.imgBtn {
	background-color:transparent;
	border:0;
	margin:0;
	padding:0;	
	border-radius:0;
	appearance:none;
}
.TxtBtn {
	display:inline;
	border:0;
	padding:0;
	margin:0;
	background-color:transparent;
	color:inherit;
}

.Button1 {
	display:inline-block;	
	background:linear-gradient(to bottom, var(--Clr1XLight) 1%, var(--Clr1Light) 50%, var(--Clr1Mid) 100%);
	border:.5px solid var(--Clr1Dark);
	color:white;
	cursor:pointer;
	font-size:0.67rem;
	font-weight:normal;
	text-align:center;
	padding:1px;
	margin:1px;
}
.Button1:focus {
	color:var(--Clr1Dark);
	background:linear-gradient(to bottom, var(--Clr1XXLight) 1%, var(--Clr1XLight) 50%, var(--Clr1Light) 100%);
	border:0.3px solid var(-ClrBdrMgrMain);
}
.Button1On {
	color:var(--Clr1Dark);
	background:linear-gradient(to bottom, var(--Clr2XLight) 1%, var(--Clr2Light) 50%, var(--Clr2Mid) 100%);
	border:.5px solid var(--Clr2Dark);
}
.ButtonCaSm {
	display:inline-block;	
	background:linear-gradient(to bottom, var(--ClrContrast1Bright) 1%, var(--ClrContrast1Light) 50%, var(--ClrContrast1Mid) 100%);
	
	border:.5px solid var(--ClrContrast1Dark);
	color:white;
	cursor:pointer;
	font-size:0.67rem;
	font-weight:normal;
	text-align:center;
	padding:1px;
	margin:1px;
}
.ButtonALink {
	display:inline-block;
	border:.5px solid var(--ClrLightGray);
	color: var(--ClrXDarkGray);
	font-size:0.75rem;
	font-weight:normal;
	text-align:center;
	padding:2px;
	margin:1px;
}
.Button1aSm {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr1XLight) 1%, var(--Clr1Light) 50%, var(--Clr1Mid) 100%);
	border-radius:2px;	
	border:.5px solid var(--Clr1Dark);
	color:white;
	cursor:pointer;
	font-size:0.75rem;
	font-weight:normal;
	text-align:center;
	padding:2px;
	margin:1px;
}
.Button1aSmOn {
	background:linear-gradient(to bottom, var(--Clr2XLight) 2%, var(--Clr2Light) 50%, var(--Clr2Dark) 100%);
	border:1px solid var(--Clr2Dark);
}
.Button1aSm a {
	font-size: 0.75rem;
	color:white;
}

.Button1 {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr1XLight) 1%, var(--Clr1Light) 50%, var(--Clr1Dark) 100%);
	border-radius:3px;	
	border:1px solid var(--Clr1XDark);
	color:var(--ClrContrast1Mid);
	cursor:pointer;
	font-size:0.75rem;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin:1px;
}
.Button1 a {
	font-size: 1rem;
	color:var(--ClrContrast1Mid);
}
.Button1:hover {
	color:var(--ClrContrast1Bright);
}
.Button1On {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr2XLight) 2%, var(--Clr2Light) 50%, var(--Clr2Dark) 100%);
	border-radius:3px;	
	border:1px solid var(--Clr2Dark);
	color:var(--ClrContrast2Mid);
	cursor:pointer;
	font-size:0.75rem;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin:1px;
}
.Button1On:hover {
	color:var(--ClrContrast2Bright);
}
.Button1Big {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr1XLight) 1%, var(--Clr1Light) 50%, var(--Clr1Mid) 100%);
	border-radius:3px;	
	border:1px solid var(--Clr1XDark);
	color:var(--ClrContrast1Mid);
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin:1px;
}
.Button1Big:hover {
	color:var(--ClrContrast1Bright);
}
.Button1BigOn {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr2XLight) 2%, var(--Clr2Light) 50%, var(--Clr2Mid) 100%);
	border-radius:3px;	
	border:1px solid var(--Clr2Dark);
	color:var(--ClrContrast2Mid);
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin:1px;
}
.Button1BigOn:hover {
	color:var(--ClrContrast2Bright);
}


.Button2aSm {
	display:inline-block;
	/*
	--Clr1Mid:#6385a9;
	--Clr1Light:#9fbcda;
	--Clr1XLight:#d3e6fb;
	--Clr1XXLight:#eff7ff;
	*/
	background:linear-gradient(to bottom, var(--Clr2XXLight) 1%, var(--Clr2XLight) 50%, var(--Clr2Light) 100%);
	border-radius:2px;	
	border:.5px solid var(--Clr1Dark);
	color:var(--ClrDarkGray);
	cursor:pointer;
	font-size:0.75rem;
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin:1px;
}
.Button2aSmOn {
	background:linear-gradient(to bottom, var(--Clr2XLight) 2%, var(--Clr2Light) 50%, var(--Clr2Dark) 100%);
	border:1px solid var(--Clr2Dark);
}
.Button2 {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr2XLight) 2%, var(--Clr2Light) 50%, var(--Clr2Dark) 200%);
	border-radius:3px;	
	border:1px solid var(--Clr2XDark);
	color:var(--Clr2XDark);
	cursor:pointer;
	font-size:0.75rem;
	font-weight:bold;
	text-align:center;
	padding:2px 3px 2px 3px;
	margin:1px;
}
.Button2:hover {
	color:var(--ClrContrast2Bright);
}
.Button2On {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr2XLight) 2%, var(--Clr2Light) 50%, var(--Clr2Dark) 200%);
	border-radius:3px;	
	border:1px solid var(--Clr2Dark);
	color:var(--ClrContrast2Mid);
	cursor:pointer;
	font-size:0.7rem;
	font-weight:bold;
	text-align:center;
	padding:2px 3px 2px 3px;
	margin:1px;
}
.Button2On:hover {
	color:var(--ClrContrast2Bright);
}
.Button2Big {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr2XLight) 2%, var(--Clr2Light) 50%, var(--Clr2Mid) 200%);
	border-radius:3px;	
	border:2px solid var(--Clr2XDark);
	color:var(--ClrContrast2Mid);
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin:1px;
}
.Button2Big:hover {
	color:var(--ClrContrast2Bright);
}
.Button2BigOn {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr2XLight) 2%, var(--Clr2Light) 50%, var(--Clr2Mid) 200%);
	border-radius:3px;	
	border:2px solid var(--Clr2Dark);
	color:var(--ClrContrast2Mid);
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin:1px;
}
.Button2BigOn:hover {
	color:var(--ClrContrast2Bright);
}

.ButtonLightSm {
	display:inline-block;
	background:linear-gradient(to bottom, var(--Clr1XXLight) 2%, var(--Clr1XLight) 30%, var(--Clr1Light) 100%);
	border-radius:2px;	
	border:1px solid var(--Clr1Dark);
	color:var(--Clr1Mid);
	font-size:0.7rem;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin:1px;
}

.divAnimSuccess {
	display:inline-block;
	position:absolute;
	top:10vh;
	left:calc(vw - 220);
	z-index: 50;
}

.divIFaceMgrInt
{
	width:99.8%;
	height:auto;
	border-width:0px;
	border-collapse:collapse;	
	padding:0 0 0 3px;	
	margin: 0 auto;	
}

.divHotGreen {
	/*background-color:.5px solid var(--ClrLightGray);*/
	border:2px solid var(--ClrHgltGrn);
}
.divClick {
	cursor:pointer;
}
.divBordered {
	border:.5px solid var(--Clr1XDark);
	padding:4px;
}
.divMgrTabs {
	width:max-content;
	white-space:nowrap;
	margin:0;
}
.divMgrTab {
	display:inline-block;
	min-width:.6rem;
	text-align:center;	
	cursor:pointer;
	background-color:var(--Clr1XLight);
	border:.5px solid var(--Clr1XDark);
	border-radius:6px 6px 0 0;
	border-bottom:none;
	padding: 0 6px;
	margin-right:1px;
}
.divMgrTabOn {
	background-color:var(--Clr2XLight);	
}
.divMgrEdtrTab {
	display:inline-block;
	min-width:.6rem;
	text-align:center;	
	cursor:pointer;
	background-color:var(--Clr2XLight);	
	border:.5px solid var(--Clr2XDark);
	border-radius:6px 6px 0 0;
	border-bottom:none;
	padding: 0 6px;
	margin-right:1px;
}
.divMgrTabEdtrOn {
	background-color:var(--Clr1XLight);
	
}
.divSubTab {
	display:inline-block;
	min-width:9px;
	text-align:center;	
	cursor:pointer;
	background-color:var(--ClrLightGray);
	border:.5px solid var(--ClrXDarkGray);
	border-radius:3px 6px 0 0;
	border-bottom:none;
	padding: 0 6px;
	margin-right:1px;
}
.divSubTabOn {
	background-color:var(--ClrTanXLignt);	
}

#divUSPSHeaderCntnr {
	position:relative;
	width:111.9rem;
	height:31.3rem;	
	background-image:url("/images/USPSLetterHead2.png");
	background-size: contain;
	margin:0;	
}
.divUSPSCompanyHeaderHtml {		
	width:max-content;	
	margin: 0 auto;
}
.divVrtListButtonSm {
	background: var(--Clr1XLight);
	color:var(--Clr1XDark);	
	cursor:pointer;
	padding:.5px 6px 1px 6px;
	margin:0;
}
.divVrtListButtonSm :hover {
	background: var(--Clr1Dark);
	color:white;
}
.divVrtListButtonSmOn {
	background: var(--Clr1Mid);
	color:white;
	cursor:pointer;
	padding:1px 6px 1px 6px;
	margin:0;
}
.divHeaderBar1 {
	width:100%;
	height:1.6rem;
	background:linear-gradient(to bottom, var(--Clr1XXLight) 5%, var(--Clr1Light) 50%, var(--Clr1Mid) 100%);	
	cursor:pointer;
	border:1px solid var(--Clr2Dark);
	border-radius:3px;
	white-space:nowrap;
	margin: 0 0;
	padding:1px;
}
.divHeaderBar2 {
	width:100%;
	height:1.6rem;
	background:linear-gradient(to bottom, var(--Clr2XLight) 5%, var(--Clr2Mid) 50%, var(--Clr2Dark) 100%);
	border-radius:3px;
	cursor:pointer;
	border:1px solid var(--Clr2Dark);
	white-space:nowrap;
	margin: 0 0;
	padding:1px;
}

.divHeading1 {
	font-size:1rem;
	font-weight:bold;
	color:var(--Clr1Dark);
	width:max-content;
	padding:3px auto;
	margin:0 auto;
}
.Heading1 {
	font-size:1rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.SubHeading1 {
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.SubHeading1InL {
	display:inline-block;
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.SubSubHeading1 {
	font-size:0.75rem;
	font-weight:bold;
	color:var(--Clr1Dark);
	margin: 0 auto;
}
.Heading2 {
	font-size:1rem;
	font-weight:bold;
	color:var(--Clr2Dark);
}
.SubHeading2 {
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr2Dark);
}
.SubHeading2InL {
	display:inline-block;
	font-size:0.8rem;
	font-weight:bold;
	color:var(--Clr2Dark);
}
.Heading3 {
	font-size:1rem;
	font-weight:bold;
	color:var(--ClrContrast1Mid);
}
.SubHeading3 {
	font-size:0.8rem;
	font-weight:bold;
	color:var(--ClrContrast1Mid);
}
.SubSubHeading3 {
	font-size:0.75rem;
	font-weight:bold;
	color:var(--ClrContrast1Mid);
}
.HeadingBlack {
	font-size:1rem;
	font-weight:bold;
	color:black;
}
.SubHeadingBlack {
	font-size:0.8rem;
	font-weight:bold;
	color:black;
}
.SubSubHeadingBlack {
	font-size:0.75rem;
	font-weight:bold;
	color:black;
}
.divLblFldsFlex {
	display: flex;	
	font-size:.8rem;
}
.divLblFldsGrid {
	display: grid;
	grid-template-columns:max-content auto;
	column-gap:.6rem;
	row-gap:2px;
	font-size:.85rem;
	max-height:75vh;
	overflow-y:auto;
}

.bdrTop {
	border-top:1px solid var(--Clr1XDark);
}
.bdrRight {
	border-right:1px solid var(--Clr1XDark);
}
.bdrBottom {
	border-bottom:1px solid var(--Clr1XDark);
}
.bdrLeft {
	border-left:1px solid var(--Clr1XDark);
}

.divVerticalCenter {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.divNotationInline {
	display:inline-block;
	font-size:.5rem;
	font-weight:normal;
	font-style: italic;
}
.divInlineBlock {
	display:inline-block;
}
.divSmall {
	display:inline-block;
	font-size:0.7rem;
}
.divSmallBlock {	
	font-size:0.7rem;
}
.spnSmallText {
	font-size:0.7rem;
	vertical-align:40%;	
}
.divSmallText {
	display:inline-block;
	font-size:0.7rem;
	vertical-align:middle;
	margin-bottom:.6rem;
}
.divBorderedBlock {
	border:.5px solid var(--Clr1Dark);
	padding:3px;
	margin:3px;
}
.divDashedBlock {
	border:.5px dashed var(--Clr1Dark);
	padding:3px;
	margin:3px;
}
.divListContainer {
	display:inline-block;
	/*min-width:6.3rem;*/
	border:.5px solid var(--Clr1Dark);
	margin:0 3px 10px 3px;
}

.divPDFPageBreak {
	page-break-inside: avoid;
	page-break-before: always;
}
.divMargin {
	margin: 4px 0 4px 0;
}
.MarginTop10 {
	margin-top:10px;
}
.MarginBottom10 {
	margin-bottom:10px;
}
.MarginLeft10 {
	margin-left:10px;
}
.Font85 {
	font-size:.85rem;
}
table tr.page-break{
    page-break-inside: avoid;
    page-break-before: always;
 }
 
.thListHeader {
	background-color:var(--Clr1Dark);
	color:white;
	font-weight:bold;
	font-size:0.8rem;
	text-align:center;
	padding:3px 8px;
}

.divListHeader {
	/*min-width:6.3rem*/;
	background-color:var(--Clr1Dark);
	white-space:nowrap;
	text-align:center;
	padding:2px;
}
.divListHeading {	
	color:white;
	text-align:center;
	font-size:.9rem;
	padding:0 .6rem 0 3px;	
}
.divListItems {
	height:6.3rem;
	max-height:13.1rem;
	width:100%;
	text-align:left;
	overflow-x:hidden;
	overflow-y:auto;
	padding-left:3px;
	padding-right:3px;
	
}
.divListItem {

}

.divList1Item {
	cursor:pointer;
	font-size:0.8rem;
	border:.5px solid var(--Clr2Dark);
	padding:1px 2px;
	
}
.divListItem1Selected {
	background-color:var(--Clr1XLight);	
}

.divListSelItem {
	background:var(--ClrXLightGray);
	cursor:pointer;
	font-size:0.8rem;
	border:.5px solid var(--Clr2Dark);
	padding:1px 2px;
	
}
.divListSelItemSelected {
	background-color:var(--Clr1XLight);
	cursor:pointer;
	font-size:0.8rem;
	border:.5px solid var(--Clr2Dark);
	padding:1px 2px;
}
.divPageTab {
	display:inline-block;
	width:13.1rem;
	text-align:center;
	cursor:pointer;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top:1px solid var(--Clr1Dark);
	border-left:1px solid var(--Clr1Dark);
	border-right:1px solid var(--Clr1Dark);
	background-color:var(--Clr1XLight);
	color:var(--Clr1Dark);
	padding:4px;
}
.divPageTabOn {
	display:inline-block;
	width:13.1rem;
	text-align:center;
	cursor:pointer;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top:1px solid var(--Clr2Dark);
	border-left:1px solid var(--Clr2Dark);
	border-right:1px solid var(--Clr2Dark);
	background-color:var(--Clr2XLight);
	color:var(--Clr2Dark);
	padding:4px;
}

.LinkListLine {
	color:var(--Clr1Dark);
	text-decoration: underline;
	cursor:pointer;	
	padding: 4px;
}

.tblList {	
	border-collapse: collapse;
}
.tblList th {
	background-color:var(--Clr1XLight);
	font-size:0.8rem;
	font-weight:bold;
	text-align:center;
	color:var(--Clr1XDark);
	border-collapse: collapse;
	border: .5px solid var(--ClrGray);
	white-space:nowrap;
	padding: 4px;
	
}
.tblList td {
	color:black;
	border: .5px solid var(--Clr1Dark);
	border-collapse: collapse;
	padding: 4px;
}

.tblListLite {	
	border-collapse: collapse;
}
.tblListLite th {
	background-color:var(--ClrLightGray);
	font-size:0.8rem;
	font-weight:bold;
	text-align:center;
	color:black;
	white-space:nowrap;
	padding: 4px;
	
}
.tblListLite td {
	color:black;
	font-size:0.8rem;
	padding: 4px;
}

.divRptListCntnr {
	width:max-content;
	border: .5px solid var(--ClrBdrMgrMain);
	border-radius:5px;
	box-shadow: 2px 2px 6px 2px var(--ClrBdrShadow);
}
.tblRptList {	
	border-collapse: collapse;
}
.tblRptList th {
	background-color:var(--ClrLightGray);
	font-size:0.7rem;
	font-weight:bold;
	text-align:center;
	color:var(--ClrGray);
	white-space:nowrap;
	padding: 4px;
	
}
.tblRptList td {
	color:black;
	font-size:0.7rem;
	padding: 4px;
}
.RptListLineLite1a {
	background-color:white;
}
.RptListLineLite1b {
	background-color:var(--ClrXXLightGray);
}


.tblListLite {	
	border-collapse: collapse;
}
.tblListLite th {
	background-color:var(--ClrLightGray);
	font-size:0.8rem;
	font-weight:bold;
	text-align:center;
	color:black;
	white-space:nowrap;
	padding: 4px;
	
}
.tblListLite td {
	color:black;
	font-size:0.8rem;
	padding: 4px;
}


.tblLinkList {	
	border-collapse: collapse;
}
.tblLinkList th {
	background-color:var(--Clr1XLight);
	font-size:0.8rem;
	font-weight:bold;
	text-align:center;
	color:var(--Clr1XDark);
	border-collapse: collapse;
	border: .5px solid var(--ClrGray);
	white-space:nowrap;
	padding: 4px;
	
}
.tblLinkList td {
	color:var(--Clr1Dark);
	text-decoration: underline;
	font-size:0.8rem;
	cursor:pointer;
	border: .5px solid var(--Clr1Dark);
	border-collapse: collapse;
	padding: 4px;	
}
.tblLinkList td:hover {
	color:blue;
}

.tblLinkListLite {	
	border-collapse: collapse;
}
.tblLinkListLite th {
	background-color:var(--ClrLightGray);	
	font-weight:bold;
	font-size:.85rem;
	text-align:center;
	color:black;	
	white-space:nowrap;
	padding: 4px 8px;
	
}
.tblLinkListLite td {
	color:var(--Clr1Dark);
	text-decoration: underline;
	font-size:.85rem;
	cursor:pointer;	
	padding: 4px 8px;
}
.tblLinkListLite td:hover {
	color:blue;
}
.ListLineLite1a {
	background-color:none;
}
.ListLineLite1b {
	background-color:var(--ClrXLightGray);
}

.tdListHead1, .divListHead1 {
	padding-left:6px;
	padding-right:6px;
}
.trListHead1, .ListHead1 {
	background-color:var(--Clr1Dark);
	font-size:0.8rem;
	font-weight:bold;
	color:white;
	white-space:nowrap;
	padding-left:3px;
	padding-right:3px;
}
.trListHilite {
	border:1.5px solid var(--ClrHgltGrn);
}
.trListBdrOrng {
	border:1.5px solid var(--ClrBdrOrng);
}
.trListHR1 {
	background-color:var(--Clr1Dark);
}
.tdListHR1 {
	background-color:var(--Clr1Dark);
	height:3px;
	max-height:3px;
}
.ListLine1a {	
	background-color:var(--Clr1XLight);
}
.ListLine1b {	
	background-color:var(--Clr1XXLight);
}
.ListLine2a {	
	background-color:var(--Clr2XLight);
}
.ListLine2b {	
	background-color:var(--Clr2XXLight);
}

.lblBold {
	text-weight:bold;
	margin-right:.6rem;
}

fieldset {
	min-width: 100px;
	border: .5px solid var(--Clr1Dark);
}
fieldset legend {
	font-size:0.75rem;
	font-weight:bold;
	color:var(--Clr1Dark);
}
.lgndFieldSet {
	color:var(--Clr1XDark);
	font-weight:bold;
}

.divInLine {
	display:inline-block;
}
.divCode {
	display:inline-block;
	font-family: "Source Code Pro", monospace;
	font-weight:bold;
}
.divNone {
	position:absolute;
	display:none;
	left: -1000px;
	padding:0;
	margin:0;	
}
.divZero {	
	visibility:hidden;
	height: 0;
	width: 0;	
	padding:0;
	margin:0;	
}
.divInlineHidden {
	display:inline;
	visibility:hidden;
	vertical-align:middle;
}

.divFloatLeft {
	display:inline-block;
	float:left;	
}
.divAlignRightInL {
	display:inline-block;
	float:right;
}
.divFloatRight {
	display:inline-block;
	float:right;	
}
.divClearFloat {    
    clear: both;    
}
.RightAlgn {
	text-align:right;
	margin: 0 0 0 auto;
}
.divAnimLoading {
	position: absolute;
	left:calc(100vw-1.6rem);
	top:calc(100vh-1.6rem);
	z-index: 500;
}
.imgAnimLoading {
	width: 6.3rem;
	height: 6.3rem;
}
.divIcon {
	display:inline-block;
	cursor:pointer;
}
.tdIcon {
	cursor:pointer;
}
.imgIcon {
	display:inline-block;	
	cursor:pointer;
	border:none;
	padding:0;
	margin:0;
	vertical-align:-4px;	
}
.Hilite {
	border:1.5px solid var(--ClrHgltGrn) !important;
	cursor:pointer;
}
.svgIcon {
	display:inline-block;
	width:1.8rem;
	height:1.5rem;
	cursor:pointer;
	border: .5px solid var(--ClrBdrMgrMain);
	/*vertical-align:-4px;*/	
}
.svgIcon20NoBdr {
	display:inline-block;
	width:1.3rem;
	height:1.3rem;
	cursor:pointer;	
	/*vertical-align:-4px;*/	
}
.Accent1 {
	font-weight:bold;
	color:var(--ClrContrast1Mid);
}
.Accent1Md {
	font-size:.8rem;
	font-weight:bold;
	color:var(--ClrContrast1Mid);
}
.Accent1Sm {
	font-size:.7rem;
	font-weight:bold;
	color:var(--ClrContrast1Mid);
}
.BlackBold7 {
	font-size:0.7rem;
	font-weight:bold;
	color:black;
}
.Contrast9 {
	font-size:0.75rem;
	color:var(--ClrContrast1Mid);
}
.ContrastBold11 {
	font-weight:bold;
	color:var(--ClrContrast1Mid);
}
.small {
	font-size:.75rem;
}

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(100%); 
  height: 1px; 
  overflow: hidden; 
  position: absolute; 
  white-space: nowrap; 
  width: 1px; 
}
#divTest {
	color:blue;
	background:red;
	border:2px solid blue;
}
.divTestInner {
	display:inline-block;
}

@media (max-width: 768px) {
  #divTopHeader {
    justify-content: center;  /* Center everything */
    gap: 5px; /* Reduce gap between elements */
  }

  #divTopHdrLogo {
    order: 1; /* Ensure logo stays on the left */
  }

  #divTopHdrBanner {
    order: 2; /* Ensure Q&A text stays in the middle */
    font-size: 1.3rem; /* Adjust font size for small screens */
  }

  #divTopHdrRight {
    order: 3; /* Ensure right text stays on the right */
    font-size: 1rem;  /* Adjust font size for small screens */
    text-align: center; /* Center the last text */
    width: 100%; /* Make it take full width and allow wrapping */
    margin-top: 10px; /* Add some space above the last text */
  }
}

@media (max-width: 480px) {
  #divTopHdrLogo, #divTopHdrBanner {
    font-size: 1.2rem; /* Adjust font size for mobile */
  }

  #divTopHdrRight {
    font-size: 0.9rem;  /* Further reduce font size */
    width: 100%; /* Full width */
  }
}