#sideNav .dynNavCont {
   			max-height: calc(100% - 50px);
		}

#sideNav {
	border-radius: 0px !important;
    padding-left: 20px;
}

.quickEdit {
	opacity: 0.7; 
}
.quickEdit:hover {
	opacity: 1; 
}

.articleActions {
	opacity: 0.7; 
}
.articleActions:hover {
	opacity: 1; 
}
    
    	.touchScroll {
    		overflow-x: scroll;
    		width: 100%;
    		white-space: nowrap;
    	}
    
    	.touchScroll::-webkit-scrollbar {
  			display: none;
		}
		
		.touchScroll {
		  -ms-overflow-style: none;  /* IE and Edge */
		  scrollbar-width: none;  /* Firefox */
		}
    
		.swDraftToolbar {
			margin-top: -20px !important;
			margin-bottom: 0px !important;
			z-index: 1;
		}
		.swDTPublish {
			font-weight: bold;
			border-bottom: 1px dotted red;
		    padding-left: 5px;
    		padding-right: 5px;		
	    }
		.saveTime {
			font-size:0.6em;
			color: silver;
		}
		
		.saveButton {
			    font-weight: bold;
			    cursor: pointer;
    		}

		#navDiv {
			display: none;
		}

.track a {
	border-radius: 10px;
    padding: 10px;
    background-color: var(--primary);
	color: var(--primary-text) !important;
	opacity: 0.8;
	text-decoration: none;
}

.track:hover a {
	opacity: 1;
	text-decoration: none;
}

.cellSel {
	font-weight: bold;
}

.viewTracked {
	padding-top: 10px;
}

.viewTracked a {
  margin-top:5px;
	border-radius: 10px;
    padding: 10px;
    background-color: var(--primary);
    color: var(--primary-text) !important;
	opacity: 0.8;
}

.viewTracked:hover a {
	opacity: 1;
      text-decoration: none;
}

    	.infopop {
    		display: none;
    	}
    	
		#mainbit {
			position: relative;
		}    	
		  #dbfElem_WhatNext {
		      display: none !important;
		  }
            @media print  {
                .dontPrint { display: none; }
            }		
            .artDate {
            	color: silver;
            }  
            .draft {
            	display: none !important;
            }
            .restricted {
            	display: none !important;
            }
            .imgZoom {
			    position: fixed;
			    top: 0px;
			    left: 0px;
			    width: 100%;
			    border: 5px solid gray;
			    margin: 10px;                
			    z-index: 99999;
            }
    
#keywordInfo {
position: absolute;
    border-radius: 5px;
    left: 0px;
    top: 0px;
    width: 280px;
    height: auto;
    line-height: 1.2em;
    background-color: var(--background-muted);
    padding: 15px;
    box-shadow: 15px 15px 15px 1px var(--background-extra-muted);
    border: 1px solid var(--border-color);
    font-size: 0.8em;
    display: none;
    overflow: hidden;
    transition: opacity 1.5s;
}

#keywordImage {
	float: left; 
	max-width: 30%; 
	background-color: var(--background);
	width: 30%;
	margin-right: 5px;
	margin-bottom: 5px;
}

#keywordTitle {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 6px;
}

#keywordText {
	float: right; 
	opacity: 0.9;
	transition: opacity 1s;
}

#keywordPara {
	word-break: break-word;
/*	white-space: nowrap;  REM 11/7/22 */
}

  
  .activeCell { cursor: pointer; }

  .rTop { 
    font-size: 0.7em;
    padding: 3px;
    letter-spacing: 10px;
    padding-left: 10px;
}

/* COMPLIANCE */
#viewCA {
    padding: 10px;
    margin-bottom: 20px;
   font-size: 0.8em;
    line-spacing: initial;
}

#viewCA .vcaLink {
	cursor: pointer;
}

#viewCA .pathTitle {
	margin-left: 20px;
}

#viewCA .pathTitle a {
}

#viewCA .pathDetails {
	padding-left: 10px;
	margin-bottom: 10px;
}

#viewCA p {
}



  .verticalText {
	font-size: 0.8em;
	line-height: 11px;
  }

  .rSide { text-align: center;
    padding: 8px !important;
    line-height: 1.8em;
    font-size: 0.8em; }

  .num { opacity: 0.7; font-size: 0.7em; text-align: center; vertical-align: center;    padding-left: 3px;   padding-right: 3px; }

  .rCell { /* min-width: 100px; */ min-height: 80px; height: 80px; width: 80px; border: 2px solid #DED9D9 !important; }
	.rmCell { border: 1px solid #D2D0D0; }
  .rCell:hover { border: 2px solid yellow !important; }
  .rLabel { font-size: 1.2em }
  .rNum { width: 30px; display: inline-block; font-size: 1.3em; border-radius: 20px; border: 2px dotted #DED9D9 !important; padding: 5px; font-weight: bold }
  .matrices { padding: 5px; text-align: center }
  .rmTable .rmCell {vertical-align: middle; text-align: center; margin: 4px; font-size: 10px; background-color: #f5f4f4}
  .rmTable { font-size: 11pt; color: black; }
  
  .matrix {
  	display: inline-block;
  	margin: 20px;
  	text-align: center;
  }

.riskItem i {
	padding-left: 5px;
    margin-bottom: 5px;
}

.riskItem .statusActive:before {
	content: "\f046";
}

.riskItem {
	padding: 5px;
}

.riskItem .statusActive {
	padding-left: 5px;
}

.riskItem .statusInactive {
	padding-left: 5px;
}

.riskItem .statusInactive:before {
	content: "\f096";
}

.riskItem:hover {
    background-color: var(--background-muted);
    color: var(--text);
 }

.rmCell:hover {
	opacity: 0.9;
}

#viewRA {
	margin-bottom: 15px;
border: 2px solid var(--primary);
    padding: 3px;
    border-radius: 5px;
    padding-left: 10px;
   cursor: pointer;
   font-size: 0.8em;
    line-spacing: initial;
}

#viewRA:hover {
	color: var(--text);
	border: 2px solid var(--primary-muted);
	background-color: var(--background-extra-muted);
}

#viewCA:hover {
	color: var(--text);
	border: 2px solid var(--primary-muted);
	background-color: var(--background-extra-muted);
}

#viewCA {
	margin-bottom: 15px;
    background-color: inherit;
border: 2px solid var(--primary);
    padding: 3px;
    border-radius: 5px;
    padding-left: 10px;
    color: var(--text);
}

  #riskDetails {
  	background-color: var(--background-extra-muted);
	
  }

.riskRight {
	float: left;
	padding: 5px;
	width: 400px;
	max-width: 400px;
}

.htmlNodeTable {
	border: none !important;
}

.htmlNodeTable td {
	padding: 3px !important;
}

td.htmlNodeFieldName {
background-color: var(--highlight) !important;
    color: var(--fore-highlight);
    line-height: 1.35em;
    font-size: 0.9em;
    border-bottom: 1px dotted var(--border-color);
}

td.htmlNodeFieldValue {
    line-height: 1.35em;
    font-size: 0.9em;
    border-bottom: 1px dotted var(--border-color);

}

.htmlNodeCType {
	border: none !important;
}

.riskLeft {
	float: left;
	padding: 5px;
}

.riskDet {
	width: 500px;
	max-width: 500px;
	padding: 5px;
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}

.riskMatrix {
	padding: 5px;
}

.selRisk {
	font-weight: normal;
	color: var(--accent);
}

.riskPopup {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
        box-shadow: 5px 5px 5px var(--background-extra-muted);
	padding: 10px;
	height: 540px;
	max-height: 540px;
}

#riskDataTable {
	max-height: 420px;
	overflow-y: auto;
}


#approverchatinput {
    width: calc(100% - 20px);
    height: 40px;
    background-color: var(--background-muted);
    color: var(--text);
    border: none;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}
#approverchatconv {
	margin-left: 5px;
}

#approverchatconv .auth{
	color: var(--text-muted);
	margin-right: 10px;
}
#approverchatconv .comm {
	color: var(--text);
}

#approverchatconv .chatEntry {
    padding-bottom: 5px;
}