div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
    justify-content: flex-end;
	margin-right: 0 !important;
	float:right !important;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
    justify-content: flex-start;
	margin-left: 0 !important;
	float:left !important;
}







select.formfield:disabled {
	background-color:#ebebe4;
}

.reporting-complete-checkbox {
	width:100%; 
	padding:5px 10px;
	margin-top:15px;
	margin-right: -42px;
	
		margin-left: -22px;
	
	border:1px solid #DDDDDD;
}
.reporting-complete-checkbox input[type="checkbox"] {
	width:25px; 
	height:25px; 
	margin-right:5px;
}
.reporting-complete-checkbox .reporting-complete-checkbox-label {
	display:inline-block; 
	line-height:5px; 
	position:relative; 
	top:-8px;
}

.font-color-ENT,
.font-color-LITE,
.font-color-FREE,
.font-color-WAP,
.font-color-ARCH,
.font-color-TRAIN {
  color: #8A0987;
  font-weight:bold;
}
.font-color-CYBER,
.font-color-RISK {
  color: #D12B3D;
  font-weight:bold;
}
.font-color-OKR {
  color: #95BF15;
  font-weight:bold;
}
.font-color-PERFORM,
.font-color-PBSC {
  color: #0064A6;
  font-weight:bold;
}

.cfdump_struct {
	color:black !important;
}

body.page-sidebar-closed .page-content {
	min-height:1020px !important;	
}


:target:before {
  content:"";
  display:block;
  height:60px; /* fixed header height*/
  margin:-60px 0 0; /* negative fixed header height */
}


.dragbox:not(.module-list-item) {
	clear:both;
}
.portlet>.portlet-title>.caption>i.module-element-icon,
.portlet>.portlet-title>.caption>i.module-draggable-icon {
	font-size: 1em; 
	line-height: 0.7em;	
}

.noResults {
	color:#CCCCCC;
	font-style:italic;	
}
.noResults-empty {
	color:#CCCCCC;
	font-style:italic;	
}

.performNoResults{
	color:#A6A6A6;
}
.column-top-right {
	margin-top:20px;
}
.highlight-for-edit {
	padding:10px;
	border:1px solid #CCCCCC;
	background-color:white; !important
}
div.noResultsSmall {
	font-style:italic;
	color:#999999; 
	font-size:0.9em;
}
.esm-clearfix {
	/* 
	clear:both; here because this is typically the last element in a box
	clear:both; is a css trick which allows the container box to wrap around all floated interior divs
	*/
	clear:both;
	width:100%;
	visibility:hidden;
	height:1px;
}
.esm-dump {
	width:100%;
	overflow:auto;	
}
.esm-dump-big {
	width:100%;
	overflow:auto;
	height:600px;
}
.esm-stacked-icon {
	width:42px; 
	height:42px;
	border: 2px solid #DDDDDD;
	text-align:center; 
	float:left;
	line-height:45px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
	vertical-align:middle;
	margin-bottom:5px;
}
.esm-stacked-icon:hover {
	background-color:#EEEEEE;
}
.esm-stacked-icon .fa:nth-child(2) {
	margin-left: -12px;
	padding:1px;
}
.esm-ajax-load-msg {
	text-align:center; 
	margin:auto;
	min-height:50px;
	padding:10px;
	color: #DDDDDD;
}
.esm-ajax-load-msg i {
	color: #7EA114;
}
.esm-ajax-load-msg.login-form {
	font-size:2em; 
	font-weight:300;
	color: #F0F0F0;
}
.esm-ajax-load-msg img {
	margin-right:10px;
}
.esm-custom-ajax-load-msg {
	text-align:center; 
	margin:auto;
	min-height:50px;
	padding:10px;
	color:#e43a45;
}
.esm-custom-loading-message {
}
.esm-inline-alert {
	display:none;
}
.esm-padded-tab {
	padding:1%;	
}
.tab-pane .portlet-body {
	clear:both;
}
.esm-padded-tab .esm-module-toolbar {
	margin-top:-1%;
	margin-right:-1%;	
}
.toolbar-note {
	margin: 2px 20px 0 20px;
	font-size:1.2em;
}
.esm-mile-icon {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.esm-mile-icon.fa-3x {
	margin-top:5%;
}
.esm-trend-up-icon {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.esm-trend-down-icon {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.esm-display-list-overflow {
	overflow-x: auto;
	overflow-y: hidden;
	float:none;
	min-height:200px;
}
.row.display-list-options {
	z-index:1000;
}
.row.display-list-options {
	z-index:1000;
}


.table-list-inner {
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;	
}
.table-list-inner td {
	padding:5px 0 5px 0;
	border-top:1px dashed #CCCCCC;	
}
.table-list-inner tr:first-child td {
	border-top:none;
	padding-top:0;	
}
.table-list-inner tr:last-child td {
	padding-bottom:0;	
}
.esm-matrix-table .esm-objective-statement {
	font-size:0.8em;
}
.esm-matrix-table small {
	color:#999999;
}
.table-bordered th.esm-thin-style {
	font-weight:300;
	font-size:1.2em;
}
.table-bordered th.esm-thin-style .small {
	font-size:0.8em;
}
.table-bordered.access-table td:nth-child(3),
.table-bordered.access-table td:nth-child(4),
.table-bordered.access-table td:nth-child(5) {
	text-align:center;
}
.action-icons-column {
	width:100px;
}
.table.no-border, 
.table.no-border tr, .table.noborder>tbody>tr, .table.noborder>thead>tr,
.table.no-border th, .table.noborder>thead>tr>th,
.table.no-border td, .table.noborder>tbody>tr>td {
	border:0 !important;	
}
.table.table-nonfluid {
   width: auto !important;
}

.table.collapse-expand-sub {
	margin-bottom: 0;	
}


.esm-tiptap table {
	border-collapse: collapse;
	border: 1px solid #ccc;	
	width: 100%;
}
.esm-tiptap th,
.esm-tiptap td {
	border: 1px solid #ccc;	
	min-width: 50px;
	text-align: left;
}
.esm-tiptap th {
	background-color: #f5f5f5;
	font-weight: bold;
}
.esm-tiptap td {
	background-color: #fff;
}


.modal .esm-progress-container {
	padding:25px 0 0 25px;
	display:none;	
}
.modal .esm-progress-container h2 {
	margin-bottom:20px;
}
.modal .esm-progress-container .esm-save-msg {
	display:none; /* init hidden */
	font-size:14px;
	font-weight:300;
	margin-left:25px;
	margin-top:10px;
}
.modal .esm-progress-container .esm-save-msg i {
	margin-right:5px;
}
.modal .esm-progress-container .save-checkmark {
	display:none; /* init hidden */
}
.esm-modal-content .portlet-body {
	padding: 0 20px;
	margin-top:20px;
}
.esm-modal-content .flex-container.horizontal .flex-item.col-md-4 {
	padding: 0;
}
.form-options {
	margin:0 20px 20px 20px;
}
.form-options .esm-mega-option {
	margin:6px;
}
.form-options .esm-mega-option:not(.disabled):hover,
.form-options .esm-mega-option.option-selected {
	border: 2px solid #8877a9 !important;
	margin: 5px;
}
.form-options .esm-mega-option.option-selected {
	background-color:#F5E8F8;
}
.form-options .esm-mega-option.disabled,
.form-options .esm-mega-option.disabled i,
.form-options .esm-mega-option.disabled .kt-option__title,
.form-options .esm-mega-option.disabled .kt-option__body {
	color:#999999 !important;
}


.esm-page-content.blurred,
.esm-page-content-locked.blurred {
	webkit-filter: blur(3px);
	filter: blur(3px);
}


.esm-section-header {
	background-color:#EEEEEE;
	color:#222222;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
	margin:8px 0;
	padding:4px 0;
}


.frozen-detail-header-position {
	position:fixed;
	width:100%;
	padding-left:260px; /* menu left open */
	padding-right:0;
	z-index:9000;
	display:none;
}
.page-sidebar-closed .frozen-detail-header-position {
	padding-left:70px; /* menu left closed */
}

.frozen-detail-header-position.shown {
	display:block;
	opacity:0; /* animated */
}
.page-quick-sidebar-open .frozen-detail-header-position.shown {
	display:none !important;
}

.frozen-detail-header-whiteout {
	background-color:white;
	box-shadow: 0 8px 8px #FFFFFF;
	height:60px;
	padding:0 15px 0 20px;
	z-index:9100;
}

.frozen-detail-header {
	border:1px solid #E5E5E5;
	margin:5px auto;
	width:100%;
	padding:8px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	background-color:white;
	z-index:9150;
	min-height:44px;
}
.page-content-white .frozen-detail-header .page-title {
	font-size: 20px;
}
.frozen-detail-header .page-title-text {
	max-width:85%; 
	overflow:hidden;
	height:26px;
	line-height:26px;
	float:left; 
	clear:none; 
	white-space:nowrap; 
	margin-top:-11px;	
}

.frozen-detail-header .title-container .actions {
	float:right; 
	clear:none; 
	margin-top:-10px;	
}



.portlet.box.esm-element-module-none {
	border-color:#E5E5E5;
	border-top:3px solid #E5E5E5;
}

.portlet.box.esm-element-module-PE {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #9A12B3;
	
}

.portlet.box.esm-element-module-TH {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #CC99CC;
	
}

.portlet.box.esm-element-module-OB {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #E43A45;
	
}

.portlet.box.esm-element-module-ME {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #4B77BE;
	
}

.portlet.box.esm-element-module-DR {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #95A5A6;
	
}

.portlet.box.esm-element-module-IN {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #F3C200;
	
}

.portlet.box.esm-element-module-MI {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #1BA39C;
	
}

.portlet.box.esm-element-module-MITA {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #1BA39C;
	
}

.portlet.box.esm-element-module-TA {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #1BA39C;
	
}

.portlet.box.esm-element-module-KP {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #1BA39C;
	
}

.portlet.box.esm-element-module-AI {
	position:relative; 
	border-color:#E5E5E5;
	
	border-top:3px solid #996633;
	
}


.help-icon-container {
    padding: 10px;
	padding-top:20px;
    text-align: center;
    position: fixed;
    top: 50%;
    z-index: 10001;
    right: 1px;
	background-color:white;
	border:1px solid #CCCCCC;
	border-right:0;
	-webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.help-icon-container>i {
    display: inline-block;
    color: #687991;
    font-size: 30px;
    opacity: .6;
    filter: alpha(opacity=60);
}
.help-icon-container:hover>i {
    opacity: 1;
    filter: alpha(opacity=100);
}


.esm-module-toolbar {
	margin-bottom:15px;
	float:left;
	clear:both;
	position:relative;
	width:100%;
	clear:both;
}

.page-bar .alert {
	padding:4px 10px 5px 10px;
	margin:0;
}
.breadcrumbTitle {
	margin:0;
} 
.breadcrumbTitle a,
.breadcrumbTitle i  {
	color:#AAAAAA;
	float:left;
}
.breadcrumbs {
	width:100%;
	margin:0 3px;
}
.breadcrumbs i.fa {
	font-size:0.9em;
	margin:0 2px;
	line-height:1.5em;
}
.breadcrumbs a {
	font-size:0.8em;
	margin:0 2px;
}
.breadcrumbs i.fa-chevron-right {
	font-size:0.7em;
}

.esm-module-toolbar.no-gap {
	margin-bottom:0px;
}
.toolbar-for-vertical-container {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	padding:10px;
}
.toolbar-for-vertical {
	font-size:1.3em; 
	font-weight:300;
	padding:10px 0 10px 0;
	border:2px solid #F3C200; /* yellow-crusta */
	background-color:#F0F0F0;
}
.tools-outside-tabs {
	margin-bottom:10px;	
}
.tools-outside-tabs .btn {
	margin-bottom:10px;
}
.tools-outside-tabs .panel-group {
	margin-bottom:10px;	
}
.tools-outside-tabs .action-btn-lg i {
	display:block; 
	float:left; 
	margin-top:6px;	
	margin-right:8px;	
}
.tools-outside-tabs .action-btn-lg span {
	font-size:1.3em;	
}

.tools .esm-tool-options {
	margin-right:10px;
}
.tools .btn:not(.dropdown-toggle), 
.tools button:not(.dropdown-toggle) {
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0;
}
.tools .btn-group .btn,
.tools .btn-group button {
	margin-left:0;
	margin-right:0;
}

.tools a.btn:first-child {
	margin-right:0 !important;	
}
.tools .btn-group {
	margin-right:10px !important;	
}
.tools .btn-group .calendar-btn{
	margin-right:0px !important;	
}
.tools .btn-group a.btn {
	margin-right:0 !important;	
}
.esm-module-toolbar .async-save-notification {
	height:20px; 
	width:220px;
	margin-right:10px;
}

.esm-module-toolbar .tools {
	padding-right:0; /* counters bootstrap cols */
}
.page-toolbar .tools .btn,
.page-toolbar .tools button {
	padding:3px 8px;
	margin-bottom:0;
}

.layout-drop-text-wrapper {
	max-width:150px; 
	border:0px solid red;
	overflow:hidden;
	display:block;
	line-height: 1;
	position:relative;
	top:1px;
	margin:2px 3px 0 0;
	padding:0;
	float:left;
}
.highlighted-bar {
	background-color:#FFD5D5 !important;
}
.esm-toolbar-above-tabs {
	margin:0 5px 15px 5px;
	padding:10px 10px 10px 0;
	/* border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC; */
	background-color:#EAF5E2;
}

.esm-toolbar-above-tabs .tools {
	/* margin-bottom:10px; */
}
.esm-toolbar-above-tabs .tools a {
	margin-bottom:0;
}
.esm-notification {
	margin-top:10px;
	margin-right:20px;
}
.esm-notification-buttons {
	float:right;
}
.esm-notification-buttons.layout-approval {
	margin-top:-5px;
}
.table-copy-forward {
	background-color:transparent !important;
	margin-left:10px;
	margin-bottom: 0px;
}

.esm-toolbar-above-tabs div.toolbar-select-label,
.esm-module-toolbar div.toolbar-select-label {
	float:left;
	margin:5px 0 0 0px;
	padding-right: 5px;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 140px;
}

.esm-toolbar-above-tabs div.toolbar-select-label.manage-page {
	margin:0;
}
.esm-toolbar-above-tabs.manage-page {
	margin:0;
	padding:0;
}
.esm-toolbar-above-tabs label {
	margin-top:10px;
}
.table-copy-forward .toolbar-select-label {
	margin:2px 0 0 15px;
	padding-right: 10px;
}
.table-copy-forward .toolbar-field,
.esm-toolbar-above-tabs .toolbar-field,
.esm-module-toolbar .toolbar-field {
	float:left;
	margin-right:10px;
	margin-bottom:10px; /* padding for when it wraps */
}
.esm-toolbar-above-tabs .btn.dark:not(:hover):not(:active) {
	background-color:white !important;
}

.esm-list-icon {
	float:right;
	margin-right:5px;	
}
.btn.esm-list-icon {
	padding:1px 5px;
}
.esm-list-icon.halo-button {
	box-shadow: -15px 0 15px #fbfcfd, 0 10px 10px #fbfcfd, 5px 0px 5px #fbfcfd !important;	
}

.edit-layout-dragzone-header {
	position:absolute; 
	top:3px; 
	left:3px; 
	padding:3px; 
	width:100%;	
}
.edit-layout-dragzone-header .btn {
	margin-right:7px;
}
a.expand-collapse-control, a.expand-collapse-control:hover {
	text-decoration:none;
}


table.esm-inactive-scorecards, h2.esm-inactive-scorecards {
	background-color:#eee;
}


.esm-fixed-edit-icon {
	display: inline-block;
	padding: 1px;
	text-align: center;
	position: fixed;
	bottom: 10px;
	z-index: 10001;
	display: none;
	right: 55px; }
  
.esm-fixed-edit-icon > i {
	display: inline-block;
	font-size:32px;
	opacity: 0.6 ;
	filter: alpha(opacity=60); 
}
.esm-fixed-edit-icon:hover {
	cursor: pointer; 
}
.esm-fixed-edit-icon:hover > i {
  	opacity: 1 ;
  	filter: alpha(opacity=100); 
}	  
	  
.module-list-header {
	font-weight:normal;
}
.esm-inline-icon {
	margin-right:3px;
}

/* FORMS */
.entryFormContainer {
	float:left; 
	width:100%;	
}
.entryFormStacked {
	width:98%;
}
.entryFormStacked .formlabel {
	padding-top:15px;
}
.entryFormStacked .formlabel.forcheckbox {
	padding-top:10px;
}
.entryFormStacked .formindented {
	padding:5px 0 0 25px;
}
.entryFormStacked .formindented {
	padding:5px 0 0 25px;
}
.fieldset-div {
	position:relative; 
	float:left;
	border:1px solid #E7ECF1; 
	width:100%; 
	clear:both; 
	padding:0 15px 15px 15px; 
	margin:10px 0;	
}
.fieldset-div .form-half-width {
	width:45%;
	float:left;
}

.hla .esm-hla-sort-list {
	padding:0 0 0 5px;
	margin-top:20px;
	/* list-style:none; */
}
.hla .esm-hla-sort-list li {
	margin:5px 0 0 5px;
	padding:10px;
	line-height:22px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
	list-style:none;
}
.hla .esm-hla-sort-list li .btn {
	padding:3px; 
	margin:-2px 0 0 5px;	
}
.hla .esm-hla-addable {
	border:1px solid #999999; 
	background-color:#FEFEFE; 
	margin-top:15px;	
}
.hla .bodytext {
	margin-top:20px;	
}
.hla .hla-sort { 
	position:absolute; 
	top:13px; 
	left:5px;	
}
.hla .hla-element-name { 
	margin:0 65px 0 20px;	
}
.hla .hla-action-buttons { 
	width:65px; 
	position:absolute; 
	top:10px; 
	right:5px;	
}



.question-scroll-container {
	max-height:500px; 
	overflow:auto;	
}
.numeric-error.help-block {
	font-size:0.9em;	
}
.esm-form {}
.esm-form.inline-form {}
.esm-form.inline-form  .form-field-inline {
	position:relative;
	margin-top:3px;
}
.esm-form.inline-form .form-field-inline-fieldset {
	margin-bottom:15px;	
}
.esm-form.inline-form .form-field-inline-title {
	font-weight:600;
	width:100%;
	border:0px solid red;	
}
.esm-form.inline-form a.inline-field-original {
	display:inline-block;
	border: 0px solid green;
    padding: 2px;
	width:100%;
	text-decoration:none;
}
.esm-form.inline-form a.inline-field-original:not(.read-only-field):hover {
	border: 1px solid #CCCCCC;
    padding: 1px;
	text-decoration:none;
}
.esm-form.inline-form a.inline-field-original.read-only-field:hover {
	cursor:default;
}
.esm-form.inline-form .input-group {
	width:100%;
}
.form-field-inline-container .input-group .form-control:first-child {
	border-radius: 4px;
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.esm-form.inline-form .inline-editor {
	border: 1px solid white;
}
.esm-form.inline-form .inline-editor:not(.read-only-field):hover {
	border: 1px solid #CCCCCC;
	cursor:pointer;
	color:#337ab7;
}
.form-container-edited {
	background-color:#FFFFCC;
	color:black !important; /*overrides recent edit highlight */
}
.inline-container {
	width:100%;
	min-height:60px;	
}
.inline-editor-content {
	min-width:90%; 
	min-height:60px; 
	font-size:75%;	
}
.form-field-inline-fieldset .inline-editor-content { 
	font-size:0.9em;	
}
a.inline-field-original[data-type="checkbox"],
a.inline-field-original[data-type="checkbox"]:hover {
	text-decoration:none !important;
}

.inline-textfield:not(.save-on-change) {
	border:0; 
	background:none;
	font-size:0.8em;
	padding:0;	
}
.inline-textfield.active {
	border:1px solid #A4C6E4; 	
}
.esm-form.inline-form .inline-textfield {
	font-size:0.9em;
}

td .click-in-editor {
	position:absolute; 
	top:7px; 
	left:7px;	
}
.question-responses.panel.collapsed {
	margin-bottom:5px;
}
textarea.form-control.form-field-inline {
	width:100%;
}
/* end FORMS */



.status-indicator-container {
	white-space: nowrap;
	border:0;
	float:left;
	border:0px solid red;
	/* width set dynamically*/
}
.status-container-small {
	min-width:20px; /* no icons */
}
.status-container-normal {
	min-width:62px; /* includes icons */
}
.status-container-normal.with-label {
	min-width:210px; /* includes icons */
}
.status-container-normal.si-StrategyMap {
	min-width:40px; /* includes ONE icon */
	min-height:50px; /* to prevent test wrap from title */
}

.caption .status-container-normal {
	min-width:30px; /* no icons */
}
.status-container-big {
	min-width:80px; /* includes icons */
}
.icon-container-normal {
 	float:left;
	margin-top:4px;
	height:22px; /* to help with lable wrap */
}
.icon-container-normal .esm-threshold-icon {
	/* icon is short, doesn't look quite right, move down slightly */
	position:relative;
	top:1px;
}
.icon-container-normal-list {
	margin-top:9px;
	height:22px; /* to help with lable wrap */
}
.icon-container-normal-list .esm-threshold-icon {
	/* icon is short, doesn't look quite right, move down slightly */
	position:relative;
	top:1px;
}
.label-container-normal {
	float:left;
	margin-top:2px;
}
.icon-container-normal.si-StrategyMap {

}
.element-sm-popup-link {
	--width:100%;
	height:100%;
}


.drill-group {
	border:2px solid white;
	border-radius:5px;
}
.drill-group:hover {
	border:2px solid #ab72c0;
	cursor:pointer;
}
.drill-list,
.drill-list-static {
	margin:0;
}
.drill-list.shown,
.drill-list-static.shown {
	margin:10px 5px 0 5px;
	background-color: #F4F4F4;
	border:1px solid #EEEEEE;
	padding:10px;
	position: relative;
}
.collapse-drill-container {
	width:60px;
	clear:both;
	text-align:right;
	position: absolute;
	top:10px;
	right:10px;
	display:block;
}


.column-full .collapse-drill-container {
	--display:none;
}

.drill-list .portlet.light,
.drill-list-static  .portlet.light {
	background-color: transparent;
}


/* heat matrix */
.table.heatgrid-table {
	width:100%;
}
.heatgrid-table td:not(.y-axis-title),
.heatgrid-table th {
	width:100px;
}
.heatgrid-table td.y-axis-title {
	min-width:30px;
	height:40px;
}
.summary .heatgrid-table td:not(.axis-value-cell),
.heatgrid-table th {

}
.heatgrid-table .axis-value-cell {
	font-weight:bold;
	background-color: #F0F0F0;
	text-align:center;
	vertical-align:middle;
}
.heatgrid-table .axis-text-label {
	display:none;
	font-weight:normal;
	font-size:0.9em;
}
.heat-matrix-content:not(.editable) .heatgrid-table .axis-text-label {
	display:inline;
}
.heat-matrix-content:not(.editable) .instructions {
	display:none;
}
.heat-matrix-content.editable .instructions {
	margin-left:20px;
}
.heatgrid-table .y-axis-labels .axis-value-cell, 
.heatgrid-table .y-axis-title,
.summary .heatgrid-table .y-axis-labels .axis-value-cell, 
.summary .heatgrid-table .y-axis-title {
	width:40px;
}
.heatgrid-table .x-axis-labels .axis-value-cell,
.heatgrid-table .x-axis-title td {
	height:30px;
}
.heatgrid-table .heat-grid-cell {
	text-align:center;
	vertical-align: middle;
	margin:auto;
	padding:auto;
}
.heatgrid-table .heat-grid-cell i.fa {
	line-height:50px;
}
.heatgrid-table .vertical-container {
	height:100%;
	width:25px;
	line-height:1.7em;
	margin-right:-10px;
}
.heatgrid-table .axis-title {
	font-size:2em;
}
.heatgrid-table .verticalText {
	margin-bottom:5px;
}
.heatgrid-table .heat-cell-check {
	display:none;
}
.heatgrid-table .highlighted-cell {
	border: 2px solid #AB72C0 !important;
}
.heatgrid-table .highlighted-cell .heat-cell-check {
	display:inline;
}

.heat-matrix-scoller {
	width:100%;
	padding:0 0 20px 0;
	margin:0;
	overflow:auto;
}
.heat-matrix-content {
	min-width:400px;
}
.heat-matrix-content.side-by-side.list-shown {
	min-width:700px;
}
.heat-matrix-content .drill-list.shown,
.heat-matrix-content .drill-list-static.shown {
	margin:0;
}

.heat-matrix-content .matrix-side-by-side {
	margin: 0 auto;
}
.heat-matrix-content .matrix-side-by-side.matrix-half {
	max-width: 800px;
}
.heat-matrix-content:not(.list-shown) .matrix-side-by-side.matrix-half {
	width:100%;
}
.heat-matrix-content.side-by-side.list-shown .matrix-side-by-side {
	width:49%;
}
.heat-matrix-content.side-by-side.list-shown.list-on-right .matrix-side-by-side.matrix-half,
.heat-matrix-content.side-by-side.list-shown.list-on-left .matrix-side-by-side.list-half {
	float:left;
}
.heat-matrix-content.side-by-side.list-shown.list-on-left .matrix-side-by-side.matrix-half,
.heat-matrix-content.side-by-side.list-shown.list-on-right .matrix-side-by-side.list-half {
	float:right;
}

.heat-grid-list .form-group {
	margin: 0;
}
.criteria-label {
	float:left;
}
.criteria-label a {
	font-size:1.5em;
}
.rename-criteria {
	font-size: 0.9em;
	cursor: pointer;
	float:left;
	line-height: 1em;
	margin: 12px 0 0 10px;
}
.heat-grid-list .sp-preview {
	width:100px;
	height:18px;
}

.heat-grid-cell.selected {
	border: 2px solid #AB72C0 !important;
}
.legend {
	vertical-align:middle;
}
.legend .colored-cell {
	border: 1px solid #E7ECF1;
	float: left;
	margin: 3px 10px;
	padding: 3px;
	text-align:center;
	width:120px;
	font-size:0.9em;
	display:table-cell;
}
.legend .colored-cell.color-setter {
	border: 1px solid #E7ECF1;
	cursor: pointer;
}
.legend .colored-cell.label {
	color:#333333;
	font-size:0.9em;
	border:0;
	text-align:left;
}
.colored-cell.esm-default-green {
	background-color:#6CD38E;
}
.colored-cell.esm-default-yellow {		
	background-color:#EDED7B;
}
.colored-cell.esm-default-red {
	background-color:#F37877;
}
.colored-cell.esm-default-white {
	background-color:#FEFEFE;
}
.colored-cell.esm-default-black {
	background-color:#333333;
}
.colored-cell.esm-default-gray {
	background-color:#C0C0C0;
}
.heat-grid-cell .cell-element-count {
	color:white;
	background-color:#666666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size:18px;
	font-weight:bold;
	padding:1px 2px 2px 2px;
	margin:auto;
	width:30px; 
	height:30px;
}
.heat-grid-cell .cell-element-count.drill-group {
	cursor:pointer;
}

.heatgrid-criteria.hg-title .form-group {
	margin:0;
}
.column:not(.module-list) .portlet.heatgrid-criteria.hg-title {
    margin-bottom: 0px;
}
/* heat matrix */








.esm-status-big {
	font-size: 2em;
	line-height:48px;
	text-shadow:#999999 1px 1px 1px;
	width:50px;
	height:50px;
	float:left;
	text-align:center;
	border:1px solid #666666;
	
	
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
	
	
	vertical-align:middle;
	margin-right:5px;
}
.esm-status-normal {
	font-size: 1em;
	font-weight:bold;
	width:25px;
	height:25px;
	float:left;
	text-align:center;
	line-height:22px;
	border:1px solid #666666;
	
	
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	
	
	margin-right:5px;
}
.caption .esm-status-normal {
	/* special case for SI in a module header */
	font-size: 12px;
}

.esm-status-normal-list {
	font-size: 1.2em;
	font-weight:bold;
	width:36px;
	height:36px;
	float:left;
	text-align:center;
	line-height:32px;
	border:1px solid #666666;
	margin-right:5px;
}

.esm-status-small {
	font-size: 0.01em; /* essentially 0 */
	font-weight:bold;
	width:12px;
	height:12px;
	float:left;
	border:1px solid #666666;
	margin-right:3px;
}
.status-incomplete {
	/* for box indicator */
	background: url('/sas/assets/images/layout/incomplete-halved-layover.png') repeat center center;
	text-align:left;
	position:relative;
}
.status-incomplete span {
	border:0;
	font-size:0.9em;
	position:absolute;
	top:0;
	left:0;
	line-height:1em;
	padding:1px;
}
.esm-status-big span {
	left:3px;
	line-height:1.1em;
}
.status-incomplete img {
	position:absolute;
	bottom:1px;
	right:1px;
	border:0;
}
td.status-incomplete,
.scr_tree_a div.status-incomplete,
.scr_tree_b div.status-incomplete,
.scr_tree_c div.status-incomplete,
.scr_tree_d div.status-incomplete {
	/* for the matrix */
	background: url('/sas/assets/images/layout/incomplete-slashed-layover.png') repeat center center;
}
.esm-status-big img {
	bottom:3px;
	right:3px;
}
.status-indicator-matrix {
	padding:0;
	margin:0;
	text-align:center;
}
.matrix-indicator-column {
	padding:8px 5px 5px 5px;
	float:left;
}
.matrix-indicator-column .icon-holder {
	width:20px; 
	height:20px; 
	line-height:18px; 
	border:1px solid #CCCCCC; 
	background: url(/sas/assets/images/layout/1x1-opacity-60.png) 50% 50% repeat;
	margin:0 0 3px 0;
	float:left;
}
.matrix-indicator-column .icon-holder .esm-trend-level-icon,
.matrix-indicator-column .icon-holder .esm-trend-none-icon,
.matrix-indicator-column .icon-holder .esm-trend-down-icon {
	margin-right:1px;
}
.matrix-indicator-column .icon-holder .trend-up-icon {
	margin-left:0;
}
.status-indicator-drop {
	width:300px;
}
.status-indicator-drop-small {
	width:90px;
}
.status-indicator-drop-small .dropdown-menu {
	width:280px;
}
.status-indicator-drop-small .dropdown-menu:before {
    left: 9px;
    right: auto;
}
.status-indicator-drop-small .dropdown-menu:after {
    left: 10px;
    right: auto;
}

.status-indicator-drop .status-indicator-top {
	width:265px; /* status-indicator-drop - 35 */
	height:40px;
}
.status-indicator-drop .dropdown-menu a,
.status-indicator-drop-small .dropdown-menu a {
	position:relative; 
	float:left;
	width:100%;
	min-width:200px;
	width:300px;
	overflow:hidden;
}
.status-indicator-drop-small .status-indicator-top {
	width:50px;
}
.status-indicator-drop .dropdown-toggle {
	width:35px;
	height:40px;
}
.status-indicator-drop .dropdown-toggle i {
	line-height:28px;
}
.status-indicator-label {
	overflow:hidden;
	text-align:left;
	border:0px solid blue;
	padding-left:2px;
	clear:none;
}
.status-indicator-drop .status-indicator-label {
	min-width:180px; /* status-indicator-drop - space for 2 icons */
}
.status-indicator-drop .dropdown-menu .status-indicator-label {
	min-width:230px;
	overflow:hidden;
	text-align:left;
	padding-left:2px;
	clear:none;
}
.status-indicator-container .status-indicator-label {
	width:140px;
	min-width:140px;
}
.measureThresholdSource .status-indicator-container .status-indicator-label,
.measureThresholdTarget .status-indicator-container .status-indicator-label {
	width:200px;
	min-width:200px;
}

.esm-big-si-icon {
	float:left;
	clear:both;
	margin-top:2px;
	margin-bottom:1px;
}
.status-indicator-drop .fa {
	float:left;
	clear:none;
	margin:0;
	margin-right:3px;
}
.threshold-display {
	background-color:#DDDDDD;
	width:12px;
	height:12px;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	margin-right:3px;
	float:left;
}
.measureThresholdSource,
.measureThresholdTarget {
	width:95%; 
	margin-bottom:5px;	
}


.threshold-thumbnail-container {
	white-space: nowrap;
	float:left;
	margin: 0 10px;
	border:1px solid #CCCCCC;
	padding:2px;
}
.threshold-thumbnail-container.small {
	min-width:20px;
}

.threshold-thumbnail-container.small .threshold-thumbnail-color {
	height:14px;
	min-width:14px;
	float:left;
}
.threshold-thumbnail-container.small .threshold-thumbnail-value {
	font-size: 0.8em;
	color: black;
	margin: -1px 2px 0 2px;
	float:left;
}

.threshold-thumbnail-container.medium {
	min-width:22px;
}

.threshold-thumbnail-container.medium .threshold-thumbnail-color {
	height:20px;
	min-width:20px;
	float:left;
	border-radius:4px;
}
.threshold-thumbnail-container.medium .threshold-thumbnail-value {
	font-size: 0.8em;
	color: black;
	margin: 2px 2px 0 2px;
	float:left;
}

.threshold-thumbnail-blank {
	width:4px;
	margin: 0 2px;	
}

.threshold-thumbnail-container.normal {
	min-width:24px;
	padding:3px 5px;
}
.threshold-thumbnail-container.normal .threshold-thumbnail-color {
	height:24px;
	min-width:24px;
	float:left;
	border-radius:4px;
}
.threshold-thumbnail-container.normal .threshold-thumbnail-value {
	font-size: 0.9em;
	color: black;
	margin: 4px 3px 0 3px;
	float:left;
}



.map-canvas .small-indicator-size {
	width:16px !important;
	height:16px !important;
}
.map-canvas .normal-indicator-size {
	width:24px !important;
	height:24px !important;
}
.map-canvas .normal-indicator-size .status-tag {
	font-size:1em;
	margin:0 1px;
}
.map-canvas .normal-indicator-size.circle-indicator .status-tag {
	left:-1px;
}

.map-canvas .large-indicator-size {
	width:40px !important;
	height:40px !important;
}
.map-canvas .large-indicator-size .status-tag {
	font-size:1.5em;
	margin:5px 6px;
}
.map-canvas .large-indicator-size.circle-indicator .status-tag {
	font-size:1.5em;
	margin:5px auto;
}
.map-canvas .xlarge-indicator-size {
	width:100px !important;
	height:100px !important;
}
.map-canvas .xlarge-indicator-size .status-tag {
	font-size:3em;
	margin:18px 32px;
}
.map-canvas .xlarge-indicator-size.circle-indicator .status-tag {
	font-size:3em;
	margin:15px auto;
}

.inline-trend-icon {
	margin-left:3px;
	--text-shadow: 0 0 3px #000000;
}
.map-status .inline-trend-icon {
	text-shadow: 0 0 3px #000000;
}
.element-sm-popup-link.esm-ajax-load:hover {
	cursor:pointer;
}

.inline-trend-icon {}
.inline-trend-icon.trend-color-none,
.inline-trend-icon.trend-color-, {
	color:inherit;
}
.inline-trend-icon.trend-color-upgood.trend-up,
.inline-trend-icon.trend-color-upbad.trend-down {
	color:#26C281;
}
.inline-trend-icon.trend-color-upbad.trend-up,
.inline-trend-icon.trend-color-upgood.trend-down {
	color:#E43A45;
}
.inline-trend-icon.trend-color-upgood.trend-start,
.inline-trend-icon.trend-color-upbad.trend-start {
	color:#4C87B9;
}	
.inline-trend-icon.trend-color-upgood.trend-flat,
.inline-trend-icon.trend-color-upbad.trend-flat {
	color:#F3C200;
}



.element {
	
}
.element-head {
	
}
.element.valign-middle .element-head,
.strategy-map-element.valign-middle .element-sm-popup-link {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left:5px;
	right:5px;
	height:auto;
}

.element.valign-top .element-head,
.strategy-map-element.valign-top .element-sm-popup-link {
	height:auto;
}
.element.valign-bottom .element-head,
.strategy-map-element.valign-bottom .element-sm-popup-link {
	margin: 0;
	position: absolute;
	bottom:5px;
	left:5px;
	right:5px;
	height:auto;
}

.orient-horizontal,
.orient- {

}
.orient-stack {
	text-orientation: upright; 
	writing-mode: vertical-lr;
	letter-spacing:-0.4em;
}
.orient-rot90 .element-head,
.orient-rot90 .element-sm-popup-link {
	writing-mode: vertical-lr;
}
.orient-rot90 i.fa, .orient-rot90 i.far, .orient-rot90 i.fas, .orient-rot90 fal, .orient-rot90 i.fad,
.orient-rot270 i.fa, .orient-rot270 i.far, .orient-rot270 i.fas, .orient-rot270 fal, .orient-rot270 i.fad {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.orient-rot270 .element-head,
.orient-rot270 .element-sm-popup-link,
.element.valign-middle.orient-rot270 .element-head,
.element.valign-middle.orient-rot270 .element-sm-popup-link {
	writing-mode: vertical-lr;
	transform-origin: center;
	transform: rotate(180deg) !important;
	position:absolute;
	top:0 !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
}

.si-only .small-indicator-size,
.si-only .normal-indicator-size,
.si-only .large-indicator-size,
.si-only .xlarge-indicator-size {
	position:absolute;
	top:0 !important;
	left:0 !important;
}
.element.si-only,
.strategy-map-element.si-only {
	background-color:transparent !important;
	border:0 !important;
}
.si-only .element-head,
.si-only .element-sm-popup-link {
	display:none;
}

.small-indicator-size.square-indicator {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.normal-indicator-size.square-indicator {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.large-indicator-size.square-indicator {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.xlarge-indicator-size.square-indicator {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.circle-indicator {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.circle-indicator .status-tag {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	left:0;
}

.triangle-indicator {
	width: 0;
	height: 0;
	border-left: 50% solid transparent;
	border-right: 50% solid transparent;
	border-bottom: 100% solid #555;
}



td.grey {
	background-color:#E5E5E5;
}
td.grey-steel {
	background-color:#F0F0F0;
}

.personal-indicator-container {
	
}

.personal-indicator {
	border:1px solid #666666; 
	color:white;
	text-align:center; 	
}
.personal-indicator-size-24 {
	width:24px; 
	height:24px;
	line-height:24px;
	font-size:12px; 
}
.personal-indicator-size-30 {
	width:30px; 
	height:30px;
	line-height:26px;
	font-size:15px; 
}
.personal-indicator-size-60 {
	width:60px; 
	height:60px;
	line-height:60px;
	font-size:30px; 
}


.personal-goal-container .personal-indicator-container {
	margin:7px 10px 10px 0;	
}
.personal-goal-container .perform-title {
	padding:0;
	margin:5px 0 0 0;	
}
.personal-goal-container .perform-subtitle {
	padding:0;
	margin:0 0 3px 0;	
	color:white; 
	width:90%;
}
.personal-goal-container .perform-title h3 {
	margin:0; 
	padding:0;
}

.perform .portlet .portlet>.portlet-title {
    margin-bottom: 5px; 
}
.perform .portlet.light>.portlet-title {
    padding: 0;
    min-height: 40px;
}


.score-container {
	padding:5px 10px;
	float:left;
	position:relative;
	border:0;
}
.score-container.edit {
	border: 1px solid #EEEEEE;
	border-radius:4px;
}
.review .score-container.edit {
	border: 1px solid #B4BCC8;
}
.score-container.edit:hover {
	background-color: #F5F5F5;
	border-color: #DDDDDD;
	color: #23527c;
	cursor: pointer;
}
.score-container .personal-indicator {
	float:left;
	cursor: default;
}
.score-container.edit:hover .personal-indicator {
	cursor: pointer;
}
.score-container .drop-arrow {
	display:none;
}
.score-container.edit .drop-arrow {
	float:left;
	margin-top:5px;
	margin-left:10px; 
	display:block;
}
.score-label {
	float:left; 
	margin-top:15px; 
	font-size:1.1em;
}
.perform-cell .score-container {
	padding:0;
	padding-left:40px;
	float:right;
}
.perform-cell.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-datetime {
    width: 150px;
	height:auto;
}

.perform .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-datetime {
    text-align: right;
    float: right;
    width: auto !important;
	height: auto !important;
}

.perform-cell.mt-element-list .list-simple.ext-1.mt-list-container ul>.mt-list-item {
    padding-top: 5px;
	position:relative;
}



.portlet.light.forced-load {
	padding: 0;
}


.strategy-map-element {
	position:absolute; 
	top:40px; 
	left:40px; /* IMPORTANT - do not use dynamic RTL */
	width:200px; 
	height:100px;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
	padding:5px;
	background-image: url('/sas/assets/images/layout/1x1_clear.png'); /* rollovers for IE */  
	background-repeat: repeat;
}
.strategy-map-hover.has-link {
	border: dashed 1px black;
	background-image: url('/sas/assets/images/layout/1x1-opacity-20.png'); /* rollovers for IE */  
	background-repeat: repeat;
	cursor: pointer;
}
.strategy-map-back-container, .strategy-map-back-container-No, .strategy-map-back-container-Yes {
	width:100%;
	height:100%;
	border:1px soild gray;
	position:absolute;
	padding:0px;/* also add 10px to builder - MDP changed to 0 and moved padding to it's parent container */
}

.MoveStatusIndicator{
	position:absolute;left:25px;top:10;
}
.StrategyMapStatusIndicator{
	position:absolute;left:6px;top:0;
}

table.pc-size-small tbody th, 
table.pc-size-small tbody td {
    padding: 0 3px !important;
}
.pc-size-normal {
	border:0;
	border-spacing:2px !important;
	border-collapse:separate !important;
	padding:0;
	width:100%;
	margin:0;
}
.pc-size-normal td {
	padding:0;
	margin:0;
	border:1px solid #CCCCCC;
	width:4%; 
	height:25px;
}
.pc-size-normal td.with-texture,
.pc-size-small td.with-texture {
	background: url(/sas/assets/images/layout/generic_silver_transparent_grad_back.png) repeat-x center;
}
.pc-size-normal td.set-percent-complete,
.pc-size-small td.set-percent-complete {
	cursor:pointer;
}
.pc-size-normal td.set-percent-complete:hover {
	border:2px solid #AA0000;
	background-color:#FFFFCC;
	cursor:pointer;
}
.pc-size-normal .percent-complete-label {
	margin:auto;
	font-size:8px;
	text-align:center;
}
.pc-size-small {
	border:0;
	border-spacing:1px;
	border-collapse:separate !important;
	padding:0;
	margin:0;
}
.pc-size-small .pc-size-small  {
	width:auto;
}
.pc-size-small td  {
	padding:0;
	margin:0;
	border:1px solid #CCCCCC;
	width:5px; 
	height:15px;
}


.subscribe-textHeader {
	background-color:#F0F0F0;
}
.subscribe-div-indicator-td {
	width:115px; 
	min-width:115px;
}
.subscribe-div-indicator-select {
	margin-left: 3px;
}
.subscribe-div-indicator-holder {
	margin-top:3px;
}
.subscribe-div-indicator-column {
	float:left; 
	border:0; 
	padding:0; 
	width:40px; 
	margin-bottom:3px; 
	margin-top:1px; 
}
.subscribe-div-indicator-group {
	float:left; 
	border:0; 
	padding:0;
}




.dashboard-row {
	width:100%; 
	padding-left:10px;	
}
.dashboard-chart-container {
	padding:0 5px 0 5px !important;	
}
.dashboard-element-name-container {
	margin:5px;
	font-size:0.9em;	
}
.dashboard-bordered-chart {
	border:1px solid #EEEEEE; 
	padding:5px;
	margin-bottom:10px;
}



.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.esm-folder {
	cursor:pointer;
	padding: 5px 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items ul.dash-folder {
    --border-bottom: 1px solid #3D4957;
}
ul.esm-dash-list.my-layouts .esm-remove-folder,
ul.esm-dash-list.shared-layouts .esm-remove-folder,
ul.esm-dash-list.hidden-layouts .esm-remove-folder,
ul.esm-dash-list.approval-layouts .esm-remove-folder {
	display:none;
}

li.divider .fa.fa-angle-down,
li.divider .fa.fa-angle-right,
li.divider .fa.fa-folder-open,
li.divider .fa.fa-folder,
li.esm-folder .far.fa-folder-open,
li.esm-folder .far.fa-folder {
	margin-left:5px;
	display:inline-block;
}
li.esm-folder .esm-collapse-content:not(.group-open) .far.fa-folder-open,
li.esm-folder .esm-collapse-content.group-open .far.fa-folder,
li.divider .esm-collapse-content:not(.group-open) .fa.fa-angle-down,
li.divider .esm-collapse-content.group-open .fa.fa-angle-right,
li.divider .esm-collapse-content:not(.group-open) .fa.fa-folder-open,
li.divider .esm-collapse-content.group-open .fa.fa-folder {
	display:none;
}

/* .page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li .dropdown-submenu>.dropdown-menu {
    top: 5px;
    left: -80%;
    margin-top: -6px;
    margin-right: -1px;
	z-index: 25000;
	width:100px;
} */

.esm-choose-folder-container {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:30000;
}
.esm-choose-folder-pop {
	position:fixed; 
	top:50%; /* gets overrideen by element style tag */
	right:100px;  /* gets overrideen by element style tag */
	min-height:200px; 
	width:400px; 
	background-color:white; 
	z-index:30001;
	border:1px solid #DDDDDD;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	padding: 5px 20px 20px 20px;
}
.esm-choose-folder-pop.loading {
	visibility:hidden;
}

.esm-folder.template {
	display:none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li .dropdown-submenu>.dropdown-menu li {
	font-size:0.9em;
}

.esm-default-dash {}
.esm-default-dash.remove-default {}


.dashboard-selector .esm-dashboard-name .default-icon {
	display:none
}

.dashboard-selector.company-default .esm-default-dash[scope=company] .default-icon,
.dashboard-selector.company-default .desc .default-icon {
	color:#36C6d3 !important;
	display:inline;
}
.dashboard-selector.scorecard-default .esm-default-dash[scope=scorecard] .default-icon,
.dashboard-selector.scorecard-default .desc .default-icon {
	color:#ED6B75 !important;
	display:inline;
}
.dashboard-selector.user-default .esm-default-dash[scope=user] .default-icon,
.dashboard-selector.user-default .desc .default-icon {
	color:#337AB7 !important;
	display:inline;
}

.dashboard-selector.company-default .esm-default-dash[scope=company] .do-make,
.dashboard-selector:not(.company-default) .esm-default-dash[scope=company] .do-remove,
.dashboard-selector.scorecard-default .esm-default-dash[scope=scorecard] .do-make,
.dashboard-selector:not(.scorecard-default) .esm-default-dash[scope=scorecard] .do-remove,
.dashboard-selector.user-default .esm-default-dash[scope=user] .do-make,
.dashboard-selector:not(.user-default) .esm-default-dash[scope=user] .do-remove {
	display:none;
}
.dashboard-selector:not(.company-default) .esm-default-dash[scope=company] .do-make,
.dashboard-selector.company-default .esm-default-dash[scope=company] .do-remove,
.dashboard-selector:not(.scorecard-default) .esm-default-dash[scope=scorecard] .do-make,
.dashboard-selector.scorecard-default .esm-default-dash[scope=scorecard] .do-remove,
.dashboard-selecto:not(.user-default) .esm-default-dash[scope=user] .do-make,
.dashboard-selector.user-default .esm-default-dash[scope=user] .do-remove {
	display:inline;
}

#share-dashboard-modal .btn:not(.default) {
	display:none; /* default to off - show with JS */
}

#share-dashboard-modal .k-sprite {
    background-image: url(/sas/assets/images/coloricons-sprite.png);
}
#share-dashboard-modal .k-sprite.folder {
	background-position: 0 -16px;
}
#share-dashboard-modal .k-sprite.dashboard {
	background-position: 0 -64px;
}

.details-field-value {
	margin-left:15px;
}
.details-field-value p {
	margin:0;
}
.field-section-title {
	display:block; 
	width:100%;
	padding:2px 5px; 
	margin:15px 0 5px 0;
	font-size:0.9em;
}
.field-section-title.definition {
	border-left:3px solid #8A0987; 
	background-color:#EFEDF3;
}
.field-section-title.reporting {
	border-left:3px solid #7EA114;
	background-color:#EAF5E2;
}
.field-section-list {
	margin:5px 0; 
	padding:3px 5px 3px 15px;
	font-size:0.9em;
}
.field-section-list.definition {
	border-left:3px solid #8A0987;
}
.field-section-list.reporting {
	border-left:3px solid #7EA114;
}
.heat-matrix-axis-value {
	float:left; 
	width:20px;
	height:25px; 
	border:1px solid #CCCCCC;
	padding:2px 5px;
	font-weight:600;
	color:white;
	clear:none;
	font-size:1.2em;
}


.hidedash-text {
	display:block;
}
.unhidedash-text {
	display:none;
}
.hidden-layouts .hidedash-text {
	display:none;
}
.hidden-layouts .unhidedash-text {
	display:block;
}

.esm-layout-row .column {
	padding-left:0 !important;
	padding-right:0 !important;	
}
#zoneRight .esm-layout-row .column:first-child {
	padding-left:15px !important;
}
#zoneRight .esm-layout-row .column:last-child {
	padding-right:15px !important;	
}

#sortable_portlets.dash_sortable_portlets {
	margin:0 15px;
	padding-right:15px;
}

li.dashboard-selector .desc small {
	width:210px; 
	overflow:hidden; 
	white-space:nowrap; 
	display:inline-block;
	line-height:1.2em;
}
li.dashboard-selector .desc i.fa {
	line-height:1.5em;
}

.page-content-white .load-module-container .page-title {
    margin: 20px 0;
    font-size: 24px;
}

.btn.purple-soft.helper-example {
	background-color:#3F214B;
	position:absolute; 
	top:8px; 
	left:930px; 
	z-index:90000; 
	border:1px solid white; 
	box-shadow: 0 4px 8px 0 #FFFFCC, 0 6px 20px 0 #FFFFCC !important;	
}
#zone10.column-half {
	padding-right:8px;	
}
#zone11.column-half {
	padding-left:8px;	
}

.layout-button-container {
	display:none;
	margin-right:10px;	
}
.esm-module-list h3.list-heading {
	clear:both;
}
.module-loading-placeholder{
	border:1px solid #CCCCCC;
	height:200px;
	width:100%;
	background-color: white;
}
.module-list-placeholder {
	padding:0;
}
.module-list-row {}
.module-list-item {
	padding:0 5px; 
	margin-bottom:10px;
}
.module-list-thumb img {
	width:100%;
}
.module-list-thumb span {}
.module-list-thumb:hover span {
	color: #824499;
}

.load-module-container:not(.esm-collapsed) .esm-collapse-portlet.collapse,
.load-module-container.esm-collapsed .esm-collapse-portlet.expand,
.load-module-container:not(.esm-collapsed) .portlet-body {
	display:block;
}
.load-module-container.esm-collapsed .esm-collapse-portlet.collapse,
.load-module-container:not(.esm-collapsed) .esm-collapse-portlet.expand,
.load-module-container.esm-collapsed .portlet-body {
	display:none;
}
.load-module-container.esm-collapsed {
	height:auto;
}

.form-control.form-dashboard {
	border:1px solid #3D4957;
	background-color:#3F214B;
	color:white;
}
.form-control.form-dashboard:active,
.form-control.form-dashboard:focus,
.form-control.form-dashboard:hover {
	border:1px solid #69367C;	
}
.form-control.dash-edit-name {
	margin-bottom:10px;
}
.editable-text {
	padding:2px;
	border:1px solid white;
}
.editable-text-edit-icon {
	display:none;
	font-size:0.7em;
	color:#BFCAD1;
	margin:2px 5px;
}
.editable-text:hover .editable-text-edit-icon {
	display:block;
}
.editable-text:hover{
	border:1px solid #CCCCCC;
	cursor:text;
}
.dash-header .dropdown-menu {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight:400;
	letter-spacing:normal;
	text-transform:none;
}
.dash-header .btn-group {
	margin-right:10px;
	margin-bottom:5px;
}

.column.bs-enabled .dropzone-holder {
	margin-bottom:0;
}
.column.bs-enabled:not(.module-list) .load-module-container:not(.portlet-sortable-empty) {
	border:1px solid #DDDDDD;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:15px;	
}
.column.bs-enabled:not(.module-list) .load-module-container.new-copy-module:not(.portlet-sortable-empty) {
  	border:2px solid #7EA114;
}
.column.bs-enabled:not(.module-list) .load-module-container.new-copy-module.loaded:not(.portlet-sortable-empty) {
  border:1px solid #DDDDDD;
  -webkit-animation-name: borderfade; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: borderfade;
  animation-duration: 2s;
}

@-webkit-keyframes borderfade {
	0%   {border:2px solid #7EA114;}
  	70% {border:2px solid #DDDDDD;}
	100% {border:1px solid #DDDDDD;}
}
/* Standard syntax */
@keyframes borderfade {
	0%   {border:2px solid #7EA114;}
  	70% {border:2px solid #DDDDDD;}
	100% {border:1px solid #DDDDDD;}
}

.load-module-container .action-buttons {
	width:100%;
	text-align:right;
}

#zone1 .load-module-container,
#zone13 .load-module-container,
.module-list .load-module-container,
.load-module-container.no-border {
	border:0 !important;	
	margin-bottom:0;	
}
.canvaszone13 .load-module-container {
	border:0 !important;	
	margin-bottom:0 !important;	
}

.esm-dash-module {
	
}
.edit-module {
	position:relative;
	display:inline-block;
	vertical-align:middle;	
}
.edit-module .btn-sm {
	padding: 4px 10px;
    font-size: 13px;
    line-height: 1.5;
}
.element-selected {
	background-color:#FFFFCC;
}
.portlet-body .definition, 
.portlet-body .perf-analysis,
.portlet-body .recommendation {
	font-size:0.9em;
}
.column:not(.module-list) .portlet {
 	margin-bottom:10px;
}
.column:not(.module-list) .portlet.dragbox-place-holder {
 	margin-bottom:1px;
}

.portlet.esm-dash-module:not(.dragbox-place-holder) {
 	--margin-bottom:5px;
}

.portlet.esm-dash-module.zero-state {
 	margin-bottom:0;
}

.column:not(.module-list) .esm-dash-module .portlet-title {
	position:relative;	
	margin: -5px -10px 10px -10px;
}
.column:not(.module-list) .esm-dash-module:not(.config-pref) .portlet-title .caption {
	padding:5px 70px 10px 0; // 70 to avoid buttons
}
.column .esm-dash-module .portlet-title .caption {
	width:100%;
}
.portlet.esm-module-charts .dashboard-inner-content {
	margin-right:-20px; 
}

.dropdown-menu>li.active>a.disabled, .dropdown-menu>li>a.disabled, .dropdown-menu>li.active>a.disabled, .dropdown-menu>li>a.disabled,
.dropdown-menu>li.active:hover>a.disabled, .dropdown-menu>li:hover>a.disabled,
.portlet.light>.portlet-title>.actions .dropdown-menu li>a.disabled,
.portlet.light>.portlet-title>.actions .dropdown-menu li>a.disabled {
	color:#B4BCC8;
	background-color:white;
}

.drag-select-list {
	margin:0 10px; 
	padding:0 10px;		
}
.esm-dash-module .portlet-title .caption-subject.has-status {
	margin-left:35px;
}
.esm-dash-module .portlet-title small,
.esm-dash-module .portlet-body small {
	font-size:0.8em;
	color:#999999;
}
.esm-dash-module .element-selector:hover {
	background-color:#F5F5F5;
	cursor:pointer;
}
.load-module-container.module-settings-open .caption {
	margin-right:75px;
}
body.esm-dashboard-edit .esm-dash-module .caption {
	margin-right:75px; /* room for close button */
}
.module-display-owner {
	color:green; 
	margin-bottom:5px;
}

.module-list-placeholder .portlet.light>.portlet-title>.caption.module-list-thumb>i {
	font-size:1.5em;
	--color:#E1D1E9;
	width:30px;
	margin-left:10px;
	line-height:1.4em;
}
.module-list-placeholder .portlet.light>.portlet-title>.caption.module-list-thumb>span {
	color:#999999;
}
.module-list-placeholder .portlet.esm-dash-module>.portlet-title {
	border-bottom:0;
	margin-bottom:0;
	width:100%; 
	height:100%;
}
.module-list-placeholder .portlet.light>.portlet-title {
    min-height: 28px;
}
.module-list-placeholder .portlet.esm-dash-module>.portlet-title .caption {
	vertical-align:middle;
	line-height:42px;
	padding:0;
	margin:0;
}
.module-list-placeholder .portlet .drag-handle {
	width:20px; 
	height:42px; 
	background-color:#F0F0F0; 
	color:#C0C0C0; 
	float:left;
	padding-left:3px;
	border-right:1px solid #E5E5E5;
}
.portlet.light>.portlet-title>.caption>i.title-icon {
	color:#E1D1E9;
	font-size:2em;
	margin-right:10px;
}
.module-list .portlet {
	margin: 2px 5px;
	padding:0;
}
.module-list .portlet {
	border:2px solid #F0F0F0;
}
.module-list .portlet:hover {
	border:2px solid #8877a9;
}
.esm-dash-module.zero-state{
	
}
.esm-dash-module .actions {
	position:absolute; 
	top:0; 
	right:0;
}
.esm-auto-collapsed .portlet>.portlet-title>.actions {
	display:none;
}

.portlet.light>.portlet-title.no-module-title {
    padding: 0;
    min-height: 20px;
	margin: -13px -10px 0px -10px;
	border:0;
}
.portlet.light>.portlet-title.no-module-title>.actions,
.video-banner .actions  {
	padding:0;
}
.portlet.light>.portlet-title.no-module-title>.actions a.btn-outline,
.video-banner .actions a.btn-outline {
	border-color:white !important;
}
.portlet.light>.portlet-title.no-module-title>.actions a.btn-sm,
.video-banner .actions a.btn-sm {
	padding:0 10px;
	line-height:1.3;
}
.portlet.light>.portlet-title.no-module-title .caption {
	--display:none;
	min-height:20px;
}
.portlet.light>.portlet-title.no-module-title .caption .portlet-sub-header {
	--color:#CCCCCC;
}
.portlet.light>.portlet-title .caption .portlet-sub-header {
	font-size:0.7em;
}
.column:not(.module-list) .esm-dash-module:not(.config-pref) .portlet-title.no-module-title .caption {
	padding-bottom:0;
}

.dashboard-element-name .esm-status-small {
	margin-right:5px;
	position:relative;
	top:2px;
}
.dashboard-chart-container.no-chart-container {
	vertical-align:middle; 
	text-align:center; 
}
.dashboard-chart-container.no-chart-container>span.noResults {
	margin:auto; 
	display:inline-block;
	margin-top:30%;
}

.esm-dash-module div.dates {
	min-width:120px;
	font-size:0.9em;	
	font-size:1.2em;
	position:relative;
	margin-bottom:5px;
}
.esm-dash-module div.dates .date-divider,
.esm-dash-module div.dates .start-date,
.esm-dash-module div.dates .end-date {
	float:left;	
}

.esm-dash-module div.pc-container {
	border:1px solid #CCCCCC; 
	height:20px; 
	margin:0; 
	padding:0; 
	position:relative;
}
.esm-dash-module div.pc-container {
	float:left;
	width:30%; 
	margin-right:5px;
}
.esm-dash-module div.pc-desc {
	height:20px; 
	margin:0; 
	padding:0; 
	position:relative;
	float:left;
	line-height:22px;
}
.esm-dash-module div.pc-color-bar {
	position:absolute; 
	height:20px; 
	top:0; 
	left:0;
	width:0; /* overridden */ 
	background-color:#CCCCFF;
}
.esm-dash-module div.pc-color-bar {
	height:21px; 
}
.esm-dash-module div.pc-label {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	text-align:center; 
	font-size:0.8em; 
	line-height:20px;
}
.esm-dash-module div.pc-label {
	line-height:20px;
}
.esm-dash-module .table-module-select-list tr:hover {
	background-color:#F1F4F7;
	cursor:pointer;
}
.esm-dash-module .btn.disabled {
	cursor:pointer;	
}

.portlet.light.esm-metric-boxes{
	padding-bottom:0;
}
.esm-metric-boxes .portlet-body.kt-portlet__body.esm-portlet-content{
	padding: 5px 0 0 0;
}
.esm-metric-boxes div[role="boxes-size"]{
	padding-left: 10px !important;
    padding-right: 10px !important;
}
.esm-metric-boxes .esm-dash-block {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  height: 120px;
}
.esm-exec-dashboard .esm-dash-block {
	position: relative;
}
.portlet.esm-exec-dashboard {
	padding-bottom:0;
}

.esm-dash-block.note {
	padding: 8px 15px 8px 10px;
	margin: 5px 0 10px 0;
}
.esm-dash-block .metric-name-holder {
	position: absolute;
	bottom:8px;
	width:100%;
	padding-right:20px;
}
.esm-dash-block a.metric-measure-name {
    max-height: 40px;
	overflow: hidden;
	text-align:center;
	display:block;
	width:100%;
}
.esm-dash-block .metric-series {
    max-height: 20px;
    font-size:0.9em;
    color:#AAAAAA;
    font-style: italic;
	overflow: hidden;
	text-align:center;

}
.esm-dash-block .metric-value {
	text-align:center;
	margin: auto;
	width:100%;
	font-weight:600;
	color:#777777;
}
.esm-dash-block .metric-value.long-value {
	font-size:1.5em;
}
.esm-dash-block .metric-value .no-value {
	color:#CCCCCC;
	font-size:0.8em;
}
.esm-dash-block .metric-name-trunc {
    max-height: 45px;
    overflow:hidden;
    padding: 3px 0;
    text-align:center;
  }

.selector-block {
	float:left; 
	border:1px solid#CCCCCC; 
	vertical-align:middle; 
	margin-right:15px; 
	padding-left:12px; 
	position:relative; 
	background-color:#EEEEEE;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	overflow:hidden;
}
.input-group.form-click-hover {
	border:1px solid #CCCCCC; 
	border-radius: 4px; 
}
.input-group-addon.si-colored {
	border-radius:4px 0 0 4px;
	border:0;
	border-right:1px solid #CCCCCC;
}
.form-click-hover:hover {
	border:1px solid #67367A;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.selector-block .vertical-outside {
	width:20px; 
	vertical-align:middle; 
	position:absolute; 
	top:50%; 
	height:20px;	
}
.selector-block .vertical-inside {
	position:absolute; 
	top:-50%;	
}
.selector-block .image-text {
	float:left; 
	vertical-align:middle; 
	clear:none; 
	text-align:center; 
	margin-left:25px; 
	background-color:white; 
	padding:10px;
	padding-right:30px;
	border-left:1px solid #CCCCCC;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 0 5px 5px 0;
	width:100%;
}
.right-menu-collapser {
	color:white;
	margin: 0;
	padding:2px 4px;
	background:none;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	opacity:0.7;
}
.right-menu-collapser:hover {
	background-color:#212832;
	color:white;
	opacity:1;
}




.statistics-module .chart-container-outer {
	padding:0;
}
.statistics-module .chart-legend {
	padding-left:0;
}
.statistics-module .chart-legend h3 {
	font-weight:300;
}
.statistics-module .widget-legend {
	float:left; 
	width:100%; 
	margin:2px 10px;
	font-size:0.9em;
	line-height:1.2em;
}
.statistics-module .widget-legend .si-box {
	float:left; 
	width:15px; 
	height:15px; 
	border:1px solid #CCCCCC;
}
.statistics-module .widget-legend .si-label {
	float:left;
	margin-left:5px;
	overflow:hidden;
}
.statistics-module .widget-legend .si-count {
	text-align:right;
	clear:none;
	margin-left:5px;
	display:inline-block;
}
.statistics-module .widget-legend .si-counts {
	float:right;
	text-align:right;
	clear:none;
	white-space:nowrap;
}
.statistics-module .statistics-chart .si-count {
	font-size:1.2em;
	float:right;
}
.statistics-module .statistics-boxes .si-count {
	font-size:2em;
}
.statistics-module .statistics-chart .si-percent {
	font-size:1.2em; 
	color:#999999;
	float:right;
	width:40px;
}
.statistics-module .statistics-boxes .si-percent {
	display:inline-block;
	line-height:1.5em;
	margin-bottom:5px;
}
.statistics-module .statistics-boxes .widget-cell-stats {
	position:absolute; 
	bottom:0; 
	left:0; 
	width:100%;
}
.statistics-module .statistics-boxes .not-reporting {
	display:inline-block; 
	margin-top:5px; 
	color:#AAAAAA; 
	font-style:italic;
	font-size:0.9em;
}
.statistics-module  .statistics-boxes .m-grid-col.m-grid-col-center {
	padding:3px; 
	height:140px; 
	border:0;
}
.statistics-module .widget-cell {
	position:relative; 
	padding:2px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
}
.widget-cell-bottom {
	width:99%; 
	background-color:#F0F0F0; 
	padding:5px 20px; 
	float:left; 
	margin:5px 5px 0 0;	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
}
.statistics-module .all-count {
	background-color:#C4DBFF;	
}
.statistics-module .total-count {
	margin-left:1%;
}
.statistics-module .widget-si-cell {
	background-color:#F0F0F0;
	color:#000000;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:3px 0;
}
.statistics-module .widget-cell-content {
	margin:auto; 
	text-align:center;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.active {
    background: #3F214B;
	color:white;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.active a,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li.active a .desc {
	color:white;
}

.feeds .actions li:not(.divider) {
    background-color: white;
    color: #555555;
    margin-bottom: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds .actions li a {
    color: #555555;
}
.feeds .actions li a.disabled {
    color: #BFCAD1;
}

/* B4BCC8 */
.badge.badge-warning.dot {
	height:5px;
	width:5px;
	min-width:5px;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	left:-10px;
	top:-5px;
}

.badge.dot.user-default {
	height:10px;
	width:10px;
	min-width:5px;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	left:-10px;
	top:-8px;
	background-color: #26C281;
}

.btn.esm-menu-button-ghost.red-mint:not(.btn-outline) {
    background-color:transparent;
    border-color:transparent;
}

.btn.esm-menu-button-ghost.red-mint:not(.btn-outline):hover {
    background-color: #AF1822;
    border-color: #8B131B;
	color:white;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a.btn:hover,
.btn.esm-menu-button-ghost.red-mint:not(.btn-outline):hover i.fa {
	color:white;
}


.module-config-filter label {
	font-size:0.9em;
	padding-top:5px;
}
.multiselect-header {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	color:#555555;
	padding:3px 8px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px 5px 0 0;
}
.ms-selection  .multiselect-header {
	border: 2px solid #AB72C0;
	border-bottom: 1px solid #CCCCCC;
}
.ms-selection  .ms-list {
	border: 2px solid #AB72C0;
	border-top: none;
}

.multiselect-header a {
	font-size:0.9em;
}
.multiselect-header a:hover {
	text-decoration:none;
}
.multiselect-header a.all-action {
	float:right;
}
li.ms-optgroup-label {
	--background-color:#F1F4F7;
	border-bottom:1px solid #555555;
	padding-bottom:3px !important;
}
li.ms-optgroup-label span {
	font-size:0.8em;
	color:#555555;
	font-weight:bold;
}
.esm-element-list {
	padding:0;
	margin:0;
	margin-top:15px;
}
.esm-element-list .ms-container {
	width:100%;	
}
.btn.btn-outline.grey-salt.clear-filters {
	width:28%; 
	float:right; 
	background-color:white;	
}
.btn.btn-outline.grey-salt.clear-filters:hover {
	background-color:#BFCAD1;	
}
.ms-container .ms-selectable {
    width: 60.5%;
}
.ms-container .ms-selection {
    width: 34.5%;
}
.ms-container {
    background: transparent url(../images/switch.png) no-repeat 63% 50%;
}
.multiselect.btn {
	text-align:left;
}
.multiselect b.caret {
	position:absolute;
	top:45%;
	right:5px;
}
.multiselect-container>li>a>label {
    padding: 3px 20px 3px 20px;
}
ul.multiselect-container.dropdown-menu {
	max-width:600px; // keep it in check
}

.module-config-filter {
	position:relative;
	margin: 2px auto;
	padding: 0;
	width:97%;
}
.advanced-filters.criteria .module-config-filter {
	margin: 10px 0 2px 0;
	width:100%;
}

.module-config-filter.apply-buttons {
	height:35px;
	margin-top:5px;
}


.element-picker .filters-header {
	width:60.5%; 
	position:absolute; 
	top:15px; 
	left:0; 
	background-color:#EEEEEE; 
	border: 1px solid #CCCCCC;
	border-bottom:0;
	padding: 5px 0 5px 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.element-picker.compact .filters-header {
	width:100%;
	top:0px;
}

.ms-container .ms-selectable {
	/* this should be the size of the filter header
	margin-top:225px; */
}
.ms-container .ms-selectable .ms-list {
	/* this is the size of the selection list = (.ms-selection .ms-list - .ms-selectable height)  */
	height: 220px;
}
.no-filters .ms-container .ms-selectable .ms-list {
	/* this is the size of the selection list = (.ms-selection .ms-list - .ms-selectable height)  */
	height: 420px;
}
.ms-container .ms-selection .ms-list {
	/* should be the sum of the height and top margin of .ms-selectable
	height: 425px;  */
}
.ms-container .ms-selectable .multiselect-header {
	border-top:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}


.dashdropzonediv {
	border:1px #CCCCCC dashed; 
	vertical-align:text-top; 
	padding:10px; 
	font-size:16px; 
	text-align:center; 
	background-color:#F5F5F5; 
	color:#CCCCCC;
}
.esm-dash-image .dz-preview,
.esm-dash-image .dz-file-preview {
	display:none;
}

table.genListTable td.aggregate-data-cell {
	text-align:right !important;
}
.aggregate-total-type {
	color: #999999; 
	float: left; 
	font-size: 0.7em;
}
.aggregate-total-value {
	float: right; 
	font-size: 0.9em;
	padding-right:5px;
}
.aggregate-row th {
	background-color: #f5f5f5;
	font-weight: bold;
	border-top: 2px solid #DDDDDD;
}

/* Freeze aggregate row styling */
.aggregate-row {
	position: sticky !important;
	top: 0 !important;
	z-index: 100 !important;
	background-color: #f5f5f5 !important;
	border-bottom: 2px solid #DDDDDD !important;
}

/* Ensure aggregate row stays at top during sorting */
.aggregate-row td {
	background-color: #F7F7F7 !important;
	font-weight: bold !important;
}



table.dataTable thead .sorting:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc:after {
	content: none;
}
table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 {
	background: none !important;
}
table.dataTable tbody th, table.dataTable tbody td {
	padding: 4px 5px;
}
table.dataTable tbody tr:hover {
	cursor:pointer;
}


.search-container.list-f {
	float:left;
	margin-left:20px;
	position-relative;
}
.stage-container.list-s {
	float:left;
	margin-top:10px;
	margin-left:20px;
	position-relative;
}
.esm-module-toolbar.initiative-list,
.esm-module-toolbar.actionitem-list,
.esm-module-toolbar.kpi-list,
.esm-module-toolbar.milestonetask-list {
	width:auto;
	min-width:480px;
	position:absolute; 
	top:10px; 
	left:280px;
	z-index:5000;
}

.noResults.noResultsInTable {
	position:relative;
	top:50px;
}


.esm-module-toolbar.initiative-list .btn-sm {
	padding-top: 3px;
	padding-bottom: 3px;
}
li.paginate_button a {
	border:0;
}

.paginate-container.list-p {
	float:right;
	margin-right:20px;
	position-relative;
}
.pagelength-container.list-l {
	float:right;
	margin-right:10px;
	position-relative;
}

.dash-pref-fieldset .row {
	margin:0;
	margin-top:10px;
}
.indicator-option {
	padding:3px;
	border: 1px solid white;
	border-radius: 4px;
}
.indicator-option:hover {
	background-color: #E6E6E6;
	border-color: #ADADAD;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.filters-header .multiselect-container > li.hidden { display:none;}

.element-picker.advanced .advanced-filters-container {
	margin-bottom:10px;
}
.element-picker.advanced .filter-button-container {
	margin:0 10px;
}

.metrics-plugin {
	padding:5px;
	float:left;
	width:100%;
	min-height:350px;
	position:relative;
}

.metrics-plugin .filters-header {
	float:left;
	width:100%;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-bottom: 0;
	padding: 5px 5px 5px 10px;
	margin:0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.metrics-plugin .filters-header .multiselect-header {
	margin-top:5px;
}
.metrics-plugin .module-config-filter {
	margin:0;
	width:100%;
}
.metrics-plugin .metric-filter-advanced .module-config-filter {
	margin:0;
	width:auto;
}
.metrics-plugin .module-config-filter.col-sm-6,
.metrics-plugin .module-config-filter.col-lg-6 {
	width:49%;
	margin:0;
}
.metrics-plugin .module-config-filter.col-sm-6:first-child,
.metrics-plugin .module-config-filter.col-lg-6:first-child {
	margin-right:1%;
}
.metrics-plugin .metric-picker-side {
	float:left;
	width:59.5%;
	height:100%;
	margin:0;
}
.metrics-plugin .picker-container {
	height:220px;
	width:100%;
	overflow:auto;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.metrics-plugin .selected-side {
	float:right;
	margin:0;
	width: 39.5%
}

table.metrics_selected td.data-period,
table.metrics_selected td.data-scorecard,
table.metrics_selected td.data-category,
table.metrics_selected td.data-value {
	display:none;
}

.metrics-plugin table.dataTable.metrics_selected {
	font-size:1rem;
	clear: both;
	margin:0 !important;
	max-width: none !important;
	border-collapse: separate !important;
}
.metrics-plugin table.dataTable.metrics_selected thead th, table.dataTable thead td {
	padding: 3px 18px;
}

.metrics-plugin .ms-list {
	overflow:auto;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border: 2px solid #AB72C0;
	border-top:0;
	position: relative;
}
.metrics-plugin .results-counter,
.metrics-plugin .selected-counter {
	float:left; 
	max-width:100%; 
	overflow:hidden; 
	white-space:nowrap;
	font-size:0.9em;
}
.metrics-plugin .deselect-link,
.metrics-plugin .deselect-link a {
	float:left; 
	width:100%; 
	overflow:hidden; 
}
.metrics-plugin .metrics_picker {
	font-size:0.8em;
	width:100%;
}
.metrics-plugin .dataTables_wrapper .col-sm-12 {
	padding:0;
}
.metrics-plugin .dataTables_wrapper .row {
	margin:0;
}
.metrics-plugin .dataTables_info {
	display:none;
}
.metrics-plugin .reset-warning {
	display:none;
	position:absolute;
	top:32px;
	left:10px;
	padding:15px;
	width:95%;
}
.metrics-plugin .reset-warning a.dark {
	background-color:white;
}
.advanced-filters {
	width:100%; 
}
.advanced-filters .filter-row:not(.synched) {
	position:relative;
	min-height:30px;
}
.advanced-filters:not(.picker) .filter-row {
	position:relative;
	padding:5px 5px;
	background:#F5F5F5;
	border:#F0F0F0;
	margin: 2px 0;
	width:100%;
}
.advanced-filters .filter-row.template {
	display:none;
}
.advanced-filters .simple-filter-container {
	padding:5px 0 2px 0;
	background-color:#F2E9F7;
}


/* to reduce the FOUC at reload
.panel-filter.filter-element-picker {
	min-height:500px; 
}
.panel-filter.filter-element-picker.compact {
	min-height:320px;
}
*/

.element-picker .advanced-filters .simple-filter-container {
	background-color:transparent;
}
.advanced-filters .filter-row.simple-filter {
	margin:0;
	padding:2px 5px;
	background-color:#F2E9F7;
}
.element-picker .advanced-filters .filter-row.simple-filter {
	padding:0;
	margin:2px 0;
	background-color:transparent;
	width:100%;
}
.advanced-filters .filter-field {
	width:25%; 
	float:left; 
	--border:1px solid purple;
}
.advanced-filters .filter-operator {
	width:14%; 
	float:left;
}
.advanced-filters .columns-field-container,
.advanced-filters .operator-container {
	margin-right:0.35%;
}
.advanced-filters .filter-value {
	width:52%; 
	float:left;
	white-space: nowrap; 
}
.advanced-filters .value-operator-16,
.advanced-filters .value-operator-21 {
	/* special for BETWEEN - 2 value fields */
	width:44%; 
	float:left;
}
.advanced-filters .action-icons {
	position:absolute;
	top:4px;
	right:5px;
}
.advanced-filters .filter-row.simple-filter .filter-value {
	width:60%;
}
.advanced-filters .filter-row.simple-filter .action-icons {
	display:none;
}
.advanced-filters .esm-clearfix {
	height: 1px;
}
.advanced-filters .remove-filter-row {
	padding:3px 8px;
	margin:2px;
}
.element-picker .advanced-filters .remove-filter-row {
	margin:-3px 0 0 0;
}
.advanced-filters .element-filter-field {
	margin-right:2px;
}
.advanced-filters .first_filter_value {
	width:100%;
}
.advanced-filters .first_filter_value,
.advanced-filters .second_filter_value,
.advanced-filters .form_filter_between_and {
	float:left;
	position:relative;
}
.advanced-filters .form_filter_between_and {
	padding:5px; 
	font-size:0.7em;
	text-align:center;
	overflow:hidden;
	width:11%;
	max-width:11%;
	top:5px;
}
.advanced-filters .container-operator-16,
.advanced-filters .container-operator-21 {
	white-space: nowrap; 
}
.advanced-filters .container-operator-16 .first_filter_value,
.advanced-filters .container-operator-21 .first_filter_value {
	width:44%;
}
.advanced-filters .container-operator-16 .second_filter_value,
.advanced-filters .container-operator-21 .second_filter_value {
	float:left;
	width:44%;
}
.advanced-filters .value-operator-16 .form_filter_between_and,
.advanced-filters .value-operator-21 .form_filter_between_and {
	width:4%;
}
.advanced-filters .date-picker .value-operator-16,
.advanced-filters .date-picker .value-operator-21 {
	width:100%;
}
.advanced-filters .date-picker.input-medium {
	width: auto !important;
}
.advanced-filters .date-picker.input-group {
	display:block;
}
.advanced-filters .input-group .form-control, 
.datepicker .input-group-addon, .input-group-btn {
	--display: block;
}
.advanced-filters .datepicker .input-group-addon,
.advanced-filters .datepicker .input-group-btn {
	display: block;
}
.advanced-filters .input-group-btn:last-child>.btn {
	margin-left:-33px;
}
.advanced-filters .date-picker .btn {
	padding:4px 10px;
}
.advanced-filters .chosen-container {
	width:100% !important;
}
.advanced-filters.picker .filter-button-container a {
	font-size:0.8em;
	margin-left:4px;
}






#docTreeManage {
	
}
#theRoot {
	line-height:24px;
}
#docTreeManage .container {
	width:300px; 
	overflow-x:scroll; 
	height:100%; 
	position:absolute; 
	top:0; 
	left:0; 
	padding:10px; 
	background-color:#F5F5F5;	
}
#docTreeManage .add-folder {
	margin-bottom:15px;	
}
#docTreeManage .folder-content {
	margin-left:300px; 
	padding-left:15px; 
	border-left:2px solid #CCCCCC; 
	min-height:600px;
}
#docTreeManage .treedropzonediv {
	border:1px #CCCCCC dashed; 
	vertical-align:text-top; 
	padding:10px; 
	font-size:20px; 
	text-align:center; 
	background-color:#F5F5F5; 
	color:#CCCCCC;
}
#docTreeManage .treeFolderDetail {
	margin-top:10px;
	padding-bottom:80px;
	overflow-y:auto;
}
.table.doctable,
.table.doctable thead tr th,
.table.doctable tbody tr td {
	
	line-height:22px;
}


.child-column-container .portlet {
	margin-bottom:15px !important;	
}


span#ganttUpdateMessage{
	background-color:#ffff99;
}

div.gantt_side_content {
	color:black;
}

.btn.ganttScales.scaleInUse {
	background-color:#3b6d97;
}
.btn.ganttCritical.criticalInUse {
	background-color:#3b6d97;
}
.btn.ganttEdit.editInUse {
	background-color:#6e5c91;
}
.btn.ganttExpand.expandFull {
	background-color:#6e5c91;
}


#generateDefaultSeries.genDefaultSeriesEnabled {
	background-color:#6e5c91;
}


div.element-hierarchy-tree {
	border:1px solid #DDD;
	overflow:auto;
	/* height:400px; - height specified dynamically */
}
div.element-hierarchy-zoom div.zoom-in,
div.element-hierarchy-zoom div.zoom-out {
	padding:8px 24px;	
}
div.element-hierarchy-zoom div.zoom-slider {
	width:200px;
}
div.element-hierarchy-tip {
	width:225px;
	font-size:10px;
}
div.element-hierarchy-tip span.header {
	font-weight: bold;
}
div.element-hierarchy-tip span.content {
	font-weight: normal;
}
div.element-hierarchy-crumbs{
	margin-bottom:10px;	
}
div.element-hierarchy-crumbs span.crumb-text {
	font-size:0.8em;
	color:#AAAAAA;
	text-decoration:none;
}


.chart-tab-left {
	overflow:auto; 
	padding:0 5px 0 0;	
}
.chart-tab-right {
	overflow:auto; 
	padding:0 0 0 5px;	
}
.edit-highchart-container {
	width:410px;
	height:310px;
	overflow:hidden;	
}
table.esm-chart-edit-table {
	width: 100%;
}
table.esm-chart-edit-table th {
	background-color:#F5F5F5;
}
table.esm-chart-edit-table th,
table.esm-chart-edit-table td {
	border-collapse: collapse;
	border-style: solid;
	border-color: #999;
	border-width: 1px;
}
table.esm-chart-edit-table .chart-config-text,
table.esm-chart-edit-table .chart-config-group-text {
	text-decoration:none;
	color: #000000;
	font-weight:normal;
}
table.esm-chart-edit-table .chart-config-group-text {
	background-color:#F5F5F5;
}
table.esm-chart-edit-table .invalid-number {
	background-color:#FF0000;
}
table.esm-chart-edit-table .invalid-series {
	background-color:#FF0000;
}

.sp-preview {
    width:15px;
    height:15px;
}
.sp-replacer {
    padding: 0;
	border-width:0;
	background:#fff;
}
table.esm-chart-edit-table div.sp-dd {
	
	display:none;
}
.afec_chart_container {}
.rd-chart-container {}
.chart-shaded-container {
	background-color:#EAF5E2; 
	padding:10px; 
	margin-bottom:15px;	
}
.chart-linked-div-box {
	width:400px;
	height:130px;
	min-height:130px !important;
	float:left;
	margin-right:15px;
	padding:8px;
	width:99% !important;
}
.chart-linked-sample {
	width:130px;
	float:left;
	height:110px;
	margin-right:10px;
}
.chart-linked-sample img {
	width:130px;
	height:110px;	
}
#displayHighchart div.warning {
	font-weight: bold;
	background-color:#F99;	
	padding:20px; 
}

#dialslider {
	background-color:#F0F0F0;
	width:85%;
	margin-left:24px;
}
#dialslider .noUi-tooltip {
	left:17px;
	color:black;
	border:none;
}
#dialslider .noUi-value {
	margin-left:0;
}
div.esm-dial-chart-label {
	text-align:center;	
}
div.esm-dial-chart-label span.esm-dial-chart-label-value {
	
	font-weight: bold;
}
div.esm-dial-chart-label span.esm-dial-chart-label-desc {
	font-size: 14px;
}
esm-dial-chart-label-desc
#esm-dial-chart-setup {
	width:100%;
}
#esm-dial-chart-band-area {
	width:100%;	
}
#esm-dial-chart-band-area div.sp-dd {
	
	display:none;
}
#esm-dial-chart-band-area .esm-dial-chart-color-spacer {
	width:26px;
	height:18px;
	float:left;	
}
#esm-dial-chart-band-area .esm-dial-chart-band {
	width:82px;
	padding:2px;
	float:left;	
}
.esm-dial-chart-color {
		
}
.esm-dial-chart-stop {
	width: 84px;	
}
.esm-chart-dial-delete-stop {
	width: 13px;
	height: 13px;
	padding: 0;	
}
div.dial-chart-warning {
	font-weight: normal;
	background-color:#ffdddd;
	color:#444;
	padding:10px;
}
div.chart-warning-container {
	padding:10px;
}
div.chart-warning-container span.chart-warning {
	font-weight: normal;
	background-color:#ffdddd;
	color:#444;
	padding:10px;	
}
#displayHighchart div.chart-warning {
	font-weight: normal;
	color:#999;	
	padding:20px;
}

.esm-sm-container {
	margin:auto;
}

#mapDiv {
	overflow-x:auto;
	overflow-y:hidden;
	position:relative;
}


.column .placeholder {
	background:#E8F3FD;
	border:1px dashed #267BB3;
	height:25px;
	margin:0 1% 5px 0;
}

.column .placeholder-note {
	height:25px;
	line-height:25px;
	font-style:italic;
	color:#666666;
	font-size:0.8em;
}
.dropzone {
	position:relative;
	padding:0;
	margin:0;
	border:0;
	border:0;
}
.dropzone-holder {
	padding:5px;
	margin-bottom:10px;	
}
.zone-highlighted {
	border:2px dotted #E0E0E0;
	--background-color:#F6F6F6;
	margin:10px;
	--padding:20px 10px 0 10px;
	padding:5px;
	min-height:50px;
}
.portlet-sortable-empty {
	height:1px;
	margin-bottom:0;
	border:0;
	height:1px; /* this determines the empty dropzone size - don't make too small */
}
.portlet-sortable-empty.dragging {
	--border:1px solid #F2EBF5;
}
.no-portlets .portlet-sortable-empty {
	height:2px; /* 1 = don't show, other portlets to take place */	
}
.dropzone-holder:not(.zone-highlighted) div:not(:first-child).dragbox-place-holder {
	--display:none;
}

.portlet-sortable-placeholder {
	border:1px dashed #AB72C0 !important;
	background:#F2EBF5;
	height:50px;
}

.draggable-on:hover,
.column.sortable .portlet-title .caption:hover {
	cursor:move;	
} 

.header-spacer {
	margin-top:15px;
}

.title-container {
	clear:none;
}



table.detailTable th.tablesorter-header.tablesorter-headerUnSorted {
	background-image: url();
}
table.detailTable th.tablesorter-header.tablesorter-headerAsc {    
	background-image: url(/sas/assets/images/tablesorter/asc.gif);  
	background-position: calc(100% - 10px) center; 
	background-repeat:no-repeat;
}  
table.detailTable th.tablesorter-header.tablesorter-headerDesc {    
	background-image: url(/sas/assets/images/tablesorter/desc.gif);    
	background-position: calc(100% - 10px) center;  
	background-repeat:no-repeat;
}


.htContextMenu.handsontable {
  z-index: 11000;
}
#hot-display-license-info {
	display:none;
}
/* for special import data results */
.handsontable th span.colHeader {
	white-space: normal !important;
    word-wrap: break-word;	
}
.jss th span.colHeader {
	white-space: normal !important;
    word-wrap: break-word;	
}
/* same as handsontable column header: .handsontable th */
.handsontable td.esm-column-header,
.handsontable td.esm-dataseries-column-header {
	background-color:#eee;
	color:#222;
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
}
.jss td.esm-column-header,
.jss td.esm-dataseries-column-header {
	background-color:#eee;
	color:#222;
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
}
/*
display data table
*/
.handsontable td.esm-dataseries-hilite-current-period {
	background-color:#D9EEF7;	
}
.handsontable td.esm-dataseries-hilite-default-period {
	background-color:#FEFECC;
}
.handsontable td.esm-dataseries-hilite-current-and-default-period {
	background-color:#CCEAD0;
}
.jss td.esm-dataseries-hilite-current-period {
	background-color:#D9EEF7;	
}
.jss td.esm-dataseries-hilite-default-period {
	background-color:#FEFECC;
}
.jss td.esm-dataseries-hilite-current-and-default-period {
	background-color:#CCEAD0;
}
/*
edit data table
*/
.handsontable td.esm-dataseries-current-period {
	background-color:#ddd;
}
.handsontable td.esm-dataseries-cell-unlocked {
	background-color:#fff;	
}
.handsontable td.esm-dataseries-cell-period-locked {
	background-color:#FFFACD;	
}
.handsontable td.esm-dataseries-cell-series-locked {
	background-color:#FFFACD;	
}
.handsontable td.esm-dataseries-cell-series-formula {
	background-color:#CDFFDC;
}
.handsontable td.esm-dataseries-cell-series-import {
	background-color:#54CBBE;
}
.handsontable td.esm-dataseries-cell-series-linked {
	background-color:#D8E0F8;
}
.handsontable td.esm-dataseries-cell-rollup-formula {
	background-color:#CDFBFF;
}
.handsontable td.esm-dataseries-cell-linked-formula {
	background-color:#D8E0F8;
}
.handsontable td.esm-dataseries-cell-period-group-formula {
	background-color:#FFD5D5;
}
.handsontable td.esm-dataseries-cell-cumulative-formula {
	background-color:#FFD9BF;
}
.handsontable td.esm-dataseries-cell-perfrollup-formula {
	background-color:#CDE4FF;
}
.handsontable i.esm-dataseries-icon {
	margin-right:6px;
}
.jss td.readonly {
	color:rgba(0,0,0,0.7) !important;
}
.jss td.esm-dataseries-current-period {
	background-color:#ddd !important;
}
.jss td.esm-dataseries-cell-unlocked {
	background-color:#fff;	
}
.jss td.esm-dataseries-cell-period-locked {
	background-color:#FFFACD;	
}
.jss td.esm-dataseries-cell-series-locked {
	background-color:#FFFACD;	
}
.jss td.esm-dataseries-cell-series-formula {
	background-color:#CDFFDC;
}
.jss td.esm-dataseries-cell-series-import {
	background-color:#54CBBE;
}
.jss td.esm-dataseries-cell-series-linked {
	background-color:#D8E0F8;
}
.jss td.esm-dataseries-cell-rollup-formula {
	background-color:#CDFBFF;
}
.jss td.esm-dataseries-cell-linked-formula {
	background-color:#D8E0F8;
}
.jss td.esm-dataseries-cell-period-group-formula {
	background-color:#FFD5D5;
}
.jss td.esm-dataseries-cell-cumulative-formula {
	background-color:#FFD9BF;
}
.jss td.esm-dataseries-cell-perfrollup-formula {
	background-color:#CDE4FF;
}
.jss i.esm-dataseries-icon {
	margin-right:6px;
}

.wmd-view-topscroll {
	overflow-x: scroll;
	overflow-y: hidden;
	height:20px;
	display: none;
}
.wmd-view {
	overflow-x: scroll;
	overflow-y: hidden;
}

.tiptap-divider {
	width: 1px;
	height: 24px;
	background: #d0d7de;
	border: 1px solid #d0d7de;
	margin: 0 4px;
}
.tiptap-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 3px;
	padding: 6px;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	margin-bottom: 2px;
}

.tiptap-toolbar button {
	padding: 4px 6px;
	border: 1px solid #dee2e6;
	background: white;
	color: #333;
	border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.2s;
	font-size: 12px;
}

.tiptap-toolbar button {
	padding: 8px 12px;
	border: 1px solid #d0d7de;
	background: white;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 30px;
	height: 24px;
}
.tiptap-toolbar button:hover {
	background: #e9ecef;
}

.tiptap-toolbar button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: #f8f9fa;
}

.tiptap-toolbar button.active {
	background: #007bff;
	color: white;
	border-color: #0056b3;
}

.tiptap-toolbar button.active:hover {
	background: #0056b3;
}

.tiptap-toolbar button i {
	font-size: 12px;
}

.tiptap-toolbar .color-picker-btn {
	position: relative;
	overflow: hidden;
}

.tiptap-toolbar .color-picker-btn input[type="color"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

/* Floating toolbar styles for inline TipTap editor */
.tiptap-toolbar-floating {
	display: flex;
	align-items: center;
	gap: 3px;
	padding: 6px;
	background-color: #f8f9fa;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	margin-bottom: 2px;
	position: absolute;
	top: -45px;
	left: 0;
	z-index: 1000;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.tiptap-toolbar-floating button {
	padding: 8px 12px;
	border: 1px solid #d0d7de;
	background: white;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 30px;
	height: 24px;
	transition: all 0.2s ease;
}

.tiptap-toolbar-floating button:hover {
	background: #e9ecef;
	border-color: #adb5bd;
}

.tiptap-toolbar-floating button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: #f8f9fa;
}

.tiptap-toolbar-floating button.active {
	background: var(--primary, #007bff);
	color: #fff;
	border-color: var(--primary, #007bff);
}

.tiptap-toolbar-floating button.active:hover {
	background: #0056b3;
}

.tiptap-toolbar-floating button i {
	font-size: 12px;
}

.tiptap-toolbar-floating .color-picker-btn {
	position: relative;
	overflow: hidden;
}

.tiptap-toolbar-floating .color-picker-btn input[type="color"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}

.tiptap-toolbar-floating.hidden {
	display: none !important;
}
.remove-format-btn {
	background: #fff3cd;
	border-color: #ffeaa7;
	color: #856404;
}

.remove-format-btn:hover {
	background: #ffeaa7;
	border-color: #fdcb6e;
}


.tiptap-divider {
	width: 1px;
	height: 16px;
	background: #dee2e6;
	margin: 0 3px;
}

.tiptap-editor-aligned-left { text-align: left !important; }
.tiptap-editor-aligned-center { text-align: center !important; }
.tiptap-editor-aligned-right { text-align: right !important; }
.tiptap-editor-aligned-justify { text-align: justify !important; }


/* Underline text styling */
.esm-tiptap u,
.esm-tiptap [style*="text-decoration: underline"] {
	text-decoration: underline;
}

/* Additional TipTap toolbar styles for inline editing */
.tiptap-toolbar.hidden {
	display: none !important;
}

.tiptap-toolbar-floating {
	transition: opacity 0.2s ease-in-out;
	position: absolute;
	top: -45px;
	left: 0;
	z-index: 1000;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	gap: 3px;
	padding: 6px;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	margin-bottom: 2px;
}

.tiptap-toolbar button {
	transition: all 0.2s ease;
}

.tiptap-toolbar button:hover {
	border-color: #adb5bd;
}

.tiptap-toolbar button.active {
	background: var(--primary, #007bff);
	color: #fff;
	border-color: var(--primary, #007bff);
}





/* HTML View styles */
.esm-html-view {
	font-family: 'Courier New', monospace;
	line-height: 1.4;
	tab-size: 2;
}

.esm-html-view:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.html-view-toolbar {
	display: flex;
	align-items: center;
	padding: 6px;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	margin-bottom: 8px;
}

.html-view-toolbar button {
	padding: 4px 8px;
	font-size: 12px;
}
/* Special Characters Modal Styles */
.special-chars-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.special-chars-modal-content {
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	width: 600px;
	max-width: 90vw;
	max-height: 80vh;
	overflow: hidden;
}

.special-chars-modal-header {
	background: #f8f9fa;
	padding: 15px 20px;
	border-bottom: 1px solid #dee2e6;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.special-chars-modal-header span {
	font-weight: 600;
	font-size: 16px;
}

.close-special-chars {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #6c757d;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-special-chars:hover {
	color: #495057;
}

.special-chars-modal-body {
	padding: 20px;
	max-height: none;
	overflow-y: visible;
}

.special-chars-grid {
	display: grid;
	grid-template-columns: repeat(14, 1fr);
	gap: 8px;
	align-items: center;
}

.char-btn {
	width: 32px;
	height: 32px;
	border: 1px solid #dee2e6;
	background: white;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}

.char-btn:hover {
	background: #007bff;
	color: white;
	border-color: #007bff;
}

.char-btn:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.special-chars-modal-footer {
	background: #f8f9fa;
	padding: 15px 20px;
	border-top: 1px solid #dee2e6;
	display: flex;
	justify-content: flex-end;
}

.cancel-special-chars {
	background: #6c757d;
	color: white;
	border: none;
	padding: 8px 16px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.2s;
}

.cancel-special-chars:hover {
	background: #5a6268;
}
		 

/* Style links in TipTap editor to indicate they're not clickable in edit mode */
.esm-tiptap a {
	color: #0066cc;
	text-decoration: underline;
	cursor: text;
}

.esm-tiptap a:hover {
	color: #004499;
	text-decoration: underline;
}

/* Inline TipTap editor specific styles */
.inline-editor .tiptap-toolbar {
	margin-bottom: 8px;
}

.inline-editor .tiptap-toolbar button {
	padding: 6px 10px;
	min-width: 32px;
	height: 32px;
	font-size: 12px;
	color: #333;
}

.inline-editor .tiptap-toolbar button i {
	font-size: 12px;
}

.tiptap-toolbar button:hover {
	background: #f3f4f6;
}

.tiptap-toolbar button.is-active {
	background: #0969da;
	color: white;
	border-color: #0969da;
}

.tiptap-toolbar select {
	padding: 3px 6px;
	border: 1px solid #d0d7de;
	border-radius: 4px;
	background: white;
	font-size: 12px;
	min-width: 75px;
}
.ProseMirror {
	height: 100%;
	overflow-y: auto;
	width: 100%;
}

.ProseMirror {
	position: relative;
}

.ProseMirror {
	word-wrap: break-word;	
	-webkit-font-variant-ligatures: none;
	font-variant-ligatures: none;
	font-feature-settings: "liga" 0;
	/* the above doesn't seem to work in Edge */
}
/* Remove break-spaces or make it more specific */
.ProseMirror:not(ul):not(ol):not(li) {
	white-space: break-spaces;
}
.ProseMirror h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

.ProseMirror h2 {
	font-size: 1.5em;
	margin: 0.75em 0;
}

.ProseMirror h3 {
	font-size: 1.17em;
	margin: 0.83em 0;
}

.ProseMirror ul, .ProseMirror ol {
	padding-left: 1.5em;
}

.ProseMirror blockquote {
	margin: 1em 0;
	padding-left: 1em;
}
.ProseMirror li {
	pointer-events: auto !important;
	user-select: text !important;
	-webkit-user-select: text !important;
	background: inherit !important;
}
.ProseMirror li p {
	outline: none;
	border: none;
	margin: 0;
	padding: 0;
  }
  
  /* Explicitly make nested paragraphs in lists editable */
  .tiptap-list-item {
	contenteditable: true !important;
	cursor: text;
  }
/* Chrome-specific list fixes */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tiptap ul li p {
        margin: 0 !important;
        padding: 0 !important;
        min-height: auto !important;
        line-height: inherit !important;
    }
    
    .tiptap ul li {
        cursor: text !important;
        pointer-events: auto !important;
    }
}
/* Chrome-specific list item fix */
@supports (-webkit-appearance: none) {
    .tiptap ul li,
    .tiptap ol li {
        -webkit-user-select: text !important;
        user-select: text !important;
        pointer-events: auto !important;
        cursor: text !important;
        position: relative !important;
    }
    
    .tiptap ul li p,
    .tiptap ol li p {
        -webkit-user-select: text !important;
        user-select: text !important;
        pointer-events: auto !important;
        cursor: text !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline !important;
    }
    
    /* Force Chrome to recognize the contenteditable area */
    .tiptap ul,
    .tiptap ol {
        -webkit-user-select: text !important;
        user-select: text !important;
        pointer-events: auto !important;
    }
}
.ProseMirror li::before,
.ProseMirror li::after {
	all: revert !important;
}
/* Hide visual indicators for tab indentation in TipTap editors */
.tiptap::before,
.ProseMirror::before,
.tiptap *:not(li)::before,
.tiptap *:not(li)::after,
.ProseMirror *:not(li)::before,
.ProseMirror *:not(li)::after,
/* ... continue with other selectors but exclude li ... */
{
	display: none !important;
	content: none !important;
	background: none !important;
	background-image: none !important;
	//background-color: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	position: static !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Additional aggressive rules to remove any tab-related visual artifacts */
.tiptap *:not(li),
.ProseMirror *:not(li),
div[id$="_tiptap"] *:not(li) {
	background-image: none !important;
}

.tiptap *,
.ProseMirror *,
div[id$="_tiptap"] * {
	background-image: none !important;
	border-image: none !important;
}



.ProseMirror code {
	background: #f3f4f6;
	padding: 0.2em 0.4em;
	border-radius: 3px;
	font-family: 'Monaco', 'Consolas', monospace;
}

.ProseMirror pre {
	white-space: pre-wrap;
}

.ProseMirror li {
	position: relative;
}

.ProseMirror-hideselection *::selection {
	background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
	background: transparent;
}

.ProseMirror-hideselection {
	caret-color: transparent;
}

.ProseMirror [draggable][contenteditable=false] {
	user-select: text
}

.ProseMirror-selectednode {
	outline: 2px solid #8cf;
}


li.ProseMirror-selectednode {
	outline: none;
}

li.ProseMirror-selectednode:after {
	content: "";
	position: absolute;
	left: -32px;
	right: -2px;
	top: -2px;
	bottom: -2px;
	border: 2px solid #8cf;
	pointer-events: none;
}


img.ProseMirror-separator {
	display: inline !important;
	border: none !important;
	margin: 0 !important;
}

.ProseMirror .tableWrapper {
	overflow-x: auto;
}

.ProseMirror table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	overflow: hidden;
}

.ProseMirror td,
.ProseMirror th {
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
}

.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
	/* if there's no explicit width set and the column is not being resized, set a default width */
	min-width: var(--default-cell-min-width);
}

.ProseMirror .column-resize-handle {
	position: absolute;
	right: -2px;
	top: 0;
	bottom: 0;
	width: 4px;
	z-index: 20;
	background-color: #adf;
	pointer-events: none;
}

.ProseMirror.resize-cursor {
	cursor: ew-resize;
	cursor: col-resize;
}

.ProseMirror .selectedCell:after {
	z-index: 2;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(200, 200, 255, 0.4);
	pointer-events: none;
}

.ProseMirror-textblock-dropdown {
	min-width: 3em;
}

.ProseMirror-menu {
	margin: 0 -4px;
	line-height: 1;
}

.ProseMirror-tooltip .ProseMirror-menu {
	width: -webkit-fit-content;
	width: fit-content;
	white-space: pre;
}

.ProseMirror-menuitem {
	margin-right: 3px;
	display: inline-block;
}

.ProseMirror-menuseparator {
	border-right: 1px solid #ddd;
	margin-right: 3px;
}

.ProseMirror-menu-dropdown,
.ProseMirror-menu-dropdown-menu {
	font-size: 90%;
	white-space: nowrap;
}

.ProseMirror-menu-dropdown {
	vertical-align: 1px;
	cursor: pointer;
	position: relative;
	padding-right: 15px;
}

.ProseMirror-menu-dropdown-wrap {
	padding: 1px 0 1px 4px;
	display: inline-block;
	position: relative;
}

.ProseMirror-menu-dropdown:after {
	content: "";
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid currentColor;
	opacity: .6;
	position: absolute;
	right: 4px;
	top: calc(50% - 2px);
}

.ProseMirror-menu-dropdown-menu,
.ProseMirror-menu-submenu {
	position: absolute;
	background: white;
	color: #666;
	border: 1px solid #aaa;
	padding: 2px;
}

.ProseMirror-menu-dropdown-menu {
	z-index: 15;
	min-width: 6em;
}

.ProseMirror-menu-dropdown-item {
	cursor: pointer;
	padding: 2px 8px 2px 4px;
}

.ProseMirror-menu-dropdown-item:hover {
	background: #f2f2f2;
}

.ProseMirror-menu-submenu-wrap {
	position: relative;
	margin-right: -4px;
}

.ProseMirror-menu-submenu-label:after {
	content: "";
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid currentColor;
	opacity: .6;
	position: absolute;
	right: 4px;
	top: calc(50% - 4px);
}

.ProseMirror-menu-submenu {
	display: none;
	min-width: 4em;
	left: 100%;
	top: -3px;
}

.ProseMirror-menu-active {
	background: #eee;
	border-radius: 4px;
}

.ProseMirror-menu-disabled {
	opacity: .3;
}

.ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,
.ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
	display: block;
}

.ProseMirror-menubar {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	position: relative;
	min-height: 1em;
	color: #666;
	padding: 1px 6px;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid silver;
	background: #fff;
	z-index: 10;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: visible;
}

.ProseMirror-icon {
	display: inline-block;
	line-height: .8;
	vertical-align: -2px;	
	padding: 2px 8px;
	cursor: pointer;
}

.ProseMirror-menu-disabled.ProseMirror-icon {
	cursor: default;
}

.ProseMirror-icon svg {
	fill: currentColor;
	height: 1em;
}

.ProseMirror-icon span {
	vertical-align: text-top;
}
.ProseMirror .task-list {
	list-style: none;
	padding-left: 0;
}

.ProseMirror .task-item {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
}

.tiptap table {
	border-collapse: collapse;
	margin: 0;
	overflow: hidden;
	table-layout: fixed;
	width: 100%;

	border: 1px solid td tr {
		border: 1px solid
	}

	,
	th {
		border: 1px solid;
		box-sizing: border-box;
		min-width: 1em;
		padding: 6px 8px;
		position: relative;
		vertical-align: top;

		>* {
			margin-bottom: 0;
		}
	}

	th {
		background-color: LightGray;
		font-weight: bold;
		text-align: left;
		border: 1px solid;
	}
	p {
		margin: 0;
	}

	.selectedCell:after {
		background: Gray;
		content: '';
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		pointer-events: none;
		position: absolute;
		z-index: 2;
	}

	.column-resize-handle {
		background-color: var(--purple);
		bottom: -2px;
		pointer-events: none;
		position: absolute;
		right: -2px;
		top: 0;
		width: 4px;
	}

	.tableWrapper {
		margin: 1.5rem 0;
		overflow-x: auto;
	}

	&.resize-cursor {
		cursor: ew-resize;
		cursor: col-resize;
	}
}

/* ===== CONSOLIDATED TIPTAP STYLES ===== */
/* Common styles used across all TipTap implementations */

/* TipTap Editor Container */
.tiptap-editor-container {
	min-height: 60px;
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding: 8px;
	background: white;
}

/* TipTap Editor Content */
.tiptap, .esm-tiptap {
	outline: none;
	word-wrap: break-word !important;
	word-break: break-word !important;
}

/* Remove focus highlighting for TipTap editor */
.tiptap:focus-visible,
.esm-tiptap:focus-visible {
	outline: none !important;
	//border: none !important;
}

/* Remove focus highlighting for list items specifically */
.tiptap li:focus,
.tiptap li:focus-visible,
.tiptap ul:focus,
.tiptap ul:focus-visible,
.tiptap ol:focus,
.tiptap ol:focus-visible,
.esm-tiptap li:focus,
.esm-tiptap li:focus-visible,
.esm-tiptap ul:focus,
.esm-tiptap ul:focus-visible,
.esm-tiptap ol:focus,
.esm-tiptap ol:focus-visible {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}

/* Ensure list items don't get black borders when focused */
.tiptap li,
.tiptap ul,
.tiptap ol,
.esm-tiptap li,
.esm-tiptap ul,
.esm-tiptap ol {
	outline: none !important;
	border: none !important;
}

/* List Styling */
.tiptap ul,
.esm-tiptap ul {
	list-style-type: disc;
	margin-left: 20px;
}

.tiptap ol,
.esm-tiptap ol {
	list-style-type: decimal;
	margin-left: 20px;
}

.tiptap li,
.esm-tiptap li {
	display: list-item;
	cursor: text;
	position: relative;
}

.tiptap li p,
.esm-tiptap li p {
	display: inline;
	margin: 0;
	padding: 0;
}

/* Ordered List Specific Styling */
.tiptap .tiptap-ordered-list,
.esm-tiptap .tiptap-ordered-list {
	list-style-type: decimal !important;
	margin-left: 20px !important;
	padding-left: 0 !important;
}

.tiptap .tiptap-ordered-list li,
.esm-tiptap .tiptap-ordered-list li {
	list-style-type: decimal !important;
	display: list-item !important;
	padding-left: 0 !important;
}

/* Bullet List Specific Styling */
.tiptap .tiptap-bullet-list,
.esm-tiptap .tiptap-bullet-list {
	list-style-type: disc !important;
	margin-left: 20px !important;
}

/* List Item Selection Fixes */
.tiptap li::marker,
.esm-tiptap li::marker {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
}

.tiptap li[data-selectable="true"],
.esm-tiptap li[data-selectable="true"] {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

/* Chrome-specific list fixes */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.tiptap ul li p,
	.esm-tiptap ul li p {
		margin: 0 !important;
		padding: 0 !important;
		min-height: auto !important;
		line-height: inherit !important;
	}
	
	.tiptap ul li,
	.esm-tiptap ul li {
		cursor: text !important;
		pointer-events: auto !important;
	}
	
	.tiptap li,
	.esm-tiptap li {
		-webkit-user-select: text !important;
		user-select: text !important;
		pointer-events: auto !important;
		position: relative !important;
	}
	
	.tiptap li::before,
	.esm-tiptap li::before {
		-webkit-user-select: none !important;
		user-select: none !important;
		pointer-events: none;
	}
	
	.tiptap li::marker,
	.esm-tiptap li::marker {
		-webkit-user-select: none !important;
		user-select: none !important;
		pointer-events: none;
	}
	
	.tiptap li[contenteditable="true"],
	.esm-tiptap li[contenteditable="true"] {
		-webkit-user-select: text !important;
		user-select: text !important;
		pointer-events: auto !important;
	}
	

/* Override conflicting styles from ajax_form_formfield_elements.cfm for TipTap editors */
.tiptap li,
.esm-tiptap li {
	position: static !important;
	user-select: text !important;
	-webkit-user-select: text !important;
	pointer-events: auto !important;
	cursor: text !important;
}

.tiptap li p,
.esm-tiptap li p {
	position: static !important;
	user-select: text !important;
	-webkit-user-select: text !important;
	pointer-events: auto !important;
	cursor: text !important;
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tiptap ul,
.tiptap ol,
.esm-tiptap ul,
.esm-tiptap ol {
	user-select: text !important;
	-webkit-user-select: text !important;
	pointer-events: auto !important;
}

.tiptap li *,
.esm-tiptap li * {
	user-select: text !important;
	-webkit-user-select: text !important;
	pointer-events: auto !important;
}

/* Text Formatting */
.tiptap strong,
.esm-tiptap strong {
	font-weight: bold;
}

.tiptap em,
.esm-tiptap em {
	font-style: italic;
}

.tiptap u,
.esm-tiptap u {
	text-decoration: underline;
}

.tiptap s,
.esm-tiptap s {
	text-decoration: line-through;
}

/* Highlight Styling */
.tiptap mark,
.esm-tiptap mark,
.tiptap .highlight,
.esm-tiptap .highlight {
	background-color: rgba(254, 240, 138, 0.6) !important;
	color: #000 !important;
	padding: 0 !important;
	border-radius: 2px !important;
}

.tiptap mark[data-highlight],
.tiptap mark[style*="background-color"],
.tiptap .highlight[data-highlight],
.esm-tiptap mark[data-highlight],
.esm-tiptap mark[style*="background-color"],
.esm-tiptap .highlight[data-highlight] {
	background-color: rgba(254, 240, 138, 0.6) !important;
	color: #000 !important;
	padding: 0 !important;
	border-radius: 2px !important;
}

/* Table Styling */
.tiptap table,
.esm-tiptap table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.tiptap table td,
.tiptap table th,
.esm-tiptap table td,
.esm-tiptap table th {
	min-width: 1em;
	border: 1px solid #ced4da;
	padding: 3px 5px;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
}

.tiptap table th,
.esm-tiptap table th {
	font-weight: bold;
	text-align: left;
	background-color: #f8f9fa;
}

.tiptap table .selectedCell:after,
.esm-tiptap table .selectedCell:after {
	z-index: 2;
	position: absolute;
	inset: 0;
	background: rgba(200, 200, 255, 0.4);
	pointer-events: none;
	content: "";
}

.tiptap table .column-resize-handle,
.esm-tiptap table .column-resize-handle {
	position: absolute;
	right: -2px;
	top: 0;
	bottom: -2px;
	width: 4px;
	background-color: #adf;
	pointer-events: none;
}

/* Hide visual indicators for tab indentation */
.tiptap::before,
.ProseMirror::before,
.tiptap *:not(li)::before,
.tiptap *:not(li)::after,
.ProseMirror *:not(li)::before,
.ProseMirror *:not(li)::after {
	display: none !important;
	content: none !important;
}

/* Additional aggressive rules to remove any tab-related visual artifacts */
.tiptap *:not(li),
.ProseMirror *:not(li),
div[id$="_tiptap"] *:not(li) {
	background-image: none !important;
	//background-color: transparent !important;
}

.tiptap *,
.ProseMirror *,
div[id$="_tiptap"] * {
	background-image: none !important;
	//background-color: transparent !important;
	border-image: none !important;
}

/* Remove any border or outline that might look like a tab indicator */
.tiptap p,
.tiptap div,
.tiptap span {
	border-left: none !important;
	border-right: none !important;
}

/* Target any element with margin or padding that might create visual space */
.tiptap p[style*="margin-left"],
.tiptap div[style*="margin-left"] {
	position: relative;
}

.tiptap p[style*="margin-left"]::before,
.tiptap div[style*="margin-left"]::before {
	display: none !important;
	content: none !important;
}

/* Try to hide any visual indicators that might be created by the browser */
.tiptap * {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

/* Target any element that might have a visual indicator */
.tiptap [data-indent],
.tiptap [data-tab],
.tiptap .indent,
.tiptap .tab-indicator {
	display: none !important;
}

/* Try to hide the specific visual indicator by targeting the first character or element */
.tiptap p:first-child::before,
.tiptap div:first-child::before {
	display: none !important;
	content: none !important;
}

/* Hide any visual elements that might be created by the margin-left styling */
.tiptap p[style*="margin-left"]:first-child::before,
.tiptap div[style*="margin-left"]:first-child::before {
	display: none !important;
	content: none !important;
}

/* Try to hide any visual indicator by targeting the editor content area */
.tiptap .ProseMirror {
	position: relative;
}

.tiptap .ProseMirror::before {
	display: none !important;
	content: none !important;
}

/* Hide any visual indicator that might be created by the browser's default styling */
.tiptap * {
	-webkit-tap-highlight-color: transparent !important;
	-webkit-touch-callout: none !important;
}

/* ===== END CONSOLIDATED TIPTAP STYLES ===== */


.esm-gen-special-import-label {
	text-align: right;
	padding-right: 10px;
}
#genspecialconfig .csvseries {
	background-color:#ff0000;
}
#genspecialconfig .csvperiod {
	background-color:#0000ff;
}
#genspecialconfig .csvhighlight {
	background-color:#ffff88;
}
/*
import results
*/
.handsontable td.esm-import-results-row-header {
	background-color:#eee;
	color:#222;
}
.handsontable td.esm-import-results-cell-unlocked {
	background-color:#fff;	
}
.handsontable td.esm-import-results-cell-locked {
	background-color:#FFFACD;	
}
.handsontable td.esm-import-results-cell-imported {
	background-color:#CDFFDC;
}
.jss td.esm-import-results-row-header {
	background-color:#eee;
	color:#222;
}
.jss td.esm-import-results-cell-unlocked {
	background-color:#fff;	
}
.jss td.esm-import-results-cell-locked {
	background-color:#FFFACD;	
}
.jss td.esm-import-results-cell-imported {
	background-color:#CDFFDC;
}


.data-loader-preview {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	font-weight:normal;
}
.data-loader-preview td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px;
}
.data-loader-preview th {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.data-loader-preview td.esm-dataseries-cell-column-header {
	background-color:#e8e8e8;
	color:#222;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
}
.data-loader-preview td.esm-dataseries-cell-row-header {
	background-color:#eee;
	color:#222;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
}
.data-loader-preview td.esm-dataseries-cell-numeric-data {
	text-align:right;
	font-weight:normal;
	white-space:nowrap;
}
.data-loader-preview td.esm-dataseries-cell-invalid-data {
	background-color:#f00;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
}
.data-loader-preview td.esm-dataseries-cell-blank-data {
	background-color:#fff;
}
.data-loader-preview td.esm-dataseries-cell-period-locked {
	background-color:#FFFACD;	
}
.data-loader-preview td.esm-dataseries-cell-series-locked {
	background-color:#FFFACD;	
}
.data-loader-preview td.esm-dataseries-cell-series-formula {
	background-color:#CDFFDC;
}
.data-loader-preview td.esm-dataseries-cell-series-import {
	background-color:#0AB5A2;
}
.data-loader-preview td.esm-dataseries-cell-rollup-formula {
	background-color:#CDFBFF;
}
.data-loader-previewtd.esm-dataseries-cell-linked-formula {
	background-color:#D8E0F8;
}
.data-loader-preview td.esm-dataseries-cell-period-group-formula {
	background-color:#FFD5D5;
}
.data-loader-preview td.esm-dataseries-cell-cumulative-formula {
	background-color:#FFD9BF;
}
.data-loader-preview td.esm-dataseries-cell-perfrollup-formula {
	background-color:#CDE4FF;
}
.data-loader-preview td.esm-dataseries-cell-perfrollup-formula {
	background-color:#CDE4FF;
}


#initiativePortfolio-wrapper1, #initiativePortfolio-wrapper2 {
  overflow-x:scroll;
  overflow-y:hidden;
}
#initiativePortfolio-wrapper1 {height: 20px; }
#initiativePortfolio-div1 {
  height: 20px;
}
#initiativePortfolio-div2 {
  overflow: auto;
}


.newformula-linked-div-box {
	width:400px;
	height:175px;
	float:left;
	margin-right:15px;
	padding:10px;
}
.newformula-icon {
	float:left;
	padding:12px 12px 12px 0;	
}
#builderCustomPaneControl {
	height:36px;
	background-color:#dddddd;
	border-bottom:#dddddd solid 1px;
	padding:4px 0 0 12px;	
}
#builderCustomPaneControl div.builderWarn {
	padding:4px 0 0 32px;
	height:24px;
}
#builderCustomPaneControl span.builderError {
	background-color:white;
	color:red;
}
#builderCustomPane {
	height:50px;
	background-color:#dddddd;
	padding:12px 0 12px 8px;
}
#builderCustomParamsArea {
	width:100%;
	min-height:90px;
	float:left;
}
.builderTrashBin {
	padding:0;
	
	float:right;
}
#builderCustomPane table.builderAppended {
	float:left;	
}
#builderCustomPane td.builderAppendedType {
	height:20px;
	border:1px dotted #dddddd;	
	padding: 6px 2px 6px 6px;
}
#builderCustomPane td.builderAppendedLabel {
	background-color:white;
	border:1px dotted #dddddd;	
	padding: 6px 2px 6px 6px;
}
#builderCustomParams .placeholder {
	width: 60px; 
	height: 45px; 
	float: left; 
	 
	border: 1px #000000;
}

table.builderTable .builderFunction { color:blue; }
table.builderTable .builderVariable { color:maroon; }
table.builderTable .builderOperator { color:#458B00; font-weight:bold; }
table.builderTable .builderResult { color:#458B74; }
table.builderTable .builderParenthesis { color:#808080; }
table.builderTable .builderElement { color:#808080; }
table.builderTable .builderScorecard { color:#B08080; }
table.builderTable .builderDescription { color:#808080; padding:5px 0px 5px 0px;}
table.builderTable .builderStrike {color:#808080; text-decoration: line-through;}


.formula-linked-div-box {
	width:400px;
	height:175px;
	float:left;
	margin-right:15px;
	padding:10px;
}
.formula-icon {
	float:left;
	padding:12px 12px 12px 0;	
}
#fbCustomPaneControl {
	height:36px;
	background-color:#acb5c3;
	border-bottom:#acb5c3 solid 1px;
	padding:4px 0 0 12px;	
}
#fbCustomPaneControl div.fbWarn {
	padding:4px 0 0 32px;
	height:24px;
}
#fbCustomPaneControl span.fbError {
	background-color:white;
	color:red;
}
#fbCustomPane {
	height:50px;
	background-color:#acb5c3;
	padding:12px 0 12px 8px;
}
#fbCustomParamsArea {
	width:100%;
	min-height:80px;
	float:left;
}
.fbTrashBin {
	padding:0;
	
	float:left;
}
#fbCustomPane table.fbAppended {
	float:left;	
}
#fbCustomPane td.fbAppendedType {
	height:20px;
	border:1px dotted #dddddd;	
	padding: 6px 2px 6px 6px;
}
#fbCustomPane td.fbAppendedLabel {
	background-color:white;
	border:1px dotted #dddddd;	
	padding: 6px 2px 6px 6px;
}
#fbCustomParams .placeholder {
	width: 60px; 
	height: 45px; 
	float: left; 
	 
	border: 1px #000000;
}

table.fbTable .fbFunction { color:blue; }
table.fbTable .fbVariable { color:maroon; }
table.fbTable .fbOperator { color:#458B00; font-weight:bold; }
table.fbTable .fbResult { color:#458B74; }
table.fbTable .fbParenthesis { color:#808080; }
table.fbTable .fbElement { color:#808080; }
table.fbTable .fbScorecard { color:#B08080; }
table.fbTable .fbDescription { color:#808080; padding:5px 0px 5px 0px;}
table.fbTable .fbStrike {color:#808080; text-decoration: line-through;}


.blackpopover {
  position: absolute;
  top: 0;
  left: 0/*rtl:ignore*/;
  z-index: 20000;
  display: none;
  max-width: 400px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.8em;
  /* line-height: 1.42857; */
  background-color: #000000;
  color:#FFFFFF;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .blackpopover.top {
    margin-top: -10px; }
  .blackpopover.right {
    margin-left: 10px/*rtl:ignore*/; }
  .blackpopover.bottom {
    margin-top: 10px; }
  .blackpopover.left {
    margin-left: -10px /*rtl:ignore*/; }
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }
.popover-content {
  padding: 9px 14px;
  word-wrap:break-word; }
.blackpopover > .arrow,
.blackpopover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }
.blackpopover > .arrow {
  border-width: 11px; }
.blackpopover > .arrow:after {
  border-width: 10px;
  content: ""; }
.blackpopover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #000;
  border-top-color: rgba(0, 0, 0, 0);
  bottom: -11px; }
  .blackpopover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #000; }
.blackpopover.right > .arrow {
  top: 50%;
  left: -11px /*rtl:ignore*/;
  margin-top: -11px;
  border-left-width: 0/*rtl:ignore*/;
  border-right-color: #000/*rtl:ignore*/;
  border-right-color: rgba(0, 0, 0, 0)/*rtl:ignore*/; }
  .blackpopover.right > .arrow:after {
    content: " ";
    left: 1px/*rtl:ignore*/;
    bottom: -10px;
    border-left-width: 0/*rtl:ignore*/;
    border-right-color: #000/*rtl:ignore*/; }
.blackpopover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #000;
  border-bottom-color: rgba(0, 0, 0, 0);
  top: -11px; }
  .blackpopover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #000; }
.blackpopover.left > .arrow {
  top: 50%;
  right: -11px /*rtl:ignore*/;
  margin-top: -11px;
  border-right-width: 0/*rtl:ignore*/;
  border-left-color: #000/*rtl:ignore*/;
  border-left-color: rgba(0, 0, 0, 0)/*rtl:ignore*/; }
  .blackpopover.left > .arrow:after {
    content: " ";
    right: 1px/*rtl:ignore*/;
    border-right-width: 0/*rtl:ignore*/;
    border-left-color: #000/*rtl:ignore*/;
    bottom: -10px; }


.infopopover {
  position: absolute;
  top: 0;
  left: 0/*rtl:ignore*/;
  z-index: 20000;
  display: none;
  max-width: 400px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.8em;
  /* line-height: 1.42857; */
  background-color: #000000;
  color:#FFFFFF;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .infopopover.top {
    margin-top: -10px; }
  .infopopover.right {
    margin-left: 10px/*rtl:ignore*/; }
  .infopopover.bottom {
    margin-top: 10px; }
  .infopopover.left {
    margin-left: -10px /*rtl:ignore*/; }
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }
.popover-content {
  padding: 9px 14px;
  word-wrap:break-word; }
.infopopover > .arrow,
.infopopover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }
.infopopover > .arrow {
  border-width: 11px; }
.infopopover > .arrow:after {
  border-width: 10px;
  content: ""; }
.infopopover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #000;
  border-top-color: rgba(0, 0, 0, 0);
  bottom: -11px; }
  .infopopover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #000; }
.infopopover.right > .arrow {
  top: 50%;
  left: -11px /*rtl:ignore*/;
  margin-top: -11px;
  border-left-width: 0/*rtl:ignore*/;
  border-right-color: #000/*rtl:ignore*/;
  border-right-color: rgba(0, 0, 0, 0)/*rtl:ignore*/; }
  .infopopover.right > .arrow:after {
    content: " ";
    left: 1px/*rtl:ignore*/;
    bottom: -10px;
    border-left-width: 0/*rtl:ignore*/;
    border-right-color: #000/*rtl:ignore*/; }
.infopopover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #000;
  border-bottom-color: rgba(0, 0, 0, 0);
  top: -11px; }
  .infopopover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #000; }
.infopopover.left > .arrow {
  top: 50%;
  right: -11px /*rtl:ignore*/;
  margin-top: -11px;
  border-right-width: 0/*rtl:ignore*/;
  border-left-color: #000/*rtl:ignore*/;
  border-left-color: rgba(0, 0, 0, 0)/*rtl:ignore*/; }
  .infopopover.left > .arrow:after {
    content: " ";
    right: 1px/*rtl:ignore*/;
    border-right-width: 0/*rtl:ignore*/;
    border-left-color: #000/*rtl:ignore*/;
    bottom: -10px; }



.popover {
  z-index: 20000;
}


.htContextMenu {
  z-index: 20010;
}
.htContextMenu table tbody tr td,
.htContextMenu table tbody tr td.htDisabled:hover {
  background-color: #ffffe8;
}


.esm-strategy-element-steps-ready, .esm-strategy-element-steps-wait {
	width: 240px; 
	color: white;
	font-weight: bold;
}
.esm-strategy-element-steps-ready {
	background-color:darkBlue;	
}
.esm-strategy-element-steps-wait {
	background-color:darkGreen;	
}


.linked-div-box {
	border:1px solid #999999; 
	background-color:#EFEDF3; 
	min-height:150px;
	margin-bottom:15px;
	width:90%;
}
.linked-div-box-on, .linked-div-box:hover {
	background-color:#EAF5E2;
	border: 1px solid #7EA114;
	cursor:pointer;
	-webkit-box-shadow: 0 0 5px #7EA114;
  	box-shadow: 0 0 5px #7EA114;

}
.linked-div-box .esm-icon-container {
	min-height:30px;
	position:relative;
	text-align:center;
	margin: 0 5px 0 15px;
}
.linked-div-box .esm-text-container { 
	width:78%; 
	min-height:30px;
}
.linked-div-box .esm-icon-container i.fa-2x {
	margin:3px;
	line-height:28px;
}

.linked-div-box .esm-text-container h3 {
	margin-top:10px;
}
.linked-div-box .esm-text-container h4 {
	margin:0;
	font-size:1em;
	margin-top:10px;
}
.linked-div-box .esm-icon-container .fa.fa-2x {
	line-height:28px;
}
.linked-div-box .text-wrapper h3 {
	margin-top:0px;
}
.linked-div-box .esm-text-container p {
	margin:0;
	padding:0;
}
.add-modules-modal .linked-div-box {
	min-height: 27px;
	background-color: #F5F5F5;
}
.add-modules-modal .linked-div-box:hover {
	min-height: 27px;
	background-color: #E5E5E5;
}

.esm-accordion h4.panel-title {
	font-size:1em;
}

.accordion-toggle[aria-expanded=true] .fa-plus-square,
.accordion-toggle[aria-expanded=false] .fa-minus-square {
	display:none;
}
.accordion-toggle[aria-expanded=false] .fa-plus-square,
.accordion-toggle[aria-expanded=true] .fa-minus-square {
	display:inline-block;
}
.esm-accordion .panel.open {

}
.scorecard-assign-link {
	display:none;
	float:right;
}
.panel.open .scorecard-assign-link,
.panel-heading:hover .scorecard-assign-link {
	display:block;
}



.linked-div-box-message {
	border:1px solid #999999; 
	background-color:#FFEEEE; 
	min-height:150px;
	margin-bottom:15px;
	width:100%;
}
.linked-div-box-message-on, .linked-div-box-message:hover {
	background-color:#FFE8E8;
}
.linked-div-box-message .esm-icon-container {
	width:18%;
	min-height:50px;
	position:relative;
	text-align:center;
}
.linked-div-box-message .esm-text-container { 
	width:78%; 
	min-height:50px;
	font-size:0.8em;
}
.linked-div-box-message .esm-text-container h3 {
	margin-top:10px;
}
.linked-div-box-message .text-wrapper h3 {
	margin-top:0px;
}
.linked-div-box-message .esm-text-container p {
	margin:0;
	padding:0;
}



.swot-criteria[disabled] {
	visibility:hidden;
}
h1.esm-sf {
	font-style:italic;
	color:	#8DB614;
	margin:0 0 20px 0;
}
.body-gray-box-outside {
	background-color:#F4F4F4; 
	border:1px solid #BBBBBB; 
	padding:0px;
	width:100%; /* this may be overridden on certain pages */
}
.body-gray-box-inside {
	padding:10px;
}
.body-gray-box-inside h2 {
	margin-top:0;
}
.box-mvv {
	background:none;
	border:1px solid #8DB614;
}
.mvv_info_hidden {
	display:none;
}

.table-pestel {
	table-layout:fixed;
}
.table-porters {
	table-layout:fixed;
}
.table-swot {
	border:0;
	table-layout:fixed;
}
.table-changeAgenda {	
	table-layout:fixed;
}
.table-swot th, .table-pestel th, .table-porters th {
	height:60px;
	border-top:1px solid #DDDDDD;
	width:20%;
	text-align:center;
	font-size:1.4em;
	font-weight:300;
	background-color:#EAF5E2;
}
.table-swot td.sideHeader {
	/* same as TH */
	height:100px;
	min-height:75px;
	padding:3px 10px 3px 10px;
	border-left:1px solid #DDDDDD;
	background-color:#F2E6FF;
	font-size:1.2em;
	font-weight:300;
}
.table-swot ul, .table-pestel ul, .table-changeAgenda ul {
	padding:0; 
	margin:0; 
	margin-bottom:10px;
	font-size:1em;
}
.table-swot ul li, .table-pestel ul li, .table-changeAgenda ul li {
	border:1px solid #F0F0F0;
	margin:5px 0 5px 0;
	padding:3px 5px;
	list-style:none;
	list-style-type:none;
}
.table-changeAgenda ul {
	/* override */
	margin-bottom:0;
}

.table-porters-render {
	height:100%;
	min-height:100%;
	border:0;
}
.table-porters-render td {
	height:30%;
	min-height:100px;
}
.table-porters-render td.cell-bordered {
	padding:15px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
	border-radius: 20px;
}
.table-porters-render td.cell-bordered b {
	font-size:14px;
}
.table-porters th.porters-header-ENT, .table-porters-render td.porters-cell-ENT {
	background-color:#FF0042;
	color:white;
}
.table-porters th.porters-header-SUP, .table-porters-render td.porters-cell-SUP {
	background-color:#0AB5A2;
	color:white;
}
.table-porters th.porters-header-RIV, .table-porters-render td.porters-cell-RIV {
	background-color:#267BB3;
	color:white;
}
.table-porters th.porters-header-BUY, .table-porters-render td.porters-cell-BUY {
	background-color:#7EA114;
	color:white;
}
.table-porters th.porters-header-SUB, .table-porters-render td.porters-cell-SUB {
	background-color:#8A0987;
	color:white;
}
.mvv_quoted {
	font-size:16px; 
	font-style:italic;
	color:#7EA114;
}
.criteria-item-off {

}
.criteria-item-edit {
	border:1px solid #267BB3;
	background-color:#CDE4FF;
	display:none;
}
.criteria-item-delete {
	border:1px solid #AA0000;
	background-color:#FFFFCC;
	padding:12px;
}
.criteria-item-icons {
	float:right; 
	clear:right;
	margin-top:2px;
	margin-right:3px;
}
.textareaAgenda {
	border:0; 
	color:#267BB3;	
}


.owner-field-header {
	border:1px solid #CCCCCC; 
	float:left; 
	background-color:#DBE4F0; 
	padding:2px 0 2px 0;
}
.owner-field-header-text {
	float:left; 
	margin-left:5px;
}
.owner-list-container {
	height:150px; 
	overflow:auto; 
	border:1px solid #CCCCCC; 
	float:left;
}
.owner-ul {
	margin:0; 
	padding:0; 
	list-style:none;
}
.owner-li {
	border:1px solid #DDDDDD; 
	list-style:none; 
	margin:0; 
	padding:2px 0 2px 5px; 
	float:left; 
}


.hor-menu {
	padding-left:5px;
}
.hor-menu .dropdown-menu,
.esm-suite-selector .dropdown-menu {
	background-color: #180019;
	width:350px; 
	max-height:500px; 
	overflow-y:auto;
	overflow-x:visible;
	margin-top:0; 
	border:1px solid #3D4957;
}
.hor-menu .btn-group,
.esm-suite-selector {
	margin:8px 0 0 0;
}
.esm-suite-selector button,
.esm-suite-selector a {
	padding: 5px 6px 6px 6px;
}
.esm-suite-selector .dropdown-menu {
	width:250px; 
}
.esm-suite-selector a.strategy-option {
	background:#3F214B; 
}
.esm-suite-selector a.cyber-option {
	background:#430E16; 
}
.esm-suite-selector a.strategyfree-option {
	background:#3D4E0A; 
}
.esm-suite-selector a.perform-option {
	background:#005B85; 
}
.esm-suite-selector a.okr-option {
	background:#3D4E0A; 
}
.esm-suite-selector a.strategy-option:hover {
	background:#5E316F; 
}
.esm-suite-selector a.cyber-option:hover {
	background:#751926; 
}
.esm-suite-selector a.strategyfree-option:hover {
	background:#58700E; 
}
.esm-suite-selector a.perform-option:hover {
	background:#0070A6; 
}
.esm-suite-selector a.okr-option:hover {
	background:#576F0F; 
}

.hor-menu .dropdown-menu,
.hor-menu .dropdown-menu a {
	color:#B4BCC8;
	white-space:nowrap;
}
.kt-menu__item.esm-top-menu-item {
	white-space:nowrap;
}
.dropdown-menu>li.esm-top-menu-item.active>a, li.esm-top-menu-item.active>a {
    text-decoration: none;
    background-image: none;
    background-color: #3F214B;
	color:white;
    filter: none;
}
.dropdown-menu>li.esm-top-menu-item.active:hover>a, li.esm-top-menu-item.active:hover>a {
    background-color: #67367A;
	color:white;
}
li.special-item {
	background-color:#F0F0F0;
	border-top:1px solid #DDDDDD;
}


.hor-menu .dropdown-menu:not(.esm-user-menu):not(.quick-nav-menu):not(.help-menu) a:hover,
.hor-menu .dropdown-menu:not(.esm-user-menu):not(.quick-nav-menu):not(.help-menu) a.active {
	color: #ffffff;	
    background-color: #67367A;
    border-color: #3F214B;
}
.hor-menu .dropdown-menu li.divider {
    background: #3F214B;
	margin:2px 0;
	clear:both;
}
.hor-menu .dropdown-menu li.menu-with-icon a {
	padding:8px 5px;
}
.hor-menu .dropdown-menu li.menu-with-icon a i {
	margin-right:5px;
}
.hor-menu li.menu-btn-container {
	width:100%;
	float:left;
	clear:both;
}
.hor-menu a.btn {
	clear:none; 
	padding:3px 10px; 
	margin:0px 5px 0px 0px;
}
.hor-menu a.btn {
	clear:none; 
	padding:3px 10px; 
	margin:0px 5px 0px 0px;
}
.hor-menu a.btn.no-margin {
	margin:0px;
}

.page-sidebar .page-sidebar-menu li.menu-cta>a>.arrow:before, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.menu-cta>a>.arrow:before,
.page-sidebar .page-sidebar-menu li.menu-wap>a>.arrow:before, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.menu-wap>a>.arrow:before {
	font-family: FontAwesome;
	content: "\f0a9"; /* "\f14c"; */
	background-color:transparent;
}
.page-sidebar .page-sidebar-menu>li.menu-cta>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.menu-cta>a {
	padding: 8px 12px;
}

.page-sidebar .page-sidebar-menu>li.strategy-cta>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.strategy-cta>a {
	background-color:#3F214B;
}
.page-sidebar .page-sidebar-menu>li.strategy-cta:hover>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.strategy-cta:hover>a {
	background-color:#67367A;
}

.page-sidebar .page-sidebar-menu>li.okr-cta>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.okr-cta>a {
	background-color:#3D4E0A;
}
.page-sidebar .page-sidebar-menu>li.okr-cta:hover>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.okr-cta:hover>a {
	background-color:#576F0F;
}

.page-sidebar .page-sidebar-menu>li.perform-cta>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.perform-cta>a {
	background-color:#005B85;
}
.page-sidebar .page-sidebar-menu>li.perform-cta:hover>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.perform-cta:hover>a {
	background-color:#0073AA;
}

.page-sidebar .page-sidebar-menu>li.cyber-cta>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.cyber-cta>a {
	background-color:#860D15;
}
.page-sidebar .page-sidebar-menu>li.cyber-cta:hover>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.cyber-cta:hover>a {
	background-color:#A7101C;
}
.left-menu-wap-links {
	display:none;
	border-top: 1px solid rgba(0,0,0,.12);
}
.page-sidebar .page-sidebar-menu>li.menu-divider {
	border-top: 1px solid rgba(0,0,0,.12);
	margin-top:10px;
}


.cyber {
    background-color: #25010D;
}
.cyber .menu-name-label {
    background-color: #180019;
    padding: 8px 5px 5px 8px;
    border-bottom: 1px solid #3F214B;
}
.cyber .page-header.navbar {
    background-color: #430E16;
}
.cyber .hor-menu .dropdown-menu a:hover,
.cyber .hor-menu .dropdown-menu a.active {
	color: #ffffff;	
    background-color: #430E16;
    border-color: #751926;
}
.cyber .page-sidebar, 
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
	background-color: #25010D;
}
.cyber .page-sidebar .page-sidebar-menu, 
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    background-color: #25010D;
}
.cyber .page-sidebar .page-sidebar-menu-special, 
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu-special {
    background-color: #180019;
}

/* main left menu hover */
.cyber .page-sidebar .page-sidebar-menu>li.open>a, 
.cyber .page-sidebar .page-sidebar-menu>li:hover>a, 
.cyber .page-sidebar .page-sidebar-menu>li.open>a i, 
.cyber .page-sidebar .page-sidebar-menu>li:hover>a i, 
.cyber .page-sidebar .page-sidebar-menu li:hover>a>.arrow.open:before,
.cyber .page-sidebar .page-sidebar-menu li:hover>a>.arrow:before,
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, 
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a,
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow.open:before, 
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow:before {
    background: #430E16;
    color: #FFFFFF;
}
/* main active highlight color for left menus */
.cyber .page-sidebar .page-sidebar-menu>li.active.open>a:hover,
.cyber .page-sidebar .page-sidebar-menu>li.active>a:hover,
.cyber .page-sidebar .page-sidebar-menu>li.active.open>a:hover i,
.cyber .page-sidebar .page-sidebar-menu>li.active>a:hover i,
.cyber .page-sidebar .page-sidebar-menu>li.active.open>a:hover>.arrow:before,
.cyber .page-sidebar .page-sidebar-menu>li.active>a:hover>.arrow:before,
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover,
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover {
	background: #751926 !important;
}
/* main active highlight color for left menus - SECOND level */
.cyber .page-sidebar .page-sidebar-menu .sub-menu>li.active>a, 
.cyber .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, 
.cyber .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, 
.cyber .page-sidebar .page-sidebar-menu .sub-menu>li.active>a>.arrow:before, 
.cyber .page-sidebar .page-sidebar-menu .sub-menu>li.open>a>.arrow:before, 
.cyber .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a>.arrow:before, 
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, 
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, 
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
    background: #A82436 !important;
	color: #FFFFFF;
}
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special>li.open>a,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special>li:hover>a,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special>li.open>a i,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special>li:hover>a i,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special li:hover>a>.arrow.open:before,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special li:hover>a>.arrow:before,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li.active>a,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li.open>a,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li:hover>a,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li.active>a i,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li.open>a i,
.cyber .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li:hover>a i,
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-special>li.open>a,
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-special>li:hover>a {
    background: #3F214B !important;
    color: #FFFFFF;
}

.cyber .page-sidebar .page-sidebar-menu>li.active.open>a,
.cyber .page-sidebar .page-sidebar-menu>li.active>a,
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover 
.cyber .page-sidebar-menu>li.active.open>a,
.cyber .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background-color: #430E16 !important;
}

.cyber .page-sidebar,
.cyber.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.cyber.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu,
.cyber.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu {
    background-color: #25010D !important;
}
.cyber .nav-item-special {
    background-color: #180019 !important;
}

.cyber .hor-menu .dropdown-menu {
    background-color: #25010D !important;
}
.cyber .hor-menu .dropdown-menu li.divider {
    background: #430E16;
}



.strategy-free {
    background-color: #131702;
}
.strategy-free .page-header.navbar {
    background-color: #3D4E0A;
}
.strategy-free .hor-menu .dropdown-menu a:hover,
.strategy-free .hor-menu .dropdown-menu a.active {
	color: #ffffff;	
    background-color: #3D4E0A;
    border-color: #58700E;
}
.strategy-free .page-sidebar, 
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
	background-color: #131702;
}
.strategy-free .page-sidebar .page-sidebar-menu, 
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    background-color: #131702;
}
.strategy-free .page-sidebar .page-sidebar-menu-special, 
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu-special {
    background-color: #180019;
}

/* main left menu hover */
.strategy-free .page-sidebar .page-sidebar-menu>li.open>a, 
.strategy-free .page-sidebar .page-sidebar-menu>li:hover>a, 
.strategy-free .page-sidebar .page-sidebar-menu>li.open>a i, 
.strategy-free .page-sidebar .page-sidebar-menu>li:hover>a i, 
.strategy-free .page-sidebar .page-sidebar-menu li:hover>a>.arrow.open:before,
.strategy-free .page-sidebar .page-sidebar-menu li:hover>a>.arrow:before,
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, 
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a,
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow.open:before, 
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow:before {
    background: #3D4E0A;
    color: #FFFFFF;
}
/* main active highlight color for left menus */
.strategy-free .page-sidebar .page-sidebar-menu>li.active.open>a:hover,
.strategy-free .page-sidebar .page-sidebar-menu>li.active>a:hover,
.strategy-free .page-sidebar .page-sidebar-menu>li.active.open>a:hover i,
.strategy-free .page-sidebar .page-sidebar-menu>li.active>a:hover i,
.strategy-free .page-sidebar .page-sidebar-menu>li.active.open>a:hover>.arrow:before,
.strategy-free .page-sidebar .page-sidebar-menu>li.active>a:hover>.arrow:before,
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover,
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover {
	background: #58700E !important;
}
/* main active highlight color for left menus - SECOND level */
.strategy-free .page-sidebar .page-sidebar-menu .sub-menu>li.active>a, 
.strategy-free .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, 
.strategy-free .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, 
.strategy-free .page-sidebar .page-sidebar-menu .sub-menu>li.active>a>.arrow:before, 
.strategy-free .page-sidebar .page-sidebar-menu .sub-menu>li.open>a>.arrow:before, 
.strategy-free .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a>.arrow:before, 
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, 
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, 
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
    background: #7EA114 !important;
	color: #FFFFFF;
}
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special>li.open>a,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special>li:hover>a,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special>li.open>a i,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special>li:hover>a i,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special li:hover>a>.arrow.open:before,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special li:hover>a>.arrow:before,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li.active>a,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li.open>a,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li:hover>a,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li.active>a i,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li.open>a i,
.strategy-free .page-sidebar .page-sidebar-menu.page-sidebar-menu-special .sub-menu>li:hover>a i,
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-special>li.open>a,
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-special>li:hover>a {
    background: #3F214B !important;
    color: #FFFFFF;
}

.strategy-free .page-sidebar .page-sidebar-menu>li.active.open>a,
.strategy-free .page-sidebar .page-sidebar-menu>li.active>a,
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover 
.strategy-free .page-sidebar-menu>li.active.open>a,
.strategy-free .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background-color: #3D4E0A !important;
}

.strategy-free .page-sidebar,
.strategy-free.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.strategy-free.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu,
.strategy-free.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu {
    background-color: #131702 !important;
}
.strategy-free .nav-item-special {
    background-color: #180019 !important;
}

.strategy-free .hor-menu .dropdown-menu {
    background-color: #131702 !important;
}
.strategy-free .hor-menu .dropdown-menu li.divider {
    background: #3D4E0A;
}

/* esm mega menu */
.hor-menu .dropdown-menu.esm-mega-menu {
	width:600px;
}
.esm-mega-menu>li {
	margin:0; 
	padding:0; 
	overflow-x:hidden;
}
.esm-mega-menu>li .row {
	margin:0px;
}
.esm-mega-menu ul {
	margin:0; 
	list-style-type:none; 
	list-style: none; 
	-webkit-padding-start:0px;
}
.esm-mega-menu .row div {
	padding:0; 
	margin:0;
}
.esm-mega-menu .row div.esm-indicator.indicator-container {
    width: 22px;
}
.esm-mega-menu .row div:first-child ul {
	border-right:1px solid #3D4957;
	padding:0 3px 0 0;
	margin:0;
}
.esm-mega-menu .row div:last-child ul {
	/* border-left:1px solid #3D4957; */
	padding-left:3px;
	margin:0;
}
.esm-mega-menu ul>li {
	list-style-type:none; 
	list-style: none;
	margin:0;
}
.esm-mega-menu ul>li>a {
    padding: 8px 16px;
    color: #B4BCC8;
    text-decoration: none;
    display: block;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}
.hor-menu .dropdown-menu.esm-user-menu {
	width:400px;
}
.esm-user-menu .company-logo-left {
	width:140px;
	padding:0;
}
.esm-user-menu .logo-white-holder {
	margin:10px; 
	padding:10px; 
	background-color:white; color:black;
	height:100%;
}
.esm-user-menu .profile-menu-items {
	width:255px;
	padding:0;
}
.esm-mega-menu.esm-user-menu .row div:first-child ul {
	border-right:0;
}
.menu-full-name-drop {
	margin-top:5px;
	float:left;
}
.esm-mega-menu .row div.menu-full-name-drop {
	margin-top:5px;
	float:left;
}
.menu-icon-name {
	display:inline;
}
.menu-full-name {
	display:inline;
}
.menu-name-label {
	background-color:#2F353B;
	padding:8px 5px 5px 8px;
	border-bottom:1px solid #3D4957;
}
.menu-name-label a,
.menu-name-label a i {
	color: #B4BCC8;
}
.menu-name-label .profile-name-label {
	font-size:1.2em;
	font-weight:300;	
}
.menu-name-label small {
	font-size:0.8em;	
}
.mega-menu-submenu .menu-name-label {
	display:block;
}
.nav-item-special {
	/* background-color:#263005 !important; */
	background-color:#4A535B !important;
}
.nav-item-special>i,
.page-sidebar-menu-special .nav-item>a>i {
	margin-left:-15px;
}
.nav-item-contact, 
.nav-item-contact:hover,
.page-sidebar .page-sidebar-menu .sub-menu>li.nav-item-contact:hover>a {
	background-color:#3F214B;
	color:#B4BCC8;	
}
.strategy-free .nav-item-contact, 
.strategy-free .nav-item-contact:hover,
.strategy-free .page-sidebar .page-sidebar-menu .sub-menu>li.nav-item-contact:hover>a {
	background-color:#3D4E0A !important;
	color:#B4BCC8;	
}
.page-sidebar .page-sidebar-menu .sub-menu>li.nav-item-contact>a:hover,
.strategy-free .page-sidebar .page-sidebar-menu .sub-menu>li.nav-item-contact>a:hover {
	color:white;	
}

/* for the menu toggler */
.menu-toggler.sidebar-toggler .esm-collapse-left {
	display:inline;
}
.page-sidebar-closed .menu-toggler.sidebar-toggler .esm-collapse-left {
	display:none;
}
.menu-toggler.sidebar-toggler .esm-expand-left {
	display:none;
}
.page-sidebar-closed .menu-toggler.sidebar-toggler .esm-expand-left {
	display:inline;
}
.page-sidebar-closed .menu-toggler.sidebar-toggler {
	margin:3px 12px;
}


.top-menu-profile-image {
	float:left;
	margin-right:5px;
	display:inline-block;	
}
.btn.purple-strategy:not(.btn-outline).user-dropdown,
.btn.red-cyber:not(.btn-outline).user-dropdown,
.btn.esm-blue-perform:not(.btn-outline).user-dropdown {
	padding:2px 10px 2px 10px !important;
}
.hor-menu.pull-right.top-menu .btn:not(.btn-outline) {
	padding:6px 10px;
}
.hor-menu.pull-right.top-menu .btn-group {
    margin: 8px 4px 0 4px;
}

.btn.purple-strategy.user-dropdown .username,
.btn.red-cyber.user-dropdown .username,
.btn.esm-blue-perform.user-dropdown .username {
	line-height:30px;
}


.page-sidebar-closed .database-warning {
	padding:6px 1px;
}
.database-warning-txt {
	display:inline;	
}
.page-sidebar-closed .database-warning-txt {
	display:none;	
}



#esm-tutorial {
	position:absolute; 
	z-index:10000;
	width:100%; 
	height:100%;
	top:0; 
	left:0;
	color:white;
}
#esm-tutorial .blackout {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;  
	opacity: 0.2;
	filter: alpha(opacity=20); 
	background-color:black;
	z-index:10001;
}
#esm-tutorial .tutorial-box {
	width:400px;
	height:300px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
	background-color:black;
	border:2px solid #824499;
	z-index:11000;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.strategy-free #esm-tutorial .tutorial-box {
	border:2px solid #7EA114;
}
#esm-tutorial .tutorial-box h2 {
	font-weight:300;
	background-color:#444444;
	width:100%;
	color:white;
	margin:0;
	padding:5px 10px;
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#esm-tutorial .tutorial-body {
	margin:10px 15px;
}
#esm-tutorial .tutorial-buttons {
	width:100%;
	padding:8px 5px;
	background-color:#444444;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#esm-tutorial .tutorial-buttons .btn {
	margin-right:10px;
}
#esm-tutorial .tutorial-box .tutorial-arrow {
	display:none;
}
#esm-tutorial .tutorial-box.welcome-step1 {
	position:relative;
	margin:auto;
	margin-top:200px;
	display:block;;
}
#esm-tutorial .tutorial-box.welcome-step2 {
	position:absolute;
	top:60px;
	right:50px;
}
#esm-tutorial .tutorial-box.welcome-step2 .arrow-top {
	position:absolute;
	top:-20px;
	right:10px;
	margin:0;
	display:block;
}
#esm-tutorial .tutorial-box.welcome-step3 {
	position:absolute;
	top:60px;
	left:280px;
}
#esm-tutorial .tutorial-box.welcome-step3 .arrow-top {
	position:absolute;
	top:-20px;
	left:10px;
	margin:0;
	display:block;
}
#esm-tutorial .tutorial-box.welcome-step4 {
	position:absolute;
	top:60px;
	left:640px;
}
#esm-tutorial .tutorial-box.welcome-step4 .arrow-top {
	position:absolute;
	top:-20px;
	left:10px;
	margin:0;
	display:block;
}
#esm-tutorial .tutorial-box.welcome-step5 {
	position:absolute;
	top:228px;
	left:240px;
}
#esm-tutorial .tutorial-box.welcome-step5 .arrow-left {
	position:absolute;
	top:10px;
	left:-20px;
	margin:0;
	display:block;
}
#esm-tutorial .tutorial-box.welcome-step6 {
	position:absolute;
	top:90px;
	left:500px;
}
#esm-tutorial .tutorial-box.welcome-step6 .arrow-left {
	position:absolute;
	top:10px;
	left:-20px;
	margin:0;
	display:block;
}
#esm-tutorial .tutorial-box.welcome-step7 {
	position:absolute;
	top:90px;
	right:130px;
}
#esm-tutorial .tutorial-box.welcome-step7 .arrow-top {
	position:absolute;
	top:-20px;
	right:10px;
	margin:0;
	display:block;
}
#esm-tutorial .tutorial-box.welcome-step8 {
	position:absolute;
	top:388px;
	left:240px;
}
.strategy-free #esm-tutorial .tutorial-box.welcome-step8 {
	position:absolute;
	top:230px;
	left:240px;
}
#esm-tutorial .tutorial-box.welcome-step8 .arrow-left {
	position:absolute;
	top:10px;
	left:-20px;
	margin:0;
	display:block;
}
#esm-tutorial .tutorial-box.welcome-step9 {
	position:absolute;
	top:285px;
	left:240px;
}
.strategy-free #esm-tutorial .tutorial-box.welcome-step9 {
	position:absolute;
	top:270px;
	left:240px;
}
#esm-tutorial .tutorial-box.welcome-step9 .arrow-left {
	position:absolute;
	top:272px;
	left:-20px;
	margin:0;
	display:block;
}
.strategy-free #esm-tutorial .tutorial-box.welcome-step9 .arrow-left {
	position:absolute;
	top:10px;
	left:-20px;
	margin:0;
	display:block;
}







.th-vertical-header {
	height:220px;
	padding:0; 
	min-width:30px;
	font-weight:normal !important;	
}

.vertical-container {
	position:relative; 
	height:200px;
	margin:0;
	padding:0;
	border:0px solid blue;
}


.verticalText {
	white-space:nowrap;
	display:block;
	bottom:0;
	position:absolute; 
	left:0;
	letter-spacing:1px;
	text-align:left;
	background-color:FFFFFF;
	width:200px;
	margin:0;
	padding:0;
	border:0px solid red;
}


.verticalText {
	width:20px;
	height:20px;
		
	/* Chrome/Safari */
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 50% 50%;
	
	/* Firefox */
	-moz-transform: rotate(-90deg); 
	-moz-transform-origin: 50% 50%;
}	
.verticalText.verticalShortPopuptext {
	left:0;
}
	


th.vertical-text {
	height:160px; 
	padding:0; 
	min-width:25px;
}
.th-vertical-container {
	position:relative; 
	height:155px;
	margin-left:-10px;
}



.bg-esm-pink-sharp {
    background: #CC99CC!important;
}
.bg-font-esm-pink-sharp {
	color:white;
}
.font-esm-pink-sharp {
    color: #CC99CC!important;
}
.bg-esm-brown {
    background: #996633 !important;
}
.bg-font-esm-brown {
	color:white;
}
.font-esm-brown {
    color: #996633 !important;
}
.bg-esm-blue-perform {
    background: #005B85 !important;
}
.bg-font-esm-blue-perform {
	color:white;
}
.font-esm-blue-perform {
    color: #005B85!important;
}
.bg-green-strategy {
	background: #7EA114 !important;
	color:white;
}
.bg-font-green-strategy {
	color:white;
}

.esm-blue-perform:not(.btn),
.bg-esm-blue-perform:not(.btn) {
    background: #005B85!important;
	color: #ffffff;
	border-color: #1D77A2;
}

.purple-strategy:not(.btn),
.bg-purple-strategy:not(.btn) {
    background: #3F214B!important;
	color: #ffffff;
	border-color: #824499;
}
.bg-purple-strategy-lt:not(.btn) {
    background: #67367A!important;
	color: #ffffff;
	border-color: #824499;
}
.font-purple-strategy {
    color: #3F214B!important;
}
.red-cyber:not(.btn),
.bg-red-cyber:not(.btn) {
    background: #430E16!important;
	color: #ffffff;
	border-color: #A82436;
}
.font-red-cyber {
    color: #430E16!important;
}
.green-strategy:not(.btn),
.bg-green-strategy:not(.btn) {
    background: #3D4E0A !important;
	color: #ffffff;
	border-color: #7EA114;
}
.font-green-strategy {
    color: #3D4E0A !important;
}


	
	.btn.purple-strategy:not(.btn-outline) {
	  color:#B4BCC8;
	  background-color: #3F214B;
	  border-color: #3F214B;
	  padding:6px 8px;
	  }
	  .btn.purple-strategy:not(.btn-outline):focus,
	  .btn.purple-strategy:not(.btn-outline).focus {
		color: #ffffff;
		background-color: #67367A;
		border-color: #824499; }
	  .btn.purple-strategy:not(.btn-outline):hover {
		color: #ffffff;
		background-color: #67367A;
		border-color: #824499; }
	  .btn.purple-strategy:not(.btn-outline):active,
	  .btn.purple-strategy:not(.btn-outline).active,
	  .open > .btn.purple-strategy:not(.btn-outline).dropdown-toggle {
		color: #ffffff;
		background-color: #67367A;
		border-color: #824499; }
		.btn.purple-strategy:not(.btn-outline):active:hover,
		.btn.purple-strategy:not(.btn-outline):active:focus,
		.btn.purple-strategy:not(.btn-outline):active.focus,
		.btn.purple-strategy:not(.btn-outline).active:hover,
		.btn.purple-strategy:not(.btn-outline).active:focus,
		.btn.purple-strategy:not(.btn-outline).active.focus,
		.open > .btn.purple-strategy:not(.btn-outline).dropdown-toggle:hover,
		.open > .btn.purple-strategy:not(.btn-outline).dropdown-toggle:focus,
		.open > .btn.purple-strategy:not(.btn-outline).dropdown-toggle.focus {
		  color: #ffffff;
		  background-color: #67367A;
		  border-color: #3F214B; }
	  .btn.purple-strategy:not(.btn-outline):active,
	  .btn.purple-strategy:not(.btn-outline).active,
	  .open > .btn.purple-strategy:not(.btn-outline).dropdown-toggle {
		background-image: none; }
	  .btn.purple-strategy:not(.btn-outline).disabled:hover,
	  .btn.purple-strategy:not(.btn-outline).disabled:focus,
	  .btn.purple-strategy:not(.btn-outline).disabled.focus,
	  .btn.purple-strategy:not(.btn-outline)[disabled]:hover,
	  .btn.purple-strategy:not(.btn-outline)[disabled]:focus,
	  .btn.purple-strategy:not(.btn-outline)[disabled].focus,
	  fieldset[disabled] .btn.purple-strategy:not(.btn-outline):hover,
	  fieldset[disabled] .btn.purple-strategy:not(.btn-outline):focus,
	  fieldset[disabled] .btn.purple-strategy:not(.btn-outline).focus {
		background-color: #3F214B;
		border-color: #3F214B; }
	  .btn.purple-strategy:not(.btn-outline) .badge {
		color: #FFFFFF;
		--background-color: #36C6D3; }
	
	.btn.btn-outline.purple-strategy {
	  border-color: #3F214B;
	  color: #3F214B;
	  background: none; }
	  .btn.btn-outline.purple-strategy:hover,
	  .btn.btn-outline.purple-strategy:active,
	  .btn.btn-outline.purple-strategy:active:hover,
	  .btn.btn-outline.purple-strategy:active:focus,
	  .btn.btn-outline.purple-strategy:focus,
	  .btn.btn-outline.purple-strategy.active {
		border-color: #3F214B;
		color: #ffffff;
		background-color: #3F214B; }
	
	
	
	.btn.red-cyber:not(.btn-outline) {
	  color:#B4BCC8;
	  background-color: #430E16;
	  border-color: #430E16;
	  padding:6px 8px;
	  }
	  .btn.red-cyber:not(.btn-outline):focus,
	  .btn.red-cyber:not(.btn-outline).focus {
		color: #ffffff;
		background-color: #751926;
		border-color: #A82436; }
	  .btn.red-cyber:not(.btn-outline):hover {
		color: #ffffff;
		background-color: #751926;
		border-color: #A82436; }
	  .btn.red-cyber:not(.btn-outline):active,
	  .btn.red-cyber:not(.btn-outline).active,
	  .open > .btn.red-cyber:not(.btn-outline).dropdown-toggle {
		color: #ffffff;
		background-color: #751926;
		border-color: #A82436; }
		.btn.red-cyber:not(.btn-outline):active:hover,
		.btn.red-cyber:not(.btn-outline):active:focus,
		.btn.red-cyber:not(.btn-outline):active.focus,
		.btn.red-cyber:not(.btn-outline).active:hover,
		.btn.red-cyber:not(.btn-outline).active:focus,
		.btn.red-cyber:not(.btn-outline).active.focus,
		.open > .btn.red-cyber:not(.btn-outline).dropdown-toggle:hover,
		.open > .btn.red-cyber:not(.btn-outline).dropdown-toggle:focus,
		.open > .btn.red-cyber:not(.btn-outline).dropdown-toggle.focus {
		  color: #ffffff;
		  background-color: #751926;
		  border-color: #430E16; }
	  .btn.red-cyber:not(.btn-outline):active,
	  .btn.red-cyber:not(.btn-outline).active,
	  .open > .btn.red-cyber:not(.btn-outline).dropdown-toggle {
		background-image: none; }
	  .btn.red-cyber:not(.btn-outline).disabled:hover,
	  .btn.red-cyber:not(.btn-outline).disabled:focus,
	  .btn.red-cyber:not(.btn-outline).disabled.focus,
	  .btn.red-cyber:not(.btn-outline)[disabled]:hover,
	  .btn.red-cyber:not(.btn-outline)[disabled]:focus,
	  .btn.red-cyber:not(.btn-outline)[disabled].focus,
	  fieldset[disabled] .btn.red-cyber:not(.btn-outline):hover,
	  fieldset[disabled] .btn.red-cyber:not(.btn-outline):focus,
	  fieldset[disabled] .btn.red-cyber:not(.btn-outline).focus {
		background-color: #430E16;
		border-color: #430E16; }
	  .btn.red-cyber:not(.btn-outline) .badge {
		color: #FFFFFF;
		--background-color: #36C6D3; }
	
	.btn.btn-outline.red-cyber {
	  border-color: #430E16;
	  color: #430E16;
	  background: none; }
	  .btn.btn-outline.red-cyber:hover,
	  .btn.btn-outline.red-cyber:active,
	  .btn.btn-outline.red-cyber:active:hover,
	  .btn.btn-outline.red-cyber:active:focus,
	  .btn.btn-outline.red-cyber:focus,
	  .btn.btn-outline.red-cyber.active {
		border-color: #430E16;
		color: #ffffff;
		background-color: #430E16; }
	
	
	.btn.green-strategy:not(.btn-outline) {
	  color:#B4BCC8; /* grayish */
	  background-color: #3D4E0A;
	  border-color: #3D4E0A; }
	  .btn.green-strategy:not(.btn-outline):focus,
	  .btn.green-strategy:not(.btn-outline).focus {
		color: #ffffff;
		background-color: #58700E;
		border-color: #7EA114; }
	  .btn.green-strategy:not(.btn-outline):hover {
		color: #ffffff;
		background-color: #58700E;
		border-color: #7EA114; }
	  .btn.green-strategy:not(.btn-outline):active,
	  .btn.green-strategy:not(.btn-outline).active,
	  .open > .btn.green-strategy:not(.btn-outline).dropdown-toggle {
		color: #ffffff;
		background-color: #58700E;
		border-color: #7EA114; }
		.btn.green-strategy:not(.btn-outline):active:hover,
		.btn.green-strategy:not(.btn-outline):active:focus,
		.btn.green-strategy:not(.btn-outline):active.focus,
		.btn.green-strategy:not(.btn-outline).active:hover,
		.btn.green-strategy:not(.btn-outline).active:focus,
		.btn.green-strategy:not(.btn-outline).active.focus,
		.open > .btn.green-strategy:not(.btn-outline).dropdown-toggle:hover,
		.open > .btn.green-strategy:not(.btn-outline).dropdown-toggle:focus,
		.open > .btn.green-strategy:not(.btn-outline).dropdown-toggle.focus {
		  color: #ffffff;
		  background-color: #58700E;
		  border-color: #3D4E0A; }
	  .btn.green-strategy:not(.btn-outline):active,
	  .btn.green-strategy:not(.btn-outline).active,
	  .open > .btn.green-strategy:not(.btn-outline).dropdown-toggle {
		background-image: none; }
	  .btn.green-strategy:not(.btn-outline).disabled:hover,
	  .btn.green-strategy:not(.btn-outline).disabled:focus,
	  .btn.green-strategy:not(.btn-outline).disabled.focus,
	  .btn.green-strategy:not(.btn-outline)[disabled]:hover,
	  .btn.green-strategy:not(.btn-outline)[disabled]:focus,
	  .btn.green-strategy:not(.btn-outline)[disabled].focus,
	  fieldset[disabled] .btn.green-strategy:not(.btn-outline):hover,
	  fieldset[disabled] .btn.green-strategy:not(.btn-outline):focus,
	  fieldset[disabled] .btn.green-strategy:not(.btn-outline).focus {
		background-color: #3D4E0A;
		border-color: #3D4E0A; }
	  .btn.green-strategy:not(.btn-outline) .badge {
		color: #3D4E0A;
		background-color: #ffffff; }
	
	.btn.btn-outline.green-strategy {
	  border-color: #3D4E0A;
	  color: #3D4E0A;
	  background: none; }
	  .btn.btn-outline.green-strategy:hover,
	  .btn.btn-outline.green-strategy:active,
	  .btn.btn-outline.green-strategy:active:hover,
	  .btn.btn-outline.green-strategy:active:focus,
	  .btn.btn-outline.green-strategy:focus,
	  .btn.btn-outline.green-strategy.active {
		border-color: #3D4E0A;
		color: #ffffff;
		background-color: #3D4E0A; }
			
		
	
	.btn.esm-blue-perform:not(.btn-outline) {
	  color:#B4BCC8;
	  background-color: #005B85;
	  border-color: #005B85; }
	  .btn.esm-blue-perform:not(.btn-outline):focus,
	  .btn.esm-blue-perform:not(.btn-outline).focus {
		color: #ffffff;
		background-color: #007ab3;
		border-color: #008bcc; }
	  .btn.esm-blue-perform:not(.btn-outline):hover {
		color: #ffffff;
		background-color: #007ab3;
		border-color: #008bcc; }
	  .btn.esm-blue-perform:not(.btn-outline):active,
	  .btn.esm-blue-perform:not(.btn-outline).active,
	  .open > .btn.esm-blue-perform:not(.btn-outline).dropdown-toggle {
		color: #ffffff;
		background-color: #007ab3;
		border-color: #008bcc; }
		.btn.esm-blue-perform:not(.btn-outline):active:hover,
		.btn.esm-blue-perform:not(.btn-outline):active:focus,
		.btn.esm-blue-perform:not(.btn-outline):active.focus,
		.btn.esm-blue-perform:not(.btn-outline).active:hover,
		.btn.esm-blue-perform:not(.btn-outline).active:focus,
		.btn.esm-blue-perform:not(.btn-outline).active.focus,
		.open > .btn.esm-blue-perform:not(.btn-outline).dropdown-toggle:hover,
		.open > .btn.esm-blue-perform:not(.btn-outline).dropdown-toggle:focus,
		.open > .btn.esm-blue-perform:not(.btn-outline).dropdown-toggle.focus {
		  color: #ffffff;
		  background-color: #007ab3;
		  border-color: #005B85; }
	  .btn.esm-blue-perform:not(.btn-outline):active,
	  .btn.esm-blue-perform:not(.btn-outline).active,
	  .open > .btn.esm-blue-perform:not(.btn-outline).dropdown-toggle {
		background-image: none; }
	  .btn.esm-blue-perform:not(.btn-outline).disabled:hover,
	  .btn.esm-blue-perform:not(.btn-outline).disabled:focus,
	  .btn.esm-blue-perform:not(.btn-outline).disabled.focus,
	  .btn.esm-blue-perform:not(.btn-outline)[disabled]:hover,
	  .btn.esm-blue-perform:not(.btn-outline)[disabled]:focus,
	  .btn.esm-blue-perform:not(.btn-outline)[disabled].focus,
	  fieldset[disabled] .btn.esm-blue-perform:not(.btn-outline):hover,
	  fieldset[disabled] .btn.esm-blue-perform:not(.btn-outline):focus,
	  fieldset[disabled] .btn.esm-blue-perform:not(.btn-outline).focus {
		background-color: #005B85;
		border-color: #005B85; }
	  .btn.esm-blue-perform:not(.btn-outline) .badge {
		color: #005B85;
		background-color: #ffffff; }
	
	.btn.btn-outline.esm-blue-perform {
	  border-color: #005B85;
	  color: #005B85;
	  background: none; }
	  .btn.btn-outline.esm-blue-perform:hover,
	  .btn.btn-outline.esm-blue-perform:active,
	  .btn.btn-outline.esm-blue-perform:active:hover,
	  .btn.btn-outline.esm-blue-perform:active:focus,
	  .btn.btn-outline.esm-blue-perform:focus,
	  .btn.btn-outline.esm-blue-perform.active {
		border-color: #005B85;
		color: #ffffff;
		background-color: #005B85; }

		

.btn.purple-strategy-stripe {
  border-left: 4px solid #3F214B !important; 
}
.btn.green-strategy-stripe {
  border-left: 4px solid #3D4E0A !important; 
}







.modal-open {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}

#esm-modal-1-header,
#esm-modal-2-header,
#esm-modal-3-header,
#esm-modal-4-header {
	min-height:34px;
}

#esm-modal-expired-body .timeouttext-icon {
	width:5%;
	margin:12px;	
}
#esm-modal-expired-body .timeouterror-text {
	margin:20px;
}
#esm-modal-expired-body .timeouterror-error {
	margin:0 20px 15px 20px;
	clear:both;	
	display:none;
}
#esm-modal-expired-body .timeouterror-message {
	margin:6px 0;	
}
#esm-modal-expired-body .timeouterror-pw-field {
	width:90%;
	margin-bottom:30px;
	clear:both;
}

.modal .esm-header-tools {
	float:right;
	width:36px;	
	margin:0;
	margin-top:15px;
	margin-right:15px;
}
.modal.full-width .modal-dialog {
	width: 90%;
	min-height:600px;
}

div.modal div.modal-dialog:not(.modal-full) div.esm-header-tools  a.esm-modal-size.esm-modal-set-full {
	display:inline;
}
div.modal div.modal-dialog:not(.modal-full) div.esm-header-tools a.esm-modal-size.esm-modal-clear-full {
	display:none;
}
div.modal div.modal-dialog.modal-full div.esm-header-tools a.esm-modal-size.esm-modal-set-full {
	display:none;
}
div.modal div.modal-dialog.modal-full div.esm-header-tool a.esm-modal-clear-full {
	display:block;
}
div.modal div.modal-dialog.modal-full.esm-modal-full {
	height:98% !important;
	margin:10px; 
}


.doc-status.completed {
	color:#009900;
	display:none;
}
.doc-status.running {
	color:#FF9900;
	display:none;
}
.doc-status.errored {
	color:#CC0000;
	display:none;
}
.doc-status.unknown,
.name-status.running,
.name-status.errored {
	color:#CCCCCC;
	display:none;
}
.download-link,
.name-status.completed {
	display:none;
}


.doc-status.shown,
.name-status.shown,
.download-link.shown {
	display:inline;
}


.esm-calendar-table {
	table-layout: fixed;
}
.esm-calendar-table td,
.esm-calendar-table th {
	width:14%; /* 1/7 */
	max-width:14%;
}
.esm-calendar-table td {
	height:100px;
}
.esm-calendar-table td .date-label {
	margin-right:2px; 
	margin-top:2px;
}
.esm-calendar-table .calendar-item {
	padding:2px 5px;
	max-width:100%;
	min-width:100%;
	margin-bottom:5px;
}
.esm-calendar-table .calendar-control-subject {
	max-width:99%; 
	overflow:hidden; 
	margin:0; 
	font-size:0.8em;
	text-align:left;
}
.esm-calendar-table .calendar-control-subject .title-text {
	display:inline;
}
.esm-calendar-table .calendar-button-grp {
	width:100%;
}
.esm-calendar-table .calendar-empty-cell {
	background-color:#EEEEEE;
	height:100px;	
}
.calendarDay {
	float: right;
	vertical-align:top;
	text-align:right;
	border:0px solid;
	padding: 0px;
	width:100%;
	height:20px;
	font-weight: bold;
	cursor:pointer;
}
.calendarDueDate{
	color:#E43A45;
	background: none;
	
}

.bg-table-hidecomplete-elements {
    background:#F0F0F0;
}



.basic-home-cell-container {
	min-height:160px;	
}
.basic-home-cell-bordered {
	border:1px solid #CCCCCC; 
	float:left; 
	margin-bottom:15px;
	position:relative;
	border-radius: 5px;
}
.basic-home-cell-bordered.row {
	margin-left:0;
	margin-right:0;
	width:100%;
}
.basic-home-cell-image {
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center top;
}

.basic-home-cell-action {
	float:right;	
}
.basic-home-cell-bordered p {
	color:#999999;
	font-size:0.9em;	
}
.basic-home-cell-bordered .guidance-link {
	position:absolute;
	bottom:10px;
	right: 10px;	
}
.round-button {
	position: absolute;
    bottom: 20px;
    left: 20px;	
    height: 60px;
    width: 60px;
    border-radius: 50%!important;
    overflow: hidden;
    white-space: nowrap;
    color: white;
	padding:22px 10px;
}
.round-button i {
	z-index:10001;
}

#basic-strat-options .getting-started-header {
	background-color:#F0F0F0;
	padding:10px;
}
#basic-strat-options .dashboard-stat {
	min-height:170px;
	margin:10px 0 !important;
}



#basic-strat-options .dashboard-stat .details h3 {
	color:#FFFFFF;
	margin-top:10px;
}
#basic-strat-options .dashboard-stat .details .desc {
	color:#FFFFFF;
	font-size:0.9em;
	padding-right:5px;
}
#basic-strat-options .dashboard-stat.dashboard-stat-v2 .visual {
	padding-top:65px;
}









.body-background {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background-image:url(/sas/login/images/splash/logindrop7.jpg); 
	background-size:cover; 
	background-position:center;
}
.notification-shaded {
	position:absolute; 
	top:0; 
	background-color:#FFFFCC; 
	width:100%; 
	min-height:80px; 
	opacity:0.8;
	border:1px solid #C3182A;
}
.notification-container {
	position:absolute; 
	top:10px; 
	padding: 0 0 0 5px; 
	margin:auto;
	width:97%;
}
.notification-container.outdated .notification-icon {
	line-height:30px; 
	float:left; 
	padding-left:15px;	
}
.notification-container.compatibility .notification-icon {
	line-height:50px; 
	float:left; 
	padding-left:15px;
}
.notification-container .notification-text {
	float:left; 
	width:90%;
}
.notification-container.outdated .notification-text {
	margin:-10px 0 0 10px;
}
.notification-container.compatibility .notification-text {
	margin:0 0 0 10px;
}
.notification-container .notification-text h3,
.notification-container .notification-text h2 {
	padding:0; 
	margin:0;
}
.notification-container .notification-text small {
	line-height:0.5em;
}
.notification-container .notification-icon {
	line-height:30px; 
	float:left; 
	padding-left:15px;	
}
.notification-shaded.maintenance {
	top:110px; 
	height:200px;
	width:auto;
}
.notification-container.maintenance {
	position:relative; 
	width:100%;
	padding:0 10px;
	margin:-10px;
	margin-left:-30px;
	float:left;
}
.notification-container.maintenance .notification-text{
	width:100%;	
}
.notification-container.maintenance .notification-icon {
	float:left; 
	line-height:70px;
}
.notification-container.maintenance h2 {
	float:left; 
	margin-left:10px;
}

	.shaded {
		background-color:rgba(0,0,0,0.75);
		height:400px;
		width:100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.shaded.has-bottom-banner {
		height:360px; /* include 60px each for top and bottom banners */
		-webkit-transform: translateY(-150px);
		-ms-transform: translateY(-150px);
		transform: translateY(-150px);
	}
	.shaded.has-top-banner {
		height:360px; /* include 60px each for top and bottom banners */
		-webkit-transform: translateY(-210px);
		-ms-transform: translateY(-210px);
		transform: translateY(-210px);
	}
	.shaded.has-top-banner.has-bottom-banner {
		height:420px; /* include 60px each for top and bottom banners */
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.login-container {
		height:300px;
		width:800px;
		margin:auto;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		opacity: 1;
	}
	.login-fields {
		margin:20px 40px 0 230px;	
	}
	.esm-trial .login-fields {
		margin:30px 100px 0 100px;	
	}
	.product-logo {
		position:absolute;
		top:15px;
		left:0;
	}
	.login-links {
		color:#999999;
		font-size:0.8em;
		position:absolute; 
		bottom:10px; 
		left:230px;	
	}


.login-links a {
	color:#CCCCCC;	
	cursor:pointer;
}
.bordered-container {
	height:300px;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	width:100%;
	background:none;
	float:left;
}

#login-top-banner {
	background-color:#FAC38B; 
	float:left; 
	width:100%; 
	height:60px;	
}
#login-top-banner .banner-content {
	width:800px;
	margin:auto; 
	color:#444444;
}
#login-top-banner .banner-icon {
	width:60px; 
	float:left;
	margin:-10px 0 0 15px;
}
#login-top-banner .banner-message {
	float:left; 
	clear:none; 
	margin:10px 0 0 10px; 
	font-size:1.2em; 
	line-height:1.1em; 
	font-weight:300;
}
#login-top-banner .banner-message.outdated,
#login-top-banner .banner-message.make-small {
	font-size:1em; 
	margin:8px 0 0 10px;
}

#login-bottom-banner {
	background-color:#3F214B; 
	float:left; 
	width:100%; 
	height:60px;	
}
#login-bottom-banner .banner-content {
	width:800px;
	margin:auto; 
	color:white;
}
#login-bottom-banner .banner-icon {
	width:50px; 
	float:left; 
	clear:none; 
	margin-left:15px;
}
#login-bottom-banner .banner-message {
	float:left; 
	clear:none;
	margin:21px 0 0 0;  
	font-size:1.1em; 
	line-height:1.1em; 
	font-weight:300; 
	max-width:500px;
}
#login-bottom-banner .banner-message a {
	color:white;
}
#login-bottom-banner .login-action-button {
	float:right; 
	clear:none; 
	margin:9px 40px 0 0;
}
#login-bottom-banner .login-action-button a {
	padding:10px 14px;
	color:white;
}
#login-bottom-banner .login-action-button a:hover {
	color:#3F214B;
}
#esm-login label {
	color:white;
}
.page-footer .esm-footer-debug {
	float:right;
	font-size:0.8em;	
}
.login-footer, .login-footer-shaded {
	height:40px;
	width:100%;
	position: absolute;
	bottom:0;
	color:white;
	font-size:0.8em;
}
.login-footer-shaded {
	background-color:black;
	opacity: 0.50;
	border-top:1px solid #666666;
}
.login-footer-left {
	float:left;
	text-align:left;
	margin-left:1%;
	padding-top:4px;
}
.login-footer-right {
	float:right;
	width:150px;
	text-align:right;
	margin-right:1%;	
}
.login-footer-right img {
	margin-top:2px;	
}
.login-button {
	width:200px;
	float:right; 
	height:35px;
}
#login-action-container,
#login-action-container h1 small {
	color:white;
}
.esm-login-product-cell {
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	float:left;
	width:400px;
	height:70px;
	border:1px solid;
}
.login-sc-select {
	margin-top:5px;
}

.esm-login-arrow {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	float:left;
	width:70px;
	height:70px;
	text-align:center;
	vertical-align:middle;
	line-height:6em;
}
.sso-company-drop {
	-- width:100% !important;
}

.perform-continue-home-button{
	position:absolute;
	width:100%;
	bottom:0;
	padding-bottom:10px;
	padding-right:40px;
}

.perform-home-buttons{
	position:absolute;
	bottom:0;
	padding-bottom:10px;
}

.perform-font-20{
	font-size:20px;
}

.perform-font-18{
	font-size:18px!important;
}

.perform-font-16{
	font-size:16px!important;
}

.perform-home-cell-icon-holder{
	float:right;
	width:175px;
	height:150px;
	position:absolute;
	right:0;
	bottom:0;
	padding-bottom:60px;
	overflow:hidden;
}

.perform-home-cell-icon{
	float:right;
	font-size:150px;
	opacity:.2;
	position:absolute;
	right:0;
	bottom:0;
	padding-bottom:40px;
}

.perform-height-5{
	height:5px;
}

.perform-avatar{
	border-radius:50%!important;
}


.portlet.light.bordered.perform-step-module-ME {
	position:relative; 
	border:1px solid #E5E5E5!important;
	border-top:2px solid #4B77BE!important;
}

.portlet.light.bordered.perform-step-module-IN {
	position:relative; 
	border:1px solid #E5E5E5!important;
	border-top:2px solid #F3C200!important;
}

.portlet.light.bordered.perform-step-module-KP {
	position:relative; 
	border:1px solid #E5E5E5!important;
	border-top:2px solid #1BA39C!important;
}


.portlet.light.bordered.perform-step-module-selfassess {
	position:relative; 
	border:1px solid #E5E5E5!important;
	border-top:2px solid #3598DC!important;
}

.portlet.light.bordered.perform-step-module-reccomendation {
	position:relative; 
	border:1px solid #E5E5E5!important;
	border-top:2px solid #8E44AD!important;
}

.portlet.light.bordered.perform-step-module-form {
	position:relative; 
	border:1px solid #E5E5E5!important;
	border-top:2px solid #4B77BE!important;
}

.perform .portlet.light>.portlet-title>.actions{
	padding: 6px 0 0 0;
}


.timestamp{
	color:#666666;
	font-style:italic;
	font-size:12px;
	margin-right:5px;
	margin-top:15px;
}

.createdTP{
	color:white;
	font-style:italic;
	font-size:10px;
	margin-right:10px;
	margin-top:10px;
}

.lastModTP{
	color:#A6A6A6;
	font-style:italic;
	font-size:10px;
	margin-right:5px;
	margin-top:15px;
}

.form-left-pane{
	float:left; 
	width:35%;  
	overflow:auto;
}

.form-right-pane{
	float:right; 
	width:64%;
}


.perform-linked-div-box {
	border:1px solid #999999; 
	background-color:#E5E5E5; 
	min-height:50px;
	margin-bottom:15px;
}
.perform-linked-div-box-on, .perform-linked-div-box:hover {
	background-color:#6AE2CA;
	cursor:pointer;
}

.perform-linked-div-box-text{
	width:200px; 
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	margin:5px 0 0 10px;
}

.perform-SI-popover{
	width:250px; 
	padding-left:10px;
	padding-bottom:10px;
}

.perform .slimScrollBar {
	width:10px!important;
}

.select-padding-right{
	padding-right:5px;
}

.page-header.navbar .search-forms{
	background:#FFFFFF;
}

.page-header.navbar .search-forms.open, .page-header.navbar .search-form:hover{
	background:#FFFFFF;
}
.page-header.navbar .search-forms.open{
	transition:all .6s;
	width:200px!important;
}

.form-control:focus{
	border-width:2px;
	
		border-color:#ab72c0!important;
	
}

.input-icon.right>a i{
	left:auto; 
	right:8px;
	float:right;
}

.input-icon>a i{
	position:absolute;
	margin:11px 2px 4px 10px;
	z-index:3;
	width:16px;
	font-size:16px;
	text-align:center;
}

.disable-search-link{
    pointer-events: none;
}

.page-header.navbar .search-forms{
	display:inline-block; 
	width:46px;
	position:relative;
	float:left;
	transition:all .6s;
}

a.side-nav-selected {
	font-weight:bold;
	color:#FF0042;
}

.modal-translate-body{
	padding:15px;
}

.portlet-stacked{
	margin-bottom:5px;
}

.portlet-no-uppercase{
	text-transform: none !important;
}

.perform-req::first-letter{
	border-bottom:2px solid #CC0000;
}

.hide-icon{
    display: none;
}

.url-remove-default{
	color: black;
}

a.option-disabled{
	color:#CCCCCC;
	pointer-events:none;
	
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}

.perform-url-link-black{
	color: black;
	font-weight:500;
}
	.perform-url-link-black:hover{
		color: #26C281;
		text-decoration: none; 
	}

@media (max-width: 1500px) {
	.menu-name-label {
		display:block;
	}
	#esm-tutorial .tutorial-box.welcome-step3 {
		position:absolute;
		top:60px;
		left:260px;
	}
	#esm-tutorial .tutorial-box.welcome-step4 {
		position:absolute;
		top:60px;
		left:500px;
	}
}
@media (max-width: 1350px) {
	.menu-icon-name {
		display:inline;
	}
	.menu-name-label {
		display:block;
	}
	#esm-tutorial .tutorial-box.welcome-step4 {
		position:absolute;
		top:60px;
		left:410px;
	}
	.collapse-group-1 {
		display:none;
	}
	.btn.purple-soft.helper-example {
		left:880px;
	}
}
@media (max-width: 1200px) {
  	.strategy .menu-full-name,
	.strategy-free .menu-full-name,
	.cyber .menu-full-name {
		display:none;
	} 
	#docTreeManage .container {
		width:200px;	
	}
	#docTreeManage .folder-content {
		margin-left:200px;
	}
}
@media (min-width: 992px) {
  	/* 992px */
	.esm-fixed-edit-icon {
    	right: 55px; 
	} 
}
@media (max-width: 991px) {
	.hor-menu {
		padding-left:0;
	}
	.calendar-control-subject .title-text {
		display:none;
	}
	.esm-fixed-edit-icon {
    	bottom: 10px;
    	right: 10px; 
	}
    .esm-fixed-edit-icon > i {
     	font-size: 28px; 
	}
	.status-container-normal.with-label {
		min-width:65px; /* includes icons */
	}
	.hor-menu .dropdown-menu.esm-mega-menu {
		width:300px;
	}
	#esm-tutorial .tutorial-box.welcome-step5,
	#esm-tutorial .tutorial-box.welcome-step8,
	#esm-tutorial .tutorial-box.welcome-step9 {
		position:absolute;
		top:60px;
		left:185px;
	}
	#esm-tutorial .tutorial-box.welcome-step5 .arrow-top,
	#esm-tutorial .tutorial-box.welcome-step8 .arrow-top,
	#esm-tutorial .tutorial-box.welcome-step9 .arrow-top {
		position:absolute;
		top:-20px;
		left:10px;
		margin:0;
		display:block;
	}
	#esm-tutorial .tutorial-box.welcome-step5 .arrow-left,
	#esm-tutorial .tutorial-box.welcome-step8 .arrow-left,
	#esm-tutorial .tutorial-box.welcome-step9 .arrow-left {
		display:none;
	}
	.hidden-991 {
		display:none !important;
	}
}

@media (max-width: 820px) {
	.login-container {
		width:100%;
	}
	.login-button {
		width:100%;
	}
	#login-top-banner .banner-content,
	#login-bottom-banner .banner-content {
		width:100%;
	}
	#login-top-banner .banner-message {
		font-size:1em;
		padding-right:15px;
	}
	#login-bottom-banner .banner-icon {
		margin-left:10px;
	}
	#login-bottom-banner .banner-message {
		font-size:1em; 
		line-height:1.1em; 
		max-width:360px;
	}
	#login-bottom-banner .login-action-button { 
		margin-right:15px;
	}
	#esm-tutorial {
		/* this should override hidden class */
		display:none !important;
	}
	.login-sso-user .login-button,
	.login-sso-user .back-button {
		width:45%;
	}
}
@media (max-width: 767px) {
	.breadcrumbTitle {
		display:none;
	}
	.esm-status-big {
		width:40px;
		height:40px;
		line-height:35px;
		font-size:1.7em;
	}
	.status-container-big {
		min-width: 65px;
	}
}
@media (max-width: 750px) {
	.esm-login-product-cell {
		width:70%;
	}
}

@media (max-width: 650px) {
	.hor-menu .btn-group .btn {
		padding:6px 8px;
	}
}
@media (max-width: 600px) {
	.product-logo {
		display:none;
	}
	.login-container {
		width:100%;
		margin:auto;
	}
	.login-fields,
	.esm-trial .login-fields,
	#login-top-banner .banner-message.make-small {
		font-size:0.9em; 
		margin:8px 8px 0 8px;
	}
	.login-links {
		left:20px;	
	}
	#login-bottom-banner .banner-icon {
		display:none;
	}
	#login-bottom-banner .banner-message {
		margin:15px 0 0 15px; 
		width:auto;
		max-width:230px;
	}
	#login-bottom-banner .login-action-button {
		margin:10px 20px 0 20px;	
	}
	.notification-container.maintenance {
		padding:20px;
		padding-top:0;
		font-size:0.8em;
	}
	
	/* menu for phones */
	.hor-menu .btn-group,
	.esm-suite-selector {
		margin:8px 1px 0 1px;
	}
	.page-header.navbar {
		padding: 0 3px;
	}
	.btn.purple-strategy:not(.btn-outline).user-dropdown,
	.hor-menu .btn-group .btn.user-dropdown {
		padding:2px 6px 2px 6px;
	}
	.tools .btn,
	.tools button {
		margin-right:3px;
	}
	.page-content-wrapper .page-content {
		padding: 25px 0px 0px !important;
	}
	.portlet>.portlet-title>.caption>i.module-element-icon,
	.portlet>.portlet-title>.caption>i.module-draggable-icon {
		font-size: 1em; 
		line-height: 0.8em;	
	} 
}
@media (max-width: 560px) {
	/* hide drop arrows */
	.hor-menu .btn-group .btn i.fa-angle-down {
		display:none;
	}
	.page-header.navbar .top-menu {
		clear: none;
		background-color:transparent;
	}
	.list-definition{
		display:none;
	}

}


.tabsDisable {
	color:#CCCCCC;
	pointer-events:none;			
}
.tabshide {
	cursor:text;
}

.nav-pills-custom>li.active>a{
	color:#FFFFFF;
	background-color:#428BCA;
}

.nav-pills-custom>li>a{
	border-radius:4px;
}

.nav-pills-custom-sub{
	margin-left:25px;
}

.devplan-initiative-title {
	padding:5px 10px; 
	position:relative; 
	margin-bottom:10px; 
	background-color:#FFFFCC;
}
.devplan-initiative-title .icon-container {
	width:40px; 
	position:absolute; 
	top:5px; 
	left:10px;	
}
.devplan-initiative-title .icon-container i {
	line-height:45px;
}
.devplan-initiative-title .plan-path {
	float:left; 
	font-size:0.9em; 
	color:#999999; 
	margin-left:35px;
}
.devplan-initiative-title h3 {
	padding:0; 
	margin:0; 
	float:left; 
	clear:left; 
	margin-left:35px;	
}
.devplan-initiative-title + .portlet {
	margin:0 5px 20px 5px;	
}

.display-form-create{
	margin-left:10%; 
	margin-right:20%; 
	width:80%;
}

.display-form-long-text{
	border-bottom:dashed thin #CCCCCC; 
	width:80%; 
	color:#A6A6A6; 
	font-size:14px;
}

.display-form-long-text-answer{
	border-bottom:dashed thin #CCCCCC; 
	width:100%; 
	font-size:14px;
}

.display-form-short-text{
	border-bottom:dashed thin #CCCCCC; 
	width:50%; 
	color:#A6A6A6; 
	font-size:14px;
}

.display-form-short-text-answer{
	border-bottom:dashed thin #CCCCCC; 
	width:50%; 
	font-size:14px;
}

.display-form-custom-select{
	color:#A6A6A6; 
	font-size:14px; 
	margin-bottom:3px;
}

.display-form-generic-select{
	color:#A6A6A6; 
	font-size:14px; 
}

.no-border-list{
	border: none;
	background-color: rgba(0,0,0,0);
}

.perform .review-360.label.label-sm{
	padding: 5px 5px 5px 5px;
}

.shade-table-column{
	background-color:#eaf1fb;
}


/* Filter ESM+Perform*/

 .collapsingFilter {
	position: absolute !important;
	z-index: 20;
	width: 100%;
	/* height:750px; */
}
.collapseInFilter {
	display: block;
	position: absolute;
	z-index: 20;
	/* width: 670px;
	height:750px; */
} 

.accordion-toggle[aria-expanded=true] .fa-plus-square,
.accordion-toggle[aria-expanded=false] .fa-minus-square {
	display:none;
}
.accordion-toggle[aria-expanded=false] .fa-plus-square,
.accordion-toggle[aria-expanded=true] .fa-minus-square {
	display:inline-block;
}
.esm-accordion .panel.open {

}
.scorecard-assign-link {
	display:none;
	float:right;
}
.panel.open .scorecard-assign-link,
.panel-heading:hover .scorecard-assign-link {
	display:block;
}


.navbar-collapse {
	max-height: none !important;
}

.sort-handle {
	cursor: move;
	vertical-align:middle !important;
	color:#B3B3B3; 
	background-color:#F8F8F8; 
	text-align:center; 
	width:5px;
}

.sort-handle:hover{
	background-color:#CCCCCC;
}

.table-hover>tbody>tr:hover>td.sort-handle:hover{
	background-color:#CCCCCC !important;
}
.drag-table .ui-sortable-helper {
	background-color: #ddd;	
}
.drag-table .ui-sortable-helper .hide-while-sorting {
	display: none;	
}

.drag-table .ui-sortable-helper .highlight-sort-handle {
	display: none;	
}

#autosivisual {
	width:100%;	
}
#autosivisual div.autosivisualelement {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding-left:4px;
	padding-right:4px;
}
#autosivisual div.autosivisualstatus {
	float:left;
	font-weight:bold;
	font-size:14px;
}


.note.esm-note {
	padding: 10px 30px 10px 15px;
	border:1px solid;
	border-left:5px solid;
}
.esm-note i.fa,
.esm-note i.fa:hover {
	cursor:help;
}
.esm-note input[type=checkbox].form-control {
	/* fix for IE with background color */
	background-color:transparent;	
}

.note.esm-note .close {
    margin-right: -10px;
}
.note.esm-note.note-info {
	border-color:#4c87b9 !important;
	color:#4c87b9 !important;
	background-color: #EEF3F7 !important;
}

.note.esm-note.note-danger,
tr.note-danger {
	border-color:#F0868E !important;
	background-color: #FBDDE1 !important;
}
tr.note-danger td {
	color: inherit;
	border-top:1px solid #F0868E !important;
	border-bottom:1px solid #F0868E !important;
}
tr.note-danger td:last-child {
	border-right:1px solid #F0868E !important;
}
tr.note-danger td:first-child {
	border-left:1px solid #F0868E !important;
}

.note.esm-note.note-warning,
tr.note-warning {
	border-color:#FAEAA9 !important;
	background-color:#FFFFCC !important;
}
tr.note-warning td {
	color: inherit;
	border-top:1px solid #C49F47 !important;
	border-bottom:1px solid #C49F47 !important;
}
tr.note-warning td:last-child {
	border-right:1px solid #C49F47 !important;
}
tr.note-warning td:first-child {
	border-left:1px solid #C49F47 !important;
}
.esm-note.alert-warning {
	
}


.note.esm-note.note-risk,
tr.note-risk {
	border-color:#CC3300 !important;
	background-color: #FF794D !important;
	color:white;
}
tr.note-risk td {
	color: inherit;
	border-top:1px solid #CC3300 !important;
	border-bottom:1px solid #CC3300 !important;
}
tr.note-risk td:last-child {
	border-right:1px solid #CC3300 !important;
}
tr.note-risk td:first-child {
	border-left:1px solid #CC3300 !important;
}


.quick-update-selector {
	text-align:center;	
}
.quick-update-selector input.form-inline-checkbox {
	width:17px; 
	height:17px; 
	margin:auto;
}
.quick-update-selector .recent-activity-indicator {
	margin:auto; 
	text-align:center;
	line-height:3em;
}

table.myQuickUpdateTable .datepicker  .active {
	background-color: #eef1f5 !important;	
}

table.myQuickUpdateTable .input-medium {
	width:145px !important;
}

table.myQuickUpdateTable .noUi-tooltip {
	left: 17px;
}

.esm-toggle-bookmark .fa-bookmark,
.dropdown-menu>li>a.esm-toggle-bookmark .fa-bookmark,
.dropdown-menu .menu-subscription.highlighted i,
.dropdown-menu .menu-action-item.highlighted i {
	color: #E87E04 !important;
}



.modal.bootbox {
	/* move the bootbox modal down slightly */
	top: 1% !important;
}
.err-div {
	display:none;
}
.has-error .err-div {
	display:block;	
}
.sort-header {
	cursor:pointer;
}
.error {
	color:red;
	font-size:small;
}
.input-validation-error button {
	border: 1px solid red !important;
}
.errorPortfolioMargin {
	margin-top:20px;
}	
.btn.special {
    background-color: #e1e5ec;
    color: #e1e5ec;
    background-image: linear-gradient(to bottom, #e1e5ec, #e1e5ec);
    text-decoration: none;
    background-position: 0;
    transition: none;
	cursor:default !important;
}
.btn-custom:hover{
  background-color: #3598dc !important;
}
h1{
	line-height:0.9;
}

.wmd-Hscroll-topscroll, .wmd-Hscroll {
    overflow-x: scroll;
    overflow-y: hidden;
    width:100%;
    border: none 0px;
}
.wmd-Hscroll-topscroll { height: 16px; }
.wmd-Hscroll { height: auto; }
.scroll-Hscroll1 { 
    overflow-x: scroll;
    overflow-y: hidden;
}
.scroll-Hscroll2 { 
	overflow-x:hidden;
	height: auto;
}

/*.continue-review {
	padding-top: 18px;
}


.continue-review .btn i {
  display: block;
  line-height: 75px;
  text-align: center;
  margin-top:0;
  padding-top:5px;
}*/


/*.continue-review ul {
    margin: 0;
    padding-top: 50px;
}*/

/*.continue-review li {
	text-align: center;
    margin-bottom: 3px!important;
    display: inline-block;
    font-size: 16px;
    padding:0;
}*/

/*.continue-review a{
  text-decoration:none;
  display:block;
  margin:0;
  padding:0;
}*/

.owner-disabled {
	background-color:#F0F0F0 !important;
	color:#999999 !important;
	font-style:italic;
}
.select2-selection__choice__remove {
	color:#e43a45 !important;
}

.whiteSpaceNoWrap{
	white-space: nowrap; 
}

.list-name,
.list-name a {
	font-size: 1em;
	position:relative;
}

.list-definition,
.list-definition a {
	padding-top:3px;
	font-size:0.8em;
	line-height:1.1em;
}

.list-owner {
	padding-top:3px;
	font-size:0.8em;
	line-height:1.1em;
	color:#009900;
}

.list-date {
	padding-top:3px;
	font-size:0.8em;
	line-height:1.1em;
	color:#666666;
}

.list-ps {
	padding-top:3px;
	font-size:0.8em;
	line-height:1.1em;
	color:#666666;
}

.list-l {
	font-size:0.8em;
	margin-top:10px;
}
.list-f {
	font-size:0.8em;
	margin-top:10px;
}
.list-p {
	font-size:0.8em;
}

.list-tr {
	font-size:0.8em;
}

div.dataTables_wrapper div.dataTables_filter input {
	height: 25px;
	width: 250px !important;
	font-size: 13px !important;
}

div.dataTables_wrapper div.dataTables_length select {
	font-size:11px;
	height: 27px;
}

.list-options{
	display:block;
}
.showListFilters {
	display:none;
}
i.fa.search-icon {
	margin-left:-20px;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    border-radius: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.5em 0.5em !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid white !important;
    background-color: transparent !important;
	background:none  !important;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
	float:left;
}
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:after {
    content: none !important;
}
.dataTables_wrapper .dataTables_length {
    text-align: right !important;
	float:right !important;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 100px !important;
	margin-left:5px;
	margin-right:5px;
}
.pagination>li>a, .pagination>li>span {
	padding:3px 6px;
}
.dataTables_length .input-sm {
	padding:3px 6px;
}
button[aria-current] {
	--background-color: #67809F !important;
	color: white; 
	border-radius: 4px;
}
div.dt-container .dt-paging button.dt-paging-button:hover {
    color: #666666 !important;
    background-color: transparent;
    background:none;
}

.dt-paging button {
	border: none;
	font-size:0.9em;
	padding: 0;
	background: none;
}
.buttons-excel button {
	border: none;
	font-size:0.9em;
	padding: 0;
	background: none;

}
.hidden-div{
	display:none;
}

.space-box {
    padding: 0 5px 0 5px;
}

.column-summary {
	font-size:11px;
}

.edit-inline-position{
	position:absolute;
    top:0;
    right:1px;
}

.dataTables_scroll{
    overflow:auto;
}

.form-input-error-border{
	border-color:#f4516c !important;
}
.form-input-error-msg{
	color:#f4516c;
}

.edit-list tr td div.edit-list-button { display:none;}
.edit-list tr:hover td div.edit-list-button { display:inline-block;}

.edit-on-hover div span a.edit-button-on-hover{ display:none;}
.edit-on-hover:hover div span a.edit-button-on-hover{ display:inline-block;}

table.genListTable tr td {
    outline: none;
}
table.genListTable tr:hover {
    background: #f3f4f6 !important;
}
table.genListTable tr:hover th:hover {
    background: white !important;
}

table.dataTable>thead>tr>th {
	position:relative;
	padding-left:12px !important;
}
.column-order-handle {
	display:inline-block;
	color:#999999;
	visibility: hidden !important;
	position:absolute;
	left:3px;
	top:13px;
	cursor:move;
}
table.genListTable th:hover .column-order-handle {
	visibility: visible !important;
}


.nested-table-wrapper table {
	/* This prevents DataTables from scanning it */
}


table.genListTable .column-element-icon,
table.genListTable .column-status {
	max-width:90px !important;
	width:90px !important;
	min-width:90px !important;
	text-align:center !important;
}

/* 
.summary-list:not(.new-summary-view) .column-order-handle {
	display:none !important;
} */



.dt-scroll-head table.genListTable th.datasheet-field {
	border-bottom:1px solid #267BB3 !important;
	text-align:right !important;
}
.dt-scroll-head table.genListTable th i.fal.fa-table {
	color: #267BB3 !important;
}

/*
.dt-scroll-head table.genListTable th.datasheet-field{
	border-top:1px solid #267BB3 !important;
    --border-left:2px solid #267BB3 !important;
	box-shadow: 2px 0 0 0 #267BB3 !important;
	border-right:1px solid #267BB3 !important;
}
table.genListTable tr td.datasheet-field{
    --border-left:1px solid #267BB3 !important;
	box-shadow: -1px 0 0 1px #267BB3 !important;
	border-right:1px solid #267BB3 !important;
}
*/

.dual-scroller-container div.dt-container div.dt-layout-full {
	width: 100% !important;
	float: left !important;
}
.dual-scroller-container div.dt-container {
	float: left !important;
	width: 100% !important;
}
.dual-scroller-container div.dt-container div.dt-layout-row {
	display: block !important;
	float: left !important;
	width: 100% !important;
}
.dual-scroller-container .top-bottom-scroll-object {
	float: left;
	min-width: 100%;
}

.header-sort-persist {
	font-size:0.8em !important;
}

.portlet:not(.loading-list) .list-loader {
	display:none;
}
.portlet.loading-list .list-loader {
	display:block;
}
.list-loader {
	position:absolute;
	background-color:white;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
}

.edit-icon-list{
	font-size:14px !important;
	color:#6167E0;
}

.edit-button-list{
	margin-right:15px;
}


.esm-step{
	border-left:1px solid #AAAAAA;
}
.esm-step.mt-element-step .step-thin .mt-step-number {
	font-size: 20px;
	padding: 8px 12px 6px 12px;
}
.esm-step.mt-element-step .step-thin .active {
	background-color: #4c87b9 !important;
}
.esm-step.mt-element-step .step-thin .active .mt-step-number {
	color: #337AB7!important;
}
.esm-step.mt-element-step .step-thin .done {
	background-color: #8ABBDB !important;
}
.esm-step.mt-element-step .step-thin .done i.desc-icon,
.esm-step-line.mt-element-step .step-line .done i.desc-icon {
	display:none;
}
.esm-step.mt-element-step .step-thin i.complete-icon,
.esm-step-line.mt-element-step .step-line i.complete-icon {
	display:none;
}
.esm-step.mt-element-step .step-thin .done i.complete-icon,
.esm-step-line.mt-element-step .step-line .done i.complete-icon {
	display:inline-block;
}
.esm-step-line.mt-element-step .step-line .mt-step-col {
    padding: 0;
}
.esm-step-line.mt-element-step .step-line .active .mt-step-content, 
.esm-step-line.mt-element-step .step-line .active .mt-step-title {
    color: #3598DC !important
}
.esm-step-line.mt-element-step .step-line .active .mt-step-number {
    color: #3598DC !important;
    border-color: #3598DC !important;
}
.esm-step-line.mt-element-step .step-line .active .mt-step-title:after, 
.esm-step-line.mt-element-step .step-line .active .mt-step-title:before {
    background-color: #3598DC;
}

#importdropzonediv {
	height:100px; 
	width:100%; 
	border:2px #CCCCCC dashed; 
	vertical-align:middle;  
	padding-top:20px;  
	font-size:16px; 
	background-color:#F0F0F0; 
	color:#999999;
}
#importdropzonediv.dragging {
	border:2px #6E5C91 dashed;
	background-color: #EAE3FC;
	color:#6E5C91;
}
#importdropzonediv .importdropzone-handle {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100px;
	z-index:10000;
}
.importzoneclickable {
	cursor:pointer;
}

#modal-import-steps .btn.light {
	border:1px solid #C7C2D3;
}
#modal-import-steps .table.table-bordered th {
	color:#666666;
}
#modal-import-steps .note {
	padding: 10px 30px 10px 10px;
	margin-top:20px;
}
#modal-import-steps .note .fa.fa-2x {
	line-height:30px; 
	float:left;
}
#modal-import-steps .note .note-content {
	float:left;
	margin-left:30px;
}
#modal-import-steps .note .note-content .smaller,
#modal-import-steps .note .note-content .smaller strong,
#modal-import-steps .note .note-content .smaller b {
	font-size:0.9em;
}
#modal-import-steps .note.note-danger {
	background-color: #fad6d9;
}
#modal-import-steps .formlabel {
	padding-bottom: 5px;
}

.modal-with-steps .form-wizard .steps>li.done>a.step .desc {
    color: #000000;
}
.modal-with-steps .form-wizard .steps>li.done>a.step .number {
    background-color: #4c87b9;
}
.modal-with-steps .form-wizard .steps>li.active>a.step .number {
    background-color: #8877A9;
}
.modal-with-steps .form-wizard .steps>li>a.step>.number {
    background-color: #EEEEEE;
}
.modal-with-steps .form-wizard .steps>li.active>a.step .desc {
	font-weight:bold;
}
.modal-with-steps .form-wizard .disabled-link .disable-target, 
.modal-with-steps .form-wizard .disabled-link.disable-target, 
.modal-with-steps .form-wizard .disabled-link {
	opacity: 0.8 !important;
	color:#000000;
}
.modal-with-steps .form-wizard .disabled-link .disable-target:hover, 
.modal-with-steps .form-wizard .disabled-link.disable-target:hover, 
.modal-with-steps .form-wizard .disabled-link:hover {
    cursor: default !important;
}
.modal-with-steps .form-wizard .disable-target a.step {
	color:#000000;
}
.modal-with-steps .form-wizard .disable-target a.step:hover {
	cursor: default;
}
.modal-with-steps .form-wizard .done {
    opacity: 0.6 !important;
}
.modal-with-steps .form-wizard {
	margin: 0 -15px 20px -15px;
	padding: 0 20px;
	border-bottom: 1px solid #EFEFEF;
}
.modal-with-steps .form-wizard a.step:hover {
	cursor: default;
}
.modal-with-steps .form-wizard li.done a.step:hover {
	cursor: pointer;
}
.modal-with-steps .form-wizard .progress {
	margin-bottom: 20px;
}
.modal-with-steps .form-wizard .steps {
	padding: 0 0 10px 0;
	margin-bottom: 0;
}
.modal-with-steps .form-wizard a.step {
	text-align: left;
	padding: 10px 0 10px 10px;
}
.modal-with-steps .form-wizard .steps>li.active>a.step .number {
	background-color: #4c87b9;
}
.modal-with-steps .progress-bar-success {
	background-color: #4c87b9;
}
.modal-with-steps .form-wizard .steps>li.done>a.step .number {
	background-color: #EEEEEE;
	color:#666666;
	margin-right:5px;
}
.modal-with-steps .form-wizard .steps>li.active>a.step .desc {
	color: #4c87b9;
	font-weight:500;
}
.modal-with-steps .form-wizard .steps>li.active>a.step .desc,
.modal-with-steps .form-wizard .steps>li>a.step>.desc {
	font-size: 1.5em;
}
.modal-with-steps .form-wizard .steps>li.done>a.step .desc i {
	font-size: 1.2em;
}
.modal-with-steps .entryFormStacked {
	width:100%;
	margin:auto;
}
table.user-table .user-perm-template {
	display:none;
}


.mt-element-step .step-thin .mt-step-title {
	font-size:1.3em;
}
.content-under-steps {
	margin: 0 20px;
}

.form-info-box {
	float:left; 
	width:600px; 
	padding:10px; 
	background-color:#F0F0F0; 
	border:1px solid #CCCCCC; 
	border-radius:4px; 
	position:relative; 
}
.form-info-box.legend {
	width:100%;
	margin-bottom:15px;
}
.form-info-box i.fa {
	display:block;
	float:left; 
	margin-top:8px;
}
.form-info-box .note-text {
	float:left; 
	font-size:1.4em; 
	margin:0 15px;
}
.form-info-box.legend .note-text {
	font-size:0.8em;
}
.data-loader-preview td.esm-dataseries-cell-invalid-data {
	background-color: #F3CC31; /*warning*/
}
.data-loader-results {
	border-spacing: 10px;
	border-collapse: separate;
}
.data-loader-results-box {
	text-align:center;
	vertical-align:top;
	border-spacing: 10px;
	border-collapse: separate;
}
.data-loader-results-box .count {
	font-size:3em;
	font-weight:bold;
}
.data-notifications {
	float:left; 
	width:100%; 
	margin-top:10px;
	margin-bottom:50px;
}
.data-notifications .data-note-toggle {
	float:left; 
	cursor:ponter;
}
.data-notifications .data-note-toggle.toggle-warning {
	border-top:3px solid #F3CC31;
}
.data-notifications .data-note-toggle.toggle-info {
	border-top:3px solid #8bb4e7;
	float:right;
}
.data-notifications .data-note-toggle i.fa {
	display:block; 
	float:left; 
	font-size:1.2em; 
	margin: 10px 15px;
}
.data-notifications .data-note-toggle .note-content {
	float:left; 
	margin-top:5px; 
	font-weight:bold;
}
.data-notifications .data-note-show {
	width:100%; 
	float:left; 
	display:none;
}
.data-notifications .data-note-show .note-content {
	float:left; 
	margin: 10px 20px 20px 15px;
}
.data-notifications .data-note-show .smaller {
	font-size:0.9em;
}

#custom-loader {
	margin:100px auto;
	width:520px;
	border:1px solid #CCCCCC;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	position:relative;
	padding:40px;
}
#custom-loader.in-line {
	margin:30px auto;
	border:0;
	box-shadow: none;
}
#custom-loader.in-line .saving-text {
	color:#26C281;
	font-size:1.5em;
}
#custom-loader .icon-cell {
	float:left;
	width:33%;
	text-align:center;
	vertical-align:middle;
}
#custom-loader .loading-msg {
	float:left;
	width:100%;
}
#custom-loader .esm-save-msg {
	margin:auto;
	width:auto;
	text-align: center;
}
#custom-loader .esm-save-msg i.fa-2x {
	margin-right:15px;
}




#zero-state-selector {
	margin:auto;
	position:relative;
}
#zero-state-selector .mt-element-step {
	width:80%; 
	margin:auto;
}
#zero-state-selector .mt-step-content {
	font-size:12px;
}

.hide-zero-state {
	visibility:hidden;
}
.mt-step-col.esm-big-button {
	color:#666666;
}
.mt-step-col.esm-big-button:hover {
	background-color:#c2cad8 !important;
	cursor:pointer;
}


td.siValueImported {
	background-color:#CDFFDC;
}
td.siValueImported_specific {
	background-color:#8DB614;
}
td.siRefText {
	background-color:#FFD9BF;
}
td.siRefText_specific {
	background-color:#FF944D;
}
td.siCellLocked {
	background-color:#FFFACD;
}
table.siImportResultStats {
}
td.siResultStatus {
	width:150px;
}
td.siResultStatLong {
	width:220px;
	padding-left:10px;
}
td.siResultStat {
	width:175px;
	padding-left:10px;
}
td.siResultStatValue {
	width:15px;
	text-align:right;
	padding-right:10px;
}


input.series-picker-field {
	width:200px;
}
.series-picker-field-wrapper {

}
.series-picker-label-wrapper {
	width:200px;
}
.spScorecardCheckAllText {
	padding-bottom:8px;
}



.debugtext {
	font-size:0.8em;
	color:#AAAAAA;
	width:100%;
	float:left;
	clear:both;
}
#loading-hider {
	display:block;
	z-index:999;
	width:110%; /* to overcome margins */
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:white;
	margin:0 -15px !important;
}
#rapid-design {}
#rapid-design .row {
	margin-left:0;
	margin-right:0;
}
#rapid-design .rapid-row {
	padding:0; 
	margin:0;
	border:0px solid;
	position:relative;
}
#rapid-design.nested .rapid-row {
	float:right;
	clear:right;
}
#rapid-design.grid .rapid-row {
	float:left;
}

#rapid-design .rapid-cell,
#rapid-design .rapid-cell-starter {
	min-height:30px;
	margin:2px;
	vertical-align:middle;
	position:relative; 
	--overflow:hidden; /* rremoved, this prevents the SI boxes from showing */
}
#rapid-design.grid .rapid-cell,
#rapid-design.grid .rapid-cell-starter {
	border:1px solid #CCCCCC;
	padding:5px;
}
#rapid-design.nested .rapid-cell {
	height:100%;
	width:100%;	
	border: 0px solid blue;
}
#rapid-design .rapid-cell .esm-ajax-load-msg {
	padding:5px 0 0 0;
	min-height: 25px;
}


#rapid-design span.condense-show-details {
	display: none;
}
#rapid-design span.condense-hide-details,
#rapid-design.no-details .condense-show-details {
	display: inline;
}

/* .rapid-table.no-details .rapid-icon-container, */
#rapid-design.no-details .condense-hide-details,
#rapid-design.no-details .rapid-display-dates,
#rapid-design.no-details .rapid-display-owner,
#rapid-design.no-details .field-definition {
	display:none;
}

#rapid-design.grid .rapid-row.collapsed .rapid-row:not(.hidden-elements),
#rapid-design.grid .rapid-row.collapsed .rapid-display-dates,
#rapid-design.grid .rapid-row.collapsed .rapid-display-owner,
#rapid-design.grid .rapid-row.collapsed .field-definition,
#rapid-design.grid .rapid-row.collapsed .rapid-owner {
	display:none;
}

#rapid-design.grid .rapid-row.collapsed .rapid-icon-container {
	position:absolute;
	top:0px;
	right: 30px;
}
#rapid-design.grid .rapid-row.collapsed .save-icon-container {
	position:absolute;
	top:3px;
	right: 30px;
}
#rapid-design.grid .rapid-row.collapsed .field-element-name {
	margin-right:100px;
}
#rapid-design.grid .rapid-row.collapsed .rapid-cell.element-ME .field-element-name {
	margin-right:155px;
}
#rapid-design.grid .rapid-row.collapsed .rapid-cell.element-IN .field-element-name {
	margin-right:130px;
}
#rapid-design.grid .rapid-row.collapsed .display-name {
    font-size: 0.9em;
}
#rapid-design.grid .rapid-row.collapsed .rapid-delete-trigger {
    margin-left: 3px;
}

#rapid-design .rapid-cell .field-element-name {
	margin-right:20px;
	width:auto;
}
#rapid-design .rapid-cell.element-ME .inline-field-container,
#rapid-design .rapid-cell.element-IN .inline-field-container {
	margin-right:90px;
}

#rapid-design .rapid-cell.has-save i.fa.fa-angle-up,
#rapid-design .rapid-cell.has-save i.fa.fa-angle-down {
	display:none;
}

#rapid-design.no-details .btn-icon-only {
    height: 24px;
    width: 24px;
    text-align: center;
	padding: 3px 0 3px 0;
	font-size:0.8em;
}
#rapid-design.no-details .btn-icon-only .fa {
    line-height: 9px;
	margin:0;
}
#rapid-design.no-details .rapid-row.collapsed:not(.add-cell) .rapid-cell-scroller {
    padding-bottom: 0;
}

#rapid-design .rapid-cell-scroller {
	padding:0;
}


#rapid-design.grid .rapid-row.collapsed i.fa-angle-up,
#rapid-design.grid .rapid-row i.fa-angle-down {
	display:none;
}
#rapid-design.grid .rapid-row.collapsed i.fa-angle-down,
#rapid-design.grid .rapid-row i.fa-angle-up {
	display:inline;
}

#rapid-design .rapid-cell .toggle-collapse {
	position:absolute;
	top:5px;
	right:10px;
}
#rapid-design.nested .rapid-cell .toggle-collapse {
	display:none;
}
#rapid-design.nested .condense-container {
	display:none;
}


#rapid-design .rapid-header {
	padding:0 5px;
	margin-bottom:10px;
}
#rapid-design .rapid-header h1 {
	font-size:1.3em;
	margin-top:10px;
}
#rapid-design .rapid-header .rh-container {
	border:1px solid #F0F0F0;
	background-color:#F5F5F5;
	padding:8px 5px 5px 8px;
}
#rapid-design .rapid-header .rh-container i {
	color:#AAAAAA;
}
#rapid-design .rh-container a.collapse-guidance {
	position:absolute;
	top:3px;
	right: 10px;
	text-align:right;
	font-size:14px !important;
}
#rapid-design .rh-container a.collapse-guidance i {
	color:#D0D0D0;
}
#rapid-design .rh-description {
	font-size:0.8em;
	color:#666666;
	padding-bottom:0; /* for the link */
	position:relative;
	margin-top:0;
	height:160px;
	overflow:hidden;
}
#rapid-design .rh-description a.bottomlink {
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
}
#rapid-design .rh-description ul {
	padding-left: 20px;
}
.guidance-row {
	display:block;	
}
.guidance-row .row {
	padding:0;
}
#rapid-design.nested .collapse-element {
	height:20px;
	text-align:right;
	margin:0;
	margin-top:-4px;
	padding:0;
	display:block;
}
#rapid-design.grid .collapse-element {
	-- display:none;
}

#rapid-design .collapse-element:hover {
	cursor:pointer;
}
.zero-state .guidance-row,
.zero-state .toggle-layout {
	display:none;	
}
#rapid-design.nested .rapid-cell:not(.add-cell):not(.empty-cell) {
	padding:0 10px 0 0;
}
#rapid-design.grid .rapid-cell:not(.add-cell):not(.empty-cell) {
	margin:5px;
	/* border-radius:5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);*/
  	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
#rapid-design .rapid-cell-holder {
	padding:0;
}
#rapid-design .rapid-cell-scroller {
	padding:0;
	padding-right:3px;
	border:0px solid red;
}
#rapid-design .rapid-cell-scroller.with-status {
	padding-left:5px;
}
#rapid-design .rapid-cell-scroller-add {
	min-height:25px;
}
/* space for icons */
#rapid-design .rapid-cell:not(.add-cell) .rapid-cell-scroller  {
	padding-bottom:50px;
}
#rapid-design .rapid-cell.has-save:not(.add-cell) .rapid-cell-scroller  {
	padding-bottom:55px;
}

#rapid-design .rapid-row.collapsed:not(.add-cell) .rapid-cell-scroller  {
	padding-bottom:5px;
}

#rapid-design a.add-new i.background-icon {
	line-height:10px; /* slight placement adjustment */
}

#rapid-design.nested .rapid-icon-container,
#rapid-design.nested .save-icon-container,
#rapid-design.grid .rapid-icon-container,
#rapid-design.grid .save-icon-container {
	float:right;
	margin: 0;
	clear:both;
	margin-top:10px;
}

#rapid-design .btn.save-field-inline,
#rapid-design .btn.rapid-inline-cancel {
	padding:2px 6px;
}

#rapid-design .rapid-icon {
	margin-left:3px;
}
#rapid-design .rapid-display i.fa.esm-mile-icon {
	/* special case for the milestone icon */
	margin-right:5px;
}

#rapid-design .display-prefix.no-value {
	margin:0;
}
#rapid-design.nested .parent-PE,
#rapid-design.nested .parent-TH {
	margin-bottom:15px;
}

#rapid-design .add-cell {
	background-color:white;
	vertical-align:middle;
	margin:0;
	padding:5px;
}
#rapid-design.grid .add-cell {
	margin:5px;
}
#rapid-design .add-cell .add-container {
	vertical-align:middle;
}
#rapid-design .add-cell a {
	margin-left:25px;
	line-height:25px;
}
#rapid-design .field-element-name {
	font-size:1.2em;
	position:relative;
}
#rapid-design .empty-cell {
	border-left:5px solid #EEEEEE;
}

#rapid-design .rapid-name-field {
	width:100%;
}
#rapid-design .rapid-display {
	width:100%;
	margin:3px 0;
	padding:2px;
}
#rapid-design .rapid-display:not(.rapid-readonly):hover {
	border:1px solid #CCCCCC;
	padding:1px;
	cursor:pointer;
}
#rapid-design .rapid-display i.fa {
	margin-right:3px;
}
#rapid-design .field-definition,
#rapid-design .field-definition a {
	font-size:11px;
	line-height:1.1em;
	color:#666666;
	min-height:16px;
}
#rapid-design .rapid-display-dates {
	width:100%;
	margin-top:3px;
	position:relative;
}
#rapid-design .field-date {
	float:left;
}
#rapid-design .field-date.date-spacer {
	margin:0 5px;	
}
#rapid-design .field-date.has-edit {
	margin-top:10px;
}
#rapid-design .element-IN .rapid-display-dates {
	color: #F3C200;
}
#rapid-design .element-MI .rapid-display-dates,
#rapid-design .element-TA .rapid-display-dates {
	color: #1BA39C;
}

#rapid-design .rapid-display-owner,
#rapid-design .rapid-display-owner a {
	font-size:11px;
	line-height:1.2em;
	color:#009900;	
}
#rapid-design .rapid-display-owner.custom {
	font-style:italic;
}
#rapid-design .rapid-field-container {
	padding:0; /* removes bootstrap padding */
	padding-right:5px;
}
#rapid-design .rapid-fieldset-container {
	margin:5px 0 10px 0;
}
#rapid-design .rapid-edit-trigger,
#rapid-design .rapid-delete-trigger {
	color:#AAAAAA;
	position:relative;
}

#rapid-design .parent-ME .rapid-delete-trigger,
#rapid-design .parent-DR .rapid-delete-trigger,
#rapid-design .parent-KP .rapid-delete-trigger,
#rapid-design .parent-IN .rapid-delete-trigger {
	margin-left:25px;
}
#rapid-design.no-details .parent-ME .rapid-delete-trigger {
	margin-left:15px;
}

#rapid-design .rapid-edit-trigger:hover {
	background-color:#AD53AB;
	border-color:#AD53AB;
	color:white;
}
#rapid-design .rapid-delete-trigger:hover {
	background-color:#AA0000;
	border-color:#990000;
	color:white;
}
#rapid-design .rapid-edit-trigger:hover i,
#rapid-design .rapid-delete-trigger:hover i {
	color:white;
}
#rapid-design .input-group-btn:not(:last-child)>.btn {
	border-radius:0;
}
#rapid-design .background-icon {
	font-size:50px; 
	position:absolute; 
	top:10px; 
	left:5px;
	opacity:0.1;
}
#rapid-design .element-IN .background-icon {
	opacity:0.3;
}
#rapid-design .add-cell .background-icon {
	font-size:25px; 
	position:absolute; 
	top:14px; 
	left:5px;
	opacity:0.4;
}

#rapid-design .inline-field-container {
	margin-top:5px;
	clear:both;
}
#rapid-design .inline-field-container.not-100 {
	float:left;
}


#zero-state-starter,
#zero-state-goals {
	margin-left:30px;
	padding-bottom:30px;
}
#zero-state-goals {
	padding-bottom:0;
}
#zero-state-starter .input-group,
#zero-state-goals .input-group {
	margin:10px 0;
}
#zero-state-starter .create-options,
#zero-state-goals .create-options {
	margin:20px 10px 0 0;
}
#zero-state-starter .col-wrapper:first-child,
#zero-state-goals .col-wrapper:first-child {
	padding:0 5px 0 0;
}
#zero-state-starter .col-wrapper:last-child,
#zero-state-goals .col-wrapper:last-child {
	padding:0 0 0 5px;
}
#zero-state-starter .create-options-box,
#zero-state-goals .create-options-box {
	background-color:white; 
	border:1px solid #999999; 
	min-height:200px; 
	padding:10px;
}
#zero-state-starter .create-options-box ul,
#zero-state-goals .create-options-box ul {
	margin-top:5px;
}
#zero-state-starter .create-options-box a.btn,
#zero-state-goals .create-options-box a.btn {
	margin-top:10px; 
	width:100%;
}


.rapid-si-box {
	height:20px;
	width:20px;
	border:1px solid #999999;
	background-color:white;
	position:absolute;
	line-height:14px;
	left:-20px;
}
.rapid-si-tag {
	top:10px;
	font-weight:bold;
	padding:3px 4px;
}
.rapid-si-trend {
	top:35px;
	padding:2px 3px;
}
.rapid-si-rollup {
	top:60px;
	padding:2px;
}

/* additional classes for status indicators */
#rapid-design.nested .rapid-row.status--1 {
	border-left:8px solid #CCCCCC;
}

#rapid-design.grid .rapid-row.status--1 .rapid-cell {
	border-left:8px solid #CCCCCC;
}


table.sjdetail-table th,
table.sjdetail-table td {
	font-size:80%;
}
td.sjdetail-legend {
	width:100px;
}
td.sjdetail-legend-descr {
}
td.sjdetail-common {	
}
td.sjdetail-header {
	background-color:#EEE;
	text-align:center;
}
td.sjdetail-parse-data {
	background-color:#DFD;
}
td.sjdetail-good-data {
	background-color:#AFA;
}
td.sjdetail-bad-data {
	background-color:#F33;
}
td.sjdetail-locked-data {
	background-color:#FFA;
}
td.sjdetail-dupeseries-data {
	background-color:#FC9;
}
td.sjdetail-dupeperiod-data {
	background-color:#F9C;
}
td.sjdetail-conflict-data {
	background-color:#99F;
}
td.sjdetail-multisheet-element-data {
	background-color:#0FF;
}
td.sjdetail-skip {
	background-color:#F9F;
}
td.sjdetail-text-data {
	text-align:left;
}
td.sjdetail-numeric-data {
	text-align:right;
}


i.strategymap-icon {
    line-height: inherit !important;
}

.element[blocktypecode=IC],
.strategy-map-element[blocktypecode=IC] {
	--aspect-ratio: 1 / 1;
}
.element[blocktypecode=IC] .icon-holder,
.strategy-map-element[blocktypecode=IC] .icon-holder {
	position:relative;
}
.element[blocktypecode=IC] .icon-holder,
.strategy-map-element[blocktypecode=IC] .icon-holder,
.element[blocktypecode=IC] .block-text,
.strategy-map-element[blocktypecode=IC] .block-text {
	width:100%;
	height:100% !important;
}
.element[blocktypecode=IC] .block-text,
.strategy-map-element[blocktypecode=IC] .block-text {
	text-align:center;
	margin:auto;
}
.element[blocktypecode=MT] .block-text,
.strategy-map-element[blocktypecode=MT] .element-sm-popup-link {
	white-space:nowrap;
}
.element {
	position:absolute; 
	top:40px; 
	left:40px; /* IMPORTANT - do not use dynamic RTL */
	width:200px; 
	height:100px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	border: dashed 1px black;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
	padding:5px;
}		
.element-head {
	font-weight:bold;
	padding:5px;
}

.map-canvas .status {
	position:absolute; 
	display: block;
	top:-24px;
	left:-24px;
	border: 1px solid gray;
	width:24px;
	height:24px;
	background-image: url('/sas/assets/images/layout/incomplete-slashed-layover.png'); 
}
.coords{
	font-size:9px;
	font-color:gray;
	
}
#mapDiv.editMap{
	border: 1px solid #DDDDDD;
	
	--overflow:auto;
	--height:750px;
	min-height:750px;
	padding-bottom:100px;

	background-repeat:repeat;
}

.map-background-margin {
	width:100%;
	height:100%;
	padding-right:5px;
}
.esm-sm-container .map-background-margin {
	/* MDP added to fix STR-3838 */
	position:relative;
	/* MDP removed again to fix STR-3857
		no idea why it behaved differently */
	--top:-10px;
}
.strategymap-content-pane .map-background-margin {
	/* MDP removed again to fix STR-3857
		no idea why it behaved differently */
	position:relative;
	top:10px;
}

.map-canvas {
	margin: 10px 0 0 10px;
}
.esm-sm-container .map-canvas {
	position:relative;
}

.canvas-size[size] {
	margin-bottom:200px !important; /* to allow for popovers */
}

/* 
.editMap .canvas-size {
	background-image: url(/sas/assets/images/layout/graph.png);
}
*/

.canvas-size[size=portrait-small],
.canvas-size[size=portrait-small] .map-canvas {
	width:300px;
	height:400px;
}
.canvas-size[size=portrait-medium],
.canvas-size[size=portrait-medium] .map-canvas {
	width:600px;
	height:800px;
}
.canvas-size[size=portrait-large],
.canvas-size[size=portrait-large] .map-canvas {
	width:720px;
	height:960px;
}
.canvas-size[size=portrait-x-large],
.canvas-size[size=portrait-x-large] .map-canvas {
	width:800px;
	height:1200px;
}

.canvas-size[size=landscape-small],
.canvas-size[size=landscape-small] .map-canvas {
	width:400px;
	height:300px;
}
.canvas-size[size=landscape-medium],
.canvas-size[size=landscape-medium] .map-canvas {
	width:800px;
	height:600px;
}
.canvas-size[size=landscape-large],
.canvas-size[size=landscape-large] .map-canvas {
	width:960px;
	height:725px; /* says 720, but +5 to accommodate legacy padding around image */
}
.canvas-size[size=landscape-x-large],
.canvas-size[size=landscape-x-large] .map-canvas {
	width:1200px;
	height:800px;
}

.canvas-size[size=portrait-small] .dz-image,
.canvas-size[size=portrait-small] .dz-image img,
.canvas-size[size=portrait-small] .strategy-map-back-container img.back-image {
	width:300px;
}
.canvas-size[size=portrait-medium] .dz-image,
.canvas-size[size=portrait-medium] .dz-image img,
.canvas-size[size=portrait-medium] .strategy-map-back-container img.back-image {
	width:600px;
}
.canvas-size[size=portrait-large] .dz-image,
.canvas-size[size=portrait-large] .dz-image img,
.canvas-size[size=portrait-large] .strategy-map-back-container img.back-image {
	width:720px;
}
.canvas-size[size=portrait-x-large] .dz-image,
.canvas-size[size=portrait-x-large] .dz-image img,
.canvas-size[size=portrait-x-large] .strategy-map-back-container img.back-image {
	width:800px;
}

.canvas-size[size=landscape-small] .dz-image,
.canvas-size[size=landscape-small] .dz-image img,
.canvas-size[size=landscape-small] .strategy-map-back-container img.back-image {
	width:400px;
}
.canvas-size[size=landscape-medium] .dz-image,
.canvas-size[size=landscape-medium] .dz-image img,
.canvas-size[size=landscape-medium] .strategy-map-back-container img.back-image {
	width:800px;
}
.canvas-size[size=landscape-large] .dz-image,
.canvas-size[size=landscape-large] .dz-image img,
.canvas-size[size=landscape-large] .strategy-map-back-container img.back-image {
	width:960px;
}
.canvas-size[size=landscape-x-large] .dz-image,
.canvas-size[size=landscape-x-large] .dz-image img,
.canvas-size[size=landscape-x-large] .strategy-map-back-container img.back-image {
	width:1200px;
}

.portlet-scroller {
	min-height:725px;
	max-width:100%;
	overflow-x:auto;
	overflow-y: hidden;
}
.portlet-scroller[size=portrait-small] {
	min-height:420px;
}
.portlet-scroller[size=portrait-medium] {
	min-height:820px;
}
.portlet-scroller[size=portrait-large] {
	min-height:980px;
}
.portlet-scroller[size=portrait-x-large] {
	min-height:1220px;
}
.portlet-scroller[size=landscape-small] {
	min-height:320px;
}
.portlet-scroller[size=landscape-medium] {
	min-height:620px;
}
.portlet-scroller[size=landscape-large] {
	min-height:745px;
}
.portlet-scroller[size=landscape-x-large] {
	min-height:820px;
}




.builder-header{
	background-image: url(/sas/assets/images/layout/ghost_button_background.png);
	background-repeat:repeat;
	padding:10px;
	border:1px solid #DDDDDD;
	font-size:12px;
	font-weight:bold;
}
.header{
	padding:5px;
	//border-bottom: 1px solid #DDDDDD;
	font-weight:bold;
}


.ui-icon-gripsmall-diagonal-se { 
	background-position: -64px -224px; 
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}

.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0; /* IMPORTANT - do not use dynamic RTL */
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0; /* IMPORTANT - do not use dynamic RTL */
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px; /* IMPORTANT - do not use dynamic RTL */
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px; /* IMPORTANT - do not use dynamic RTL */
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px; /* IMPORTANT - do not use dynamic RTL */
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px; /* IMPORTANT - do not use dynamic RTL */
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px; /* IMPORTANT - do not use dynamic RTL */
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px; /* IMPORTANT - do not use dynamic RTL */
	top: -5px;
}



.modal-huge {
	width: 600px;
}
@media (min-width: 992px) {
	
	#rapid-design .rapid-cell-scroller.scroll-fixed {
		position:fixed;
		top:60px;
	}
	#rapid-design.grid .rapid-cell-scroller.scroll-fixed {
		margin:0 0 0 3px;
	}
	
	#rapid-design .rapid-cell-scroller.scroll-anchored {
		position:absolute;
		bottom:0;
	}
	#rapid-design.grid .rapid-cell-scroller.scroll-anchored {
		bottom:10px;
	}
	
	
	#rapid-design .rapid-cell.has-save .rapid-cell-scroller.scroll-anchored {
		position:absolute;
		bottom:40px;
	}
	#rapid-design.grid .rapid-cell.has-save .rapid-cell-scroller.scroll-anchored {
		bottom:50px;
	}
	
	.modal-huge {
		width: 900px;
	}
}
@media (min-width: 1300px) {
	.modal-huge {
		width: 1200px;
	}
}

@media (max-width: 1200px) {
	
	body:not(.page-sidebar-closed) #rapid-design .rh-container h1 {
		font-size:1em;
	}
	body.page-sidebar-closed #rapid-design .rapid-header h1 {
		font-size:1.2em;
		margin-top:10px;
	}

}






.esm-map {
	clear:both;	
}

/* hide all headers of the map */
.esm-map-header .map-indicator.left-status,
.esm-map-header .element-name-cell {
	display:none;
}
/* this is an added class to show headers we want to see */

	.esm-map-header.map-show-PE .parent-PE .map-indicator.left-status,
	.esm-map-header.map-show-PE .parent-PE .element-name-cell {
		display:block;
	}

	.esm-map-header.map-show-TH .parent-TH .map-indicator.left-status,
	.esm-map-header.map-show-TH .parent-TH .element-name-cell {
		display:block;
	}

	.esm-map-header.map-show-OB .parent-OB .map-indicator.left-status,
	.esm-map-header.map-show-OB .parent-OB .element-name-cell {
		display:block;
	}

	.esm-map-header.map-show-ME .parent-ME .map-indicator.left-status,
	.esm-map-header.map-show-ME .parent-ME .element-name-cell {
		display:block;
	}

	.esm-map-header.map-show-DR .parent-DR .map-indicator.left-status,
	.esm-map-header.map-show-DR .parent-DR .element-name-cell {
		display:block;
	}

	.esm-map-header.map-show-IN .parent-IN .map-indicator.left-status,
	.esm-map-header.map-show-IN .parent-IN .element-name-cell {
		display:block;
	}

	.esm-map-header.map-show-MI .parent-MI .map-indicator.left-status,
	.esm-map-header.map-show-MI .parent-MI .element-name-cell {
		display:block;
	}

	.esm-map-header.map-show-TA .parent-TA .map-indicator.left-status,
	.esm-map-header.map-show-TA .parent-TA .element-name-cell {
		display:block;
	}

	.esm-map-header.map-show-KP .parent-KP .map-indicator.left-status,
	.esm-map-header.map-show-KP .parent-KP .element-name-cell {
		display:block;
	}


.flex-container {
	/* display: flex | inline-flex */
	display: flex;
}
.flex-container.vertical {
	/* flex-direction: row | row-reverse | column | column-reverse; */
	flex-direction: column;
}
.flex-container.horizontal {
	flex-direction: row;
}
.flex-container.vertical > .flex-item {
	/* order: <integer>; order the items fall in - default is 0 */
	order: 0;
	/* flex-grow: <number>; weight for size, 2 = twice the size of others - default 0 */
	flex-grow: 1;
}
.flex-container.horizontal > .flex-item {
	order: 0;
	flex-grow: 1;
}

.esm-map .flex-item.element-name-cell {
	width:100%;
}
.esm-map .flex-container.horizontal.parent-PE > .flex-item.element-name-cell,
.esm-map .flex-container.horizontal.parent-TH > .flex-item.element-name-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:10%; /* this would be dynamic based on number of columns */
}
.esm-map .flex-container.horizontal.parent-PE > .flex-item.element-children-cell,
.esm-map .flex-container.horizontal.parent-TH > .flex-item.element-children-cell {
	flex-grow: 6; /* this would be dynamic based on number of columns */
	width:90%; /* this would be dynamic based on number of columns */
}
.esm-map .flex-container.horizontal.parent-OB > .flex-item.element-name-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:30%;
}
.esm-map .flex-container.horizontal.parent-OB > .flex-item.element-children-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:70%;
}
.esm-map .flex-container.horizontal.parent-ME > .flex-item.element-name-cell,
.esm-map .flex-container.horizontal.parent-IN > .flex-item.element-name-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:40%;
}
.esm-map .flex-container.horizontal.parent-ME > .flex-item.element-children-cell,
.esm-map .flex-container.horizontal.parent-IN > .flex-item.element-children-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:60%;
}
.esm-map.nested .flex-item.element-cell {
	margin:5px 0;
}
.esm-map.nested .rapid-display.field-element-name {
	font-size:1.2em;	
}
.esm-dash-module .esm-map.nested .rapid-display.field-element-name,
.esm-dash-module .esm-map.grid .rapid-display.field-element-name {
	font-size:0.9em;	
}
.column.column-full .esm-dash-module .esm-map.nested .rapid-display.field-element-name,
.column.column-full .esm-dash-module .esm-map.grid .rapid-display.field-element-name {
	font-size:1em;	
}


.esm-map .flex-container.horizontal.parent-PE > .flex-item.element-name-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:10%; /* this would be dynamic based on number of columns */
}
.esm-map .flex-container.horizontal.parent-PE > .flex-item.element-children-cell {
	flex-grow: 6; /* this would be dynamic based on number of columns */
	width:90%; /* this would be dynamic based on number of columns */
}
.esm-map .flex-container.horizontal.parent-OB > .flex-item.element-name-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:30%;
}
.esm-map .flex-container.horizontal.parent-OB > .flex-item.element-children-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:70%;
}
.esm-map .flex-container.horizontal.parent-ME > .flex-item.element-name-cell,
.esm-map .flex-container.horizontal.parent-IN > .flex-item.element-name-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:40%;
}
.esm-map .flex-container.horizontal.parent-ME > .flex-item.element-children-cell,
.esm-map .flex-container.horizontal.parent-IN > .flex-item.element-children-cell {
	flex-grow: 1; /* this would be dynamic based on number of columns */
	width:60%;
}


.esm-map.nested .esm-map-header,
.esm-map.grid .esm-map-header {
	border:1px solid #DDDDDD;	
}
.esm-map.nested .esm-map-header .map-indicator.left-status,
.esm-map.grid .esm-map-header .map-indicator.left-status {
	background-color:#F0F0F0;
	width:15px;
	max-width:15px;
	min-width:15px;
}
.esm-map.nested .esm-map-header .flex-item.element-cell,
.esm-map.grid .esm-map-header .flex-item.element-cell {
    margin:0;
	background-color:white !important;
	border:0 !important;
	min-height:40px;
	vertical-align:middle;
}
.esm-map.grid .esm-map-header .flex-item.element-cell {
    margin:0;
	background-color:white !important;
	border:0 !important;
	min-height:40px;
	vertical-align:middle;
}
.esm-map.nested .esm-map-header .flex-item.element-cell .element-name-cell,
.esm-map.grid .esm-map-header .flex-item.element-cell .element-name-cell {
	font-size:1.3em;
	padding-left:5px;
	color:#666666;
	vertical-align:middle;
	line-height:40px;
}
.esm-dash-module .esm-map.nested .esm-map-header .flex-item.element-cell .element-name-cell,
.esm-dash-module .esm-map.grid .esm-map-header .flex-item.element-cell .element-name-cell {
	font-size:0.9em;
}
.column.column-full .esm-dash-module .esm-map.nested .esm-map-header .flex-item.element-cell .element-name-cell,
.column.column-full .esm-dash-module .esm-map.grid .esm-map-header .flex-item.element-cell .element-name-cell {
	font-size:1em;
}

.esm-map.nested .element-IN-side {
	margin-left:10px;
}


.tabbable-custom.summary-tabs>.tab-content {
    padding: 0px;
}

.tabbable-custom.summary-tabs .tab-pane>.tab-body {
	padding:10px;
	clear:both;
}

.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools {
	padding:5px 20px;
	border-bottom:1px solid #DDDDDD;
	position:relative;
}
.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools.open {
	padding:20px 20px 10px 20px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools .tools,
.dash-module-filter.esm-module-toolbar.hideable-tools .tools {
	display:none;
}
.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools.open .tools,
.dash-module-filter.esm-module-toolbar.hideable-tools.open .tools {
	display:block;
}
.tabbable-custom.summary-tabs .esm-module-toolbar:not(.hideable-tools) .tools {
	margin:15px;
}

.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools.open {
	
}

.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools:not(.open) .toolbar-show-options {
	padding:0 10px;
}
.dash-module-filter.esm-module-toolbar.hideable-tools:not(.open) {
	padding:0;
}

.esm-module-toolbar.hideable-tools .show-toolbar {
	display:block;
}
.esm-module-toolbar.hideable-tools .hide-toolbar {
	display:none;
}
.esm-module-toolbar.hideable-tools span.show-toolbar,
.esm-module-toolbar.hideable-tools span.hide-toolbar {
	font-size:0.8em;
}
.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools .tools {
	display:none;
}

.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools.open i.fa-ellipsis-h {
	display:none;
}
.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-tools.open i.fa-times {
	display:block;
}
.esm-module-toolbar.dash-module-filter {
	float:none;
	clear:none;
	width:auto;
	position:relative;
	padding:5px 10px; 
	margin:-10px -10px 10px -10px; 
	border-bottom: 1px solid #EEEEEE;
	background-color:#EEEEEE;
}
.esm-module-toolbar.dash-module-filter .tools .btn, .tools button {
	margin-bottom: 0;
}
.portlet-title.no-module-title+.dash-module-filter.esm-module-toolbar.hideable-tools:not(.open) {
	padding:0;
	margin:0;
	background-color:transparent;
	border-bottom:0;
}
.portlet-title.no-module-title+.dash-module-filter.esm-module-toolbar.hideable-tools.open {
	margin:10px -10px 10px -10px; 
}




.tabbable-custom.summary-tabs .esm-module-toolbar.hideable-t	.esm-module-toolbar.dash-module-filter {
		float:none;
		clear:none;
		width:auto;
		position:relative;
		padding:5px 10px; 
		margin:-10px -10px 10px -10px; 
		border-bottom: 1px solid #EEEEEE;
		background-color:#EEEEEE;
	}
	.esm-module-toolbar.dash-module-filter .tools .btn, .tools button {
		margin-bottom: 0;
  } {
	display:block;
}
.tabbable-custom.summary-tabs .tools .btn, .tools button {
    margin:0 0 0 15px;
}

.tool-group {
	position:relative;
	float:left;
}
.tool-label {
	float:left;
	margin-right:10px;
	margin-left:20px;
	line-height:2em;
	font-size:0.9em;
}
.esm-toolbar-above-tabs .tool-label {
	margin-right:10px;
	margin-left:20px;
	line-height:1em;
}

/* MDP made this the new standard, no green */
.esm-toolbar-above-tabs {
	margin: 0 0 10px 0;
	padding: 0 5px 8px 5px;
	background-color: #FAFAFA;
	border-top:1px solid #e7ecf1;
	border-bottom:1px solid #e7ecf1;
}

#manage-fields .btn.default,
.esm-toolbar-above-tabs .btn.default {
	border-color: #c2cad8;
}
.label.esm-grey {
	font-size:0.8em; 
	color:#666666; 
	background-color:#f3f4f6;
}
.label.esm-blue-grey {
	font-size:0.8em; 
	color:#666666; 
	background-color:#e0ebf9;
}


.tool-option {
	float:left;
	clear:none;
}
.tool-option .multiselect-selected-text {
	font-size:12px;
	margin-right:10px;
}
.tool-option .multiselect.dropdown-toggle {
	height:30px;
	line-height: 15px;
}


.esm-modal-body {
	padding:15px;
}

/* right menu dashboard stuff */
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider {
	background-color: #2F353B;
	text-transform:uppercase;
	font-size:0.8em;
	padding:6px 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider:hover {
	background-color: #1BA39C;
	color:white;
	cursor:pointer;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider.folders-header {
	background-color:transparent;
	color: #90a1af;
	text-transform: uppercase;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider.folders-header a {
	color: #90a1af;
	text-transform: none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider.folders-header:hover {
	background-color:transparent;
	cursor:pointer;
	color:white;
	font-decoration:none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider.folders-header a:hover {
	cursor:default;
	color:white;
	font-decoration:none;
	font-style:none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li .esm-collapse-content {
	cursor:pointer;
	border:0;
	float:left;
	width:265px;
	margin:-3px 0;
	padding: 4px 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li.divider:hover a.esm-menu-button-ghost {
	color:white;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider a  {
    text-transform: none;
}
li.divider a.esm-menu-button-ghost.list-action-icon {
    padding: 3px;
	margin:-3px 5px;
    line-height: 1.5;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider.approval-list {
	background-color: #F3565D;
	color:white;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.divider.approval-list:hover {
	background-color: #F7868B;
}

ul.esm-dash-list:not(.list-top) {
	display:none;
}
ul.esm-dash-list.group-open:not(.list-top) {
	display:block;
}
.esm-dash-list .no-items-placeholder  {
	display:none;
}
.esm-dash-list.no-items:not(.approval-layouts) .no-items-placeholder {
	display:block;
}
.esm-dash-list .no-items.hidden-list,
.esm-dash-list .no-items.approval-list,

.esm-dash-list .no-items .approval-layouts {
	display:none;
}
.no-items .no-items-placeholder .noResults .noResults-empty{
	font-size:0.9em;
	color:#666666;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.no-items-placeholder:hover {
    background: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.no-items {
	font-size:0.9em;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li.no-items:hover {
	background: none;
}

ul.esm-linked-okr-list li {
	border-top:1px solid #E5E5E5;
	padding-top:5px;
}
ul.esm-linked-okr-list li:first-child {
	border-top:0;
	padding-top:0;
}
ul.esm-linked-okr-list li .desc {
	font-size:1.3em;
}
ul.esm-linked-okr-list.feeds li .col1>.cont>.cont-col1>.label {
	margin-top:5px;
}
.portlet .caption img.okr-logo {
	position:relative;
	top:-2px;
	margin-right:5px;
}	
.okr-list-detail .okr-info {
	float:left;
	margin-left:5px;
}
.okr-list-detail .okr-info .okr-info-label {
	font-weight:bold;
}
.okr-list-detail {
    padding-left: 30px;
    font-size: 0.8em;
    position: relative;
    float: left;
}
.feeds li .col2 {
	width: 75px;
	margin-left: -80px;
	text-align:right;
}
.feeds li .col1>.cont {
	float: left;
	margin-right: 30px;
	overflow: hidden;
}
.esm-list-icon {
	float: right;
	margin-right: 0;
}
.buttons-on-left .esm-list-icon {
	float: left;
}
.edit-module .btn-sm.esm-menu-button-ghost {
	padding: 4px 3px;
}

/* for the PDF modal
including the print preview
this cannot go in esm_print.css.cfm */

.options-column {
	padding-left:20px;	
}
.print-preview {
	border:2px solid #8877A9;
	height:800px; 
	overflow:auto;
	background-color:#F2E9F7;
	width:125%;
	transform: scale(0.8);
	transform-origin: top left;
	--pointer-events: none;
}
.preview-container {
	padding:0 15px;
	padding-left: 0;
	overflow:hidden;
	height:650px;
	position:relative;
}

.btn.form-option-button {
	text-align:left;
	margin:3px 0;	
}

.preview-container .anti-click {
	z-index:20000;
	margin-right:15px;
	width:860px;
	height:650px;
	position: absolute;
	top:0;
	left:0;
}

.form-option-button i.fa {
	font-size:1.5em;
	margin:0 5px;	
}
.form-option-button .stacked-text {
	font-size:0.9em;
	display:inline-block;
	line-height:1.1em;	
}

#pdf-modal-content {
	position:relative;
}
#pdf-modal-content h2 {
	margin-bottom:20px;
}
#pdf-modal-content fieldset {
	padding: 10px;
}
#pdf-modal-content select > option {
	width:250px;
}
#pdf-modal-content fieldset {
	font-size:0.9em;
}
#pdf-modal-content fieldset legend {
	color: #CCCCCC;
	padding: 0 10px;
	margin-left:10px
}
#pdf-modal-content ul.multiselect-container {
	width:400px;
}


.esm-dash-module.element-list .portlet-body.static_small {
	overflow:hidden;
}
.esm-dash-module.element-list .portlet-body.static_medium {
	overflow:hidden;
}
.esm-dash-module.element-list .portlet-body.static_large {
	overflow:hidden;
}



#pdf-modal-content .action-blocker-back,
.element-list .action-blocker-back {
	background-color:#FFFFFF;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#pdf-modal-content .action-blocker,
.element-list .action-blocker {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility:hidden;
}
.element-list.esm-dash-module .action-blocker {
	align-items: flex-start;
}

#pdf-modal-content .action-blocker > .action-blocker-message,
.element-list .action-blocker > .action-blocker-message {
	background-color:white;
	border:1px solid #CCCCCC;
	padding:20px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);	
	height:200px;
	width:400px;
}
.element-list.esm-dash-module .action-blocker > .action-blocker-message {
	margin-top:50px;
}

#pdf-modal-content .action-blocker > .action-blocker-message.haserror,
.element-list .action-blocker > .action-blocker-message.haserror {
	height:auto;
}
#pdf-modal-content .pdf-show-on-save,
.element-list .export-show-on-exec {
	visibility:hidden;
}
#pdf-modal-content .action-blocker > .action-blocker-message .esm-progress-container,
.element-list .action-blocker > .action-blocker-message .esm-progress-container {
	display:block;
}
#pdf-modal-content .action-blocker > .action-blocker-message .esm-save-msg,
.element-list .action-blocker > .action-blocker-message .esm-save-msg {
	display:block;
}
.element-list.generate-export .export-show-on-exec,
.element-list.generate-export .action-blocker {
	visibility:visible;
}



	.element-summary {
        margin-top:10px;
    }

    .element-summary .table {
        max-width: none;
    }
    .element-summary table.dataTable {
        margin: 0 !important;
    }


	.element-summary .nav-item {
        margin-right:5px !important;
    }
    .element-summary .nav-item,
    .element-summary .nav-item a {
        border-radius: 5px 5px 5px 5px !important;
    }
    .element-summary .nav-item .btn-default {

    }
    .element-summary .nav-item:not(.active) .btn-default {
        background-color: transparent !important;
        color:#777777 !important;
    }
	.element-summary  .toggle-buttons.tabbable-custom .action-icons-top {
        top: 15px !important;
    }
    .element-summary .nav-item:not(.active):hover,
    .element-summary .nav-item:not(.active):hover .btn-default {
        background-color: #F5F5F5 !important;
        color:#222222 !important;
    }
    .element-summary .nav-item:not(.active):hover a {
        color:#222222 !important;
    }
	.element-summary .nav-item:not(.active):not(:hover) a:not(.dropdown-toggle) {
        color:#777777 !important;
        padding-bottom:5px;
    }
	.element-summary  .dropdown-menu .grouper {
        padding-left:10px;
        color:#666666;
    }
    .element-summary .nav-item.active,
    .element-summary .toggle-buttons.tabbable-custom>.nav-tabs>li.active {
        border:1px solid #C1A6C4 !important;
    }
    .element-summary .nav-item.active a,
    .element-summary .nav-item.active .btn-default {
        color:#AD53AB !important;
    }
	.element-summary .nav>li>a {
        padding: 6px 10px;
    }
    .element-summary .toggle-buttons.tabbable-custom>.nav-tabs>li.nav-item {
        margin-bottom:0;
        margin-top:10px;
    }


	.element-summary .list-header,
	.element-summary .list-header-print {
		float:left; 
		margin:10px; 
		font-size:2em; 
		margin-right:20px;
    }
	.element-summary .list-header-print {
        display:none;
		width:100%;
    }
    body.pdf-print .element-summary .list-header-print {
        display:block;
    }

	.element-summary .page-icon {
        float:left;
		width:50px; 
		height:40px;
    }
	.element-summary.ME .page-icon {
        line-height:10px; 
        font-size:40px;
        text-align:left;
    }
    .element-summary .page-title-text {
        float:left;
    }
    body.pdf-print .element-summary .page-icon {
		width:50px; 
		height:40px;
    }
	body.pdf-print .element-summary .page-icon i {
        line-height:55px;
		font-size:40px;
    }

    .element-summary .layout-chooser {
        max-height:400px;
        overflow:auto;
    }
	.element-summary .layout-save-button {
        float:left;
        margin-bottom:10px;
    }

	
    .element-summary table.genListTable th,
    .element-summary table.genListTable td {
        min-width:150px !important;
    }
    .element-summary table.pc-size-small th,
    .element-summary table.pc-size-small td {
        min-width:0 !important;
    }
    table.genListTable td.colExtLink {
        inline-size: auto;
        word-break: break-all;
    }
    body:not(.pdf-print) .element-summary table.genListTable th.col-min-3x,
    body:not(.pdf-print) .element-summary table.genListTable td.col-min-3x {
        min-width:350px !important;
    }
    body.pdf-print .element-summary table.genListTable th.col-min-3x,
    body.pdf-print .element-summary table.genListTable td.col-min-3x {
        min-width:150px !important;
    }
    

	
    #summary-filters {
        z-index:1000;
        margin-bottom:-51px;
        margin-left:220px;
        width:auto;
        min-width:250px;
        margin-right:300px;
    }
    .element-summary .filter-tools-container {
        max-width:700px;
        font-size:0.9em;
    }
    .element-summary .filter-tools-container .fields-container {
        float:left;
        max-width:500px;
        margin-top:15px;
    }
    .element-summary .filter-tools-container .display-columns {
        margin-top:8px;
    }

    .element-summary .filters-container {
        border:0;
    }
    .element-summary .filters-container label {
        font-size:0.9em;
        margin:0;
    }
    .element-summary .filters-container .input-group-addon {
        padding: 3px 10px;
        font-size: 12px;
        font-weight: 400;
        line-height:12px;
        height:34px;
    }

    .element-summary .filter-tools-container .fields,
    .element-summary .filter-tools-container .filters {
        float:left;
    }
    .element-summary .filter-tools-container .filters {
        margin:3px;
    }
    .element-summary .filter-tools-container input.meta-check {
        margin:1px 3px 0 10px;
    }
    .element-summary .filter-tools-container .filter-label {
        font-size:0.9em;
    }

    .element-summary .fields.fields-cust {
        position:relative;
    }
    .field-picker-drop-container {
        position:absolute;
        top:60px;
        left:20px;
        border:1px solid #DDDDDD;
        width:400px;
        background-color:#FEFEFE;
        z-index:10000;
        padding:10px;
        padding-bottom:5px;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
        display:none; /* start hidden */
    }
    .element-summary .field-picker-apply-container {
        float:right;
        margin-top:10px;
    }
    .element-summary .close-pops {
        position:absolute;
        top:10px;
        right:10px;
        padding:0 5px;
    }

    .element-summary .filters-mega-menu {
        padding:15px;
        width:400px;
        font-family: "Open Sans", sans-serif;
    }
    .element-summary .filters-mega-menu .pref-fieldset {
        padding: 0 10px !important;
    }
    .element-summary .filters-mega-menu .pref-fieldset label:not(.checkbox):not(.radio) {
        margin-top:5px;
        padding: 5px 0;
    }

    .element-summary .filters-mega-menu .filter-field {
        float:right; 
        width:260px; 
        max-width:260px;
        margin:5px 0;
    }

    .element-summary .disable-for-map.disabled {
        color:#CCCCCC !important;
    }


.multiselect-group a, .multiselect-group a:hover {
	background-color:#EEEEEE;
}

body.pdf-print table.genListTable td {
    padding: 8px 10px;
	border: 1px solid #e7ecf1;
	vertical-align: top;
}
body.pdf-print .dt-column-order {
	display:none;
}



/* dashboard dial charts */
.chart-sizable-container.dial-chart-sizable-container {
	margin-bottom: 15px;
}

.down-sized {
	margin:0 auto;
}
.row.centered-content-container {
	
}
.row.centered-content {
	margin:0 auto;
	float:none;
	position:relative;
}

.panel .panel-body .settings-content {
    font-size: 14px;
}
.panel .panel-body {
	padding:10px;
}
.panel.panel-brand>.panel-heading {
	color: #333333;
    background-color: #F2E9F7;
    border-color: #DDDDDD;
}
.panel .panel-body {
	padding:10px;
}
.panel .collapse-toggle:hover {
	cursor:pointer;
}
.panel.panel-settings.collapsed{

}
.panel.panel-settings.collapsed .panel-collapse-minus,
.panel.panel-settings .panel-collapse-plus,
.panel.panel-settings.collapsed .panel-body {
	display:none;
}
.panel.panel-settings.collapsed .panel-collapse-plus {
	display:inline-block;
}
.panel .panel-title .header-sub-text {
	font-size:0.8em;
}
.dash-pref-field-row {
	padding:0 20px 0px 20px;	
}
.dash-pref-fieldset {
	padding:0 15px 15px 15px;	
}
option.dyn-option:disabled,
li.dyn-option.disabled {
  display:none;
}

.expand-elements.collapsed i.expand-icon,
.expand-elements:not(.collapsed) i.collapse-icon {
	display: inline-block;
	margin-right:3px;
}
.expand-elements:not(.collapsed) i.expand-icon,
.expand-elements.collapsed i.collapse-icon,
.expand-elements.collapsed .sc-row,
.expand-elements.collapsed .all-sc-row {
	display: none;
}
.assign-ghost-button {
	position: absolute;
	top: 0;
	right: 0;
	display:none;
	background-color: #f3f4f6;
	padding-left:5px;
	width:140px;
	height:30px;
}

ul.multiselect-container li.disabled,
ul.multiselect-container li.disabled a {
	color:#E0E0E0;
	--text-decoration:line-through;
}
select.flag-changed + .btn-group>button,
.element-unpicker.flag-changed {
	border:3px solid #FFCC00 !important;
	padding:5px 11px;
	padding-bottom:4px;
}

/* dashboard dial charts */



/* element fields stuff */
table.assign-scorecard .highlighted {
	background-color:#F5F5F5;
}
table.roles-table tr.highlighted {
	background-color:#EAF2F8;
}

.toggle-show-hide-override {
	width:18px; 
	height:18px; 
	margin-right:5px; 
	position:relative; 
	top:3px;
}
.show-hide-override.hide {
	display:none;
}
.dash-pref-fieldset .esm-field {
	border: 1px solid #c2cad8;
	background-color:#eef1f5; 
	padding:6px 8px; 
	color:#999999; 
	margin-top:-4px; 
	border-radius:4px; 
	font-size:0.9em;
}
.dash-pref-fieldset .esm-field:hover {
	cursor: not-allowed;
}
table.field-list .highlighted {
	background-color:#F5F5F5;
}
table.field-list .th-vertical-header {
	width:45px;
}
table.field-list .vertical-container {
	overflow:hidden;
}

.page-help {
	position:relative;
	background-color: #f3f4f6!important;
	border:1px solid #e7ecf1;
	padding:8px 10px 5px 10px;
	margin:15px 0;
}

.page-section.definition-list .page-help,
.page-section.definition-list table.field-list.table-hover>tbody>tr:hover, 
.page-section.definition-list table.field-list.table-hover>tbody>tr:hover>td {
	background-color: #F2E9F7!important;
}
.page-section.reporting-list .page-help,
.page-section.reporting-list table.field-list.table-hover>tbody>tr:hover, 
.page-section.reporting-list table.field-list.table-hover>tbody>tr:hover>td {
	background-color: #EAF5E2!important;
	margin-top:50px;
}
#display.page-section.reporting-list .page-help,
#customFieldSort-container .page-help {
	margin-top:0px;
}

.page-section.definition-list .ui-color-wrapper {
	border-left: 5px solid #8877a9;
	overflow:auto;
}
.page-section.reporting-list .ui-color-wrapper {
	border-left: 5px solid #96BF17;
}

.page-help .small-icon,
.page-help .icon-text {
	display:none;
}
.page-help .large-icon {
	line-height:40px;
}
.page-help .note-text {
	padding-right:30px;
}
.page-help .note-toggle {
	width:20px; 
	height:20px; 
	position:absolute; 
	top:5px; 
	right:10px;
}
.page-help.collapsed {
	position:relative;
}
.page-help.collapsed .small-icon {
	display:block;
	font-size:1.3em;
	margin: 7px 5px 0 5px;
}
.page-help.collapsed .icon-text {
	display:inline;
	font-size:12px;
	font-size:1.5em;
	margin-top:5px;
	margin-bottom:10px;
}
.page-help.collapsed .icon-text a,
.page-help.collapsed .icon-text {
	color:#666666;
}
.page-help.collapsed .icon-text a:hover,
.page-help.collapsed .icon-text:hover {
	color:#666666;
	text-decoration:none;
}
.page-help.collapsed .large-icon,
.page-help.collapsed .note-text,
.page-help.collapsed .note-toggle {
	display:none;
}

table.field-list .unassigned {
	--background-color: #F8F8F8;
}
table.field-list .unassigned.hide {
	display:none;
}
table.black-popover-table {
	border:1px solid #666666;
	border-collapse:collapse;
	width:100%;
	font-size:0.9em;
}
table.black-popover-table th,
table.black-popover-table td {
	border:1px solid #666666;
	padding:3px 10px;
}
table.black-popover-table th {
	background-color:#222222;
}
table.top-bottom-scroll-object {
	width:100%;
}
/* element fields stuff */

/* manage sheets */
/* order is important table#dragSeries tbody tr. */
table#dragSeries tbody tr.manage-sheets-save-pending {
	background-color:#F0FAD3;
}
/* order is important table#dragSeries tbody tr. */
table#dragSeries tbody tr.marked-for-delete {
	background-color:#eebbbb;
}
.HandsontableCopyPaste {
	display:none;
}

/* thresholds */
.threshold-assign-require-action {
	background-color:#FFFACD;	
}

.functionality-row {
	padding:5px 10px 5px 10px; 
	margin-bottom:5px;
	position: relative;
	min-width:80px; 
	width:100%;
}
.functionality-row:hover {
	background-color:#F0F0F0;
}
.functionality-row.indented {
	margin-left: 30px;
}
.sub-row {
	padding-left:30px;
	width:100%;
	margin-bottom:5px;
}
.sub-row .functionality-row {
	margin-bottom:0;
}


ul.nav.nav-tabs[tabkey=saveLayoutModal],
ul.nav.nav-tabs[tabkey=manageLayoutsModal]{
	display:none;
}
.nav-tabs[tabkey=saveLayoutModal] + div.tab-content,
.nav-tabs[tabkey=manageLayoutsModal] + div.tab-content {
	border:0;
}
.page-bar {
	border-bottom: 1px solid rgba(0,0,0,.12) !important;
	min-height:37px;
}
.layout-switcher  li a.nav-selected {
	background-color:#F0F0F0;
}
.btn.btn-outline.blue-soft.soft-disable:hover {
	background-color:transparent !important;
	color:#4c87b9 !important;
}

.modal h2,
.modal h3,
.modal h4,
form h2,
form h3,
form h4 {
	font-weight:600;
}
.modal h2, form h2 {
	color:#666666;
	font-size: 26px;
	font-weight:500;
}
.modal h3, form h3 {
	font-size:20px;
	font-weight:500;
}
.modal h4, form h4 {
	font-size:16px;
}
.padded-content {
	padding:20px;
}