body {
  background-color: var(--background);
  font-family: var(--font-family), sans-serif;
  color: var(--general-dark-text);
  line-height: 1.2;
  overflow-x: hidden;
}

* {
  font-family: var(--font-family), sans-serif;
  margin: 0px;
  padding: 0px;
}

@font-face {
  font-family: "knile";
  src: url("/assets/fonts/knile-bold-webfont/font.ttf");
}

@font-face {
  font-family: 'Open-Sans-Chart';
  font-style: normal;
  src: url("/assets/fonts/knile-bold-webfont/OpenSans.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Raleway-Chart';
  font-style: normal;
  src: url("/assets/fonts/raleway/Raleway.ttf") format('truetype');
  font-display: swap;
}

#home-custom-font {
  font-family: "knile" !important;
}

/*YUI styles*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

/*End YUI styles =*/
.dataComment strong,
b,
strong *,
b * {
  font-weight: bold;
}

.dataComment p {
  margin: 0; /* Remove margin between <p> elements */
  padding: 0; /* Remove padding between <p> elements */
}

.dataComment em,
i,
em *,
i * {
  font-style: italic;
}

.dataComment ul,
.dataComment ol {
  margin-top: 0; /* Remove top margin for lists */
  margin-bottom: 0; /* Remove bottom margin for lists */
  padding: 0; /* Remove padding for lists */
}

.dataComment ul li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.dataComment ol li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: decimal;
}

.dataComment br {
  margin: 0;
  white-space: normal;
}


/*End YUI styles =*/
.commentToolTipContainer strong,
b,
strong *,
b * {
  font-weight: bold;
}

.commentToolTipContainer p {
  margin: 0; /* Remove margin between <p> elements */
  padding: 0; /* Remove padding between <p> elements */
}

.commentToolTipContainer em,
i,
em *,
i * {
  font-style: italic;
}

.commentToolTipContainer ul,
.commentToolTipContainer ol {
  margin-top: 0; /* Remove top margin for lists */
  margin-bottom: 0; /* Remove bottom margin for lists */
  padding: 0; /* Remove padding for lists */
}

.commentToolTipContainer ul li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.commentToolTipContainer ol li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: decimal;
}

.commentToolTipContainer br {
  margin: 0;
  white-space: normal;
}

/*End YUI styles =*/
.plandataSign strong,
b,
strong *,
b * {
  font-weight: bold;
}

.plandataSign p {
  margin: 0; /* Remove margin between <p> elements */
  padding: 0; /* Remove padding between <p> elements */
}

.plandataSign em,
i,
em *,
i * {
  font-style: italic;
}

.plandataSign ul,
.plandataSign ol {
  margin-top: 0; /* Remove top margin for lists */
  margin-bottom: 0; /* Remove bottom margin for lists */
  padding: 0; /* Remove padding for lists */
}

.plandataSign ul li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.plandataSign ol li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: decimal;
}

.plandataSign br {
  margin: 0;
  white-space: normal;
}


.headertooltiptext strong,
b,
strong *,
b * {
  font-weight: bold;
}

.headertooltiptext em,
i,
em *,
i * {
  font-style: italic;
}

.headertooltiptext ul li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.headertooltiptext ol li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: decimal;
}

.headertooltiptextside strong,
b,
strong *,
b * {
  font-weight: bold;
}

.headertooltiptextside em,
i,
em *,
i * {
  font-style: italic;
}

.headertooltiptextside ul li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.headertooltiptextside ol li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: decimal;
}

.headertooltiptextsidemeta strong,
b,
strong *,
b * {
  font-weight: bold;
}

.headertooltiptextsidemeta em,
i,
em *,
i * {
  font-style: italic;
}

.headertooltiptextsidemeta ul li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.headertooltiptextsidemeta ol li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: decimal;
}

.headertooltiptextsideDesc strong,
b,
strong *,
b * {
  font-weight: bold;
}

.headertooltiptextsideDesc em,
i,
em *,
i * {
  font-style: italic;
}

.headertooltiptextsideDesc ul li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.headertooltiptextsideDesc ol li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: decimal;
}

html {
  --scrollbarBG: var(--background);
  --thumbBG: var(--scroll);
}

.content ::-webkit-scrollbar {
  height: 16px;
  width: 16px;
}

.content {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.content ::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
  border-radius: 15px !important;
}

.content ::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 12px;
  border: 4px solid var(--scrollbarBG);
}

::-webkit-scrollbar-corner {
  background-color: var(--background);
}

input[type="range"] {
  height: 17px;
  -webkit-appearance: none;
  appearance: none;
  margin: 10px 0;
  width: 120px;
  background: var(--background);
  transform: rotate(90deg);
}

input[type="range"]:focus {
  outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000;
  background: var(--grid-top);
  border-radius: 50px;
  border: 0px solid #000000;
}

input[type="range"]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid var(--grid-top);
  height: 18px;
  width: 18px;
  border-radius: 50px;
  background: var(--grid-top);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}

input[type="range"]:hover::-webkit-slider-thumb{
  background-color: var(--light-text);
  border: 1px solid var(--light-text);
}

input[type="range"]:focus::-webkit-slider-runnable-track {
  background: var(--grid-top);
}

input[type="range"]:hover::-webkit-slider-runnable-track {
  background-color: var(--light-text);
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  transition: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: var(--grid-top);
  border-radius: 50px;
  border: 0px solid #000000;
}

input[type="range"]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid var(--grid-top);
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: var(--grid-top);
  cursor: pointer;
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-lower {
  background: var(--grid-top);
  border: 0px solid #000000;
  border-radius: 100px;
  box-shadow: 0px 0px 0px #000000;
}

input[type="range"]::-ms-fill-upper {
  background: var(--grid-top);
  border: 0px solid #000000;
  border-radius: 100px;
  box-shadow: 0px 0px 0px #000000;
}

input[type="range"]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid var(--grid-top);
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: var(--grid-top);
  cursor: pointer;
}

input[type="range"]:focus::-ms-fill-lower {
  background: var(--grid-top);
}

input[type="range"]:focus::-ms-fill-upper {
  background: var(--grid-top);
}

.RiskAssessmentTable table,
tr,
td,
th {
  font-size: 10pt !important;
  border-collapse: collapse;
  margin-top: 50px;
  margin-right: 30px;
  user-select: none;

  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#RiskMappingTable th{
  font-size: 11pt !important;
}

#RiskAssessmentTable {
  margin: 20px 30px 20px 30px;
}

/* To put padding around table headers and data */
#RiskAssessmentTable th {
  padding: 0.2em;
  min-width: 2em;
  /* the normal 'fixed' width */
  width: 6em;
  /* the normal 'fixed' width */

  height: 6em;
}

#RiskMappingTable {
  margin: 0 auto;
  margin-top: 40px;
}

#RiskMappingTableEdit {
  margin: 0 auto;
  margin-top: 40px;
}

#RiskMappingTableNew {
  margin: 0 auto;
  margin-top: 40px;
}

#RiskPlanTable {
  margin: 20px 30px 20px 30px;
}

#SignOffTable {
  margin: 20px 30px 20px 30px;
  border-bottom: 2px solid var(--rg-light-grey) !important;

  overflow-y: auto !important;
  overflow-x: hidden;
  border: 0px !important;

  z-index: 10;
  display: block;
  height: 286px;
}


.plansTable{
  margin-right: 100px;
}

#RiskIncidentTable {
  margin: 20px 30px 20px 30px;
}

#RiskLinkTable {
  margin: 20px 30px 20px 30px;
}

#IncidentLinkTable {
  margin: 20px 30px 20px 30px;
}

.dashboard-wrapper {
  overflow-y: visible !important;
  overflow-x: hidden !important;

  height: 516px;
}

#DashboardTable {
  margin: 30px 20px 20px 60px;
  border: 0px !important;

  z-index: 10;
  display: block;

  border-collapse: separate;
}

#DashboardTableFuture {
  margin: 30px 20px 20px 60px;

  border: 0px !important;

  z-index: 10;
  display: block;

  border-collapse: separate;
}

/* To put padding around table headers and data */
#RiskMappingTable th {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

/* To put padding around table headers and data */
#RiskMappingTableEdit th {
  padding: 0.2em;
  min-width: 6em;
  /* the normal 'fixed' width */
  width: 6em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 6em;
}

#RiskMappingTableNew th {
  padding: 0.2em;
  min-width: 6em;
  /* the normal 'fixed' width */
  width: 6em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 6em;
}

#RiskMappingTable td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

#RiskMappingTableEdit td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

#RiskMappingTableNew td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

.riskMappingHeaders {
  margin-top: 0px;
}

.risk-mapping-table-home {
  -webkit-transform-origin: 0 50%;
  -ms-webkit-transorm-origin: 0 50%;
  transform-origin: 0 50%;
}

.risk-assessment-table-home {
  -webkit-transform-origin: 0 50%;
  -ms-webkit-transorm-origin: 0 50%;
  transform-origin: 0 50%;
}

.risk-plans-table-home {
  -webkit-transform-origin: 0 50%;
  -ms-webkit-transorm-origin: 0 50%;
  transform-origin: 0 50%;
}

.risk-custom-mapping-table-home {
  -webkit-transform-origin: 0 50%;
  -ms-webkit-transorm-origin: 0 50%;
  transform-origin: 0 50%;
}

.rotateMeta {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* IE8 */
  -moz-transform: rotate(-90deg);
  /* FF3.5+ */
  -ms-transform: rotate(-90deg);
  /* IE9+ */
  -o-transform: rotate(-90deg);
  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);
  /* Safari 3.1+, Chrome */
  transform: rotate(-90deg);
  /* Standard */

  width: 200% !important;
  margin-left: -27px;
}

.rotateGroup {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* IE8 */
  -moz-transform: rotate(-90deg);
  /* FF3.5+ */
  -ms-transform: rotate(-90deg);
  /* IE9+ */
  -o-transform: rotate(-90deg);
  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);
  /* Safari 3.1+, Chrome */
  transform: rotate(-90deg);
  /* Standard */

  width: 200% !important;
  margin-left: -23px;
}

#RiskAssessmentTable td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
}

#RiskPlanTable td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

#SignOffTable td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

#RiskIncidentTable td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

#RiskLinkTable td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

#IncidentLinkTable td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 6em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

#DashboardTable td {
  padding: 0.2em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2em;
  /* the normal 'fixed' width */
  max-width: 10em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 2em;
}

#DashboardTableFuture td {
  padding: 0em;
  min-width: 3em;
  /* the normal 'fixed' width */
  width: 2.5em;
  /* the normal 'fixed' width */
  max-width: 10em;
  /* the normal 'fixed' width, to stop the cells expanding */
  height: 0.1em;
}

.rowRiskMeta {
  font-weight: bold;
  font-size: 14pt !important;
  text-align: center;
  vertical-align: middle;

  max-width: 2.5em !important;
  height: 6em;

  background-color: var(--grid-top);
  margin-top: 150px;
  text-overflow: ellipsis;

  color: var(--grid-light-text);
  border-top: solid var(--background) 1px;
  border-bottom: solid var(--background) 1px;
  border-radius: 15px 0px 0px 15px;

  position: relative;
  text-align: center;
  vertical-align: middle;
  z-index: 1000003 !important;
}

.rowRiskMeta .riskHeaderText {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  width: fit-content;
}

.InherentHeaderRow .riskHeaderText {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  width: fit-content;
}

.rowRiskGroup {
  text-align: center;
  vertical-align: middle;
  max-width: 3em !important;
  font-size: 12pt !important;
  background-color: var(--grid-mid);
  color: var(--grid-text);
  border-top: solid var(--background) 1px;
  border-bottom: solid var(--background) 1px;
  white-space: nowrap;

  text-overflow: ellipsis;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.rowRiskGroup .riskHeaderText {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.rowRisk {
  text-align: center;
  vertical-align: middle;
  max-width: 8em !important;
  min-height: 86px;
  height: 6em !important;
  background-color: var(--grid-bot);
  color: var(--grid-text);
  border-top: solid var(--background) 1px;
  border-bottom: solid var(--background) 1px;

  text-overflow: ellipsis;
  position: relative;

  text-align: center;
  overflow: visible;

  position: sticky !important;
  left: 0px !important;
}

.InherentHeaderRow {
  font-weight: bold;
  font-size: 14pt !important;
  text-align: center;
  vertical-align: middle;

  max-width: 2em !important;
  height: 6em;
  white-space: nowrap;
  text-overflow: ellipsis;

  margin-top: 150px;




  background-color: var(--grid-top);
  color: var(--general-light-text);
  border-top: solid var(--background) 1px;
  border-bottom: solid var(--background) 1px;

  border-radius: 15px 0px 0px 15px;

  position: relative;
  text-align: center;
  vertical-align: middle;
}

.sp-input{
  text-transform: uppercase !important;
}

#complete-info{
  display: inline-block;
  color: var(--dark-text);
  position: absolute;
  left:100px;
  margin-top:-28px;
}

.InherentLabelRow {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;

  height: 70px !important;
  width: 100px !important;
  max-width: 100px !important;
  background-color: var(--grid-mid);
  color: var(--general-light-text);
  border-top: solid var(--background) 1px;
  border-bottom: solid var(--background) 1px;

  position: relative;
  text-align: center;
  vertical-align: middle;
}

.InherentLabelRow .riskHeaderText {
  display: inline-block;
  width: 97px;
  font-size: 11pt;

  text-overflow: ellipsis;
  overflow: hidden;
}

.ControlLabelline .bizHeaderText {
  display: inline-block;
  width: 87px;

  text-overflow: ellipsis;
  overflow: hidden;
}

.InherentValueRow {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  max-width: 6em !important;
  height: 4em !important;
  background-color: var(--grid-bot);
  color: var(--general-light-text);
  border-top: solid var(--background) 1px;
  border-bottom: solid var(--background) 1px;

  text-overflow: ellipsis;
  position: relative;

  text-align: center;
  vertical-align: middle;
}

.bizmetaline {
  font-weight: bold;
  vertical-align: middle;
  max-width: 2em !important;
  height: 2.5em !important;

  font-size: 14pt !important;
  background-color: var(--grid-top);
  color: var(--grid-light-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;
  border-radius: 15px 15px 0px 0px;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
}

.bizmetaline .bizHeaderText {
  display: inline-block;
  width: 100%;
  height: 24px;
  margin: auto 0;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bizgroupline {
  vertical-align: middle;
  height: 3em !important;
  font-size: 12pt !important;
  background-color: var(--grid-mid);
  color: var(--grid-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;
  padding-left: 0.4em !important;
  padding-right: 0.4em !important;

  max-width: 6em !important;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
}

.bizgroupline .bizHeaderText {
  display: inline-block;
  width: 100%;
  margin: auto 0;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bizline {
  vertical-align: middle;
  background-color: var(--grid-bot);
  color: var(--grid-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;

  width: 110px;
  max-width: 6em !important;
  height: 6em !important;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
  z-index: 10001 !important;
}

.bizline .bizHeaderText {
  display: inline-block;
  width: 85px;
  font-size: 10pt;
  line-height: 18px;
  margin: auto 0;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rowRisk .riskHeaderText {
  display: inline-block;
  width: 110px;
  font-size: 10pt;
  line-height: 18px;

  /*So the height needs to fill, but we need the padding at the bottom */

  text-overflow: ellipsis;
  overflow: hidden;

  padding-bottom: 15px;
}

/* Planning Page */
.planmetaline {
  font-weight: bold;
  vertical-align: middle;
  max-width: 2em !important;
  height: 2.5em !important;

  font-size: 14pt !important;
  background-color: var(--grid-top);
  color: var(--grid-light-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;
  border-radius: 15px 15px 0px 0px;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
}

.signmetaline {
  font-weight: bold;
  vertical-align: middle;
  max-width: 2em !important;
  height: 2.5em !important;

  font-size: 14pt !important;
  background-color: var(--grid-top);
  color: var(--grid-light-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;
  border-radius: 15px 15px 0px 0px;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
}

.plangroupline {
  font-weight: bold;
  vertical-align: middle;
  height: 3em !important;
  font-size: 11pt !important;
  background-color: var(--grid-mid);
  color: var(--general-light-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;
  padding-left: 0.8em !important;
  padding-right: 0.8em !important;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
}

.planline {
  font-weight: bold;
  font-size: 11pt !important;
  vertical-align: middle;
  background-color: var(--grid-bot);
  color: var(--general-light-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;

  width: 160px;
  max-width: 500px !important;
  height: 4em !important;

  top:-1px !important;

  border-top: 0px !important;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
  z-index: 1000 !important;
}

.planHeaderText {
  display: inline-block;
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  resize: horizontal;
}

table.collapsed {
  width: 0px;
}

th.collapsed {
  background: black;
}

td.collapsed {
  background: black !important;
}

.confetti-overlay {
  /* Position the confetti image absolutely within the `td` */
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; /* Prevents the image from interfering with mouse events on the `td` content */
}

.confettiOverlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 103px;
  pointer-events: none; /* Allows clicks to pass through the overlay to the underlying content */
}

.data {
  color: var(--general-dark-text) !important;
  border: var(--background) solid 1px;
  text-align: center;
  vertical-align: middle;
  position: relative;

  min-width: 86px !important;
}

.dataComment {
  color: var(--general-dark-text) !important;
  border: white solid 1px;
  position: relative;
  white-space: normal;
  cursor: pointer;
  text-align: left;

  min-width: 200px;
  user-select: text;
}

.dataComment div{
  color: var(--general-dark-text) !important;
  text-align: left;

  width: 100% !important;
  margin-bottom: 16px;
}

.dataComment div{
  top: 0px;
  margin-top: 0px !important;
}

.dataPlans {
  color: var(--general-dark-text) !important;
  border: white solid 1px;
  position: relative;
  min-width: 150px !important;
}

.scrollable-content {
  max-height: 155px;
  overflow-y: auto;
  position: relative;
}

.dataPlans span {
  cursor: pointer;
  line-height: 1.3;
}

.dataPlans span:hover{
  color: var(--rg-green);
}

.label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}


#plandataProjection {
  color: var(--general-dark-text) !important;
  background-color: var(--tooltip);
  border: white solid 1px;
  font-size: 11pt !important;
  vertical-align: middle;
  cursor: default;
  position: relative;

  border: none;
  border-bottom: 2px solid var(--scroll);

  text-overflow: ellipsis !important;
  white-space: nowrap;

  height: 40px !important;
}

.plandata {
  color: var(--general-dark-text) !important;
  background-color: var(--tooltip);
  border: var(--tooltip) solid 1px;
  font-size: 11pt !important;
  vertical-align: middle;
  cursor: default;
  position: relative;

  text-overflow: ellipsis !important;
  height: 40px !important;
  white-space: nowrap;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.plandataMapping {
  color: var(--general-dark-text) !important;
  background-color: var(--tooltip);
  border: var(--tooltip) solid 1px;
  font-size: 11pt !important;
  vertical-align: middle;
  cursor: default;
  position: relative;

  text-overflow: ellipsis !important;
  height: 40px !important;
  white-space: nowrap;
}

.plandataMapping div{
  text-overflow: ellipsis !important;
  white-space: nowrap;
}

.riskHeader{
  margin-left:13px;
  font-size: 14pt;
  margin-bottom: 5px;
  margin-top:-8px;
}

.pickRisk{
  height: 30px !important;
  font-size: 11pt !important;
  vertical-align: middle;
  padding-top:4px;
  
  margin-bottom:10px;

  cursor: pointer;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis !important;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.pickRisk i{
  margin: 2px 5px 0px 4px;
}

.pickRisk .color {
  align-items: right;
  border: 0.5px solid black;
  vertical-align: middle;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 4px
  
}

.ellipsisfocus {
  text-overflow: clip !important;
}

.dataSignOff {
  color: var(--general-dark-text) !important;
  font-size: 11pt;
  margin-left: 2px;
  padding-left: 3px;
  width: 43%;
  height: 28px;
  line-height: 27px;
  border: 1px solid var(--dash-border);
  border-radius: var(--btn-radius);

  cursor: default;

  position: absolute;
  top:82px;
  left:378px;

  vertical-align: middle;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}

.dataSignOff span{
  padding-left:5px;
}

.dataFreeComplete {
  color: var(--general-dark-text) !important;
  font-size: 11pt;
  margin-left: 2px;
  padding-left: 3px;
  width: 37%;
  height: 28px;
  line-height: 27px;
  border: 1px solid var(--dash-border);
  border-radius: var(--btn-radius);

  position: absolute;
  top:138px;
  left:308px;

  vertical-align: middle;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}

.plandataFree {
  color: var(--general-dark-text) !important;
  font-size: 11pt;
  margin-left: 2px;
  padding-left: 3px;
  width: 90%;
  height: 28px;
  line-height: 27px;
  border: 1px solid var(--dash-border);
  border-radius: var(--btn-radius);

  vertical-align: middle;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}

.plandataLongFree {
  color: var(--general-dark-text) !important;
  font-size: 10pt;
  margin-left: 2px;
  padding-left: 3px;
  width: 90%;
  min-height: 21px;
  line-height: 20px;
  vertical-align: middle !important;
  white-space: normal;
  border: 1px solid var(--dash-border);
  border-radius: var(--btn-radius) !important;
}

.plandataRead {
  height: 28px;
  line-height: 27px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.plandataSign {
  font-size:11pt !important;
  height: 28px;
  line-height: 20px;
  vertical-align: middle;

  white-space: normal;
  margin-top:3px;
  margin-bottom:6px;
}

.plandataSign p{
  margin-left:0px !important;
}

.plandataLongRead {
  font-size: 10pt;
  line-height: 20px;
  vertical-align: middle;
  white-space: normal;
}

.plandataLongFree:focus {
  outline: 0;
}

.plandataLongFree:hover {
  cursor: pointer;
  border: 1px solid var(--dash-border);
  z-index: 100000;
}

.plandataFree:focus {
  outline: 0;
}

.plandataFree:hover {
  cursor: pointer;
  border: 1px solid var(--dash-border);
  z-index: 100000;
}

.date-div {
  background-color: cadetblue;
  height: 50px;
  margin-right: 2px;
}

.date-text {
  color: var(--dark-text);
  font-size: 10pt;
  font-weight: 600;

  height: fit-content;
  margin-top: 8px;
  margin-left: 22px;
}

.chart-text {
  color: var(--dark-text);
  font-size: 10pt;
  font-weight: 600;
  display: block;

  height: fit-content;
  margin-top: 8px;
  margin-left: 22px;
  margin-bottom: 4px;
  float: left;
}

.navigation-icons{
  white-space:nowrap;
  margin-top:40px;
  color:var(--dark-text);
}

.edit-menu {
  position: absolute;
  display: none;
  background-color: white;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  font-size: 12pt;
  margin-top: 15px;
  color: var(--dark-text);
  text-align: center;
  width: 200px;
  left: -90px;
  cursor: default;
}

.edit-menu ul{
  padding: 5px 0 5px 0;
}

.edit-menu li {
  padding: 10px 0px 10px 0px;
  width:100%;
  cursor: pointer;
}

.edit-menu li:hover {
  background-color: #e7e7e7;
}

.edit-menu-open {
  display: block;
}

.edit-screen {
  position: absolute;
  display: none;
  background-color: white;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  font-size: 12pt;
  margin-top: 15px;
  color: var(--dark-text);
  text-align: center;
  width: 200px;
  left: -85px;
  cursor: default;
}

.edit-screen ul{
  padding: 5px 0 5px 0;
}

.edit-screen li {
  padding: 10px 0px 10px 0px;
  width:100%;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left:3px;
}

.edit-screen li:hover {
  background-color: #e7e7e7;
}

.edit-screen-open {
  display: block;
}

.mapping-edit-menu {
  position: absolute;
  display: none;
  background-color: white;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  font-size: 12pt;
  margin-top: 15px;
  color: var(--dark-text);
  text-align: center;
  width: 200px;
  left: -90px;
  cursor: default;
}

.mapping-edit-menu ul{
  padding: 5px 0 5px 0;
}

.mapping-edit-menu li {
  padding: 10px 0px 10px 0px;
  width:100%;
  cursor: pointer;
}

.mapping-edit-menu li:hover {
  background-color: #e7e7e7;
}

.mapping-edit-menu-open {
  display: block;
}

.navigation-text{
  color: var(--dark-text);
  font-size: 11pt;
  font-weight: 600;
  display: block;

  height: fit-content;
  margin-top: 40px;
  margin-left: 31px;
  margin-bottom: 4px;
  float: left;
}

.dashboardData {
  display: block;
  color: var(--general-dark-text) !important;
  margin-left: 20px;
  margin-top: 4px;
  padding-left: 2px;
  width: 5%;
  height: 24px;
  line-height: 20px;
  min-width: 157px;
  border-radius: var(--btn-radius);

  border: 1px solid white;
  float: left;

  text-align: left !important;
  left: 0 !important;

  white-space: nowrap;
  text-overflow: ellipsis;
}

.dashboardData i {
  margin-top: 3px !important;
  color: rgb(102, 102, 102);

  float: left;
  z-index: 9000;
}

.dashboardData input {
  width: 74% !important;
  height: 98%;
  text-align: left !important;
}

.dashboardData:focus {
  outline: 0;
}

.dashboardData:hover {
  cursor: pointer;
  margin-left: 20px;
  border: 1px solid var(--dash-border);
  z-index: 100000;
}

.plandataClick {
  position: relative;
  color: var(--general-dark-text);
  margin-left: 2px;
  padding-left: 3px;
  width: 90%;
  min-height: 28px;
  height: auto;
  font-size: 11pt;
  line-height: 25px;

  border: 1px var(--dash-border) solid;
  border-radius: var(--btn-radius);
  cursor: pointer;

  vertical-align: middle;

  white-space: nowrap;
  text-overflow: ellipsis;
}

[id^="completion_"] {
  color:#000 !important;
}

.plandataClick:focus {
  outline: 0;
}

.plandataResult {
  color: var(--general-dark-text) !important;
  margin-left: 2px;
  padding-left: 3px;
  width: 90%;
  height: 28px;
  line-height: 25px;

  border: 1px var(--dash-border) solid;
  border-radius: var(--btn-radius);

  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.plandataResult:focus {
  outline: 0;
}

.plandataResult:hover {
  cursor: pointer;
  border: 1px solid var(--dash-border);
  z-index: 100000;
}

.planOverflow {
  display: inline-block;
  vertical-align: middle;
  height:25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.planOverflowProjection {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}

.planOverflowProjection span {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom:2px;
}

#linkedItems .plandata div .planOverflow{
  height: auto !important;
  white-space: normal !important;
}

.plandataMapping div .planOverflow{
  height: auto !important;
  white-space: normal !important;
}

.ellipsisClass {
  width: 90% !important;
  overflow: hidden;
  white-space: nowrap;
}

.RMdata {
  color: black !important;
  border: white solid 1px;
  text-align: center;
  vertical-align: middle;
  cursor: default;
  position: relative;
}

.RMdata div{
  font-size: 11pt !important;
}

.data p {
  margin-left: 0px !important;
  padding-left: 0px !important;

  display: inline-block;
  width: 82px;

  text-overflow: ellipsis;
  overflow: hidden;
}

.datablank {
  color: black !important;
  border: white;
  text-align: center;
  vertical-align: center;
  cursor: pointer;
  border: white solid 1px;
  position: relative;
}

/* Tooltip container */
.datatooltiptext {
  display: inline-block;
  visibility: hidden;
  width: 175px;
  background-color: white;
  color: black;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 100999 !important;
  top: 100%;
  left: 50%;
  margin-left: -86px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  cursor: default;
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;

  transition: opacity 1s;
  transition-delay: 0.5s;
}

/* This is the arrow */
.data .datatooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.datatooltiptext p {
  width: max-content;
  max-width: 130px;
  display: inline-block;
  text-align: right !important;
  overflow: hidden;
  text-overflow: ellipsis;

  margin-top: 2px !important;
}

.data:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #222;
  -moz-box-shadow: inset 0px 0px 0px 3px #222;
  box-shadow: inset 0px 0px 0px 3px #222;
}

.data:hover .datatooltiptext {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  z-index: 109999 !important;
  display: block;
}

/* Tooltip container */
.statustooltiptext {
  visibility: hidden;
  width: 210px;
  background-color: white;
  color: rgb(92, 92, 92);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 109999 !important;
  top: 100%;
  left: 45%;
  margin-left: -98px;
  text-align: center;

  cursor: default;
  opacity: 0;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

.tagtooltiptext {
  visibility: hidden;
  width: 230px;
  background-color: white;
  color: rgb(92, 92, 92);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 109999 !important;
  margin-top: 40px;
  margin-left: -116px;
  text-align: center;

  cursor: default;
  opacity: 0;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

.tooltipcontent .statusBox p{
  width:81% !important;
}

.notFilter {
  width: 14px;
  height: 14px;
  padding-right: 0px;
  margin-top: 1px;
  padding-right: 5px;
}

.categoryHeader{
  font-size: 13pt;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 10px;
}

.categorytooltipfilter,.sorttooltipfilter {
  display: none;
  width: 270px;
  background-color: white;
  color: rgb(92, 92, 92);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 109999 !important;
  top: 30px;
  text-align: center;
  left:-118px;

  cursor: default;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

.categorytooltipfilter::after,.sorttooltipfilter::after  {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}


.tagtooltipfilter {
  display: none;
  width: 270px;
  background-color: white;
  color: rgb(92, 92, 92);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 109999 !important;
  top: 30px;
  text-align: center;

  cursor: default;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

.plantooltipfilter {
  display: none;
  width: 270px;
  background-color: white;
  color: rgb(92, 92, 92);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 109999 !important;
  top: 36px;
  left: 0px;
  text-align: center;

  cursor: default;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

#tag-holder {
  margin-left: 22px;
  height: auto;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#owner-holder {
  margin-left: 22px;
  height: auto;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* This is the arrow */
.tagtooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

.tagtooltipfilter::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

.plantooltipfilter::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

.rowmultipletooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: white;
  color: rgb(92, 92, 92);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 109999 !important;
  top: 120px;
  left: 2%;
  text-align: center;

  cursor: default;
  opacity: 0;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

#groupLabelText{
  margin-left:5px;
}

.pickMultipleValues .rowmultipletooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

.rowtooltiptext {
  visibility: hidden;
  width: 210px;
  background-color: white;
  color: rgb(92, 92, 92);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 109999 !important;
  top: 100%;
  left: 45%;
  margin-left: -35px;
  text-align: center;

  cursor: default;
  opacity: 0;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

.editMultipleCol .statustooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -4px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

.editMultiple .rowtooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

.editMultiple .rowmultipletooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

/* This is the arrow */
.plandata .statustooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

.plandata:hover .statustooltiptext {
  z-index: 109999 !important;
  position: absolute;
  overflow: visible;
  display: block;
}

/* This is the arrow */
.data .statustooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  z-index: 1009999 !important;
}

.data:hover .statustooltiptext {
  z-index: 109999 !important;
  position: absolute;
  overflow: visible;
  display: block;
}

/* This is the arrow */
.planResultDiv .statustooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.planResultDiv:hover .statustooltiptext {
  z-index: 109999 !important;
  position: absolute;
  overflow: visible;
  display: block;
}

.editLabelIcon {
  display: flex;
  position: relative;
  margin-top: -22px;
  float: right;
  margin-right: 10px;
  padding-left: 10px;
  z-index: 20000;
}

.inviteUser {
  color: var(--dark-text);
  cursor: pointer;
  font-size: 10pt;
  margin-bottom: 3px;
}

/* Tooltip container ADD SHADOW */
.completiontooltiptext {
  visibility: hidden;
  width: 80px;
  background-color: white;
  color: rgb(92, 92, 92);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 109999 !important;
  top: 100%;
  left: 45%;
  margin-left: -35px;
  text-align: center;

  cursor: default;
  opacity: 0;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

/* This is the arrow */
.plandata .completiontooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.plandata:hover .completiontiptext {
  z-index: 109999 !important;
  position: absolute;
  overflow: visible;
  display: block;
}

#plandataProjection .completiontooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

#plandataProjection:hover .completiontiptext {
  z-index: 109999 !important;
  position: absolute;
  overflow: visible;
  display: block;
}

.statusBox {
  text-align: center !important;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  height: 30px;
  background-color: white;
  margin: 0 auto;
  margin-top: 6px;
  margin-bottom: 8px;
  vertical-align: middle;
  line-height: 2em;
  font-size: 11pt;
  color: black;
  cursor: pointer;
  border: 1px solid rgb(151, 151, 151);
  border-radius: var(--btn-radius);
}

.statusBox p {
  padding-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  padding-right: 5px;
}

.statusBox:hover {
  opacity: 0.7;
}

.filterBoxHolder {
  display: inline-block;
}

.filterCheckBox {
  font-size: 12pt;
  margin-top: 12px;
  margin-left: 6px;
  margin-right: 6px;
  cursor: pointer;
  display: flex;
  float: left;
  align-items: center;
  vertical-align: middle;
}

.filterBox {
  text-align: center !important;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
  height: 30px;
  background-color: white;
  margin: 0 auto;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: -10px;
  vertical-align: middle;
  line-height: 2em;
  font-size: 11pt;
  color: black;
  cursor: pointer;
  border: 1px solid rgb(151, 151, 151);
  border-radius: var(--btn-radius);

  display: inline-block;
}

.filterBox p {
  padding-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.filterBox:hover {
  opacity: 0.7;
}

.rowRisk .grid-tag-holder {
  margin-left: 5px;
  white-space: nowrap;
  min-height: 10px;
  max-height: 23px;
  text-align: left;
  position: absolute;
  bottom: 5px;
  max-width: 100px;
  margin-bottom: 2px;

  overflow: hidden;
}

.bizline .grid-tag-holder {
  margin-left: 1px;
  white-space: nowrap;
  min-height: 10px;
  max-height: 23px;
  text-align: left;
  position: absolute;
  bottom: 5px;
  max-width: 80;
  margin-bottom: 2px;

  overflow: hidden;
}

.grid-tag {
  min-height: 8px !important;
  width: 16px !important;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;;

  border: 1px solid #000000;
  border-radius: 6px;

  box-align: left;
  vertical-align: bottom;
  display: inline-block;
}

.resultBox {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  height: 30px;
  background-color: white;
  margin: 0 auto;
  margin-top: 8px !important;
  margin-bottom: 5px;
  vertical-align: middle;
  line-height: 25px;
  font-size: 11pt;
  color: black;
  cursor: pointer;
  border: 1px solid rgb(151, 151, 151);
  border-radius: var(--btn-radius);
}

.resultBox a {
  padding-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px !important;
  vertical-align: middle;
}

.color {
  max-height: 23px !important;
  max-width: 23px !important;
}

.resultBox .color {
  margin-top: -8px !important;
}

.filterBox .color {
  margin-top: -8px !important;
}

.resultPlanText {
  top: 8px;
  position: relative;
  display: inline;
  color: var(--general-dark-text);
}

.riskBox {
  text-align: center;
  white-space:normal !important;
  width: 92%;
  /*height: 30px;*/
  min-height: 30px;
  height: auto !important;
  background-color: white;
  margin: 0 auto;
  margin-top: 8px;
  vertical-align: middle;
  line-height: 2em;
  font-size: 11pt;
  color: black;
  cursor: pointer;
  border: 1px solid rgb(151, 151, 151);
  border-radius: var(--btn-radius);
}

.riskBox p {
  padding-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 92%;
  line-height: 24px;
  margin-top:2px;
  margin-bottom:2px;
  height: auto !important;
}

.riskBox:hover {
  opacity: 0.7;
}

.accountableBox {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  height: 30px;
  background-color: white;
  margin: 0 auto;
  margin-top: 6px;
  margin-bottom: 8px;
  vertical-align: middle;
  line-height: 2em;
  font-size: 11pt;
  color: black;
  cursor: pointer;
  border: 1px solid rgb(151, 151, 151);
  border-radius: var(--btn-radius);
}

.cke_dialog_close_button {
  display: none !important;
}

.cke_resizer_ltr {
  display: none !important;
}

.cke_dialog_title {
  font-family: var(--font-family) !important;
  color: white !important;
  background-color: var(--light-text) !important;
}

.cke_dialog_ui_button_ok {
  background-color: var(--light-text) !important;
}

.ownerFreeInput {
  width: 90%;
  padding: 4px 4px;
  margin: 8px 0;
  box-sizing: border-box;
  border: rgb(102, 102, 102) 1px solid;
  border-radius: var(--btn-radius);
  outline: none;
  color: var(--general-dark-text) !important;
}

.delegateFreeInput {
  width: 90%;
  padding: 4px 4px;
  margin: 8px 0;
  box-sizing: border-box;
  border: rgb(102, 102, 102) 1px solid;
  border-radius: var(--btn-radius);
  outline: none;
  color: var(--general-dark-text) !important;
}

.accountableBox p {
  padding-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}

.accountableBox:hover {
  opacity: 0.7;
}

.tooltipcontent {
  padding-top: 1px;
  padding-bottom: 1px;
  max-height: 340px;
  white-space: pre-wrap;
  overflow: auto;
}

.tooltipcontent span{
  color:rgb(52, 52, 52);
  font: 10pt;
}

.tooltipcontent::-webkit-scrollbar {
  display: none;
}

.groupLabelOwner {
  color: var(--light-text);
  min-height: 16px;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 6px;
  text-align: left;
  font-size: 11pt;
}

.groupLabelOwner i {
  cursor: pointer;
  margin-left: 6px;
}

.clearComments{
  width:fit-content;
  float:right;
  position: relative;
  font-size: 12pt;
  margin-top:15px;
  margin-right: 70px;
  cursor: pointer;
  color: var(--dark-text);
  font-weight: 500;
}

.clearComments i{
  margin-left: 5px;
}

.clearComments:hover{
  color:var(--rg-green);
  transition: 0.2s;
}

.circle-container {
  display: flex;
  position: absolute;
  margin-left:335px !important;
  margin-top: 18px;
  height:8px;
}

.circle {
  width: 10px;
  height: 10px;
  border: 2px solid var(--dark-text); 
  border-radius: 50%;
  background-color: transparent;
  margin-left: 18px;
  cursor: pointer;
}

.tooltipfilter {
  padding-top: 1px;
  padding-bottom: 1px;
  max-height: 160px;
  overflow: auto;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.filtertooltipcontentproject {
  max-height: 614px;
  z-index: 100000;
  overflow-y: auto;
  overflow-x: hidden;
}

.filtertooltipcontent {
  max-height: 634px;
  overflow-y: auto;
  overflow-x: hidden;
}

.completionBox p {
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.completionBox {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
  height: 30px;
  background-color: white;
  margin: 0 auto;
  margin-top: 6px;
  margin-bottom: 8px;
  vertical-align: middle;
  line-height: 2em;
  font-size: 11pt;
  color: black;
  cursor: pointer;
  border: 1px solid rgb(151, 151, 151);
  border-radius: var(--btn-radius);
}

.completionBox:hover {
  opacity: 0.7;
}

.addPlantooltiptext {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 400px;
  min-height: 20px;

  background-color: white;
  color: black;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 100000022 !important;
  top: 100%;
  left: 50%;
  margin-top: -20px !important;
  margin-left: -275px;
  overflow: visible !important;
  text-align: center;
  vertical-align: middle;

  font-weight: bold;
  cursor: default;
  opacity: 0;
  transition: opacity 0.3s;
  transition-delay: 0s;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

.addIncidenttooltiptext {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 400px;
  min-height: 20px;

  background-color: white;
  color: black;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 100000022 !important;
  top: 100%;
  left: 50%;
  margin-top: -20px !important;
  margin-left: 150px;
  overflow: visible !important;
  text-align: center;
  vertical-align: middle;

  font-weight: bold;
  cursor: default;
  opacity: 0;
  transition: opacity 0.3s;
  transition-delay: 0s;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

/* This is the arrow */
.viewPlanDiv .addPlantooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 62px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 1099991 !important;
  border-color: transparent transparent white transparent;
}

.viewPlanDiv:hover .addPlantooltiptext {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 1099991 !important;
  display: block;
}

/* This is the arrow */
.viewIncidentDiv .addIncidenttooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 62px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 1099991 !important;
  border-color: transparent transparent white transparent;
}

.viewIncidentDiv:hover .addIncidenttooltiptext {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 1099991 !important;
  display: block;
}

.removeItem {
  display: inline-block;
  font-weight: bold;
  cursor: pointer !important;
}

.removeStatement {
  position: absolute;
  margin-left: 465px;
  top: 82px;
  display: inline-block;
  color: var(--success-text);
  font-size: 11pt;
}

.removeIncidentStatement {
  position: absolute;
  margin-left: 445px;
  top: 82px;
  display: inline-block;
  color: var(--success-text);
  font-size: 11pt;
}

.headertooltiptext {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 670px;
  min-height: 20px;

  background-color: white;
  color: black;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 100000022 !important;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  overflow: visible !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  font-weight: lighter;
  cursor: default;
  opacity: 0;
  transition: all 0.4s ease-in-out 0.2s;
  word-wrap: break-word !important;
}

.headertooltiptextside {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 400px;
  min-height: 50px;

  background-color: white;
  color: black;
  font-size: 13px;
  font-weight: lighter;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1000000 !important;
  top: 45%;
  left: 105px;
  margin-left: -60px;
  overflow: visible !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  cursor: default;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.3s;
  white-space: normal;
}

.headertooltiptextsidemeta {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 400px;
  min-height: 50px;

  background-color: white;
  color: black;
  font-size: 13px;
  font-weight: lighter;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1000000 !important;
  top: 35%;
  left: 115px;
  margin-left: -60px;
  overflow: visible !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  cursor: default;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.3s;
  white-space: normal;
}

.commenttooltip {
  width: 15px;
  color: var(--dark-text);
}

.commenttooltip .commenttooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 61px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.plandata .commenttooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 61px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

#plandataProjection .commenttooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 61px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.commenttooltip .commenttooltiptextdashboard::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  right: 47px;
  margin-right: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

/* Tooltip text */
.commenttooltip .commenttooltiptext {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 600px;
  min-height: 20px;
  background-color: white;
  color: black;
  text-align: left;
  border-radius: 6px;
  text-decoration: none;

  padding-bottom: 8px;

  margin-left: -61px;
  margin-top: 10px;
  position: absolute;
  z-index: 10000001;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

.plandata .commenttooltiptext {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 600px;
  min-height: 20px;
  background-color: white;
  color: black;
  text-align: left;
  border-radius: 6px;
  text-decoration: none;
  white-space: normal !important;

  padding-bottom: 8px;

  margin-left: -4px;
  margin-top: 6px;
  position: absolute;
  z-index: 100001;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

#plandataProjection .commenttooltiptext {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 560px;
  min-height: 20px;
  background-color: white;
  color: black;
  text-align: left;
  border-radius: 6px;
  text-decoration: none;
  white-space: normal !important;

  padding-bottom: 8px;

  margin-left: -4px;
  margin-top: 15px;
  position: absolute;
  z-index: 1;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

/* Tooltip text */
.commenttooltip .commenttooltiptextdashboard {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 600px;
  min-height: 20px;
  background-color: white;
  color: black;
  text-align: left;
  border-radius: 6px;
  text-decoration: none;

  padding-bottom: 8px;

  right: 0;
  margin-right: 10px;

  margin-left: -61px;
  margin-top: 10px;
  position: absolute;
  z-index: 1;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
}

.commenttooltiptext .headerText p {
  margin-left: -6px;
  margin-top: -2px;

  overflow-wrap: break-word;
  hyphens: manual;
}

.plandata .commenttooltiptext .headerText p {
  margin-left: 0px;
  margin-top: -2px;
}

#plandataProjection .commenttooltiptext .headerText p {
  margin-left: 0px;
  margin-top: -2px;
}

.commenttooltiptextdashboard .headerTextDashboard p {
  margin-left: 0px;
  margin-top: -2px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.commenttooltip:hover .commenttooltiptext {
  visibility: visible;
}

.plandata:hover .commenttooltiptext {
  visibility: visible;
}

#plandataProjection:hover .commenttooltiptext {
  visibility: visible;
}

.commenttooltip:hover .commenttooltiptextdashboard {
  visibility: visible;
}

.commentToolTipContainer {
  z-index: 20;
  overflow: visible;
  display: block;
  max-height: 200px;
  overflow-y: auto;
}

.commentToolTipContainer span{
  max-height: 180px;
  overflow-y: auto;
}

/* This is the arrow */
.viewDiv .headertooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 62px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 1099991 !important;
  border-color: transparent transparent white transparent;
}

.viewDiv:hover .headertooltiptext {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 1099991 !important;
  display: block;
}

/* This is the arrow */
.rowRisk .headertooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 62px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 1099991 !important;
  border-color: transparent transparent white transparent;
}

.rowRisk:hover .headertooltiptext {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 1099991 !important;
  display: block;
}

/* This is the arrow */
.rowRiskGroup .headertooltiptextside::after {
  content: "";
  position: absolute;
  top: 24px;
  left: -9px;

  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent #fff transparent transparent;
}

.rowRiskGroup:hover .headertooltiptextside {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 109999 !important;
  display: block;
}

/* This is the arrow */
.rowRiskMeta .headertooltiptextsidemeta::after {
  content: "";
  position: absolute;
  top: 24px;
  left: -9px;

  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent #fff transparent transparent;
}

.rowRiskMeta:hover .headertooltiptextsidemeta {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 1009999 !important;
  display: block;
}

/* This is the arrow */
.bizline .headertooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 62px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent transparent white transparent;
}

.bizline:hover .headertooltiptext {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 109999 !important;
  display: block;
}

.bizextra {
  vertical-align: middle;
  background-color: var(--grid-mid);
  color: var(--grid-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;

  width: 110px;
  max-width: 6em !important;
  height: 3em !important;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
  z-index: 10000 !important;
}

.bizextraPlan {
  vertical-align: middle;
  background-color: var(--grid-mid);
  color: var(--grid-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;

  min-width: 110px;
  max-width: 6em !important;
  height: 3em !important;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
  z-index: 10000 !important;
}

.bizextraComment {
  vertical-align: middle;
  background-color: var(--grid-mid);
  color: var(--grid-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;

  min-width: 100px !important;
  height: 3em !important;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
  z-index: 10000 !important;
}

/* This is the arrow */
.bizgroupline .headertooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 62px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent transparent white transparent;
}

.bizgroupline:hover .headertooltiptext {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 109999 !important;
  display: block;
}

.defaultMappingHelp .headertooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 62px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent transparent white transparent;
}

.defaultMappingHelp .headertooltiptext {
  transition: none !important;
}

.defaultMappingHelp:hover .headertooltiptext {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 109999 !important;
  display: block;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
  margin-left: -46px;
  margin-top: 45px;
  font-size: 11pt;
}

.defaultMappingHelp:hover .headertooltiptext #helptext {
  margin: 5px 8px 5px 8px;
  padding-bottom: 5px;
  height: fit-content;
}

/* This is the arrow */
.bizmetaline .headertooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 62px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent transparent white transparent;
}

.bizmetaline:hover .headertooltiptext {
  visibility: visible;
  position: absolute;
  opacity: 1;
  word-wrap: break-word;
  z-index: 109999 !important;
}

.addPlantooltiptext .addText {
  margin: 5px 8px 5px 8px;
  padding-bottom: 5px;
  height: fit-content;
}

.addPlantooltiptext .addText span {
  color: var(--light-text);
  cursor: pointer;
}

.addIncidenttooltiptext .addText {
  margin: 5px 8px 5px 5px;
  padding-bottom: 5px;
  height: fit-content;
}

.addIncidenttooltiptext .addText span {
  color: var(--light-text);
  cursor: pointer;
}

.commenttooltiptext .headerText {
  margin: 5px 8px 1px 8px;
  padding-bottom: 1px;
  height: fit-content;
  user-select: text;
}

.commenttooltiptextdashboard .headerText {
  margin: 5px 8px 1px 8px;
  padding-bottom: 1px;
  height: fit-content;
  user-select: text;
}

.commenttooltiptextdashboard .headerTextDashboard {
  margin: 5px 8px 1px 8px;
  padding-bottom: 1px;
  height: fit-content;
}

.headertooltiptext .headerText {
  margin: 5px 8px 5px 8px;
  padding-bottom: 5px;
  height: fit-content;
  user-select: text;
}

.headertooltiptext .headerText a {
  color: var(--light-text);
}

.headertooltiptext .headerButton {
  margin: 0px 5px 5px 8px;
  width: fit-content;
  cursor: pointer;
  color: var(--light-text);
}

.headertooltiptextside .headerText {
  margin: 0px 8px 5px 5px;
  padding-bottom: 5px;
  height: fit-content;
  user-select: text;
}

.headertooltiptextside .headerButton {
  margin: 0px 5px 5px 8px;
  width: fit-content;
  cursor: pointer;
  color: var(--light-text);
}

.headertooltiptextsidemeta .headerText {
  margin: 0px 8px 5px 5px;
  padding-bottom: 5px;
  height: fit-content;
  user-select: text;
}

.headertooltiptextsidemeta .headerButton {
  margin: 0px 5px 5px 8px;
  width: fit-content;
  cursor: pointer;
  color: var(--light-text);
}

.ControlHeaderline {
  font-weight: bold;
  vertical-align: middle;
  height: 2.5em !important;

  font-size: 14pt !important;

  background-color: var(--grid-top);
  color: var(--general-light-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;

  border-radius: 15px 15px 0px 0px;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
}

.ControlLabelline {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;

  height: 70px !important;
  width: 90px !important;
  max-width: 90px !important;
  background-color: var(--grid-mid);
  color: var(--general-light-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;

  position: relative;
  text-align: center;
  vertical-align: middle;
}

.ControlValueline {
  font-weight: bold;
  vertical-align: middle;
  background-color: var(--grid-bot);
  color: var(--general-light-text);
  border-left: solid var(--background) 1px;
  border-right: solid var(--background) 1px;

  max-width: 6em !important;
  height: 3em !important;

  overflow: visible;
  text-overflow: ellipsis;
  position: relative;
  text-align: center;
  z-index: 1000 !important;
}

.emptyProject {
  margin-top: 10px;
  margin-left: 20px;
  color: var(--light-text);
}

.updateButton {
  cursor: pointer;
  color: var(--light-text);
  text-decoration: none;
}

.updateButton:link {
  color: var(--light-text);
}

.updateButton:visited {
  color: var(--light-text);
}

.updateButton:active {
  color: var(--light-text);
}

.blankCell {
  border: 0px;
  border-left: solid 1px var(--background);
  border-top: solid 1px var(--background);
}

.blankCellWhite {
  border: 0px;
  border-left: solid 1px var(--background);
  border-top: solid 1px var(--background);
}

.blankCellMapping {
  border: 0px;
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;
}

.dateError {
  position: relative;
  color: var(--error-text) !important;
  font-size: 14px !important;
  font-weight: 600;
  margin: 10px;
}

.betweenDates {
  position: relative;
}

.datetooltiptextside {
  position: absolute;
  visibility: hidden;
  left: 320px;
  top: 10px;
  width: fit-content;

  background-color: white;
  color: black;
  font-weight: lighter;
  text-decoration: none;
  border-radius: 6px;
  z-index: 1000000 !important;

  overflow: visible !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);

  cursor: default;
  opacity: 1;
  transition: opacity 1s;
  transition-delay: 0.2s;
  white-space: normal;
}

/* This is the arrow */
.datetooltiptextside::after {
  content: " ";
  position: absolute;
  top: 40%;
  left: -10px;

  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent white transparent transparent;
}

#HistoryTable {
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 30px;

  width: 94%;
  color: var(--light-text);
  margin-left: 20px;
  margin-right: 15px;

  overflow-y: auto !important;
  overflow-x: hidden;
  border: 0px !important;

  z-index: 10;
  display: block;
  height: 216px;
}

#HistoryTable p {
  padding: 0.5em;
  min-width: 70px;
}

#historyMiddle {
  text-align: center;
  vertical-align: middle;
  height: 24px;
  background-color: var(--grid-top);
  color: white;
  border-left: solid #f0f2f5 1px;
  border-right: solid #f0f2f5 1px;
  position: sticky;
  top: 0;
  width: 120px;
}

#historyComments {
  text-align: center;
  vertical-align: middle;
  height: 24px;
  width: 460px;
  background-color: var(--grid-top);
  color: white;
  border-left: solid #f0f2f5 1px;
  border-right: solid #f0f2f5 1px;
  position: sticky;
  top: 0;
}

#historyLeft {
  text-align: center;
  vertical-align: middle;
  height: 24px;
  background-color: var(--grid-top);
  color: white;
  border-left: solid white 1px;
  border-right: solid #f0f2f5 1px;
  border-radius: 15px 0px 0px 0px;
  position: sticky;
  top: 0;
  overflow: hidden;
  width: 120px;
}

#historyRight {
  text-align: center;
  vertical-align: middle;
  height: 24px;
  background-color: var(--grid-top);
  color: white;
  border-left: solid #f0f2f5 1px;
  border-right: solid white 1px;
  border-radius: 0px 15px 0px 0px;
  position: sticky;
  top: 0;
  width: 120px;
}

.signHeaders{
  font-size: 12pt;
}

#signLeft {
  text-align: center;
  vertical-align: middle;
  height: 34px;
  background-color: var(--grid-top);
  color: white;
  border-left: solid white 1px;
  border-right: solid #f0f2f5 1px;
  border-radius: 15px 0px 0px 0px;
  position: sticky;
  top: 0;
  overflow: hidden;
  width: 170px;
}

#signMiddle {
  text-align: center;
  vertical-align: middle;
  height: 34px;
  background-color: var(--grid-top);
  color: white;
  border-left: solid #f0f2f5 1px;
  border-right: solid #f0f2f5 1px;
  position: sticky;
  top: 0;
  width: 120px;
}

#signRight {
  text-align: center;
  vertical-align: middle;
  height: 34px;
  background-color: var(--grid-top);
  color: white;
  border-left: solid #f0f2f5 1px;
  border-right: solid white 1px;
  border-radius: 0px 15px 0px 0px;
  position: sticky;
  top: 0;
  width: 420px;
}

#HistoryTable td {
  height: 12px !important;
  border: 1px solid #f0f2f5;
  vertical-align: middle;
}

#dataLeft {
  border-left: solid 1px white !important;
}

#dataRight {
  border-right: solid 1px white !important;
}

.lineboth {
  border-left: solid 1px #000;
  border-right: solid 1px #000;
}

.panel-body {
  display: block;
  margin-top: 20px;
  margin-bottom: 0px;
  text-align: center;
}

.wizard {
  margin-top: 0px;
  margin-left: -15px;
  margin-right: -10px;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;

  position: relative;
  display: inline-block;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.wizard a {
  background-color: var(--grid-mid);
  color: var(--dark-text);
  display: inline-block;
  margin-right: 5px;
  min-width: 150px;
  width: 160px;
  max-width: 200px;
  min-height: 39px;
  outline: none;
  padding: 10px 40px 10px;
  position: relative;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  text-overflow: ellipsis;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  justify-content: center;
  align-items: center;
}

.wizard a:hover {
  color: #fff !important;
  background-color: var(--grid-top);
  transition: 0.5s;
}

.wizard a:hover:after {
  border-left: 21px solid var(--grid-top);
  transition: 0.5s;
}


.wizard a:before {
  width: 0;
  height: 0;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid var(--background);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

.wizard a:after {
  width: 0;
  height: 0;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 21px solid var(--grid-mid);
  position: absolute;
  content: "";
  top: 0;
  right: -20px;
  z-index: 2;
}

.wizard a:first-child:before,
.wizard a:last-child:after {
  border: none;
}

.wizard a:first-child {
  width: 150px !important;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}

.wizard a:last-child {
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}

.wizard a:first-child div{
  margin-left:-10px;
}

.wizard a div {
  margin: auto;
  text-overflow: ellipsis;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}


.sidebar {
  background: var(--sidebar);
  margin-top: 0px;
  padding-top: 20px;
  position: fixed;
  left: 0px;
  width: 250px;
  height: 100%;
  transition: 0s ease;
  transition-property: left;
  z-index: 997;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.sidebar-selected {
  background-color: var(--sidebar-hover);
}

.sidebar li {
  white-space: nowrap;
  /*background-color: pink !important;
  min-height: 60px;*/
}

.sidebar .profile_image {
  margin-top: 11px;
  margin-left: 0px;
  margin-bottom: 5px;
  padding-right: 40px;

  /*width: 70%;*/
}

.sidebar ul {
  position: absolute;
  background-color: var(--sidebar);
  z-index: 999 !important;
  width: 100%;
}

.sidebar ul li {
  width: 100%;
}

.sidebar ul a {
  color: rgb(255, 255, 255);
  display: block;
  width: 100%;
  line-height: 60px;
  text-decoration: none;
  padding-left: 40px;
  box-sizing: border-box;
  transition: 0s ease;
  transition-property: background;
  list-style: none;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar ul li:hover a {
  padding-left: 50px;
  transition: 0.5s;
}

.sidebar ul a i {
  min-width: 27px;;
  margin-right: 16px;
}

.sidebar a:hover {
  background: var(--sidebar-hover);
}

.cookieAgree {
  position: absolute;
  background: #414040;
  font-size: 11pt;
  color: white;
  width: 960px;
  height: 50px;
  margin-left: 270px;
  bottom: 20px;
  z-index: 30000000;
  line-height: 3;
  display: inline;
}

.cookieAgree p {
  display: inline;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 20px;
}

.cookieAgree span {
  cursor: pointer;
  display: inline;
  color: var(--light-text);
  margin-left: 20px;
  margin-right: 20px;
  vertical-align: middle;
}

#check {
  display: none;
}

label #btn,
label #cancel {
  position: fixed;
  z-index: 98;
  border-radius: 3px;
  cursor: pointer;
}

label #btn {
  left: 200px;
  top: 33px;
  font-size: 25px;
  color: white;
  padding: 6px 12px;
  z-index: 3;
}

label #cancel {
  z-index: 1111;
  left: 200px;
  top: 33px;
  font-size: 25px;
  color: white;
  padding: 6px 12px;
  z-index: 998;
}

#check:checked~.sidebar {
  left: -190px;
}

#check:checked~.sidebar a {
  margin-left: 170px;
  width: 80px;
}

#check:checked~.sidebar span {
  display: none;
}

#check:checked~.sidebar img {
  margin-left: -20px;
}

#check:checked~label #btn {
  left: 0px;
  opacity: 0;
  pointer-events: none;
}

#check:checked~label #cancel {
  left: 6px;
  top: 33px;
}

#check:checked~.content {
  margin-left: 60px;
  width: calc(100% - 60px);
}

#check:checked~.hero {
  margin-left: 60px;
}

#check:checked~.hero-tabs {
  margin-left: 60px;
}

#templateUse:hover > a {
  background-color: var(--rg-green);
}

#projectBack:hover > a {
  background-color: var(--rg-red);
}


.hero {
  width: 100%;
  margin-top: 162px;
  height: 82px;
  position: fixed;
  z-index: 10001;
  background-color: var(--background);



  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transform: translateY(-60px);
}

.hero.fade {
    transform: translateY(-40px);
    opacity: 1;
    visibility: visible;
}

.hero-tabs {
  width: 100%;
  margin-top: 124px;

  height: 50px;
  display: block;
  position: fixed;
  /*margin-left: 250px;*/

  background-color: var(--bot-nav);
  z-index: 10000;
}

.profile-hero {
  width: 100%;
  margin-top: 0px;

  height: 70px;
  display: block;
  position: fixed;
  /*margin-left: 250px;*/

  background-color: white;
  z-index: 9998;
}

.content {
  margin-left: 250px;
  background-position: center;
  background-size: cover;
  background: var(--background);

  width: calc(100% - 250px);
  display: flex;
  height: 100%;
  float: none;
  display: flex;

  transition: 0s;
  z-index: 2;
  position: absolute;
  overflow-y: hidden;
}

#inherentContent {
  background-position: center;
  background-size: cover;
  transition: 0s;
  z-index: 9999;
  margin-top: 150px;

  width: 100%;

  transform: translateY(0px);
  transition: all 0.3s ease-in-out;

  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll !important;
  overflow-x: scroll !important;

  padding-bottom: 50px;
}

#controlsContent {
  background-position: center;
  background-size: cover;
  transition: 0s;
  z-index: 9999;
  margin-top: 150px;

  width: 100%;

  transform: translateY(0px);
  transition: all 0.3s ease-in-out;

  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
}

#residualContent {
  background-position: center;
  background-size: cover;
  transition: 0s;
  z-index: 9999;

  width: 100%;
  margin-top: 150px;

  transform: translateY(0px);
  transition: all 0.3s ease-in-out;

  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
}

#reviewContent {
  background-position: center;
  background-size: cover;
  transition: 0s;
  z-index: 9999;

  width: 100%;
  margin-top: 150px;

  transform: translateY(0px);
  transition: all 0.3s ease-in-out;

  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
}

#planContent {
  background-position: center;
  background-size: cover;
  transition: 0s;
  z-index: 9999;
  margin-top:150px;

  width: 100% !important;
  padding-bottom: 600px;

  transform: translateY(0px);
  transition: all 0.3s ease-in-out;

  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
  white-space: nowrap;
}

#planContent.fade{
  transform: translateY(54px);
}


.futurePlanDesc {
  display: inline-block;
  white-space: normal;
}

.futurePlanDesc span {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  margin-left: 2px;
  margin-right: 2px;
}

.relative {
  position: relative;
}

#inherentContent.fade{
  margin-top: 204px;
}

#controlsContent.fade{
  margin-top: 204px;
}

#residualContent.fade{
  margin-top: 204px;
}

#reviewContent.fade{
  margin-top: 204px;
}

.submenu {
  width: 100%;
  height: 80px;

  display: block;
  position: fixed;
  margin-top: 0px;

  white-space: nowrap;
  z-index: 909998;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.projectSelect {
  display: inline-block;
  position: relative;
  left: 34px;
  top: -2px;
  margin: 0px 5px 5px 5px;
  width: 120px;
  color: black;
  font-weight: bold;
  outline: none;
  text-overflow: ellipsis;
  border-radius: 6px;
  border: 1px solid black;

  z-index: 10999;

  font-size: 12pt;
}

.editProjectBtn {
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  left: 52px;
  top: -4px;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.editProjectBtn:hover {
  color: var(--light-text);
  transition: 0.2s;
}

.showTags{
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  white-space: nowrap;

  z-index: 10999;
  cursor: pointer;
  font-size: 11pt;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



.clearFilterBtn {
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  margin-left: 15px;
  top: 40px;
  white-space: nowrap;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.clearFilterBtn:hover{
  color: var(--light-text);
}

.calDate{
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  margin-left: 80px;
  top: 13px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 10999;
  font-size: 12pt;
}

.clearTagFilterBtn{
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  margin-left: 5px;
  top: 13px;
  white-space: nowrap;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.clearTagFilterBtn:hover{
  color: var(--light-text);
}

.clearPlanFilterBtn{
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  margin-left: -30px;
  top: 42px;
  white-space: nowrap;
  margin-right:10px;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.clearPlanFilterBtn:hover{
  color: var(--light-text);
}

.editPlanBtn {
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  margin-left: 52px;
  top: -6px;
  white-space: nowrap;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.editPlanBtn i {
  margin-right: 5px;
}

.editPlanBtn:hover {
  color: var(--light-text);
  transition: 0.2s;
}

#clearTagFilters {
  color: var(--dark-text) !important;
  margin-left: 7px;
  margin-top: 26px;
  cursor: pointer;
}

#clearTagFilters:hover {
  color: var(--light-text) !important;
  transition: 0.2s;
}

#filterCount {
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  margin-left: 10px;
  top: -6px;
  white-space: nowrap;

  z-index: 10999;
  font-size: 16pt;
}

.editHeadersBtn {
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  left: 112px;
  top: -4px;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.editHeadersBtn:hover {
  color: var(--light-text);
  transition: 0.2s;
}

.editMembersBtn {
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  left: 168px;
  top: -4px;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.editMembersBtn:hover {
  color: var(--light-text);
  transition: 0.2s;
}

.editRiskMappingBtn {
  position: relative;
  display: block;
  color: var(--light-text);
  left: 21px;
  top: -6px;
  margin-top: 16px;
  font-weight: 500;

  width: fit-content;

  z-index: 10999;
  cursor: pointer;
  font-size: 11pt;
}

.editRiskMappingBtn:hover {
  color: var(--rg-green);
  transition: 0.2s;
}

#riskMappingUL p{
  font-size:12pt !important;
  text-align: left;
  margin-left: 5px;
  color:var(--success-text);
  margin-top:2px;
  margin-bottom:2px;
  cursor: default;
}

.nav-icons{
  margin-top:4px;
  position: absolute;
  display: inline-block;
}

#calendarFilterBtn {
  background-color: transparent;
  height:31px;
  margin-left:-20px;
  margin-top:-20px;
  position: absolute;
  left:-30px;
  width:27px;
  color: transparent;
  border: none;
  outline: none !important;
}

#calendarFilterBtn:focus {
  border: none;
  outline: none !important;
}

#calendarIcon{
  position: absolute;
  color: var(--dark-text);
  margin-top:86px;
  left:40px;
  cursor:pointer;
}

.hovered{
  color: var(--light-text) !important;
  transition: 0.2s;
}

#calendarFilterBtn:hover #calendarIcon{
  color: var(--light-text) !important;
  transition: 0.2s;
}

.grid-sub-menu {
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  margin-left: 70px;
  /*top: 26px;*/
  top:26px;
  white-space: nowrap;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.grid-sub-menu:hover {
  color: var(--light-text);
  transition: 0.2s;
}

.grid-sub-plan-menu {
  position: relative;
  display: inline-block;
  background: white;
  margin-left: 30px;
  margin-right: 40px;
  padding-left: 30px;
  padding-right: 30px;
  white-space: nowrap;
  z-index: 10999;
  cursor: pointer;
  font-size: 13pt;
  line-height: 45px;
  border: 1px solid #d3d3d3;
  border-radius: var(--btn-radius);
  height: 45px;
  display: flex;
  align-items: center;
  top:26px;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}

.grid-sub-plan-menu p {
  margin: 0;
}

.planCountMenu {
  position: relative;
  top: 41px;
  left:-35px !important;
}

.grid-sub-plan-menu:hover {
  color: var(--light-text);
  border: 1px solid #999999;
}


#saveRiskMappingBtn{
  color:var(--success-text);
}


#saveRiskMappingBtn:hover {
  color: rgb(0, 194, 0);
  transition: 0.2s;
}

.mapping-sub-menu {
  position: relative;
  display: inline-block;
  color: var(--dark-text);
  margin-left: 102px;
  /*top: 26px;*/
  top:33px;
  white-space: nowrap;

  z-index: 10999;
  cursor: pointer;
  font-size: 12pt;
}

.mapping-sub-menu:hover {
  color: var(--light-text);
  transition: 0.2s;
}

.zoomScroll {
  position: relative;
  display: inline-block;
  margin-left: 812px !important;
  top: -6px;
  white-space: nowrap;
}

.zoom-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  font-size: 12pt;
  margin-top: 15px;
  color: var(--dark-text);
  text-align: center;
  height: 200px;
  width: 50px;
  left: -7px;
  cursor: default;
}

.zoom-menu-open {
  display: block;
}

.zoom-bar{
  margin-top:10px;
}

.zoom-bar input{
  position: absolute;
  background-color: #fff;
  left:-34px;
  top: 78px;
}

.zoom-menu.active {
  display: block;
}

.zoom-minus{
  display: block;
  margin: 5px 0;
  margin-left: 2px;
  margin-top: -26px;;
  cursor: pointer;
  font-size: 35pt !important;
}
.zoom-plus {
  display: block;
  margin: 5px 0;
  margin-left: 3px;
  cursor: pointer;
  margin-top: 121px;
  font-size: 24pt !important;
}

.zoom-menu span{
  font-size: 18pt;
  text-align: center;
}

.popupBack {
  position: absolute;
  margin-top: 4px;
  color: var(--light-text);
  top: 42px;

  z-index: 10999;
  cursor: pointer;
  font-size: 11pt;
}

.editGroups {
  position: absolute;
  margin-top: 4px;
  color: var(--light-text);

  z-index: 10999;
  cursor: pointer;
  font-size: 11pt;
}

.editGroupsBack {
  position: absolute;
  margin-top: 4px;
  color: var(--light-text);

  z-index: 10999;
  cursor: pointer;
  font-size: 11pt;
}

.archivedHeaders {
  position: absolute;
  margin-top: 4px;
  right: -105px;
  color: var(--light-text);

  display: none;

  z-index: 10999;
  cursor: pointer;
  font-size: 11pt;
}

.archivedGroups {
  position: absolute;
  margin-top: 4px;
  right: -105px;
  color: var(--light-text);

  display: none;

  z-index: 10999;
  cursor: pointer;
  font-size: 11pt;
}

.popup {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1000000;
}

.popup-content {
  height: 675px;
  width: 650px;
  top: calc(50% - 435px);
  left: calc(50% - 525px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-header {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: move;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#popup-content-header span {
  display: inline-block;
  max-width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popupHeaders {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1000000;
}

.popup-content-Headers {
  height: 520px;
  width: 650px;
  top: calc(50% - 250px);
  left: calc(50% - 525px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;

  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-Headers .Headers-content {
  height: 425px;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

#popup-content-Headersheader {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: move;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#popup-content-Headersheader p {
  margin-left: 20px;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.popupShare {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1000000;
}

.popup-content-Share {
  height: 450px;
  width: 653px;
  top: calc(50% - 250px);
  left: calc(50% - 525px);
  background: #fff;
  padding-bottom: 40px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;

  overflow: hidden;
}

#popup-content-Headers-Share {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: move;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  white-space: nowrap;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#popup-content-Headers-Share p {
  margin-left: 20px;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
}

#popup-content-Headers-Share span {
  display: inline-block;
  max-width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#popup-content-Share .tab-body {
  position: relative;
  height: calc(100% - 20px);
  padding-bottom: 20px;

  overflow-y: auto;
  overflow-x: none;
}

/* ------------------------------------------------------------------------------- */

.popupEditItem {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  z-index: 1000000;
}

.popup-content-EditItem {
  /*height: 390px;
  top: calc(50% - 250px);*/
  /*height: 453px;
  top: calc(50% - 278px);*/
  min-height: 395px;
  top: calc(50% - 293px);
  /*height: 516px;
  top: calc(50% - 313px);*/

  height: auto;

  width: 550px;
  left: calc(50% - 475px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-EditItem .item-name {
  margin-left: 20px;
  width: 92%;
  text-overflow: ellipsis;
  overflow: hidden;
}

#popup-content-Headers-EditItem {
  width: 100%;

  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  white-space: nowrap;
  cursor: move;

  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ------------------------------------------------------------------------------- */

.popupEditIncidentDesc {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-EditIncidentDesc {
  height: 380px;
  width: 790px;
  top: calc(50% - 290px);
  left: calc(50% - 550px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-EditIncidentDesc p {
  margin-left: 20px;
  width: 92%;
  text-overflow: ellipsis;
  overflow: hidden;
}

#popup-content-Headers-EditIncidentDesc {
  width: 100%;

  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  white-space: nowrap;
  cursor: move;

  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupEditProfile {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-EditProfile {
  height: 150px;
  width: 500px;
  top: calc(50% - 230px);
  left: calc(50% - 450px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-EditProfile p {
  margin-left: 20px;
  width: 92%;
  text-overflow: ellipsis;
  overflow: hidden;
}

#popup-content-Headers-EditProfile {
  width: 100%;

  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  white-space: nowrap;
  cursor: move;

  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ------------------------------------------------------------------------------- */

.popupEditProject {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-EditProject {
  height: 580px;
  width: 550px;
  top: calc(50% - 290px);
  left: calc(50% - 475px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-EditProject p {
  margin-left: 20px;
  width: 92%;
  text-overflow: ellipsis;
  overflow: hidden;
}

#popup-content-Headers-EditProject {
  width: 100%;

  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  white-space: nowrap;
  cursor: move;

  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupSignOff {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-SignOff {
  height: 720px;
  width: 800px;
  top: calc(50% - 442px);
  left: calc(50% - 610px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-SignOff p {
  margin-left: 20px;
}

#popup-content-Headers-SignOff {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupAddBiz {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-AddBiz {
  height: 220px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-AddBiz p {
  margin-left: 20px;
}

#popup-content-Headers-AddBiz {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupAddBizGroup {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-AddBizGroup {
  height: 220px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-AddBizGroup p {
  margin-left: 20px;
}

#popup-content-Headers-AddBizGroup {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupMultipleSelect {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-MultipleSelect {
  height: 250px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-MultipleSelect p {
  margin-left: 20px;
}

.popup-content-Headers-MultipleSelect {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupSelectRisk {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-SelectRisk {
  height: 220px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-SelectRisk p {
  margin-left: 20px;
}

.popup-content-Headers-SelectRisk {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupConfirmCloneMapping {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-ConfirmCloneMapping {
  height: 170px;
  width: 520px;
  top: calc(50% - 145px);
  left: calc(50% - 215px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-ConfirmCloneMapping p {
  margin-left: 20px;
}

#popup-content-Headers-ConfirmCloneMapping {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.popupConfirmTemplateClone {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-ConfirmTemplateClone {
  height: 140px;
  width: 520px;
  top: calc(50% - 145px);
  left: calc(50% - 215px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-ConfirmTemplateClone p {
  margin-left: 20px;
}

#popup-content-Headers-ConfirmTemplateClone {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.popupConfirmRisk {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-ConfirmRisk {
  height: 140px;
  width: 520px;
  top: calc(50% - 142px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-ConfirmRisk p {
  margin-left: 20px;
}

#popup-content-Headers-ConfirmRisk {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupConfirmMicrosoftSubChange {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-ConfirmMicrosoftSubChange {
  height: 170px;
  width: 520px;
  top: calc(50% - 92px);
  left: calc(50% - 250px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-ConfirmMicrosoftSubChange p {
  margin-left: 20px;
}

#popup-content-Headers-ConfirmMicrosoftSubChange {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupPickRisks {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-PickRisks {
  height: 330px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-PickRisks p {
  margin-left: 20px;
}

#popup-content-Headers-PickRisks {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pickValues {
  width: 100%;
  margin-top:20px;
  display: flex;
  flex-wrap: nowrap;
  display: none;
}

.pickMultipleValues {
  width: 100%;
  margin-top:20px;
  display: flex;
  flex-wrap: nowrap;
}

.column {
  flex: 1;
  max-width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

.left-column {
  order: 1;
}

.right-column {
  position: absolute;
  top:84px;
  left:50%;
  margin-left: auto;
  order: 2;
}

.pick-item {
  width: 100%;
  height: 50px;
  background-color: lightgray;
  margin-bottom: 10px;
}

.popupPickMultiple {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-PickMultiple {
  height: 170px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

#popup-content-Headers-PickMultiple {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupAddRisk {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-AddRisk {
  height: 220px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-AddRisk p {
  margin-left: 20px;
}

#popup-content-Headers-AddRisk {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupAddRiskGroup {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-AddRiskGroup {
  height: 220px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-AddRiskGroup p {
  margin-left: 20px;
}

#popup-content-Headers-AddRiskGroup {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupAddRiskMeta {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-AddRiskMeta {
  height: 170px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-AddRiskMeta p {
  margin-left: 20px;
}

#popup-content-Headers-AddRiskMeta {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupAddBizMeta {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-AddBizMeta {
  height: 170px;
  width: 500px;
  top: calc(50% - 182px);
  left: calc(50% - 460px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-AddBizMeta p {
  margin-left: 20px;
}

#popup-content-Headers-AddBizMeta {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupRISKGRIDTour {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: flex;

  z-index: 1000000;
}

.popup-content-RISKGRIDTour {
  height: 770px;
  width: 900px;
  top: calc(50% - 425px);
  left: calc(50% - 470px);
  background: #f0f2f5;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup-content-RISKGRIDTour p {
  margin-left: 0px;
}

#popup-content-Headers-RISKGRIDTour {
  width: 100%;
  height: 140px;
  border-radius: 5px 5px 0px 0px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup-content-Headers-RISKGRIDTour p {
  text-align: center;
  color: #fff;
  font-size: 18pt;
}

#popup-content-Bottom-RISKGRIDTour {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  border-radius: 0px 0px 5px 5px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup-content-RISKGRIDTour img {
  display: block;
}

.tourProgress {
  position: absolute;
  bottom: 140px;
  text-align: center;
  color: #aaaaaa;
}

.tourProgress i {
  margin-left: 18px;
  cursor: pointer;
}

.tourIcons i {
  margin-left: 40px;
  cursor: pointer;
  transition: 0.1s;
}

.tourIcons i:hover {
  color: var(--tour-select)
}

.tourIcons p {
  font-size: 20pt;
  margin-top: -15px;
  margin-bottom: 20px;
  text-align: center;
}

.popupEditUserAccess {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-UserAccess {
  height: 130px;
  width: 500px;
  top: calc(50% - 92px);
  left: calc(50% - 450px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-UserAccess p {
  margin-left: 20px;
}

#popup-content-Headers-UserAccess {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupExportGrid {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-ExportGrid {
  height: 130px;
  width: 510px;
  top: calc(50% - 92px);
  left: calc(50% - 450px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-ExportGrid p {
  margin-left: 20px;
}

#popup-content-Headers-ExportGrid {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupPrintPDF {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-PrintPDF {
  height: 130px;
  width: 500px;
  top: calc(50% - 92px);
  left: calc(50% - 450px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-PrintPDF p {
  margin-left: 20px;
}

#popup-content-Headers-PrintPDF {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupUpgrade {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-Upgrade {
  height: 130px;
  width: 520px;
  top: calc(50% - 92px);
  left: calc(50% - 250px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-Upgrade p {
  margin-left: 20px;
}

#popup-content-Headers-Upgrade {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupLinkedPlans {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup-content-LinkedPlans {
  height: 150px;
  width: 720px;
  top: calc(50% - 92px);
  left: calc(50% - 550px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-LinkedPlans p {
  margin-left: 20px;
}

#popup-content-Headers-LinkedPlans {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



.popupLinkedIncidents {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup-content-LinkedIncidents {
  height: 150px;
  width: 720px;
  top: calc(50% - 92px);
  left: calc(50% - 550px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-LinkedIncidents p {
  margin-left: 20px;
}

#popup-content-Headers-LinkedIncidents {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.editItem-Desc {
  position: relative;
  height: 60px;
}

.editItem-fields p {
  margin-top: 10px;
  font-size: 11pt;
  color: var(--light-text);
}

.editItem-fieldsItem .item-name {
  margin-top: 10px;
  font-size: 11pt;
  line-height: 23px;
  padding-left:1px;
  color: var(--light-text);
}

.inputEditItemDiv {
  margin-top: 8px;
  margin-left: 20px;
  width: 91%;
  z-index: 1000000;
}

.projectNameInLine {
  display: flex;
  width: 100%;
  height: fit-content;
}

.projectCompleteInLine{
  display: inline-block;
  vertical-align: middle;
}

.editProject-Desc {
  height: 60px;
}

.editProject-fields p {
  margin-top: 10px;
  font-size: 11pt;
  color: var(--light-text);
}

.inputEditProjectDiv {
  margin-top: 8px;
  margin-left: 20px;
  width: 90%;
}

.commentsIDTextAreaDiv {
  width: 80%;
  margin-top: 50px;
  margin-left: 65px;
}

.commentSignOff {
  width: 92%;
  margin-top: 10px;
  margin-left: 20px;
}

.inputEditItem {
  outline: none;
  height: 25px;
  width: 90%;

  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 5px;
  border: none;

  border-bottom: 1px solid rgb(150, 150, 150);
  color: #555555;
  font-size: 13pt;
}

.inputEditItem:hover {
  border-bottom: 1px solid #555555;
  transition: 0.1s;
}

.inputEditItem:focus {
  border-bottom: 1px solid #555555;
  transition: 0.1s;
}

.deleteItem-Buttons-Owner {
  height: 30px;
  text-align: left;
  margin-left: 10px;
  width: 200px;
  display: block;

  position: absolute;
  bottom: 25px;
}

.deleteItem-Buttons-Owner button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;
  display: block;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.deleteItem-Buttons-Owner button:hover {
  background: #f4f6f8;
}

.deleteItem-Buttons {
  margin-top: 188px;
  height: 30px;
  text-align: left;
  margin-left: 10px;
  width: 200px;
  display: block;
}

.deleteItem-Buttons button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;
  display: block;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.deleteItem-Buttons button:hover {
  background: #f4f6f8;
}

.deleteItem-Buttons-Mapping {
  position: absolute;
  bottom: 0;
  margin-bottom: 30px;
  height: 30px;
  text-align: left;
  margin-left: 30px;
  width: 200px;
  display: block;
}

.deleteItem-Buttons-Mapping button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;
  display: block;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.deleteItem-Buttons-Mapping button:hover {
  background: #f4f6f8;
}

.selectMapping-Buttons {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;
  display: block;
  margin-top: -30px !important;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.selectMapping-Buttons:hover {
  background: #f4f6f8;
}

.editItem-Buttons {
  margin-top: 188px;
  display: inline-block;
  height: 30px;

  margin-right: 20px !important;
  width: 300px;
}

.editItem-Buttons button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 36px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons button:hover {
  background: #f4f6f8;
}

.edit-Buttons {
  white-space: nowrap;
  display: flex;
  text-align: right;
}

.editItem-Buttons-Plan {
  margin-top: 152px;
  display: inline-block;
  height: 30px;

  margin-right: 20px !important;
  width: 330px;
}

.editItem-Buttons-Plan button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 36px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Plan button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Item {
  margin-top: 192px;
  display: inline-block;
  height: 30px;

  margin-left: 220px !important;
  width: 300px;
}

.editItem-Buttons-Item button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Item button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Incident {
  margin-top: 238px;
  display: inline-block;
  height: 30px;

  margin-left: 440px !important;
  width: 300px;
}

.editItem-Buttons-Incident button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Incident button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Profile {
  margin-top: 14px;
  display: inline-block;
  height: 30px;

  margin-left: 170px !important;
  width: 300px;
}

.editItem-Buttons-Profile button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Profile button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Invite {
  margin-top: 10px;
  display: inline-block;
  height: 30px;

  margin-left: 300px !important;
  width: 300px;
}

.editItem-Buttons-Label {
  margin-top: 10px;
  display: inline-block;
  height: 30px;

  margin-left: -10px !important;
  width: 280px;
}

.editItem-Buttons-Label button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Label button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Dashboard {
  position: absolute;
  display: inline-block !important;
  height: 30px;
  bottom: 30px;
  right: 40px;
  /*width: 300px;
  
  margin-left: 960px !important;*/
}

.editItem-Buttons-Dashboard button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Dashboard button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Right {
  position: absolute;
  display: inline-block;
  height: 30px;

  width: 300px;
  margin-left: 350px !important;
  bottom: 18px;
}

.editItem-Buttons-Right button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Right button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Right-Labels {
  position: absolute;
  display: inline-block;
  height: 30px;

  width: 300px;
  margin-left: 340px !important;
  bottom: 20px;
}

.editItem-Buttons-Right-Labels button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Right-Labels button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Invite button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Invite button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Invite button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Right-Email {
  margin-top: 0px;
  height: 30px;
  text-align: right;
  margin-right: 20px;
}

.editItem-Buttons-Right-Email button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Right-Email button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-RightUser {
  position: absolute;
  display: inline-block !important;
  height: 30px;

  width: 230px;
  bottom: 16px;
  margin-left: 315px !important;
}

.editItem-Buttons-RightUser button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;
  display: inline-block;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-RightUser button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Tour {
  position: absolute;
  display: inline-block !important;
  height: 30px;

  margin-left: 260px !important;
}

.editItem-Buttons-Tour button {
  padding: 10px 15px 10px 15px;
  color: #f4f6f8;
  background: var(--grid-top);

  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;
  display: inline-block;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Tour button:hover {
  /*background: #f4f6f8;*/
  background: var(--light-text);
}

.editItem-Buttons-Right-Plan {
  position: absolute;
  display: inline-block !important;
  height: 30px;

  width: 230px;
  bottom: 16px;
  margin-left: 505px !important;
}

.editItem-Buttons-Right-Plan button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;
  display: inline-block;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Right-Plan button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Right-Incident {
  position: absolute;
  display: inline-block !important;
  height: 30px;

  width: 270px;
  bottom: 16px;
  margin-left: 470px !important;
}

.editItem-Buttons-Right-Incident button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;
  display: inline-block;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Right-Incident button:hover {
  background: #f4f6f8;
}

.editItem-Buttons-Right-Delete {
  height: 50px;
  text-align: right;
  margin-right: 20px;
}

.editItem-Buttons-Right-Delete button {
  padding: 10px 15px 10px 15px;
  color: var(--light-text);
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-Buttons-Right-Delete button:hover {
  background: #f4f6f8;
}

.popupInviteCompany {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 3;
}

.popup-content-InviteCompany {
  height: 140px;
  width: 530px;
  top: calc(50% - 150px);
  left: calc(50% - 260px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-InviteCompany p {
  margin-left: 20px;
}

#popup-content-Headers-InviteCompany {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupInviteCompanyRequest {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 3;
}

.popup-content-InviteCompanyRequest {
  height: 140px;
  width: 560px;
  top: calc(50% - 150px);
  left: calc(50% - 260px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-InviteCompanyRequest p {
  margin-left: 20px;
}

#popup-content-Headers-InviteCompanyRequest {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ------------------------------------------------------------------------------- */
.popupNewProject {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 3;
}

.popup-content-NewProject {
  height: 480px;
  width: 550px;
  top: calc(50% - 275px);
  left: calc(50% - 295px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-NewProject p {
  margin-left: 20px;
}

#popup-content-Headers-NewProject {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupMappingEditInfo {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000001;
}

.popup-content-MappingEditInfo {
  height: 445px;
  width: 550px;
  top: calc(50% - 275px);
  left: calc(50% - 360px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
  z-index: 1000001;
}

.popup-content-MappingEditInfo p {
  margin-left: 20px;
}

#popup-content-Headers-MappingEditInfo {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupMappingInfo {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000001;
}

.popup-content-MappingInfo {
  height: 445px;
  width: 550px;
  top: calc(50% - 275px);
  left: calc(50% - 360px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
  z-index: 1000001;
}

.popup-content-MappingInfo p {
  margin-left: 20px;
}

#popup-content-Headers-MappingInfo {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupMappingLabels {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000001;
}

.popup-content-MappingLabels {
  height: 565px;
  width: 805px;
  top: calc(50% - 320px);
  left: calc(50% - 440px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-MappingLabels p {
  margin-left: 20px;
}

#popup-content-Headers-MappingLabels {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.editMappingLabel {
  color: var(--light-text);
  margin-top: 8px;
  margin-bottom: 4px;
  text-align: center;
  font-size: 11pt;
  cursor: pointer;
}

.popupMappingLabelsEdit {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000001;
}

.popup-content-MappingLabelsEdit {
  height: 565px;
  width: 805px;
  top: calc(50% - 320px);
  left: calc(50% - 440px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-MappingLabelsEdit p {
  margin-left: 20px;
}

#popup-content-Headers-MappingLabelsEdit {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupEditMappingLabelsEdit {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000002;
}

.popup-content-EditMappingLabelsEdit {
  height: 280px;
  width: 540px;
  top: calc(50% - 175px);
  left: calc(50% - 350px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  z-index: 1000000;
}

.popup-content-EditMappingLabelsEdit p {
  margin-left: 20px;
}

#popup-content-Headers-EditMappingLabelsEdit {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupEditLabels {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-EditLabels {
  height: 210px;
  width: 540px;
  top: calc(50% - 150px);
  left: calc(50% - 470px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  z-index: 1000000;
}

.popup-content-EditLabels p {
  margin-left: 20px;
}

#popup-content-Headers-EditLabels {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupEditMappingLabels {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000002;
}

.popup-content-EditMappingLabels {
  height: 280px;
  width: 540px;
  top: calc(50% - 175px);
  left: calc(50% - 350px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  z-index: 1000000;
}

.popup-content-EditMappingLabels p {
  margin-left: 20px;
}

#popup-content-Headers-EditMappingLabels {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupEditMappingScoringEdit {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000002;
}

.popup-content-EditMappingScoringEdit {
  height: 830px;
  width: 590px;
  top: calc(50% - 400px);
  left: calc(50% - 375px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  z-index: 1000000;
}

.popup-content-EditMappingScoringEdit p {
  margin-left: 20px;
}

#popup-content-Headers-EditMappingScoringEdit {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupEditMappingScoring {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000002;
}

.popup-content-EditMappingScoring {
  height: 830px;
  width: 590px;
  top: calc(50% - 400px);
  left: calc(50% - 375px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  z-index: 1000000;
}

.popup-content-EditMappingScoring p {
  margin-left: 20px;
}

#popup-content-Headers-EditMappingScoring {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupNewPlan {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-NewPlan {
  height: 390px;
  width: 550px;
  top: calc(50% - 275px);
  left: calc(50% - 475px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-NewPlan p {
  margin-left: 20px;
}

#popup-content-Headers-NewPlan {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup-Dashboard-Count {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-Dashboard-Count {
  height: 620px;
  width: 70% !important;
  top: calc(50% - 350px);
  left: calc(50% - 850px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-Dashboard-Count p {
  margin-left: 20px;
}

#popup-content-Headers-Dashboard-Count {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupOwner {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000001106;
}

.popup-content-Owner {
  height: 150px;
  width: 500px;
  top: calc(50% - 200px);
  left: calc(50% - 300px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-Owner p {
  margin-left: 20px;
}

#popup-content-Headers-Owner {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupLabelEdit {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000001106;
}

.popup-content-LabelEdit {
  height: 220px;
  width: 500px;
  top: calc(50% - 250px);
  left: calc(50% - 350px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-LabelEdit p {
  margin-left: 20px;
}

#popup-content-Headers-LabelEdit {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupLabelEdit #color-picker {
  margin-top: 10px;
  margin-left: 20px;
  outline: none;
  border-radius: 4px;
  border: rgb(151, 151, 151) solid 0.5px;
  height: 20px;
  padding-left: 8px;
  cursor: pointer !important;
  z-index: 10000000599;
}

#text-color-picker {
  margin-top: 10px;
  margin-left: 20px;
  outline: none;
  border-radius: 4px;
  border: rgb(151, 151, 151) solid 0.5px;
  height: 20px;
  padding-left: 8px;
  cursor: pointer !important;
  z-index: 10000000599;
}

#color-picker-Edit {
  margin-top: 10px;
  margin-left: 20px;
  outline: none;
  border-radius: 4px;
  border: rgb(151, 151, 151) solid 0.5px;
  height: 20px;
  padding-left: 8px;
  cursor: pointer !important;
  z-index: 10000000599;
}

#text-color-picker-Edit {
  margin-top: 10px;
  margin-left: 20px;
  outline: none;
  border-radius: 4px;
  border: rgb(151, 151, 151) solid 0.5px;
  height: 20px;
  padding-left: 8px;
  cursor: pointer !important;
  z-index: 10000000599;
}

.popupLabelEdit .editItem-Buttons-Right {
  padding-left: 200px;
  margin-top: 10px;
}

.popupLabelEdit .deleteItem-Buttons {
  margin-top: 10px;
}

.popupLabel {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000001106;
}

.popup-content-Label {
  height: 220px;
  width: 500px;
  top: calc(50% - 150px);
  left: calc(50% - 200px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-Label p {
  margin-left: 20px;
}

#popup-content-Headers-Label {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupLabel #color-picker {
  margin-top: 10px;
  margin-left: 20px;
  outline: none;
  border-radius: 4px;
  border: rgb(151, 151, 151) solid 0.5px;
  height: 20px;
  padding-left: 8px;
  cursor: pointer !important;

  z-index: 10000000599;
}

.popupLabel .editItem-Buttons-Right {
  padding-left: 200px;
  margin-top: 10px;
}

.popupLabel .deleteItem-Buttons {
  margin-top: 10px;
}

.popupContact {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 100000022;
}


.popup-content-Contact {
  height: 440px;
  width: 550px;
  top: calc(50% - 275px);
  left: calc(50% - 285px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-Contact p {
  margin-left: 20px;
}

#popup-content-Headers-Contact {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupInvite {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-Invite {
  height: 150px;
  width: 500px;
  top: calc(50% - 250px);
  left: calc(50% - 450px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
}

.popup-content-Invite p {
  margin-left: 20px;
}

#popup-content-Headers-Invite {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupDeleteConfirm {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-DeleteConfirm {
  height: 150px;
  width: 540px;
  top: calc(50% - 150px);
  left: calc(50% - 412px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-DeleteConfirm p {
  margin-left: 20px;
}

#popup-content-Headers-DeleteConfirm {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupSwitchMapping {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 10000002;
}

.popup-content-SwitchMapping {
  height: 140px;
  width: 540px;
  top: calc(50% - 152px);
  left: calc(50% - 340px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-SwitchMapping p {
  margin-left: 20px;
}

#popup-content-Headers-SwitchMapping {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupRollBack {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 10000002;
}

.popup-content-RollBack {
  height: 140px;
  width: 540px;
  top: calc(50% - 152px);
  left: calc(50% - 470px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-RollBack p {
  margin-left: 20px;
}

#popup-content-Headers-RollBack {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupConfirmSignOff {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 10000002;
}

.popup-content-ConfirmSignOff {
  height: 140px;
  width: 540px;
  top: calc(50% - 152px);
  left: calc(50% - 470px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-ConfirmSignOff p {
  margin-left: 20px;
}

#popup-content-Headers-ConfirmSignOff {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupDeleteConfirmPlan {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-DeleteConfirmPlan {
  height: 140px;
  width: 540px;
  top: calc(50% - 152px);
  left: calc(50% - 470px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-DeleteConfirmPlan p {
  margin-left: 20px;
}

#popup-content-Headers-DeleteConfirmPlan {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupDeleteConfirmStage {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-DeleteConfirmStage {
  height: 140px;
  width: 550px;
  top: calc(50% - 152px);
  left: calc(50% - 470px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-DeleteConfirmStage p {
  margin-left: 20px;
}

#popup-content-Headers-DeleteConfirmStage {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupDeleteConfirmIncident {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-DeleteConfirmIncident {
  height: 140px;
  width: 500px;
  top: calc(50% - 152px);
  left: calc(50% - 450px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-DeleteConfirmIncident p {
  margin-left: 20px;
}

#popup-content-Headers-DeleteConfirmIncident {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupDeleteConfirmMapping {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 100000001;
}

.popup-content-DeleteConfirmMapping {
  height: 140px;
  width: 500px;
  top: calc(50% - 150px);
  left: calc(50% - 212px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-DeleteConfirmMapping p {
  margin-left: 20px;
}

#popup-content-Headers-DeleteConfirmMapping {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupInfo {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;

  z-index: 1000000221211 !important;
}

.popup-content-Info {
  height: 140px;
  width: 520px;
  top: calc(50% - 150px);
  left: calc(50% - 212px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-Info p {
  margin-left: 20px;
}

#popup-content-Infoheader i {
  margin-left: 20px;
}

#popup-content-Infoheader {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupInfoSave {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;

  z-index: 10000002;
}

.popup-content-InfoSave {
  height: 140px;
  width: 520px;
  top: calc(50% - 170px);
  left: calc(50% - 210px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-InfoSave p {
  margin-left: 20px;
}

#popup-content-InfoSaveheader {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupInfoSaveMapping {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;

  z-index: 1000002506;
}

.popup-content-InfoSaveMapping {
  height: 140px;
  width: 520px;
  top: calc(50% - 170px);
  left: calc(50% - 345px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-InfoSaveMapping p {
  margin-left: 20px;
}

#popup-content-InfoSaveheaderMapping {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupRiskMapping {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;
  justify-content: center;
  text-align: center;

  z-index: 1000000;
}

.RiskMappingContent {
  width: 100%;
  height: 84%;
  overflow: auto;
}

.popup-content-RiskMapping {
  height: 890px;
  width: 1040px;
  top: 20px;
  left: 500px;

  background: var(--background);
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;

  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-RiskMapping p {
  margin-left: 20px;
}

#riskMapping_table_holder {
  vertical-align: middle;
  margin: auto 0;
}

#popup-content-header-RiskMapping {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupRiskMappingEdit {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;
  justify-content: center;
  text-align: center;

  z-index: 100000005;
}

.RiskMappingContentEdit {
  width: 100%;
  height: 89%;
  overflow: auto;
}

.popup-content-RiskMappingEdit {
  height: 950px;
  width: 1000px;

  min-width: 800px !important;
  min-height: 720px !important;
  top: 83px;
  left: 400px;
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;

  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-RiskMappingEdit p {
  margin-left: 20px;
}

#riskMappingEdit_table_holder {
  vertical-align: middle;
  margin: auto 0;
}

#popup-content-header-RiskMappingEdit {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: var(--background);
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupRiskMappingNew {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;
  justify-content: center;
  text-align: center;

  z-index: 100000005;
}

.RiskMappingContentNew {
  width: 100%;
  height: 89%;
  overflow: auto;
}

.popup-content-RiskMappingNew {
  height: 950px;
  width: 1000px;

  min-width: 800px !important;
  min-height: 720px !important;
  top: 83px;
  left: 370px;
  background: var(--background);
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 18pt;

  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-RiskMappingNew p {
  margin-left: 20px;
}

#riskMappingNew_table_holder {
  vertical-align: middle;
  margin: auto 0;
}

#popup-content-header-RiskMappingNew {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mappingLabelContainer {
  background-color: var(--error-text);
  margin-top: 30px;
}

.mappingDiv {
  float: left;
  width: 28.2%;
  margin-left: 30px;
}

.mappingDiv p {
  font-size: 13pt;
  margin-left: 5px;
  color: var(--light-text);
}

.popupResendCode {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;

  z-index: 1000000;
}

.popup-content-ResendCode {
  height: 132px;
  width: 500px;
  top: calc(50% - 92px);
  left: calc(50% - 265px);
  background: #fff;
  padding-bottom: 20px;
  border-radius: 5px;
  position: absolute;
  font-size: 20px;
  /*min-height: 450px;
    min-width: 600px;
    resize: both;
    overflow: auto;*/
}

.popup-content-ResendCode p {
  margin-left: 20px;
}

#popup-content-Headers-ResendCode {
  width: 100%;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background-color: var(--grid-top);
  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.deleteItem-fields p {
  height: 50px;
  margin-top: 10px;
  margin-right: 20px;
  font-size: 12pt;
  color: #161616;
  margin-bottom: 10px;
  line-height: 1.6;
}

.infoItem-fields p {
  height: 50px;
  margin-top: 10px;
  margin-right: 20px;
  font-size: 12pt;
  color: #161616;
  margin-bottom: 10px;
  line-height: 1.6;
}

.linkedPlan {
  transition: 0.1s;
  top: 5px;
  position: relative;
  background: none;
  padding: 0px;
  border: none;
  color: var(--light-text);
  font-size: 12pt !important;
  cursor: pointer;
  transition: 0.1s;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding-bottom: 10px;
}

.history {
  transition: 0.1s;
  top: 20px;
  left: -5px;
  position: relative;
  background: none;
  padding: 0px;
  border: none;
  color: var(--light-text);
  font-size: 14pt !important;
  cursor: pointer;
  text-align: left !important;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.history:link {
  color: var(--light-text);
}

.history:visited {
  color: var(--light-text);
}

.history:active {
  color: var(--light-text);
}

.history:hover {
  color: var(--light-text);
  padding-right: 10px;
}

#divCloseHistory {
  margin-top: -38px;
  align-items: left !important;
}

#divHistory {
  margin-top: -38px;
  margin-left: 180px !important;
  align-items: left !important;
}

.closehistory {
  transition: 0.1s;
  top: 20px;
  margin-left: 30px;
  position: relative;
  background: none;
  padding: 0px;
  border: none;

  color: var(--light-text);
  font-size: 14pt !important;
  cursor: pointer;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.closehistory:link {
  color: var(--light-text);
}

.closehistory:visited {
  color: var(--light-text);
}

.closehistory:active {
  color: var(--light-text);
}

.closehistory:hover {
  color: var(--light-text);
  padding-right: 10px;
}

select {
  font-size: 18px;
  box-sizing: 50px;
}

.block {
  margin: 20px auto;
  display: block;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.resizedTextbox {
  width: 400px;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.unselectable {
  color: var(--light-text);

  margin-bottom: 26px;
  display: inline-block;
  vertical-align: middle;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup input {
  margin: 20px auto;
  width: 400px;
  font-size: 16px;
  padding: 8px;
  padding-left: 20px;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: 5px;
  transition: 0.4s;
  outline: none;
}

.popup input:focus {
  border: solid var(--light-text) 1px !important;
}

.dropdown#InherentRisk,.dropdown#ControlRisk {
  width: 200px;
  height: 38px;
  padding-bottom: 2px;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: 5px;
  margin-right: 50px;
  transition: 0.4s;
  text-decoration: none;
  outline: none;
}

.dropdown#InherentRisk:focus,.dropdown#ControlRisk:focus {
  border: solid var(--light-text) 1px !important;
}

.close {
  position: absolute;
  top: 8px;
  right: 10px;
  border-radius: 20px;

  cursor: pointer;

  /*user-drag: none; */
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.updateGridButton {
  padding: 10px 15px 10px 15px;
  color: white;
  font-weight: bold;
  background-color: var(--success-text);
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 0px;
  border: 0px;
  width: 200px;
  height: 40px;

  cursor: pointer;

  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.updateGridButton:hover {
  background: var(--success-text);
  color: #fff;
}

.errorButton {
  margin-left: 95px;
  top: 60px;
  background: var(--rg-button-color);
  border-radius: 20px;
  font-size: 12pt;
  min-width: 300px !important;
  min-height: 40px;

  padding: 10px 15px 10px 15px;
  color: white;
  font-weight: bold;
  font-weight: bolder;
  text-transform: uppercase;

  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;

  border: 0px;

  cursor: pointer;

  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.errorButton:hover {
  background: var(--rg-button-color-hover);
  color: #fff;
}

.btn-box {
  display: flex;
  margin-top: 0px;
  white-space: nowrap;
  height: 51px;
}

.btn-box button {
  background: transparent;
  top: -4px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 18px;
  margin-right: 40px;
  margin-left: 60px;
  font-size: 18px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  white-space: nowrap;
}

.btn-box a {
  margin-top: 10px;
}

.box {
  float: right;
  min-height: 12px;
  height: 12px;
  max-height: 12px;
  min-width: 12px;
  width: 12px;
  max-width: 12px;
  margin-left: 6px;
  margin-top: 6px;
  border: 1px solid black;
  clear: both;
}

/* Login and Sign Up Pages ----------------------------------------------------------------------------------------- */
.wrapper {
  width: 1500px;
  margin: 0 auto;
}

.login-form {
  background-color: white;
  width: 20%;
  padding: 20px 3%;
  border-radius: 15px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  position: absolute;
  left: 59%;
  
  width: 300px;
  height: 390px;
  top: 32%;
  margin-left: -60px;
  margin-top: -50px;
}

.error-form {
  background-color: white;
  padding: 20px 3%;
  border-radius: 15px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  position: absolute;
  left: 17%;
  top: 34%;
  width: 400px;
  height: 290px;
  margin-left: -60px;
  margin-top: -50px;
}

.login-desc {
  position: absolute;
  left: 60%;
  top: 35.5%;
  width: 600px;
  margin-left: -900px;
  text-align: center;

  margin-top: -50px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  overflow-wrap: break-word;
}



.error-desc {
  position: absolute;
  left: 50%;
  top: 35.5%;
  width: 600px;
  text-align: center;

  margin-top: -50px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  overflow-wrap: break-word;
}

.error-header {
  color: black;
  font-size: 22pt;
  font-weight: bold;
  margin-top: 80px;
}

.error-warning {
  color: var(--general-dark-text);
  margin-top: 20px;
}

.login-desc p {
  margin-top: 10px;
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  color: black;
}

.index-intro p {
  text-align: center;
}

.index-categories-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index-categories-list div {
  width: 24%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-form-form {
  display: flex;
  justify-content: left;
  /*background: #F0F2F5;*/
}

.login-form-form input{
  width: calc(100% + 200px) !important;
  padding: 6px;
  margin-bottom: 20px;
  border-radius: 5px;
  height: 24px !important;
  font-size: 11pt;
  border: solid #5E5E5E 1px;
  transition: 0.4s;
}

.login-form p {
  text-align: center;
}

.login-form form p{
  width: 303px;
  margin-top:20px;
  text-align: center;
  font-size: 11pt;
}

.login-form .microsoftBtn{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 600;
  cursor: pointer;
  color: #5E5E5E;
  margin-top:15px;
  margin-bottom:-5px;
  width:fit-content;
  border: solid #8C8C8C 1px;
  height: 41px;
  display: flex;
  align-items: center;
  margin-left: 44px;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.login-form .microsoftBtn img{
  vertical-align: middle;
  margin-left: 12px;
  margin-right:12px;
}

.login-form .microsoftBtn span{
  white-space: nowrap;
  margin-right: 12px;
}

.error-form p {
  text-align: center;
}

.login-form form {
  width: 30%;
  background: white;
}

.copyrightLogin {
  position: absolute;
  top: 105%;
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  color: black;
  margin-left: 40px;
}

.policyLogin {
  position: absolute;
  top: 112%;
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  color: black;
}

.tourLogin {
  position: absolute;
  top: 122%;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  color: var(--light-text);
  margin-left: 56px;
  cursor: pointer;
}

.policies:link {
  color: black;
  text-decoration: none;
}

.policies:visited {
  color: black;
  text-decoration: none;
}

.policies:hover {
  color: black;
  text-decoration: none;
}

.policies:active {
  color: black;
  text-decoration: none;
}

.policyDiv {
  color: rgb(53, 53, 53);
  font-size: 14pt;
}

.policyDiv p {
  margin-top: 5px;
}

.policyTitle {
  font-size: 26pt;
  font-weight: bold;
  margin-top: 20px !important;
}

table.cookieTable,
.cookieTable th,
.cookieTable td {
  border: 1px solid black;
  font-size: 14pt !important;
  padding: 0.2em;
}

.login-form form input {
  width: calc(100% + 200px);
  padding: 6px;
  margin-bottom: 20px;
  border-radius: 5px;
  height: 24px;
  font-size: 11pt;;
  border: solid #5E5E5E 1px;
  transition: 0.4s;
}

.login-form input:focus {
  outline: none !important;
  border: solid var(--light-text) 1px !important;
}

.login-form .warning {
  color: var(--error-text);
  font-size: 14px;
  margin-top: 0px;
}

.login-form .success {
  color: var(--success-text);
  font-size: 12px;
  margin-top: 0px;
}

.login-form form button {
  font-size: 12pt;
  display: block;
  width: calc(100% + 215px);
  padding: 10px 20px;
  margin: 2px auto;
  margin-top: 0px;
  margin-left: 0px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  background-color: var(--rg-button-color);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  outline: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.login-form .sign-up-button {
  font-size: 12pt;
  display: block;
  width: 60px;
  padding: 10px 30px;
  margin: 16px;
  margin-left: 92px;
  margin-top:20px;
  cursor: pointer;
  color: var(--general-light-text);
  font-weight: bold;
  background-color: var(--rg-button-color);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.upgradeSubscription {
  position: absolute;
  background: var(--success-text);
  width: 300px;
  left: 150px;
  top: 70px;
  z-index: 2;

  display: block;
  padding: 10px 20px;
  margin: 2px auto;
  margin-left: 7px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  font-size: 13pt;
  

  border: none;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  outline: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.downgradeSubscription {
  position: absolute;
  color: var(--light-text);
  left: 255px;
  top: 125px;
  z-index: 2;

  display: block;

  margin: 2px auto;
  margin-left: 7px;
  cursor: pointer;
  font-size: 11pt;

  border: none;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  outline: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

hr.horizontal {
  margin-top: 30px;
  border: solid rgba(230, 230, 230, 1) 0.5px;
}


hr.horizontal-status-tooltip {
  border: none;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 80%;
  border: solid rgb(221, 221, 221) 1px;
}

hr.horizontal-risk-tooltip {
  border: none;
  margin: 0 auto;
  margin-top: 8px;
  margin-bottom: 5px;
  width: 80%;
  border: solid rgb(221, 221, 221) 1px;
}

.password {
  transition: 0.1s;
  top:8px;
  left: 90px;
  position: relative;
  background: none;
  padding: 0px;
  border: none;
  white-space: nowrap;

  color: var(--light-text);
  font-size: 11pt !important;
  cursor: pointer;
  text-decoration: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.password:link {
  color: var(--light-text);
}

.password:visited {
  color: var(--light-text);
}

.password:active {
  color: var(--light-text);
}

/* ---------------------------------- Sign Up Form ---------------------------------------------- */

.signup-form {
  background-color: white;

  padding: 20px 3%;
  border-radius: 15px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  position: absolute;
  left: 37%;
  top: 360px;
  width: 350px;
  height: 420px;
}

.activation .termsAgree{
  margin-top:-9px;
}

.signup-desc {
  position: absolute;
  width: 450px;

  left:37.5%;
  top: 150px;

  text-align: center;

  margin-top: -50px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  overflow-wrap: break-word;
}

.signup-form-form {
  display: flex;
  justify-content: left;
  /*background: #F0F2F5;*/
}

.signup-form-form .activation input:read-only{
  cursor: default;
  color:#707070
}

.signup-form p {
  text-align: center;
  padding-bottom: 40px;
  margin-top: 20px;
}

.termsAgree {
  position: relative;
  width: 380px;
  color: #888;
  margin-left: -15px;
  padding-top:10px;
  font-size: 11pt;
  margin-bottom: 10px;
  padding-bottom: 0px !important;
}

.termsAgree a {
  color: var(--light-text);
  text-decoration: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.termsAgree a:link {
  color: var(--light-text);
}

.termsAgree a:visited {
  color: var(--light-text);
}

.termsAgree a:active {
  color: var(--light-text);
}

.signup-form form {
  width: 30%;
  background: white;
}

.signup-form form input {
  width: calc(100% + 228px);
  padding: 6px;
  margin-bottom: 20px;
  border-radius: 5px;
  height: 24px;
  font-size: 11pt;;
  border: solid rgba(230, 230, 230, 1) 1px;
  transition: 0.4s;
}

.signup-form form input:focus {
  outline: none !important;
  border: solid var(--light-text) 1px !important;
}

.signup-form .warning {
  color: var(--error-text);
  font-size: 14px;
  margin-top: 30px;
}

.signup-form form button {
  display: block;
  font-size: 12pt;
  width: calc(100% + 228px);
  padding: 10px 30px;
  margin: 20px;
  margin-left: 7px;
  cursor: pointer;
  color: var(--general-light-text);
  font-weight: bold;
  background-color: var(--rg-button-color);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.signup-form-form .password-policies {
  display: none;
  position: relative;
  font-size: 11pt;

  top: 0px;
  left: 166px;

  transform: translateX(-50%);
  width: 350px;
  padding: 10px;
  border-radius: 5px;
  margin-top: -18px;
  margin-bottom: 4px;
  box-sizing: border-box;
  opacity: 1;
  overflow: hidden;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.signup-form-form .password-policies.active {
  opacity: 1;
  padding: 10px;
}

.signup-form-form .password-policies>div {
  margin: 5px 5px;
  color: #888;
  transition: all 200ms ease-in-out;
}

.signup-form-form .password-policies>div.active {
  color: var(--success-text);
}

.password-policies-reset {
  display: none;
  position: relative;
  font-size: 11pt;

  top: 0px;
  left: 256px;

  transform: translateX(-50%);
  width: 350px;
  padding: 10px;
  border-radius: 5px;
  margin-top: -18px;
  margin-bottom: -15px;
  box-sizing: border-box;
  opacity: 1;
  overflow: hidden;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.password-policies-reset.active {
  opacity: 1;
  padding: 10px;
}

.password-policies-reset>div {
  margin: 5px 5px;
  color: #888;
  transition: all 200ms ease-in-out;
}

.password-policies-reset>div.active {
  color: var(--success-text);
}

/* ------------------------- Verify ---------------------------------------*/
.verification-form {
  background-color: white;

  padding: 20px 3%;
  border-radius: 15px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  position: absolute;
  left: 33%;
  top: 260px;
  width: 500px;
  height: 420px;
}

.verification-form-form {
  display: flex;
  justify-content: left;
  /*background: #F0F2F5;*/
}

.verification-form p {
  text-align: center;
  padding-bottom: 40px;
  margin-top: 20px;
}

.verification-form .code-info {
  margin-left: 10px;
  text-align: center;
  width: 480px;
  color: rgb(39, 39, 39);
}

.verification-form form {
  width: 100%;
  background: white;
}

.verification-form form input {
  width: 480px;
  padding: 6px;
  margin-bottom: 20px;
  top: 40px;
  border-radius: 5px;
  height: 24px;
  border: solid rgba(230, 230, 230, 1) 1px;
  transition: 0.4s;
  text-align: center;
}

.verification-form form input:focus {
  outline: none !important;
  border: solid var(--light-text) 1px !important;
}

.verification-form form .labelEnabled {
  display: block;
  width: 300px;
  padding: 10px 20px;
  margin: 20px auto;
  margin-left: 85px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  background-color: var(--rg-button-color);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  outline: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.verification-form form .labelEnabled:hover {
  background-color: var(--rg-button-color-hover);
}

.verification-form form .labelDisabled {
  display: block;
  width: 300px;
  padding: 10px 20px;
  margin: 20px auto;
  margin-left: 85px;
  cursor: pointer;
  background-color: var(--dash-border);
  color: #666666;
  font-weight: bold;
  text-align: center;
  border: none;
  border-radius: 5px;
  cursor: default;
  outline: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.verification-form .warning {
  color: rgb(255, 0, 0);
  font-size: 16px;
  margin-top: 0px;
  transition: 0.4s;
}

.verification-form-form .auth-code {
  width: 504px;
  height: 140px;
}

.verification-form-form .auth-cell {
  width: 110px;
  height: 110px;
  margin: 6px;

  border: rgb(209, 209, 209) solid 2px;
  border-radius: 10px;

  text-align: center;
  vertical-align: middle;
  float: left;
}

.verification-form-form .auth-cell-content {
  font-size: 38pt;
  width: 100px;
  cursor: default;
  color: transparent;
  text-shadow: 0 0 0 rgb(39, 39, 39);
  outline: none;
  border: none;

  line-height: 110px;
  display: inline-flex;

  vertical-align: middle;
  justify-content: center;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.verifyaccount {
  transition: 0.1s;
  position: relative;
  background: none;
  top: -20px;
  padding: 0px;
  border: none;

  color: rgb(39, 39, 39);
  font-size: 11pt !important;
  text-decoration: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.account {
  transition: 0.1s;
  top: 15px;
  left: 50px;
  position: relative;
  background: none;
  padding: 0px;
  border: none;
  color: rgb(39, 39, 39);
  font-size: 11pt !important;
  text-decoration: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.accountLink {
  transition: 0.1s;
  left: 2px;
  position: relative;
  background: none;
  padding: 0px;
  border: none;
  color: var(--light-text);
  font-size: 11pt !important;
  cursor: pointer;
  text-decoration: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.accountLink:link {
  color: var(--light-text);
}

.accountLink:visited {
  color: var(--light-text);
}

.accountLink:active {
  color: var(--light-text);
}

.emailLink:link {
  color: var(--light-text);
}

.emailLink:visited {
  color: var(--light-text);
}

.emailLink:active {
  color: var(--light-text);
}

@media screen and (max-width: 1564px) {
  .login-desc {
    position: absolute;
    left: 940px;
  }

  .error-desc {
    position: absolute;
  }
}

@media screen and (max-width: 1344px) {
  .login-desc {
    position: absolute;
    left: 50%;

    top: 200px;
    margin-left: -195px;

    width: 400px;
    text-align: center;
  }

  .login-form {
    left: 50%;
    top: 490px;
    margin-left: -165px;
  }

  .signup-desc {
    position: absolute;
    left: 50%;

    margin-left: -195px;
    text-align: center;
  }

  .signup-form {
    left: 50%;
    margin-left: -165px;
  }

  .error-desc {
    position: absolute;
    left: 50%;

    top: 86px;
    margin-left: -195px;

    width: 400px;
    text-align: center;
  }

  .error-form {
    left: 50%;
    top: 490px;
    margin-left: -220px;
  }
}

/* ----------------------------------------- Reset Form --------------------------------------------------*/
.reset-form {
  background-color: white;
  width: 40%;
  padding: 20px 3%;
  border-radius: 15px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  position: absolute;
  left: 33%;
  top: 36%;
  width: 600px;
  height: 290px;
  margin-left: -60px;
  margin-top: -50px;
}

.reset-form form {
  background: white;
}

.reset-form form input {
  width: calc(70%);
  padding: 6px;
  margin-top: 20px;
  margin-left: 90px;
  margin-bottom: 20px;
  border-radius: 5px;
  height: 24px;
  font-size: 11pt;
  border: solid rgba(210, 210, 210, 1) 1px;
  transition: 0.4s;
}

.reset-form form input:focus {
  outline: none !important;
  border: solid var(--light-text) 1px !important;
}

.reset-form h2 {
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  color: black;
}

.reset-form p {
  margin-top: 20px;
  text-align: center;
  color: var(--light-text);
}

.reset-form form button {
  display: block;
  width: 40%;
  padding: 10px 20px;
  margin: 2px auto;
  margin-left: 180px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  background-color: var(--rg-button-color);
  font-size: 12pt;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.reset-form .accountLink {
  transition: 0.1s;
  left: 8px;
  position: relative;
  background: none;
  padding: 0px;
  border: none;
  color: var(--light-text);
  font-size: 11pt !important;
  cursor: pointer;
  text-decoration: none;
  top: 20px;
  margin-left: 243px;
  margin-bottom: 4px;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.reset-form .accountLink:link {
  color: var(--light-text);
}

.reset-form .accountLink:visited {
  color: var(--light-text);
}

.reset-form .accountLink:active {
  color: var(--light-text);
}

.reset-form .resetsuccess {
  color: var(--success-text);
  position: relative;
  margin-top: 10px;
  margin-bottom: -20px;
  font-size: 11pt;
}

.reset-form .warning {
  color: var(--error-text);
  position: relative;
  margin-top: 30px;
  margin-bottom: -20px;
  font-size: 14px;
}

.sortableDiv {
  margin-left: 130px;
  list-style-type: none;
  font-size: 8pt;
  background: white;
  padding: 0;
  width: 380px;
  min-width: 380px;
  max-width: 380px;

  border: 1px solid rgba(210, 210, 210, 1);
  color: var(--light-text) !important;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  display: table;
}

.sortableDiv li {
  width: 340px;
  min-width: 340px;
  max-width: 340px;
  height: 24px;

  margin: 2px 2px 2px 2px;
  padding: 0.2em;
  padding-left: 1.5em;
  font-size: 1.4em;
  justify-content: space-between;
  /*border: 1px solid #ccc;*/
  border-radius: 5px;
  padding-bottom: 4px;

  margin-top: 4px;
  margin-bottom: 4px;

  display: inline-block;
  flex-direction: row;
  align-items: center;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tab-body-meta .sortableDiv {
  margin-left: 130px;
  list-style-type: none;
  font-size: 8pt;
  background: white;
  padding: 0;
  width: 380px;
  min-width: 380px;
  max-width: 380px;
  margin-top: 6px;

  border: 1px solid rgba(210, 210, 210, 1);
  color: var(--light-text) !important;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  display: table;
}

.sortableDiv .arrow {
  position: relative;
  float: left;
  left: -20px;
  margin-top: 4px;
}

.sortableDiv .deleteBiz {
  position: relative;
  float: right;
  margin-top: 3px;
}

.sortableDiv .deleteRisk {
  position: relative;
  float: right;
  margin-top: 3px;
}

.sortableDiv .deleteBizGroup {
  position: relative;
  float: right;
  margin-top: 3px;
}

.sortableDiv .deleteRiskGroup {
  position: relative;
  float: right;
  margin-top: 3px;
}

.sortableDiv .deleteBizMeta {
  position: relative;
  float: right;
  margin-top: 3px;
}

.sortableDiv .deleteRiskMeta {
  position: relative;
  float: right;
  margin-top: 3px;
}

.sortableDiv .editHeaderItem {
  position: relative;
  top: -2px;
  right: 7px !important;
  top: -10px !important;
}

.sortableDiv .editHeaderItemMeta {
  position: relative;
  float: right;
  margin-right: 10px;
  margin-top: 4px;
}

.sortableDiv .liText {
  display: inline-block;
  width: 280px !important;
  height: 24px;
  margin-top: 3px;
  list-style-position: inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -10px;
  margin-right: 20px;
  font-size: 12pt;
  outline: none;
}

.sortableDiv .liTextEmptyBiz {
  display: inline-block;
  width: 300px !important;
  height: 24px;
  margin-top: 3px;
  list-style-position: inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -10px;
  outline: none;
}

span.liTextEmptyBiz[contenteditable] {
  cursor: default;
  display: inline-block;
}

span.liTextEmptyBiz[contenteditable]:empty::before {
  font-style: italic;
  content: "Add New Item...";
  display: inline-block;
}

span.liTextEmptyBiz[contenteditable]:empty:focus::before {
  font-style: normal;
  content: "";
}

.sortableDiv .liTextEmptyRisk {
  display: inline-block;
  width: 300px !important;
  height: 24px;
  margin-top: 3px;
  list-style-position: inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -10px;
  outline: none;
}

span.liTextEmptyRisk[contenteditable] {
  cursor: default;
  display: inline-block;
}

span.liTextEmptyRisk[contenteditable]:empty::before {
  font-style: italic;
  content: "Add New Item...";
  display: inline-block;
}

span.liTextEmptyRisk[contenteditable]:empty:focus::before {
  font-style: normal;
  content: "";
}

#RiskIncidentTabletbody {
  display: block;
  width: 100%;
  overflow: auto;
  height: 100px;
}

.helpheadertooltiptextside {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 400px;
  min-height: 26px;


  background-color: white;
  color: black;
  font-size: 13px;
  font-weight: lighter;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  position: relative;
  z-index: 1000000 !important;
  margin-top:-38px;
  left: 65px;
  overflow: visible !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

  cursor: default;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.3s;
  white-space: normal;
}

/* This is the arrow */
#incidentLinkHelp .helpheadertooltiptextside::after {
  content: " ";
  position: absolute;
  top: 40%;
  left: -10px;

  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent #ffffff transparent transparent;
}

#incidentLinkHelp:hover .helpheadertooltiptextside {
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 109999 !important;
  display: block;
}

.headertooltiptextsideDesc {
  visibility: hidden;
  min-width: 120px;
  width: max-content;
  max-width: 400px;
  min-height: 26px;

  background-color: white;
  color: black;
  font-size: 11pt !important;
  font-weight: lighter;
  line-height: 1.5;
  text-align: left;
  border-radius: 6px;
  padding: 8px 15px 8px 15px !important;
  position: absolute;
  z-index: 1000000 !important;
  overflow: visible !important;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);

  margin-left:-5px;

  cursor: default;
  opacity: 0;
  transition: opacity 0.1s;
  transition-delay: 0s;
  white-space: normal;
}

.headertooltiptextsideDesc p {
  margin-left: 6px;
  margin-right: 6px;
}

/* This is the arrow */
.popupLabelDesc .headertooltiptextsideDesc::after {
  content: " ";
  position: absolute;
  top: 15px;
  left: -10px;

  border-width: 5px;
  border-style: solid;
  z-index: 109999 !important;
  border-color: transparent #ffffff transparent transparent;
}

.popupLabelDesc:hover .headertooltiptextsideDesc {
  font-style: normal !important;

  padding: 5px 5px;
  background-color: white;
  color: black;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  visibility: visible;
  position: absolute;
  overflow: visible;
  opacity: 1;
  word-wrap: break-word;
  z-index: 109999 !important;
  display: block;
}

.sortableDivMembers {
  margin-left: 26px;
  list-style-type: none;
  font-size: 8pt;
  background: white;
  padding: 0;
  width: 380px;
  min-width: 380px;
  max-width: 380px;
  margin-top:15px;

  border: 1px solid rgba(210, 210, 210, 1);
  color: var(--light-text) !important;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  display: table;
}

.sortableDivMembers li {
  width: 570px;
  height: 24px;

  margin: 4px 4px 4px 4px;
  padding: 0.2em;
  padding-left: 1.5em;
  font-size: 1.4em;
  justify-content: space-between;
  /*border: 1px solid #ccc;*/
  border-radius: 5px;
  padding-bottom: 4px;

  margin-top: 4px !important;
  margin-bottom: 4px;

  display: inline-block;
  flex-direction: row;
  align-items: left;

  vertical-align: middle;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sortableDivMembers i {
  margin-top: 4px;
}

.sortableDivMembers .memberIcon {
  position: absolute;
  left: 40px;
  margin-top: 0px;

  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--light-text);
}

#projectList .memberIcon {
  color: var(--light-text);
}

.sortableDivMembers .memberName {
  position: absolute;
  left: 80px;
  height: 20px;
  margin-top: 4px;
  font-size: 12pt;

  max-width: 155px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sortableDivMembers .memberEmail {
  position: absolute;
  left: 245px;
  height: 20px;
  margin-top: 4px;

  max-width: 260px;
  font-size: 12pt;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sortableDivMembers .editMemberItem {
  position: relative;
  right: -260px;
  margin-right: 15px;
}

.sortableDivMembers .deleteMember {
  position: relative;
  float: right;
  margin-right: 10px;
  margin-top: 1px;
}

.profile-container .profile-project {
  display: inline-block;
  margin-left: 0px;
  border: 1px solid white;
  width: 780px;
  margin-right:10px;
}

.profile-container .profile-project:hover {
  border: 1px solid var(--dash-border);
  border-radius: var(--btn-radius);
  transition: 0.1s;
}

.memberListUL{
  margin-left:13px;
}

#memberList {
  height:40px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}

#memberList img{
  margin-left:5px;
  margin-top:3px;
}


#projectList {
  line-height: 2;
  text-align: left;
  margin-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#projectName {
  color: var(--light-text);
  min-width: 400px;
  width: 400px;
  max-width: 400px;
  margin-left: 30px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-image-small{
  float: left;
  border: 1px solid var(--light-text);
  border-radius: 50%;
  background-color: white;
}

#companyMemberName {
  float: left;
  margin-left: 20px !important;
}

#companyMemberEmail {
  float: right;

}

#companyMemberName, #companyMemberEmail{
  color: var(--light-text);
  min-width: 280px;
  width: 280px;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top:10px;
}

.deleteProject {
  position: relative;
  float: right;
  margin-right: 30px;
  cursor: pointer;
}

.deleteProject i {
  color: var(--light-text);
}

.addHeaders {
  width: 600px;
  position: relative;
  margin-top: 10px;
  font-size: 12pt !important;
  left: 20px;
}

.addHeaders .addHeader {
  margin-top: 40px;
  height: 30px;
  padding-left: 2px;
  padding-right: 2px;
  outline: none;
  font-size: 11pt;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: var(--btn-radius);
  color: black;
  width:160px !important;
  text-indent: 5px;
}

.addHeaders .addHeader:hover {
  border: 1px solid #999999;
}

.addHeaders select {
  display: inline;
  height: 30px;
  font-size: 11pt;
  width: 220px;
  text-decoration: none;
  outline: none;
  border: 1px solid rgb(210,210,210);
  border-radius: var(--btn-radius);
  color: black;
  cursor: pointer;
}

[class^='select2'] {
  border-radius: var(--btn-radius);
}

.select2-container .select2-selection--single{
  height:31px;
  border: 1px solid rgb(210,210,210);
  text-align: left;
}

.select2-container .select2-selection--single:hover{
  border: 1px solid #999999;
}

.select2-container--open .select2-container{
  border: 0px;;
  border-radius: var(--btn-radius);
}


.select2-container {
  height: 32px !important;
  max-width: 220px;
  margin-top:-2px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-selection__rendered {
  border: 0px;
  background-color: #fff; /* sets the background color of the selected option to white */
  font-size: 11pt;
  color: black !important;
}

.select2-results ul{
  font-size: 11pt;
  border-top: 1px solid rgb(210,210,210);
  border-radius: 0px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-dropdown {
  margin-top:2px;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #fff; /* sets the background color of the dropdown to white */
  border: 1px solid rgb(210,210,210);
  border-radius: var(--btn-radius);
}

.select2-dropdown li{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.select2-results__option{
  background-color: #fff !important;
  color:black !important;
  border-radius: 0px !important;
}

.select2-results__option:hover {
  color:black !important;
  background: #e7e7e7 !important; /* sets the background color of the options on hover to pink */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;
  background-color: transparent;
  background-size: contain;
  border: none !important;
  height: 20px !important;
  width: 20px !important;
  margin: auto !important;
  top: 5px !important;
  left: auto !important;
  right: 2px;
}


.addHeadersShare {
  width: 95%;
  position: relative;
  margin-top: 30px;
  display: inline-block;
  margin-bottom: 20px;
}

.addHeadersShare .headerDropdownEmail {
  display: inline;
  height: 30px;
  font-size: 12pt;
  text-decoration: none;
  outline: none;
  padding-left:4px;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: var(--btn-radius);
  color: black;

  width:302px;
  margin-left:5px;
  margin-top:4px;
}

.headerDropdownEmail::placeholder {
  color: black;
}

.addHeadersShare .headerDropdown {
  display: inline;
  height: 20px;
  width: 140px;
  text-decoration: none;
  outline: none;
  border: 1px solid rgba(210, 210, 210, 1);
  color: rgba(100, 100, 100, 1);
}

.addHeadersShare .headerDropdown select {
  font-size: 8pt !important;
}

.sortableDiv .addHeader {
  margin-top: 4px;
  margin-bottom: 12px;
  background: #fff;
  border: 1px solid rgb(61, 58, 58);
  color: black;
  border-radius: 5px;
  outline: none;
  text-align: left;
  text-indent: 5px;
  font-size: 11pt;
  margin-left: 350px;
}

.addHeader::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}


.sortableDiv .addHeader:focus {
  border: solid var(--light-text) 1px !important;
}

.tabs {
  position: relative;
  height: calc(100% - 25px);

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.tabs .tab-header {
  height: 60px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.tabs .tab-header>div {
  width: calc(100% / 2);
  text-align: center;
  color: #888;
  font-weight: 600;

  font-size: 14px;
  text-transform: uppercase;
  outline: none;
}

.tabs .tab-header>div>i {
  display: block;
  margin-bottom: 5px;
}

.tabs .tab-header>div.active {
  color: var(--light-text);
}

.tabs .stickyheader {
  position: relative;
  background: white;
  z-index: 999;
  position: sticky;
  top: 0;
}

.tabs .tab-indicator {
  position: relative;
  width: calc(100% / 2);

  height: 4px;
  background: var(--light-text);
  left: 0px;
  border-radius: 4px;
  transition: all 500ms ease-in-out;
}

.tabs .tab-body {
  position: relative;
  height: calc(100% - 84px);
  padding: 10px 5px;

  overflow-y: auto;
  overflow-x: none;
}

.tabs .tab-body>div {
  position: absolute;
  bottom: 115%;

  opacity: 0;
  transform: scale(0.9);
}

.tabs .tab-body>div.active {
  top: 0px;
  opacity: 1;
  transform: scale(1);
}

.biz_submit {
  width: 80px;
  background: white;
  outline: none;
  border: none;
  cursor: pointer;
  color: black;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: var(--btn-radius);
  font-size: 11pt;
  height: 30px;
}

.biz_submit:hover {
  border: 1px solid #999999;
}

.risk_submit {
  width: 80px;
  background: white;
  outline: none;
  border: none;
  cursor: pointer;
  color: black;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: var(--btn-radius);
  font-size: 11pt;
  height: 30px;
}

.risk_submit:hover {
  border: 1px solid #999999;
}

.member_submit {
  position: absolute;
  width: 80px;
  background: white;
  outline: none;
  border: none;
  cursor: pointer;
  color: black;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: var(--btn-radius);
  height: 32px;
  font-size: 11pt;
  margin-top: 32px;
  margin-left: -55px;
}

.member_submit:hover {
    border: 1px solid #999999;
}


/* Header Groups ----------------------------------------------- */

.tabsGroup {
  position: relative;
  height: calc(100% - 25px);
  display: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.tabsGroup .tab-header-group {
  height: 60px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.tabsGroup .tab-header-group>div {
  width: calc(100% / 2);
  text-align: center;
  color: #888;
  font-weight: 600;

  font-size: 14px;
  text-transform: uppercase;
  outline: none;
}

.tabsGroup .tab-header-group>div>i {
  display: block;
  margin-bottom: 5px;
}

.tabsGroup .tab-header-group>div.active {
  color: var(--light-text);
}

.tabsGroup .stickyheader-group {
  position: relative;
  background: white;
  z-index: 999;
  position: sticky;
  top: 0;
}

.tabsGroup .tab-indicator-group {
  position: relative;
  width: calc(100% / 2);

  height: 4px;
  background: var(--light-text);
  left: 0px;
  border-radius: 4px;
  transition: all 500ms ease-in-out;
}

.tabsGroup .tab-body-group {
  position: relative;
  height: calc(100% - 84px);
  padding: 10px 5px;

  overflow-y: auto;
  overflow-x: none;
}

.tabsGroup .tab-body-group>div {
  position: absolute;
  bottom: 115%;

  opacity: 0;
  transform: scale(0.9);
}

.tabsGroup .tab-body-group>div.active {
  top: 0px;
  opacity: 1;
  transform: scale(1);
}

/* Header Meta ----------------------------------------------- */

.tabsMeta {
  position: relative;
  height: calc(100% - 25px);
  display: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.tabsMeta .tab-header-meta {
  height: 60px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.tabsMeta .tab-header-meta>div {
  width: calc(100% / 2);
  text-align: center;
  color: #888;
  font-weight: 600;

  font-size: 14px;
  text-transform: uppercase;
  outline: none;
}

.tabsMeta .tab-header-meta>div>i {
  display: block;
  margin-bottom: 5px;
}

.tabsMeta .tab-header-meta>div.active {
  color: var(--light-text);
}

.tabsMeta .stickyheader-meta {
  position: relative;
  background: white;
  z-index: 999;
  position: sticky;
  top: 0;
}

.tabsMeta .tab-indicator-meta {
  position: relative;
  width: calc(100% / 2);

  height: 4px;
  background: var(--light-text);
  left: 0px;
  border-radius: 4px;
  transition: all 500ms ease-in-out;
}

.tabsMeta .tab-body-meta {
  position: relative;
  height: calc(100% - 84px);
  padding: 10px 5px;

  overflow-y: auto;
  overflow-x: none;
}

.tabsMeta .tab-body-meta>div {
  position: absolute;
  bottom: 115%;

  opacity: 0;
  transform: scale(0.9);
}

.tabsMeta .tab-body-meta>div.active {
  top: 0px;
  opacity: 1;
  transform: scale(1);
}

.bizMeta_submit {
  width: 60px;
  background: white;
  outline: none;
  border: none;
  cursor: pointer;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: 2px;
  height: 20px;
}

.bizGroup_submit {
  width: 60px;
  background: white;
  outline: none;
  border: none;
  cursor: pointer;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: 2px;
  height: 20px;
}

.riskMeta_submit {
  width: 60px;
  background: white;
  outline: none;
  border: none;
  cursor: pointer;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: 2px;
  height: 20px;
}

.riskGroup_submit {
  width: 60px;
  background: white;
  outline: none;
  border: none;
  cursor: pointer;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: 2px;
  height: 20px;
}

.groupHeader {
  color: var(--light-text);
  margin-left: 143px;
  margin-bottom: 3px;
  font-size: 12pt;
  float: left;
  font-weight: 600;
  text-align: left;

  width: 356px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.groupHeaderMember {
  color: var(--light-text);
  margin-left: 38px;
  margin-bottom: 3px;
  font-size: 12pt;
  float: left;
  font-weight: 600;
  margin-top: 10px;
}

.successHeader {
  font-size: 11pt;
  margin-top: 10px;
  margin-bottom: -10px;
  color: var(--success-text);
  display: none;
  width: 100%;

  text-align: center;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  word-wrap: break-word;
  hyphens: auto;
}

.successResend {
  font-size: 12pt;
  margin-top: -20px !important;
  margin-bottom: -20px;
  color: var(--success-text);
  display: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  word-wrap: break-word;
  hyphens: auto;
}

.errorResend {
  font-size: 12pt;
  margin-top: -20px !important;
  margin-bottom: -20px;
  color: var(--error-text);
  display: none;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  word-wrap: break-word;
  hyphens: auto;
}

/* ---------------- IR, CR, RR dropdown ----------------*/
.dropdownIR,.dropdownCR,.dropdownRR, .dropdownIM, .dropdownP {
  display: inline-block;
  margin-left: 6px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownIR ul li:hover,.dropdownCR ul li:hover,.dropdownRR ul li:hover,.dropdownIM ul li:hover,.dropdownP ul li:hover{
  background-color: #e7e7e7;
}

.dropdownIR dd,
.dropdownIR dt,
.dropdownIR ul,
.dropdownCR dd,
.dropdownCR dt,
.dropdownCR ul,
.dropdownRR dd,
.dropdownRR dt,
.dropdownRR ul,
.dropdownIM dd,
.dropdownIM dt,
.dropdownIM ul,
.dropdownP dd,
.dropdownP dt,
.dropdownP ul {
  margin: 0px;
  padding: 0px;
}

.dropdownIR dd,.dropdownCR dd,.dropdownRR dd,.dropdownIM dd ,.dropdownP dd  {
  position: relative;
}

/* The visible container */
.dropdownIR dt a,.dropdownCR dt a,.dropdownRR dt a,.dropdownIM dt a,.dropdownP dt a {
  font-size: 14pt;
  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 38px;
  width: 200px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dropdownIR dt a,.dropdownCR dt a,.dropdownIM dt a,.dropdownP dt a{
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;
}

.dropdownIR dt a:hover,.dropdownCR dt a:hover,.dropdownRR dt a:hover,.dropdownIM dt a:hover,.dropdownP dt a:hover {
  color: #212121;
}

.dropdownIR dt a:hover,.dropdownCR dt a:hover,.dropdownIM dt a:hover,.dropdownP dt a:hover {
  cursor: pointer;
  border: 1px solid #999999;
}

.dropdownRR dt a:hover {
  cursor: default;
}

/* Text for both (box and options) */
.dropdownIR a,
.dropdownIR a:visited,
.dropdownCR a,
.dropdownCR a:visited,
.dropdownRR a,
.dropdownRR a:visited,
.dropdownIM a,
.dropdownIM a:visited ,
.dropdownP a,
.dropdownP a:visited  {
  color: black;
  text-decoration: none;
  outline: none;

  width: 220px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownRR a,
.dropdownRR a:visited {
  cursor: default;
}

.dropdownIR a:hover,.dropdownCR a:hover,.dropdownIM a:hover,.dropdownP a:hover {
  color: #212121;
}

/* The container for the dropdown options */
.dropdownIR dd ul,.dropdownCR dd ul,.dropdownRR dd ul,.dropdownIM dd ul,.dropdownP dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 225px;
  list-style: none;
  z-index: 2;
}

.dropdownIM dd ul {
  z-index: 2;
}

.dropdownP dd ul {
  z-index: 3;
}

.dropdownIR dd ul {
  z-index: 4;
}

.dropdownCR dd ul {
  z-index: 5;
}

/* The dropdown options */
.dropdownIR dd ul li a,.dropdownCR dd ul li a,.dropdownRR dd ul li a,.dropdownIM dd ul li a,.dropdownP dd ul li a {
  padding: 6px;
  display: block;

  font-size: 14pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* If using colors */
.dropdownIR .color,.dropdownCR .color,.dropdownRR .color,.dropdownIM .color,.dropdownP .color {
  align-items: right;
  border: 0.5px solid black;
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 4px;
}

/* ----------------- Project DropDown -------------------------------------*/
.dropdownProject {
  display:block;
  margin-left: 30px;
  max-width: 500px;
}

.dropdownProject dd,
.dropdownProject dt,
.dropdownProject ul {
  margin: 0px;
  padding: 0px;
}

.dropdownProject dd {
  position: relative;
}

/* The visible container */
.dropdownProject dt a {
  font-size: 13pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 45px;
  width: 320px;
  min-width: 320px;
  max-width: 320px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownProject dt a:hover {
  color: black;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownProject a,
.dropdownProject a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 370px;
  display: block;
  white-space: normal;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownProject li:hover {
  color: black;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownProject dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 345px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownProject dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  white-space: normal;
  list-style-type: none;
  padding-left: 0pt;

  width: 335px;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- Dashboard DropDown -------------------------------------*/
.dropdownDashboard {
  display:block;
  margin-left: 30px;
  max-width: 500px;
}

.dropdownDashboard dd,
.dropdownDashboard dt,
.dropdownDashboard ul {
  margin: 0px;
  padding: 0px;
}

.dropdownDashboard dd {
  position: relative;
}

/* The visible container */
.dropdownDashboard dt a {
  font-size: 13pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 45px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownDashboard dt a:hover {
  color: black;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownDashboard a,
.dropdownDashboard a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 300px;
  display: block;
  white-space: normal;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownDashboard li:hover {
  color: black;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownDashboard dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 275px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownDashboard dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  white-space: normal;
  list-style-type: none;
  padding-left: 0pt;

  width: 265px;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- SelectComment ReadOnly DropDown -------------------------------------*/
.dropdownSelectCommentReadOnly {
  display: inline-block;
  margin-left: 65px;
  margin-top: 0px;
  max-width: 240px;
  z-index: 1;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownSelectCommentReadOnly dd,
.dropdownSelectCommentReadOnly dt,
.dropdownSelectCommentReadOnly ul {
  margin: 0px;
  padding: 0px;
}

.dropdownSelectCommentReadOnly dd {
  position: relative;
}

/* The visible container */
.dropdownSelectCommentReadOnly dt a {
  font-size: 12pt;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 240px;
  min-width: 240px;
  max-width: 240px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: default;
}

/* Text for both (box and options) */
.dropdownSelectCommentReadOnly a,
.dropdownSelectCommentReadOnly a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 240px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: default;
}

/* The container for the dropdown options */
.dropdownSelectCommentReadOnly dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 265px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownSelectCommentReadOnly dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- SelectComment DropDown -------------------------------------*/
.dropdownSelectComment {
  display: inline-block;
  margin-left: 65px;
  margin-top: 0px;
  max-width: 240px;
  z-index: 1;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownSelectComment dd,
.dropdownSelectComment dt,
.dropdownSelectComment ul {
  margin: 0px;
  padding: 0px;
}

.dropdownSelectComment dd {
  position: relative;
}

/* The visible container */
.dropdownSelectComment dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 240px;
  min-width: 240px;
  max-width: 240px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownSelectComment dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownSelectComment a,
.dropdownSelectComment a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 240px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownSelectComment li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownSelectComment dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 265px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownSelectComment dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- BizGroup DropDown -------------------------------------*/
.dropdownBizGroup {
  display: inline-block;
  margin-left: 20px;
  margin-top: 4px;
  max-width: 500px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownBizGroup dd,
.dropdownBizGroup dt,
.dropdownBizGroup ul {
  margin: 0px;
  padding: 0px;
}

.dropdownBizGroup dd {
  position: relative;
}

.dropdownBizGroup dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownBizGroup dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownBizGroup a,
.dropdownBizGroup a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 250px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownBizGroup li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownBizGroup dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 275px;
  list-style: none;
}

/* The dropdown options */
.dropdownBizGroup dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- BizMeta DropDown -------------------------------------*/
.dropdownBizMeta {
  display: inline-block;
  margin-left: 20px;
  margin-top: 4px;
  max-width: 500px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownBizMeta dd,
.dropdownBizMeta dt,
.dropdownBizMeta ul {
  margin: 0px;
  padding: 0px;
}

.dropdownBizMeta dd {
  position: relative;
}

.dropdownBizMeta dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownBizMeta dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownBizMeta a,
.dropdownBizMeta a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 250px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownBizMeta li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownBizMeta dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 275px;
  list-style: none;
}

/* The dropdown options */
.dropdownBizMeta dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMeta DropDown -------------------------------------*/
.dropdownRiskMeta {
  display: inline-block;
  margin-left: 20px;
  margin-top: 4px;
  max-width: 500px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownRiskMeta dd,
.dropdownRiskMeta dt,
.dropdownRiskMeta ul {
  margin: 0px;
  padding: 0px;
}

.dropdownRiskMeta dd {
  position: relative;
}

.dropdownRiskMeta dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownRiskMeta dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownRiskMeta a,
.dropdownRiskMeta a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 250px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownRiskMeta li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRiskMeta dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 275px;
  list-style: none;
}

/* The dropdown options */
.dropdownRiskMeta dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskGroup DropDown -------------------------------------*/
.dropdownRiskGroup {
  display: inline-block;
  margin-left: 20px;
  margin-top: 4px;
  max-width: 500px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownRiskGroup dd,
.dropdownRiskGroup dt,
.dropdownRiskGroup ul {
  margin: 0px;
  padding: 0px;
}

.dropdownRiskGroup dd {
  position: relative;
}

.dropdownRiskGroup dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownRiskGroup dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownRiskGroup a,
.dropdownRiskGroup a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 250px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownRiskGroup li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRiskGroup dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 275px;
  list-style: none;
}

/* The dropdown options */
.dropdownRiskGroup dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- SelectRisk DropDown -------------------------------------*/
.dropdownMultipleLink {
  display: inline-block;
  margin-left: 19px;
  margin-top: 4px;
  max-width: 500px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownMultipleLink dd,
.dropdownMultipleLink dt,
.dropdownMultipleLink ul {
  margin: 0px;
  padding: 0px;
}

.dropdownMultipleLink dd {
  position: relative;
}

.dropdownMultipleLink dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 165px;
  min-width: 165px;
  max-width: 165px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownMultipleLink dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownMultipleLink a,
.dropdownMultipleLink a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 250px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownMultipleLink li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownMultipleLink dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 275px;
  list-style: none;
}

/* The dropdown options */
.dropdownMultipleLink dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}


/* ----------------- SelectRisk DropDown -------------------------------------*/
.dropdownSelectRisk {
  display: inline-block;
  margin-left: 19px;
  margin-top: 4px;
  max-width: 500px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownSelectRisk dd,
.dropdownSelectRisk dt,
.dropdownSelectRisk ul {
  margin: 0px;
  padding: 0px;
}

.dropdownSelectRisk dd {
  position: relative;
}

.dropdownSelectRisk dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownSelectRisk dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownSelectRisk a,
.dropdownSelectRisk a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 250px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownSelectRisk li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownSelectRisk dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 275px;
  list-style: none;
}

/* The dropdown options */
.dropdownSelectRisk dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- Incidents Filter DropDown -------------------------------------*/
.dropdownIncidents {
  display: block;
  margin-left: 20px;
  margin-top: 4px;
  max-width: 500px;
  z-index: 100000;
}

.dropdownIncidents dd,
.dropdownIncidents dt,
.dropdownIncidents ul {
  margin: 0px;
  padding: 0px;
}

.dropdownIncidents dd {
  position: relative;
}

/* The visible container */
.dropdownIncidents dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 225px;
  min-width: 225px;
  max-width: 225px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownIncidents dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownIncidents a,
.dropdownIncidents a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 225px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownIncidents li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownIncidents dd ul {
  width: 250px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownIncidents dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
  z-index: 100000;
}

/* ----------------- Risks Filter DropDown -------------------------------------*/
.dropdownRisks {
  display: block;
  margin-left: 30px;
  margin-top: 4px;
  max-width: 500px;
  z-index: 100000001;
}

.dropdownRisks dd,
.dropdownRisks dt,
.dropdownRisks ul {
  margin: 0px;
  padding: 0px;
  z-index: 100000001;
}

.dropdownRisks dd {
  position: relative;
}

/* The visible container */
.dropdownRisks dt a {
  font-size: 13pt;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  height: 45px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Text for both (box and options) */
.dropdownRisks a,
.dropdownRisks a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 210px;
  display: block;
  white-space: normal;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownRisks li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRisks dd ul {
  width: 248px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  list-style: none;
  z-index: 100000001;
}

/* The dropdown options */
.dropdownRisks dd ul li a {
  display: block;
  margin-left: 5px;
  margin-top:0px;
  padding:5px 0 5px 0;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
  z-index: 100000001;
}

/* ----------------- Business Filter DropDown -------------------------------------*/
.dropdownBiz {
  display: block;
  margin-left: 30px;
  margin-top: 4px;
  max-width: 500px;
  z-index: 100000001;
}

.dropdownBiz dd,
.dropdownBiz dt,
.dropdownBiz ul {
  margin: 0px;
  padding: 0px;
  z-index: 100000001;
}

.dropdownBiz dd {
  position: relative;
}

/* The visible container */
.dropdownBiz dt a {
  font-size: 13pt;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  height: 28px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Text for both (box and options) */
.dropdownBiz a,
.dropdownBiz a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 210px;
  display: block;
  white-space: normal;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownBiz li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownBiz dd ul {
  width: 248px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  list-style: none;
  z-index: 100000001;
}

/* The dropdown options */
.dropdownBiz dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;
  margin-top:0px;
  padding:5px 0 5px 0;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
  z-index: 100000001;
}

.filterInputGrid {
  background-color: white;
  outline: none;
  margin-left: 0px;
  margin-top: 0px;
  height: 45px;
  border: 1px solid #d3d3d3;
  color: #212121;
  border-radius: 4px;
  text-indent: 5px;
  font-size: 13pt;
  width: 221px;

  padding-right: 25px;
  padding-left: 2px;

  overflow: hidden;
  text-overflow: ellipsis;

  z-index: 10002321030230;

  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;
}

.filterInputGrid:hover {
  color: #212121;
  border: 1px solid #999999;
}

.filterInputGrid::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212121;
  opacity: 1;
  /* Firefox */
}

.filterInputGrid:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #212121;
}

.filterInputGrid::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #212121;
}

/* ----------------- ChartType DropDown -------------------------------------*/
.dropdownChart {
  display: block;
  margin-left: 20px;
  margin-top: 4px;
  max-width: 500px;
  z-index: 100000;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownChart dd,
.dropdownChart dt,
.dropdownChart ul {
  margin: 0px;
  padding: 0px;
}

.dropdownChart dd {
  position: relative;
}

/* The visible container */
.dropdownChart dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  min-width: 180px;
  width: 180px;
  max-width: 180px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownChart dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownChart a,
.dropdownChart a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 180px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownChart li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownChart dd ul {
  width: 205px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownChart dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
  z-index: 100000;
}

/* ----------------- ChartType DropDown -------------------------------------*/
.dropdownChartType {
  display: block;
  margin-left: 20px;
  margin-top: 4px;
  max-width: 500px;
  z-index: 100000;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownChartType dd,
.dropdownChartType dt,
.dropdownChartType ul {
  margin: 0px;
  padding: 0px;
}

.dropdownChartType dd {
  position: relative;
}

/* The visible container */
.dropdownChartType dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 30px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 75px;
  min-width: 75px;
  max-width: 75px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownChartType dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownChartType a,
.dropdownChartType a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 75px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownChartType li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownChartType dd ul {
  width: 110px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownChartType dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
  z-index: 100000;
}

/* ----------------- Plan DropDown -------------------------------------*/
.dropdownPlan {
  display:block;
  margin-left: 30px;
  max-width: 500px;
}

.dropdownPlan dd,
.dropdownPlan dt,
.dropdownPlan ul {
  margin: 0px;
  padding: 0px;
}

.dropdownPlan dd {
  position: relative;
}

/* The visible container */
.dropdownPlan dt a {
  font-size: 13pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 30px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 45px;
  width: 320px;
  min-width: 320px;
  max-width: 320px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownPlan dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownPlan a,
.dropdownPlan a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 370px;
  display: block;
  white-space: normal;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownPlan li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownPlan dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 355px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownPlan dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  white-space: normal;
  list-style-type: none;
  padding-left: 0pt;
  width: 335px;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMapping ColumnSize DropDown -------------------------------------*/
.dropdownColumnSizeSelectEdit {
  margin-left: 20px !important;
  margin-top: 5px !important;
  max-width: 200px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
}

.dropdownColumnSizeSelectEdit dd,
.dropdownColumnSizeSelectEdit dt,
.dropdownColumnSizeSelectEdit ul {
  margin: 0px;
  padding: 0px;
}

.dropdownColumnSizeSelectEdit dd {
  position: relative;
}

/* The visible container */
.dropdownColumnSizeSelectEdit dt a {
  font-size: 11pt;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;

  color: rgb(102, 102, 102);
  background-color: rgb(237, 237, 237);

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Text for both (box and options) */
.dropdownColumnSizeSelectEdit a,
.dropdownColumnSizeSelectEdit a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 40px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
}

.dropdownColumnSizeSelectEdit li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownColumnSizeSelectEdit dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 65px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownColumnSizeSelectEdit dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMapping Row Size DropDown -------------------------------------*/
.dropdownRowSizeSelectEdit {
  margin-left: 20px !important;
  margin-top: 5px !important;
  max-width: 200px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
}

.dropdownRowSizeSelectEdit dd,
.dropdownRowSizeSelectEdit dt,
.dropdownRowSizeSelectEdit ul {
  margin: 0px;
  padding: 0px;
}

.dropdownRowSizeSelectEdit dd {
  position: relative;
}

/* The visible container */
.dropdownRowSizeSelectEdit dt a {
  font-size: 11pt;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  color: rgb(102, 102, 102);
  background-color: rgb(237, 237, 237);
}

/* Text for both (box and options) */
.dropdownRowSizeSelectEdit a,
.dropdownRowSizeSelectEdit a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 50px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
}

.dropdownRowSizeSelectEdit li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRowSizeSelectEdit dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 75px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownRowSizeSelectEdit dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMapping Result Size DropDown -------------------------------------*/
.dropdownResultSizeSelectEdit {
  margin-left: 20px !important;
  margin-top: 5px !important;
  max-width: 200px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
}

.dropdownResultSizeSelectEdit dd,
.dropdownResultSizeSelectEdit dt,
.dropdownResultSizeSelectEdit ul {
  margin: 0px;
  padding: 0px;
}

.dropdownResultSizeSelectEdit dd {
  position: relative;
}

/* The visible container */
.dropdownResultSizeSelectEdit dt a {
  font-size: 11pt;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;

  color: rgb(102, 102, 102);
  background-color: rgb(237, 237, 237);

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Text for both (box and options) */
.dropdownResultSizeSelectEdit a,
.dropdownResultSizeSelectEdit a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 50px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
}

.dropdownResultSizeSelectEdit li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownResultSizeSelectEdit dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 75px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownResultSizeSelectEdit dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMapping ColumnSize DropDown -------------------------------------*/
.dropdownColumnSizeSelect {
  margin-left: 20px !important;
  margin-top: 5px !important;
  max-width: 200px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
}

.dropdownColumnSizeSelect dd,
.dropdownColumnSizeSelect dt,
.dropdownColumnSizeSelect ul {
  margin: 0px;
  padding: 0px;
}

.dropdownColumnSizeSelect dd {
  position: relative;
}

/* The visible container */
.dropdownColumnSizeSelect dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownColumnSizeSelect dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownColumnSizeSelect a,
.dropdownColumnSizeSelect a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 40px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownColumnSizeSelect li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownColumnSizeSelect dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 65px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownColumnSizeSelect dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMapping Row Size DropDown -------------------------------------*/
.dropdownRowSizeSelect {
  margin-left: 20px !important;
  margin-top: 5px !important;
  max-width: 200px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
}

.dropdownRowSizeSelect dd,
.dropdownRowSizeSelect dt,
.dropdownRowSizeSelect ul {
  margin: 0px;
  padding: 0px;
}

.dropdownRowSizeSelect dd {
  position: relative;
}

/* The visible container */
.dropdownRowSizeSelect dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownRowSizeSelect dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownRowSizeSelect a,
.dropdownRowSizeSelect a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 50px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownRowSizeSelect li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRowSizeSelect dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 75px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownRowSizeSelect dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMapping Result Size DropDown -------------------------------------*/
.dropdownResultSizeSelect {
  margin-left: 20px !important;
  margin-top: 5px !important;
  max-width: 200px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
}

.dropdownResultSizeSelect dd,
.dropdownResultSizeSelect dt,
.dropdownResultSizeSelect ul {
  margin: 0px;
  padding: 0px;
}

.dropdownResultSizeSelect dd {
  position: relative;
}

/* The visible container */
.dropdownResultSizeSelect dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownResultSizeSelect dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownResultSizeSelect a,
.dropdownResultSizeSelect a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 50px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownResultSizeSelect li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownResultSizeSelect dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 75px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownResultSizeSelect dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMapping DropDown -------------------------------------*/
.dropdownRiskMappingSelect {
  margin-left: 20px !important;
  margin-top: 5px !important;
  max-width: 230px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
}

.dropdownRiskMappingSelect dd,
.dropdownRiskMappingSelect dt,
.dropdownRiskMappingSelect ul {
  margin: 0px;
  padding: 0px;
}

.dropdownRiskMappingSelect dd {
  position: relative;
}

/* The visible container */
.dropdownRiskMappingSelect dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 230px;
  min-width: 230px;
  max-width: 230px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownRiskMappingSelect dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownRiskMappingSelect a,
.dropdownRiskMappingSelect a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 230px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownRiskMappingSelect li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRiskMappingSelect dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 255px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownRiskMappingSelect dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}


/* ----------------- IR RiskMapping DropDown -------------------------------------*/
.dropdownIRRiskMapping {
  margin-left: 30px !important;
  margin-top: 0px !important;
  max-width: 200px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: block;
  margin-left: 30px;

  cursor: pointer;
}

.dropdownIRRiskMapping dd,
.dropdownIRRiskMapping dt,
.dropdownIRRiskMapping ul {
  margin: 0px;
  padding: 0px;
}

.dropdownIRRiskMapping dd {
  position: relative;
}

/* The visible container */
.dropdownIRRiskMapping dt a {
  font-size: 13pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 45px;
  width: 230px;
  min-width: 230px;
  max-width: 230px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dropdownIRRiskMapping dt a:hover {
  color: #212121;
  border: 1px solid #999999;
}

.dropdownIRRiskMapping[readonly] dt a:hover {
  border: 1px solid #d3d3d3;
}

/* Text for both (box and options) */
.dropdownIRRiskMapping a,
.dropdownIRRiskMapping a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 230px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
}

.dropdownIRRiskMapping li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownIRRiskMapping dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 255px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownIRRiskMapping dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMapping DropDown -------------------------------------*/
.dropdownRiskMapping {
  margin-left: 30px !important;
  margin-top: 0px !important;
  max-width: 200px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  display: block;
  margin-left: 30px;

  cursor: pointer;
}

.dropdownRiskMapping dd,
.dropdownRiskMapping dt,
.dropdownRiskMapping ul {
  margin: 0px;
  padding: 0px;
}

.dropdownRiskMapping dd {
  position: relative;
}

/* The visible container */
.dropdownRiskMapping dt a {
  font-size: 13pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 45px;
  width: 230px;
  min-width: 230px;
  max-width: 230px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dropdownRiskMapping dt a:hover {
  color: #212121;
  border: 1px solid #999999;
}

.dropdownRiskMapping[readonly] dt a:hover {
  border: 1px solid #d3d3d3;
}

/* Text for both (box and options) */
.dropdownRiskMapping a,
.dropdownRiskMapping a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 230px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
}

.dropdownRiskMapping li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRiskMapping dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 255px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownRiskMapping dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMappingProject DropDown -------------------------------------*/
.dropdownRiskMappingProject {
  display: absolute;
  left: 0px;
  margin-left: 20px !important;
  margin-top: 10px !important;
  margin-bottom: -15px;
  max-width: 200px;
}

.dropdownRiskMappingProject dd,
.dropdownRiskMappingProject dt,
.dropdownRiskMappingProject ul {
  margin: 0px;
  padding: 0px;
}

.dropdownRiskMappingProject dd {
  position: relative;
}

/* The visible container */
.dropdownRiskMappingProject dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 170px;
  min-width: 170px;
  max-width: 170px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownRiskMappingProject dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownRiskMappingProject a,
.dropdownRiskMappingProject a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 170px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownRiskMappingProject li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRiskMappingProject dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 195px;
  list-style: none;
}

/* The dropdown options */
.dropdownRiskMappingProject dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- LinkedPlans DropDown -------------------------------------*/
.dropdownLinkedPlans {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
}

.dropdownLinkedPlans dd,
.dropdownLinkedPlans dt,
.dropdownLinkedPlans ul {
  margin: 0px;
  padding: 0px;
}

.dropdownLinkedPlans dd {
  position: relative;
}

/* The visible container */
.dropdownLinkedPlans dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 390px;
  min-width: 390px;
  max-width: 390px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownLinkedPlans dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownLinkedPlans a,
.dropdownLinkedPlans a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 390px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownLinkedPlans li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownLinkedPlans dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 415px;
  list-style: none;

  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* The dropdown options */
.dropdownLinkedPlans dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- LinkedIncidents DropDown -------------------------------------*/
.dropdownLinkedIncidents {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
}

.dropdownLinkedIncidents dd,
.dropdownLinkedIncidents dt,
.dropdownLinkedIncidents ul {
  margin: 0px;
  padding: 0px;
}

.dropdownLinkedIncidents dd {
  position: relative;
}

/* The visible container */
.dropdownLinkedIncidents dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 390px;
  min-width: 390px;
  max-width: 390px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownLinkedIncidents dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownLinkedIncidents a,
.dropdownLinkedIncidents a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 390px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownLinkedIncidents li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownLinkedIncidents dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 415px;
  list-style: none;

  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* The dropdown options */
.dropdownLinkedIncidents dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  min-height: 21px;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- Upgrade DropDown -------------------------------------*/
.dropdownUpgrade {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
}

.dropdownUpgrade dd,
.dropdownUpgrade dt,
.dropdownUpgrade ul {
  margin: 0px;
  padding: 0px;
}

.dropdownUpgrade dd {
  position: relative;
}

/* The visible container */
.dropdownUpgrade dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 150px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownUpgrade dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownUpgrade a,
.dropdownUpgrade a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 150px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownUpgrade li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownUpgrade dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 175px;
  list-style: none;
}

/* The dropdown options */
.dropdownUpgrade dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- CloneGrid DropDown -------------------------------------*/
.dropdownCloneGrid {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownCloneGrid dd,
.dropdownCloneGrid dt,
.dropdownCloneGrid ul {
  margin: 0px;
  padding: 0px;
}

.dropdownCloneGrid dd {
  position: relative;
}

/* The visible container */
.dropdownCloneGrid dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  color: black !important;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 120px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownCloneGrid dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownCloneGrid a,
.dropdownCloneGrid a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 120px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownCloneGrid li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownCloneGrid dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 145px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownCloneGrid dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- ClonePlans DropDown -------------------------------------*/
.dropdownClonePlans {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownClonePlans dd,
.dropdownClonePlans dt,
.dropdownClonePlans ul {
  margin: 0px;
  padding: 0px;
}

.dropdownClonePlans dd {
  position: relative;
}

/* The visible container */
.dropdownClonePlans dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  color: black !important;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 120px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownClonePlans dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownClonPlans a,
.dropdownClonePlans a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 120px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownClonePlans li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownClonePlans dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 145px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownClonePlans dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- ClonePlans DropDown -------------------------------------*/
.dropdownCloneIncidents {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownCloneIncidents dd,
.dropdownCloneIncidents dt,
.dropdownCloneIncidents ul {
  margin: 0px;
  padding: 0px;
}

.dropdownCloneIncidents dd {
  position: relative;
}

/* The visible container */
.dropdownCloneIncidents dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 120px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownCloneIncidents dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownClonIncidents a,
.dropdownCloneIncidents a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 120px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownCloneIncidents li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownCloneIncidents dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 145px;
  list-style: none;

  z-index: 100000;
}

/* The dropdown options */
.dropdownCloneIncidents dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- ExportGrid DropDown -------------------------------------*/
.dropdownExportGrid {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownExportGrid dd,
.dropdownExportGrid dt,
.dropdownExportGrid ul {
  margin: 0px;
  padding: 0px;
}

.dropdownExportGrid dd {
  position: relative;
}

/* The visible container */
.dropdownExportGrid dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 150px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownExportGrid dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownExportGrid a,
.dropdownExportGrid a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 150px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownExportGrid li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownExportGrid dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 175px;
  list-style: none;
}

/* The dropdown options */
.dropdownExportGrid dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- UserAccesSelect DropDown -------------------------------------*/
.dropdownUserEmailSelect {
  display: inline-block;
  margin-left: 6px;
  margin-top: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownUserEmailSelect dd,
.dropdownUserEmailSelect dt,
.dropdownUserEmailSelect ul {
  margin: 0px;
  padding: 0px;
}

.dropdownUserEmailSelect dd {
  position: relative;
}

/* The visible container */
.dropdownUserEmailSelect dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 25px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  min-width: 275px;
  width: 275px;
  max-width: 275px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownUserEmailSelect dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownUserEmailSelect a,
.dropdownUserEmailSelect a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 305px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownUserEmailSelect li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownUserEmailSelect dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 305px;
  list-style: none;
  z-index: 100000;
}

/* The dropdown options */
.dropdownUserEmailSelect dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- UserAccesSelect DropDown -------------------------------------*/
.dropdownUserAccessSelect {
  display: inline-block;
  margin-left: -130px;
  margin-top: 32px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownUserAccessSelect dd,
.dropdownUserAccessSelect dt,
.dropdownUserAccessSelect ul {
  margin: 0px;
  padding: 0px;
}

.dropdownUserAccessSelect dd {
  position: relative;
}

/* The visible container */
.dropdownUserAccessSelect dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  min-width: 80px;
  width: 80px;
  max-width: 80px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownUserAccessSelect dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownUserAccessSelect a,
.dropdownUserAccessSelect a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 130px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownUserAccessSelect li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownUserAccessSelect dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 105px;
  list-style: none;
}

/* The dropdown options */
.dropdownUserAccessSelect dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- UserAccesExternal DropDown -------------------------------------*/
.dropdownUserAccessSelectExternal {
  display: inline-block;
  margin-left: -130px;
  margin-top: 32px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownUserAccessSelectExternal dd,
.dropdownUserAccessSelectExternal dt,
.dropdownUserAccessSelectExternal ul {
  margin: 0px;
  padding: 0px;
}

.dropdownUserAccessSelectExternal dd {
  position: relative;
}

/* The visible container */
.dropdownUserAccessSelectExternal dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  min-width: 80px;
  width: 80px;
  max-width: 80px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownUserAccessSelectExternal dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownUserAccessSelectExternal a,
.dropdownUserAccessSelectExternal a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 130px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownUserAccessSelectExternal li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownUserAccessSelectExternal dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 105px;
  list-style: none;
}

/* The dropdown options */
.dropdownUserAccessSelectExternal dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- UserAcces DropDown -------------------------------------*/
.dropdownUserAccess {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownUserAccess dd,
.dropdownUserAccess dt,
.dropdownUserAccess ul {
  margin: 0px;
  padding: 0px;
}

.dropdownUserAccess dd {
  position: relative;
}

/* The visible container */
.dropdownUserAccess dt a {
  font-size: 12pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 30px;
  width: 150px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownUserAccess dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownUserAccess a,
.dropdownUserAccess a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 150px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownUserAccess li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownUserAccess dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 175px;
  list-style: none;
}

/* The dropdown options */
.dropdownUserAccess dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 12pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- UserAccesExternal DropDown -------------------------------------*/
.dropdownUserAccessExternal {
  display: inline-block;
  margin-left: 18px;
  margin-top: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownUserAccessExternal dd,
.dropdownUserAccessExternal dt,
.dropdownUserAccessExternal ul {
  margin: 0px;
  padding: 0px;
}

.dropdownUserAccessExternal dd {
  position: relative;
}

/* The visible container */
.dropdownUserAccessExternal dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px !important;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 150px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
}

.dropdownUserAccessExternal dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
}

/* Text for both (box and options) */
.dropdownUserAccessExternal a,
.dropdownUserAccessExternal a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 150px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
}

.dropdownUserAccessExternal li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownUserAccessExternal dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 175px;
  list-style: none;
}

/* The dropdown options */
.dropdownUserAccessExternal dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/* ----------------- RiskMappingEdit DropDown -------------------------------------*/
.dropdownRiskMappingEdit {
  display: inline-block;
  margin-left: 20px;
  margin-top: 4px;
  z-index: 99999;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dropdownRiskMappingEdit dd,
.dropdownRiskMappingEdit dt,
.dropdownRiskMappingEdit ul {
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

.dropdownRiskMappingEdit dd {
  position: relative;
  z-index: 99999;
}

/* The visible container */
.dropdownRiskMappingEdit dt a {
  font-size: 11pt;
  background: #ffffff url(../images/expand_arrow_20px.png) no-repeat scroll 97.5% center;

  display: table-cell;
  text-align: left;
  vertical-align: middle;

  padding-right: 20px;
  padding-left: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;

  height: 20px;
  width: 150px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  cursor: pointer;
  z-index: 99999;
}

.dropdownRiskMappingEdit dt a:hover {
  color: #212121;
  border: 1px solid #999999;
  cursor: pointer;
  z-index: 99999;
}

/* Text for both (box and options) */
.dropdownRiskMappingEdit a,
.dropdownRiskMappingEdit a:visited {
  color: black;
  text-decoration: none;
  outline: none;

  width: 150px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: left !important;
  align-items: left !important;
  cursor: pointer;
  z-index: 99999;
}

.dropdownRiskMappingEdit li:hover {
  color: #212121;
  background: #e7e7e7;
}

/* The container for the dropdown options */
.dropdownRiskMappingEdit dd ul {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d3d3d3;
  color: #555555;
  display: none;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  width: 175px;
  list-style: none;
  z-index: 99999;
}

/* The dropdown options */
.dropdownRiskMappingEdit dd ul li a {
  padding: 5px;
  display: block;
  margin-left: 5px;

  font-size: 11pt;
  text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 0pt;

  align-items: left;
  align-self: left;
  align-content: left;
  text-align: left;
}

/*   Profile Page      */
.btn-box button:hover {
  color: var(--light-text);
  padding-top: 15px;
  transition: 0.1s;
}

.profile-wrapper {
  width: 100%;
  margin: 30px;
  margin-top: 70px;
}

.editItem-newPassword p {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 12pt;
  color: var(--light-text);
}

.newPasswordTitle {
  font-size: 16pt !important;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

#newPasswordForm{
  background-color: white;
  width:600px;
  padding-bottom: 70px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: var(--btn-radius);
}

.inputEditNewPassword {
  outline: none;
  height: 25px;
  width: 92%;

  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 5px;
  border: none;

  border-bottom: 1px solid rgb(150, 150, 150);
  color: #555555;
  font-size: 13pt;
}

.inputEditNewPassword:hover {
  border-bottom: 1px solid #555555;
  transition: 0.1s;
}

.inputEditNewPassword:focus {
  border-bottom: 1px solid #555555;
  transition: 0.1s;
}

.editItem-Name .newPassword {
  color: rgb(26, 26, 26);
}

/*
.editItem-Name span {
  margin-left: 22px;
  font-size: 17pt;
  color: var(--light-text);
}*/

.editItem-Name i {
  margin-top: 6px;
  cursor: pointer;
  color: rgb(189, 189, 189);
}

.editItem-Name i:hover {
  color: rgb(159, 159, 159);
}

.editItem-Tag {
  display: inline-block;
}

.editItem-Tag .tagTool {
  font-size: 17pt;
  color: var(--light-text);

  display: inline-block;
}

.editItem-Tag .tagTool {
  top: 5px !important;
  margin-bottom: -10px;
}

.editItem-Owner {
  display: inline-block;
}

.editItem-Owner .ownerTool {
  font-size: 17pt;
  color: var(--light-text);

  display: inline-block;
}

.editItem-Owner .ownerTool {
  top: 5px !important;
  margin-bottom: -10px;
}

.tagLabel {
  margin-bottom: 4px;
  font-size: 11pt;
  background: rgb(237, 237, 237);
  color: black;

  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: fit-content;
  max-width: 250px;
  border-radius: 4px;
  margin-top: 3px;

  max-height: 22px;

  display: inline-block;
  white-space: nowrap;

  vertical-align: middle;
  margin-right: 4px;
  cursor: default;
}

.tagLabel i {
  padding-left: 10px;
  vertical-align: top;
  margin-top: 4px;
  display: inline-block;
  cursor: pointer;
}

.tagLabel .taglabelname {
  /*max-width: 130px;*/
  max-width: 210px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  max-height: 21px;
  display: inline-block;
}

.editItem-Tag #addTagRisk {
  cursor: pointer;
  color: rgb(189, 189, 189);
  font-size: 19.5pt;
  vertical-align: middle;
}

.editItem-Tag #addTagRisk:hover {
  color: rgb(159, 159, 159);
}

.editItem-Tag #addTagBiz {
  cursor: pointer;
  color: rgb(189, 189, 189);
  font-size: 19.5pt;
  vertical-align: middle;
}

.editItem-Tag #addTagBiz:hover {
  color: rgb(159, 159, 159);
}

.editItem-Owner #addOwner {
  cursor: pointer;
  color: rgb(189, 189, 189);
  font-size: 19.5pt;
  vertical-align: middle;
}

.editItem-Owner #addOwner:hover {
  color: rgb(159, 159, 159);
}

.profile-wrapper .warning {
  color: var(--error-text);
  font-size: 14px;
  margin-top: 0px;
  margin-left: 20px;
  width: 380px;
}

.profile-wrapper .success {
  color: var(--success-text);
  font-size: 14px;
  margin-top: 0px;
  margin-left: 20px;
}

.editItem-newPassword .password-policies {
  display: none;
  position: relative;
  font-size: 11pt;

  top: 0px;
  left: 266px;

  transform: translateX(-50%);
  width: 350px;
  padding: 10px;
  border-radius: 5px;
  margin-top: -18px;
  margin-bottom: 4px;
  box-sizing: border-box;
  opacity: 1;
  overflow: hidden;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-newPassword .password-policies.active {
  opacity: 1;
  padding: 10px;
}

.editItem-newPassword .password-policies>div {
  margin: 5px 5px;
  color: #888;
  transition: all 200ms ease-in-out;
}

.editItem-newPassword .password-policies>div.active {
  color: var(--success-text);
}

.savePasswordBtn {
  padding: 10px 15px 10px 15px;
  color: white;
  background: none;

  font-size: 14px;
  border-radius: 5px;
  letter-spacing: 1px !important;

  text-decoration: none;
  transition: 0.1s;
  top: 36px;
  left: 474px;
  border: 0px;
  cursor: pointer;
  position: relative;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  background-color: var(--dark-text);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.savePasswordBtn:hover {
  background-color: var(--light-text);
}

.initial-circle {
  width: 105px;
  height: 105px;
  background-color: var(--dark-text);
  border-radius: 50%;
  position: relative;
  left: -30px;
  cursor: pointer;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.remove-icon{
  z-index: 10;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  color: var(--general-light-text);
  width: 106px;
  height: 106px;
  border-radius: 50%;
  position: absolute;
  left: -1px;
  top:-1px;
  line-height: 10px;
  background-color: rgba(100, 100, 100, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
}


.remove-icon i{
  margin-top:16px;
}

.remove-icon div{
  margin-top:10px;
  transition: opacity 0.3s ease;
}

#remove-profile{
  color: var(--rg-red);
  position: absolute;
  top:70px;
  left:42px;
  text-align: center;
  font-size: 40px;
}

#remove-profile:hover{
  color:#ff3347;
}

.profile-image{
  border: 2px solid var(--light-text);
  border-radius: 50%;
  background-color: white;
}

.initial-content {
  position: absolute;
  width: inherit;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
  z-index: 9;
}

.initial-content p {
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 34pt !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.profile-form-header {
  background-color: white;
  padding: 20px 3%;

  position: absolute;
  left: 100px;
  top: 80px;

  width: 1500px;
  height: 100px;
  margin-left: -60px;
  margin-top: -50px;
  border-radius: var(--btn-radius);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

.profile-form,.profile-form-members {
  background-color: white;
  padding: 20px 3%;

  position: absolute;
  left: 100px;
  top: 240px;

  width: 1500px;
  height: 100%;
  margin-left: -60px;
  margin-top: -50px;
  border-radius: var(--btn-radius);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.profile-form .profile-edit-information,.profile-form-members  .profile-edit-information{
  color: var(--light-text);
  font-size: 14pt;
  margin-bottom: 6px;
  border-radius: var(--btn-radius);
}

.profile-header {
  display: inline-block;
}

.profile-header .row {
  display: flex;
  margin-top:-12px;
}

.profile-header .column {
  flex: 800px;
  margin-left: 100px;
}

.profile-header .profile-content-left {
  margin-top: 6px;
  width: 400px;
  border-right: solid rgba(210, 210, 210, 1) 0.5px;
  height: 90px;
}

.profile-header .profile-content-left p {
  width: 380px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-header .profile-content-right {
  margin-top: 6px;
  margin-left: 80px;
  width: 400px;
  height: 90px;
}

.profile-header p {
  color: var(--light-text);
  line-height: 1.5;
  font-size: 14pt;
}

.profile-container {
  height: 40px;
  padding-top: 4px;
  display: flex;
  align-items: center;
}

.profile-container .profile-item {
  display: inline-block;
  margin-left: 10px;
  border: 1px solid white;
  width: 700px;
  max-height: 35px;
}

.profile-container .profile-item p {
  vertical-align: middle;
}

.profile-container .profile-icon {
  display: inline-block;
  color: var(--dark-text);
  width: 24px;
  text-align: center;
}

.profile-sub{
  width: fit-content;
  padding: 4px 10px;
  color:white !important;
  background-color: var(--rg-green);
  border-radius: var(--btn-radius);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin-bottom:5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.profile-container .profile-title {
  display: inline-block;
  vertical-align: top !important;
  color: rgb(112, 112, 112);
  margin-left: 15px;
  margin-top: 6px !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.profile-container .profile-content {
  display: inline-block;
}

.profile-container .profile-input-content {
  display: inline-block;
  outline: none;
  height: 25px;
  width: 490px;

  margin-top: 5px;
  margin-left: 3px;
  margin-bottom: 5px;
  padding-left: 5px;
  border: none;
  background-color: white !important;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

  color: var(--light-text);
  font-size: 13pt;
}

.profile-container .profile-item:hover {
  cursor: pointer;
  border: 1px solid var(--dash-border);
  border-radius: var(--btn-radius);
  transition: 0.1s;
}

.editItem-newPassword .password-policies {
  display: none;
  position: relative;
  font-size: 11pt;

  top: 0px;
  left: 182px;

  width: 350px;
  padding: 10px;
  border-radius: 5px;
  margin-top: 8px;
  margin-bottom: 4px;
  box-sizing: border-box;
  opacity: 1;
  overflow: hidden;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editItem-newPassword .password-policies.active {
  opacity: 1;
  padding: 10px;
}

.editItem-newPassword .password-policies>div {
  margin: 5px 5px;
  color: #888;
  transition: all 200ms ease-in-out;
}

.editItem-newPassword .password-policies>div.active {
  color: var(--success-text);
}

/* ----------------------------- Subscription -----------------------------------*/
#subscriptionContent {
  transition: 0s;
  z-index: 9999;
  margin-top: 70px;

  width: 100%;

  position: relative;
  height: auto;

  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
}

#profileContent{
  transition: 0s;
  z-index: 9999;

  width: 100%;
  margin-top: 70px;
  position: relative;
  height: auto;

  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
}

.emptySubscription {
  border: none !important;
}

.subscription-form {
  background-color: var(--background);
  position: absolute;
  top: 60px;
  margin-bottom: 60px;
  width: 95%;

  margin-left: 40px;
  margin-top: -50px;

  text-align: center;
  align-items: center;
  border: 0px;
}

.subscription-header {
  left: 300px;
  display: block;
  position: relative;
}

.subscription-container {
  border: #888 solid 1px;
  border-radius: 8px;
  color: rgb(39, 39, 39) !important;
  text-align: center;
  float: left;
  width: 320px;
  margin: 0px 10px 0px 10px;
}

.subscription-title-div {
  top: 0px;
}

.subscription-title {
  font-size: 16pt;
  color: var(--light-text);
  position: relative;
  top: 10px;
}

.subscription-pricing {
  margin: 20px 0px 15px 0px;
  display: inline-block;
}

.symbol-superscript {
  font-size: 20pt;
  position: relative;
  top: -28px;
  margin-right: 2px;
}

.subscription-value {
  font-size: 50pt;
}

.subscription-table {
  width: 100%;
  table-layout: fixed !important;
  border-radius: 8px;
  padding: 0mm;
  top: 10px;
  z-index: 1;
  border: 0px;
  
  margin-top:20px;
  margin-bottom: 50px;
}

.subscription-table td {
  border-top: 1px solid rgb(202, 202, 202);
  border-bottom: 1px solid rgb(202, 202, 202);
}


.subscription-form table.subscription-table tr:not(:first-child) {
  border: 1px solid rgb(202, 202, 202);
  height: 25px;
}

.subscription-form table.subscription-table tr:nth-child(even) {
  background: #e2e2e2;
}

.subscription-form table.subscription-table tr:nth-child(odd) {
  background: #f2f2f2;
}

.subscription-table td {
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}

.subscription-table-desc {
  font-size: 16pt !important;
  text-align: left !important;
  padding: 0.7em;
  color: rgb(39, 39, 39);
  font-weight: bolder;
}

.subscription-table-sub-desc {
  font-size: 12pt !important;
  text-align: left !important;
  color: rgb(102, 102, 102);
  font-weight: normal;
}

.subscription-table-value {
  font-size: 22pt !important;
  padding: 0.2em;
  color: rgb(39, 39, 39);
  font-weight: bolder;
}

.subscription-table-header {
  color: rgb(39, 39, 39) !important;
  background-color: white;
  padding-bottom: 10px;
}

.subscription-empty-cell {
  background-color: #fff;
  border: 0px;
}

.subFrom{
  font-size: 11pt;;
  margin-top:14px;
  color:black;
  width:100%;
  text-align: center;
  margin-bottom: -33px;
}

.planDetails{
  font-size: 11pt;
}

.plandata .color {
  align-items: right;
  border: 0.5px solid black;
  vertical-align: middle;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 4px
}

.filterBox .color {
  align-items: right;
  border: 0.5px solid black;
  vertical-align: middle;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 4px
}

.plandataMapping .color {
  align-items: right;
  border: 0.5px solid black;
  vertical-align: middle;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 4px
}

#plandataProjection .color {
  align-items: right;
  border: 0.5px solid black;
  vertical-align: middle;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 4px;
}

.data .color {
  align-items: right;
  border: 0.5px solid black;
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 4px;
}

.RiskPlanTable th {
  position: relative;
}

#RiskPlanTable tbody tr{
  border-bottom: 2px solid var(--rg-light-grey) !important;
}

#SignOffTable tbody tr{
  border-bottom: 2px solid var(--rg-light-grey) !important;
}

#RiskIncidentTable tbody tr{
  border-bottom: 2px solid var(--rg-light-grey) !important;
}

#DashboardTable tr:nth-child(2) td,
#DashboardTable tr:nth-child(3) th{
  color: var(--dark-text) !important;
  font-weight: normal;
}

#DashboardTableFuture tr:nth-child(2) td,
#DashboardTableFuture tr:nth-child(3) th{
  color: var(--dark-text) !important;
  font-weight: normal;
}



#RiskPlanTable tr:nth-child(2) td,
#RiskPlanTable tr:nth-child(3) th{
  color: var(--dark-text) !important;
  font-weight: normal;
}

#RiskLinkTable tr:nth-child(2) td,
#RiskLinkTable tr:nth-child(3) th{
  color: var(--dark-text) !important;
  font-weight: normal;
}

#RiskIncidentTable tr:nth-child(2) td,
#RiskIncidentTable tr:nth-child(3) th{
  color: var(--dark-text) !important;
  font-weight: normal;
}

#IncidentLinkTable tr:nth-child(2) td,
#IncidentLinkTable tr:nth-child(3) th{
  color: var(--dark-text) !important;
  font-weight: normal;
}

.RiskIncidentTable th {
  position: relative;
}

.RiskLinkTable th {
  position: relative;
}

.IncidentLinkTable th {
  position: relative;
}

.DashboardTable th {
  position: relative;
  width: auto;
}

.DashboardTableFuture th {
  position: relative;
  width: auto;
}

thead tr:nth-child(3) th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.review th {
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
}

.planDate {
  font-size: 11pt;
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  color: var(--general-dark-text) !important;
}

.planDate::placeholder {
  color: var(--general-dark-text) !important;
}

.planTargetDate {
  font-size: 16px;
  width: 100%;
  vertical-align: middle;
  height:36px;
  border: none;
  outline: none;
  text-align: center !important;
  cursor: pointer;
  background-color: transparent;
  color: var(--general-dark-text) !important;
}

.planTargetDate::placeholder {
  color: var(--general-dark-text) !important;
}

.planLinkGroup{
  color:var(--light-text);
  min-height:16px;
  margin-top:4px;
  margin-bottom:-4px;
  margin-left:12px;
  text-align:left;
  font-size:11pt;
  white-space: normal !important;
  width:250px;
  height: auto;
}

.IncidentplanDate {
  font-size: 11pt;
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  color: var(--general-dark-text) !important;
}


.IncidentplanDate::placeholder {
  color: var(--general-dark-text) !important;
}

.resizer {
  /* Displayed at the right side of column */
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  cursor: col-resize;
  user-select: none;
}

.addRow {
  font-size: 11pt;
  display: block;
  width: 75px;
  padding: 10px 10px;
  margin: 0px;
  margin-left: 30px;
  padding-right: 20px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  background-color: var(--grid-top);
  border-radius: var(--btn-radius);
  border: none;
  cursor: pointer;
  text-align: left;
  user-select: none;
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.addRow span {
  padding-left: 10px;
}

.addLabel {
  font-size: 10pt;
  display: block;
  width: 90px;
  padding: 5px 10px;
  margin: 0px;
  margin-top: 10px;
  margin-left: 5px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  background-color: var(--grid-top);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: left;
  user-select: none;
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.addLabel span {
  padding-left: 5px;
}

.updateLinked {
  font-size: 11pt;
  display: block;
  width: 155px;
  padding: 10px 10px;
  padding-right: 25px;
  margin-top: 20px;
  margin-left: 30px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  background-color: var(--success-text);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: left;
  user-select: none;
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.updateLinked span {
  padding-left: 10px;
}

.deleteRow {
  font-size: 11pt;

  width: 100%;
  margin: 0px;
  cursor: pointer;
  color: var(--light-text);
  font-weight: bold;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  user-select: none;
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.planResult {
  padding-top: 15px;
  margin-left: 10px !important;
  margin-right: 2px;
  color: var(--general-dark-text);
  display: inline-block;
}

.planResultDiv {
  margin-top: 30px;
  margin-left: 30px;
  background-color: white;
  height: 50px;
  width: fit-content;
  border-radius: 5px;
  user-select: none;
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.planResultSelect {
  position: absolute;
  display: inline-block;
  height: 36px !important;
  margin-top: 6px;
  width: 240px;
  border: 1px solid var(--dash-border);
  border-radius: var(--btn-radius);


}

.planResultSelect:focus {
  outline: 0;
}

.planResultSelect:hover {
  cursor: pointer;
  border: 1px solid var(--dash-border);
  z-index: 100000;
}

.planResultSelect .color-result {
  align-items: right;
  border: 0.5px solid black;
  margin-right: 5px;
  border-radius: 4px;
  user-select: none;
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-left: 20px;
  position: relative;
  top: 8px !important;
}

.planResultSelect .color {
  align-items: right;
  border: 0.5px solid black;
  margin-right: 5px;
  border-radius: 4px;
  user-select: none;
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.deleteRow span {
  padding-left: 5px;
}

/* ------------------------ Chart ------------------------------*/
#dashboardContent {
  transition: 0s;
  z-index: 9999;

  width: 100%;
  margin-top: 150px;

  position: relative;
  height: auto;
  display: inline-block;

  transform: translateY(0px);
  transition: all 0.3s ease-in-out;

  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll !important;
  overflow-x: scroll !important;

  padding-bottom: 100px;;
}

#dashboardContent.fade{
  transform: translateY(54px);
}

/* Base styles for the main container */
.plan-chart-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.plan-arrow{
  color: var(--rg-green) !important;
  font-size: 90px;
  padding-bottom:20px;
  position: relative;
  top:-10px;
}

/* Styles for the rows within the container */
.plan-chart-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.plan-chart-wrapper {
  flex: 2; /* Takes 2/3 of the available space */
  height: 653px;
  min-width: 530px;
  min-height: 703px;

  margin: 0 auto;
  display: inline-block;
  background-color: white;
  border-radius: 8px;
  margin: 8px 0px 0px 8px;
  padding: 2px 2px 20px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.plan-chart-wrapper div svg{
  min-height: 703px;
}

/* Styles for plan-chart-count-wrapper (1/3 width) */
.plan-chart-count-wrapper {
  flex: 1; /* Takes 1/3 of the available space */
  display: flex;
  flex-direction: column;

  min-width: 530px;
  min-height: 703px;

  margin: 0 auto;
  display: inline-block;
  background-color: white;
  border-radius: 8px;
  margin: 8px 8px 0px 8px;
  padding: 2px 2px 20px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

/* Styles for plan-chart-wrapper-half (1/2 width, 438px height) */
.plan-chart-wrapper-half {
  flex: 1; /* Takes 1/2 of the available space */
  height: fit-content;

  min-width: 530px;
  min-height: 478px;

  align-items: center;

  margin: 0 auto;
  display: inline-block;
  background-color: white;
  border-radius: 8px;
  margin: 8px 8px 0px 8px;
  padding: 2px 2px 20px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}


/* Media query for tablets and smaller screens */
@media (max-width: 1068px) {
  .plan-chart-row {
    flex-direction: column;
  }

  .plan-chart-wrapper,
  .plan-chart-count-wrapper,
  .plan-chart-wrapper-half {
    flex: 1; /* Take the full width of the screen */
    margin-right:40px !important;
    margin-left:40px;
  }

  .plan-chart-wrapper-half {
    margin-top: 10px; /* Add a little gap between the divs */
  }
}

/* Media query for tablets and smaller screens */
@media (max-width: 1068px) {
  .plan-chart-row {
    flex-direction: column;
  }

  .chart-wrapper,
  .chart-count-wrapper,
  .chart-wrapper-half,
  .chart-line-wrapper {
    flex: 1; /* Take the full width of the screen */
    margin-right:40px !important;
    margin-left:40px;
  }

  .chart-wrapper-half {
    margin-top: 10px; /* Add a little gap between the divs */
  }
}

.chart-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.chart-wrapper {
  /*width: 500px;*/
  /*width: 32.4%;*/
  flex: 1; /* Takes 1/3 of the available space */
  min-width: 450px;
  min-height: 362px;

  margin: 0 auto;
  display: inline-block;
  background-color: white;
  border-radius: 8px;
  margin: 8px 0px 0px 8px;
  padding: 2px 2px 20px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.chart-wrapper-half {
  /*width: 500px;*/
  min-width: 750px;
  flex: 1; /* Takes 1/3 of the available space */
  min-height: 392px;

  margin: 0 auto;
  display: inline-block;
  background-color: white;
  border-radius: 8px;
  margin: 8px 0px 0px 8px;
  padding: 2px 2px 20px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.chart-wrapper-half canvas {
  max-width: 100%;
}

.plan-chart-wrapper-half canvas {
  max-width: 100%;
}

.plan-chart-small{
  margin: 0 auto;
  vertical-align: middle;
  width:80%;
  margin-top:30px;
  min-height:428px;
}

.canvas-wrapper {
  /*width: 500px;*/
  /*width: 32.4%;*/
  min-width: 350px;
  min-height: 350px;

  margin: 0 auto;

  background-color: white;
  border-radius: 8px;
  margin: 8px 0px 0px 8px;
  padding: 2px 2px 20px 2px;
}

.chart-line-wrapper {
  flex: 2 !important; /* Takes 2/3 of the available space */
  float: left;

  min-width: 750px;
  min-height: 611px;
  margin: 0 auto;
  background-color: white;
  border-radius: 8px;
  margin: 10px 0px 0px 10px;
  padding: 2px 2px 20px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.chart-count-wrapper {
  flex: 1; /* Takes 1/3 of the available space */
  float: left;
  min-height: 611px;

  text-align: center;
  justify-content: center;

  background-color: white;
  border-radius: 8px;
  margin: 10px 0px 0px 10px;
  padding: 2px 2px 20px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

.chart-vertical {
  width: 95%;
  background-color: white;
  float: left;
  position: relative;

  height: 159px;
  margin: 0 auto;

  margin: 10px 10px 10px 10px;
  padding: 2px 2px 2px 2px;
  text-align: center;
}

.chart-info {
  display: inline-block; /* Display elements in line */
  margin-right:6px; /* Adjust margin as needed */
  margin-left:6px;

  border-radius: var(--btn-radius);
  margin-top:20px;
  width:125px;
  height:135px;
  white-space:nowrap !important;
  padding:15px;
  font-weight: 600;
  font-size: 20px;
}

.chart-info p{
  font-size: 120px !important;
}



.anychart-tooltip {
  border-radius: var(--btn-radius);
  background: rgba(60, 60, 60, 1);
}

#gridCompletionChart {
  position: relative;
  margin-top: 8px;
}

.chart-vertical .grid-count {
  display: block;
  color: rgb(102, 102, 102);
  text-align: center;
  margin-top: 40px !important;

  font-size: 24px;
  font-weight: 800;
  user-select: none;

  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.chart-vertical .plan-deadline{
  font-size: 26px;
  margin-top: 20px;
}

.chart-vertical .plan-deadline-name{
  font-size: 26px;
  margin-top: 20px;
}

.plan-deadline-name:hover{
  color: #a3a3a3;
}

.sp-replacer{
  margin-top:9px;
  margin-left:20px;
  width:180px;
  height:22px !important;
}


.sp-cancel{
  color: #606c72;
  text-decoration: none; 
  font-size: 10pt;
}

.sp-cancel:hover{
  opacity: 0.7;
}

.anychart-credits {
  display: none;
}

.chart-vertical p {
  margin-top: -10px;
  color: rgb(102, 102, 102);
  text-align: center;

  font-size: 120px;
  font-weight: 400;
  user-select: none;

  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.editMultiple {
  visibility: hidden;
  position: relative;
  display: inline;
  color: var(--light-text);
  margin-left: 20px;
  top: 35px;
  width: 200px !important;
}

.rowMultipleDiv {
  margin-left: 20px;
  margin-top: -14px;
  width: 200px;
}

.AddColumn {
  visibility: hidden;
  position: relative;
  display: inline;
  color: var(--dark-text);
  margin-left: 20px;
  top: 35px;
  width: 20px !important;
}

.AddGroupColumn {
  visibility: hidden;
  position: relative;
  display: inline;
  color: var(--dark-text);
  margin-left: 20px;
  top: 19px;
  width: 20px !important;
}

.updateFilter {
  font-size: 12pt;

  padding: 5px;
  font-weight: bold;
  background: var(--success-text);
  border-radius: 5px;
  color: white;
  width: 60%;
  text-align: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 6px;
  cursor: pointer;
}

.AddMetaColumn {
  visibility: hidden;
  position: relative;
  display: inline;
  color: var(--dark-text);
  margin-left: 20px;
  top: 19px;
  width: 20px !important;
}

.editMultipleCol {
  position: relative;
  color: var(--light-text);
  padding-top: 40px !important;
  padding-bottom: 20px !important;
  margin-left: 35px;
  width: 20px !important;
  text-align: center;
}

.AddGroupRisk {
  position: relative;
  color: var(--dark-text);
  padding-top: 40px !important;
  padding-bottom: 20px !important;
  margin-left: 18px;
  width: 20px !important;
  max-width: 20px !important;
  text-align: center;
}

.AddGroupRisk div{
  cursor:pointer;
  white-space:nowrap;
  margin-left:20px;
  visibility:hidden;
}

.AddMetaRisk {
  position: relative;
  color: var(--dark-text);
  padding-top: 40px !important;
  padding-bottom: 20px !important;
  margin-left: 20px !important;
  width: 20px !important;
  max-width: 20px !important;
  text-align: center;
}

.AddMetaRisk div{
  cursor:pointer;
  white-space:nowrap;
  margin-left:25px;
  visibility:hidden;
}

.AddRisk {
  position: relative;
  color: var(--dark-text);
  padding-top: 40px !important;
  padding-bottom: 20px !important;
  margin-left: 35px;
  width: 20px !important;
  text-align: center;
}

#RiskAssessmentTable tr:hover>td.editMultiple {
  visibility: visible;
}

#RiskAssessmentTable tr:hover>td.AddColumn {
  visibility: visible;
}

#RiskAssessmentTable tr:hover>td.AddGroupColumn {
  visibility: visible;
}

#RiskAssessmentTable tr:hover>td.AddMetaColumn {
  visibility: visible;
}

/* datepicker css */

.ui-datepicker {
  text-align: center;
}

.ui-datepicker-trigger {
  margin: 0 0 0 5px;
  vertical-align: text-top;
}

.ui-datepicker {
  font-family: var(--font-family) !important;
  margin-top: 5px !important;
  padding: 0 !important;
  border-color: #c9f0f5 !important;
}

.ui-datepicker {
  width: 256px;
}

.openemr-calendar .ui-datepicker {
  width: 191px;
}

.ui-datepicker table {
  width: 256px;
  table-layout: fixed;
}

.openemr-calendar .ui-datepicker table {
  width: 191px;
  table-layout: fixed;
}

.ui-datepicker-header {
  background-color: var(--grid-top) !important;
  background-image: none !important;
  border-radius: 0;
}

.openemr-calendar .ui-datepicker-header {
  background-color: var(--grid-top) !important;
  border-width: 1px;
  border-color: #c9f0f5;
  border-style: solid;
}

.ui-datepicker-title {
  line-height: 35px !important;
  margin: 0 10px !important;
}

.openemr-calendar .ui-datepicker-title {
  line-height: 20px !important;
}

.ui-datepicker-prev span {
  display: none !important;
}

.ui-datepicker-next {
  text-align: center;
}

.ui-datepicker-next span {
  display: none !important;
}

.ui-datepicker-prev {
  background-color: transparent !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==") !important;
  height: 12px !important;
  width: 7px !important;
  margin: 14px 12px;
  display: inline-block;
  left: 0 !important;
  top: 0 !important;
}

.openemr-calendar .ui-datepicker-prev {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=") !important;
  height: 14px !important;
  width: 9px !important;
  margin: 5px !important;
}

.ui-datepicker-next {
  cursor: pointer;
}

.ui-datepicker-prev {
  cursor: pointer;
}

.ui-datepicker-next {
  background-color: transparent !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==") !important;
  height: 12px !important;
  width: 8px !important;
  margin: 14px 12px;
  display: inline-block;
  right: 0 !important;
  top: 0 !important;
}

.openemr-calendar .ui-datepicker-next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC") !important;
  height: 14px !important;
  width: 8px !important;
  margin: 5px;
}

.ui-datepicker-month {
  border-radius: 2px;
  background-color: var(--grid-top);
  width: 110px !important;
  height: 22px;
  font-family: var(--font-family) !important;
  color: #fff;
  font-size: 14px !important;
  font-weight: 600;
  text-align: left;
  border: none !important;
  margin-right: 17px !important;
  vertical-align: text-top;
  outline: none;
}

.ui-datepicker-month option {
  font-family: var(--font-family) !important;
}

.openemr-calendar .ui-datepicker-month {
  font-family: var(--font-family) !important;
  color: rgba(34, 34, 34, 0.87);
  font-size: 12px !important;
  font-weight: 700;
  text-align: center;
  transform: scaleX(1.0029);
  outline: none;
}

.openemr-calendar .ui-datepicker-month option {
  font-family: var(--font-family) !important;
}

.ui-datepicker-year {
  border-radius: 2px;
  background-color: var(--grid-top);
  width: 61px !important;
  height: 22px;
  border: none !important;
  font-family: var(--font-family) !important;
  color: #fff;
  font-size: 14px !important;
  font-weight: 600;
  text-align: left;
  vertical-align: text-top;
  outline: none;
}

.ui-datepicker-year option {
  font-family: var(--font-family) !important;
}

.openemr-calendar .ui-datepicker-year {
  font-family: var(--font-family) !important;
  color: rgba(34, 34, 34, 0.87);
  font-size: 12px !important;
  font-weight: 700;
  text-align: center;
  transform: scaleX(1.0029);
  outline: none;
}

.openemr-calendar .ui-datepicker-year option {
  font-family: var(--font-family) !important;
}

.ui-datepicker-month option,
.ui-datepicker-year option {
  color: rgb(102, 102, 102) !important;
  background-color: #fff !important;
  font-family: var(--font-family) !important;
  font-size: 14px !important;
  font-weight: 600;
  outline: none;
}

.ui-datepicker-month option[selected],
.ui-datepicker-year option[selected] {
  background-color: #e5edf0 !important;
  outline: none;
  font-family: var(--font-family) !important;
}

ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: var(--font-family) !important;
}

.ui-datepicker .ui-state-hover {
  border: 0 !important;
}

.ui-datepicker td {
  vertical-align: top;
}

.ui-datepicker .ui-state-default {
  border-radius: 2px;
  border-color: #edebeb !important;
  background: white !important;
  width: 24px;
  height: 24px;
  padding: 0 !important;
  line-height: 24px;
  text-align: center !important;
  font-family: var(--font-family) !important;
  color: #707070;
  font-size: 13px;
  font-weight: 400 !important;
  margin: 7px 0 0 4px;
  outline: none;
}

.ui-datepicker .ui-state-default.ui-state-highlight {
  background-color: white;
}

.openemr-calendar .ui-state-default {
  font-size: 10px;
  margin: 0;
}

.ui-datepicker td {
  width: 33px;
}

.openemr-calendar .ui-datepicker td {
  width: 26px;
}

.openemr-calendar .ui-state-default {
  width: 26px;
  height: 20px;
  line-height: 20px;
}

.ui-state-default.ui-state-hover {
  border-color: #dcdcdc;
  background-color: #cff3f8 !important;
}

.ui-datepicker .ui-state-active {
  border-color: #dcdcdc;
  background-color: #cff3f8 !important;
  color: #3e9aba !important;
}

.ui-datepicker-calendar thead tr th {
  font-family: var(--font-family) !important;
  color: #549fa8;
  font-size: 12px;
  font-weight: 400;
  padding: 0.45em 0.3em !important;
}

.openemr-calendar .ui-datepicker-calendar thead tr th {
  font-size: 10px;
}

.ui-datepicker-close {
  display: none;
}

.ui-datepicker thead {
  background-color: #f5f5f5;
}

.openemr-calendar .ui-datepicker thead {
  background: none;
}

.ui-state-default.ui-datepicker-current {
  float: none !important;
  font-family: var(--font-family) !important;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  border-width: 0 !important;
  border: none;
  vertical-align: top;
  margin: 0 !important;
  background-color: transparent !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
  text-align: center;
  background-color: #3e9aba;
  margin: 0 !important;
  height: 28px;
  padding: 0 !important;
}

.openemr-calendar .ui-datepicker-year {
  background-color: var(--error-text);
  outline: none;
}

.openemr-calendar .ui-datepicker-month {
  background-color: transparent;
}

.openemr-calendar .ui-state-default {
  border: 0 !important;
}

.openemr-calendar .ui-datepicker-month {
  margin-right: 10px !important;
}

.dashboardchart {
  margin-top: 5px;
  z-index: 10 !important;
}

.chart-vertical canvas {
  width: auto;
  height: 150px !important;
}

.hide-calendar .ui-datepicker-calendar {
  display: none;
}

.hide-calendar .ui-datepicker-close {
  text-align: center;
  display: show;
}

.hide-calendar .ui-state-default.ui-datepicker-current {
  display: none;
}

.hide-calendar .ui-datepicker-buttonpane.ui-widget-content {
  display: none;
}

.incidentFilter {
  display: inline-block;
  white-space: nowrap;
  width: 278px;
}

.incidentFilter input {
  position: fixed;
  top: 21px !important;
}

.filterInput {
  background-color: white;
  outline: none;
  margin-left: 30px;
  padding-right:5px;

  display: block;

  height: 45px;
  border: 1px #d3d3d3 solid;
  color: #212121;
  border-radius: 4px;
  text-indent: 5px;
  font-size: 13pt;
  width: 250px;
}

.filterInput:hover {
  border: 1px #999999 solid;
}

.filterInput::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212121;
  opacity: 1;
  /* Firefox */
}

.filterInput:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #212121;
}

.filterInput::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #212121;
}

#IRimage, #CRimage, #RRimage{
  display: block;
  text-align: center;
  margin: 0 auto;
  max-width: 400px;
}

.search-container {
  background-color: var(--background);
  padding: 10px;
  width: 100%;
  height: 50px;
  position: relative;
  white-space: nowrap;
}

.templates-container {
  display: block;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 140px;
  height: calc(100vh - 140px);
  overflow-y: scroll;
}

.search-input {
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  margin-bottom: 16px;
  margin-top:51px;
  height:45px;
  padding-left: 5px;
  padding-right:30px;
  font-size: 13pt;
  width:320px;
  border-radius: 4px;
  outline: none;
  margin-left:20px;
}

.search-input:hover {
  color: black;
  border: 1px solid #999999;
}

.search-container button{
  border: none;
  outline: none;
  width:30px;
  height:30px;

  background: none;
  position: absolute;
  left:355px;
  top:70px;
}

.search-container button i{
  font-size: 12pt;
  cursor: pointer;
}

.search-container button i:hover{
  color:var(--light-text);
}


.templates {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
  padding: 20px;
  margin-left:11px;
  margin-right:20px;

  grid-auto-flow: dense !important;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.template {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  overflow: hidden;
  padding: 10px;
  background: white;
  min-height: 340px;

  max-width: 360px !important;

  cursor: pointer;
}

.template:hover{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}


.template-img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--rg-grey);
  margin-right: 10px;
  margin-left:10px;
  margin-top:10px;
}

.template-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.template-fav{
  float: right;
  position: absolute;
  top:20px;
  right:15px;
}

.template-fav i.far{
  cursor: pointer;
}

.template-fav i.fas{
  color:var(--success-text) !important;
}

.template-info {
  padding: 10px;
}

.template-name {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 5px;
}

.template-author {
  font-size: 14px;
  color: var(--light-text);
  margin-bottom: 5px;
}


.template-desc {
  font-size: 14px;
  line-height: 1.4;

  margin-bottom: 5px;
  margin-top:15px;

  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
}

.template-group{
  font-size: 14px;
  color: var(--light-text);
  width: fit-content;
  margin-bottom: 10px;
  margin-top:10px;
}

.template-btn {
  font-size: 12pt;
  display: block;
  padding: 8px;
  background-color: var(--dark-text);
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.2s ease-in-out;
  position: absolute;
  bottom: 52px;
  left: 20px;
  right: 20px;
}

.template-use-btn {
  font-size: 12pt;
  display: block;
  padding: 8px;
  background-color: var(--rg-green);
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.2s ease-in-out;
  position: absolute;
  bottom: 10px;
  left: 20px;
  right: 20px;
}

.template-btn:hover {
  background-color: var(--light-text);
}

.template-use-btn:hover {
  background-color: var(--rg-blue);
}