/*$portal-icons-color: #ffffff;*/
/* #region Configurable colors from themes */
/*$icons-color: $portal-icons-color;*/
/* #endregion Configurable colors from themes */
/***********************************************/
.fill-bookmark {
  fill: #295391; }
  .fill-bookmark:not(.non-object-type) {
    fill: #295391; }

.stroke-bookmark {
  stroke: #295391; }

.background-bookmark {
  background-color: #fff; }

.fill-child-bookmark svg {
  fill: #295391; }

.background-child-bookmark svg {
  background-color: #fff; }

.tile-bookmark {
  background-color: #295391; }
  .tile-bookmark svg {
    fill: #fff; }

.fill-california {
  fill: #ff9900; }
  .fill-california:not(.non-object-type) {
    fill: #ff9900; }

.stroke-california {
  stroke: #ff9900; }

.background-california {
  background-color: #fff; }

.fill-child-california svg {
  fill: #ff9900; }

.background-child-california svg {
  background-color: #fff; }

.tile-california {
  background-color: #ff9900; }
  .tile-california svg {
    fill: #fff; }

.fill-chardonnay {
  fill: #ffcc80; }
  .fill-chardonnay:not(.non-object-type) {
    fill: #000; }

.stroke-chardonnay {
  stroke: #ffcc80; }

.background-chardonnay {
  background-color: #ffcc80; }

.fill-child-chardonnay svg {
  fill: #000; }

.background-child-chardonnay svg {
  background-color: #ffcc80; }

.tile-chardonnay {
  background-color: #ffcc80; }
  .tile-chardonnay svg {
    fill: #000; }

.fill-clementine {
  fill: #ef6c00; }
  .fill-clementine:not(.non-object-type) {
    fill: #ef6c00; }

.stroke-clementine {
  stroke: #ef6c00; }

.background-clementine {
  background-color: #fff; }

.fill-child-clementine svg {
  fill: #ef6c00; }

.background-child-clementine svg {
  background-color: #fff; }

.tile-clementine {
  background-color: #ef6c00; }
  .tile-clementine svg {
    fill: #fff; }

.fill-dovegray {
  fill: #666666; }
  .fill-dovegray:not(.non-object-type) {
    fill: #666666; }

.stroke-dovegray {
  stroke: #666666; }

.background-dovegray {
  background-color: #fff; }

.fill-child-dovegray svg {
  fill: #666666; }

.background-child-dovegray svg {
  background-color: #fff; }

.tile-dovegray {
  background-color: #666666; }
  .tile-dovegray svg {
    fill: #fff; }

.fill-fruitsalad {
  fill: #43a047; }
  .fill-fruitsalad:not(.non-object-type) {
    fill: #43a047; }

.stroke-fruitsalad {
  stroke: #43a047; }

.background-fruitsalad {
  background-color: #fff; }

.fill-child-fruitsalad svg {
  fill: #43a047; }

.background-child-fruitsalad svg {
  background-color: #fff; }

.tile-fruitsalad {
  background-color: #43a047; }
  .tile-fruitsalad svg {
    fill: #fff; }

.fill-indigo {
  fill: #3f51b5; }
  .fill-indigo:not(.non-object-type) {
    fill: #3f51b5; }

.stroke-indigo {
  stroke: #3f51b5; }

.background-indigo {
  background-color: #fff; }

.fill-child-indigo svg {
  fill: #3f51b5; }

.background-child-indigo svg {
  background-color: #fff; }

.tile-indigo {
  background-color: #3f51b5; }
  .tile-indigo svg {
    fill: #fff; }

.fill-kabul {
  fill: #5d4037; }
  .fill-kabul:not(.non-object-type) {
    fill: #5d4037; }

.stroke-kabul {
  stroke: #5d4037; }

.background-kabul {
  background-color: #fff; }

.fill-child-kabul svg {
  fill: #5d4037; }

.background-child-kabul svg {
  background-color: #fff; }

.tile-kabul {
  background-color: #5d4037; }
  .tile-kabul svg {
    fill: #fff; }

.fill-lochmara {
  fill: #0072c6; }
  .fill-lochmara:not(.non-object-type) {
    fill: #0072c6; }

.stroke-lochmara {
  stroke: #0072c6; }

.background-lochmara {
  background-color: #fff; }

.fill-child-lochmara svg {
  fill: #0072c6; }

.background-child-lochmara svg {
  background-color: #fff; }

.tile-lochmara {
  background-color: #0072c6; }
  .tile-lochmara svg {
    fill: #fff; }

.fill-malibu {
  fill: #64b5f6; }
  .fill-malibu:not(.non-object-type) {
    fill: #64b5f6; }

.stroke-malibu {
  stroke: #64b5f6; }

.background-malibu {
  background-color: #fff; }

.fill-child-malibu svg {
  fill: #64b5f6; }

.background-child-malibu svg {
  background-color: #fff; }

.tile-malibu {
  background-color: #64b5f6; }
  .tile-malibu svg {
    fill: #fff; }

.fill-mineshaft {
  fill: #333333; }
  .fill-mineshaft:not(.non-object-type) {
    fill: #333333; }

.stroke-mineshaft {
  stroke: #333333; }

.background-mineshaft {
  background-color: #fff; }

.fill-child-mineshaft svg {
  fill: #333333; }

.background-child-mineshaft svg {
  background-color: #fff; }

.tile-mineshaft {
  background-color: #333333; }
  .tile-mineshaft svg {
    fill: #fff; }

.fill-montecarlo {
  fill: #80cbc4; }
  .fill-montecarlo:not(.non-object-type) {
    fill: #000; }

.stroke-montecarlo {
  stroke: #80cbc4; }

.background-montecarlo {
  background-color: #80cbc4; }

.fill-child-montecarlo svg {
  fill: #000; }

.background-child-montecarlo svg {
  background-color: #80cbc4; }

.tile-montecarlo {
  background-color: #80cbc4; }
  .tile-montecarlo svg {
    fill: #000; }

.fill-mossgreen {
  fill: #a5d6a7; }
  .fill-mossgreen:not(.non-object-type) {
    fill: #000; }

.stroke-mossgreen {
  stroke: #a5d6a7; }

.background-mossgreen {
  background-color: #a5d6a7; }

.fill-child-mossgreen svg {
  fill: #000; }

.background-child-mossgreen svg {
  background-color: #a5d6a7; }

.tile-mossgreen {
  background-color: #a5d6a7; }
  .tile-mossgreen svg {
    fill: #000; }

.fill-parsley {
  fill: #1b5e20; }
  .fill-parsley:not(.non-object-type) {
    fill: #1b5e20; }

.stroke-parsley {
  stroke: #1b5e20; }

.background-parsley {
  background-color: #fff; }

.fill-child-parsley svg {
  fill: #1b5e20; }

.background-child-parsley svg {
  background-color: #fff; }

.tile-parsley {
  background-color: #1b5e20; }
  .tile-parsley svg {
    fill: #fff; }

.fill-persiangreen {
  fill: #00a99d; }
  .fill-persiangreen:not(.non-object-type) {
    fill: #00a99d; }

.stroke-persiangreen {
  stroke: #00a99d; }

.background-persiangreen {
  background-color: #fff; }

.fill-child-persiangreen svg {
  fill: #00a99d; }

.background-child-persiangreen svg {
  background-color: #fff; }

.tile-persiangreen {
  background-color: #00a99d; }
  .tile-persiangreen svg {
    fill: #fff; }

.fill-pomegranate {
  fill: #f44336; }
  .fill-pomegranate:not(.non-object-type) {
    fill: #f44336; }

.stroke-pomegranate {
  stroke: #f44336; }

.background-pomegranate {
  background-color: #fff; }

.fill-child-pomegranate svg {
  fill: #f44336; }

.background-child-pomegranate svg {
  background-color: #fff; }

.tile-pomegranate {
  background-color: #f44336; }
  .tile-pomegranate svg {
    fill: #fff; }

.fill-pottersclay {
  fill: #8c6239; }
  .fill-pottersclay:not(.non-object-type) {
    fill: #8c6239; }

.stroke-pottersclay {
  stroke: #8c6239; }

.background-pottersclay {
  background-color: #fff; }

.fill-child-pottersclay svg {
  fill: #8c6239; }

.background-child-pottersclay svg {
  background-color: #fff; }

.tile-pottersclay {
  background-color: #8c6239; }
  .tile-pottersclay svg {
    fill: #fff; }

.fill-silverchalice {
  fill: #999999; }
  .fill-silverchalice:not(.non-object-type) {
    fill: #999999; }

.stroke-silverchalice {
  stroke: #999999; }

.background-silverchalice {
  background-color: #fff; }

.fill-child-silverchalice svg {
  fill: #999999; }

.background-child-silverchalice svg {
  background-color: #fff; }

.tile-silverchalice {
  background-color: #999999; }
  .tile-silverchalice svg {
    fill: #fff; }

.fill-sunglo {
  fill: #ee9999; }
  .fill-sunglo:not(.non-object-type) {
    fill: #ee9999; }

.stroke-sunglo {
  stroke: #ee9999; }

.background-sunglo {
  background-color: #fff; }

.fill-child-sunglo svg {
  fill: #ee9999; }

.background-child-sunglo svg {
  background-color: #fff; }

.tile-sunglo {
  background-color: #ee9999; }
  .tile-sunglo svg {
    fill: #fff; }

.fill-tallpoppy {
  fill: #c62828; }
  .fill-tallpoppy:not(.non-object-type) {
    fill: #c62828; }

.stroke-tallpoppy {
  stroke: #c62828; }

.background-tallpoppy {
  background-color: #fff; }

.fill-child-tallpoppy svg {
  fill: #c62828; }

.background-child-tallpoppy svg {
  background-color: #fff; }

.tile-tallpoppy {
  background-color: #c62828; }
  .tile-tallpoppy svg {
    fill: #fff; }

.fill-thatch {
  fill: #bcaaa4; }
  .fill-thatch:not(.non-object-type) {
    fill: #bcaaa4; }

.stroke-thatch {
  stroke: #bcaaa4; }

.background-thatch {
  background-color: #fff; }

.fill-child-thatch svg {
  fill: #bcaaa4; }

.background-child-thatch svg {
  background-color: #fff; }

.tile-thatch {
  background-color: #bcaaa4; }
  .tile-thatch svg {
    fill: #fff; }

.fill-tropicalrainforest {
  fill: #00695c; }
  .fill-tropicalrainforest:not(.non-object-type) {
    fill: #00695c; }

.stroke-tropicalrainforest {
  stroke: #00695c; }

.background-tropicalrainforest {
  background-color: #fff; }

.fill-child-tropicalrainforest svg {
  fill: #00695c; }

.background-child-tropicalrainforest svg {
  background-color: #fff; }

.tile-tropicalrainforest {
  background-color: #00695c; }
  .tile-tropicalrainforest svg {
    fill: #fff; }

.fill-document-default {
  fill: #7e7e7e; }
  .fill-document-default:not(.non-object-type) {
    fill: #7e7e7e; }

.stroke-document-default {
  stroke: #7e7e7e; }

.background-document-default {
  background-color: #fff; }

.fill-child-document-default svg {
  fill: #7e7e7e; }

.background-child-document-default svg {
  background-color: #fff; }

.tile-document-default {
  background-color: #7e7e7e; }
  .tile-document-default svg {
    fill: #fff; }

.fill-excel {
  fill: #207347; }
  .fill-excel:not(.non-object-type) {
    fill: #207347; }

.stroke-excel {
  stroke: #207347; }

.background-excel {
  background-color: #fff; }

.fill-child-excel svg {
  fill: #207347; }

.background-child-excel svg {
  background-color: #fff; }

.tile-excel {
  background-color: #207347; }
  .tile-excel svg {
    fill: #fff; }

.fill-pdf {
  fill: #d9534f; }
  .fill-pdf:not(.non-object-type) {
    fill: #d9534f; }

.stroke-pdf {
  stroke: #d9534f; }

.background-pdf {
  background-color: #fff; }

.fill-child-pdf svg {
  fill: #d9534f; }

.background-child-pdf svg {
  background-color: #fff; }

.tile-pdf {
  background-color: #d9534f; }
  .tile-pdf svg {
    fill: #fff; }

.fill-powerpoint {
  fill: #d24625; }
  .fill-powerpoint:not(.non-object-type) {
    fill: #d24625; }

.stroke-powerpoint {
  stroke: #d24625; }

.background-powerpoint {
  background-color: #fff; }

.fill-child-powerpoint svg {
  fill: #d24625; }

.background-child-powerpoint svg {
  background-color: #fff; }

.tile-powerpoint {
  background-color: #d24625; }
  .tile-powerpoint svg {
    fill: #fff; }

.fill-visio {
  fill: #35509d; }
  .fill-visio:not(.non-object-type) {
    fill: #35509d; }

.stroke-visio {
  stroke: #35509d; }

.background-visio {
  background-color: #fff; }

.fill-child-visio svg {
  fill: #35509d; }

.background-child-visio svg {
  background-color: #fff; }

.tile-visio {
  background-color: #35509d; }
  .tile-visio svg {
    fill: #fff; }

.fill-word {
  fill: #295391; }
  .fill-word:not(.non-object-type) {
    fill: #295391; }

.stroke-word {
  stroke: #295391; }

.background-word {
  background-color: #fff; }

.fill-child-word svg {
  fill: #295391; }

.background-child-word svg {
  background-color: #fff; }

.tile-word {
  background-color: #295391; }
  .tile-word svg {
    fill: #fff; }

.fill-other {
  fill: #7e7e7e; }
  .fill-other:not(.non-object-type) {
    fill: #7e7e7e; }

.stroke-other {
  stroke: #7e7e7e; }

.background-other {
  background-color: #fff; }

.fill-child-other svg {
  fill: #7e7e7e; }

.background-child-other svg {
  background-color: #fff; }

.tile-other {
  background-color: #7e7e7e; }
  .tile-other svg {
    fill: #fff; }

.fill-folder {
  fill: #b4b4b1; }
  .fill-folder:not(.non-object-type) {
    fill: #b4b4b1; }

.stroke-folder {
  stroke: #b4b4b1; }

.background-folder {
  background-color: #fff; }

.fill-child-folder svg {
  fill: #b4b4b1; }

.background-child-folder svg {
  background-color: #fff; }

.tile-folder {
  background-color: #b4b4b1; }
  .tile-folder svg {
    fill: #fff; }

.fill-library {
  fill: #7e7e7e; }
  .fill-library:not(.non-object-type) {
    fill: #7e7e7e; }

.stroke-library {
  stroke: #7e7e7e; }

.background-library {
  background-color: #fff; }

.fill-child-library svg {
  fill: #7e7e7e; }

.background-child-library svg {
  background-color: #fff; }

.tile-library {
  background-color: #7e7e7e; }
  .tile-library svg {
    fill: #fff; }

.fill-none {
  fill: #223b74; }
  .fill-none:not(.non-object-type) {
    fill: #223b74; }

.stroke-none {
  stroke: #223b74; }

.background-none {
  background-color: #fff; }

.fill-child-none svg {
  fill: #223b74; }

.background-child-none svg {
  background-color: #fff; }

.tile-none {
  background-color: #223b74; }
  .tile-none svg {
    fill: #fff; }

.fill-archimatebusiness {
  fill: #ffffaf; }
  .fill-archimatebusiness:not(.non-object-type) {
    fill: #000; }

.stroke-archimatebusiness {
  stroke: #ffffaf; }

.background-archimatebusiness {
  background-color: #ffffaf; }

.fill-child-archimatebusiness svg {
  fill: #000; }

.background-child-archimatebusiness svg {
  background-color: #ffffaf; }

.tile-archimatebusiness {
  background-color: #ffffaf; }
  .tile-archimatebusiness svg {
    fill: #000; }

.fill-archimateapplication {
  fill: #afffff; }
  .fill-archimateapplication:not(.non-object-type) {
    fill: #000; }

.stroke-archimateapplication {
  stroke: #afffff; }

.background-archimateapplication {
  background-color: #afffff; }

.fill-child-archimateapplication svg {
  fill: #000; }

.background-child-archimateapplication svg {
  background-color: #afffff; }

.tile-archimateapplication {
  background-color: #afffff; }
  .tile-archimateapplication svg {
    fill: #000; }

.fill-archimatephysical {
  fill: #afffaf; }
  .fill-archimatephysical:not(.non-object-type) {
    fill: #000; }

.stroke-archimatephysical {
  stroke: #afffaf; }

.background-archimatephysical {
  background-color: #afffaf; }

.fill-child-archimatephysical svg {
  fill: #000; }

.background-child-archimatephysical svg {
  background-color: #afffaf; }

.tile-archimatephysical {
  background-color: #afffaf; }
  .tile-archimatephysical svg {
    fill: #000; }

.fill-archimatemotivation {
  fill: #ccccff; }
  .fill-archimatemotivation:not(.non-object-type) {
    fill: #000; }

.stroke-archimatemotivation {
  stroke: #ccccff; }

.background-archimatemotivation {
  background-color: #ccccff; }

.fill-child-archimatemotivation svg {
  fill: #000; }

.background-child-archimatemotivation svg {
  background-color: #ccccff; }

.tile-archimatemotivation {
  background-color: #ccccff; }
  .tile-archimatemotivation svg {
    fill: #000; }

.fill-archimatestrategy {
  fill: #f5deaa; }
  .fill-archimatestrategy:not(.non-object-type) {
    fill: #000; }

.stroke-archimatestrategy {
  stroke: #f5deaa; }

.background-archimatestrategy {
  background-color: #f5deaa; }

.fill-child-archimatestrategy svg {
  fill: #000; }

.background-child-archimatestrategy svg {
  background-color: #f5deaa; }

.tile-archimatestrategy {
  background-color: #f5deaa; }
  .tile-archimatestrategy svg {
    fill: #000; }

.fill-archimateimplementationandmigration {
  fill: #fce0e0; }
  .fill-archimateimplementationandmigration:not(.non-object-type) {
    fill: #000; }

.stroke-archimateimplementationandmigration {
  stroke: #fce0e0; }

.background-archimateimplementationandmigration {
  background-color: #fce0e0; }

.fill-child-archimateimplementationandmigration svg {
  fill: #000; }

.background-child-archimateimplementationandmigration svg {
  background-color: #fce0e0; }

.tile-archimateimplementationandmigration {
  background-color: #fce0e0; }
  .tile-archimateimplementationandmigration svg {
    fill: #000; }

.fill-archimatetechnology {
  fill: #e0ffe0; }
  .fill-archimatetechnology:not(.non-object-type) {
    fill: #000; }

.stroke-archimatetechnology {
  stroke: #e0ffe0; }

.background-archimatetechnology {
  background-color: #e0ffe0; }

.fill-child-archimatetechnology svg {
  fill: #000; }

.background-child-archimatetechnology svg {
  background-color: #e0ffe0; }

.tile-archimatetechnology {
  background-color: #e0ffe0; }
  .tile-archimatetechnology svg {
    fill: #000; }

.fill-archimatecomposite {
  fill: #ffbf80; }
  .fill-archimatecomposite:not(.non-object-type) {
    fill: #000; }

.stroke-archimatecomposite {
  stroke: #ffbf80; }

.background-archimatecomposite {
  background-color: #ffbf80; }

.fill-child-archimatecomposite svg {
  fill: #000; }

.background-child-archimatecomposite svg {
  background-color: #ffbf80; }

.tile-archimatecomposite {
  background-color: #ffbf80; }
  .tile-archimatecomposite svg {
    fill: #000; }

.fill-white {
  fill: #fff; }

.stroke-white {
  stroke: #fff; }

.fill-neutral {
  fill: #888; }

.stroke-neutral {
  stroke: #888; }

.fill-azure {
  fill: #3897DA; }

.stroke-azure {
  stroke: #3897DA; }

.padded-content {
  padding: 10px; }

.fright {
  float: right; }

.fleft {
  float: left; }

.clear-both {
  clear: both; }

.relative {
  position: relative; }

.absolute, .absolute-center, .failed-to-load, .loading-spinner, .dashboard-section .information-overlay .information-item, .dashboard-section .information-overlay .spinner, .dashboard-section .information-overlay .overlay-message, .search-container .search-results .grid-content .search-results-message, .search-container .search-results .search-results-content .search-results-message, .search-container .search-results .grid-content .search-results-message div, .search-container .search-results .search-results-content .search-results-message div, .search-about-pane .object-details-view .failed-to-load, .object-details-view .failed-to-load, .object-feedback-grid-container .loading-state .loading-state-message,
.object-workflows-grid-container .loading-state .loading-state-message,
.object-contents-grid-container .loading-state .loading-state-message, .object-feedback-grid-container .loading-state .loading-state-message div,
.object-workflows-grid-container .loading-state .loading-state-message div,
.object-contents-grid-container .loading-state .loading-state-message div, .where-used-grid-container .loading-state .loading-state-message, .where-used-grid-container .loading-state .loading-state-message div, .related-item-grid-container .loading-state .loading-state-message, .related-item-grid-container .loading-state .loading-state-message div {
  position: absolute; }

.absolute-center, .failed-to-load, .loading-spinner, .dashboard-section .information-overlay .information-item, .dashboard-section .information-overlay .spinner, .dashboard-section .information-overlay .overlay-message, .search-container .search-results .grid-content .search-results-message, .search-container .search-results .search-results-content .search-results-message, .search-container .search-results .grid-content .search-results-message div, .search-container .search-results .search-results-content .search-results-message div, .search-about-pane .object-details-view .failed-to-load, .object-details-view .failed-to-load, .object-feedback-grid-container .loading-state .loading-state-message,
.object-workflows-grid-container .loading-state .loading-state-message,
.object-contents-grid-container .loading-state .loading-state-message, .object-feedback-grid-container .loading-state .loading-state-message div,
.object-workflows-grid-container .loading-state .loading-state-message div,
.object-contents-grid-container .loading-state .loading-state-message div, .where-used-grid-container .loading-state .loading-state-message, .where-used-grid-container .loading-state .loading-state-message div, .related-item-grid-container .loading-state .loading-state-message, .related-item-grid-container .loading-state .loading-state-message div {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.failed-to-load {
  text-align: center;
  height: 100px;
  margin: auto; }

.maximum-range {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.full-width, .star {
  width: 100%; }

.full-height, .star {
  height: 100%; }

.auto-margin {
  margin: auto; }

.table {
  display: table;
  table-layout: fixed;
  overflow: auto; }

.row, .table-row {
  display: table-row; }

.cell, .table-cell {
  display: table-cell; }

.cell-scrollable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto; }

.hidden-character {
  color: transparent; }

input {
  outline: none; }

.error {
  border: 1px solid #D8000C;
  background-color: #FFBABA;
  text-align: center;
  padding: 5px; }

.pointer, .image-viewer .page-preview .thumbnail-container {
  cursor: pointer; }

.debug-current-state {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: none; }

.bold {
  font-weight: bold; }

.capitalize {
  text-transform: uppercase; }

.content-header {
  height: 30px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); }

.xcenter-and-y30-percent {
  position: absolute;
  bottom: 70%;
  right: 0;
  left: 0;
  margin: auto;
  width: 300px;
  text-align: center;
  vertical-align: middle; }

.views-container .toolbar .is-mobile {
  visibility: hidden; }

.views-container .details-pane {
  pointer-events: none; }

.object-feedback-grid-container .feedback-button {
  background-color: #223B74;
  color: #fff;
  cursor: pointer;
  padding: 5px; }
  .object-feedback-grid-container .feedback-button:hover {
    background-color: #192b54; }
  .object-feedback-grid-container .feedback-button.disabled, .object-feedback-grid-container .feedback-button.disabled:focus, .object-feedback-grid-container .feedback-button:disabled, .object-feedback-grid-container .feedback-button:disabled:focus {
    opacity: 0.5;
    box-shadow: none;
    cursor: default; }

.object-feedback-grid-container .attach-file {
  padding: 5px;
  border: 1px solid rgba(158, 158, 158, 0.74);
  background-color: #fff;
  overflow: hidden;
  position: relative;
  max-width: 75%; }
  .object-feedback-grid-container .attach-file:hover {
    background-color: #f7f7f7; }
  .object-feedback-grid-container .attach-file.disabled, .object-feedback-grid-container .attach-file.disabled:hover, .object-feedback-grid-container .attach-file:disabled, .object-feedback-grid-container .attach-file:disabled:hover {
    background-color: #fff;
    cursor: default;
    opacity: 0.5; }
  .object-feedback-grid-container .attach-file input {
    padding: 0;
    width: 100%;
    height: 100%; }
  .object-feedback-grid-container .attach-file .cursor-pointer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer; }

.object-feedback-grid-container [type=file] {
  opacity: 0;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0; }

.object-feedback-grid-container .files-separator {
  border: none;
  border-top: 1px dashed rgba(0, 0, 0, 0.4);
  margin-top: 10px;
  margin-bottom: 10px; }

.object-feedback-grid-container .files-container {
  border: none;
  border-left: 2px solid #17274c;
  padding: 5px; }
  .object-feedback-grid-container .files-container .attachment {
    margin-right: 7px; }
    .object-feedback-grid-container .files-container .attachment a {
      text-decoration-line: none;
      color: #000000; }
      .object-feedback-grid-container .files-container .attachment a:hover {
        color: #3955A3; }
    .object-feedback-grid-container .files-container .attachment .file-size {
      color: #888; }

.object-feedback-grid-container .attachment-container .attached-file {
  background-color: #f2f2f2;
  margin-bottom: 3px; }

.object-feedback-grid-container .attachment-container svg {
  fill: #223B74;
  height: 19px;
  width: 19px;
  margin: 4px;
  float: right;
  cursor: pointer; }

.object-feedback-grid-container .attachment-container .file-name, .object-feedback-grid-container .attachment-container .file-size {
  max-width: 60%;
  height: 25px;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px;
  text-overflow: ellipsis; }

.object-feedback-grid-container .attachment-container .file-name {
  color: #000000; }

.object-feedback-grid-container .attachment-container .file-size {
  color: #888; }

.switch-show-attachments {
  width: 205px;
  height: 26px;
  border: 1px solid #ccc;
  cursor: pointer;
  color: black;
  margin-top: 10px;
  position: relative;
  overflow: hidden; }
  .switch-show-attachments .text {
    padding-left: 5px;
    position: absolute;
    top: 50%;
    margin-top: -11px; }
  .switch-show-attachments .arrow svg {
    width: 16px;
    height: 16px;
    stroke-width: 2px;
    margin: 4px;
    fill: none;
    stroke: #223B74;
    transform: rotate(90deg); }
  .switch-show-attachments .arrow.open svg {
    transform: rotate(270deg); }

.toolbar {
  height: 29px;
  border-bottom: 1px solid #888;
  display: table;
  width: 100%;
  padding: 0;
  list-style-type: none;
  cursor: default; }
  .object-feedback-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .object-feedback-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
  .object-workflows-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .object-workflows-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
  .object-contents-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .object-contents-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
  .related-item-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .related-item-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
  .where-used-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .where-used-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger {
    padding-top: 0.5em; }
  .frame-child .toolbar .toolbar-item-button {
    display: table !important;
    width: 100%; }
    .frame-child .toolbar .toolbar-item-button.mark-as-favourite-button {
      width: 25px;
      display: inline-table !important; }
    .frame-child .toolbar .toolbar-item-button .image {
      width: 30px; }
    .frame-child .toolbar .toolbar-item-button .text {
      display: inline-table !important; }
  .frame-child .toolbar .toolbar-item-button.export-button {
    display: none !important; }
  @media (max-width: 768px) {
    .object-feedback-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .object-feedback-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
    .object-workflows-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .object-workflows-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
    .object-contents-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .object-contents-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
    .related-item-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .related-item-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
    .where-used-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .where-used-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger {
      padding-top: 0.5em; }
    .toolbar .toolbar-item-button {
      width: 100%; }
      .toolbar .toolbar-item-button:not(.mark-as-favourite-button) {
        display: table !important; }
      .toolbar .toolbar-item-button .image {
        width: 30px; }
      .toolbar .toolbar-item-button .text {
        display: inline-table !important; }
    .toolbar .toolbar-item-button.export-button {
      display: none !important; } }
  @media (min-width: 768px) {
    .object-feedback-grid-container .toolbar .toolbar-item-button,
    .object-workflows-grid-container .toolbar .toolbar-item-button,
    .object-contents-grid-container .toolbar .toolbar-item-button,
    .related-item-grid-container .toolbar .toolbar-item-button,
    .where-used-grid-container .toolbar .toolbar-item-button {
      padding-left: 2px;
      padding-right: 2px; }
    .toolbar .hide-right-border {
      border-right: none !important;
      width: 250px; } }
  .toolbar .view-result .filter-textbox, .workflow-result .toolbar .filter-textbox {
    visibility: hidden; }
  .toolbar .dropdown-selector-menu .dropdown-selector-item.hidden {
    display: none; }
  .toolbar .toolbar-group {
    vertical-align: middle;
    display: table-cell;
    padding: 0;
    border-right: 1px solid #ccc;
    white-space: nowrap; }
    .toolbar .toolbar-group.result-count {
      padding: 0 7px;
      border-right: none;
      border-left: 1px solid #ccc;
      width: 1px; }
    .toolbar .toolbar-group.right-side-buttons {
      padding-left: 5px; }
      .toolbar .toolbar-group.right-side-buttons ul {
        padding-left: 0;
        display: table;
        width: 100%; }
      .right-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox input {
        right: 80px;
        width: calc(100% - 80px); }
      @media all and (max-width: 900px) {
        .toolbar .toolbar-group.right-side-buttons .search-focused {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          background-color: #fff;
          z-index: 3; }
          .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li {
            display: none; }
            .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox, .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.search-icon {
              display: table-cell; }
            .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox {
              min-width: 0;
              width: calc(100% - $header-group-item-size); }
          .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox input {
            position: absolute;
            top: 0;
            left: 0;
            right: 120px;
            width: calc(100% - 120px); }
            .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox input {
              right: 40px;
              width: calc(100% - 40px); } }
      .toolbar .toolbar-group.right-side-buttons .filter-textbox {
        min-width: 40px;
        padding: 0px 2px 0 0; }
        .toolbar .toolbar-group.right-side-buttons .filter-textbox input {
          width: 30%;
          min-width: 62px;
          height: 29px;
          z-index: 5;
          text-align: right;
          border-left: 1px solid #ccc;
          float: right; }
          .narrow-width .toolbar .toolbar-group.right-side-buttons .filter-textbox input,
          .frame-child .toolbar .toolbar-group.right-side-buttons .filter-textbox input {
            width: 100%;
            border-left: none; }
          .toolbar .toolbar-group.right-side-buttons .filter-textbox input::-webkit-input-placeholder {
            font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }
        .toolbar .toolbar-group.right-side-buttons .filter-textbox form {
          border-right: none; }
    .toolbar .toolbar-group.individual-button {
      text-align: center; }
      .toolbar .toolbar-group.individual-button a {
        display: block; }
        .toolbar .toolbar-group.individual-button a.disabled {
          cursor: default; }
    .toolbar .toolbar-group.place-holder {
      border: none;
      width: inherit; }
    .toolbar .toolbar-group .left-to-right-scrollable {
      height: auto; }
    .toolbar .toolbar-group:last-child, .right-side-panel-expanded .toolbar .toolbar-group.tiles-mode, .toolbar .toolbar-group.left-side-buttons, .toolbar .toolbar-group.zoomSlider, .toolbar .toolbar-group.center-document {
      border-right: none; }
    .toolbar .toolbar-group.filter-pane, .toolbar .toolbar-group.search-icon, .toolbar .toolbar-group.details-pane, .toolbar .toolbar-group.tiles-mode, .toolbar .toolbar-group.action-group, .toolbar .toolbar-group.center-document {
      width: 40px;
      min-width: 40px;
      cursor: pointer; }
    .toolbar .toolbar-group.zoom-container {
      margin: 0 15px 0 0;
      width: 100px; }
      .toolbar .toolbar-group.zoom-container .slider-zoom-value {
        margin-top: 5px; }
        .toolbar .toolbar-group.zoom-container .slider-zoom-value label {
          font-size: small;
          margin-top: 15px; }
        .toolbar .toolbar-group.zoom-container .slider-zoom-value .minvalue {
          float: left; }
        .toolbar .toolbar-group.zoom-container .slider-zoom-value .maxvalue {
          float: right; }
        .toolbar .toolbar-group.zoom-container .slider-zoom-value .currentValue {
          float: left;
          margin-left: 90px; }
    .toolbar .toolbar-group.left-side-buttons {
      width: auto; }
    .toolbar .toolbar-group svg {
      width: 20px;
      height: 19px;
      stroke-width: 1px;
      fill: #223B74;
      stroke: #223B74; }
    .toolbar .toolbar-group.tiles-mode svg, .toolbar .toolbar-group.details-pane svg, .toolbar .toolbar-group.center-document svg {
      fill: #223B74;
      stroke: transparent; }
    .toolbar .toolbar-group .toggle-workflow {
      padding-top: inherit !important;
      display: inline-block !important;
      width: auto;
      max-width: 150px; }
      .narrow-width .toolbar .toolbar-group .toggle-workflow,
      .frame-child .toolbar .toolbar-group .toggle-workflow {
        width: 25px; }
      .toolbar .toolbar-group .toggle-workflow .disabled {
        cursor: default; }
      .toolbar .toolbar-group .toggle-workflow .dropdown-selector-trigger {
        padding-left: 0 !important;
        padding-right: 0 !important; }
    .toolbar .toolbar-group .toggle-show-objects-button .def-small-inv {
      fill: #223B74 !important; }
    .toolbar .toolbar-group .toolbar-item-button {
      display: inline-block;
      vertical-align: middle;
      height: calc(100% - 1px);
      padding-top: 4px;
      cursor: pointer;
      padding-right: 4px; }
      .toolbar .toolbar-group .toolbar-item-button.open-all-button {
        width: 61px; }
      .tablet-width .toolbar .toolbar-group .toolbar-item-button.open-all-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.download-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.pdf-download-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.toggle-show-objects-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.share-link-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.post-feedback-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.open-all-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.download-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.pdf-download-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.toggle-show-objects-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.share-link-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.post-feedback-button {
        display: none !important; }
      .tablet-width .toolbar .toolbar-group .toolbar-item-button.refresh-workflow-button .text,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.refresh-workflow-button .text {
        display: none !important; }
      .tablet-width .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button {
        width: 30px; }
      .toolbar .toolbar-group .toolbar-item-button.download-button .workflow-dropdown .dropdown-selector-trigger svg {
        width: 20px;
        height: 19px; }
      .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button.not-favourited:not(.disabled) polygon {
        fill: #223B74; }
      .narrow-width .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button .text,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button .text {
        display: none !important; }
      .toolbar .toolbar-group .toolbar-item-button.disabled {
        cursor: default; }
      .toolbar .toolbar-group .toolbar-item-button .image {
        display: inline-block;
        width: 24px; }
        .toolbar .toolbar-group .toolbar-item-button .image svg {
          fill: #223B74;
          min-width: 24px; }
      .toolbar .toolbar-group .toolbar-item-button .text {
        display: inline-block;
        vertical-align: super;
        font-size: 12px;
        color: #000000; }
      .toolbar .toolbar-group .toolbar-item-button.toggle-show-objects .text {
        font-weight: normal; }
      .toolbar .toolbar-group .toolbar-item-button.disabled .image, .toolbar .toolbar-group .toolbar-item-button.disabled .text {
        cursor: default;
        color: #888;
        font-weight: normal; }
        .toolbar .toolbar-group .toolbar-item-button.disabled .image svg, .toolbar .toolbar-group .toolbar-item-button.disabled .text svg {
          fill: #888; }
          .toolbar .toolbar-group .toolbar-item-button.disabled .image svg polygon, .toolbar .toolbar-group .toolbar-item-button.disabled .text svg polygon {
            fill: #888; }
    .toolbar .toolbar-group .edit-attribute-button, .toolbar .toolbar-group .share-link-button, .toolbar .toolbar-group .post-feedback-button {
      padding-top: inherit !important;
      display: inline-block !important;
      width: auto; }
      .toolbar .toolbar-group .edit-attribute-button .disabled .text, .toolbar .toolbar-group .share-link-button .disabled .text, .toolbar .toolbar-group .post-feedback-button .disabled .text {
        color: #888; }
      .toolbar .toolbar-group .edit-attribute-button .disabled .text svg, .toolbar .toolbar-group .share-link-button .disabled .text svg, .toolbar .toolbar-group .post-feedback-button .disabled .text svg {
        fill: #888; }
      .narrow-width .toolbar .toolbar-group .edit-attribute-button .image,
      .frame-child .toolbar .toolbar-group .edit-attribute-button .image, .narrow-width .toolbar .toolbar-group .share-link-button .image,
      .frame-child .toolbar .toolbar-group .share-link-button .image, .narrow-width .toolbar .toolbar-group .post-feedback-button .image,
      .frame-child .toolbar .toolbar-group .post-feedback-button .image {
        margin-top: 3px; }
      .narrow-width .toolbar .toolbar-group .edit-attribute-button .text,
      .frame-child .toolbar .toolbar-group .edit-attribute-button .text, .narrow-width .toolbar .toolbar-group .share-link-button .text,
      .frame-child .toolbar .toolbar-group .share-link-button .text, .narrow-width .toolbar .toolbar-group .post-feedback-button .text,
      .frame-child .toolbar .toolbar-group .post-feedback-button .text {
        display: none !important; }
      .toolbar .toolbar-group .edit-attribute-button .image svg, .toolbar .toolbar-group .share-link-button .image svg, .toolbar .toolbar-group .post-feedback-button .image svg {
        fill: #223B74;
        height: 24px; }
    .toolbar .toolbar-group.action-group {
      display: none; }
      .tablet-width .toolbar .toolbar-group.action-group,
      .frame-child .toolbar .toolbar-group.action-group {
        display: table-cell; }
        .tablet-width .toolbar .toolbar-group.action-group .dropdown-selector-menu.open,
        .frame-child .toolbar .toolbar-group.action-group .dropdown-selector-menu.open {
          top: auto !important; }
    .toolbar .toolbar-group .action-groups {
      height: 100%; }
      .toolbar .toolbar-group .action-groups .dropdown-selector-container {
        width: 100%;
        height: 100%; }
        .narrow-width .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open,
        .frame-child .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open {
          top: 83px; }
        .toolbar .toolbar-group .action-groups .dropdown-selector-container .current-item-overlay {
          margin-top: 5px;
          margin-left: 10px; }
        .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item {
          height: 37px; }
          .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .image {
            width: 24px;
            height: 24px; }
          .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .text {
            display: inline-block !important; }
        .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open .hide-download {
          display: none; }
        .tab-control .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open {
          top: 112px; }
    .toolbar .toolbar-group .feedback-dropdown {
      padding: 4px 5px 0 5px; }
      .toolbar .toolbar-group .feedback-dropdown.disabled {
        cursor: default;
        pointer-events: none; }
        .toolbar .toolbar-group .feedback-dropdown.disabled svg {
          stroke: #888;
          fill: #888; }
    .toolbar .toolbar-group .workflow-dropdown,
    .toolbar .toolbar-group .diagram-layout-dropdown {
      height: 100%; }
      .toolbar .toolbar-group .workflow-dropdown po-dropdown-selector.disabled .dropdown-selector-container.open,
      .toolbar .toolbar-group .diagram-layout-dropdown po-dropdown-selector.disabled .dropdown-selector-container.open {
        background-color: #ffffff; }
      .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .icon .dropdown-selector-item-icon svg,
      .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .icon .dropdown-selector-item-icon svg {
        stroke: transparent; }
    .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-menu.open {
      width: 150px;
      left: -40px; }
      .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-menu.open .dropdown-selector-item {
        padding: 2px; }
    .fullscreen .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
      top: 30px;
      position: fixed;
      min-width: 205px;
      left: auto; }
    .frame-child .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
      max-height: 200px;
      width: 205px;
      background-color: #fff;
      min-width: 205px;
      position: fixed !important;
      top: 114px !important;
      left: auto !important; }
      .show-left-side-menu .frame-child .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
        left: 185px; }
      .has-page-preview-expanded .frame-child .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
        left: 355px; }
    @media all and (max-height: 600px), all and (max-width: 768px) {
      .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
        max-height: 200px;
        width: 205px;
        background-color: #fff;
        min-width: 205px;
        position: fixed !important;
        top: 114px !important;
        left: auto !important; }
        .show-left-side-menu .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
          left: 185px; }
        .has-page-preview-expanded .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
          left: 355px; } }
    .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 60px; }
      .small-screen .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
        display: none; }
    .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-trigger svg {
      fill: #223B74;
      stroke: #fff;
      height: 19px;
      width: 24px; }
    .toolbar .toolbar-group .diagram-layout-dropdown po-dropdown-selector.disabled .dropdown-selector-container.open {
      background-color: #ffffff; }
  .toolbar.resized-toolbar .toolbar-group.action-group {
    display: table-cell; }
    .toolbar.resized-toolbar .toolbar-group.action-group .dropdown-selector-menu.open {
      top: auto !important; }
  .toolbar.resized-toolbar .toolbar-group .open-all-button, .toolbar.resized-toolbar .toolbar-group .download-button, .toolbar.resized-toolbar .toolbar-group .pdf-download-button, .toolbar.resized-toolbar .toolbar-group .toggle-show-objects-button, .toolbar.resized-toolbar .toolbar-group .share-link-button, .toolbar.resized-toolbar .toolbar-group .post-feedback-button {
    display: none !important; }
  .toolbar.resized-toolbar .toolbar-group .mark-as-favourite-button .text,
  .toolbar.resized-toolbar .toolbar-group .refresh-workflow-button .text,
  .toolbar.resized-toolbar .toolbar-group .toggle-workflow .text {
    display: none !important; }

.toolbar-dropdown .dropdown-selector-trigger .arrow, .toolbar .toolbar-group .action-groups .dropdown-selector-trigger .arrow, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger .arrow, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger .arrow, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger .arrow {
  width: 30px;
  padding-left: 3px; }

.toolbar-dropdown .dropdown-picker-item .icon, .toolbar .toolbar-group .action-groups .dropdown-picker-item .icon, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .icon, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .icon, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .icon {
  display: table-cell;
  vertical-align: middle; }
  .toolbar-dropdown .dropdown-picker-item .icon svg, .toolbar .toolbar-group .action-groups .dropdown-picker-item .icon svg, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .icon svg, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .icon svg, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .icon svg {
    stroke: #fff;
    fill: #223B74; }

.toolbar-dropdown .dropdown-selector-trigger a, .toolbar .toolbar-group .action-groups .dropdown-selector-trigger a, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger a, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger a, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger a {
  color: #000000;
  text-decoration: none; }

.toolbar-dropdown .dropdown-picker-item, .toolbar .toolbar-group .action-groups .dropdown-picker-item, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  color: #000000;
  text-decoration: none; }
  .toolbar-dropdown .dropdown-picker-item .name, .toolbar .toolbar-group .action-groups .dropdown-picker-item .name, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .name, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .name, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .name {
    overflow: hidden;
    margin-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle; }
  .toolbar-dropdown .dropdown-picker-item .icon, .toolbar .toolbar-group .action-groups .dropdown-picker-item .icon, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .icon, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .icon, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .icon {
    width: 30px;
    padding: 0 5px;
    text-align: center; }

.toolbar-dropdown .dropdown-selector-item.selected, .toolbar .toolbar-group .action-groups .dropdown-selector-item.selected, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-item.selected, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-item.selected, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-item.selected {
  background-color: #9FC9F4; }

.toolbar-dropdown .dropdown-selector-item .dropdown-selector-item-inner, .toolbar .toolbar-group .action-groups .dropdown-selector-item .dropdown-selector-item-inner, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-item .dropdown-selector-item-inner, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner {
  height: 100%;
  color: #000000;
  text-decoration: none;
  text-align: left; }
  .toolbar-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button, .toolbar .toolbar-group .action-groups .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button {
    width: 100%;
    padding-top: 10px; }
    .toolbar-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text, .toolbar .toolbar-group .action-groups .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text {
      display: inline-block; }

.toolbar-dropdown .open .dropdown-selector-item, .toolbar .toolbar-group .action-groups .open .dropdown-selector-item, .toolbar .toolbar-group .workflow-dropdown .open .dropdown-selector-item, .toolbar .toolbar-group .diagram-layout-dropdown .open .dropdown-selector-item, .viewer-header .toggle-workflow .workflow-dropdown .open .dropdown-selector-item {
  height: 50px;
  cursor: pointer; }

.toolbar-dropdown .dropdown-selector-menu, .toolbar .toolbar-group .action-groups .dropdown-selector-menu, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-menu, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-menu, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-menu {
  max-height: 200px;
  width: 205px;
  background-color: #fff; }

.toolbar-dropdown .displayTemplate, .toolbar .toolbar-group .action-groups .displayTemplate, .toolbar .toolbar-group .workflow-dropdown .displayTemplate, .toolbar .toolbar-group .diagram-layout-dropdown .displayTemplate, .viewer-header .toggle-workflow .workflow-dropdown .displayTemplate {
  border: none !important; }

.toolbar-dropdown .dropdown-selector-container, .toolbar .toolbar-group .action-groups .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container {
  max-width: 205px;
  background-color: #fff;
  border: 1px solid rgba(34, 59, 116, 0.23); }

.extend-workflow .open .dropdown-selector-item, .toolbar .toolbar-group .workflow-dropdown .open .dropdown-selector-item, .toolbar .toolbar-group .diagram-layout-dropdown .open .dropdown-selector-item, .viewer-header .toggle-workflow .workflow-dropdown .open .dropdown-selector-item {
  height: 36px; }

.extend-workflow .dropdown-selector-trigger, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger {
  padding: 4px 5px 0 5px; }
  .extend-workflow .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger .text {
    vertical-align: top;
    line-height: 18px; }
  .extend-workflow .dropdown-selector-trigger svg, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger svg, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger svg, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger svg {
    fill: #223B74;
    stroke: #fff;
    height: 19px;
    width: 24px; }
  .extend-workflow .dropdown-selector-trigger .icon, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger .icon, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger .icon, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger .icon {
    cursor: pointer; }

.extend-workflow .narrow-width .dropdown-selector-trigger, .toolbar .toolbar-group .workflow-dropdown .narrow-width .dropdown-selector-trigger, .toolbar .toolbar-group .diagram-layout-dropdown .narrow-width .dropdown-selector-trigger, .viewer-header .toggle-workflow .workflow-dropdown .narrow-width .dropdown-selector-trigger, .extend-workflow .frame-child .dropdown-selector-trigger, .toolbar .toolbar-group .workflow-dropdown .frame-child .dropdown-selector-trigger, .toolbar .toolbar-group .diagram-layout-dropdown .frame-child .dropdown-selector-trigger, .viewer-header .toggle-workflow .workflow-dropdown .frame-child .dropdown-selector-trigger {
  padding-top: 4px; }
  .extend-workflow .narrow-width .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .narrow-width .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .narrow-width .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .narrow-width .dropdown-selector-trigger .text, .extend-workflow .frame-child .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .frame-child .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .frame-child .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .frame-child .dropdown-selector-trigger .text {
    display: none !important; }

.extend-workflow .narrow-width .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .narrow-width .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .narrow-width .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .narrow-width .dropdown-selector-container, .extend-workflow .frame-child .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .frame-child .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .frame-child .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .frame-child .dropdown-selector-container {
  width: 25px; }
  .extend-workflow .narrow-width .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .workflow-dropdown .narrow-width .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .diagram-layout-dropdown .narrow-width .dropdown-selector-container .dropdown-selector-menu.open, .viewer-header .toggle-workflow .workflow-dropdown .narrow-width .dropdown-selector-container .dropdown-selector-menu.open, .extend-workflow .frame-child .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .workflow-dropdown .frame-child .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .diagram-layout-dropdown .frame-child .dropdown-selector-container .dropdown-selector-menu.open, .viewer-header .toggle-workflow .workflow-dropdown .frame-child .dropdown-selector-container .dropdown-selector-menu.open {
    top: 83px; }

.extend-workflow .small-screen .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .small-screen .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .small-screen .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .small-screen .dropdown-selector-trigger .text {
  display: none !important; }

.extend-workflow .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container {
  height: 100%; }

.extend-workflow .dropdown-selector-container.open, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-container.open, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container.open, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container.open {
  background-color: #dadada; }

.extend-workflow .short-height  .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .short-height  .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .short-height  .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .short-height  .dropdown-selector-container {
  position: relative !important; }
  .extend-workflow .short-height  .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .workflow-dropdown .short-height  .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .diagram-layout-dropdown .short-height  .dropdown-selector-container .dropdown-selector-menu.open, .viewer-header .toggle-workflow .workflow-dropdown .short-height  .dropdown-selector-container .dropdown-selector-menu.open {
    top: initial;
    position: absolute; }

.extend-workflow .disabled .dropdown-selector-trigger, .toolbar .toolbar-group .workflow-dropdown .disabled .dropdown-selector-trigger, .toolbar .toolbar-group .diagram-layout-dropdown .disabled .dropdown-selector-trigger, .viewer-header .toggle-workflow .workflow-dropdown .disabled .dropdown-selector-trigger {
  pointer-events: none; }
  .extend-workflow .disabled .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .disabled .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .disabled .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .disabled .dropdown-selector-trigger .text {
    font-weight: normal;
    color: #888; }
  .extend-workflow .disabled .dropdown-selector-trigger svg, .toolbar .toolbar-group .workflow-dropdown .disabled .dropdown-selector-trigger svg, .toolbar .toolbar-group .diagram-layout-dropdown .disabled .dropdown-selector-trigger svg, .viewer-header .toggle-workflow .workflow-dropdown .disabled .dropdown-selector-trigger svg {
    stroke: #fff;
    fill: #888; }

input[placeholder] {
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }

::-moz-placeholder {
  /* Firefox 19+ */
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }

:-ms-input-placeholder {
  /* IE 10+ */
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }

:-moz-placeholder {
  /* Firefox 18- */
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }

#sidebar-resizer {
  position: absolute;
  z-index: 4;
  cursor: e-resize;
  height: calc(100% - 54px);
  width: 3px;
  top: 54px;
  background-color: #dadada; }

#sidebar-resizer::after {
  content: '\01C0';
  font-size: 20px;
  color: #888;
  height: 100%;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  left: -1px; }

.zoomSlider {
  margin: 0 15px 0 0;
  width: 100px;
  height: 25px; }

.zoomButton {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0;
  transition: opacity .2s; }

.zoomRangeContainer {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  width: 100px;
  height: 25px; }

.zoomRangeInput {
  margin: 0;
  padding: 0;
  outline: none;
  transition: opacity .2s;
  background: transparent;
  -webkit-appearance: none;
  width: 100px;
  height: 25px;
  border: none;
  font-size: 14px; }

/* Set up additional styling to ensure consistenty across browsers */
.zoomRangeInput::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: 1px solid #aaa;
  width: 100%;
  border-radius: 4px;
  background: #fff url(ThirdParty/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222;
  height: .8em; }

.zoomRangeInput::-moz-range-track {
  box-sizing: border-box;
  border: 1px solid #aaa;
  width: 100%;
  border-radius: 4px;
  background: #fff url(ThirdParty/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222;
  height: .8em; }

.zoomRangeInput::-ms-track {
  box-sizing: border-box;
  border: 1px solid #aaa;
  width: 100%;
  border-radius: 4px;
  background: #fff url(ThirdParty/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #fff;
  height: .8em; }

.zoomRangeInput::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -.2em;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(ThirdParty/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  top: -.3em;
  height: 1.2em;
  width: 1.2em; }
  .zoomRangeInput::-webkit-slider-thumb:hover {
    outline: -webkit-focus-ring-color auto 5px; }
  .zoomRangeInput::-webkit-slider-thumb:active {
    border: 1px solid #aaa;
    background: #fff url(ThirdParty/jquery/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; }

.zoomRangeInput::-moz-range-thumb {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(ThirdParty/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  top: -.3em;
  height: 1.2em;
  width: 1.2em; }

.zoomRangeInput::-ms-thumb {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(ThirdParty/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  top: -.3em;
  height: 1.2em;
  width: 1.2em; }

.zoomRangeInput::-ms-tooltip,
.zoomRangeInput::-ms-fill-lower,
.zoomRangeInput::-ms-fill-upper {
  display: none; }

.topbar {
  background-color: #223B74;
  max-height: 44px;
  width: 100%;
  z-index: 1;
  overflow: visible;
  display: table;
  table-layout: fixed;
  padding: 5px 0; }
  .topbar .desktop-vector-logo-wrapper {
    width: 155px;
    min-width: 155px;
    max-width: 155px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    overflow: hidden; }
  .topbar .mobile-vector-logo-wrapper {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    overflow: hidden; }
  .topbar svg,
  .topbar > * {
    height: 44px;
    display: table-cell;
    vertical-align: middle; }
  .topbar .vertical-seperator {
    width: 1px;
    padding-left: 10px;
    border-right: 1px solid #ffffff;
    border-bottom: 6px solid #223B74;
    border-top: 6px solid #223B74; }
  .topbar .topbar-navigation {
    width: 142px; }
    .topbar .topbar-navigation.language-picker {
      width: 50px;
      text-align: center;
      cursor: pointer; }
      @media screen and (max-width: 340px) {
        .topbar .topbar-navigation.language-picker {
          display: none; } }
    .topbar .topbar-navigation.options {
      width: 35px;
      cursor: pointer; }
      .topbar .topbar-navigation.options img {
        width: 35px;
        height: 35px; }
      .topbar .topbar-navigation.options.dropdown-selector-item dropdown-selector-selected-element {
        display: none; }
      .topbar .topbar-navigation.options .dropdown-picker-item.options-link {
        padding-left: 10px; }
      .topbar .topbar-navigation.options .open .dropdown-selector-item.options-title {
        height: 66px;
        border-bottom: 1px solid #ccc;
        cursor: pointer; }
        .topbar .topbar-navigation.options .open .dropdown-selector-item.options-title .dropdown-selector-item-inner .dropdown-picker-item:hover {
          background-color: #fff;
          color: #000000; }
        .small-screen .topbar .topbar-navigation.options .open .dropdown-selector-item.options-title .user-options-details img,
        .frame-child .topbar .topbar-navigation.options .open .dropdown-selector-item.options-title .user-options-details img {
          display: none; }
        .small-screen .topbar .topbar-navigation.options .open .dropdown-selector-item.options-title .user-options-details .user-description,
        .frame-child .topbar .topbar-navigation.options .open .dropdown-selector-item.options-title .user-options-details .user-description {
          width: 100%;
          position: relative;
          top: 0;
          right: 0; }
      .topbar .topbar-navigation.options .dropdown-selector-container .dropdown-selector-menu {
        left: auto;
        right: 0;
        width: 240px; }
      .topbar .topbar-navigation.options .user-options-details {
        position: relative;
        height: 66px;
        padding: 8px 0 0 8px; }
        .topbar .topbar-navigation.options .user-options-details .user-image {
          position: absolute;
          top: 0;
          left: 0;
          height: 50px;
          width: 50px;
          cursor: default; }
        .topbar .topbar-navigation.options .user-options-details .upload-image {
          height: 0;
          width: 0;
          position: absolute;
          overflow: hidden;
          top: 0;
          left: 32.5px;
          opacity: 0.5;
          background-color: #fff; }
        .topbar .topbar-navigation.options .user-options-details .user-image-container {
          position: relative; }
          .topbar .topbar-navigation.options .user-options-details .user-image-container:hover .upload-image {
            height: 17.5px;
            width: 17.5px; }
            .topbar .topbar-navigation.options .user-options-details .user-image-container:hover .upload-image img {
              height: 17.5px;
              width: 17.5px; }
        .topbar .topbar-navigation.options .user-options-details .user-description {
          position: absolute;
          width: 169px;
          top: 10px;
          right: 5px; }
          .topbar .topbar-navigation.options .user-options-details .user-description .user-name {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #223B74; }
          .topbar .topbar-navigation.options .user-options-details .user-description .user-selected-profile {
            margin-top: 8px;
            font-style: italic;
            color: #000000;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
    .topbar .topbar-navigation.options .dropdown-selector-trigger .arrow, .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .arrow {
      display: none; }
    .topbar .topbar-navigation .navigation-picker {
      display: block;
      width: 142px;
      height: 44px;
      background-color: #17274c;
      cursor: pointer;
      text-decoration: none; }
      .topbar .topbar-navigation .navigation-picker.active {
        background-color: #3897da;
        left: 155px; }
        .topbar .topbar-navigation .navigation-picker.active .item .item-dropdown-icon svg {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
      .topbar .topbar-navigation .navigation-picker .item {
        padding: 8px;
        color: #fff;
        vertical-align: middle;
        text-align: center; }
        .topbar .topbar-navigation .navigation-picker .item .item-icon {
          display: inline-block;
          height: 20px;
          width: 20px; }
          .topbar .topbar-navigation .navigation-picker .item .item-icon svg {
            fill: #fff;
            display: inline; }
        .topbar .topbar-navigation .navigation-picker .item .item-dropdown-icon {
          display: inline-block; }
          .topbar .topbar-navigation .navigation-picker .item .item-dropdown-icon svg {
            height: 15px;
            width: 15px;
            stroke: #fff;
            stroke-width: 3px;
            fill: transparent;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
    .topbar .topbar-navigation.navigation-picker {
      max-width: 155px;
      width: 155px; }
      .show-left-side-menu .topbar .topbar-navigation.navigation-picker {
        display: none !important; }
      .topbar .topbar-navigation.navigation-picker .dropdown-selector-container {
        max-width: 155px; }
      @media screen and (max-width: 1024px) {
        .topbar .topbar-navigation.navigation-picker {
          width: 71px; }
          .topbar .topbar-navigation.navigation-picker .dropdown-selector-menu {
            width: 155px; } }
    .topbar .topbar-navigation.library-picker {
      padding-left: 10px;
      max-width: 205px;
      width: 205px; }
      .topbar .topbar-navigation.library-picker .dropdown-selector-container {
        max-width: 205px; }
      @media screen and (max-width: 1024px) {
        .topbar .topbar-navigation.library-picker .dropdown-selector-menu {
          width: 205px; } }
    .topbar .topbar-navigation.breadcrumb-picker {
      background-color: #223B74 !important;
      max-width: 80px !important;
      width: 50px !important; }
      .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-container {
        max-width: 205px !important;
        margin-left: 3px; }
        .narrow-width .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-container,
        .frame-child .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-container {
          width: 100% !important; }
      .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-menu {
        width: calc(200px + 100%); }
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-menu > li:not(:first-child) .dropdown-picker-item .name {
          padding-right: 10px; }
      .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger:hover {
        background-color: rgba(255, 255, 255, 0.14);
        border-radius: 3px; }
      .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .dropdown-picker-item {
        width: 50px;
        vertical-align: text-top;
        height: 100%; }
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .dropdown-picker-item:after {
          /*display: block;*/
          position: relative;
          left: 50%;
          font-size: 24px;
          top: -8px;
          content: "...";
          margin-left: -9px; }
          @media screen and (min-width: 768px) {
            .ie .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .dropdown-picker-item:after, .edge .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .dropdown-picker-item:after {
              margin-left: -20px; } }
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .dropdown-picker-item .name {
          font-size: x-large;
          vertical-align: top;
          cursor: pointer;
          width: 0px; }
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .dropdown-picker-item .icon {
          display: none; }
      .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .arrow {
        display: none !important; }
      @media screen and (max-width: 425px) {
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .arrow {
          display: none !important;
          padding-left: 1px !important; }
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .name {
          font-size: x-large !important;
          padding-left: 25px !important;
          vertical-align: top !important; }
          .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .name::after {
            content: "..."; } }
      @media screen and (max-width: 768px) {
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-selected-element {
          display: inherit; }
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-menu {
          width: calc(170px + 100%); }
        .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .arrow {
          display: none; } }
    .topbar .topbar-navigation.navigation-picker, .topbar .topbar-navigation.library-picker, .topbar .topbar-navigation.language-picker, .topbar .topbar-navigation.breadcrumb-picker, .topbar .topbar-navigation.options {
      border-left: 1px solid #223B74;
      border-bottom: 4px solid #223B74;
      border-top: 4px solid #223B74; }
      .narrow-width .topbar .topbar-navigation.navigation-picker:not(.options),
      .frame-child .topbar .topbar-navigation.navigation-picker:not(.options), .narrow-width .topbar .topbar-navigation.library-picker:not(.options),
      .frame-child .topbar .topbar-navigation.library-picker:not(.options), .narrow-width .topbar .topbar-navigation.language-picker:not(.options),
      .frame-child .topbar .topbar-navigation.language-picker:not(.options), .narrow-width .topbar .topbar-navigation.breadcrumb-picker:not(.options),
      .frame-child .topbar .topbar-navigation.breadcrumb-picker:not(.options), .narrow-width .topbar .topbar-navigation.options:not(.options),
      .frame-child .topbar .topbar-navigation.options:not(.options) {
        max-width: none;
        width: 50px; }
        .narrow-width .topbar .topbar-navigation.navigation-picker:not(.options) .dropdown-selector-container,
        .frame-child .topbar .topbar-navigation.navigation-picker:not(.options) .dropdown-selector-container, .narrow-width .topbar .topbar-navigation.library-picker:not(.options) .dropdown-selector-container,
        .frame-child .topbar .topbar-navigation.library-picker:not(.options) .dropdown-selector-container, .narrow-width .topbar .topbar-navigation.language-picker:not(.options) .dropdown-selector-container,
        .frame-child .topbar .topbar-navigation.language-picker:not(.options) .dropdown-selector-container, .narrow-width .topbar .topbar-navigation.breadcrumb-picker:not(.options) .dropdown-selector-container,
        .frame-child .topbar .topbar-navigation.breadcrumb-picker:not(.options) .dropdown-selector-container, .narrow-width .topbar .topbar-navigation.options:not(.options) .dropdown-selector-container,
        .frame-child .topbar .topbar-navigation.options:not(.options) .dropdown-selector-container {
          max-width: 50px;
          width: 100%; }
        .narrow-width .topbar .topbar-navigation.navigation-picker:not(.options) .dropdown-selector-trigger .icon svg,
        .frame-child .topbar .topbar-navigation.navigation-picker:not(.options) .dropdown-selector-trigger .icon svg, .narrow-width .topbar .topbar-navigation.library-picker:not(.options) .dropdown-selector-trigger .icon svg,
        .frame-child .topbar .topbar-navigation.library-picker:not(.options) .dropdown-selector-trigger .icon svg, .narrow-width .topbar .topbar-navigation.language-picker:not(.options) .dropdown-selector-trigger .icon svg,
        .frame-child .topbar .topbar-navigation.language-picker:not(.options) .dropdown-selector-trigger .icon svg, .narrow-width .topbar .topbar-navigation.breadcrumb-picker:not(.options) .dropdown-selector-trigger .icon svg,
        .frame-child .topbar .topbar-navigation.breadcrumb-picker:not(.options) .dropdown-selector-trigger .icon svg, .narrow-width .topbar .topbar-navigation.options:not(.options) .dropdown-selector-trigger .icon svg,
        .frame-child .topbar .topbar-navigation.options:not(.options) .dropdown-selector-trigger .icon svg {
          margin: auto; }
      .topbar .topbar-navigation.navigation-picker .dropdown-selector-container, .topbar .topbar-navigation.library-picker .dropdown-selector-container, .topbar .topbar-navigation.language-picker .dropdown-selector-container, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-container, .topbar .topbar-navigation.options .dropdown-selector-container {
        background-color: #17274c;
        height: 100%; }
        .touch-capable .topbar .topbar-navigation.navigation-picker .dropdown-selector-container, .touch-capable .topbar .topbar-navigation.library-picker .dropdown-selector-container, .touch-capable .topbar .topbar-navigation.language-picker .dropdown-selector-container, .touch-capable .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-container, .touch-capable .topbar .topbar-navigation.options .dropdown-selector-container {
          height: 34px; }
        .topbar .topbar-navigation.navigation-picker .dropdown-selector-container.open, .topbar .topbar-navigation.library-picker .dropdown-selector-container.open, .topbar .topbar-navigation.language-picker .dropdown-selector-container.open, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-container.open, .topbar .topbar-navigation.options .dropdown-selector-container.open {
          background-color: #3897da; }
      .topbar .topbar-navigation.navigation-picker .dropdown-selector-menu, .topbar .topbar-navigation.library-picker .dropdown-selector-menu, .topbar .topbar-navigation.language-picker .dropdown-selector-menu, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-menu, .topbar .topbar-navigation.options .dropdown-selector-menu {
        max-height: 217px; }
        .small-screen .topbar .topbar-navigation.navigation-picker .dropdown-selector-menu.open,
        .frame-child .topbar .topbar-navigation.navigation-picker .dropdown-selector-menu.open, .small-screen .topbar .topbar-navigation.library-picker .dropdown-selector-menu.open,
        .frame-child .topbar .topbar-navigation.library-picker .dropdown-selector-menu.open, .small-screen .topbar .topbar-navigation.language-picker .dropdown-selector-menu.open,
        .frame-child .topbar .topbar-navigation.language-picker .dropdown-selector-menu.open, .small-screen .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-menu.open,
        .frame-child .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-menu.open, .small-screen .topbar .topbar-navigation.options .dropdown-selector-menu.open,
        .frame-child .topbar .topbar-navigation.options .dropdown-selector-menu.open {
          max-height: calc(100% - 54px); }
      .topbar .topbar-navigation.navigation-picker .dropdown-selector-trigger a, .topbar .topbar-navigation.library-picker .dropdown-selector-trigger a, .topbar .topbar-navigation.language-picker .dropdown-selector-trigger a, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger a, .topbar .topbar-navigation.options .dropdown-selector-trigger a {
        color: #ffffff;
        text-decoration: none; }
      .topbar .topbar-navigation.navigation-picker .dropdown-selector-trigger .icon svg, .topbar .topbar-navigation.library-picker .dropdown-selector-trigger .icon svg, .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .icon svg, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .icon svg, .topbar .topbar-navigation.options .dropdown-selector-trigger .icon svg {
        fill: #ffffff; }
      .topbar .topbar-navigation.navigation-picker .dropdown-selector-trigger .expand-icon svg, .topbar .topbar-navigation.library-picker .dropdown-selector-trigger .expand-icon svg, .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .expand-icon svg, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .expand-icon svg, .topbar .topbar-navigation.options .dropdown-selector-trigger .expand-icon svg {
        stroke: #ffffff;
        height: 17px;
        width: 20px; }
      .topbar .topbar-navigation.navigation-picker .dropdown-selector-trigger .arrow, .topbar .topbar-navigation.library-picker .dropdown-selector-trigger .arrow, .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .arrow, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .arrow, .topbar .topbar-navigation.options .dropdown-selector-trigger .arrow {
        width: 30px;
        padding-left: 5px; }
      .narrow-width .topbar .topbar-navigation.navigation-picker .dropdown-selector-trigger .arrow,
      .frame-child .topbar .topbar-navigation.navigation-picker .dropdown-selector-trigger .arrow, .narrow-width .topbar .topbar-navigation.library-picker .dropdown-selector-trigger .arrow,
      .frame-child .topbar .topbar-navigation.library-picker .dropdown-selector-trigger .arrow, .narrow-width .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .arrow,
      .frame-child .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .arrow, .narrow-width .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .arrow,
      .frame-child .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .arrow, .narrow-width .topbar .topbar-navigation.options .dropdown-selector-trigger .arrow,
      .frame-child .topbar .topbar-navigation.options .dropdown-selector-trigger .arrow {
        display: none; }
      .narrow-width .topbar .topbar-navigation.navigation-picker .dropdown-selector-trigger .name,
      .frame-child .topbar .topbar-navigation.navigation-picker .dropdown-selector-trigger .name, .narrow-width .topbar .topbar-navigation.library-picker .dropdown-selector-trigger .name,
      .frame-child .topbar .topbar-navigation.library-picker .dropdown-selector-trigger .name, .narrow-width .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .name,
      .frame-child .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .name, .narrow-width .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .name,
      .frame-child .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-trigger .name, .narrow-width .topbar .topbar-navigation.options .dropdown-selector-trigger .name,
      .frame-child .topbar .topbar-navigation.options .dropdown-selector-trigger .name {
        display: none; }
      .topbar .topbar-navigation.navigation-picker .dropdown-picker-item, .topbar .topbar-navigation.library-picker .dropdown-picker-item, .topbar .topbar-navigation.language-picker .dropdown-picker-item, .topbar .topbar-navigation.breadcrumb-picker .dropdown-picker-item, .topbar .topbar-navigation.options .dropdown-picker-item {
        display: table;
        height: 100%;
        width: 100%;
        table-layout: fixed;
        color: #000000;
        text-decoration: none; }
        .topbar .topbar-navigation.navigation-picker .dropdown-picker-item.disabled, .topbar .topbar-navigation.library-picker .dropdown-picker-item.disabled, .topbar .topbar-navigation.language-picker .dropdown-picker-item.disabled, .topbar .topbar-navigation.breadcrumb-picker .dropdown-picker-item.disabled, .topbar .topbar-navigation.options .dropdown-picker-item.disabled {
          color: #888;
          cursor: default;
          pointer-events: none;
          text-decoration: none; }
        .topbar .topbar-navigation.navigation-picker .dropdown-picker-item .icon, .topbar .topbar-navigation.navigation-picker .dropdown-picker-item .name, .topbar .topbar-navigation.library-picker .dropdown-picker-item .icon, .topbar .topbar-navigation.library-picker .dropdown-picker-item .name, .topbar .topbar-navigation.language-picker .dropdown-picker-item .icon, .topbar .topbar-navigation.language-picker .dropdown-picker-item .name, .topbar .topbar-navigation.breadcrumb-picker .dropdown-picker-item .icon, .topbar .topbar-navigation.breadcrumb-picker .dropdown-picker-item .name, .topbar .topbar-navigation.options .dropdown-picker-item .icon, .topbar .topbar-navigation.options .dropdown-picker-item .name {
          display: table-cell;
          vertical-align: middle; }
        .topbar .topbar-navigation.navigation-picker .dropdown-picker-item .name, .topbar .topbar-navigation.library-picker .dropdown-picker-item .name, .topbar .topbar-navigation.language-picker .dropdown-picker-item .name, .topbar .topbar-navigation.breadcrumb-picker .dropdown-picker-item .name, .topbar .topbar-navigation.options .dropdown-picker-item .name {
          overflow: hidden;
          margin-right: 5px;
          text-overflow: ellipsis;
          white-space: nowrap;
          /*padding-right:10px;*/ }
        .topbar .topbar-navigation.navigation-picker .dropdown-picker-item .icon, .topbar .topbar-navigation.library-picker .dropdown-picker-item .icon, .topbar .topbar-navigation.language-picker .dropdown-picker-item .icon, .topbar .topbar-navigation.breadcrumb-picker .dropdown-picker-item .icon, .topbar .topbar-navigation.options .dropdown-picker-item .icon {
          width: 40px;
          padding: 0 5px;
          text-align: center; }
          .topbar .topbar-navigation.navigation-picker .dropdown-picker-item .icon svg, .topbar .topbar-navigation.library-picker .dropdown-picker-item .icon svg, .topbar .topbar-navigation.language-picker .dropdown-picker-item .icon svg, .topbar .topbar-navigation.breadcrumb-picker .dropdown-picker-item .icon svg, .topbar .topbar-navigation.options .dropdown-picker-item .icon svg {
            width: 24px;
            height: 24px; }
      .topbar .topbar-navigation.navigation-picker .dropdown-selector-item, .topbar .topbar-navigation.library-picker .dropdown-selector-item, .topbar .topbar-navigation.language-picker .dropdown-selector-item, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-item, .topbar .topbar-navigation.options .dropdown-selector-item {
        background-color: #fff; }
        .topbar .topbar-navigation.navigation-picker .dropdown-selector-item.selected:not(.options-title), .topbar .topbar-navigation.library-picker .dropdown-selector-item.selected:not(.options-title), .topbar .topbar-navigation.language-picker .dropdown-selector-item.selected:not(.options-title), .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-item.selected:not(.options-title), .topbar .topbar-navigation.options .dropdown-selector-item.selected:not(.options-title) {
          background-color: #9FC9F4; }
        .topbar .topbar-navigation.navigation-picker .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title), .topbar .topbar-navigation.library-picker .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title), .topbar .topbar-navigation.language-picker .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title), .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title), .topbar .topbar-navigation.options .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title) {
          height: 100%;
          color: #000000;
          text-decoration: none; }
          .topbar .topbar-navigation.navigation-picker .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title) > *:hover:not(.disabled), .topbar .topbar-navigation.library-picker .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title) > *:hover:not(.disabled), .topbar .topbar-navigation.language-picker .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title) > *:hover:not(.disabled), .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title) > *:hover:not(.disabled), .topbar .topbar-navigation.options .dropdown-selector-item .dropdown-selector-item-inner:not(.options-title) > *:hover:not(.disabled) {
            background-color: #C3E0F4; }
        .topbar .topbar-navigation.navigation-picker .dropdown-selector-item .disabled svg, .topbar .topbar-navigation.library-picker .dropdown-selector-item .disabled svg, .topbar .topbar-navigation.language-picker .dropdown-selector-item .disabled svg, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-item .disabled svg, .topbar .topbar-navigation.options .dropdown-selector-item .disabled svg {
          fill: #888; }
        .topbar .topbar-navigation.navigation-picker .dropdown-selector-item svg, .topbar .topbar-navigation.library-picker .dropdown-selector-item svg, .topbar .topbar-navigation.language-picker .dropdown-selector-item svg, .topbar .topbar-navigation.breadcrumb-picker .dropdown-selector-item svg, .topbar .topbar-navigation.options .dropdown-selector-item svg {
          height: 24px;
          width: 24px;
          fill: #223B74; }
      .topbar .topbar-navigation.navigation-picker .open .dropdown-selector-item, .topbar .topbar-navigation.library-picker .open .dropdown-selector-item, .topbar .topbar-navigation.language-picker .open .dropdown-selector-item, .topbar .topbar-navigation.breadcrumb-picker .open .dropdown-selector-item, .topbar .topbar-navigation.options .open .dropdown-selector-item {
        height: 36px; }
        .topbar .topbar-navigation.navigation-picker .open .dropdown-selector-item.hidden, .topbar .topbar-navigation.library-picker .open .dropdown-selector-item.hidden, .topbar .topbar-navigation.language-picker .open .dropdown-selector-item.hidden, .topbar .topbar-navigation.breadcrumb-picker .open .dropdown-selector-item.hidden, .topbar .topbar-navigation.options .open .dropdown-selector-item.hidden {
          display: none; }
    .topbar .topbar-navigation.options .dropdown-selector-container .dropdown-selector-trigger .display-template img {
      background-color: #fff; }
    .narrow-width .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .name,
    .frame-child .topbar .topbar-navigation.language-picker .dropdown-selector-trigger .name {
      display: table-cell; }
  .topbar .navigation-breadcrumb {
    table-layout: fixed;
    color: #ffffff;
    width: 100%;
    padding-left: 5px; }
    @media screen and (max-width: 768px) {
      .topbar .navigation-breadcrumb .breadcrumb-text {
        display: none; } }
    .topbar .navigation-breadcrumb .breadcrumb-text > div {
      vertical-align: middle;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 32px;
      line-height: 31px; }
    .topbar .navigation-breadcrumb .breadcrumb-text .bc-objFolder {
      display: table-cell;
      max-width: 130px;
      float: left;
      border-radius: 3px;
      height: 32px; }
      .topbar .navigation-breadcrumb .breadcrumb-text .bc-objFolder.hasFolder:before {
        content: ">";
        position: relative;
        padding-right: 6px;
        float: left;
        font-weight: bold; }
      .topbar .navigation-breadcrumb .breadcrumb-text .bc-objFolder a {
        color: inherit;
        text-decoration: inherit;
        vertical-align: middle;
        height: 100%;
        max-width: 114px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 5px; }
        .topbar .navigation-breadcrumb .breadcrumb-text .bc-objFolder a:hover {
          background-color: rgba(255, 255, 255, 0.14);
          border-radius: 3px; }
    .topbar .navigation-breadcrumb .breadcrumb-text .bc-object {
      display: table-cell;
      float: left;
      /*margin-left: 7px;*/ }
      .topbar .navigation-breadcrumb .breadcrumb-text .bc-object.hasFolder:before {
        content: ">";
        position: relative;
        float: left;
        padding-right: 6px;
        font-weight: bold; }
      .topbar .navigation-breadcrumb .breadcrumb-text .bc-object > span {
        float: left; }
      .topbar .navigation-breadcrumb .breadcrumb-text .bc-object .name {
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    @media screen and (min-width: 768px) and (max-width: 973px) {
      .topbar .navigation-breadcrumb .breadcrumb-text .bc-object .name {
        max-width: calc(11vw); }
      .topbar .navigation-breadcrumb .breadcrumb-text .bc-objFolder a {
        max-width: calc(10vw); } }
    .topbar .navigation-breadcrumb .collection-view-name {
      display: block;
      color: #ffffff;
      line-height: 44px;
      font-size: small;
      width: calc(100% - 10px);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }

.navigation-picker-dropdown {
  position: absolute;
  left: 155px;
  top: 44px;
  background-color: #fff;
  width: 250px;
  box-shadow: 1px 1px 3px #888; }
  .navigation-picker-dropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .navigation-picker-dropdown ul li {
      cursor: pointer;
      height: 50px;
      padding-left: 10px; }
      .navigation-picker-dropdown ul li.disabled {
        cursor: default; }
      .navigation-picker-dropdown ul li .item-link {
        text-decoration: none;
        color: #000000;
        display: block;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        padding-top: 15px; }
        .navigation-picker-dropdown ul li .item-link .item-icon {
          display: block;
          float: left; }
          .navigation-picker-dropdown ul li .item-link .item-icon svg {
            width: 24px;
            height: 24px;
            fill: #223B74;
            margin-right: 10px; }
        .navigation-picker-dropdown ul li .item-link .item-title {
          display: block;
          height: 24px; }
        .navigation-picker-dropdown ul li .item-link .disabled {
          pointer-events: none;
          color: #888; }
          .navigation-picker-dropdown ul li .item-link .disabled svg {
            fill: #888; }
      .navigation-picker-dropdown ul li.open-iserver {
        border-top: 1px solid #ccc; }
    .navigation-picker-dropdown ul li:hover {
      background-color: #C3E0F4; }
      .navigation-picker-dropdown ul li:hover .item-icon {
        display: inline-block; }
        .navigation-picker-dropdown ul li:hover .item-icon svg {
          fill: #ffffff; }
      .navigation-picker-dropdown ul li:hover .disabled {
        background-color: #EEE; }
        .navigation-picker-dropdown ul li:hover .disabled .item-link {
          color: #888; }
        .navigation-picker-dropdown ul li:hover .disabled .item-icon svg {
          fill: #888; }

.topbar-logo {
  width: 155px;
  max-width: 155px;
  min-width: 155px;
  cursor: pointer;
  overflow: hidden; }
  .topbar-logo.center-logo {
    text-align: center; }
  .topbar-logo.small-logo {
    display: none; }
  .topbar-logo svg {
    display: inline-block;
    padding: 4px 6px;
    width: 155px;
    fill: #ffffff; }
  .topbar-logo img {
    max-width: 155px;
    max-height: 44px; }

#user-settings {
  position: relative;
  cursor: pointer; }
  #user-settings,
  #user-settings img {
    height: 35px;
    width: 36px;
    min-width: 36px; }
  #user-settings img {
    position: absolute;
    top: 4px;
    left: 0; }

.topbar-search {
  width: 45px;
  padding: 5px;
  -webkit-transition: width 1s;
  /* For Safari 3.1 to 6.0 */
  transition: width 1s;
  background-color: #17274c;
  position: relative;
  height: 36px;
  display: inline-block;
  top: 4px;
  float: right; }
  .ie10 .topbar-search {
    height: 39px; }
  .topbar-search > * {
    height: 34px; }
  .topbar-search.search-focus {
    width: 204px; }
  .topbar-search:not(.search-focus) .topbar-search-input {
    transition: all 1s;
    background-color: transparent;
    border-color: transparent;
    color: #000000; }
  .topbar-search button:focus {
    outline: none; }
  .topbar-search button svg {
    display: inline-block;
    fill: #ffffff; }
  .topbar-search.search-valid .topbar-search-submit {
    cursor: pointer; }
  .topbar-search.search-valid button svg {
    fill: #ffffff; }
  .topbar-search .topbar-search-submit {
    width: 34px;
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
    background-color: #17274c; }
    .small-screen .topbar-search .topbar-search-submit,
    .frame-child .topbar-search .topbar-search-submit {
      background-color: rgba(1, 0, 0, 0); }
  .topbar-search .topbar-search-input {
    padding-right: 26px !important;
    width: 100%;
    height: 25px; }
  .topbar-search .topbar-search-input::-ms-clear {
    display: none; }

.fullscreen .topbar-logo {
  display: none;
  height: 0; }

.fullscreen #quick-search {
  display: none;
  height: 0; }

.fullscreen header {
  display: none !important;
  height: 0; }

.fullscreen .header {
  display: none !important;
  height: 0 !important; }

.frame-child .navigation-picker-dropdown {
  left: 50px;
  right: 50px;
  width: auto; }

.frame-child .topbar-logo {
  width: 53px;
  max-width: 53px;
  min-width: 53px; }
  .frame-child .topbar-logo.large-logo {
    display: none; }
    .frame-child .topbar-logo.large-logo svg {
      fill: #ffffff; }
  .frame-child .topbar-logo.small-logo {
    display: table-cell; }
    .frame-child .topbar-logo.small-logo svg {
      fill: #ffffff; }
  .frame-child .topbar-logo svg {
    width: 53px;
    fill: #ffffff; }
  .frame-child .topbar-logo img {
    max-width: 53px; }

.frame-child .topbar .topbar-navigation {
  width: 50px; }
  .frame-child .topbar .topbar-navigation .hide {
    display: none; }
  .frame-child .topbar .topbar-navigation .navigation-picker {
    width: 50px; }
    .frame-child .topbar .topbar-navigation .navigation-picker .item .item-title, .frame-child .topbar .topbar-navigation .navigation-picker .item .item-title, .frame-child .topbar .topbar-navigation .navigation-picker .item .item-dropdown-icon {
      display: none; }

@media screen and (max-width: 768px) {
  .navigation-picker-dropdown {
    left: 50px;
    right: 50px;
    width: auto; }
  .topbar-logo {
    width: 53px;
    max-width: 53px;
    min-width: 53px; }
    .topbar-logo.large-logo {
      display: none; }
      .topbar-logo.large-logo svg {
        fill: #ffffff; }
    .topbar-logo.small-logo {
      display: table-cell; }
      .topbar-logo.small-logo svg {
        fill: #ffffff; }
    .topbar-logo svg {
      width: 53px;
      fill: #ffffff; }
    .topbar-logo img {
      max-width: 53px; }
  .topbar .topbar-navigation {
    width: 50px; }
    .topbar .topbar-navigation .hide {
      display: none; }
    .topbar .topbar-navigation .navigation-picker {
      width: 50px; }
      .topbar .topbar-navigation .navigation-picker .item .item-title, .topbar .topbar-navigation .navigation-picker .item .item-title, .topbar .topbar-navigation .navigation-picker .item .item-dropdown-icon {
        display: none; } }

@media screen and (max-width: 768px) {
  header {
    height: 54px; }
  #quick-search.search-focus {
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 100%;
    background-color: #223B74;
    height: 44px;
    margin: 5px 0; } }

.dropdown-selector-container {
  position: relative;
  z-index: 3;
  display: inline-block;
  color: #000000; }
  .narrow-width .dropdown-selector-container,
  .frame-child .dropdown-selector-container {
    position: static; }
  .dropdown-selector-container .multi-selected {
    position: relative !important;
    max-height: 185px !important;
    top: 0px !important;
    box-shadow: none !important; }
    .dropdown-selector-container .multi-selected .name {
      padding-right: 8px; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item:first-child:hover {
      background-color: #fff; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item:first-child .disable svg .st0 {
      fill: #888; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item:first-child .icon:hover:not(.disable) svg .st0 {
      fill: #223B74; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item.recently-added > div:first-child {
      width: calc(100% - 32px);
      padding: 8px;
      float: left;
      height: 100%;
      color: #223B74; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item.recently-added .icon {
      padding-top: 4px; }
      .dropdown-selector-container .multi-selected .dropdown-selector-item.recently-added .icon svg {
        width: 23px;
        height: 23px; }
        .dropdown-selector-container .multi-selected .dropdown-selector-item.recently-added .icon svg .del-filter-st0 {
          fill: #223B74; }
  .dropdown-selector-container .multi-select {
    position: relative !important;
    top: 0px !important;
    height: 280px;
    max-height: 434px !important;
    /*margin-top: 8px;*/ }
    .dropdown-selector-container .multi-select .icon .dropdown-selector-item-icon svg {
      width: 20px !important;
      height: 20px !important; }
    .dropdown-selector-container .multi-select .name {
      padding-right: 8px; }
      .touch-capable .dropdown-selector-container .multi-select .name {
        position: absolute;
        left: 54px;
        padding-top: 10px;
        width: calc(100% - 54px); }
    .dropdown-selector-container .multi-select .hide-background-color {
      background-color: transparent; }
    .touch-capable .dropdown-selector-container .multi-select .icon {
      position: absolute;
      margin-top: 4px;
      width: 30px !important; }
    .dropdown-selector-container .multi-select.is-object-type .checkbox {
      width: 24px;
      padding-top: 2px; }
    .dropdown-selector-container .multi-select.is-object-type .name {
      padding-left: 5px; }
    .dropdown-selector-container .multi-select.is-object-type .icon {
      width: 30px !important;
      height: 30px !important;
      padding: 0px !important; }
    .dropdown-selector-container .multi-select .dropdown-selector-item-inner:hover .checkbox:not(.disabled) svg {
      stroke: #223B74; }
    .dropdown-selector-container .multi-select .dropdown-selector-item-inner .checkbox.disabled span {
      background-color: #888; }
    .dropdown-selector-container .multi-select .checkbox {
      width: 18px;
      height: 16px;
      position: relative;
      padding-left: 5px;
      display: table-cell;
      vertical-align: middle; }
      .dropdown-selector-container .multi-select .checkbox.selected span {
        background-color: #223B74; }
        .dropdown-selector-container .multi-select .checkbox.selected span svg {
          fill: #fff;
          margin: 3px 0 0 2px;
          height: 12px;
          width: 13px;
          fill: transparent;
          stroke: #fff;
          stroke-width: 1.5px;
          max-height: none;
          max-width: none; }
      .dropdown-selector-container .multi-select .checkbox span {
        border: 1px solid #ccc;
        vertical-align: middle;
        display: block;
        width: 16px;
        height: 16px; }
      .dropdown-selector-container .multi-select .checkbox svg {
        margin: 3px 0 0 2px;
        height: 12px;
        width: 13px;
        fill: transparent;
        /*stroke: #b4b4b1;*/
        stroke-width: 1.5px;
        max-height: none;
        max-width: none; }
    .dropdown-selector-container .multi-select.dropdown-selector-menu {
      box-shadow: none;
      /*border-top: 1px solid #8c8282;*/
      border-left: none;
      /*.edge & {
                overflow:hidden;
            }*/ }
  .dropdown-selector-container .dropdown-selector-item {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0s ease-in-out, background-color 0.1s ease-in-out;
    -moz-transition: height 0s ease-in-out, background-color 0.1s ease-in-out;
    -ms-transition: height 0s ease-in-out, background-color 0.1s ease-in-out;
    transition: height 0s ease-in-out, background-color 0.1s ease-in-out; }
    .dropdown-selector-container .dropdown-selector-item.selected {
      background-color: #9FC9F4; }
    .dropdown-selector-container .dropdown-selector-item:hover {
      background-color: #C3E0F4; }
  .dropdown-selector-container .dropdown-selector-trigger {
    display: inline-block;
    height: 100%;
    width: 100%;
    height: 100%;
    position: relative; }
    .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler {
      display: table;
      height: 100%;
      width: 100%;
      white-space: nowrap; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .filterTypeInputBox {
        width: calc(100% - 10px);
        border: 1px solid rgba(241, 236, 236, 0.5); }
        .admin-profiles .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .filterTypeInputBox {
          border: none; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .filter-Type-Selected-Display {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 10px;
        width: calc(100% - 30px);
        position: absolute;
        color: rgba(136, 136, 136, 0.75);
        font-style: italic; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler > * {
        height: 100%;
        display: table-cell;
        vertical-align: middle; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .arrow {
        width: 100%; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .popout-link {
        cursor: pointer;
        padding-left: 5px; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button {
        cursor: pointer; }
        .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button.disabled {
          cursor: default; }
          .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button.disabled svg {
            fill: #888; }
        .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button:after {
          content: "";
          position: absolute;
          height: 36px;
          border-left: 1px solid #ccc;
          top: 7px; }
        .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button svg {
          height: 26px;
          width: 26px;
          margin-right: 2px; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .save-button {
        cursor: pointer; }
        .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .save-button svg {
          height: 26px;
          width: 26px;
          margin-right: 2px; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .current-item-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        cursor: pointer;
        z-index: 1;
        background-color: rgba(1, 0, 0, 0); }
    .dropdown-selector-container .dropdown-selector-trigger div {
      display: inline-block;
      vertical-align: middle; }
    .dropdown-selector-container .dropdown-selector-trigger .expand-icon {
      display: block; }
      .dropdown-selector-container .dropdown-selector-trigger .expand-icon svg {
        stroke-width: 1.5px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .dropdown-selector-container .dropdown-selector-trigger .expand-icon.open svg {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    .dropdown-selector-container .dropdown-selector-trigger .dropdown-selector-item-container.selected {
      background-color: transparent; }
  .dropdown-selector-container .dropdown-selector-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    min-width: 100%;
    width: 100%;
    box-shadow: 1px 1px 3px #ccc;
    border: none;
    overflow-x: hidden;
    overflow-y: auto; }
    .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-selected-element {
      display: none; }
    .small-screen .dropdown-selector-container .dropdown-selector-menu.open,
    .frame-child .dropdown-selector-container .dropdown-selector-menu.open {
      z-index: 4; }
    .small-screen .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu.open,
    .frame-child .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu.open {
      top: auto !important; }
    .small-screen .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open,
    .frame-child .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open {
      border: solid 1px #ccc;
      border-top: 0;
      position: fixed;
      top: auto !important; }
      .small-screen .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.dropdown-selector-selected-element.selected,
      .frame-child .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.dropdown-selector-selected-element.selected {
        display: block; }
      .small-screen .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.selected,
      .frame-child .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.selected {
        display: none; }
    .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item {
      border-bottom: none;
      -webkit-transition: height 0.2s ease-in-out;
      -moz-transition: height 0.2s ease-in-out;
      -ms-transition: height 0.2s ease-in-out;
      transition: height 0.2s ease-in-out; }
      .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.separator {
        height: 1px;
        box-shadow: 0px 0px 2px #888; }
  .dropdown-selector-container .dropdown-selector-item-container {
    display: block;
    height: 40px;
    width: 100%; }
    .dropdown-selector-container .dropdown-selector-item-container > * {
      padding: 0 10px;
      display: table-cell;
      white-space: nowrap;
      vertical-align: middle; }
      .dropdown-selector-container .dropdown-selector-item-container > * > * {
        height: 100%; }
      .dropdown-selector-container .dropdown-selector-item-container > *:last-child {
        width: 100%; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-container, .default-dropdown-selector-parent po-multi-select .dropdown-selector-container {
  position: relative;
  width: 100%;
  background-color: #3897DA;
  color: white; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-container.open, .default-dropdown-selector-parent po-multi-select .dropdown-selector-container.open {
    z-index: 3; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .dropdown-toggler, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .dropdown-toggler {
  display: table;
  height: 100%;
  white-space: normal; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .dropdown-toggler .current-item-overlay, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .dropdown-toggler .current-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
    background-color: transparent; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .dropdown-toggler > *, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .dropdown-toggler > * {
    height: 100%;
    display: table-cell;
    vertical-align: middle; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .arrow, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .arrow {
  width: 30px !important;
  margin-left: 4px; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .arrow .expand-icon, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .arrow .expand-icon {
    height: 20px;
    width: 20px;
    /*stroke: white !important;*/ }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-menu, .default-dropdown-selector-parent po-multi-select .dropdown-selector-menu {
  max-height: 300px;
  color: #000000; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-menu.open .dropdown-selector-item, .default-dropdown-selector-parent po-multi-select .dropdown-selector-menu.open .dropdown-selector-item {
  height: 38px;
  cursor: pointer; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-menu.open .dropdown-selector-item.selected, .default-dropdown-selector-parent po-multi-select .dropdown-selector-menu.open .dropdown-selector-item.selected {
    background-color: #9FC9F4; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-inner, .default-dropdown-selector-parent po-multi-select .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-inner {
    height: 100%; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .default-dropdown-picker-item .icon, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .default-dropdown-picker-item .icon {
  fill: #fff; }

.default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  text-decoration: none; }
  .default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item .icon, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item .icon {
    width: 40px !important;
    padding: 0 5px;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
    .default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item .icon svg, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item .icon svg {
      width: 24px !important;
      height: 24px !important; }
  .default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item .name, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item .name {
    overflow: hidden;
    margin-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle; }
  .default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item .no-image, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item .no-image {
    padding-left: 2px; }

.default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-menu.open {
  background-color: #fff; }
  .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-menu.open .dropdown-selector-item {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc; }

.default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-container, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-container {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000000; }

.default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-trigger .default-dropdown-picker-item .icon, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-trigger .default-dropdown-picker-item .icon {
  fill: #223B74; }

.default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-trigger .arrow .expand-icon, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-trigger .arrow .expand-icon {
  stroke: #223B74 !important; }

.default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-container, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-container {
  height: 30px;
  width: 200px;
  max-height: 30px; }

.default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-trigger .arrow, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-trigger .arrow {
  padding-left: 7px; }
  .default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-trigger .arrow .expand-icon, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-trigger .arrow .expand-icon {
    height: 16px;
    width: 16px; }

.default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-menu, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-menu {
  box-shadow: 1px 0px 0px #888; }

.default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-menu.open .dropdown-selector-item, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-menu.open .dropdown-selector-item {
  height: 30px; }

.default-dropdown-selector-parent po-dropdown-selector.default .dropdown-selector-container, .default-dropdown-selector-parent po-multi-select.default .dropdown-selector-container {
  height: 38px;
  max-height: 38px;
  width: 250px; }

po-dropdown-selector.non-expandable .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .arrow {
  visibility: hidden; }

po-dropdown-selector.non-expandable .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .current-item-overlay {
  cursor: default; }

po-dropdown-selector.non-expandable .dropdown-selector-menu.open {
  display: none; }

input,
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #ccc;
  padding: .35em .6em;
  font-family: "Segoe UI", "Helvetica Neue", "Helvetica", Arial, sans;
  font-size: 13px; }

label[for] {
  cursor: pointer; }
  label[for].disabled {
    cursor: default; }

.checkbox-simple {
  position: relative;
  display: table; }
  .checkbox-simple .checkbox {
    display: table-cell;
    padding-right: 10px; }
  .checkbox-simple input[type=checkbox] {
    height: 100%;
    border: none;
    margin-top: -2px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none; }
    .checkbox-simple input[type=checkbox]:focus {
      border: none;
      box-shadow: none; }
    .checkbox-simple input[type=checkbox]:focus + .checkbox-simple-visual, .checkbox-simple input[type=checkbox]:hover + .checkbox-simple-visual {
      outline: 1px solid #ccc; }
  .checkbox-simple .title {
    margin-left: 5px;
    display: table-cell;
    vertical-align: top; }
    .ie .checkbox-simple .title {
      margin-left: 21px; }
  .checkbox-simple .checkbox-simple-visual {
    display: inline-block;
    border: 1px solid #ccc;
    height: 16px;
    width: 16px;
    background-color: #fff; }
    .checkbox-simple .checkbox-simple-visual .item-check {
      margin: 3px 0 0 2px;
      height: 12px;
      width: 13px;
      fill: transparent;
      stroke: white;
      stroke-width: 1.5px;
      max-height: none;
      max-width: none; }
  .checkbox-simple.disabled input:hover + .checkbox-simple-visual {
    outline: none; }
  .checkbox-simple.disabled .checkbox-simple-visual {
    background-color: #f2f2f2; }
    .checkbox-simple.disabled .checkbox-simple-visual:focus, .checkbox-simple.disabled .checkbox-simple-visual:hover {
      box-shadow: none; }
    .checkbox-simple.disabled .checkbox-simple-visual .item-check {
      display: none; }
  .checkbox-simple.checked .checkbox-simple-visual {
    background-color: #223B74; }
  .checkbox-simple.checked.disabled .checkbox-simple-visual {
    background-color: #888; }
    .checkbox-simple.checked.disabled .checkbox-simple-visual .item-check {
      display: block; }
  .checkbox-simple input:indeterminate + .checkbox-simple-visual {
    background: #fff; }
    .checkbox-simple input:indeterminate + .checkbox-simple-visual svg {
      fill: #223B74;
      background-color: #223B74;
      stroke: #223B74;
      margin: 3px;
      height: 8px;
      width: 8px; }

input[type=checkbox].default {
  -webkit-appearance: checkbox; }
  .ie input[type=checkbox].default {
    border: none;
    padding: 0;
    margin: 6.4px 6.4px 6.4px 0; }
    .ie input[type=checkbox].default:focus, .ie input[type=checkbox].default:active:hover {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(102, 175, 233, 0.6); }
  input[type=checkbox].default:focus, input[type=checkbox].default:active:hover {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(102, 175, 233, 0.6); }
  input[type=checkbox].default:disabled {
    box-shadow: none !important; }

.poCheckBox {
  display: block; }
  .poCheckBox svg {
    fill: #ccc; }
  .poCheckBox.checked svg {
    fill: #223B74; }

input[type=text]:not(.searchbox-without-border),
input[type=password]:not(.searchbox-without-border),
input[type=number]:not(.searchbox-without-border) {
  height: 32px; }

input[type=text]:not(.searchbox-without-border),
input[type=password]:not(.searchbox-without-border),
input[type=number]:not(.searchbox-without-border),
textarea:not(.searchbox-without-border) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  border: 1px #ccc solid;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 4px 12px; }
  input[type=text]:not(.searchbox-without-border):not([readonly]):focus,
  input[type=password]:not(.searchbox-without-border):not([readonly]):focus,
  input[type=number]:not(.searchbox-without-border):not([readonly]):focus,
  textarea:not(.searchbox-without-border):not([readonly]):focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(102, 175, 233, 0.6); }

input[type=text].searchbox-without-border,
input[type=password].searchbox-without-border,
input[type=number].searchbox-without-border,
textarea.searchbox-without-border {
  border: none; }

input[type=submit], input[type=button] {
  border: none; }
  input[type=submit]:focus, input[type=button]:focus {
    box-shadow: #66afe9 0px 0px 5px 2px; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

.icon-button {
  border: 0;
  background-color: transparent; }

html {
  box-sizing: border-box; }
  html, html body {
    font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    min-width: 320px;
    min-height: 320px;
    overflow: hidden; }

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0; }

svg {
  max-height: 100%;
  max-width: 100%; }

.app-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 54px;
  overflow: hidden;
  z-index: 10000; }
  .app-header header {
    border-bottom: 1px solid #223B74; }
  .fullscreen > .app-header {
    display: none; }

.ie10 body:not(.fullscreen) .left-side-panel, .ie10 body:not(.fullscreen) .right-side-panel {
  top: 57px; }

body > .content {
  background-color: #ffffff;
  position: absolute;
  top: 54px;
  left: 54px;
  right: 0;
  bottom: 0;
  -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  transition: left 0.2s ease-in-out, right 0.2s ease-in-out; }
  .ie10 body > .content {
    top: 57px; }
  body > .content > div {
    height: 100%; }

body.small-screen .left-side-panel .panel-gray-border, body.small-screen .right-side-panel .panel-gray-border, body.frame-child .left-side-panel .panel-gray-border, body.frame-child .right-side-panel .panel-gray-border {
  display: table-cell;
  width: 25px;
  background: #000;
  opacity: 0.5; }

body.small-screen .right-side-panel, body.frame-child .right-side-panel {
  left: 0; }

body.show-left-side-menu .left-side-menu {
  position: absolute;
  left: 0;
  padding-top: 54px;
  height: 100%;
  bottom: 0;
  width: 54px;
  background-color: #17274c;
  z-index: 12;
  display: block; }
  body.show-left-side-menu .left-side-menu .expand-menu-item {
    background-color: #223B74;
    padding: 8px; }
    body.show-left-side-menu .left-side-menu .expand-menu-item .icon-link {
      padding: 8px;
      display: block; }
      body.show-left-side-menu .left-side-menu .expand-menu-item .icon-link:hover {
        background-color: #3897da;
        cursor: pointer; }
      body.show-left-side-menu .left-side-menu .expand-menu-item .icon-link svg {
        fill: #ffffff;
        height: 20px;
        width: 20px; }
  body.show-left-side-menu .left-side-menu .navigation-items {
    margin-top: 13px;
    padding: 0; }
    body.show-left-side-menu .left-side-menu .navigation-items .item {
      height: 36px;
      margin: 10px 9px;
      display: block; }
      body.show-left-side-menu .left-side-menu .navigation-items .item.selected {
        background-color: #3897da; }
      body.show-left-side-menu .left-side-menu .navigation-items .item.separator-item {
        height: 12px;
        width: 35px;
        padding: 6px 0 0 2px;
        margin-left: 0px; }
        body.show-left-side-menu .left-side-menu .navigation-items .item.separator-item .separator {
          width: 50px;
          border-right: 10px solid #17274c;
          border-left: 10px solid #17274c;
          border-top: 1px solid #ffffff; }
      body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link {
        padding: 8px;
        display: block;
        text-decoration: none;
        user-select: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link .icon {
          display: inline-block; }
        body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link:hover {
          background-color: #3897da;
          cursor: pointer; }
        body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link svg {
          fill: #ffffff;
          height: 20px;
          width: 20px; }
        body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link .item-name {
          color: #ffffff;
          padding-left: 5px;
          vertical-align: top;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 110px;
          float: right; }

body .left-side-panel, body .right-side-panel {
  z-index: 10;
  background-color: transparent;
  display: none;
  position: absolute;
  top: 54px;
  bottom: 0;
  height: calc(100vh - 54px);
  border-right: none;
  border-left: none;
  width: 250px;
  -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  transition: left 0.2s ease-in-out, right 0.2s ease-in-out; }
  body .left-side-panel .pane-header, body .right-side-panel .pane-header {
    margin: 0;
    height: 30px;
    border-bottom: 1px solid #888; }
    body .left-side-panel .pane-header .pane-icon, body .right-side-panel .pane-header .pane-icon {
      fill: #223B74; }
  body .left-side-panel .pane-content, body .right-side-panel .pane-content {
    background-color: #ffffff;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    overflow: auto;
    overflow-x: hidden;
    padding-top: 7px; }
  body .left-side-panel .side-panel-content, body .right-side-panel .side-panel-content {
    /* BE CAREFUL OF IE10 when touching this */
    display: table-cell;
    height: 100%;
    position: relative;
    background-color: #ffffff; }
    body .left-side-panel .side-panel-content .side-panel-ie10-container-fix, body .right-side-panel .side-panel-content .side-panel-ie10-container-fix {
      display: block;
      height: 100%;
      width: 100%; }
  body .left-side-panel .panel-gray-border, body .right-side-panel .panel-gray-border {
    display: none; }

body .right-side-panel .pane-header {
  height: 31px; }

body .right-side-panel {
  z-index: 9; }

body.left-side-panel-expanded.fullscreen > .left-side-panel {
  top: 0;
  height: 100%;
  margin-top: 0; }

body.left-side-panel-expanded .left-side-panel {
  left: 0;
  border-right: 1px solid #888;
  display: block;
  margin-left: 54px; }

body.right-side-panel-expanded.fullscreen > .right-side-panel {
  top: 0;
  height: 100%;
  margin-top: 0; }

body.right-side-panel-expanded > .right-side-panel {
  display: block;
  position: absolute;
  top: 54px;
  right: 0;
  bottom: 0; }
  body.right-side-panel-expanded > .right-side-panel > div {
    position: relative;
    height: 100%; }

body:not(.show-left-side-menu):not(.left-side-panel-expanded) .content, body:not(.show-left-side-menu):not(.content.ui-draggable), body.fullscreen:not(.left-side-panel-expanded) .content, body.fullscreen:not(.content.ui-draggable) {
  left: 0 !important; }

body:not(.show-left-side-menu) .content, body.fullscreen .content {
  left: 0; }

body:not(.show-left-side-menu) .left-side-menu, body.fullscreen .left-side-menu {
  display: none; }

body:not(.show-left-side-menu).left-side-panel-expanded .left-side-panel, body.fullscreen.left-side-panel-expanded .left-side-panel {
  margin-left: 0 !important; }

.fullscreen > .content, .content.login {
  top: 0;
  overflow: auto; }

.loading-spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #223B74;
  animation: loading-spinner 1s ease-out infinite;
  -webkit-animation-name: spinnerRotate;
  -moz-animation-name: spinnerRotate;
  -ms-animation-name: spinnerRotate;
  animation-name: spinnerRotate; }

.ie .loading-spinner:before {
  margin-left: 0px; }

.loading-spinner {
  text-align: center;
  z-index: 9999;
  margin: auto;
  width: 50px;
  height: 50px; }

.progres-spinner {
  z-index: 9999;
  width: 47px;
  height: 47px;
  display: inline-block;
  float: left;
  margin: -5px 8px 0 -60px; }

.progres-spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #223B74;
  animation: loading-spinner 1s ease-out infinite;
  -webkit-animation-name: spinnerRotate;
  -moz-animation-name: spinnerRotate;
  -ms-animation-name: spinnerRotate;
  animation-name: spinnerRotate; }

img {
  border: 0; }

.form-group {
  padding: 5px 0; }
  .form-group label {
    display: block;
    font-weight: bold; }
  .form-group form-textbox {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14); }

::-ms-clear {
  display: none; }

input {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans !important; }

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

input::-webkit-input-placeholder {
  height: 100%;
  line-height: 16px; }

.fullscreen > .content {
  top: 0 !important; }
  .ie10 .fullscreen > .content {
    top: 0; }

.ellipsis, .workflow-decisions .workflow-decision-steps .workflow-step .name, .workflow-action .decision-maker .user, .workflow-action .decision-maker .users.expand div, .workflow-action .answer label, .workflow-action .answer .outcome-answer > li .title, .workflow-action .answer .outcome-answer > li .moment-picker .input-date > input, .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-toggler .itemTemplate .dropdown-selector-item-title, .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-container, .workflow-action .upload-files .file-Container {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*Do not remove!*/
.gsfBackground {
  border-color: #f68faa;
  font-size: 14;
  margin-bottom: 17; }

@media screen and (max-height: 400px) {
  body.hidden-header > .content {
    top: 0; } }

.frame-child body.hidden-header > .content {
  top: 0; }

@keyframes spinnerRotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@-webkit-keyframes spinnerRotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes spinnerRotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-ms-keyframes spinnerRotate {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(359deg); } }

@font-face {
  font-family: 'mplus-2p-light';
  src: url("../Content/Fonts/mplus-2p-light.svg#mplus-2c-thin") format("svg"), url("../Content/Fonts/mplus-2p-light.eot?#iefix") format("embedded-opentype"), url("../Content/Fonts/mplus-2p-light.woff") format("woff"), url("../Content/Fonts/mplus-2p-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.auth-page {
  height: 100%; }
  .auth-page .auth-header {
    height: 256px;
    margin-bottom: 20px;
    background-color: #223B74;
    position: relative;
    text-align: center; }
    .auth-page .auth-header .auth-banner {
      position: absolute;
      bottom: 30px;
      left: 50%;
      fill: #fff;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .auth-page .auth-header .auth-banner.refresh-session {
        width: 300px;
        display: block; }
      .auth-page .auth-header .auth-banner svg {
        fill: #ffffff; }
    .auth-page .auth-header .desktop-logo {
      width: 300px;
      height: 100px; }
    .auth-page .auth-header .mobile-logo {
      width: 104px;
      height: 104px;
      overflow: hidden;
      display: none; }
    .frame-child .auth-page .auth-header {
      height: 156px; }
    @media all and (max-width: 768px), all and (max-height: 600px) {
      .auth-page .auth-header {
        height: 156px; }
        .auth-page .auth-header .desktop-logo {
          display: none; }
        .auth-page .auth-header .mobile-logo {
          display: block; } }
  .auth-page .refresh-message {
    text-align: center;
    font-size: 25px;
    padding-top: 80px;
    padding-bottom: 40px; }
  .auth-page .refresh-session-form {
    text-align: center; }
    .auth-page .refresh-session-form .refresh-session-button {
      margin-bottom: 15px;
      border: 0px;
      background-color: white;
      text-decoration: underline;
      text-decoration-color: #223B74;
      font-size: 20px;
      color: blue;
      cursor: pointer; }
  .auth-page .auth-errors {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    color: #c62828;
    font-weight: 400;
    /*background-image: url(../Images/warning.svg);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: $warningSize $warningSize;*/
    padding-left: 29px;
    text-align: center; }
    .auth-page .auth-errors svg {
      height: 14px;
      width: 14px; }
  .auth-page .confirm-pass-icon {
    width: 350px;
    margin: auto;
    padding-bottom: 40px; }
    .auth-page .confirm-pass-icon .icon {
      display: block;
      margin: auto;
      width: 50px;
      padding-bottom: 20px; }
      .auth-page .confirm-pass-icon .icon svg {
        fill: #223B74; }
    .auth-page .confirm-pass-icon .text {
      color: #223B74;
      display: block;
      text-align: center; }
  .auth-page .auth-form {
    width: 300px;
    margin: auto; }
    .auth-page .auth-form.change-password {
      width: 450px; }
      @media all and (max-width: 768px) {
        .auth-page .auth-form.change-password {
          width: 350px; } }
      .auth-page .auth-form.change-password .requirements {
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 50px;
        padding-left: 5px;
        padding-right: 5px;
        width: 250px;
        float: right;
        font-size: 12px;
        color: #223B74;
        background-color: #ccc;
        border-radius: 2px; }
        @media all and (max-width: 768px) {
          .auth-page .auth-form.change-password .requirements {
            width: 200px; } }
    .auth-page .auth-form fieldset {
      border: none;
      padding: 0;
      margin: 0; }
    .auth-page .auth-form .form-group {
      width: 100%; }
      .auth-page .auth-form .form-group .form-label.empty::after {
        content: " ";
        visibility: hidden; }
      .auth-page .auth-form .form-group .form-label {
        float: left;
        width: 130px;
        padding: 4px;
        color: #223B74; }
        .auth-page .auth-form .form-group .form-label.change-password {
          text-align: right;
          padding-right: 10px;
          width: 200px; }
          @media all and (max-width: 768px) {
            .auth-page .auth-form .form-group .form-label.change-password {
              width: 150px; } }
      .auth-page .auth-form .form-group .loading-animation, .auth-page .auth-form .form-group input[type=submit]:disabled, .auth-page .auth-form .form-group button:disabled {
        background-image: url(../Content/Images/loading-blue.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #f2f2f2 !important;
        cursor: default;
        color: rgba(255, 255, 255, 0); }
      .auth-page .auth-form .form-group .form-element {
        float: left;
        width: calc(100% - 130px); }
        .auth-page .auth-form .form-group .form-element.change-password {
          width: calc(100% - 200px); }
          @media all and (max-width: 768px) {
            .auth-page .auth-form .form-group .form-element.change-password {
              width: calc(100% - 150px); } }
          .auth-page .auth-form .form-group .form-element.change-password .submit-button {
            width: 180px;
            margin-left: 200px; }
            @media all and (max-width: 768px) {
              .auth-page .auth-form .form-group .form-element.change-password .submit-button {
                margin-left: 150px; } }
      .auth-page .auth-form .form-group input[type=submit], .auth-page .auth-form .form-group button {
        padding: 8px 10px 8px 10px;
        background-color: #223B74;
        cursor: pointer;
        color: white;
        padding: 8px 10px 8px 10px;
        width: 70px; }
        .auth-page .auth-form .form-group input[type=submit]:hover, .auth-page .auth-form .form-group button:hover {
          background-color: #192b54; }
        .auth-page .auth-form .form-group input[type=submit].disabled, .auth-page .auth-form .form-group input[type=submit].disabled:hover, .auth-page .auth-form .form-group input[type=submit]:disabled, .auth-page .auth-form .form-group input[type=submit]:disabled:hover, .auth-page .auth-form .form-group button.disabled, .auth-page .auth-form .form-group button.disabled:hover, .auth-page .auth-form .form-group button:disabled, .auth-page .auth-form .form-group button:disabled:hover {
          opacity: 0.5;
          background-color: #223B74;
          cursor: default; }
        .auth-page .auth-form .form-group input[type=submit].form-element, .auth-page .auth-form .form-group button.form-element {
          margin-top: 2px; }
    .auth-page .auth-form .form-group:after {
      content: "";
      display: table;
      clear: both; }
    .auth-page .auth-form .single-sign-on-option {
      border-top: 1px solid gray;
      margin-top: 15px;
      padding-top: 15px;
      text-align: center; }
  .auth-page .profile-picker {
    width: 300px;
    margin: auto;
    margin-bottom: 20px; }
  .auth-page .profile-picker-instruction {
    width: 100%;
    text-align: center;
    padding: 20px 4px 20px 4px;
    color: #223B74; }
    .auth-page .profile-picker-instruction div {
      margin: 10px 0 10px 0; }
  .auth-page .profile-list {
    height: 38px; }
    .auth-page .profile-list .dropdown-selector-container,
    .auth-page .profile-list .dropdown-selector-trigger,
    .auth-page .profile-list .dropdown-toggler {
      margin: 0;
      width: 296px !important; }
    .auth-page .profile-list .dropdown-toggler .name {
      max-width: 250px; }
    .auth-page .profile-list .dropdown-selector-container .itemTemplate {
      text-align: left;
      padding-left: 5px; }
    .auth-page .profile-list .dropdown-selector-container .dropdown-picker-item .name {
      text-align: left;
      padding-left: 5px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .auth-page .profile-picker-buttons {
    text-align: right; }
  .auth-page .profile-continue,
  .auth-page .profile-cancel {
    padding: 8px 10px 8px 10px;
    background-color: #223B74;
    cursor: pointer;
    color: white;
    padding: 8px 10px 8px 10px;
    width: 100px;
    border: none;
    margin: 0;
    margin-left: 10px; }
    .auth-page .profile-continue:hover,
    .auth-page .profile-cancel:hover {
      background-color: #192b54; }
    .auth-page .profile-continue.disabled, .auth-page .profile-continue.disabled:hover, .auth-page .profile-continue:disabled, .auth-page .profile-continue:disabled:hover,
    .auth-page .profile-cancel.disabled,
    .auth-page .profile-cancel.disabled:hover,
    .auth-page .profile-cancel:disabled,
    .auth-page .profile-cancel:disabled:hover {
      opacity: 0.5;
      background-color: #223B74;
      cursor: default; }

.login-box {
  max-width: 350px;
  margin: auto;
  margin-top: 5%;
  box-shadow: 0 0 3px 0 #888888;
  border-collapse: separate;
  background-color: #f2f2f2; }
  .login-box #login-info {
    padding-top: 10px;
    min-height: 60px;
    text-align: center;
    vertical-align: central; }
  .login-box input[type=submit], .login-box button {
    background-color: #3897DA;
    border: 0;
    color: #fff;
    padding: 7px 10px 7px 10px; }
  .login-box button:disabled {
    background-color: #888; }
  .login-box #authentication-form {
    padding: 20px;
    text-align: left; }
    .login-box #authentication-form button {
      margin-top: 5px; }
    .login-box #authentication-form .form-group {
      width: 100%;
      clear: both; }
    .login-box #authentication-form .remember-me-checkbox {
      margin: 20px 0 20px 0;
      font-size: 12px !important; }

.login-box .logo-banner {
  text-align: center;
  width: 100%;
  padding: 10px;
  height: 100px; }
  .login-box .logo-banner .desktop-logo {
    width: 60%;
    height: 100px; }
    .login-box .logo-banner .desktop-logo svg {
      fill: #ffffff; }
    .login-box .logo-banner .desktop-logo.logout-default-logo svg {
      fill: #223B74; }
  .login-box .logo-banner .mobile-logo {
    width: 104px;
    height: 104px;
    overflow: hidden;
    display: none; }
    .login-box .logo-banner .mobile-logo svg {
      fill: #ffffff; }
    .login-box .logo-banner .mobile-logo.logout-default-logo svg {
      fill: #223B74; }
  @media all and (max-width: 768px), all and (max-height: 600px) {
    .login-box .logo-banner .desktop-logo {
      display: none; }
    .login-box .logo-banner .mobile-logo {
      display: inline-block; } }

#welcome-known-user {
  width: 100%;
  padding: 10px;
  text-align: center; }
  #welcome-known-user span {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

/*#profile-list {
    padding: 10px;
    text-align: center;
}*/
/*#profile-list select {
    width: 80%;
}*/
#pick-profile-buttons {
  text-align: right;
  padding: 10px; }

.login-label {
  font-weight: normal !important;
  font-size: 12px !important;
  text-align: left;
  display: inline;
  margin: 5px 0 5px 0; }

.login-input {
  display: inline;
  float: right;
  padding: 5px 0 5px 0; }

.logout-buttons {
  margin: 10px; }
  .logout-buttons button {
    margin: 5px 5px 10px 5px;
    cursor: pointer;
    background-color: #223B74;
    color: #fff; }
    .logout-buttons button:hover {
      background-color: #192b54; }
    .logout-buttons button.disabled, .logout-buttons button.disabled:focus, .logout-buttons button:disabled, .logout-buttons button:disabled:focus {
      opacity: 0.5;
      box-shadow: none;
      cursor: default; }

@media (max-width: 758px), (max-height: 600px) {
  body.left-side-panel-expanded .left-side-panel #mobileButton {
    right: 0px;
    z-index: 1; }
  #mobileButton {
    display: block !important; } }

#mobileButton {
  display: none;
  width: 30px;
  background-color: #17274c;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
  position: absolute;
  top: 5px;
  z-index: 3; }

.left-admin-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

#leftAdminMenu {
  /*width: 100%;*/
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  list-style-type: none;
  padding-left: 0;
  position: relative; }
  .ie10 #leftAdminMenu {
    height: inherit; }
  #leftAdminMenu .active {
    border-left: 8px solid #3897da;
    background-color: #9FC9F4; }
  #leftAdminMenu li {
    /*width: 100%;*/
    border-bottom: 1px solid #ffffff;
    text-align: left;
    cursor: pointer; }
    #leftAdminMenu li a {
      text-decoration: none;
      padding: 10px;
      display: block;
      border-left: 8px solid #17274c;
      color: #000000; }
      #leftAdminMenu li a:hover {
        background-color: #C3E0F4; }
  #leftAdminMenu li.menu-item > .submenu-item {
    text-indent: 10px; }
  #leftAdminMenu li.menu-item a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #leftAdminMenu #mobileButton {
    width: 30px;
    background-color: #17274c;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    position: absolute;
    top: 5px; }

#versioninfo {
  margin: 0;
  font-family: arial;
  padding-top: 30px;
  overflow-y: auto;
  height: 100%; }
  #versioninfo .notice {
    width: 100%;
    height: 100%;
    background-color: #ffffff; }
  #versioninfo .details {
    padding: 10px; }
  #versioninfo p {
    padding-bottom: 10px; }

.testme {
  height: 100%;
  /*background-color: blue;*/ }

.accessDenied {
  text-align: center;
  font-weight: bold;
  position: relative;
  top: 50%; }

.admin-profiles {
  margin: 5px 0px 10px 10px;
  height: 99%;
  overflow-y: auto;
  padding-right: 2px; }
  .narrow-width .admin-profiles.has-notification h2 {
    margin-top: 0px; }
  .admin-profiles h2 {
    color: #223B74;
    font-weight: 400;
    margin-bottom: 20px; }
    .narrow-width .admin-profiles h2 {
      margin-top: 45px; }
  .admin-profiles .alert.notification {
    border-radius: 3px;
    margin-bottom: 16px;
    width: calc(100% - 26px); }
  .admin-profiles .settings {
    display: table;
    width: 100%; }
    .admin-profiles .settings .profile-defaults {
      color: #3897DA;
      margin-bottom: 10px;
      font-size: 20px; }
    .admin-profiles .settings .setting {
      margin-bottom: 20px;
      word-break: break-word;
      -ms-word-break: break-all;
      word-break: break-all; }
      .admin-profiles .settings .setting input {
        width: 300px; }
      .admin-profiles .settings .setting .language-checkbox-list {
        width: 230px;
        padding: 5px; }
        .admin-profiles .settings .setting .language-checkbox-list > div {
          margin-bottom: 20px; }
      .admin-profiles .settings .setting .collection-setting-title {
        margin-bottom: 10px;
        margin-top: 25px; }
        .edge .admin-profiles .settings .setting .collection-setting-title, .ie .admin-profiles .settings .setting .collection-setting-title {
          margin-top: 0px; }
      .admin-profiles .settings .setting .collection-setting-description {
        font-style: italic;
        margin: 10px 0 0 0; }
      .admin-profiles .settings .setting.info {
        margin-bottom: 20px;
        font-style: italic; }
      .admin-profiles .settings .setting .icon {
        display: table-cell;
        width: 36px; }
        .admin-profiles .settings .setting .icon svg {
          height: 32px;
          width: 32px;
          padding: 1px; }
        .admin-profiles .settings .setting .icon.hide-background-color svg {
          background-color: #fff; }
      .admin-profiles .settings .setting .value {
        display: table-cell;
        vertical-align: middle; }
      .admin-profiles .settings .setting .checkbox-simple .title {
        margin-left: 34px; }
      .admin-profiles .settings .setting .checkbox-simple .checkbox {
        padding-right: 20px; }
      .admin-profiles .settings .setting .favouriteGroups {
        width: 100%;
        height: 100%; }
        .admin-profiles .settings .setting .favouriteGroups .group {
          width: 280px;
          float: left;
          padding-bottom: 15px; }
          .admin-profiles .settings .setting .favouriteGroups .group .dropdown-selector-container {
            height: 502px;
            max-height: 502px;
            border: 1px solid #ccc;
            z-index: 1; }
            .admin-profiles .settings .setting .favouriteGroups .group .dropdown-selector-container:not(.open) {
              border: none;
              height: 0px !important; }
              .admin-profiles .settings .setting .favouriteGroups .group .dropdown-selector-container:not(.open) .dropdown-selector-trigger {
                border: 1px solid #ccc; }
              .admin-profiles .settings .setting .favouriteGroups .group .dropdown-selector-container:not(.open) .dropdown-selector-menu {
                border-top: none; }
            .ie10 .admin-profiles .settings .setting .favouriteGroups .group .dropdown-selector-container {
              height: 504px;
              max-height: 504px; }
            .admin-profiles .settings .setting .favouriteGroups .group .dropdown-selector-container .dropdown-selector-trigger {
              height: 33px;
              /*border: 1px solid #8c8282;*/
              border: none; }
            .admin-profiles .settings .setting .favouriteGroups .group .dropdown-selector-container .dropdown-selector-menu {
              border-top: 1px solid #ccc; }
            .admin-profiles .settings .setting .favouriteGroups .group .dropdown-selector-container .open .dropdown-selector-item {
              border-bottom: none;
              border-left: none;
              height: 30px; }
  .admin-profiles .apps-section {
    padding-bottom: 10px; }
    .admin-profiles .apps-section .container {
      display: inline-flex;
      width: 750px; }
    .admin-profiles .apps-section .integrated-apps-title {
      color: #3897DA;
      font-size: 20px;
      margin-bottom: 10px; }
    .admin-profiles .apps-section .collection-setting-title {
      margin-bottom: 10px; }
    .admin-profiles .apps-section .collection-setting-description {
      font-style: italic;
      margin: 10px 0 10px 0; }
    .admin-profiles .apps-section .icon-details {
      display: inline-block;
      margin-right: 25px; }
      .admin-profiles .apps-section .icon-details .icon-container {
        position: relative;
        width: 40px;
        height: 40px;
        background-color: #f2f2f2;
        border: 1px solid #ccc; }
        .admin-profiles .apps-section .icon-details .icon-container img {
          width: 40px;
          height: 40px; }
        .admin-profiles .apps-section .icon-details .icon-container .defaultIcon svg {
          fill: #fff !important; }
        .admin-profiles .apps-section .icon-details .icon-container .upload-image {
          top: 0;
          left: 22.5px;
          position: absolute;
          opacity: 0.5;
          background-color: #fff;
          height: 0;
          width: 0; }
          .admin-profiles .apps-section .icon-details .icon-container .upload-image img {
            height: 0px;
            width: 0px; }
        .admin-profiles .apps-section .icon-details .icon-container:hover .upload-image {
          height: 17.5px;
          width: 17.5px; }
          .admin-profiles .apps-section .icon-details .icon-container:hover .upload-image img {
            height: 17.5px;
            width: 17.5px; }
    .admin-profiles .apps-section .app-title {
      display: inline-block;
      margin-right: 20px; }
    .admin-profiles .apps-section .app-url {
      display: inline-block;
      width: 400px; }
      .admin-profiles .apps-section .app-url .admin-button {
        margin: 10px 5px 10px 0;
        padding: 7px 10px 7px 10px;
        cursor: pointer;
        background-color: #223B74;
        border: 0;
        color: #fff;
        width: 70px; }
        .admin-profiles .apps-section .app-url .admin-button.label-as-button {
          padding-top: 5px !important; }
        .admin-profiles .apps-section .app-url .admin-button:hover {
          background-color: #192b54; }
        .admin-profiles .apps-section .app-url .admin-button.disabled, .admin-profiles .apps-section .app-url .admin-button.disabled:hover, .admin-profiles .apps-section .app-url .admin-button:disabled, .admin-profiles .apps-section .app-url .admin-button:disabled:hover {
          opacity: 0.5;
          background-color: #223B74;
          cursor: default; }
    .admin-profiles .apps-section .admin-button {
      width: 70px; }
    .admin-profiles .apps-section .remove-button {
      width: 20px;
      height: 20px;
      opacity: 0.5; }
      .edge .admin-profiles .apps-section .remove-button, .ie .admin-profiles .apps-section .remove-button {
        vertical-align: text-top; }
    .admin-profiles .apps-section .app-title .app-url.input {
      height: 40px; }
  .admin-profiles .add-button {
    width: 20px;
    height: 20px;
    margin-left: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
    opacity: 0.5; }

.admin-customisation {
  margin: 5px 0px 10px 10px;
  height: 99%;
  overflow-y: auto;
  padding-right: 2px; }
  .admin-customisation .customisations {
    display: table;
    width: 100%;
    margin-top: 40px; }
    .admin-customisation .customisations .profile-customisations {
      color: #3897DA;
      margin-bottom: 10px;
      font-size: 20px; }
    .admin-customisation .customisations .custom-background-image .image-wrapper {
      height: 284px;
      width: 512px;
      text-align: center;
      font: 0/0 a;
      background-color: #f2f2f2;
      border: 1px solid #ccc;
      overflow-y: hidden; }
    .admin-customisation .customisations .custom-background-image .image-wrapper:before {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .admin-customisation .customisations .custom-background-image .custom-image-preview-title {
      margin: 25px 0 10px 0;
      font-style: italic;
      color: #223B74; }
    .admin-customisation .customisations .custom-background-image .custom-image-preview {
      display: inline-block;
      vertical-align: middle;
      font: 16px/1 Arial sans-serif;
      overflow: hidden; }
      .admin-customisation .customisations .custom-background-image .custom-image-preview img {
        max-height: 300px;
        max-width: 510px; }
      .admin-customisation .customisations .custom-background-image .custom-image-preview svg {
        min-width: 510px;
        min-height: 300px;
        max-width: 510px;
        max-height: 300px;
        overflow: hidden; }
    .admin-customisation .customisations .custom-background-image .hidden-file-upload {
      display: none; }
    .admin-customisation .customisations .custom-background-image .admin-button {
      margin: 10px 5px 10px 0;
      padding: 7px 10px 7px 10px;
      cursor: pointer;
      background-color: #223B74;
      border: 0;
      color: #fff; }
      .admin-customisation .customisations .custom-background-image .admin-button.label-as-button {
        padding-top: 5px !important; }
      .admin-customisation .customisations .custom-background-image .admin-button:hover {
        background-color: #192b54; }
      .admin-customisation .customisations .custom-background-image .admin-button.disabled, .admin-customisation .customisations .custom-background-image .admin-button.disabled:hover, .admin-customisation .customisations .custom-background-image .admin-button:disabled, .admin-customisation .customisations .custom-background-image .admin-button:disabled:hover {
        opacity: 0.5;
        background-color: #223B74;
        cursor: default; }
    .admin-customisation .customisations .custom-mobile-image .image-wrapper {
      height: 110px;
      width: 110px;
      text-align: center;
      font: 0/0 a;
      background-color: #f2f2f2;
      border: 1px solid #ccc; }
    .admin-customisation .customisations .custom-mobile-image .image-wrapper:before {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .admin-customisation .customisations .custom-mobile-image .custom-image-preview-title {
      margin: 25px 0 10px 0;
      font-style: italic;
      color: #223B74; }
    .admin-customisation .customisations .custom-mobile-image .custom-image-preview {
      display: inline-block;
      vertical-align: middle;
      font: 16px/1 Arial sans-serif;
      overflow: hidden; }
      .admin-customisation .customisations .custom-mobile-image .custom-image-preview img {
        max-width: 108px;
        max-height: 108px; }
      .admin-customisation .customisations .custom-mobile-image .custom-image-preview svg {
        min-width: 108px;
        min-height: 108px;
        max-width: 108px;
        max-height: 108px;
        fill: #fff !important;
        overflow: hidden; }
    .admin-customisation .customisations .custom-mobile-image .hidden-file-upload {
      display: none; }
    .admin-customisation .customisations .custom-mobile-image .admin-button {
      margin: 10px 5px 10px 0;
      padding: 7px 10px 7px 10px;
      cursor: pointer;
      background-color: #223B74;
      border: 0;
      color: #fff; }
      .admin-customisation .customisations .custom-mobile-image .admin-button.label-as-button {
        padding-top: 5px !important; }
      .admin-customisation .customisations .custom-mobile-image .admin-button:hover {
        background-color: #192b54; }
      .admin-customisation .customisations .custom-mobile-image .admin-button.disabled, .admin-customisation .customisations .custom-mobile-image .admin-button.disabled:hover, .admin-customisation .customisations .custom-mobile-image .admin-button:disabled, .admin-customisation .customisations .custom-mobile-image .admin-button:disabled:hover {
        opacity: 0.5;
        background-color: #223B74;
        cursor: default; }
    .admin-customisation .customisations .custom-desktop-image .image-wrapper {
      height: 110px;
      text-align: center;
      font: 0/0 a;
      background-color: #f2f2f2;
      border: 1px solid #ccc; }
    .admin-customisation .customisations .custom-desktop-image .image-wrapper:before {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .admin-customisation .customisations .custom-desktop-image .custom-image-preview-title {
      margin: 25px 0 10px 0;
      font-style: italic;
      color: #223B74; }
    .admin-customisation .customisations .custom-desktop-image .custom-image-preview {
      display: inline-block;
      vertical-align: middle;
      font: 16px/1 Arial sans-serif;
      overflow: hidden; }
      .admin-customisation .customisations .custom-desktop-image .custom-image-preview img {
        max-width: 310px;
        max-height: 108px; }
      .admin-customisation .customisations .custom-desktop-image .custom-image-preview svg {
        min-width: 310px;
        min-height: 108px;
        max-width: 310px;
        max-height: 108px;
        fill: #fff !important;
        overflow: hidden; }
    .admin-customisation .customisations .custom-desktop-image .hidden-file-upload {
      display: none; }
    .admin-customisation .customisations .custom-desktop-image .admin-button {
      margin: 10px 5px 10px 0;
      padding: 7px 10px 7px 10px;
      cursor: pointer;
      background-color: #223B74;
      border: 0;
      color: #fff; }
      .admin-customisation .customisations .custom-desktop-image .admin-button.label-as-button {
        padding-top: 5px !important; }
      .admin-customisation .customisations .custom-desktop-image .admin-button:hover {
        background-color: #192b54; }
      .admin-customisation .customisations .custom-desktop-image .admin-button.disabled, .admin-customisation .customisations .custom-desktop-image .admin-button.disabled:hover, .admin-customisation .customisations .custom-desktop-image .admin-button:disabled, .admin-customisation .customisations .custom-desktop-image .admin-button:disabled:hover {
        opacity: 0.5;
        background-color: #223B74;
        cursor: default; }
    .admin-customisation .customisations input {
      width: 300px; }
    .admin-customisation .customisations .customization-item-title {
      margin-bottom: 10px;
      margin-top: 25px; }
      .edge .admin-customisation .customisations .customization-item-title, .ie .admin-customisation .customisations .customization-item-title {
        margin-top: 0px; }
    .admin-customisation .customisations .customization-item-description {
      font-style: italic;
      margin: 10px 0 0 0; }
    .admin-customisation .customisations .field-with-char-count ~ .customization-item-description {
      font-style: italic;
      padding: 10px 0 0 0;
      margin: 0;
      clear: left; }
    .admin-customisation .customisations .field-with-char-count .char-count {
      font-style: italic;
      color: #888;
      line-height: 30px;
      right: 33px;
      position: relative;
      font-size: 10px;
      top: 5px; }
    .admin-customisation .customisations .field-with-char-count input {
      float: left;
      padding-right: 35px; }
    .admin-customisation .customisations .customisation {
      margin-bottom: 20px;
      word-break: break-word;
      -ms-word-break: break-all;
      word-break: break-all; }
      .admin-customisation .customisations .customisation input {
        width: 300px; }
      .admin-customisation .customisations .customisation .collection-setting-title {
        margin-bottom: 10px;
        margin-top: 25px; }
        .edge .admin-customisation .customisations .customisation .collection-setting-title, .ie .admin-customisation .customisations .customisation .collection-setting-title {
          margin-top: 0px; }
      .admin-customisation .customisations .customisation .collection-setting-description {
        font-style: italic;
        margin: 10px 0 0 0; }
      .admin-customisation .customisations .customisation.info {
        margin-bottom: 20px;
        font-style: italic; }
      .admin-customisation .customisations .customisation .icon {
        display: table-cell;
        width: 36px; }
        .admin-customisation .customisations .customisation .icon svg {
          height: 32px;
          width: 32px; }
      .admin-customisation .customisations .customisation .value {
        display: table-cell;
        vertical-align: middle; }
  .admin-customisation .theme {
    cursor: pointer;
    width: 20%;
    float: left;
    min-width: 175px; }
    .admin-customisation .theme.theme-custom .theme-container:hover {
      box-shadow: none; }
    .admin-customisation .theme.theme-custom .theme-container .background-hover {
      position: absolute;
      height: 100%;
      left: 54px;
      right: 0; }
      .admin-customisation .theme.theme-custom .theme-container .background-hover.is-hover {
        box-shadow: #66afe9 0px 0px 5px 2px; }
    .admin-customisation .theme.theme-custom .theme-container .colorpicker-container {
      position: relative; }
      .admin-customisation .theme.theme-custom .theme-container .colorpicker-container.is-hover-header {
        box-shadow: #66afe9 0px 0px 5px 2px;
        z-index: 2; }
      .admin-customisation .theme.theme-custom .theme-container .colorpicker-container.is-hover {
        box-shadow: #66afe9 0px 0px 5px 2px; }
      .admin-customisation .theme.theme-custom .theme-container .colorpicker-container input[colorpicker] {
        position: absolute;
        margin: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 3;
        opacity: 0;
        cursor: pointer; }
    .admin-customisation .theme .theme-container {
      border: 1px solid #ccc; }
      .admin-customisation .theme .theme-container:hover {
        box-shadow: #66afe9 0px 0px 5px 2px; }
      .admin-customisation .theme .theme-container svg {
        fill: inherit; }
      .admin-customisation .theme .theme-container header {
        border-bottom-style: solid;
        border-bottom-width: 1px; }
      .admin-customisation .theme .theme-container .theme-content {
        z-index: 0; }
    .admin-customisation .theme:not(:first-of-type) {
      margin-left: 10px; }
    .admin-customisation .theme .navigation-items {
      height: 100%; }
    .admin-customisation .theme .topbar .vertical-seperator {
      width: 1px;
      padding-left: 10px;
      border-right: 1px solid;
      border-bottom: 6px solid;
      border-top: 6px solid; }
    .admin-customisation .theme .topbar .topbar-logo svg {
      fill: inherit; }
    .admin-customisation .theme .customization-left-side-menu {
      left: 0;
      bottom: 0;
      width: 54px;
      z-index: 12;
      display: block;
      margin-top: -10px; }
      .admin-customisation .theme .customization-left-side-menu .navigation-items {
        padding: 0; }
      .admin-customisation .theme .customization-left-side-menu.item.separator-item {
        height: 12px;
        width: 35px;
        padding: 6px 0 0 2px;
        margin-left: 0px; }
      .admin-customisation .theme .customization-left-side-menu .item .icon-link {
        padding: 8px;
        display: block; }
      .admin-customisation .theme .customization-left-side-menu .item .icon-link:hover {
        cursor: pointer; }
      .admin-customisation .theme .customization-left-side-menu .item .icon-link svg {
        height: 20px; }
      .admin-customisation .theme .customization-left-side-menu .item {
        width: 36px;
        height: 36px;
        margin: 10px 9px;
        display: block; }
    .admin-customisation .theme .theme-check-box {
      float: left; }
      .admin-customisation .theme .theme-check-box .checkbox-simple-visual {
        border: 0;
        background-color: rgba(0, 0, 0, 0); }
        .admin-customisation .theme .theme-check-box .checkbox-simple-visual svg {
          stroke: #008000;
          height: 20px;
          width: 20px; }
    .admin-customisation .theme .action-buttons-container .hint-text {
      display: block; }
    .admin-customisation .theme .admin-button {
      margin-top: 10px; }

.admin-search {
  margin: 5px 0px 10px 10px;
  height: 99%;
  overflow-y: auto;
  padding-right: 2px; }
  .admin-search .admin-search-content {
    display: table;
    width: 100%;
    margin-top: 40px; }
    .admin-search .admin-search-content .admin-search-row {
      margin-bottom: 20px;
      word-break: break-word;
      -ms-word-break: break-all;
      word-break: break-all; }
      .admin-search .admin-search-content .admin-search-row.info {
        margin-bottom: 20px;
        font-style: italic;
        fill: #fff; }
      .admin-search .admin-search-content .admin-search-row .icon {
        fill: #fff;
        display: table-cell;
        width: 36px; }
        .admin-search .admin-search-content .admin-search-row .icon svg {
          height: 32px;
          width: 32px; }
      .admin-search .admin-search-content .admin-search-row .value {
        display: table-cell;
        vertical-align: middle; }
    .admin-search .admin-search-content .admin-search-section-title {
      color: #3897DA;
      margin-bottom: 10px;
      font-size: 20px; }
    .admin-search .admin-search-content .admin-search-section-description {
      font-style: italic; }
    .admin-search .admin-search-content .admin-search-section-multiselect {
      width: 100%;
      height: 100%; }
      .admin-search .admin-search-content .admin-search-section-multiselect .group {
        width: 280px;
        float: left;
        padding-bottom: 15px; }
        .admin-search .admin-search-content .admin-search-section-multiselect .group .dropdown-selector-container {
          height: 502px;
          max-height: 502px;
          border: 1px solid #ccc;
          z-index: 1; }
          .admin-search .admin-search-content .admin-search-section-multiselect .group .dropdown-selector-container:not(.open) {
            border: none;
            height: 0px !important; }
            .admin-search .admin-search-content .admin-search-section-multiselect .group .dropdown-selector-container:not(.open) .dropdown-selector-trigger {
              border: 1px solid #ccc; }
            .admin-search .admin-search-content .admin-search-section-multiselect .group .dropdown-selector-container:not(.open) .dropdown-selector-menu {
              border-top: none; }
          .admin-search .admin-search-content .admin-search-section-multiselect .group .dropdown-selector-container .dropdown-selector-trigger {
            height: 33px;
            /*border: 1px solid #8c8282;*/
            border: none; }
          .admin-search .admin-search-content .admin-search-section-multiselect .group .dropdown-selector-container .dropdown-selector-menu {
            border-top: 1px solid #ccc; }
          .admin-search .admin-search-content .admin-search-section-multiselect .group .dropdown-selector-container .open .dropdown-selector-item {
            border-bottom: none;
            border-left: none;
            height: 30px; }

.admin-button {
  border: none;
  font-size: 13px;
  color: #fff;
  margin: 5px 5px 10px 0px;
  cursor: pointer;
  background-color: #223B74;
  padding: 7px 10px 7px 10px; }
  .admin-button.purge {
    margin-right: 50px;
    background-color: #FF0000;
    width: 77.83px; }
  .admin-button:not(:disabled):hover, .admin-button:not(.disabled):hover {
    background-color: #192b54; }
    .admin-button:not(:disabled):hover.purge, .admin-button:not(.disabled):hover.purge {
      background-color: #d60000; }
  .admin-button.disabled, .admin-button.disabled:focus, .admin-button:disabled, .admin-button:disabled:focus {
    opacity: 0.5;
    cursor: default; }
  .admin-button .admin-button-link {
    text-decoration: none;
    color: #fff; }

label.admin-button {
  padding: 5px 10px 7px 10px; }

.admin-integration {
  margin: 5px 10px 10px 10px;
  height: 99%;
  overflow-y: auto;
  padding-right: 2px; }
  .admin-integration .integration-container {
    display: table;
    width: 100%;
    margin-top: 40px; }
    .admin-integration .integration-container .integration {
      color: #3897DA;
      margin-bottom: 10px;
      font-size: 20px; }
    .admin-integration .integration-container .integration-item-title,
    .admin-integration .integration-container .integration-item {
      margin-bottom: 10px;
      overflow: hidden;
      word-wrap: break-word;
      overflow-wrap: break-word;
      word-break: break-all; }
      .admin-integration .integration-container .integration-item-title p,
      .admin-integration .integration-container .integration-item p {
        width: 50%;
        min-height: 30px;
        height: auto;
        border: 1px solid #ccc;
        color: #223b74;
        display: table;
        padding: 2px 2px; }
        .admin-integration .integration-container .integration-item-title p span,
        .admin-integration .integration-container .integration-item p span {
          display: table-cell;
          vertical-align: middle; }
        .small-screen .admin-integration .integration-container .integration-item-title p, .small-screen
        .admin-integration .integration-container .integration-item p {
          width: 100%; }
      .edge .admin-integration .integration-container .integration-item-title, .ie .admin-integration .integration-container .integration-item-title, .edge
      .admin-integration .integration-container .integration-item, .ie
      .admin-integration .integration-container .integration-item {
        margin-top: 0px; }

.admin-reporting {
  margin: 5px 10px 10px 40px;
  height: 99%;
  overflow-y: auto;
  padding-right: 2px; }
  .admin-reporting .reporting-container {
    display: table;
    width: 100%;
    margin-top: 40px; }
    .admin-reporting .reporting-container .reporting {
      color: #3897DA;
      margin-bottom: 10px;
      font-size: 20px; }
    .admin-reporting .reporting-container .reporting-info {
      font-style: italic;
      margin-bottom: 15px; }
    .admin-reporting .reporting-container .reporting-icon {
      width: 80px;
      height: 80px;
      margin-bottom: 15px;
      margin-top: 15px; }
      .admin-reporting .reporting-container .reporting-icon svg {
        width: 100%;
        height: 100%;
        fill: #207347; }
    .admin-reporting .reporting-container .interval {
      display: inline-flex;
      align-items: center;
      margin-top: 15px; }
      .admin-reporting .reporting-container .interval .time-label {
        margin-right: 50px;
        font-size: 10.5pt; }
      .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown {
        width: 200px;
        cursor: pointer;
        height: 40px;
        font-size: 1.5rem;
        font-weight: 100;
        z-index: 3;
        border: solid 1px #ccc; }
        .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown #dropdown-filter-box {
          margin: 15px 0 0 10px;
          height: 25px;
          padding: 5px 5px 5px 5px;
          position: absolute;
          left: 10px; }
        .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown li {
          background-color: #fff; }
        .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container {
          width: 100%;
          height: 100%; }
          .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container a, .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container:visited {
            text-decoration: none;
            color: #3897DA; }
          .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .dropdown-selector-trigger {
            width: 100%; }
            .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .dropdown-selector-trigger .expand-icon {
              width: 32px;
              height: 32px; }
          .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .dropdown-picker-item {
            text-align: left;
            padding-left: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 15px;
            font-weight: 500; }
          .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .dropdown-selector-menu.open {
            border: solid 1px #ccc;
            position: absolute;
            top: 100%;
            max-height: none; }
            .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item {
              height: 40px;
              padding-top: 10px;
              border-bottom: solid 2px #ccc; }
              .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.selected {
                background-color: #9FC9F4; }
              .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item:hover {
                background-color: #C3E0F4; }
          .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .arrow {
            width: 20px; }
            .admin-reporting .reporting-container .interval po-dropdown-selector.reporting-dropdown .dropdown-selector-container .arrow .expand-icon {
              width: 12px;
              height: 20px; }

ul.dashboard-column {
  display: block;
  background-color: #ffffff;
  padding: 0;
  width: 100%;
  height: 100%;
  list-style-type: none; }
  ul.dashboard-column.scale-section-half li {
    width: 50%; }
    ul.dashboard-column.scale-section-half li:first-child {
      width: 50%; }
  ul.dashboard-column li {
    display: block;
    overflow: hidden;
    float: left;
    border-right: solid 1px #ccc;
    list-style-type: none;
    width: 33.3%;
    height: 100%; }
    ul.dashboard-column li:first-child {
      width: 33.4%; }
    ul.dashboard-column li:last-child {
      border: none; }
    ul.dashboard-column li po-dashboard-section {
      height: 100%; }
    .frame-child ul.dashboard-column li {
      width: 100% !important;
      height: auto;
      display: none; }
      .frame-child ul.dashboard-column li po-dashboard-section {
        display: none; }
        .frame-child ul.dashboard-column li po-dashboard-section.isVisibleOnMobile {
          display: inline; }
      .frame-child ul.dashboard-column li.isVisibleOnMobile {
        display: inline;
        height: 100%; }
    .frame-child ul.dashboard-column li {
      width: 100% !important;
      height: auto;
      display: none; }
      .frame-child ul.dashboard-column li po-dashboard-section {
        display: none; }
        .frame-child ul.dashboard-column li po-dashboard-section.isVisibleOnMobile {
          display: inline; }
      .frame-child ul.dashboard-column li.isVisibleOnMobile {
        display: inline;
        height: 100%; }
    @media all and (max-width: 1200px) {
      ul.dashboard-column li {
        width: 100% !important;
        height: auto;
        display: none; }
        ul.dashboard-column li po-dashboard-section {
          display: none; }
          ul.dashboard-column li po-dashboard-section.isVisibleOnMobile {
            display: inline; }
        ul.dashboard-column li.isVisibleOnMobile {
          display: inline;
          height: 100%; } }
  .frame-child ul.dashboard-column {
    overflow-y: auto; }
  @media all and (max-width: 1200px) {
    ul.dashboard-column {
      overflow-y: auto; } }

.dashboard {
  height: 100%; }
  .dashboard .dashboard-section-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    border-bottom: solid 2px #ccc;
    margin-top: 2px; }
    .dashboard .dashboard-section-header .dashboard-section-title {
      position: absolute;
      left: 10px;
      right: 20px;
      height: 100%; }
      .dashboard .dashboard-section-header .dashboard-section-title .section-search {
        display: inline-block;
        width: 35px;
        height: 35px;
        padding: 0 5px;
        margin: 10px 0;
        cursor: pointer; }
        .ie .dashboard .dashboard-section-header .dashboard-section-title .section-search {
          margin: 5px 0;
          vertical-align: top; }
    .dashboard .dashboard-section-header h2 {
      font-size: 1.5rem;
      font-weight: 100;
      color: #223B74;
      display: inline-block;
      vertical-align: super;
      margin-top: 10px;
      cursor: pointer; }
    .dashboard .dashboard-section-header .search-icon {
      margin: 18px 0 0 -5px;
      padding: 0 0 0 8px;
      width: 23px;
      cursor: pointer; }
    .dashboard .dashboard-section-header.show-filter {
      z-index: 4; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    .dashboard .dashboard-section-header #filter-box {
      margin: 6px 0 0 10px;
      height: 36px;
      padding: 5px 30px 5px 5px;
      line-height: 15px;
      box-sizing: border-box;
      position: relative;
      z-index: 1; }
    .dashboard .dashboard-section-header .hide-filter #filter-box {
      width: 0px;
      opacity: 0;
      visibility: hidden; }
    .dashboard .dashboard-section-header .hide-filter .clear {
      display: none;
      opacity: 0;
      position: absolute;
      left: calc(100% - 35px); }
    .dashboard .dashboard-section-header .show-filter #filter-box {
      width: calc(100% - 100px);
      transition: width 2s; }
      .ie10 .dashboard .dashboard-section-header .show-filter #filter-box {
        width: calc(100% - 110px); }
      .dashboard .dashboard-section-header .show-filter #filter-box:focus {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(102, 175, 233, 0.6); }
    .dashboard .dashboard-section-header .show-filter .clear {
      position: absolute;
      left: calc(100% - 116px);
      z-index: 1;
      opacity: 1;
      animation: fadein 4s; }
      .ie10 .dashboard .dashboard-section-header .show-filter .clear {
        left: calc(100% - 126px); }
      .dashboard .dashboard-section-header .show-filter .clear svg {
        width: 24px;
        fill: rgba(128, 128, 128, 0.55); }
    .dashboard .dashboard-section-header .show-filter h2 {
      font-size: 1.3rem; }
    .dashboard .dashboard-section-header .show-filter .section-search {
      display: none; }
    .dashboard .dashboard-section-header .view-all {
      font-size: 0.8rem;
      position: absolute;
      top: 0px !important;
      right: 20px;
      height: 100%;
      padding-top: 16px; }
      .dashboard .dashboard-section-header .view-all a {
        color: #223B74; }
    .dashboard .dashboard-section-header .mobile-search-icon {
      display: none;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0; }
      .show-filter .dashboard .dashboard-section-header .mobile-search-icon:hover {
        background-color: #3897da; }
      .dashboard .dashboard-section-header .mobile-search-icon:hover {
        background-color: rgba(0, 0, 0, 0.14); }
      .dashboard .dashboard-section-header .mobile-search-icon svg {
        height: 48px;
        padding: 13px 11px;
        cursor: pointer; }
    @media all and (max-width: 1200px) {
      .dashboard .dashboard-section-header {
        z-index: 2; }
        .dashboard .dashboard-section-header.show-filter {
          background-color: rgba(0, 0, 0, 0.14); }
        .dashboard .dashboard-section-header .dashboard-section-title, .dashboard .dashboard-section-header .view-all {
          display: none; }
        .dashboard .dashboard-section-header .show-filter #filter-box {
          height: 30px;
          margin: 10px;
          width: calc(100% - 19px); }
          .ie10 .dashboard .dashboard-section-header .show-filter #filter-box {
            width: calc(100% - 29px); }
        .dashboard .dashboard-section-header .show-filter .clear {
          top: 2px;
          left: calc(100% - 35px); }
          .ie10 .dashboard .dashboard-section-header .show-filter .clear {
            left: calc(100% - 45px); }
        .dashboard .dashboard-section-header .mobile-search-icon {
          display: block;
          width: 44px; } }
    @media all and (min-width: 1200px) {
      .dashboard .dashboard-section-header h2 {
        font-size: 1.2rem; }
      .dashboard .dashboard-section-header .view-all {
        top: 11px; }
      .dashboard .dashboard-section-header .search-icon {
        margin: 16px 0 0 -5px;
        width: 22px; } }
    .frame-child .dashboard .dashboard-section-header.show-filter {
      background-color: rgba(0, 0, 0, 0.14); }
    .frame-child .dashboard .dashboard-section-header .dashboard-section-title, .frame-child .dashboard .dashboard-section-header .view-all {
      display: none; }
    .frame-child .dashboard .dashboard-section-header .show-filter #filter-box {
      height: 30px;
      margin: 10px;
      width: calc(100% - 19px); }
      .ie10 .frame-child .dashboard .dashboard-section-header .show-filter #filter-box {
        width: calc(100% - 29px); }
    .frame-child .dashboard .dashboard-section-header .show-filter .clear {
      top: 2px;
      left: calc(100% - 35px); }
      .ie10 .frame-child .dashboard .dashboard-section-header .show-filter .clear {
        left: calc(100% - 45px); }
    .frame-child .dashboard .dashboard-section-header .mobile-search-icon {
      display: block;
      width: 44px; }
  .dashboard po-dropdown-selector.dashboard-section-header {
    display: none;
    width: calc(100% - 44px);
    cursor: pointer;
    height: 50px;
    font-size: 1.5rem;
    font-weight: 100;
    z-index: 3; }
    .dashboard po-dropdown-selector.dashboard-section-header #dropdown-filter-box {
      margin: 15px 0 0 10px;
      height: 25px;
      padding: 5px 5px 5px 5px;
      position: absolute;
      left: 10px;
      right: 40px; }
    .dashboard po-dropdown-selector.dashboard-section-header li {
      background-color: #fff; }
    .dashboard po-dropdown-selector.dashboard-section-header .dropdown-selector-container {
      width: 100%;
      height: 100%; }
      .dashboard po-dropdown-selector.dashboard-section-header .dropdown-selector-container a, .dashboard po-dropdown-selector.dashboard-section-header .dropdown-selector-container:visited {
        text-decoration: none;
        color: #3897DA; }
      .dashboard po-dropdown-selector.dashboard-section-header .dropdown-selector-container .dropdown-selector-trigger {
        width: 100%; }
        .dashboard po-dropdown-selector.dashboard-section-header .dropdown-selector-container .dropdown-selector-trigger .expand-icon {
          width: 32px;
          height: 32px; }
      .dashboard po-dropdown-selector.dashboard-section-header .dropdown-selector-container .dropdown-selector-menu.open {
        border: solid 1px #ccc;
        position: absolute;
        top: 100%;
        max-height: none; }
        .dashboard po-dropdown-selector.dashboard-section-header .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item {
          height: 40px; }
      .dashboard po-dropdown-selector.dashboard-section-header .dropdown-selector-container .dashboard-filter-button {
        background: none;
        background-image: url("./../Content/Images/search-button-enabled.png");
        background-repeat: no-repeat;
        background-position: center;
        height: 20px;
        width: 20px;
        position: absolute;
        right: 10px;
        top: 10px; }
    .frame-child .dashboard po-dropdown-selector.dashboard-section-header {
      display: block; }
    @media all and (max-width: 1200px) {
      .dashboard po-dropdown-selector.dashboard-section-header {
        display: block; } }
  .dashboard .dashboard-header .dropdown-selector-item-title {
    line-height: 40px; }

.dashboard-section {
  height: 100%;
  position: relative; }
  .frame-child .dashboard-section {
    padding-bottom: 30px; }
  @media all and (max-width: 1200px) {
    .dashboard-section {
      padding-bottom: 30px; } }
  .dashboard-section .filter-enabled h1 {
    display: none; }
  .dashboard-section .items {
    position: absolute;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .dashboard-section .information-overlay {
    z-index: 999;
    text-align: center;
    vertical-align: central; }
    .dashboard-section .information-overlay .information-item, .dashboard-section .information-overlay .spinner, .dashboard-section .information-overlay .overlay-message {
      z-index: 999;
      margin: auto; }
    .dashboard-section .information-overlay .spinner {
      width: 200px;
      height: 200px;
      z-index: 10; }
      .dashboard-section .information-overlay .spinner img {
        width: 100%;
        height: 100%;
        -webkit-animation-name: spinnerRotate;
        -moz-animation-name: spinnerRotate;
        -ms-animation-name: spinnerRotate;
        animation-name: spinnerRotate;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-timing-function: linear;
        -moz-animation-iteration-timing-function: linear;
        -ms-animation-iteration-timing-function: linear;
        animation-iteration-timing-function: linear; }
    .dashboard-section .information-overlay .overlay-message {
      width: 250px;
      height: 20px;
      vertical-align: top;
      margin: 70px auto;
      z-index: 0; }
      .dashboard-section .information-overlay .overlay-message .reload-icon {
        display: inline-block; }
        .dashboard-section .information-overlay .overlay-message .reload-icon svg {
          width: 40px;
          height: 40px;
          margin-right: 5px;
          margin-bottom: -10px; }
      .dashboard-section .information-overlay .overlay-message.clickable:hover {
        cursor: pointer; }

.small-screen .dashboard-item,
.table-width .dashboard-item,
.touch-capable .dashboard-item,
.frame-child .dashboard-item {
  overflow: initial; }

.dashboard-item {
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 64px; }
  .dashboard-item a, .dashboard-item a:visited {
    text-decoration: none;
    color: #000000; }
  .dashboard-item .dashboard-item-inner:focus {
    border: solid 2px #9FC9F4 !important; }
  .card .dashboard-item > *, .view-card .dashboard-item > * {
    background-color: #fff; }
  .card .dashboard-item .dashboard-item-inner, .view-card .dashboard-item .dashboard-item-inner {
    border: 2px solid rgba(0, 0, 0, 0); }
    .card .dashboard-item .dashboard-item-inner:hover, .view-card .dashboard-item .dashboard-item-inner:hover {
      border: solid 2px #888 !important; }
    .card .dashboard-item .dashboard-item-inner.color-bookmark, .view-card .dashboard-item .dashboard-item-inner.color-bookmark {
      color: #fff;
      background-color: #3e76c8; }
      .card .dashboard-item .dashboard-item-inner.color-bookmark .icon, .view-card .dashboard-item .dashboard-item-inner.color-bookmark .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-bookmark .description, .view-card .dashboard-item .dashboard-item-inner.color-bookmark .description {
        background-color: #295391; }
    .card .dashboard-item .dashboard-item-inner.color-california, .view-card .dashboard-item .dashboard-item-inner.color-california {
      color: #fff;
      background-color: #ffb84d; }
      .card .dashboard-item .dashboard-item-inner.color-california .icon, .view-card .dashboard-item .dashboard-item-inner.color-california .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-california .description, .view-card .dashboard-item .dashboard-item-inner.color-california .description {
        background-color: #ff9900; }
    .card .dashboard-item .dashboard-item-inner.color-chardonnay, .view-card .dashboard-item .dashboard-item-inner.color-chardonnay {
      outline: 1px solid #C3C3C3;
      background-color: #ffcc80; }
      .card .dashboard-item .dashboard-item-inner.color-chardonnay .icon, .view-card .dashboard-item .dashboard-item-inner.color-chardonnay .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-chardonnay .description, .view-card .dashboard-item .dashboard-item-inner.color-chardonnay .description {
        background-color: #ffb84d; }
    .card .dashboard-item .dashboard-item-inner.color-clementine, .view-card .dashboard-item .dashboard-item-inner.color-clementine {
      color: #fff;
      background-color: #ff943d; }
      .card .dashboard-item .dashboard-item-inner.color-clementine .icon, .view-card .dashboard-item .dashboard-item-inner.color-clementine .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-clementine .description, .view-card .dashboard-item .dashboard-item-inner.color-clementine .description {
        background-color: #ef6c00; }
    .card .dashboard-item .dashboard-item-inner.color-dovegray, .view-card .dashboard-item .dashboard-item-inner.color-dovegray {
      color: #fff;
      background-color: #8c8c8c; }
      .card .dashboard-item .dashboard-item-inner.color-dovegray .icon, .view-card .dashboard-item .dashboard-item-inner.color-dovegray .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-dovegray .description, .view-card .dashboard-item .dashboard-item-inner.color-dovegray .description {
        background-color: #666666; }
    .card .dashboard-item .dashboard-item-inner.color-fruitsalad, .view-card .dashboard-item .dashboard-item-inner.color-fruitsalad {
      color: #fff;
      background-color: #6dc271; }
      .card .dashboard-item .dashboard-item-inner.color-fruitsalad .icon, .view-card .dashboard-item .dashboard-item-inner.color-fruitsalad .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-fruitsalad .description, .view-card .dashboard-item .dashboard-item-inner.color-fruitsalad .description {
        background-color: #43a047; }
    .card .dashboard-item .dashboard-item-inner.color-indigo, .view-card .dashboard-item .dashboard-item-inner.color-indigo {
      color: #fff;
      background-color: #7280ce; }
      .card .dashboard-item .dashboard-item-inner.color-indigo .icon, .view-card .dashboard-item .dashboard-item-inner.color-indigo .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-indigo .description, .view-card .dashboard-item .dashboard-item-inner.color-indigo .description {
        background-color: #3f51b5; }
    .card .dashboard-item .dashboard-item-inner.color-kabul, .view-card .dashboard-item .dashboard-item-inner.color-kabul {
      color: #fff;
      background-color: #8d6153; }
      .card .dashboard-item .dashboard-item-inner.color-kabul .icon, .view-card .dashboard-item .dashboard-item-inner.color-kabul .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-kabul .description, .view-card .dashboard-item .dashboard-item-inner.color-kabul .description {
        background-color: #5d4037; }
    .card .dashboard-item .dashboard-item-inner.color-lochmara, .view-card .dashboard-item .dashboard-item-inner.color-lochmara {
      color: #fff;
      background-color: #149bff; }
      .card .dashboard-item .dashboard-item-inner.color-lochmara .icon, .view-card .dashboard-item .dashboard-item-inner.color-lochmara .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-lochmara .description, .view-card .dashboard-item .dashboard-item-inner.color-lochmara .description {
        background-color: #0072c6; }
    .card .dashboard-item .dashboard-item-inner.color-malibu, .view-card .dashboard-item .dashboard-item-inner.color-malibu {
      color: #fff;
      background-color: #acd8fa; }
      .card .dashboard-item .dashboard-item-inner.color-malibu .icon, .view-card .dashboard-item .dashboard-item-inner.color-malibu .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-malibu .description, .view-card .dashboard-item .dashboard-item-inner.color-malibu .description {
        background-color: #64b5f6; }
    .card .dashboard-item .dashboard-item-inner.color-mineshaft, .view-card .dashboard-item .dashboard-item-inner.color-mineshaft {
      color: #fff;
      background-color: #595959; }
      .card .dashboard-item .dashboard-item-inner.color-mineshaft .icon, .view-card .dashboard-item .dashboard-item-inner.color-mineshaft .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-mineshaft .description, .view-card .dashboard-item .dashboard-item-inner.color-mineshaft .description {
        background-color: #333333; }
    .card .dashboard-item .dashboard-item-inner.color-montecarlo, .view-card .dashboard-item .dashboard-item-inner.color-montecarlo {
      outline: 1px solid #C3C3C3;
      background-color: #80cbc4; }
      .card .dashboard-item .dashboard-item-inner.color-montecarlo .icon, .view-card .dashboard-item .dashboard-item-inner.color-montecarlo .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-montecarlo .description, .view-card .dashboard-item .dashboard-item-inner.color-montecarlo .description {
        background-color: #5cbcb3; }
    .card .dashboard-item .dashboard-item-inner.color-mossgreen, .view-card .dashboard-item .dashboard-item-inner.color-mossgreen {
      outline: 1px solid #C3C3C3;
      background-color: #a5d6a7; }
      .card .dashboard-item .dashboard-item-inner.color-mossgreen .icon, .view-card .dashboard-item .dashboard-item-inner.color-mossgreen .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-mossgreen .description, .view-card .dashboard-item .dashboard-item-inner.color-mossgreen .description {
        background-color: #82c685; }
    .card .dashboard-item .dashboard-item-inner.color-parsley, .view-card .dashboard-item .dashboard-item-inner.color-parsley {
      color: #fff;
      background-color: #2c9934; }
      .card .dashboard-item .dashboard-item-inner.color-parsley .icon, .view-card .dashboard-item .dashboard-item-inner.color-parsley .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-parsley .description, .view-card .dashboard-item .dashboard-item-inner.color-parsley .description {
        background-color: #1b5e20; }
    .card .dashboard-item .dashboard-item-inner.color-persiangreen, .view-card .dashboard-item .dashboard-item-inner.color-persiangreen {
      color: #fff;
      background-color: #00f6e4; }
      .card .dashboard-item .dashboard-item-inner.color-persiangreen .icon, .view-card .dashboard-item .dashboard-item-inner.color-persiangreen .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-persiangreen .description, .view-card .dashboard-item .dashboard-item-inner.color-persiangreen .description {
        background-color: #00a99d; }
    .card .dashboard-item .dashboard-item-inner.color-pomegranate, .view-card .dashboard-item .dashboard-item-inner.color-pomegranate {
      color: #fff;
      background-color: #f8877f; }
      .card .dashboard-item .dashboard-item-inner.color-pomegranate .icon, .view-card .dashboard-item .dashboard-item-inner.color-pomegranate .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-pomegranate .description, .view-card .dashboard-item .dashboard-item-inner.color-pomegranate .description {
        background-color: #f44336; }
    .card .dashboard-item .dashboard-item-inner.color-pottersclay, .view-card .dashboard-item .dashboard-item-inner.color-pottersclay {
      color: #fff;
      background-color: #bb8857; }
      .card .dashboard-item .dashboard-item-inner.color-pottersclay .icon, .view-card .dashboard-item .dashboard-item-inner.color-pottersclay .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-pottersclay .description, .view-card .dashboard-item .dashboard-item-inner.color-pottersclay .description {
        background-color: #8c6239; }
    .card .dashboard-item .dashboard-item-inner.color-silverchalice, .view-card .dashboard-item .dashboard-item-inner.color-silverchalice {
      color: #fff;
      background-color: #bfbfbf; }
      .card .dashboard-item .dashboard-item-inner.color-silverchalice .icon, .view-card .dashboard-item .dashboard-item-inner.color-silverchalice .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-silverchalice .description, .view-card .dashboard-item .dashboard-item-inner.color-silverchalice .description {
        background-color: #999999; }
    .card .dashboard-item .dashboard-item-inner.color-sunglo, .view-card .dashboard-item .dashboard-item-inner.color-sunglo {
      color: #fff;
      background-color: #f9dbdb; }
      .card .dashboard-item .dashboard-item-inner.color-sunglo .icon, .view-card .dashboard-item .dashboard-item-inner.color-sunglo .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-sunglo .description, .view-card .dashboard-item .dashboard-item-inner.color-sunglo .description {
        background-color: #ee9999; }
    .card .dashboard-item .dashboard-item-inner.color-tallpoppy, .view-card .dashboard-item .dashboard-item-inner.color-tallpoppy {
      color: #fff;
      background-color: #de5c5c; }
      .card .dashboard-item .dashboard-item-inner.color-tallpoppy .icon, .view-card .dashboard-item .dashboard-item-inner.color-tallpoppy .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-tallpoppy .description, .view-card .dashboard-item .dashboard-item-inner.color-tallpoppy .description {
        background-color: #c62828; }
    .card .dashboard-item .dashboard-item-inner.color-thatch, .view-card .dashboard-item .dashboard-item-inner.color-thatch {
      color: #fff;
      background-color: #dcd3d0; }
      .card .dashboard-item .dashboard-item-inner.color-thatch .icon, .view-card .dashboard-item .dashboard-item-inner.color-thatch .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-thatch .description, .view-card .dashboard-item .dashboard-item-inner.color-thatch .description {
        background-color: #bcaaa4; }
    .card .dashboard-item .dashboard-item-inner.color-tropicalrainforest, .view-card .dashboard-item .dashboard-item-inner.color-tropicalrainforest {
      color: #fff;
      background-color: #00b69f; }
      .card .dashboard-item .dashboard-item-inner.color-tropicalrainforest .icon, .view-card .dashboard-item .dashboard-item-inner.color-tropicalrainforest .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-tropicalrainforest .description, .view-card .dashboard-item .dashboard-item-inner.color-tropicalrainforest .description {
        background-color: #00695c; }
    .card .dashboard-item .dashboard-item-inner.color-document-default, .view-card .dashboard-item .dashboard-item-inner.color-document-default {
      color: #fff;
      background-color: #a4a4a4; }
      .card .dashboard-item .dashboard-item-inner.color-document-default .icon, .view-card .dashboard-item .dashboard-item-inner.color-document-default .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-document-default .description, .view-card .dashboard-item .dashboard-item-inner.color-document-default .description {
        background-color: #7e7e7e; }
    .card .dashboard-item .dashboard-item-inner.color-excel, .view-card .dashboard-item .dashboard-item-inner.color-excel {
      color: #fff;
      background-color: #31af6c; }
      .card .dashboard-item .dashboard-item-inner.color-excel .icon, .view-card .dashboard-item .dashboard-item-inner.color-excel .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-excel .description, .view-card .dashboard-item .dashboard-item-inner.color-excel .description {
        background-color: #207347; }
    .card .dashboard-item .dashboard-item-inner.color-pdf, .view-card .dashboard-item .dashboard-item-inner.color-pdf {
      color: #fff;
      background-color: #e7908e; }
      .card .dashboard-item .dashboard-item-inner.color-pdf .icon, .view-card .dashboard-item .dashboard-item-inner.color-pdf .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-pdf .description, .view-card .dashboard-item .dashboard-item-inner.color-pdf .description {
        background-color: #d9534f; }
    .card .dashboard-item .dashboard-item-inner.color-powerpoint, .view-card .dashboard-item .dashboard-item-inner.color-powerpoint {
      color: #fff;
      background-color: #e37960; }
      .card .dashboard-item .dashboard-item-inner.color-powerpoint .icon, .view-card .dashboard-item .dashboard-item-inner.color-powerpoint .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-powerpoint .description, .view-card .dashboard-item .dashboard-item-inner.color-powerpoint .description {
        background-color: #d24625; }
    .card .dashboard-item .dashboard-item-inner.color-visio, .view-card .dashboard-item .dashboard-item-inner.color-visio {
      color: #fff;
      background-color: #5875c7; }
      .card .dashboard-item .dashboard-item-inner.color-visio .icon, .view-card .dashboard-item .dashboard-item-inner.color-visio .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-visio .description, .view-card .dashboard-item .dashboard-item-inner.color-visio .description {
        background-color: #35509d; }
    .card .dashboard-item .dashboard-item-inner.color-word, .view-card .dashboard-item .dashboard-item-inner.color-word {
      color: #fff;
      background-color: #3e76c8; }
      .card .dashboard-item .dashboard-item-inner.color-word .icon, .view-card .dashboard-item .dashboard-item-inner.color-word .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-word .description, .view-card .dashboard-item .dashboard-item-inner.color-word .description {
        background-color: #295391; }
    .card .dashboard-item .dashboard-item-inner.color-other, .view-card .dashboard-item .dashboard-item-inner.color-other {
      color: #fff;
      background-color: #a4a4a4; }
      .card .dashboard-item .dashboard-item-inner.color-other .icon, .view-card .dashboard-item .dashboard-item-inner.color-other .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-other .description, .view-card .dashboard-item .dashboard-item-inner.color-other .description {
        background-color: #7e7e7e; }
    .card .dashboard-item .dashboard-item-inner.color-folder, .view-card .dashboard-item .dashboard-item-inner.color-folder {
      color: #fff;
      background-color: #dadad8; }
      .card .dashboard-item .dashboard-item-inner.color-folder .icon, .view-card .dashboard-item .dashboard-item-inner.color-folder .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-folder .description, .view-card .dashboard-item .dashboard-item-inner.color-folder .description {
        background-color: #b4b4b1; }
    .card .dashboard-item .dashboard-item-inner.color-library, .view-card .dashboard-item .dashboard-item-inner.color-library {
      color: #fff;
      background-color: #a4a4a4; }
      .card .dashboard-item .dashboard-item-inner.color-library .icon, .view-card .dashboard-item .dashboard-item-inner.color-library .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-library .description, .view-card .dashboard-item .dashboard-item-inner.color-library .description {
        background-color: #7e7e7e; }
    .card .dashboard-item .dashboard-item-inner.color-none, .view-card .dashboard-item .dashboard-item-inner.color-none {
      color: #fff;
      background-color: #3359af; }
      .card .dashboard-item .dashboard-item-inner.color-none .icon, .view-card .dashboard-item .dashboard-item-inner.color-none .icon {
        fill: #fff; }
      .card .dashboard-item .dashboard-item-inner.color-none .description, .view-card .dashboard-item .dashboard-item-inner.color-none .description {
        background-color: #223b74; }
    .card .dashboard-item .dashboard-item-inner.color-archimatebusiness, .view-card .dashboard-item .dashboard-item-inner.color-archimatebusiness {
      outline: 1px solid #C3C3C3;
      background-color: #ffffaf; }
      .card .dashboard-item .dashboard-item-inner.color-archimatebusiness .icon, .view-card .dashboard-item .dashboard-item-inner.color-archimatebusiness .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-archimatebusiness .description, .view-card .dashboard-item .dashboard-item-inner.color-archimatebusiness .description {
        background-color: #ffff7c; }
    .card .dashboard-item .dashboard-item-inner.color-archimateapplication, .view-card .dashboard-item .dashboard-item-inner.color-archimateapplication {
      outline: 1px solid #C3C3C3;
      background-color: #afffff; }
      .card .dashboard-item .dashboard-item-inner.color-archimateapplication .icon, .view-card .dashboard-item .dashboard-item-inner.color-archimateapplication .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-archimateapplication .description, .view-card .dashboard-item .dashboard-item-inner.color-archimateapplication .description {
        background-color: #7cffff; }
    .card .dashboard-item .dashboard-item-inner.color-archimatephysical, .view-card .dashboard-item .dashboard-item-inner.color-archimatephysical {
      outline: 1px solid #C3C3C3;
      background-color: #afffaf; }
      .card .dashboard-item .dashboard-item-inner.color-archimatephysical .icon, .view-card .dashboard-item .dashboard-item-inner.color-archimatephysical .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-archimatephysical .description, .view-card .dashboard-item .dashboard-item-inner.color-archimatephysical .description {
        background-color: #7cff7c; }
    .card .dashboard-item .dashboard-item-inner.color-archimatemotivation, .view-card .dashboard-item .dashboard-item-inner.color-archimatemotivation {
      outline: 1px solid #C3C3C3;
      background-color: #ccccff; }
      .card .dashboard-item .dashboard-item-inner.color-archimatemotivation .icon, .view-card .dashboard-item .dashboard-item-inner.color-archimatemotivation .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-archimatemotivation .description, .view-card .dashboard-item .dashboard-item-inner.color-archimatemotivation .description {
        background-color: #9999ff; }
    .card .dashboard-item .dashboard-item-inner.color-archimatestrategy, .view-card .dashboard-item .dashboard-item-inner.color-archimatestrategy {
      outline: 1px solid #C3C3C3;
      background-color: #f5deaa; }
      .card .dashboard-item .dashboard-item-inner.color-archimatestrategy .icon, .view-card .dashboard-item .dashboard-item-inner.color-archimatestrategy .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-archimatestrategy .description, .view-card .dashboard-item .dashboard-item-inner.color-archimatestrategy .description {
        background-color: #f0cc7c; }
    .card .dashboard-item .dashboard-item-inner.color-archimateimplementationandmigration, .view-card .dashboard-item .dashboard-item-inner.color-archimateimplementationandmigration {
      outline: 1px solid #C3C3C3;
      background-color: #fce0e0; }
      .card .dashboard-item .dashboard-item-inner.color-archimateimplementationandmigration .icon, .view-card .dashboard-item .dashboard-item-inner.color-archimateimplementationandmigration .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-archimateimplementationandmigration .description, .view-card .dashboard-item .dashboard-item-inner.color-archimateimplementationandmigration .description {
        background-color: #f8b2b2; }
    .card .dashboard-item .dashboard-item-inner.color-archimatetechnology, .view-card .dashboard-item .dashboard-item-inner.color-archimatetechnology {
      outline: 1px solid #C3C3C3;
      background-color: #e0ffe0; }
      .card .dashboard-item .dashboard-item-inner.color-archimatetechnology .icon, .view-card .dashboard-item .dashboard-item-inner.color-archimatetechnology .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-archimatetechnology .description, .view-card .dashboard-item .dashboard-item-inner.color-archimatetechnology .description {
        background-color: #adffad; }
    .card .dashboard-item .dashboard-item-inner.color-archimatecomposite, .view-card .dashboard-item .dashboard-item-inner.color-archimatecomposite {
      outline: 1px solid #C3C3C3;
      background-color: #ffbf80; }
      .card .dashboard-item .dashboard-item-inner.color-archimatecomposite .icon, .view-card .dashboard-item .dashboard-item-inner.color-archimatecomposite .icon {
        fill: #000; }
      .card .dashboard-item .dashboard-item-inner.color-archimatecomposite .description, .view-card .dashboard-item .dashboard-item-inner.color-archimatecomposite .description {
        background-color: #ffa54d; }
  .view-card .dashboard-item .dashboard-item-inner {
    outline: solid 1px #888; }
    .view-card .dashboard-item .dashboard-item-inner:hover {
      background-color: #c3c3c3; }
    .view-card .dashboard-item .dashboard-item-inner .description {
      background-color: white; }
  .document-type-card .dashboard-item .dashboard-item-inner {
    border: 2px solid rgba(0, 0, 0, 0); }
    .document-type-card .dashboard-item .dashboard-item-inner:hover {
      border: solid 2px #888 !important; }
  .document-type-card .dashboard-item .background {
    -webkit-transition: fill 0.2s ease-in-out;
    -moz-transition: fill 0.2s ease-in-out;
    -ms-transition: fill 0.2s ease-in-out;
    transition: fill 0.2s ease-in-out; }
  .document-type-card .dashboard-item .card-title {
    border-left: solid 1px #888;
    border-top: solid 1px #888;
    border-bottom: solid 1px #888; }
  .document-type-card .dashboard-item:hover .card-title {
    color: #fff; }
  .document-type-card .dashboard-item svg {
    width: 100%; }
  .document-type-card .dashboard-item .title {
    color: #fff; }
  .document-type-card .dashboard-item .icon {
    fill: #fff; }
  .document-type-card .dashboard-item:hover .color-bookmark h2 {
    background-color: #3e76c8; }
  .document-type-card .dashboard-item:hover .color-california h2 {
    background-color: #ffb84d; }
  .document-type-card .dashboard-item:hover .color-chardonnay h2 {
    background-color: blanchedalmond; }
  .document-type-card .dashboard-item:hover .color-clementine h2 {
    background-color: #ff943d; }
  .document-type-card .dashboard-item:hover .color-dovegray h2 {
    background-color: #8c8c8c; }
  .document-type-card .dashboard-item:hover .color-fruitsalad h2 {
    background-color: #6dc271; }
  .document-type-card .dashboard-item:hover .color-indigo h2 {
    background-color: #7280ce; }
  .document-type-card .dashboard-item:hover .color-kabul h2 {
    background-color: #8d6153; }
  .document-type-card .dashboard-item:hover .color-lochmara h2 {
    background-color: #149bff; }
  .document-type-card .dashboard-item:hover .color-malibu h2 {
    background-color: #acd8fa; }
  .document-type-card .dashboard-item:hover .color-mineshaft h2 {
    background-color: #595959; }
  .document-type-card .dashboard-item:hover .color-montecarlo h2 {
    background-color: #b6e1dd; }
  .document-type-card .dashboard-item:hover .color-mossgreen h2 {
    background-color: #daeeda; }
  .document-type-card .dashboard-item:hover .color-parsley h2 {
    background-color: #2c9934; }
  .document-type-card .dashboard-item:hover .color-persiangreen h2 {
    background-color: #00f6e4; }
  .document-type-card .dashboard-item:hover .color-pomegranate h2 {
    background-color: #f8877f; }
  .document-type-card .dashboard-item:hover .color-pottersclay h2 {
    background-color: #bb8857; }
  .document-type-card .dashboard-item:hover .color-silverchalice h2 {
    background-color: #bfbfbf; }
  .document-type-card .dashboard-item:hover .color-sunglo h2 {
    background-color: #f9dbdb; }
  .document-type-card .dashboard-item:hover .color-tallpoppy h2 {
    background-color: #de5c5c; }
  .document-type-card .dashboard-item:hover .color-thatch h2 {
    background-color: #dcd3d0; }
  .document-type-card .dashboard-item:hover .color-tropicalrainforest h2 {
    background-color: #00b69f; }
  .document-type-card .dashboard-item:hover .color-document-default h2 {
    background-color: #a4a4a4; }
  .document-type-card .dashboard-item:hover .color-excel h2 {
    background-color: #31af6c; }
  .document-type-card .dashboard-item:hover .color-pdf h2 {
    background-color: #e7908e; }
  .document-type-card .dashboard-item:hover .color-powerpoint h2 {
    background-color: #e37960; }
  .document-type-card .dashboard-item:hover .color-visio h2 {
    background-color: #5875c7; }
  .document-type-card .dashboard-item:hover .color-word h2 {
    background-color: #3e76c8; }
  .document-type-card .dashboard-item:hover .color-other h2 {
    background-color: #a4a4a4; }
  .document-type-card .dashboard-item:hover .color-folder h2 {
    background-color: #dadad8; }
  .document-type-card .dashboard-item:hover .color-library h2 {
    background-color: #a4a4a4; }
  .document-type-card .dashboard-item:hover .color-none h2 {
    background-color: #3359af; }
  .document-type-card .dashboard-item:hover .color-archimatebusiness h2 {
    background-color: #fffffc; }
  .document-type-card .dashboard-item:hover .color-archimateapplication h2 {
    background-color: #fcffff; }
  .document-type-card .dashboard-item:hover .color-archimatephysical h2 {
    background-color: #fcfffc; }
  .document-type-card .dashboard-item:hover .color-archimatemotivation h2 {
    background-color: white; }
  .document-type-card .dashboard-item:hover .color-archimatestrategy h2 {
    background-color: #fdf9ee; }
  .document-type-card .dashboard-item:hover .color-archimateimplementationandmigration h2 {
    background-color: white; }
  .document-type-card .dashboard-item:hover .color-archimatetechnology h2 {
    background-color: white; }
  .document-type-card .dashboard-item:hover .color-archimatecomposite h2 {
    background-color: #ffe6cd; }
  .document-type-card .dashboard-item h2 {
    background-color: #fff; }
  .document-type-card .dashboard-item .color-bookmark .description {
    background-color: #295391; }
  .document-type-card .dashboard-item:hover .color-bookmark .background {
    fill: #295391; }
  .document-type-card .dashboard-item .color-california .description {
    background-color: #ff9900; }
  .document-type-card .dashboard-item:hover .color-california .background {
    fill: #ff9900; }
  .document-type-card .dashboard-item .color-chardonnay .description {
    background-color: #ffcc80; }
  .document-type-card .dashboard-item:hover .color-chardonnay .background {
    fill: #ffcc80; }
  .document-type-card .dashboard-item .color-clementine .description {
    background-color: #ef6c00; }
  .document-type-card .dashboard-item:hover .color-clementine .background {
    fill: #ef6c00; }
  .document-type-card .dashboard-item .color-dovegray .description {
    background-color: #666666; }
  .document-type-card .dashboard-item:hover .color-dovegray .background {
    fill: #666666; }
  .document-type-card .dashboard-item .color-fruitsalad .description {
    background-color: #43a047; }
  .document-type-card .dashboard-item:hover .color-fruitsalad .background {
    fill: #43a047; }
  .document-type-card .dashboard-item .color-indigo .description {
    background-color: #3f51b5; }
  .document-type-card .dashboard-item:hover .color-indigo .background {
    fill: #3f51b5; }
  .document-type-card .dashboard-item .color-kabul .description {
    background-color: #5d4037; }
  .document-type-card .dashboard-item:hover .color-kabul .background {
    fill: #5d4037; }
  .document-type-card .dashboard-item .color-lochmara .description {
    background-color: #0072c6; }
  .document-type-card .dashboard-item:hover .color-lochmara .background {
    fill: #0072c6; }
  .document-type-card .dashboard-item .color-malibu .description {
    background-color: #64b5f6; }
  .document-type-card .dashboard-item:hover .color-malibu .background {
    fill: #64b5f6; }
  .document-type-card .dashboard-item .color-mineshaft .description {
    background-color: #333333; }
  .document-type-card .dashboard-item:hover .color-mineshaft .background {
    fill: #333333; }
  .document-type-card .dashboard-item .color-montecarlo .description {
    background-color: #80cbc4; }
  .document-type-card .dashboard-item:hover .color-montecarlo .background {
    fill: #80cbc4; }
  .document-type-card .dashboard-item .color-mossgreen .description {
    background-color: #a5d6a7; }
  .document-type-card .dashboard-item:hover .color-mossgreen .background {
    fill: #a5d6a7; }
  .document-type-card .dashboard-item .color-parsley .description {
    background-color: #1b5e20; }
  .document-type-card .dashboard-item:hover .color-parsley .background {
    fill: #1b5e20; }
  .document-type-card .dashboard-item .color-persiangreen .description {
    background-color: #00a99d; }
  .document-type-card .dashboard-item:hover .color-persiangreen .background {
    fill: #00a99d; }
  .document-type-card .dashboard-item .color-pomegranate .description {
    background-color: #f44336; }
  .document-type-card .dashboard-item:hover .color-pomegranate .background {
    fill: #f44336; }
  .document-type-card .dashboard-item .color-pottersclay .description {
    background-color: #8c6239; }
  .document-type-card .dashboard-item:hover .color-pottersclay .background {
    fill: #8c6239; }
  .document-type-card .dashboard-item .color-silverchalice .description {
    background-color: #999999; }
  .document-type-card .dashboard-item:hover .color-silverchalice .background {
    fill: #999999; }
  .document-type-card .dashboard-item .color-sunglo .description {
    background-color: #ee9999; }
  .document-type-card .dashboard-item:hover .color-sunglo .background {
    fill: #ee9999; }
  .document-type-card .dashboard-item .color-tallpoppy .description {
    background-color: #c62828; }
  .document-type-card .dashboard-item:hover .color-tallpoppy .background {
    fill: #c62828; }
  .document-type-card .dashboard-item .color-thatch .description {
    background-color: #bcaaa4; }
  .document-type-card .dashboard-item:hover .color-thatch .background {
    fill: #bcaaa4; }
  .document-type-card .dashboard-item .color-tropicalrainforest .description {
    background-color: #00695c; }
  .document-type-card .dashboard-item:hover .color-tropicalrainforest .background {
    fill: #00695c; }
  .document-type-card .dashboard-item .color-document-default .description {
    background-color: #7e7e7e; }
  .document-type-card .dashboard-item:hover .color-document-default .background {
    fill: #7e7e7e; }
  .document-type-card .dashboard-item .color-excel .description {
    background-color: #207347; }
  .document-type-card .dashboard-item:hover .color-excel .background {
    fill: #207347; }
  .document-type-card .dashboard-item .color-pdf .description {
    background-color: #d9534f; }
  .document-type-card .dashboard-item:hover .color-pdf .background {
    fill: #d9534f; }
  .document-type-card .dashboard-item .color-powerpoint .description {
    background-color: #d24625; }
  .document-type-card .dashboard-item:hover .color-powerpoint .background {
    fill: #d24625; }
  .document-type-card .dashboard-item .color-visio .description {
    background-color: #35509d; }
  .document-type-card .dashboard-item:hover .color-visio .background {
    fill: #35509d; }
  .document-type-card .dashboard-item .color-word .description {
    background-color: #295391; }
  .document-type-card .dashboard-item:hover .color-word .background {
    fill: #295391; }
  .document-type-card .dashboard-item .color-other .description {
    background-color: #7e7e7e; }
  .document-type-card .dashboard-item:hover .color-other .background {
    fill: #7e7e7e; }
  .document-type-card .dashboard-item .color-folder .description {
    background-color: #b4b4b1; }
  .document-type-card .dashboard-item:hover .color-folder .background {
    fill: #b4b4b1; }
  .document-type-card .dashboard-item .color-library .description {
    background-color: #7e7e7e; }
  .document-type-card .dashboard-item:hover .color-library .background {
    fill: #7e7e7e; }
  .document-type-card .dashboard-item .color-none .description {
    background-color: #223b74; }
  .document-type-card .dashboard-item:hover .color-none .background {
    fill: #223b74; }
  .document-type-card .dashboard-item .color-archimatebusiness .description {
    background-color: #ffffaf; }
  .document-type-card .dashboard-item:hover .color-archimatebusiness .background {
    fill: #ffffaf; }
  .document-type-card .dashboard-item .color-archimateapplication .description {
    background-color: #afffff; }
  .document-type-card .dashboard-item:hover .color-archimateapplication .background {
    fill: #afffff; }
  .document-type-card .dashboard-item .color-archimatephysical .description {
    background-color: #afffaf; }
  .document-type-card .dashboard-item:hover .color-archimatephysical .background {
    fill: #afffaf; }
  .document-type-card .dashboard-item .color-archimatemotivation .description {
    background-color: #ccccff; }
  .document-type-card .dashboard-item:hover .color-archimatemotivation .background {
    fill: #ccccff; }
  .document-type-card .dashboard-item .color-archimatestrategy .description {
    background-color: #f5deaa; }
  .document-type-card .dashboard-item:hover .color-archimatestrategy .background {
    fill: #f5deaa; }
  .document-type-card .dashboard-item .color-archimateimplementationandmigration .description {
    background-color: #fce0e0; }
  .document-type-card .dashboard-item:hover .color-archimateimplementationandmigration .background {
    fill: #fce0e0; }
  .document-type-card .dashboard-item .color-archimatetechnology .description {
    background-color: #e0ffe0; }
  .document-type-card .dashboard-item:hover .color-archimatetechnology .background {
    fill: #e0ffe0; }
  .document-type-card .dashboard-item .color-archimatecomposite .description {
    background-color: #ffbf80; }
  .document-type-card .dashboard-item:hover .color-archimatecomposite .background {
    fill: #ffbf80; }
  .card .dashboard-item > *,
  .document-type-card .dashboard-item > *,
  .view-card .dashboard-item > * {
    position: absolute;
    top: 7px;
    left: 10px;
    right: 10px;
    bottom: 10px; }
  .card .dashboard-item .dashboard-item-inner,
  .document-type-card .dashboard-item .dashboard-item-inner,
  .view-card .dashboard-item .dashboard-item-inner {
    -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
    -ms-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
    display: table;
    table-layout: fixed;
    width: calc(100% - 20px); }
    .card .dashboard-item .dashboard-item-inner > *,
    .document-type-card .dashboard-item .dashboard-item-inner > *,
    .view-card .dashboard-item .dashboard-item-inner > * {
      display: table-cell !important;
      vertical-align: middle;
      position: relative; }
    .card .dashboard-item .dashboard-item-inner .card-title,
    .document-type-card .dashboard-item .dashboard-item-inner .card-title,
    .view-card .dashboard-item .dashboard-item-inner .card-title {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0;
      text-align: center;
      left: 0;
      right: 0;
      margin: -1.75vw 0;
      font-family: 'mplus-2p-light';
      font-weight: 100;
      z-index: 1;
      width: 4em;
      font-size: 1.75em;
      height: auto;
      line-height: 1.75rem;
      position: relative;
      top: 0; }
    .card .dashboard-item .dashboard-item-inner .description,
    .document-type-card .dashboard-item .dashboard-item-inner .description,
    .view-card .dashboard-item .dashboard-item-inner .description {
      padding-right: 10px;
      left: 0;
      right: 0;
      height: 52px;
      bottom: 0;
      width: 100%;
      position: relative; }
      .card .dashboard-item .dashboard-item-inner .description .icon,
      .document-type-card .dashboard-item .dashboard-item-inner .description .icon,
      .view-card .dashboard-item .dashboard-item-inner .description .icon {
        width: 52px;
        height: 52px;
        position: relative;
        padding: 10px; }
      .card .dashboard-item .dashboard-item-inner .description .title,
      .document-type-card .dashboard-item .dashboard-item-inner .description .title,
      .view-card .dashboard-item .dashboard-item-inner .description .title {
        padding: 0 .3em;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 41.6px;
        line-height: 52px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .view-card .dashboard-item .dashboard-item-inner .description .title {
    color: #000 !important; }
  .frame-child .dashboard-item {
    padding-top: 0 !important;
    border-left: 10px solid transparent; }
    .card .frame-child .dashboard-item, .document-type-card .frame-child .dashboard-item, .view-card .frame-child .dashboard-item {
      margin: 0 -10px; }
      .card .frame-child .dashboard-item .dashboard-item-inner, .document-type-card .frame-child .dashboard-item .dashboard-item-inner, .view-card .frame-child .dashboard-item .dashboard-item-inner {
        display: table;
        table-layout: fixed;
        width: calc(100% - 12px);
        border-bottom: 0; }
        .card .frame-child .dashboard-item .dashboard-item-inner .card-title, .document-type-card .frame-child .dashboard-item .dashboard-item-inner .card-title, .view-card .frame-child .dashboard-item .dashboard-item-inner .card-title {
          font-size: 1.75rem;
          height: auto;
          line-height: 1.25;
          position: relative;
          top: 0; }
        .card .frame-child .dashboard-item .dashboard-item-inner .description, .document-type-card .frame-child .dashboard-item .dashboard-item-inner .description, .view-card .frame-child .dashboard-item .dashboard-item-inner .description {
          height: 41.6px;
          bottom: -41.6px;
          width: 100%;
          position: relative;
          bottom: 0; }
          .card .frame-child .dashboard-item .dashboard-item-inner .description .icon, .document-type-card .frame-child .dashboard-item .dashboard-item-inner .description .icon, .view-card .frame-child .dashboard-item .dashboard-item-inner .description .icon {
            width: 41.6px;
            height: 41.6px; }
            .card .frame-child .dashboard-item .dashboard-item-inner .description .icon img, .document-type-card .frame-child .dashboard-item .dashboard-item-inner .description .icon img, .view-card .frame-child .dashboard-item .dashboard-item-inner .description .icon img {
              margin: 4.8px; }
          .card .frame-child .dashboard-item .dashboard-item-inner .description .title, .document-type-card .frame-child .dashboard-item .dashboard-item-inner .description .title, .view-card .frame-child .dashboard-item .dashboard-item-inner .description .title {
            line-height: 41.6px; }
    .view-card .frame-child .dashboard-item .dashboard-item-inner .description {
      border-top: 0; }
  @media all and (max-width: 1200px) {
    .dashboard-item {
      padding-top: 0 !important;
      height: 54px;
      border-left: 10px solid transparent; }
      .card .dashboard-item, .document-type-card .dashboard-item, .view-card .dashboard-item {
        margin: 0 -10px; }
        .card .dashboard-item .dashboard-item-inner,
        .document-type-card .dashboard-item .dashboard-item-inner,
        .view-card .dashboard-item .dashboard-item-inner {
          display: table;
          table-layout: fixed;
          width: calc(100% - 12px);
          border-bottom: 0; }
          .card .dashboard-item .dashboard-item-inner .card-title,
          .document-type-card .dashboard-item .dashboard-item-inner .card-title,
          .view-card .dashboard-item .dashboard-item-inner .card-title {
            font-size: 1.75rem;
            height: auto;
            line-height: 1.25;
            position: relative;
            top: 0; }
          .card .dashboard-item .dashboard-item-inner .description,
          .document-type-card .dashboard-item .dashboard-item-inner .description,
          .view-card .dashboard-item .dashboard-item-inner .description {
            height: 41.6px;
            bottom: -41.6px;
            width: 100%;
            position: relative;
            bottom: 0; }
            .card .dashboard-item .dashboard-item-inner .description .icon,
            .document-type-card .dashboard-item .dashboard-item-inner .description .icon,
            .view-card .dashboard-item .dashboard-item-inner .description .icon {
              width: 41.6px;
              height: 41.6px; }
              .card .dashboard-item .dashboard-item-inner .description .icon img, .document-type-card .dashboard-item .dashboard-item-inner .description .icon img, .view-card .dashboard-item .dashboard-item-inner .description .icon img {
                margin: 4.8px; }
            .card .dashboard-item .dashboard-item-inner .description .title,
            .document-type-card .dashboard-item .dashboard-item-inner .description .title,
            .view-card .dashboard-item .dashboard-item-inner .description .title {
              line-height: 41.6px; }
      .view-card .dashboard-item .dashboard-item-inner .description {
        border-top: 0; } }
  .frame-child .dashboard-item {
    padding-top: 0 !important; }
    .card .frame-child .dashboard-item .dashboard-item-inner, .document-type-card .frame-child .dashboard-item .dashboard-item-inner, .view-card .frame-child .dashboard-item .dashboard-item-inner {
      width: 100%; }
  @media all and (max-width: 767px) {
    .dashboard-item {
      padding-top: 0 !important;
      height: 52px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent; }
      .card .dashboard-item .dashboard-item-inner,
      .document-type-card .dashboard-item .dashboard-item-inner,
      .view-card .dashboard-item .dashboard-item-inner {
        width: 100%; } }

html {
  box-sizing: border-box; }
  html, html body {
    font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    min-width: 320px;
    min-height: 320px;
    overflow: hidden; }

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0; }

svg {
  max-height: 100%;
  max-width: 100%; }

.app-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 54px;
  overflow: hidden;
  z-index: 10000; }
  .app-header header {
    border-bottom: 1px solid #223B74; }
  .fullscreen > .app-header {
    display: none; }

.ie10 body:not(.fullscreen) .left-side-panel, .ie10 body:not(.fullscreen) .right-side-panel {
  top: 57px; }

body > .content {
  background-color: #ffffff;
  position: absolute;
  top: 54px;
  left: 54px;
  right: 0;
  bottom: 0;
  -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  transition: left 0.2s ease-in-out, right 0.2s ease-in-out; }
  .ie10 body > .content {
    top: 57px; }
  body > .content > div {
    height: 100%; }

body.small-screen .left-side-panel .panel-gray-border, body.small-screen .right-side-panel .panel-gray-border, body.frame-child .left-side-panel .panel-gray-border, body.frame-child .right-side-panel .panel-gray-border {
  display: table-cell;
  width: 25px;
  background: #000;
  opacity: 0.5; }

body.small-screen .right-side-panel, body.frame-child .right-side-panel {
  left: 0; }

body.show-left-side-menu .left-side-menu {
  position: absolute;
  left: 0;
  padding-top: 54px;
  height: 100%;
  bottom: 0;
  width: 54px;
  background-color: #17274c;
  z-index: 12;
  display: block; }
  body.show-left-side-menu .left-side-menu .expand-menu-item {
    background-color: #223B74;
    padding: 8px; }
    body.show-left-side-menu .left-side-menu .expand-menu-item .icon-link {
      padding: 8px;
      display: block; }
      body.show-left-side-menu .left-side-menu .expand-menu-item .icon-link:hover {
        background-color: #3897da;
        cursor: pointer; }
      body.show-left-side-menu .left-side-menu .expand-menu-item .icon-link svg {
        fill: #ffffff;
        height: 20px;
        width: 20px; }
  body.show-left-side-menu .left-side-menu .navigation-items {
    margin-top: 13px;
    padding: 0; }
    body.show-left-side-menu .left-side-menu .navigation-items .item {
      height: 36px;
      margin: 10px 9px;
      display: block; }
      body.show-left-side-menu .left-side-menu .navigation-items .item.selected {
        background-color: #3897da; }
      body.show-left-side-menu .left-side-menu .navigation-items .item.separator-item {
        height: 12px;
        width: 35px;
        padding: 6px 0 0 2px;
        margin-left: 0px; }
        body.show-left-side-menu .left-side-menu .navigation-items .item.separator-item .separator {
          width: 50px;
          border-right: 10px solid #17274c;
          border-left: 10px solid #17274c;
          border-top: 1px solid #ffffff; }
      body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link {
        padding: 8px;
        display: block;
        text-decoration: none;
        user-select: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link .icon {
          display: inline-block; }
        body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link:hover {
          background-color: #3897da;
          cursor: pointer; }
        body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link svg {
          fill: #ffffff;
          height: 20px;
          width: 20px; }
        body.show-left-side-menu .left-side-menu .navigation-items .item .icon-link .item-name {
          color: #ffffff;
          padding-left: 5px;
          vertical-align: top;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 110px;
          float: right; }

body .left-side-panel, body .right-side-panel {
  z-index: 10;
  background-color: transparent;
  display: none;
  position: absolute;
  top: 54px;
  bottom: 0;
  height: calc(100vh - 54px);
  border-right: none;
  border-left: none;
  width: 250px;
  -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  transition: left 0.2s ease-in-out, right 0.2s ease-in-out; }
  body .left-side-panel .pane-header, body .right-side-panel .pane-header {
    margin: 0;
    height: 30px;
    border-bottom: 1px solid #888; }
    body .left-side-panel .pane-header .pane-icon, body .right-side-panel .pane-header .pane-icon {
      fill: #223B74; }
  body .left-side-panel .pane-content, body .right-side-panel .pane-content {
    background-color: #ffffff;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    overflow: auto;
    overflow-x: hidden;
    padding-top: 7px; }
  body .left-side-panel .side-panel-content, body .right-side-panel .side-panel-content {
    /* BE CAREFUL OF IE10 when touching this */
    display: table-cell;
    height: 100%;
    position: relative;
    background-color: #ffffff; }
    body .left-side-panel .side-panel-content .side-panel-ie10-container-fix, body .right-side-panel .side-panel-content .side-panel-ie10-container-fix {
      display: block;
      height: 100%;
      width: 100%; }
  body .left-side-panel .panel-gray-border, body .right-side-panel .panel-gray-border {
    display: none; }

body .right-side-panel .pane-header {
  height: 31px; }

body .right-side-panel {
  z-index: 9; }

body.left-side-panel-expanded.fullscreen > .left-side-panel {
  top: 0;
  height: 100%;
  margin-top: 0; }

body.left-side-panel-expanded .left-side-panel {
  left: 0;
  border-right: 1px solid #888;
  display: block;
  margin-left: 54px; }

body.right-side-panel-expanded.fullscreen > .right-side-panel {
  top: 0;
  height: 100%;
  margin-top: 0; }

body.right-side-panel-expanded > .right-side-panel {
  display: block;
  position: absolute;
  top: 54px;
  right: 0;
  bottom: 0; }
  body.right-side-panel-expanded > .right-side-panel > div {
    position: relative;
    height: 100%; }

body:not(.show-left-side-menu):not(.left-side-panel-expanded) .content, body:not(.show-left-side-menu):not(.content.ui-draggable), body.fullscreen:not(.left-side-panel-expanded) .content, body.fullscreen:not(.content.ui-draggable) {
  left: 0 !important; }

body:not(.show-left-side-menu) .content, body.fullscreen .content {
  left: 0; }

body:not(.show-left-side-menu) .left-side-menu, body.fullscreen .left-side-menu {
  display: none; }

body:not(.show-left-side-menu).left-side-panel-expanded .left-side-panel, body.fullscreen.left-side-panel-expanded .left-side-panel {
  margin-left: 0 !important; }

.fullscreen > .content, .content.login {
  top: 0;
  overflow: auto; }

.loading-spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #223B74;
  animation: loading-spinner 1s ease-out infinite;
  -webkit-animation-name: spinnerRotate;
  -moz-animation-name: spinnerRotate;
  -ms-animation-name: spinnerRotate;
  animation-name: spinnerRotate; }

.ie .loading-spinner:before {
  margin-left: 0px; }

.loading-spinner {
  text-align: center;
  z-index: 9999;
  margin: auto;
  width: 50px;
  height: 50px; }

.progres-spinner {
  z-index: 9999;
  width: 47px;
  height: 47px;
  display: inline-block;
  float: left;
  margin: -5px 8px 0 -60px; }

.progres-spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #223B74;
  animation: loading-spinner 1s ease-out infinite;
  -webkit-animation-name: spinnerRotate;
  -moz-animation-name: spinnerRotate;
  -ms-animation-name: spinnerRotate;
  animation-name: spinnerRotate; }

img {
  border: 0; }

.form-group {
  padding: 5px 0; }
  .form-group label {
    display: block;
    font-weight: bold; }
  .form-group form-textbox {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14); }

::-ms-clear {
  display: none; }

input {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans !important; }

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

input::-webkit-input-placeholder {
  height: 100%;
  line-height: 16px; }

.fullscreen > .content {
  top: 0 !important; }
  .ie10 .fullscreen > .content {
    top: 0; }

.ellipsis, .workflow-decisions .workflow-decision-steps .workflow-step .name, .workflow-action .decision-maker .user, .workflow-action .decision-maker .users.expand div, .workflow-action .answer label, .workflow-action .answer .outcome-answer > li .title, .workflow-action .answer .outcome-answer > li .moment-picker .input-date > input, .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-toggler .itemTemplate .dropdown-selector-item-title, .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-container, .workflow-action .upload-files .file-Container {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*Do not remove!*/
.gsfBackground {
  border-color: #f68faa;
  font-size: 14;
  margin-bottom: 17; }

@media screen and (max-height: 400px) {
  body.hidden-header > .content {
    top: 0; } }

.frame-child body.hidden-header > .content {
  top: 0; }

@keyframes spinnerRotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@-webkit-keyframes spinnerRotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes spinnerRotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-ms-keyframes spinnerRotate {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(359deg); } }

@font-face {
  font-family: 'mplus-2p-light';
  src: url("../Content/Fonts/mplus-2p-light.svg#mplus-2c-thin") format("svg"), url("../Content/Fonts/mplus-2p-light.eot?#iefix") format("embedded-opentype"), url("../Content/Fonts/mplus-2p-light.woff") format("woff"), url("../Content/Fonts/mplus-2p-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.padded-content {
  padding: 10px; }

.fright {
  float: right; }

.fleft {
  float: left; }

.clear-both {
  clear: both; }

.relative {
  position: relative; }

.absolute, .absolute-center, .failed-to-load, .loading-spinner, .dashboard-section .information-overlay .information-item, .dashboard-section .information-overlay .spinner, .dashboard-section .information-overlay .overlay-message, .search-container .search-results .grid-content .search-results-message, .search-container .search-results .search-results-content .search-results-message, .search-container .search-results .grid-content .search-results-message div, .search-container .search-results .search-results-content .search-results-message div, .search-about-pane .object-details-view .failed-to-load, .object-details-view .failed-to-load, .object-feedback-grid-container .loading-state .loading-state-message,
.object-workflows-grid-container .loading-state .loading-state-message,
.object-contents-grid-container .loading-state .loading-state-message, .object-feedback-grid-container .loading-state .loading-state-message div,
.object-workflows-grid-container .loading-state .loading-state-message div,
.object-contents-grid-container .loading-state .loading-state-message div, .where-used-grid-container .loading-state .loading-state-message, .where-used-grid-container .loading-state .loading-state-message div, .related-item-grid-container .loading-state .loading-state-message, .related-item-grid-container .loading-state .loading-state-message div {
  position: absolute; }

.absolute-center, .failed-to-load, .loading-spinner, .dashboard-section .information-overlay .information-item, .dashboard-section .information-overlay .spinner, .dashboard-section .information-overlay .overlay-message, .search-container .search-results .grid-content .search-results-message, .search-container .search-results .search-results-content .search-results-message, .search-container .search-results .grid-content .search-results-message div, .search-container .search-results .search-results-content .search-results-message div, .search-about-pane .object-details-view .failed-to-load, .object-details-view .failed-to-load, .object-feedback-grid-container .loading-state .loading-state-message,
.object-workflows-grid-container .loading-state .loading-state-message,
.object-contents-grid-container .loading-state .loading-state-message, .object-feedback-grid-container .loading-state .loading-state-message div,
.object-workflows-grid-container .loading-state .loading-state-message div,
.object-contents-grid-container .loading-state .loading-state-message div, .where-used-grid-container .loading-state .loading-state-message, .where-used-grid-container .loading-state .loading-state-message div, .related-item-grid-container .loading-state .loading-state-message, .related-item-grid-container .loading-state .loading-state-message div {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.failed-to-load {
  text-align: center;
  height: 100px;
  margin: auto; }

.maximum-range {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.full-width, .star {
  width: 100%; }

.full-height, .star {
  height: 100%; }

.auto-margin {
  margin: auto; }

.table {
  display: table;
  table-layout: fixed;
  overflow: auto; }

.row, .table-row {
  display: table-row; }

.cell, .table-cell {
  display: table-cell; }

.cell-scrollable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto; }

.hidden-character {
  color: transparent; }

input {
  outline: none; }

.error {
  border: 1px solid #D8000C;
  background-color: #FFBABA;
  text-align: center;
  padding: 5px; }

.pointer, .image-viewer .page-preview .thumbnail-container {
  cursor: pointer; }

.debug-current-state {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: none; }

.bold {
  font-weight: bold; }

.capitalize {
  text-transform: uppercase; }

.content-header {
  height: 30px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); }

.xcenter-and-y30-percent {
  position: absolute;
  bottom: 70%;
  right: 0;
  left: 0;
  margin: auto;
  width: 300px;
  text-align: center;
  vertical-align: middle; }

.views-container .toolbar .is-mobile {
  visibility: hidden; }

.views-container .details-pane {
  pointer-events: none; }

.object-feedback-grid-container .feedback-button {
  background-color: #223B74;
  color: #fff;
  cursor: pointer;
  padding: 5px; }
  .object-feedback-grid-container .feedback-button:hover {
    background-color: #192b54; }
  .object-feedback-grid-container .feedback-button.disabled, .object-feedback-grid-container .feedback-button.disabled:focus, .object-feedback-grid-container .feedback-button:disabled, .object-feedback-grid-container .feedback-button:disabled:focus {
    opacity: 0.5;
    box-shadow: none;
    cursor: default; }

.object-feedback-grid-container .attach-file {
  padding: 5px;
  border: 1px solid rgba(158, 158, 158, 0.74);
  background-color: #fff;
  overflow: hidden;
  position: relative;
  max-width: 75%; }
  .object-feedback-grid-container .attach-file:hover {
    background-color: #f7f7f7; }
  .object-feedback-grid-container .attach-file.disabled, .object-feedback-grid-container .attach-file.disabled:hover, .object-feedback-grid-container .attach-file:disabled, .object-feedback-grid-container .attach-file:disabled:hover {
    background-color: #fff;
    cursor: default;
    opacity: 0.5; }
  .object-feedback-grid-container .attach-file input {
    padding: 0;
    width: 100%;
    height: 100%; }
  .object-feedback-grid-container .attach-file .cursor-pointer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer; }

.object-feedback-grid-container [type=file] {
  opacity: 0;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0; }

.object-feedback-grid-container .files-separator {
  border: none;
  border-top: 1px dashed rgba(0, 0, 0, 0.4);
  margin-top: 10px;
  margin-bottom: 10px; }

.object-feedback-grid-container .files-container {
  border: none;
  border-left: 2px solid #17274c;
  padding: 5px; }
  .object-feedback-grid-container .files-container .attachment {
    margin-right: 7px; }
    .object-feedback-grid-container .files-container .attachment a {
      text-decoration-line: none;
      color: #000000; }
      .object-feedback-grid-container .files-container .attachment a:hover {
        color: #3955A3; }
    .object-feedback-grid-container .files-container .attachment .file-size {
      color: #888; }

.object-feedback-grid-container .attachment-container .attached-file {
  background-color: #f2f2f2;
  margin-bottom: 3px; }

.object-feedback-grid-container .attachment-container svg {
  fill: #223B74;
  height: 19px;
  width: 19px;
  margin: 4px;
  float: right;
  cursor: pointer; }

.object-feedback-grid-container .attachment-container .file-name, .object-feedback-grid-container .attachment-container .file-size {
  max-width: 60%;
  height: 25px;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px;
  text-overflow: ellipsis; }

.object-feedback-grid-container .attachment-container .file-name {
  color: #000000; }

.object-feedback-grid-container .attachment-container .file-size {
  color: #888; }

.switch-show-attachments {
  width: 205px;
  height: 26px;
  border: 1px solid #ccc;
  cursor: pointer;
  color: black;
  margin-top: 10px;
  position: relative;
  overflow: hidden; }
  .switch-show-attachments .text {
    padding-left: 5px;
    position: absolute;
    top: 50%;
    margin-top: -11px; }
  .switch-show-attachments .arrow svg {
    width: 16px;
    height: 16px;
    stroke-width: 2px;
    margin: 4px;
    fill: none;
    stroke: #223B74;
    transform: rotate(90deg); }
  .switch-show-attachments .arrow.open svg {
    transform: rotate(270deg); }

.toolbar {
  height: 29px;
  border-bottom: 1px solid #888;
  display: table;
  width: 100%;
  padding: 0;
  list-style-type: none;
  cursor: default; }
  .object-feedback-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .object-feedback-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
  .object-workflows-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .object-workflows-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
  .object-contents-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .object-contents-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
  .related-item-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .related-item-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
  .where-used-grid-container .frame-child .toolbar .workflow-dropdown .dropdown-selector-trigger,
  .where-used-grid-container .frame-child .toolbar .diagram-layout-dropdown .dropdown-selector-trigger {
    padding-top: 0.5em; }
  .frame-child .toolbar .toolbar-item-button {
    display: table !important;
    width: 100%; }
    .frame-child .toolbar .toolbar-item-button.mark-as-favourite-button {
      width: 25px;
      display: inline-table !important; }
    .frame-child .toolbar .toolbar-item-button .image {
      width: 30px; }
    .frame-child .toolbar .toolbar-item-button .text {
      display: inline-table !important; }
  .frame-child .toolbar .toolbar-item-button.export-button {
    display: none !important; }
  @media (max-width: 768px) {
    .object-feedback-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .object-feedback-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
    .object-workflows-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .object-workflows-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
    .object-contents-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .object-contents-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
    .related-item-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .related-item-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger,
    .where-used-grid-container .toolbar .workflow-dropdown .dropdown-selector-trigger,
    .where-used-grid-container .toolbar .diagram-layout-dropdown .dropdown-selector-trigger {
      padding-top: 0.5em; }
    .toolbar .toolbar-item-button {
      width: 100%; }
      .toolbar .toolbar-item-button:not(.mark-as-favourite-button) {
        display: table !important; }
      .toolbar .toolbar-item-button .image {
        width: 30px; }
      .toolbar .toolbar-item-button .text {
        display: inline-table !important; }
    .toolbar .toolbar-item-button.export-button {
      display: none !important; } }
  @media (min-width: 768px) {
    .object-feedback-grid-container .toolbar .toolbar-item-button,
    .object-workflows-grid-container .toolbar .toolbar-item-button,
    .object-contents-grid-container .toolbar .toolbar-item-button,
    .related-item-grid-container .toolbar .toolbar-item-button,
    .where-used-grid-container .toolbar .toolbar-item-button {
      padding-left: 2px;
      padding-right: 2px; }
    .toolbar .hide-right-border {
      border-right: none !important;
      width: 250px; } }
  .toolbar .view-result .filter-textbox, .workflow-result .toolbar .filter-textbox {
    visibility: hidden; }
  .toolbar .dropdown-selector-menu .dropdown-selector-item.hidden {
    display: none; }
  .toolbar .toolbar-group {
    vertical-align: middle;
    display: table-cell;
    padding: 0;
    border-right: 1px solid #ccc;
    white-space: nowrap; }
    .toolbar .toolbar-group.result-count {
      padding: 0 7px;
      border-right: none;
      border-left: 1px solid #ccc;
      width: 1px; }
    .toolbar .toolbar-group.right-side-buttons {
      padding-left: 5px; }
      .toolbar .toolbar-group.right-side-buttons ul {
        padding-left: 0;
        display: table;
        width: 100%; }
      .right-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox input {
        right: 80px;
        width: calc(100% - 80px); }
      @media all and (max-width: 900px) {
        .toolbar .toolbar-group.right-side-buttons .search-focused {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          background-color: #fff;
          z-index: 3; }
          .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li {
            display: none; }
            .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox, .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.search-icon {
              display: table-cell; }
            .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox {
              min-width: 0;
              width: calc(100% - $header-group-item-size); }
          .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox input {
            position: absolute;
            top: 0;
            left: 0;
            right: 120px;
            width: calc(100% - 120px); }
            .right-side-panel-expanded.left-side-panel-expanded .toolbar .toolbar-group.right-side-buttons .search-focused li.filter-textbox input {
              right: 40px;
              width: calc(100% - 40px); } }
      .toolbar .toolbar-group.right-side-buttons .filter-textbox {
        min-width: 40px;
        padding: 0px 2px 0 0; }
        .toolbar .toolbar-group.right-side-buttons .filter-textbox input {
          width: 30%;
          min-width: 62px;
          height: 29px;
          z-index: 5;
          text-align: right;
          border-left: 1px solid #ccc;
          float: right; }
          .narrow-width .toolbar .toolbar-group.right-side-buttons .filter-textbox input,
          .frame-child .toolbar .toolbar-group.right-side-buttons .filter-textbox input {
            width: 100%;
            border-left: none; }
          .toolbar .toolbar-group.right-side-buttons .filter-textbox input::-webkit-input-placeholder {
            font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }
        .toolbar .toolbar-group.right-side-buttons .filter-textbox form {
          border-right: none; }
    .toolbar .toolbar-group.individual-button {
      text-align: center; }
      .toolbar .toolbar-group.individual-button a {
        display: block; }
        .toolbar .toolbar-group.individual-button a.disabled {
          cursor: default; }
    .toolbar .toolbar-group.place-holder {
      border: none;
      width: inherit; }
    .toolbar .toolbar-group .left-to-right-scrollable {
      height: auto; }
    .toolbar .toolbar-group:last-child, .right-side-panel-expanded .toolbar .toolbar-group.tiles-mode, .toolbar .toolbar-group.left-side-buttons, .toolbar .toolbar-group.zoomSlider, .toolbar .toolbar-group.center-document {
      border-right: none; }
    .toolbar .toolbar-group.filter-pane, .toolbar .toolbar-group.search-icon, .toolbar .toolbar-group.details-pane, .toolbar .toolbar-group.tiles-mode, .toolbar .toolbar-group.action-group, .toolbar .toolbar-group.center-document {
      width: 40px;
      min-width: 40px;
      cursor: pointer; }
    .toolbar .toolbar-group.zoom-container {
      margin: 0 15px 0 0;
      width: 100px; }
      .toolbar .toolbar-group.zoom-container .slider-zoom-value {
        margin-top: 5px; }
        .toolbar .toolbar-group.zoom-container .slider-zoom-value label {
          font-size: small;
          margin-top: 15px; }
        .toolbar .toolbar-group.zoom-container .slider-zoom-value .minvalue {
          float: left; }
        .toolbar .toolbar-group.zoom-container .slider-zoom-value .maxvalue {
          float: right; }
        .toolbar .toolbar-group.zoom-container .slider-zoom-value .currentValue {
          float: left;
          margin-left: 90px; }
    .toolbar .toolbar-group.left-side-buttons {
      width: auto; }
    .toolbar .toolbar-group svg {
      width: 20px;
      height: 19px;
      stroke-width: 1px;
      fill: #223B74;
      stroke: #223B74; }
    .toolbar .toolbar-group.tiles-mode svg, .toolbar .toolbar-group.details-pane svg, .toolbar .toolbar-group.center-document svg {
      fill: #223B74;
      stroke: transparent; }
    .toolbar .toolbar-group .toggle-workflow {
      padding-top: inherit !important;
      display: inline-block !important;
      width: auto;
      max-width: 150px; }
      .narrow-width .toolbar .toolbar-group .toggle-workflow,
      .frame-child .toolbar .toolbar-group .toggle-workflow {
        width: 25px; }
      .toolbar .toolbar-group .toggle-workflow .disabled {
        cursor: default; }
      .toolbar .toolbar-group .toggle-workflow .dropdown-selector-trigger {
        padding-left: 0 !important;
        padding-right: 0 !important; }
    .toolbar .toolbar-group .toggle-show-objects-button .def-small-inv {
      fill: #223B74 !important; }
    .toolbar .toolbar-group .toolbar-item-button {
      display: inline-block;
      vertical-align: middle;
      height: calc(100% - 1px);
      padding-top: 4px;
      cursor: pointer;
      padding-right: 4px; }
      .toolbar .toolbar-group .toolbar-item-button.open-all-button {
        width: 61px; }
      .tablet-width .toolbar .toolbar-group .toolbar-item-button.open-all-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.download-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.pdf-download-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.toggle-show-objects-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.share-link-button, .tablet-width .toolbar .toolbar-group .toolbar-item-button.post-feedback-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.open-all-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.download-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.pdf-download-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.toggle-show-objects-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.share-link-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.post-feedback-button {
        display: none !important; }
      .tablet-width .toolbar .toolbar-group .toolbar-item-button.refresh-workflow-button .text,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.refresh-workflow-button .text {
        display: none !important; }
      .tablet-width .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button {
        width: 30px; }
      .toolbar .toolbar-group .toolbar-item-button.download-button .workflow-dropdown .dropdown-selector-trigger svg {
        width: 20px;
        height: 19px; }
      .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button.not-favourited:not(.disabled) polygon {
        fill: #223B74; }
      .narrow-width .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button .text,
      .frame-child .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button .text {
        display: none !important; }
      .toolbar .toolbar-group .toolbar-item-button.disabled {
        cursor: default; }
      .toolbar .toolbar-group .toolbar-item-button .image {
        display: inline-block;
        width: 24px; }
        .toolbar .toolbar-group .toolbar-item-button .image svg {
          fill: #223B74;
          min-width: 24px; }
      .toolbar .toolbar-group .toolbar-item-button .text {
        display: inline-block;
        vertical-align: super;
        font-size: 12px;
        color: #000000; }
      .toolbar .toolbar-group .toolbar-item-button.toggle-show-objects .text {
        font-weight: normal; }
      .toolbar .toolbar-group .toolbar-item-button.disabled .image, .toolbar .toolbar-group .toolbar-item-button.disabled .text {
        cursor: default;
        color: #888;
        font-weight: normal; }
        .toolbar .toolbar-group .toolbar-item-button.disabled .image svg, .toolbar .toolbar-group .toolbar-item-button.disabled .text svg {
          fill: #888; }
          .toolbar .toolbar-group .toolbar-item-button.disabled .image svg polygon, .toolbar .toolbar-group .toolbar-item-button.disabled .text svg polygon {
            fill: #888; }
    .toolbar .toolbar-group .edit-attribute-button, .toolbar .toolbar-group .share-link-button, .toolbar .toolbar-group .post-feedback-button {
      padding-top: inherit !important;
      display: inline-block !important;
      width: auto; }
      .toolbar .toolbar-group .edit-attribute-button .disabled .text, .toolbar .toolbar-group .share-link-button .disabled .text, .toolbar .toolbar-group .post-feedback-button .disabled .text {
        color: #888; }
      .toolbar .toolbar-group .edit-attribute-button .disabled .text svg, .toolbar .toolbar-group .share-link-button .disabled .text svg, .toolbar .toolbar-group .post-feedback-button .disabled .text svg {
        fill: #888; }
      .narrow-width .toolbar .toolbar-group .edit-attribute-button .image,
      .frame-child .toolbar .toolbar-group .edit-attribute-button .image, .narrow-width .toolbar .toolbar-group .share-link-button .image,
      .frame-child .toolbar .toolbar-group .share-link-button .image, .narrow-width .toolbar .toolbar-group .post-feedback-button .image,
      .frame-child .toolbar .toolbar-group .post-feedback-button .image {
        margin-top: 3px; }
      .narrow-width .toolbar .toolbar-group .edit-attribute-button .text,
      .frame-child .toolbar .toolbar-group .edit-attribute-button .text, .narrow-width .toolbar .toolbar-group .share-link-button .text,
      .frame-child .toolbar .toolbar-group .share-link-button .text, .narrow-width .toolbar .toolbar-group .post-feedback-button .text,
      .frame-child .toolbar .toolbar-group .post-feedback-button .text {
        display: none !important; }
      .toolbar .toolbar-group .edit-attribute-button .image svg, .toolbar .toolbar-group .share-link-button .image svg, .toolbar .toolbar-group .post-feedback-button .image svg {
        fill: #223B74;
        height: 24px; }
    .toolbar .toolbar-group.action-group {
      display: none; }
      .tablet-width .toolbar .toolbar-group.action-group,
      .frame-child .toolbar .toolbar-group.action-group {
        display: table-cell; }
        .tablet-width .toolbar .toolbar-group.action-group .dropdown-selector-menu.open,
        .frame-child .toolbar .toolbar-group.action-group .dropdown-selector-menu.open {
          top: auto !important; }
    .toolbar .toolbar-group .action-groups {
      height: 100%; }
      .toolbar .toolbar-group .action-groups .dropdown-selector-container {
        width: 100%;
        height: 100%; }
        .narrow-width .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open,
        .frame-child .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open {
          top: 83px; }
        .toolbar .toolbar-group .action-groups .dropdown-selector-container .current-item-overlay {
          margin-top: 5px;
          margin-left: 10px; }
        .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item {
          height: 37px; }
          .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .image {
            width: 24px;
            height: 24px; }
          .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .text {
            display: inline-block !important; }
        .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open .hide-download {
          display: none; }
        .tab-control .toolbar .toolbar-group .action-groups .dropdown-selector-container .dropdown-selector-menu.open {
          top: 112px; }
    .toolbar .toolbar-group .feedback-dropdown {
      padding: 4px 5px 0 5px; }
      .toolbar .toolbar-group .feedback-dropdown.disabled {
        cursor: default;
        pointer-events: none; }
        .toolbar .toolbar-group .feedback-dropdown.disabled svg {
          stroke: #888;
          fill: #888; }
    .toolbar .toolbar-group .workflow-dropdown,
    .toolbar .toolbar-group .diagram-layout-dropdown {
      height: 100%; }
      .toolbar .toolbar-group .workflow-dropdown po-dropdown-selector.disabled .dropdown-selector-container.open,
      .toolbar .toolbar-group .diagram-layout-dropdown po-dropdown-selector.disabled .dropdown-selector-container.open {
        background-color: #ffffff; }
      .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .icon .dropdown-selector-item-icon svg,
      .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .icon .dropdown-selector-item-icon svg {
        stroke: transparent; }
    .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-menu.open {
      width: 150px;
      left: -40px; }
      .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-menu.open .dropdown-selector-item {
        padding: 2px; }
    .fullscreen .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
      top: 30px;
      position: fixed;
      min-width: 205px;
      left: auto; }
    .frame-child .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
      max-height: 200px;
      width: 205px;
      background-color: #fff;
      min-width: 205px;
      position: fixed !important;
      top: 114px !important;
      left: auto !important; }
      .show-left-side-menu .frame-child .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
        left: 185px; }
      .has-page-preview-expanded .frame-child .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
        left: 355px; }
    @media all and (max-height: 600px), all and (max-width: 768px) {
      .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
        max-height: 200px;
        width: 205px;
        background-color: #fff;
        min-width: 205px;
        position: fixed !important;
        top: 114px !important;
        left: auto !important; }
        .show-left-side-menu .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
          left: 185px; }
        .has-page-preview-expanded .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-menu {
          left: 355px; } }
    .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 60px; }
      .small-screen .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
        display: none; }
    .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container .dropdown-selector-trigger svg {
      fill: #223B74;
      stroke: #fff;
      height: 19px;
      width: 24px; }
    .toolbar .toolbar-group .diagram-layout-dropdown po-dropdown-selector.disabled .dropdown-selector-container.open {
      background-color: #ffffff; }
  .toolbar.resized-toolbar .toolbar-group.action-group {
    display: table-cell; }
    .toolbar.resized-toolbar .toolbar-group.action-group .dropdown-selector-menu.open {
      top: auto !important; }
  .toolbar.resized-toolbar .toolbar-group .open-all-button, .toolbar.resized-toolbar .toolbar-group .download-button, .toolbar.resized-toolbar .toolbar-group .pdf-download-button, .toolbar.resized-toolbar .toolbar-group .toggle-show-objects-button, .toolbar.resized-toolbar .toolbar-group .share-link-button, .toolbar.resized-toolbar .toolbar-group .post-feedback-button {
    display: none !important; }
  .toolbar.resized-toolbar .toolbar-group .mark-as-favourite-button .text,
  .toolbar.resized-toolbar .toolbar-group .refresh-workflow-button .text,
  .toolbar.resized-toolbar .toolbar-group .toggle-workflow .text {
    display: none !important; }

.toolbar-dropdown .dropdown-selector-trigger .arrow, .toolbar .toolbar-group .action-groups .dropdown-selector-trigger .arrow, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger .arrow, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger .arrow, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger .arrow {
  width: 30px;
  padding-left: 3px; }

.toolbar-dropdown .dropdown-picker-item .icon, .toolbar .toolbar-group .action-groups .dropdown-picker-item .icon, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .icon, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .icon, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .icon {
  display: table-cell;
  vertical-align: middle; }
  .toolbar-dropdown .dropdown-picker-item .icon svg, .toolbar .toolbar-group .action-groups .dropdown-picker-item .icon svg, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .icon svg, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .icon svg, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .icon svg {
    stroke: #fff;
    fill: #223B74; }

.toolbar-dropdown .dropdown-selector-trigger a, .toolbar .toolbar-group .action-groups .dropdown-selector-trigger a, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger a, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger a, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger a {
  color: #000000;
  text-decoration: none; }

.toolbar-dropdown .dropdown-picker-item, .toolbar .toolbar-group .action-groups .dropdown-picker-item, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  color: #000000;
  text-decoration: none; }
  .toolbar-dropdown .dropdown-picker-item .name, .toolbar .toolbar-group .action-groups .dropdown-picker-item .name, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .name, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .name, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .name {
    overflow: hidden;
    margin-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle; }
  .toolbar-dropdown .dropdown-picker-item .icon, .toolbar .toolbar-group .action-groups .dropdown-picker-item .icon, .toolbar .toolbar-group .workflow-dropdown .dropdown-picker-item .icon, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-picker-item .icon, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .icon {
    width: 30px;
    padding: 0 5px;
    text-align: center; }

.toolbar-dropdown .dropdown-selector-item.selected, .toolbar .toolbar-group .action-groups .dropdown-selector-item.selected, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-item.selected, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-item.selected, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-item.selected {
  background-color: #9FC9F4; }

.toolbar-dropdown .dropdown-selector-item .dropdown-selector-item-inner, .toolbar .toolbar-group .action-groups .dropdown-selector-item .dropdown-selector-item-inner, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-item .dropdown-selector-item-inner, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner {
  height: 100%;
  color: #000000;
  text-decoration: none;
  text-align: left; }
  .toolbar-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button, .toolbar .toolbar-group .action-groups .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button {
    width: 100%;
    padding-top: 10px; }
    .toolbar-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text, .toolbar .toolbar-group .action-groups .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-item .dropdown-selector-item-inner .toolbar-item-button .text {
      display: inline-block; }

.toolbar-dropdown .open .dropdown-selector-item, .toolbar .toolbar-group .action-groups .open .dropdown-selector-item, .toolbar .toolbar-group .workflow-dropdown .open .dropdown-selector-item, .toolbar .toolbar-group .diagram-layout-dropdown .open .dropdown-selector-item, .viewer-header .toggle-workflow .workflow-dropdown .open .dropdown-selector-item {
  height: 50px;
  cursor: pointer; }

.toolbar-dropdown .dropdown-selector-menu, .toolbar .toolbar-group .action-groups .dropdown-selector-menu, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-menu, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-menu, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-menu {
  max-height: 200px;
  width: 205px;
  background-color: #fff; }

.toolbar-dropdown .displayTemplate, .toolbar .toolbar-group .action-groups .displayTemplate, .toolbar .toolbar-group .workflow-dropdown .displayTemplate, .toolbar .toolbar-group .diagram-layout-dropdown .displayTemplate, .viewer-header .toggle-workflow .workflow-dropdown .displayTemplate {
  border: none !important; }

.toolbar-dropdown .dropdown-selector-container, .toolbar .toolbar-group .action-groups .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container {
  max-width: 205px;
  background-color: #fff;
  border: 1px solid rgba(34, 59, 116, 0.23); }

.extend-workflow .open .dropdown-selector-item, .toolbar .toolbar-group .workflow-dropdown .open .dropdown-selector-item, .toolbar .toolbar-group .diagram-layout-dropdown .open .dropdown-selector-item, .viewer-header .toggle-workflow .workflow-dropdown .open .dropdown-selector-item {
  height: 36px; }

.extend-workflow .dropdown-selector-trigger, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger {
  padding: 4px 5px 0 5px; }
  .extend-workflow .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger .text {
    vertical-align: top;
    line-height: 18px; }
  .extend-workflow .dropdown-selector-trigger svg, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger svg, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger svg, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger svg {
    fill: #223B74;
    stroke: #fff;
    height: 19px;
    width: 24px; }
  .extend-workflow .dropdown-selector-trigger .icon, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-trigger .icon, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-trigger .icon, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-trigger .icon {
    cursor: pointer; }

.extend-workflow .narrow-width .dropdown-selector-trigger, .toolbar .toolbar-group .workflow-dropdown .narrow-width .dropdown-selector-trigger, .toolbar .toolbar-group .diagram-layout-dropdown .narrow-width .dropdown-selector-trigger, .viewer-header .toggle-workflow .workflow-dropdown .narrow-width .dropdown-selector-trigger, .extend-workflow .frame-child .dropdown-selector-trigger, .toolbar .toolbar-group .workflow-dropdown .frame-child .dropdown-selector-trigger, .toolbar .toolbar-group .diagram-layout-dropdown .frame-child .dropdown-selector-trigger, .viewer-header .toggle-workflow .workflow-dropdown .frame-child .dropdown-selector-trigger {
  padding-top: 4px; }
  .extend-workflow .narrow-width .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .narrow-width .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .narrow-width .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .narrow-width .dropdown-selector-trigger .text, .extend-workflow .frame-child .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .frame-child .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .frame-child .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .frame-child .dropdown-selector-trigger .text {
    display: none !important; }

.extend-workflow .narrow-width .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .narrow-width .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .narrow-width .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .narrow-width .dropdown-selector-container, .extend-workflow .frame-child .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .frame-child .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .frame-child .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .frame-child .dropdown-selector-container {
  width: 25px; }
  .extend-workflow .narrow-width .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .workflow-dropdown .narrow-width .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .diagram-layout-dropdown .narrow-width .dropdown-selector-container .dropdown-selector-menu.open, .viewer-header .toggle-workflow .workflow-dropdown .narrow-width .dropdown-selector-container .dropdown-selector-menu.open, .extend-workflow .frame-child .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .workflow-dropdown .frame-child .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .diagram-layout-dropdown .frame-child .dropdown-selector-container .dropdown-selector-menu.open, .viewer-header .toggle-workflow .workflow-dropdown .frame-child .dropdown-selector-container .dropdown-selector-menu.open {
    top: 83px; }

.extend-workflow .small-screen .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .small-screen .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .small-screen .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .small-screen .dropdown-selector-trigger .text {
  display: none !important; }

.extend-workflow .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container {
  height: 100%; }

.extend-workflow .dropdown-selector-container.open, .toolbar .toolbar-group .workflow-dropdown .dropdown-selector-container.open, .toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container.open, .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container.open {
  background-color: #dadada; }

.extend-workflow .short-height  .dropdown-selector-container, .toolbar .toolbar-group .workflow-dropdown .short-height  .dropdown-selector-container, .toolbar .toolbar-group .diagram-layout-dropdown .short-height  .dropdown-selector-container, .viewer-header .toggle-workflow .workflow-dropdown .short-height  .dropdown-selector-container {
  position: relative !important; }
  .extend-workflow .short-height  .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .workflow-dropdown .short-height  .dropdown-selector-container .dropdown-selector-menu.open, .toolbar .toolbar-group .diagram-layout-dropdown .short-height  .dropdown-selector-container .dropdown-selector-menu.open, .viewer-header .toggle-workflow .workflow-dropdown .short-height  .dropdown-selector-container .dropdown-selector-menu.open {
    top: initial;
    position: absolute; }

.extend-workflow .disabled .dropdown-selector-trigger, .toolbar .toolbar-group .workflow-dropdown .disabled .dropdown-selector-trigger, .toolbar .toolbar-group .diagram-layout-dropdown .disabled .dropdown-selector-trigger, .viewer-header .toggle-workflow .workflow-dropdown .disabled .dropdown-selector-trigger {
  pointer-events: none; }
  .extend-workflow .disabled .dropdown-selector-trigger .text, .toolbar .toolbar-group .workflow-dropdown .disabled .dropdown-selector-trigger .text, .toolbar .toolbar-group .diagram-layout-dropdown .disabled .dropdown-selector-trigger .text, .viewer-header .toggle-workflow .workflow-dropdown .disabled .dropdown-selector-trigger .text {
    font-weight: normal;
    color: #888; }
  .extend-workflow .disabled .dropdown-selector-trigger svg, .toolbar .toolbar-group .workflow-dropdown .disabled .dropdown-selector-trigger svg, .toolbar .toolbar-group .diagram-layout-dropdown .disabled .dropdown-selector-trigger svg, .viewer-header .toggle-workflow .workflow-dropdown .disabled .dropdown-selector-trigger svg {
    stroke: #fff;
    fill: #888; }

input[placeholder] {
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }

::-moz-placeholder {
  /* Firefox 19+ */
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }

:-ms-input-placeholder {
  /* IE 10+ */
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }

:-moz-placeholder {
  /* Firefox 18- */
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans; }

#sidebar-resizer {
  position: absolute;
  z-index: 4;
  cursor: e-resize;
  height: calc(100% - 54px);
  width: 3px;
  top: 54px;
  background-color: #dadada; }

#sidebar-resizer::after {
  content: '\01C0';
  font-size: 20px;
  color: #888;
  height: 100%;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  left: -1px; }

.zoomSlider {
  margin: 0 15px 0 0;
  width: 100px;
  height: 25px; }

.zoomButton {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0;
  transition: opacity .2s; }

.zoomRangeContainer {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  width: 100px;
  height: 25px; }

.zoomRangeInput {
  margin: 0;
  padding: 0;
  outline: none;
  transition: opacity .2s;
  background: transparent;
  -webkit-appearance: none;
  width: 100px;
  height: 25px;
  border: none;
  font-size: 14px; }

/* Set up additional styling to ensure consistenty across browsers */
.zoomRangeInput::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: 1px solid #aaa;
  width: 100%;
  border-radius: 4px;
  background: #fff url(ThirdParty/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222;
  height: .8em; }

.zoomRangeInput::-moz-range-track {
  box-sizing: border-box;
  border: 1px solid #aaa;
  width: 100%;
  border-radius: 4px;
  background: #fff url(ThirdParty/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222;
  height: .8em; }

.zoomRangeInput::-ms-track {
  box-sizing: border-box;
  border: 1px solid #aaa;
  width: 100%;
  border-radius: 4px;
  background: #fff url(ThirdParty/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #fff;
  height: .8em; }

.zoomRangeInput::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -.2em;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(ThirdParty/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  top: -.3em;
  height: 1.2em;
  width: 1.2em; }
  .zoomRangeInput::-webkit-slider-thumb:hover {
    outline: -webkit-focus-ring-color auto 5px; }
  .zoomRangeInput::-webkit-slider-thumb:active {
    border: 1px solid #aaa;
    background: #fff url(ThirdParty/jquery/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; }

.zoomRangeInput::-moz-range-thumb {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(ThirdParty/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  top: -.3em;
  height: 1.2em;
  width: 1.2em; }

.zoomRangeInput::-ms-thumb {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(ThirdParty/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  top: -.3em;
  height: 1.2em;
  width: 1.2em; }

.zoomRangeInput::-ms-tooltip,
.zoomRangeInput::-ms-fill-lower,
.zoomRangeInput::-ms-fill-upper {
  display: none; }

.dropdown-selector-container {
  position: relative;
  z-index: 3;
  display: inline-block;
  color: #000000; }
  .narrow-width .dropdown-selector-container,
  .frame-child .dropdown-selector-container {
    position: static; }
  .dropdown-selector-container .multi-selected {
    position: relative !important;
    max-height: 185px !important;
    top: 0px !important;
    box-shadow: none !important; }
    .dropdown-selector-container .multi-selected .name {
      padding-right: 8px; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item:first-child:hover {
      background-color: #fff; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item:first-child .disable svg .st0 {
      fill: #888; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item:first-child .icon:hover:not(.disable) svg .st0 {
      fill: #223B74; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item.recently-added > div:first-child {
      width: calc(100% - 32px);
      padding: 8px;
      float: left;
      height: 100%;
      color: #223B74; }
    .dropdown-selector-container .multi-selected .dropdown-selector-item.recently-added .icon {
      padding-top: 4px; }
      .dropdown-selector-container .multi-selected .dropdown-selector-item.recently-added .icon svg {
        width: 23px;
        height: 23px; }
        .dropdown-selector-container .multi-selected .dropdown-selector-item.recently-added .icon svg .del-filter-st0 {
          fill: #223B74; }
  .dropdown-selector-container .multi-select {
    position: relative !important;
    top: 0px !important;
    height: 280px;
    max-height: 434px !important;
    /*margin-top: 8px;*/ }
    .dropdown-selector-container .multi-select .icon .dropdown-selector-item-icon svg {
      width: 20px !important;
      height: 20px !important; }
    .dropdown-selector-container .multi-select .name {
      padding-right: 8px; }
      .touch-capable .dropdown-selector-container .multi-select .name {
        position: absolute;
        left: 54px;
        padding-top: 10px;
        width: calc(100% - 54px); }
    .dropdown-selector-container .multi-select .hide-background-color {
      background-color: transparent; }
    .touch-capable .dropdown-selector-container .multi-select .icon {
      position: absolute;
      margin-top: 4px;
      width: 30px !important; }
    .dropdown-selector-container .multi-select.is-object-type .checkbox {
      width: 24px;
      padding-top: 2px; }
    .dropdown-selector-container .multi-select.is-object-type .name {
      padding-left: 5px; }
    .dropdown-selector-container .multi-select.is-object-type .icon {
      width: 30px !important;
      height: 30px !important;
      padding: 0px !important; }
    .dropdown-selector-container .multi-select .dropdown-selector-item-inner:hover .checkbox:not(.disabled) svg {
      stroke: #223B74; }
    .dropdown-selector-container .multi-select .dropdown-selector-item-inner .checkbox.disabled span {
      background-color: #888; }
    .dropdown-selector-container .multi-select .checkbox {
      width: 18px;
      height: 16px;
      position: relative;
      padding-left: 5px;
      display: table-cell;
      vertical-align: middle; }
      .dropdown-selector-container .multi-select .checkbox.selected span {
        background-color: #223B74; }
        .dropdown-selector-container .multi-select .checkbox.selected span svg {
          fill: #fff;
          margin: 3px 0 0 2px;
          height: 12px;
          width: 13px;
          fill: transparent;
          stroke: #fff;
          stroke-width: 1.5px;
          max-height: none;
          max-width: none; }
      .dropdown-selector-container .multi-select .checkbox span {
        border: 1px solid #ccc;
        vertical-align: middle;
        display: block;
        width: 16px;
        height: 16px; }
      .dropdown-selector-container .multi-select .checkbox svg {
        margin: 3px 0 0 2px;
        height: 12px;
        width: 13px;
        fill: transparent;
        /*stroke: #b4b4b1;*/
        stroke-width: 1.5px;
        max-height: none;
        max-width: none; }
    .dropdown-selector-container .multi-select.dropdown-selector-menu {
      box-shadow: none;
      /*border-top: 1px solid #8c8282;*/
      border-left: none;
      /*.edge & {
                overflow:hidden;
            }*/ }
  .dropdown-selector-container .dropdown-selector-item {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0s ease-in-out, background-color 0.1s ease-in-out;
    -moz-transition: height 0s ease-in-out, background-color 0.1s ease-in-out;
    -ms-transition: height 0s ease-in-out, background-color 0.1s ease-in-out;
    transition: height 0s ease-in-out, background-color 0.1s ease-in-out; }
    .dropdown-selector-container .dropdown-selector-item.selected {
      background-color: #9FC9F4; }
    .dropdown-selector-container .dropdown-selector-item:hover {
      background-color: #C3E0F4; }
  .dropdown-selector-container .dropdown-selector-trigger {
    display: inline-block;
    height: 100%;
    width: 100%;
    height: 100%;
    position: relative; }
    .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler {
      display: table;
      height: 100%;
      width: 100%;
      white-space: nowrap; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .filterTypeInputBox {
        width: calc(100% - 10px);
        border: 1px solid rgba(241, 236, 236, 0.5); }
        .admin-profiles .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .filterTypeInputBox {
          border: none; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .filter-Type-Selected-Display {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 10px;
        width: calc(100% - 30px);
        position: absolute;
        color: rgba(136, 136, 136, 0.75);
        font-style: italic; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler > * {
        height: 100%;
        display: table-cell;
        vertical-align: middle; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .arrow {
        width: 100%; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .popout-link {
        cursor: pointer;
        padding-left: 5px; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button {
        cursor: pointer; }
        .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button.disabled {
          cursor: default; }
          .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button.disabled svg {
            fill: #888; }
        .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button:after {
          content: "";
          position: absolute;
          height: 36px;
          border-left: 1px solid #ccc;
          top: 7px; }
        .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .edit-button svg {
          height: 26px;
          width: 26px;
          margin-right: 2px; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .save-button {
        cursor: pointer; }
        .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .save-button svg {
          height: 26px;
          width: 26px;
          margin-right: 2px; }
      .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .current-item-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        cursor: pointer;
        z-index: 1;
        background-color: rgba(1, 0, 0, 0); }
    .dropdown-selector-container .dropdown-selector-trigger div {
      display: inline-block;
      vertical-align: middle; }
    .dropdown-selector-container .dropdown-selector-trigger .expand-icon {
      display: block; }
      .dropdown-selector-container .dropdown-selector-trigger .expand-icon svg {
        stroke-width: 1.5px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .dropdown-selector-container .dropdown-selector-trigger .expand-icon.open svg {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    .dropdown-selector-container .dropdown-selector-trigger .dropdown-selector-item-container.selected {
      background-color: transparent; }
  .dropdown-selector-container .dropdown-selector-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    min-width: 100%;
    width: 100%;
    box-shadow: 1px 1px 3px #ccc;
    border: none;
    overflow-x: hidden;
    overflow-y: auto; }
    .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-selected-element {
      display: none; }
    .small-screen .dropdown-selector-container .dropdown-selector-menu.open,
    .frame-child .dropdown-selector-container .dropdown-selector-menu.open {
      z-index: 4; }
    .small-screen .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu.open,
    .frame-child .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu.open {
      top: auto !important; }
    .small-screen .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open,
    .frame-child .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open {
      border: solid 1px #ccc;
      border-top: 0;
      position: fixed;
      top: auto !important; }
      .small-screen .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.dropdown-selector-selected-element.selected,
      .frame-child .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.dropdown-selector-selected-element.selected {
        display: block; }
      .small-screen .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.selected,
      .frame-child .header-dropdown .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.selected {
        display: none; }
    .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item {
      border-bottom: none;
      -webkit-transition: height 0.2s ease-in-out;
      -moz-transition: height 0.2s ease-in-out;
      -ms-transition: height 0.2s ease-in-out;
      transition: height 0.2s ease-in-out; }
      .dropdown-selector-container .dropdown-selector-menu.open .dropdown-selector-item.separator {
        height: 1px;
        box-shadow: 0px 0px 2px #888; }
  .dropdown-selector-container .dropdown-selector-item-container {
    display: block;
    height: 40px;
    width: 100%; }
    .dropdown-selector-container .dropdown-selector-item-container > * {
      padding: 0 10px;
      display: table-cell;
      white-space: nowrap;
      vertical-align: middle; }
      .dropdown-selector-container .dropdown-selector-item-container > * > * {
        height: 100%; }
      .dropdown-selector-container .dropdown-selector-item-container > *:last-child {
        width: 100%; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-container, .default-dropdown-selector-parent po-multi-select .dropdown-selector-container {
  position: relative;
  width: 100%;
  background-color: #3897DA;
  color: white; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-container.open, .default-dropdown-selector-parent po-multi-select .dropdown-selector-container.open {
    z-index: 3; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .dropdown-toggler, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .dropdown-toggler {
  display: table;
  height: 100%;
  white-space: normal; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .dropdown-toggler .current-item-overlay, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .dropdown-toggler .current-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
    background-color: transparent; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .dropdown-toggler > *, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .dropdown-toggler > * {
    height: 100%;
    display: table-cell;
    vertical-align: middle; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .arrow, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .arrow {
  width: 30px !important;
  margin-left: 4px; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .arrow .expand-icon, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .arrow .expand-icon {
    height: 20px;
    width: 20px;
    /*stroke: white !important;*/ }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-menu, .default-dropdown-selector-parent po-multi-select .dropdown-selector-menu {
  max-height: 300px;
  color: #000000; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-menu.open .dropdown-selector-item, .default-dropdown-selector-parent po-multi-select .dropdown-selector-menu.open .dropdown-selector-item {
  height: 38px;
  cursor: pointer; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-menu.open .dropdown-selector-item.selected, .default-dropdown-selector-parent po-multi-select .dropdown-selector-menu.open .dropdown-selector-item.selected {
    background-color: #9FC9F4; }
  .default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-inner, .default-dropdown-selector-parent po-multi-select .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-inner {
    height: 100%; }

.default-dropdown-selector-parent po-dropdown-selector .dropdown-selector-trigger .default-dropdown-picker-item .icon, .default-dropdown-selector-parent po-multi-select .dropdown-selector-trigger .default-dropdown-picker-item .icon {
  fill: #fff; }

.default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  text-decoration: none; }
  .default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item .icon, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item .icon {
    width: 40px !important;
    padding: 0 5px;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
    .default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item .icon svg, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item .icon svg {
      width: 24px !important;
      height: 24px !important; }
  .default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item .name, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item .name {
    overflow: hidden;
    margin-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle; }
  .default-dropdown-selector-parent po-dropdown-selector .default-dropdown-picker-item .no-image, .default-dropdown-selector-parent po-multi-select .default-dropdown-picker-item .no-image {
    padding-left: 2px; }

.default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-menu.open {
  background-color: #fff; }
  .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-menu.open .dropdown-selector-item {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc; }

.default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-container, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-container {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000000; }

.default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-trigger .default-dropdown-picker-item .icon, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-trigger .default-dropdown-picker-item .icon {
  fill: #223B74; }

.default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-trigger .arrow .expand-icon, .default-dropdown-selector-parent po-multi-select.light .dropdown-selector-trigger .arrow .expand-icon {
  stroke: #223B74 !important; }

.default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-container, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-container {
  height: 30px;
  width: 200px;
  max-height: 30px; }

.default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-trigger .arrow, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-trigger .arrow {
  padding-left: 7px; }
  .default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-trigger .arrow .expand-icon, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-trigger .arrow .expand-icon {
    height: 16px;
    width: 16px; }

.default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-menu, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-menu {
  box-shadow: 1px 0px 0px #888; }

.default-dropdown-selector-parent po-dropdown-selector.small .dropdown-selector-menu.open .dropdown-selector-item, .default-dropdown-selector-parent po-multi-select.small .dropdown-selector-menu.open .dropdown-selector-item {
  height: 30px; }

.default-dropdown-selector-parent po-dropdown-selector.default .dropdown-selector-container, .default-dropdown-selector-parent po-multi-select.default .dropdown-selector-container {
  height: 38px;
  max-height: 38px;
  width: 250px; }

po-dropdown-selector.non-expandable .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .arrow {
  visibility: hidden; }

po-dropdown-selector.non-expandable .dropdown-selector-container .dropdown-selector-trigger .dropdown-toggler .current-item-overlay {
  cursor: default; }

po-dropdown-selector.non-expandable .dropdown-selector-menu.open {
  display: none; }

.shadow-box, .image-viewer .page-preview .thumbnail-container, .image-viewer .image-document .image-container .diagram-image, .word .cell-scrollable .canvas .word_container > div {
  box-shadow: 0 0 20px 1px #888;
  background: #fff; }

.loading-document-image {
  text-align: center; }
  .loading-document-image img {
    margin: auto;
    max-height: 25%; }

.right-side-panel-expanded .frame-child {
  overflow: auto; }
  .right-side-panel-expanded .frame-child > #header-handle {
    height: 80px !important; }
  .right-side-panel-expanded .frame-child > #viewer-tools .indicator-mode {
    margin-top: 6px; }
  .right-side-panel-expanded .frame-child > #viewer-tools .lasso-mode {
    margin-top: 6px; }

.frame-child .right-side-panel-expanded .group-viewer-tool {
  display: block; }
  .frame-child .right-side-panel-expanded .group-viewer-tool .dropdown-selector-menu {
    left: auto;
    top: auto;
    right: auto;
    min-width: auto; }

.frame-child .right-side-panel-expanded .fright.center-document, .frame-child .right-side-panel-expanded .fright.disable-fullscreen-mode, .frame-child .right-side-panel-expanded .fright.enable-fullscreen-mode, .frame-child .right-side-panel-expanded .fright.lasso-mode, .frame-child .right-side-panel-expanded .fright.toggle-relationship-indicator-mode, .frame-child .right-side-panel-expanded .fright.toggle-feedback-indicator-mode, .frame-child .right-side-panel-expanded .fright.download-button, .frame-child .right-side-panel-expanded .fright.download-pdf-button {
  display: none; }

.frame-child .right-side-panel-expanded .post-feedback-button, .frame-child .right-side-panel-expanded .share-link-button, .frame-child .right-side-panel-expanded .mark-as-favourite-button {
  display: none !important; }

@media only screen and (max-width: 985px) {
  .right-side-panel-expanded .group-viewer-tool {
    display: block !important; }
    .right-side-panel-expanded .group-viewer-tool .dropdown-selector-menu {
      left: auto;
      top: auto;
      right: auto;
      min-width: auto; }
  .right-side-panel-expanded .fright.center-document, .right-side-panel-expanded .fright.disable-fullscreen-mode, .right-side-panel-expanded .fright.enable-fullscreen-mode, .right-side-panel-expanded .fright.lasso-mode, .right-side-panel-expanded .fright.toggle-relationship-indicator-mode, .right-side-panel-expanded .fright.toggle-feedback-indicator-mode, .right-side-panel-expanded .fright.download-button, .right-side-panel-expanded .fright.download-pdf-button {
    display: none; }
  .right-side-panel-expanded .post-feedback-button, .right-side-panel-expanded .share-link-button, .right-side-panel-expanded .mark-as-favourite-button {
    display: none !important; } }

@media screen and (min-width: 601px) and (max-width: 730px) {
  .right-side-panel-expanded {
    overflow: auto; }
    .right-side-panel-expanded > #header-handle {
      height: 80px !important; }
    .right-side-panel-expanded > #viewer-tools .indicator-mode {
      margin-top: 6px; }
    .right-side-panel-expanded > #viewer-tools .lasso-mode {
      margin-top: 6px; } }

.viewer-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  z-index: 12;
  background-color: #ffffff;
  border-bottom: 1px solid #888; }
  .viewer-header #header-handle {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #17274c;
    display: none; }
    .viewer-header #header-handle .expand-icon {
      display: none;
      margin: 5px;
      height: 20px; }
      .fullscreen .viewer-header #header-handle .expand-icon {
        display: block; }
      .viewer-header #header-handle .expand-icon svg {
        width: 24px;
        height: 24px;
        stroke: #ffffff; }
  .viewer-header .toolbar-item {
    margin: 3px 20px 10px 0;
    cursor: pointer; }
    .viewer-header .toolbar-item.about-pane-toggle {
      margin-right: 8px; }
  .viewer-header .group-viewer-tool {
    margin-top: 1px;
    display: none; }
    .viewer-header .group-viewer-tool .dropdown-selector-container.open .dropdown-selector-trigger > div {
      background-color: #3897da; }
    .viewer-header .group-viewer-tool .dropdown-selector-container .dropdown-selector-trigger > div {
      border: 1px solid;
      height: 26px; }
      .viewer-header .group-viewer-tool .dropdown-selector-container .dropdown-selector-trigger > div:hover {
        background-color: #dadada; }
    .viewer-header .group-viewer-tool .dropdown-selector-menu {
      max-height: 200px;
      width: 270px;
      background-color: #fff;
      right: 0px;
      left: auto;
      min-width: auto; }
      .right-side-panel-expanded .viewer-header .group-viewer-tool .dropdown-selector-menu {
        right: auto; }
      .small-screen .viewer-header .group-viewer-tool .dropdown-selector-menu,
      .frame-child .viewer-header .group-viewer-tool .dropdown-selector-menu {
        /*width: calc(100% - 80px);*/
        min-width: 50%;
        right: 0px;
        left: auto; }
      .viewer-header .group-viewer-tool .dropdown-selector-menu.open {
        position: fixed !important;
        top: 84px; }
        .viewer-header .group-viewer-tool .dropdown-selector-menu.open .hidden {
          display: none !important; }
        .viewer-header .group-viewer-tool .dropdown-selector-menu.open .dropdown-selector-item {
          height: 36px;
          border-top: 1px solid rgba(128, 128, 128, 0.15); }
          .viewer-header .group-viewer-tool .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button {
            display: block;
            height: calc(100% - 1px); }
            .viewer-header .group-viewer-tool .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .selected svg {
              fill: #223B74; }
            .viewer-header .group-viewer-tool .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .image {
              width: 24px;
              height: 24px;
              display: inline-block;
              margin: 4px 4px 0px 4px; }
              .viewer-header .group-viewer-tool .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .image svg {
                width: 24px;
                height: 24px; }
              .viewer-header .group-viewer-tool .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .image.not-favourited svg polygon {
                fill: #223B74; }
            .viewer-header .group-viewer-tool .dropdown-selector-menu.open .dropdown-selector-item .toolbar-item-button .text {
              display: inline-block;
              vertical-align: super;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              width: 210px; }
  .viewer-header .zoom-container {
    margin: 3px 15px 10px 0;
    width: 100px; }
    .viewer-header .zoom-container .slider-zoom-value {
      margin-top: 5px; }
      .viewer-header .zoom-container .slider-zoom-value label {
        font-size: small;
        margin-top: 15px; }
      .viewer-header .zoom-container .slider-zoom-value .minvalue {
        float: left; }
      .viewer-header .zoom-container .slider-zoom-value .maxvalue {
        float: right; }
      .viewer-header .zoom-container .slider-zoom-value .currentValue {
        float: left;
        margin-left: 90px; }
  .viewer-header .toggle-workflow .workflow-dropdown .dropdown-picker-item .icon svg {
    width: 20px;
    height: 19px; }

.enable-fullscreen-mode {
  display: block; }

.disable-fullscreen-mode, .enable-text-select-mode, .disable-text-select-mode {
  display: none; }

.excel .excel-selected-cell {
  box-shadow: inset 0 0 0 2px #207347; }

.excel .document-viewer {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 40px;
  border-bottom: 1px solid #888;
  cursor: default; }
  .excel .document-viewer .document-viewer-table {
    display: table;
    height: 100%;
    width: 100%;
    table-layout: fixed; }
    .excel .document-viewer .document-viewer-table .excel-highlighted-text {
      display: table-row;
      height: 36px;
      background-color: #207347; }
      .excel .document-viewer .document-viewer-table .excel-highlighted-text div {
        padding-top: 2px;
        background-color: #fff;
        width: calc(100% - 50px);
        min-height: 22px;
        white-space: nowrap;
        overflow-x: auto;
        margin: 7px 15px; }
        .excel .document-viewer .document-viewer-table .excel-highlighted-text div span {
          white-space: nowrap;
          cursor: text; }
    .excel .document-viewer .document-viewer-table .page-container {
      position: relative;
      height: 100%;
      width: 100%;
      overflow: auto;
      display: table-cell;
      background-color: #fff; }
  .excel .document-viewer .cell-scrollable .canvas {
    box-shadow: 0 0 20px 1px #888;
    background: #fff;
    margin: 40px 50px;
    padding: 20px;
    border: 1px solid #666; }

.excel .page-picker {
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px; }
  .excel .page-picker ul {
    padding: 0;
    height: 100%;
    display: block; }
    .excel .page-picker ul li {
      display: table-cell;
      height: 40px;
      margin: 0;
      cursor: pointer;
      vertical-align: middle; }
      .excel .page-picker ul li span {
        padding: 0 20px; }
      .excel .page-picker ul li.loading {
        background-image: url("../Content/Images/loading.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 40px;
        height: 40px; }
        html.ie .excel .page-picker ul li.loading {
          background-image: url("../Content/Images/loading.gif"); }
    .excel .page-picker ul li.selected-page {
      font-weight: bold;
      color: #207347;
      border-bottom: solid 3px #207347; }

.powerPoint .thumbnail-selected {
  border-left: solid 20px #D24726;
  box-shadow: 0 0 20px 5px #888; }

.visio .thumbnail-selected {
  border-left: solid 20px #35509d;
  box-shadow: 0 0 20px 5px #888; }

.visio .highlighted-shape {
  outline: 7px solid #3897DA;
  outline-offset: -4px; }

.image-viewer #image-cover {
  position: absolute;
  top: 0;
  cursor: pointer; }

.image-viewer .page-preview {
  position: absolute;
  top: 31px;
  bottom: 0;
  left: 0;
  width: 250px;
  z-index: 1;
  background-color: #fff;
  box-shadow: 4px 3px 10px 0 rgba(0, 0, 0, 0.4);
  -webkit-transition: width 0.25s;
  -moz-transition: width 0.25s;
  -ms-transition: width 0.25s;
  transition: width 0.25s; }
  .image-viewer .page-preview .preview-thumbnail-container {
    border-top: 1px solid #888;
    top: 30px;
    overflow-x: hidden; }
  .image-viewer .page-preview ul {
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
    -webkit-margin-start: 0 !important;
    -webkit-margin-end: 0 !important;
    -webkit-padding-start: 0 !important;
    padding: 0;
    list-style-type: none; }
    .image-viewer .page-preview ul li {
      /* Chrome User Agent Reset CSS */
      -webkit-margin-before: 0 !important;
      -webkit-margin-after: 0 !important;
      -webkit-margin-start: 0 !important;
      -webkit-margin-end: 0 !important;
      -webkit-padding-start: 0 !important;
      margin: 15px 10px 15px 10px !important; }
  .image-viewer .page-preview .thumbnail-container {
    width: 100%;
    background-color: #f2f2f2;
    -webkit-transition: height 0.25s;
    -moz-transition: height 0.25s;
    -ms-transition: height 0.25s;
    transition: height 0.25s;
    -webkit-transition: border-left-width 0.25s;
    -moz-transition: border-left-width 0.25s;
    -ms-transition: border-left-width 0.25s;
    transition: border-left-width 0.25s; }
    .image-viewer .page-preview .thumbnail-container .loading-spinner:before {
      margin-left: -15px;
      margin-top: 10px;
      width: 30px;
      height: 30px; }
    .image-viewer .page-preview .thumbnail-container .thumbnail {
      max-width: 100%;
      max-height: 100%;
      margin: auto; }
  .image-viewer .page-preview #page-preview-expander {
    float: right;
    height: 24px;
    margin: 2px 5px 5px 0; }
    .image-viewer .page-preview #page-preview-expander svg {
      width: 24px;
      height: 24px; }
  .image-viewer .page-preview.page-preview-contracted {
    width: 80px; }
    .image-viewer .page-preview.page-preview-contracted .thumbnail-container {
      height: 20px;
      border-left-width: 5px; }
  .image-viewer .page-preview.page-preview-expanded .thumbnail-container {
    height: 150px; }
  .image-viewer .page-preview.page-preview-expanded #page-preview-expander {
    width: 100%; }

.image-viewer .image-document {
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-background: linear-gradient(#f5f5f5, #E5e5e5);
  -moz-background: linear-gradient(#f5f5f5, #E5e5e5);
  -ms-background: linear-gradient(#f5f5f5, #E5e5e5);
  background: linear-gradient(#f5f5f5, #E5e5e5);
  overflow: hidden; }
  .image-viewer .image-document .image-container .diagram-image {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    display: none; }
  .image-viewer .image-document .image-container .shape-overlay-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .image-viewer .image-document .image-container .shape-overlay-container .checked-out-to-other-user .indicator-icon svg {
      fill: #D35400; }
    .image-viewer .image-document .image-container .shape-overlay-container .checked-out-to-user .indicator-icon svg {
      fill: #6AA38A; }
  .image-viewer .image-document .image-container .shape-overlay {
    position: absolute;
    cursor: pointer; }
    .image-viewer .image-document .image-container .shape-overlay .po-indicators .indicators {
      z-index: 50 !important; }
  .image-viewer .image-document .image-container .shape-overlay.shape-overlay-disabled,
  .image-viewer .image-document .image-container .shape-overlay.relationship {
    display: none; }
  .image-viewer .image-document .image-container .shape-overlay.deleted,
  .image-viewer .image-document .image-container .shape-overlay.draft {
    cursor: auto; }

.image-viewer .document-viewer-context-menu {
  border: 1px solid #ccc; }

.image-viewer .document-viewer-context-menu-relative-container {
  position: relative;
  height: 100%;
  width: 100%; }

.image-viewer .contextmenu-relative-container {
  -webkit-min-logical-height: 100%;
  -webkit-min-logical-width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0 #ccc; }

.image-viewer .related-items-context-menu {
  background-color: #fff;
  min-height: 100%;
  min-width: 100%;
  box-shadow: 0px 0px 5px 0 #ccc; }
  .image-viewer .related-items-context-menu .related-documents-and-hyperlinks {
    overflow-x: hidden;
    overflow-y: auto; }
    .image-viewer .related-items-context-menu .related-documents-and-hyperlinks:not(.empty) {
      border-bottom: 1px solid #ccc; }
    .touch-capable .image-viewer .related-items-context-menu .related-documents-and-hyperlinks {
      max-height: 174px; }
    .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .related-documents .related-item-link .icon-container {
      stroke: none; }
      .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .related-documents .related-item-link .icon-container.visio-diagram {
        fill: #35509d; }
      .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .related-documents .related-item-link .icon-container.excel-doc {
        fill: #207347; }
      .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .related-documents .related-item-link .icon-container.word-doc {
        fill: #295391; }
      .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .related-documents .related-item-link .icon-container.powerpoint-doc {
        fill: #D24726; }
      .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .related-documents .related-item-link .icon-container.other-doc {
        fill: #7e7e7e; }
    .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .hyperlinks .related-item:hover .related-item-link .icon-container svg {
      fill: #fff; }
    .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .hyperlinks .icon-container svg {
      fill: #223B74; }
    .image-viewer .related-items-context-menu .related-documents-and-hyperlinks .with-top-border {
      border-top: 1px solid #ccc; }
  .image-viewer .related-items-context-menu .related-items {
    list-style: none;
    padding: 0; }
  .image-viewer .related-items-context-menu .horizontal-seperator {
    height: 1px;
    border-top: 1px solid #ccc;
    border-left: 50px solid #fff;
    border-right: 50px solid #fff; }
  .image-viewer .related-items-context-menu .related-items-group {
    padding-left: 7px; }
    .image-viewer .related-items-context-menu .related-items-group div.group-title {
      font-style: italic;
      font-weight: 600; }
    .image-viewer .related-items-context-menu .related-items-group:first-child .horizontal-seperator:first-child {
      display: none; }
  .image-viewer .related-items-context-menu .related-item.related-info-link {
    background-color: #f2f2f2; }
  .image-viewer .related-items-context-menu .related-item .related-item-link {
    padding: 0 7px;
    text-decoration: none;
    color: #000000;
    display: table;
    height: 26px;
    width: 100%;
    cursor: pointer; }
    .image-viewer .related-items-context-menu .related-item .related-item-link .icon-container {
      display: table-cell;
      width: 16px;
      vertical-align: middle; }
      .image-viewer .related-items-context-menu .related-item .related-item-link .icon-container svg {
        height: 16px;
        width: 16px; }
    .image-viewer .related-items-context-menu .related-item .related-item-link .title {
      max-width: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: table-cell;
      padding-left: 8px;
      vertical-align: middle;
      font-size: 13px; }
  .image-viewer .related-items-context-menu .related-item:hover {
    background-color: #C3E0F4; }
  .image-viewer .related-items-context-menu a.related-item-link {
    padding: 2px 5px;
    stroke: #223B74;
    stroke-width: 1px;
    fill: none; }

.image-viewer .landscape .related-items-context-menu .document-viewer-context-menu {
  height: 100%; }
  .image-viewer .landscape .related-items-context-menu .document-viewer-context-menu .document-viewer-context-menu-inner {
    height: 100%; }

.image-viewer .landscape .related-items-context-menu .related-documents-and-hyperlinks {
  height: calc(100% - 26px);
  margin-bottom: 26px; }
  .image-viewer .landscape .related-items-context-menu .related-documents-and-hyperlinks .related-documents-and-hyperlinks-inner {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden; }

.image-viewer .landscape .related-items-context-menu .related-info-link {
  margin-top: -26px; }

.image-viewer .mobile .related-items-context-menu {
  width: 100%;
  max-width: none;
  max-height: none;
  position: relative;
  background-color: #fff; }
  .image-viewer .mobile .related-items-context-menu .document-viewer-context-menu {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    right: 0;
    /*height: 100%;*/
    max-height: 100%; }
  .image-viewer .mobile .related-items-context-menu .related-documents-and-hyperlinks {
    max-height: calc(60vh - (145px)); }
  .image-viewer .mobile .related-items-context-menu .related-item-link {
    height: 55px;
    line-height: 55px; }
    .image-viewer .mobile .related-items-context-menu .related-item-link .icon-container, .image-viewer .mobile .related-items-context-menu .related-item-link .icon-container svg {
      height: 20px;
      width: 20px; }
    .image-viewer .mobile .related-items-context-menu .related-item-link .title {
      font-size: 15px; }

.word .document-viewer {
  position: absolute;
  top: 31px;
  left: 0;
  bottom: 0;
  right: 0; }

.word .page-container {
  padding: 10px;
  position: relative;
  overflow: auto; }

.word .cell-scrollable .canvas {
  margin: 5px !important;
  width: 800px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
  .word .cell-scrollable .canvas .word_container > div {
    padding: 10px; }
  .word .cell-scrollable .canvas .word_container > * {
    margin: 10px auto 10px auto; }

@media all and (max-height: 600px), all and (max-width: 768px) {
  .word .viewer-header .toolbar-item {
    margin: 1px 5px 10px 0; } }

@media only screen and (max-width: 985px) {
  .word #viewer-tools .group-viewer-tool {
    margin: 1px 5px 10px 0; } }

.frame-child .viewer-header-expanded #viewer-tools {
  margin-left: 30px;
  border-bottom: 1px solid rgba(136, 136, 136, 0.57);
  border-left: 1px solid rgba(136, 136, 136, 0.57); }
  .frame-child .viewer-header-expanded #viewer-tools .toolbar-item {
    margin-left: 5px !important; }
  .frame-child .viewer-header-expanded #viewer-tools .toggle-workflow {
    clear: none; }
    .frame-child .viewer-header-expanded #viewer-tools .toggle-workflow .workflow-dropdown {
      height: 34px; }
      .frame-child .viewer-header-expanded #viewer-tools .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-trigger .icon span {
        padding-left: 5px; }
  .frame-child .viewer-header-expanded #viewer-tools div:nth-child(n+7) {
    position: relative; }

@media all and (max-width: 511px) {
  .viewer-header-expanded :not(.word) #viewer-tools {
    margin-left: 30px;
    border-bottom: 1px solid rgba(136, 136, 136, 0.57);
    border-left: 1px solid rgba(136, 136, 136, 0.57); }
    .viewer-header-expanded :not(.word) #viewer-tools .toolbar-item {
      margin-left: 5px !important; }
    .viewer-header-expanded :not(.word) #viewer-tools .toggle-workflow {
      clear: none; }
      .viewer-header-expanded :not(.word) #viewer-tools .toggle-workflow .workflow-dropdown {
        height: 34px; }
        .viewer-header-expanded :not(.word) #viewer-tools .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-trigger .icon span {
          padding-left: 5px; }
    .viewer-header-expanded :not(.word) #viewer-tools div:nth-child(n+7) {
      position: relative; } }

.viewer-header-expanded .toolbar-item {
  cursor: pointer; }
  .viewer-header-expanded .toolbar-item img {
    width: 24px; }

.viewer-header-expanded .zoom-container {
  width: 75px;
  margin-left: 10px; }

.frame-child .word .hidden-for-touch {
  display: none; }

.frame-child .word .viewer-header {
  background-color: transparent;
  border-left: none;
  box-shadow: none; }

.frame-child .word .page-content {
  -webkit-text-size-adjust: 100%; }

.frame-child .word .document-viewer {
  top: 0; }

.frame-child .word .canvas {
  margin: 0; }

.frame-child .image-viewer .viewer-header, .frame-child .excel .viewer-header {
  left: auto;
  top: 0;
  width: 30px;
  overflow: hidden;
  -webkit-transition: width 0.25s;
  -moz-transition: width 0.25s;
  -ms-transition: width 0.25s;
  transition: width 0.25s; }
  .frame-child .image-viewer .viewer-header #header-handle, .frame-child .excel .viewer-header #header-handle {
    display: block; }
    .frame-child .image-viewer .viewer-header #header-handle .expand-icon, .frame-child .excel .viewer-header #header-handle .expand-icon {
      display: block; }

.frame-child .image-viewer .image-document, .frame-child .image-viewer .document-viewer, .frame-child .image-viewer .page-preview, .frame-child .excel .image-document, .frame-child .excel .document-viewer, .frame-child .excel .page-preview {
  top: 0; }

.frame-child .excel .viewer-header-expanded, .frame-child .word .viewer-header-expanded {
  width: 100%; }
  .touch-capable .frame-child .excel .viewer-header-expanded, .touch-capable .frame-child .word .viewer-header-expanded {
    border-bottom: none; }
  .frame-child .excel .viewer-header-expanded #viewer-tools, .frame-child .word .viewer-header-expanded #viewer-tools {
    display: block;
    background-color: #ffffff; }

.frame-child .image-viewer.has-page-preview .viewer-header-expanded {
  width: calc(100% - 80px); }

.frame-child .image-viewer.has-page-preview.has-page-preview-expanded .viewer-header-expanded {
  width: calc(100% - 250px); }

.frame-child .image-viewer .viewer-header-expanded {
  width: 100%; }
  .frame-child .image-viewer .viewer-header-expanded #viewer-tools {
    display: block;
    background-color: #ffffff; }

.frame-child .powerPoint .viewer-header-expanded {
  width: calc(100% - 80px); }

.frame-child .touch-capable .image-viewer .viewer-header {
  background-color: rgba(253, 250, 253, 0); }
  .frame-child .touch-capable .image-viewer .viewer-header:not(.viewer-header-expanded) #viewer-tools {
    display: none; }

.frame-child .touch-capable .image-viewer.has-page-preview-expanded .viewer-header-expanded {
  width: calc(100% - 250px); }
  .frame-child .touch-capable .image-viewer.has-page-preview-expanded .viewer-header-expanded .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
    display: none; }

.frame-child .touch-capable .image-viewer .viewer-header-expanded {
  width: calc(100% - 80px);
  height: 30px;
  border-bottom: none; }
  .frame-child .touch-capable .image-viewer .viewer-header-expanded #viewer-tools {
    height: 30px;
    border-bottom: 1px solid rgba(136, 136, 136, 0.57); }
    .frame-child .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .toggle-workflow, .frame-child .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .group-viewer-tool {
      clear: none; }
      .frame-child .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .toggle-workflow .workflow-dropdown .dropdown-selector-container ul.open, .frame-child .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .group-viewer-tool .workflow-dropdown .dropdown-selector-container ul.open {
        top: 84px;
        width: auto; }
    .frame-child .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .group-viewer-tool .workflow-dropdown .dropdown-selector-container ul.open {
      max-height: 200px;
      background-color: #fff;
      min-width: 273px;
      position: fixed !important;
      top: 84px;
      left: calc(100% - 275px); }

.frame-child .touch-capable.right-side-panel-expanded .image-viewer .viewer-header-expanded #viewer-tools .group-viewer-tool .workflow-dropdown .dropdown-selector-container ul.open {
  left: calc(100% - 575px); }

.frame-child .touch-capable .enable-text-select-mode {
  display: block; }

.frame-child .touch-capable .center-document,
.frame-child .touch-capable .zoom-container,
.frame-child .touch-capable .lasso-mode {
  display: none; }

.frame-child .excel .document-viewer .page-container {
  height: calc(100% - 31px); }

.frame-child .fullscreen .image-viewer .page-preview {
  width: 50px;
  bottom: auto; }
  .frame-child .fullscreen .image-viewer .page-preview.page-preview-expanded {
    bottom: 0;
    width: 250px; }

.frame-child .fullscreen.touch-capable .image-viewer .dropdown-selector-container ul.open {
  top: 30px !important; }

.frame-child .text-select-enabled .enable-text-select-mode {
  display: none; }

.frame-child .text-select-enabled .disable-text-select-mode {
  display: block; }

@media all and (max-height: 600px), all and (max-width: 768px) {
  .word .hidden-for-touch {
    display: none; }
  .word .viewer-header {
    background-color: transparent;
    border-left: none;
    box-shadow: none; }
  .word .page-content {
    -webkit-text-size-adjust: 100%; }
  .word .document-viewer {
    top: 0; }
  .word .canvas {
    margin: 0; }
  .image-viewer .viewer-header, .excel .viewer-header {
    left: auto;
    top: 0;
    width: 30px;
    overflow: hidden;
    -webkit-transition: width 0.25s;
    -moz-transition: width 0.25s;
    -ms-transition: width 0.25s;
    transition: width 0.25s;
    /*.toggle-workflow {
                float: right;
            }*/ }
    .image-viewer .viewer-header #header-handle, .excel .viewer-header #header-handle {
      display: block; }
      .image-viewer .viewer-header #header-handle .expand-icon, .excel .viewer-header #header-handle .expand-icon {
        display: block; }
  .image-viewer .image-document, .image-viewer .document-viewer, .image-viewer .page-preview, .excel .image-document, .excel .document-viewer, .excel .page-preview {
    top: 0; }
  .excel .viewer-header-expanded, .word .viewer-header-expanded {
    width: 100%; }
    .touch-capable .excel .viewer-header-expanded, .touch-capable .word .viewer-header-expanded {
      border-bottom: none; }
    .excel .viewer-header-expanded #viewer-tools, .word .viewer-header-expanded #viewer-tools {
      display: block;
      background-color: #ffffff; }
  .image-viewer.has-page-preview .viewer-header-expanded {
    width: calc(100% - 80px); }
  .image-viewer.has-page-preview.has-page-preview-expanded .viewer-header-expanded {
    width: calc(100% - 250px); }
  .image-viewer .viewer-header-expanded {
    width: 100%; }
    .image-viewer .viewer-header-expanded #viewer-tools {
      display: block;
      background-color: #ffffff; }
  .powerPoint .viewer-header-expanded {
    width: calc(100% - 80px); }
  .viewer-header-expanded .fright.center-document, .viewer-header-expanded .fright.disable-fullscreen-mode, .viewer-header-expanded .fright.enable-fullscreen-mode, .viewer-header-expanded .fright.lasso-mode, .viewer-header-expanded .fright.toggle-relationship-indicator-mode, .viewer-header-expanded .fright.toggle-feedback-indicator-mode, .viewer-header-expanded .fright.download-button, .viewer-header-expanded .fright.download-pdf-button {
    display: none; }
  .viewer-header-expanded .post-feedback-button, .viewer-header-expanded .share-link-button, .viewer-header-expanded .mark-as-favourite-button {
    display: none !important; }
  .viewer-header-expanded .group-viewer-tool {
    display: block;
    padding-left: 10px; }
  .touch-capable .image-viewer .viewer-header {
    background-color: rgba(253, 250, 253, 0); }
    .touch-capable .image-viewer .viewer-header:not(.viewer-header-expanded) #viewer-tools {
      display: none; }
  .touch-capable .image-viewer.has-page-preview-expanded .viewer-header-expanded {
    width: calc(100% - 250px); }
    .touch-capable .image-viewer.has-page-preview-expanded .viewer-header-expanded .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
      display: none; }
  .touch-capable .image-viewer .viewer-header-expanded {
    height: 30px;
    border-bottom: none; }
    .touch-capable .image-viewer .viewer-header-expanded #viewer-tools {
      height: 30px;
      border-bottom: 1px solid rgba(136, 136, 136, 0.57); }
      .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .toggle-workflow, .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .group-viewer-tool {
        clear: none; }
        .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .toggle-workflow .workflow-dropdown .dropdown-selector-container ul.open, .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .group-viewer-tool .workflow-dropdown .dropdown-selector-container ul.open {
          top: 84px;
          width: auto; }
      .touch-capable .image-viewer .viewer-header-expanded #viewer-tools .group-viewer-tool .workflow-dropdown .dropdown-selector-container ul.open {
        max-height: 200px;
        background-color: #fff;
        min-width: 273px;
        position: fixed !important;
        top: 84px;
        left: calc(100% - 275px); }
  .touch-capable.right-side-panel-expanded .viewer-header-expanded #viewer-tools .group-viewer-tool .workflow-dropdown .dropdown-selector-container ul.open {
    left: calc(100% - 575px); }
  .touch-capable .enable-text-select-mode {
    display: block; }
  .touch-capable .center-document:not(.individual-button),
  .touch-capable .zoom-container:not(.individual-button),
  .touch-capable .lasso-mode:not(.individual-button),
  .touch-capable .enable-text-select-mode:not(.individual-button) {
    display: none; }
  .excel .document-viewer .page-container {
    height: calc(100% - 31px); }
  .fullscreen .image-viewer .page-preview {
    width: 50px;
    bottom: auto; }
    .fullscreen .image-viewer .page-preview.page-preview-expanded {
      bottom: 0;
      width: 250px; }
  .fullscreen.touch-capable .image-viewer .dropdown-selector-container ul.open {
    top: 30px !important; }
  .text-select-enabled .enable-text-select-mode {
    display: none; }
  .text-select-enabled .disable-text-select-mode {
    display: block; } }

.fullscreen header {
  border: 0; }

.fullscreen .disable-fullscreen-mode {
  display: block; }

.fullscreen .enable-fullscreen-mode {
  display: none; }

.fullscreen .page-preview {
  position: absolute;
  top: 0; }

.fullscreen .image-document {
  left: 0 !important;
  top: 0 !important; }

.fullscreen .viewer-header {
  background-color: #fff;
  left: auto;
  top: 0 !important;
  width: 100%;
  overflow: hidden;
  -webkit-transition: width 0.25s;
  -moz-transition: width 0.25s;
  -ms-transition: width 0.25s;
  transition: width 0.25s; }
  .fullscreen .viewer-header #header-handle img {
    display: block;
    cursor: pointer; }

.fullscreen .image-viewer.powerPoint .viewer-header-expanded {
  width: calc(100% - 80px); }

.fullscreen .image-viewer.has-page-preview .viewer-header-expanded {
  width: calc(100% - 80px); }

.fullscreen .image-viewer.has-page-preview-expanded .viewer-header-expanded {
  width: calc(100% - 250px); }
  .fullscreen .image-viewer.has-page-preview-expanded .viewer-header-expanded .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
    display: none; }

.fullscreen .image-viewer .viewer-header-expanded {
  width: 100%; }
  .fullscreen .image-viewer .viewer-header-expanded #viewer-tools {
    display: block; }

.fullscreen.right-side-panel-expanded .image-viewer .viewer-header-expanded {
  width: calc(100% - 80px) !important; }

.fullscreen.right-side-panel-expanded .image-viewer.has-page-preview-expanded .viewer-header-expanded {
  width: calc(100% - 250px) !important; }

.fullscreen.right-side-panel-expanded .image-viewer.visio .viewer-header-expanded {
  width: 100%; }

.fullscreen .excel .viewer-header-expanded {
  width: 100%; }

.fullscreen .excel .viewer-header-expanded.info-panel-expanded {
  width: 100%; }

.fullscreen .image-container, .fullscreen .document-viewer {
  top: 0; }

.fullscreen .image-container {
  position: fixed; }

.toolbar-icon {
  display: inline-block; }
  .toolbar-icon.selected {
    fill: #223B74; }
  .toolbar-icon.enabled {
    fill: #223B74; }
  .toolbar-icon svg {
    height: 23px;
    width: 23px; }

.viewer-header .toggle-workflow {
  float: left;
  padding-left: 0px; }
  .viewer-header .toggle-workflow .separator {
    width: 1px;
    border-right: 1px solid #223B74;
    border-bottom: 10px solid #ffffff;
    border-top: 10px solid #ffffff;
    height: 29px;
    position: absolute; }
  .viewer-header .toggle-workflow .workflow-dropdown {
    height: 100%;
    /*border-left: 1px dotted grey;*/
    /*padding-right: 20px;*/ }
    .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container {
      background-color: rgba(245, 241, 241, 0); }
      .fullscreen .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu {
        top: 30px;
        position: fixed;
        /*left: calc(100% - 430px);*/
        min-width: 205px;
        left: auto; }
      .frame-child .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu {
        max-height: 200px;
        width: 205px;
        background-color: #fff;
        min-width: 205px;
        position: fixed !important;
        top: 84px !important;
        left: auto !important; }
        .show-left-side-menu .frame-child .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu {
          left: 185px; }
        .has-page-preview-expanded .frame-child .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu {
          left: 355px; }
      @media all and (max-height: 600px), all and (max-width: 768px) {
        .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu {
          max-height: 200px;
          width: 205px;
          background-color: #fff;
          min-width: 205px;
          position: fixed !important;
          top: 84px !important;
          left: auto !important; }
          .show-left-side-menu .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu {
            left: 185px; }
          .has-page-preview-expanded .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-menu {
            left: 355px; } }
      .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 60px; }
        .small-screen .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-trigger .text {
          display: none; }
      .viewer-header .toggle-workflow .workflow-dropdown .dropdown-selector-container .dropdown-selector-trigger svg {
        fill: #223B74;
        stroke: #fff;
        height: 19px;
        width: 24px; }
    .viewer-header .toggle-workflow .workflow-dropdown po-dropdown-selector.disabled .dropdown-selector-container.open {
      background-color: #ffffff; }
  .viewer-header .toggle-workflow .feedback-dropdown .current-item-overlay {
    padding: 4px 5px 0 5px;
    cursor: pointer; }
    .viewer-header .toggle-workflow .feedback-dropdown .current-item-overlay svg {
      fill: #223B74;
      stroke: #fff;
      height: 22px;
      width: 24px; }
    .viewer-header .toggle-workflow .feedback-dropdown .current-item-overlay .text {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: inline-block;
      color: #000000;
      vertical-align: top; }
      .narrow-width .viewer-header .toggle-workflow .feedback-dropdown .current-item-overlay .text,
      .frame-child .viewer-header .toggle-workflow .feedback-dropdown .current-item-overlay .text {
        display: none; }

.powerPoint .viewer-header .toolbar-item.toggle-relationship-indicator-mode {
  display: none; }

.viewer-header .viewer-header .about-pane-toggle {
  margin: 4px 5px 10px 0; }

.viewer-header .about-pane-toggle svg {
  fill: #223B74; }

.frame-child .viewer-header .image-viewer .viewer-header, .frame-child .viewer-header .excel .viewer-header, .frame-child .viewer-header .word .viewer-header {
  background-color: #fff;
  top: 0; }

@media all and (max-width: 768px) {
  .viewer-header {
    z-index: 2; }
    .viewer-header .image-viewer .viewer-header, .viewer-header .excel .viewer-header, .viewer-header .word .viewer-header {
      background-color: #fff;
      top: 0; } }

@media only screen and (max-width: 1070px) {
  .image-viewer .viewer-header #viewer-tools .share-link-button .text, .image-viewer .viewer-header #viewer-tools .toggle-workflow .text,
  .visio .viewer-header #viewer-tools .share-link-button .text,
  .visio .viewer-header #viewer-tools .toggle-workflow .text,
  .powerPoint .viewer-header #viewer-tools .share-link-button .text,
  .powerPoint .viewer-header #viewer-tools .toggle-workflow .text,
  .excel .viewer-header #viewer-tools .share-link-button .text,
  .excel .viewer-header #viewer-tools .toggle-workflow .text,
  .word .viewer-header #viewer-tools .share-link-button .text,
  .word .viewer-header #viewer-tools .toggle-workflow .text {
    display: none; } }

body.narrow-width .viewer-header {
  z-index: 2; }
  body.narrow-width .viewer-header svg {
    width: 22px !important;
    height: 22px; }
  body.narrow-width .viewer-header .share-link-button {
    margin-right: 0px; }
  body.narrow-width .viewer-header .image {
    margin: 2px 2px 0 2px; }
  body.narrow-width .viewer-header .workflow-dropdown .dropdown-selector-trigger {
    padding: 3px 3px 0 3px; }
  body.narrow-width .viewer-header .group-viewer-tool {
    margin-right: 5px; }
    body.narrow-width .viewer-header .group-viewer-tool .dropdown-selector-trigger {
      padding: 0; }
  body.narrow-width .viewer-header .toolbar-item {
    margin: 3px 10px 10px 0px; }
  body.narrow-width .viewer-header .group-viewer-tool, body.narrow-width .viewer-header .enable-fullscreen-mode {
    margin: 1px 5px 10px 0; }

body.narrow-width .word .new_head_tools_btn {
  width: 22px !important;
  background-size: 22px !important; }

body.narrow-width .word .about-pane-toggle {
  margin: 0; }

#viewer-tools.resized-toolbar .group-viewer-tool {
  display: block; }

#viewer-tools.resized-toolbar .post-feedback-button .text, #viewer-tools.resized-toolbar .toggle-workflow .text {
  display: none; }

#viewer-tools.resized-toolbar .post-feedback-button, #viewer-tools.resized-toolbar .share-link-button, #viewer-tools.resized-toolbar .mark-as-favourite-button {
  display: none; }

.image-viewer #viewer-tools.resized-toolbar .fright.center-document, .image-viewer #viewer-tools.resized-toolbar .fright.disable-fullscreen-mode, .image-viewer #viewer-tools.resized-toolbar .fright.enable-fullscreen-mode, .image-viewer #viewer-tools.resized-toolbar .fright.lasso-mode, .image-viewer #viewer-tools.resized-toolbar .fright.toggle-relationship-indicator-mode, .image-viewer #viewer-tools.resized-toolbar .fright.toggle-feedback-indicator-mode, .image-viewer #viewer-tools.resized-toolbar .fright.download-button, .image-viewer #viewer-tools.resized-toolbar .fright.download-pdf-button,
.visio #viewer-tools.resized-toolbar .fright.center-document,
.visio #viewer-tools.resized-toolbar .fright.disable-fullscreen-mode,
.visio #viewer-tools.resized-toolbar .fright.enable-fullscreen-mode,
.visio #viewer-tools.resized-toolbar .fright.lasso-mode,
.visio #viewer-tools.resized-toolbar .fright.toggle-relationship-indicator-mode,
.visio #viewer-tools.resized-toolbar .fright.toggle-feedback-indicator-mode,
.visio #viewer-tools.resized-toolbar .fright.download-button,
.visio #viewer-tools.resized-toolbar .fright.download-pdf-button,
.powerPoint #viewer-tools.resized-toolbar .fright.center-document,
.powerPoint #viewer-tools.resized-toolbar .fright.disable-fullscreen-mode,
.powerPoint #viewer-tools.resized-toolbar .fright.enable-fullscreen-mode,
.powerPoint #viewer-tools.resized-toolbar .fright.lasso-mode,
.powerPoint #viewer-tools.resized-toolbar .fright.toggle-relationship-indicator-mode,
.powerPoint #viewer-tools.resized-toolbar .fright.toggle-feedback-indicator-mode,
.powerPoint #viewer-tools.resized-toolbar .fright.download-button,
.powerPoint #viewer-tools.resized-toolbar .fright.download-pdf-button,
.excel #viewer-tools.resized-toolbar .fright.center-document,
.excel #viewer-tools.resized-toolbar .fright.disable-fullscreen-mode,
.excel #viewer-tools.resized-toolbar .fright.enable-fullscreen-mode,
.excel #viewer-tools.resized-toolbar .fright.lasso-mode,
.excel #viewer-tools.resized-toolbar .fright.toggle-relationship-indicator-mode,
.excel #viewer-tools.resized-toolbar .fright.toggle-feedback-indicator-mode,
.excel #viewer-tools.resized-toolbar .fright.download-button,
.excel #viewer-tools.resized-toolbar .fright.download-pdf-button,
.word #viewer-tools.resized-toolbar .fright.center-document,
.word #viewer-tools.resized-toolbar .fright.disable-fullscreen-mode,
.word #viewer-tools.resized-toolbar .fright.enable-fullscreen-mode,
.word #viewer-tools.resized-toolbar .fright.lasso-mode,
.word #viewer-tools.resized-toolbar .fright.toggle-relationship-indicator-mode,
.word #viewer-tools.resized-toolbar .fright.toggle-feedback-indicator-mode,
.word #viewer-tools.resized-toolbar .fright.download-button,
.word #viewer-tools.resized-toolbar .fright.download-pdf-button {
  display: none; }

.search-view {
  position: absolute;
  width: 100%;
  height: 100%; }
  .search-view .search-filter-pane {
    height: 100%; }
  .search-view > * {
    height: 100%; }
  .search-view.view-collections .search-container .collection-mode .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button {
    display: none !important; }

.search-toolbar .toolbar-group {
  height: 29px; }
  .search-toolbar .toolbar-group.search-icon svg {
    stroke: #EEE;
    fill: #EEE; }
  .search-toolbar .toolbar-group.search-icon.valid-search svg {
    stroke: #223B74;
    fill: #223B74; }
  .search-toolbar .toolbar-group.filter-textbox {
    border-right: none; }
  .search-toolbar .toolbar-group .toggle-show-objects .active svg {
    fill: #223B74; }
  .search-toolbar .toolbar-group.filter-pane svg {
    fill: transparent; }

.search-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out; }
  .search-container.object-feedback-grid-container, .search-container.object-workflows-grid-container, .search-container.object-contents-grid-container {
    position: relative;
    height: calc(100% - 30px); }
    .search-container.object-feedback-grid-container.pagingenabled, .search-container.object-workflows-grid-container.pagingenabled, .search-container.object-contents-grid-container.pagingenabled {
      height: calc(100% - 59px); }
    .object-feedback.pane-mode .search-container.object-feedback-grid-container,
    .object-workflows.pane-mode .search-container.object-feedback-grid-container,
    .object-contents.pane-mode .search-container.object-feedback-grid-container, .object-feedback.pane-mode .search-container.object-workflows-grid-container,
    .object-workflows.pane-mode .search-container.object-workflows-grid-container,
    .object-contents.pane-mode .search-container.object-workflows-grid-container, .object-feedback.pane-mode .search-container.object-contents-grid-container,
    .object-workflows.pane-mode .search-container.object-contents-grid-container,
    .object-contents.pane-mode .search-container.object-contents-grid-container {
      height: calc(100% - 1px); }
    .object-workflows.pane-mode .search-container.object-feedback-grid-container .feedback-listview, .object-workflows.pane-mode .search-container.object-workflows-grid-container .feedback-listview, .object-workflows.pane-mode .search-container.object-contents-grid-container .feedback-listview {
      height: calc(100% - 215px); }
  .search-container .collection-mode .toolbar .toolbar-group .toolbar-item-button {
    display: none !important; }
    .search-container .collection-mode .toolbar .toolbar-group .toolbar-item-button.open-all-button, .search-container .collection-mode .toolbar .toolbar-group .toolbar-item-button.mark-as-favourite-button {
      display: inline-block !important; }
  .search-container .collection-mode .toolbar-group.action-group {
    display: none; }
  .search-container .collection-mode .toolbar > li:first-child {
    float: right; }
  .search-container .view-result-toolbar .toolbar > li:first-child {
    display: none; }
  .search-container .view-result-toolbar .toolbar .filter-textbox {
    display: none; }
  .search-container .view-result-toolbar .toolbar .search-icon {
    display: none; }
  .search-container .view-result-toolbar .toolbar > .tiles-mode {
    display: none; }
  .search-container .view-result.pagingenabled {
    height: calc(100% - 58px) !important; }
  .search-container .search-results {
    height: calc(100% - 29px);
    position: relative;
    overflow: hidden; }
    .search-container .search-results span.highlighted-match {
      background-color: yellow; }
    .search-container .search-results.pagingenabled {
      height: calc(100% - 58px); }
    .search-container .search-results .search-results-tiles {
      overflow: auto;
      height: 100%;
      width: 100%;
      background-color: #ffffff;
      padding: 5px; }
      .search-container .search-results .search-results-tiles .search-results-content .search-results-message {
        margin-top: 0;
        background-color: #fff; }
    .search-container .search-results .grid-content .search-results-message, .search-container .search-results .search-results-content .search-results-message {
      margin-top: 29px;
      text-align: center; }
      .search-container .search-results .grid-content .search-results-message div, .search-container .search-results .search-results-content .search-results-message div {
        margin: auto;
        max-height: 30px; }
    .search-container .search-results .card {
      display: inline-block;
      vertical-align: top; }
  .search-container .search-result-paging {
    display: block;
    width: 100%;
    height: 29px;
    text-align: center;
    padding-top: 5px;
    border-top: 1px solid #888;
    font-size: 12px; }
    .search-container .search-result-paging div {
      height: 100%;
      margin: auto;
      vertical-align: middle; }
      .search-container .search-result-paging div .paging-button {
        text-decoration: none;
        padding: 0; }
        .search-container .search-result-paging div .paging-button.paging-info {
          margin-top: -5px;
          display: inline-block; }
        .search-container .search-result-paging div .paging-button svg {
          height: 12px;
          width: 12px;
          cursor: pointer; }
        .search-container .search-result-paging div .paging-button.disabled {
          cursor: default; }
          .search-container .search-result-paging div .paging-button.disabled svg {
            stroke: #888;
            cursor: default; }
  .small-screen .search-container .search-results .card,
  .frame-child .search-container .search-results .card {
    display: block; }

.search-filter-pane {
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  overflow: hidden;
  background-color: #ffffff;
  z-index: 0; }
  .search-filter-pane .pane-content {
    padding-left: 24px;
    padding-right: 10px; }
  .search-filter-pane .pane-icon svg {
    stroke: #223B74;
    stroke-width: 1.5px;
    fill: #fff; }
  .search-filter-pane .search-filter-group {
    margin-bottom: 12px; }
    .search-filter-pane .search-filter-group .libraries-dropdown .group-header {
      background-color: #f2f2f2;
      height: 100%;
      border-bottom: 1px solid #ccc; }
      .search-filter-pane .search-filter-group .libraries-dropdown .group-header:after {
        content: "";
        background: transparent url("../Content/Images/addition.svg") no-repeat;
        display: block;
        float: right;
        margin-right: 9px;
        margin-top: 12px;
        width: 10px;
        height: 9px; }
      .search-filter-pane .search-filter-group .libraries-dropdown .group-header.expand:after {
        background: transparent url("../Content/Images/subtract.svg") no-repeat; }
    .search-filter-pane .search-filter-group .libraries-dropdown .icon {
      width: 24px;
      height: 24px;
      margin: 5px 0 2px 2px; }
    .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-trigger {
      z-index: 2; }
      .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-trigger .dropdown-toggler input {
        width: 170px;
        height: 40px;
        border: none;
        top: 1px;
        position: relative;
        font-family: "Segoe UI", "Helvetica Neue", "Helvetica", Arial, sans; }
      .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-trigger .filter-name {
        width: 140px; }
      .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-trigger .arrow {
        width: 30px;
        padding-left: 3px; }
      .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-trigger a {
        color: #223B74;
        text-decoration: none; }
      .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-trigger .expand-icon {
        display: block !important; }
        .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-trigger .expand-icon.open svg {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
        .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-trigger .expand-icon svg {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
    .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-picker-item .icon {
      display: table-cell;
      vertical-align: middle; }
      .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-picker-item .icon svg {
        stroke: #fff;
        width: 24px;
        height: 24px; }
    .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-item {
      overflow: unset; }
      .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-item .multi-select {
        max-height: none !important; }
    .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-item.selected {
      background-color: #9FC9F4; }
    .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-item .dropdown-selector-item-inner {
      height: 100%;
      color: #000000;
      text-decoration: none;
      text-align: left; }
    .search-filter-pane .search-filter-group .libraries-dropdown .open .dropdown-selector-item {
      height: 35px;
      cursor: pointer; }
    .search-filter-pane .search-filter-group .libraries-dropdown .open .collapse-objects-type, .search-filter-pane .search-filter-group .libraries-dropdown .collapse-documents-type, .search-filter-pane .search-filter-group .libraries-dropdown .collapse-other-type {
      height: 0px !important; }
    .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-menu {
      max-height: 202px;
      /*width: 202px;*/
      width: calc(100% + 2px);
      box-shadow: none;
      left: -1px;
      z-index: 3; }
      .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-menu.open {
        border: 1px solid #ccc;
        background-color: #fff; }
    .search-filter-pane .search-filter-group .libraries-dropdown .displayTemplate {
      border: none !important; }
    .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-container {
      height: 44px;
      max-height: 44px;
      /*max-width: 202px;*/
      /*width: 202px;*/
      width: 100%;
      background-color: #fff;
      border: 1px solid #ccc;
      color: #000000;
      z-index: auto; }
      .small-screen .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-container .dropdown-selector-menu.open,
      .frame-child .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-container .dropdown-selector-menu.open {
        position: absolute;
        top: auto;
        border-top: inherit; }
      .small-screen .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-container,
      .frame-child .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-container {
        position: relative; }
    .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-menu {
      z-index: 4; }
      .small-screen .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-menu open,
      .frame-child .search-filter-pane .search-filter-group .libraries-dropdown .dropdown-selector-menu open {
        top: 100px !important; }
    .search-filter-pane .search-filter-group .types-dropdown, .search-filter-pane .search-filter-group .relationships-dropdown {
      margin-bottom: 12px; }
      .search-filter-pane .search-filter-group .types-dropdown .group-header, .search-filter-pane .search-filter-group .relationships-dropdown .group-header {
        background-color: #f2f2f2;
        height: 100%;
        border-bottom: 1px solid #ccc; }
        .search-filter-pane .search-filter-group .types-dropdown .group-header:after, .search-filter-pane .search-filter-group .relationships-dropdown .group-header:after {
          content: "";
          background: transparent url("../Content/Images/addition.svg") no-repeat;
          display: block;
          float: right;
          margin-right: 9px;
          margin-top: 12px;
          width: 10px;
          height: 9px; }
        .search-filter-pane .search-filter-group .types-dropdown .group-header.expand:after, .search-filter-pane .search-filter-group .relationships-dropdown .group-header.expand:after {
          background: transparent url("../Content/Images/subtract.svg") no-repeat; }
      .search-filter-pane .search-filter-group .types-dropdown .icon, .search-filter-pane .search-filter-group .relationships-dropdown .icon {
        width: 24px;
        height: 24px;
        margin: 5px 0 2px 2px; }
      .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger {
        z-index: 2; }
        .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger .dropdown-toggler input, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger .dropdown-toggler input {
          width: 170px;
          height: 40px;
          border: none;
          top: 1px;
          position: relative;
          font-family: "Segoe UI", "Helvetica Neue", "Helvetica", Arial, sans; }
        .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger .filter-name, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger .filter-name {
          width: 140px; }
        .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger .arrow, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger .arrow {
          width: 30px;
          padding-left: 3px; }
        .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger a, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger a {
          color: #223B74;
          text-decoration: none; }
        .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger .expand-icon, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger .expand-icon {
          display: block !important; }
          .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger .expand-icon.open svg, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger .expand-icon.open svg {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
          .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger .expand-icon svg, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger .expand-icon svg {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
      .search-filter-pane .search-filter-group .types-dropdown .dropdown-picker-item .icon, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-picker-item .icon {
        display: table-cell;
        vertical-align: middle; }
        .search-filter-pane .search-filter-group .types-dropdown .dropdown-picker-item .icon svg, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-picker-item .icon svg {
          stroke: #fff;
          width: 24px;
          height: 24px; }
      .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-item, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-item {
        overflow: unset; }
        .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-item .multi-select, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-item .multi-select {
          max-height: none !important; }
      .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-item.selected, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-item.selected {
        background-color: #9FC9F4; }
      .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-item .dropdown-selector-item-inner, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-item .dropdown-selector-item-inner {
        height: 100%;
        color: #000000;
        text-decoration: none;
        text-align: left; }
      .search-filter-pane .search-filter-group .types-dropdown .open .dropdown-selector-item, .search-filter-pane .search-filter-group .relationships-dropdown .open .dropdown-selector-item {
        height: 35px;
        cursor: pointer; }
      .search-filter-pane .search-filter-group .types-dropdown .open .collapse-objects-type, .search-filter-pane .search-filter-group .types-dropdown .collapse-documents-type, .search-filter-pane .search-filter-group .types-dropdown .collapse-other-type, .search-filter-pane .search-filter-group .relationships-dropdown .open .collapse-objects-type, .search-filter-pane .search-filter-group .relationships-dropdown .collapse-documents-type, .search-filter-pane .search-filter-group .relationships-dropdown .collapse-other-type {
        height: 0px !important; }
      .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-menu, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-menu {
        max-height: 202px;
        /*width: 202px;*/
        width: calc(100% + 2px);
        box-shadow: none;
        left: -1px;
        z-index: 3; }
        .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-menu.open, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-menu.open {
          border: 1px solid #ccc;
          background-color: #fff; }
      .search-filter-pane .search-filter-group .types-dropdown .displayTemplate, .search-filter-pane .search-filter-group .relationships-dropdown .displayTemplate {
        border: none !important; }
      .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-container, .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-container {
        height: 44px;
        max-height: 44px;
        /*max-width: 202px;*/
        /*width: 202px;*/
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        color: #000000;
        z-index: auto; }
        .small-screen .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-container .dropdown-selector-menu.open,
        .frame-child .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-container .dropdown-selector-menu.open, .small-screen .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-container .dropdown-selector-menu.open,
        .frame-child .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-container .dropdown-selector-menu.open {
          position: absolute;
          top: auto;
          border-top: inherit; }
        .small-screen .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-container,
        .frame-child .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-container, .small-screen .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-container,
        .frame-child .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-container {
          position: relative; }
      .search-filter-pane .search-filter-group .types-dropdown .apply-selection, .search-filter-pane .search-filter-group .relationships-dropdown .apply-selection {
        text-align: center;
        outline: solid 1px #ccc;
        color: #fff;
        opacity: 0;
        font-weight: 500;
        position: relative;
        background-color: #223B74;
        z-index: 3;
        cursor: pointer;
        transition: all 1s; }
      .search-filter-pane .search-filter-group .types-dropdown .show-apply, .search-filter-pane .search-filter-group .relationships-dropdown .show-apply {
        padding: 8px;
        opacity: 1;
        transition: all 1s; }
      .small-screen .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger .dropdown-toggler input,
      .frame-child .search-filter-pane .search-filter-group .types-dropdown .dropdown-selector-trigger .dropdown-toggler input, .small-screen .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger .dropdown-toggler input,
      .frame-child .search-filter-pane .search-filter-group .relationships-dropdown .dropdown-selector-trigger .dropdown-toggler input {
        width: 100%; }
      .search-filter-pane .search-filter-group .types-dropdown .filter-name, .search-filter-pane .search-filter-group .relationships-dropdown .filter-name {
        font-weight: normal !important; }
        .touch-capable .search-filter-pane .search-filter-group .types-dropdown .filter-name, .touch-capable .search-filter-pane .search-filter-group .relationships-dropdown .filter-name {
          margin-left: 35px;
          margin-top: 7px; }
    .search-filter-pane .search-filter-group .filter-header {
      cursor: pointer; }
    .search-filter-pane .search-filter-group h3 {
      margin: 0 0 8px 0;
      display: inline-block; }
    .search-filter-pane .search-filter-group .filter-name {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
      margin-bottom: 1px;
      max-width: calc(100% - 50px); }
    .search-filter-pane .search-filter-group .checkbox-container .checkbox-simple {
      display: block;
      /*background-color: red;*/
      padding: 0 0 5px 0; }
      .search-filter-pane .search-filter-group .checkbox-container .checkbox-simple:not(.disabled):hover {
        color: #3897DA;
        cursor: pointer; }
      .search-filter-pane .search-filter-group .checkbox-container .checkbox-simple.disabled {
        color: #888; }
      .touch .search-filter-pane .search-filter-group .checkbox-container .checkbox-simple {
        padding: 10px 15px 10px 0; }
    .search-filter-pane .search-filter-group .icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      vertical-align: middle;
      padding: 2px; }
      .search-filter-pane .search-filter-group .icon.non-object-type {
        background-color: transparent;
        padding: 0; }
        .touch-capable .search-filter-pane .search-filter-group .icon.non-object-type {
          margin-left: 4px;
          margin-top: 6px; }
        .search-filter-pane .search-filter-group .icon.non-object-type svg {
          background-color: #fff; }
      .search-filter-pane .search-filter-group .icon.relationship-filter svg {
        width: 16px !important;
        height: 16px !important;
        fill: #223B74; }
    .search-filter-pane .search-filter-group ul {
      padding: 0; }
    .search-filter-pane .search-filter-group .expand-icon {
      display: none;
      margin-left: 6px; }
      .search-filter-pane .search-filter-group .expand-icon svg {
        width: 12px;
        height: 12px;
        stroke-width: 4px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
    .search-filter-pane .search-filter-group .ui-select-and-loading-container {
      position: relative;
      width: 200px; }
      .search-filter-pane .search-filter-group .ui-select-and-loading-container .ui-select-loading-icon {
        position: absolute;
        top: calc(50% - 15px);
        left: calc(50% - 20px + 0);
        z-index: 2;
        width: 30px;
        height: 30px; }
    .search-filter-pane .search-filter-group .suggest-box {
      margin: 10px 30px 10px 0; }
      .search-filter-pane .search-filter-group .suggest-box .suggest-box-element {
        padding: 0 0 3px 1px; }
        .touch .search-filter-pane .search-filter-group .suggest-box .suggest-box-element {
          padding: 9px 0 9px 0; }
    .search-filter-pane .search-filter-group .filter-type-element {
      padding: 0 0 3px 0;
      width: 100%;
      display: block;
      cursor: pointer; }
      .touch .search-filter-pane .search-filter-group .filter-type-element {
        padding: 8px 0 8px 0; }
      .search-filter-pane .search-filter-group .filter-type-element:hover {
        background-color: #C3E0F4; }
    .search-filter-pane .search-filter-group .more-or-less {
      display: block;
      margin: 4px 0 0 0;
      cursor: pointer; }
      .search-filter-pane .search-filter-group .more-or-less:hover {
        font-style: italic;
        font-weight: bold; }
    .search-filter-pane .search-filter-group.filter-selected .expand-icon {
      display: inline-flex; }
    .search-filter-pane .search-filter-group.filter-selected .filter-header {
      margin-left: -20px; }
    .search-filter-pane .search-filter-group.filter-selected h3 {
      margin: 0 0 8px 0;
      font-weight: 300; }
    .search-filter-pane .search-filter-group.filter-selected .more-or-less {
      display: none; }

.search-about-pane {
  height: 100%; }
  .search-about-pane .object-details-view .failed-to-load {
    text-align: center;
    margin: auto; }
  .search-about-pane .object-details-view .object-details {
    height: 100%; }
  .search-about-pane .object-details .property .key {
    float: none;
    width: 100%; }
  .search-about-pane .object-details .property .value {
    float: none;
    margin-top: 7px;
    width: 100%; }
  .search-about-pane .object-details .details {
    display: inline-block;
    height: 100%; }
    .search-about-pane .object-details .details .main-details, .search-about-pane .object-details .details .attribute-details {
      display: block;
      padding: 10px;
      width: 100%;
      max-width: none; }
    .search-about-pane .object-details .details .main-details {
      border-bottom: 1px solid #ccc;
      border-right: 0; }
  .search-about-pane .page-selector {
    display: table;
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ccc; }
    .search-about-pane .page-selector .info-panel-buttons {
      vertical-align: middle;
      display: table-cell;
      padding: 0;
      height: 49px; }
      .search-about-pane .page-selector .info-panel-buttons.left-info-panel-buttons {
        line-height: 49px; }
        .search-about-pane .page-selector .info-panel-buttons.left-info-panel-buttons.narrow-panel .menu-dropdown .itemTemplate .dropdown-selector-item-container {
          max-width: 165px; }
          .search-about-pane .page-selector .info-panel-buttons.left-info-panel-buttons.narrow-panel .menu-dropdown .itemTemplate .dropdown-selector-item-container .dropdown-selector-item-title {
            max-width: 90px;
            overflow: hidden;
            text-overflow: ellipsis; }
      .search-about-pane .page-selector .info-panel-buttons.right-info-panel-buttons {
        float: right;
        width: 100px; }
    .search-about-pane .page-selector .menu-dropdown, .search-about-pane .page-selector .change-diagram-display-button, .search-about-pane .page-selector .submit-button {
      z-index: 5;
      display: inline-block; }
    .search-about-pane .page-selector .submit-button .display-template, .search-about-pane .page-selector .change-diagram-display-button .display-template {
      display: table-cell;
      cursor: pointer; }
      .search-about-pane .page-selector .submit-button .display-template .current-item-overlay, .search-about-pane .page-selector .change-diagram-display-button .display-template .current-item-overlay {
        display: table-cell;
        height: 49px; }
        .search-about-pane .page-selector .submit-button .display-template .current-item-overlay svg, .search-about-pane .page-selector .change-diagram-display-button .display-template .current-item-overlay svg {
          height: 49px; }
    .search-about-pane .page-selector .submit-button .dropdown-selector-menu, .search-about-pane .page-selector .change-diagram-display-button .dropdown-selector-menu {
      left: -190px; }
      .small-screen .search-about-pane .page-selector .submit-button .dropdown-selector-menu, .small-screen .search-about-pane .page-selector .change-diagram-display-button .dropdown-selector-menu {
        left: 0; }
    .search-about-pane .page-selector .popout-link {
      display: inline-block;
      position: relative;
      cursor: pointer;
      padding-left: 5px;
      width: 30px;
      z-index: 5; }
      .search-about-pane .page-selector .popout-link svg {
        height: 49px; }
    .search-about-pane .page-selector .edit-button {
      display: inline-block;
      height: 49px;
      position: relative;
      cursor: pointer;
      width: 30px;
      z-index: 5; }
      .search-about-pane .page-selector .edit-button.disabled {
        cursor: default; }
        .search-about-pane .page-selector .edit-button.disabled svg {
          fill: #888; }
      .search-about-pane .page-selector .edit-button svg {
        height: 49px;
        width: 26px;
        margin-right: 2px; }
    .search-about-pane .page-selector .save-button {
      display: inline-block;
      height: 49px;
      position: relative;
      cursor: pointer;
      width: 30px; }
      .search-about-pane .page-selector .save-button svg {
        height: 49px;
        width: 26px;
        margin-right: 2px; }
    .search-about-pane .page-selector a {
      color: #000000;
      text-decoration: none; }
    .search-about-pane .page-selector svg {
      width: 20px;
      height: 20px;
      fill: #223B74;
      max-width: none;
      max-height: none;
      margin-right: 6px; }
      .search-about-pane .page-selector svg.object-attributes {
        fill: none;
        stroke: #223B74; }
    .search-about-pane .page-selector .expand-icon svg {
      width: 16px;
      height: 16px;
      stroke-width: 2px;
      margin-top: 6px;
      fill: none; }
    .search-about-pane .page-selector .dropdown-selector-menu {
      background-color: #fff;
      border-left: 0;
      border-right: 0;
      width: 283px; }
      .search-about-pane .page-selector .dropdown-selector-menu.open .dropdown-selector-item {
        height: 50px;
        line-height: 50px;
        cursor: pointer; }
        .search-about-pane .page-selector .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item {
          display: inline-flex; }
          .search-about-pane .page-selector .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item .icon {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 5px; }
    .search-about-pane .page-selector .dropdown-selector-container {
      height: 100%;
      width: 100%; }
      .search-about-pane .page-selector .dropdown-selector-container .dropdown-selector-trigger .current-item-overlay .text {
        display: none; }
    .search-about-pane .page-selector .dropdown-selector-item-container {
      height: 100%;
      padding: 0px 10px 0 14px;
      cursor: pointer; }
      .search-about-pane .page-selector .dropdown-selector-item-container .dropdown-selector-item-title {
        padding: 0; }
    .search-about-pane .page-selector .menu-dropdown .dropdown-toggler .itemTemplate {
      width: 100%;
      overflow: hidden; }
    .search-about-pane .page-selector .menu-dropdown .dropdown-toggler .arrow {
      width: 25px; }
  .search-about-pane .related-items-display-button {
    display: inline-block;
    height: 49px;
    position: relative;
    cursor: pointer;
    width: 30px; }
    .search-about-pane .related-items-display-button svg {
      height: 49px;
      width: 22px;
      margin-right: 6px; }
  .search-about-pane .change-diagram-display-button .dropdown-selector-item-inner {
    padding: 0px 10px 0 14px; }
  .search-about-pane .page-container {
    height: calc(100% - 106px); }
  .search-about-pane .change-mode-button:after,
  .search-about-pane .edit-button:after {
    content: "";
    background-color: #ccc;
    position: absolute;
    width: 1px;
    height: 36px;
    top: 7px;
    left: 30px;
    display: block; }

.ie .dropdown-selector-container.open .dropdown-selector-trigger .display-template.info-panel {
  margin-top: -10px; }

.frame-child .search-header .search-header-icon {
  padding: 0; }
  .frame-child .search-header .search-header-icon.filter-pane, .frame-child .search-header .search-header-icon.search-icon, .frame-child .search-header .search-header-icon.details-pane, .frame-child .search-header .search-header-icon.tiles-mode {
    width: 38px;
    min-width: 38px; }

@media (min-width: 768px) and (max-width: 815px) {
  .search-container .toolbar .toolbar-item-button {
    padding-left: 2px;
    padding-right: 2px;
    width: 35px; }
    .touch-capable .search-container .toolbar .toolbar-item-button {
      width: auto; }
    .search-container .toolbar .toolbar-item-button .text {
      display: none !important; }
    .search-container .toolbar .toolbar-item-button .workflow-dropdown .dropdown-selector-container {
      width: 100%; } }

@media all and (max-width: 1050px) {
  .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group.action-group {
    display: table-cell; }
    .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group.action-group .dropdown-selector-menu.open {
      top: auto !important; }
  .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .open-all-button, .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .download-button, .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .pdf-download-button, .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .toggle-show-objects-button, .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .share-link-button, .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .post-feedback-button {
    display: none !important; }
  .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .mark-as-favourite-button .text,
  .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .refresh-workflow-button .text,
  .left-side-panel-expanded.right-side-panel-expanded .search-container .toolbar .toolbar-group .toggle-workflow .text {
    display: none !important; } }

@media all and (max-width: 768px) {
  .search-header .search-header-icon {
    padding: 0; }
    .search-header .search-header-icon.filter-pane, .search-header .search-header-icon.search-icon, .search-header .search-header-icon.details-pane, .search-header .search-header-icon.tiles-mode {
      width: 38px;
      min-width: 38px; } }

.left-side-panel-expanded .search-filter-pane {
  left: 0;
  display: block; }

.toolbar .toolbar-group .workflow-dropdown .dropdown-selector-container,
.toolbar .toolbar-group .diagram-layout-dropdown .dropdown-selector-container {
  background-color: #ffffff; }

.pane-content .relateditems .diagram-layout-dropdown .dropdown-selector-container {
  z-index: 3; }

.pane-content .relateditems .change-mode-button, .pane-content .relateditems .popout-link, .pane-content .relateditems .menu-dropdown .dropdown-selector-container {
  z-index: 4; }

.unauthorised-notice, .error-notice {
  width: 100%;
  height: 100%;
  background-color: #ffffff; }
  .unauthorised-notice .banner, .error-notice .banner {
    background-color: #223B74;
    border-bottom: 1px solid #223B74;
    color: #ffffff;
    height: 100px;
    padding: 25px; }
    .unauthorised-notice .banner .iserver-logo, .error-notice .banner .iserver-logo {
      max-height: 50px;
      bottom: 0;
      position: relative;
      font-size: larger; }
  @media all and (max-width: 768px) {
    .unauthorised-notice .banner, .error-notice .banner {
      height: 60px;
      font-size: 45px; } }
  .unauthorised-notice .failure-details, .error-notice .failure-details {
    padding: 25px; }
    .unauthorised-notice .failure-details p, .error-notice .failure-details p {
      padding-bottom: 10px; }

.inside-circle {
  stroke: white; }

.text-as-link {
  cursor: pointer; }
  .text-as-link:hover {
    text-decoration: underline; }

.expand-icon {
  fill: none;
  stroke: #fff;
  cursor: pointer;
  stroke: #223B74; }
  .expand-icon svg {
    width: 100%;
    height: 100%; }
  .expand-icon.inverse.expanded {
    transform: rotate(0deg); }
  .expand-icon.inverse {
    transform: rotate(180deg); }
  .expand-icon.expanded {
    transform: rotate(180deg); }

.tab-control {
  height: 100%;
  width: 100%; }
  .tab-control .tabs {
    white-space: nowrap;
    margin: 0;
    -webkit-padding-start: 0;
    padding-left: 0;
    overflow: hidden;
    height: 31px;
    border-bottom: solid 1px #888;
    background-color: #dadada; }
    .tab-control .tabs .tab-item {
      display: inline-block;
      list-style-type: none;
      padding: 4px 0px 2px 0px;
      cursor: pointer;
      color: #000000;
      width: 150px;
      height: 100%; }
      .tab-control .tabs .tab-item:first-child {
        width: 100px; }
      .tab-control .tabs .tab-item .icon {
        width: 15px;
        height: 18px;
        vertical-align: middle;
        padding-bottom: 3px;
        fill: #223B74; }
      .tab-control .tabs .tab-item .text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block; }
      .tab-control .tabs .tab-item .text-name {
        max-width: 90px; }
      .tab-control .tabs .tab-item .text-amount {
        width: 30px; }
      .tab-control .tabs .tab-item .text-mobile-amount {
        display: none; }
      .small-screen.narrow-width .tab-control .tabs .tab-item,
      .frame-child .tab-control .tabs .tab-item {
        width: 70px; }
        .small-screen.narrow-width .tab-control .tabs .tab-item:first-child,
        .frame-child .tab-control .tabs .tab-item:first-child {
          width: 36px; }
        .small-screen.narrow-width .tab-control .tabs .tab-item .text,
        .frame-child .tab-control .tabs .tab-item .text {
          display: inline-block;
          max-width: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .small-screen.narrow-width .tab-control .tabs .tab-item .text-amount,
        .frame-child .tab-control .tabs .tab-item .text-amount {
          display: none; }
        .small-screen.narrow-width .tab-control .tabs .tab-item .text-mobile-amount,
        .frame-child .tab-control .tabs .tab-item .text-mobile-amount {
          display: inline-block;
          width: 70px;
          max-width: 70px; }
      .tab-control .tabs .tab-item.disabled {
        color: #888 !important; }
      .tab-control .tabs .tab-item.active {
        border-bottom: solid 2px #3897da;
        /*margin-top: 4px;*/
        color: #223B74;
        background-color: #f6f3f3; }
      .tab-control .tabs .tab-item:hover {
        background-color: rgba(255, 255, 255, 0.52); }
      .tab-control .tabs .tab-item .separator {
        width: 1px;
        border-right: 1px solid #3897da;
        border-bottom: 6px solid #dadada;
        border-top: 6px solid #dadada;
        position: relative;
        height: 23px;
        left: 100%;
        bottom: 17px; }
  .tab-control .tabView {
    height: calc(100% - 31px);
    overflow: auto; }
    .tab-control .tabView .tabUiView {
      height: 100%; }
      .tab-control .tabView .tabUiView > div {
        height: 100%; }
    .tab-control .tabView .object-details-view .details .main-details {
      min-width: 370px;
      width: 30%;
      max-width: 30%; }
      .tablet-width .tab-control .tabView .object-details-view .details .main-details,
      .frame-child .tab-control .tabView .object-details-view .details .main-details {
        width: 100%;
        max-width: 100%; }
      .tab-control .tabView .object-details-view .details .main-details .property .edit-mode textarea {
        width: 95%; }
        .narrow-width .tab-control .tabView .object-details-view .details .main-details .property .edit-mode textarea,
        .tab-control .tabView .object-details-view .details .main-details .property .edit-mode textarea .frame-child {
          width: 80%; }
    .tab-control .tabView .object-details-view .details .attribute-details .attribute-property .property .key {
      width: 270px; }
    .frame-child .tab-control .tabView .object-details-view .details .attribute-details .edit-attribute .property .key {
      float: none; }
    @media screen and (max-width: 970px) {
      .tab-control .tabView .object-details-view .details .attribute-details .edit-attribute .property .key {
        float: none; } }
    .tab-control .tabView.related-items-tab {
      overflow: hidden; }

.left-to-right-scrollable {
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap; }
  .left-to-right-scrollable.with-controls .content-container .content {
    margin: 0 32px; }
  .left-to-right-scrollable.with-controls .content-container .scroll-left, .left-to-right-scrollable.with-controls .content-container .scroll-right {
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    height: 40px;
    width: 40px;
    fill: none;
    stroke: #3897DA;
    stroke-width: 2px; }
    .left-to-right-scrollable.with-controls .content-container .scroll-left svg, .left-to-right-scrollable.with-controls .content-container .scroll-right svg {
      padding: 5px; }
  .left-to-right-scrollable.with-controls .content-container .scroll-left {
    left: 0;
    -webkit-transform: scaleX(-1) translate(0, -50%);
    -moz-transform: scaleX(-1) translate(0, -50%);
    -ms-transform: scaleX(-1) translate(0, -50%);
    transform: scaleX(-1) translate(0, -50%); }
  .left-to-right-scrollable.with-controls .content-container .scroll-right {
    right: 0; }
  .left-to-right-scrollable .content-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .left-to-right-scrollable .content-container .content {
      list-style-type: none;
      padding: 0;
      height: 100%;
      position: relative;
      margin: 0;
      display: block; }
    .left-to-right-scrollable .content-container .scroll-left, .left-to-right-scrollable .content-container .scroll-right {
      display: none; }

.po-grid.grid-header {
  height: 29px;
  position: relative; }
  .po-grid.grid-header .table {
    height: 29px; }
    .po-grid.grid-header .table .header-row .cell {
      font-size: 12px;
      position: relative; }
      .po-grid.grid-header .table .header-row .cell.column-checkbox {
        min-width: 30px;
        max-width: 30px; }
      .po-grid.grid-header .table .header-row .cell.resizable.active, .po-grid.grid-header .table .header-row .cell.resizable:hover {
        cursor: pointer;
        background-color: #9FC9F4; }
      .po-grid.grid-header .table .header-row .cell.column-download .resize-handler,
      .po-grid.grid-header .table .header-row .cell.column-download-pdf .resize-handler,
      .po-grid.grid-header .table .header-row .cell.column-favourite .resize-handler {
        border: none; }
      .po-grid.grid-header .table .header-row .cell .resize-handler {
        position: absolute;
        top: 0;
        right: 0;
        width: 10px;
        height: 31px;
        /* height: 100% fails in IE10 */
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      .po-grid.grid-header .table .header-row .cell.resizable.active .resize-handler,
      .po-grid.grid-header .table .header-row .cell.resizable:hover .resize-handler {
        cursor: col-resize; }
      .po-grid.grid-header .table .header-row .cell .sort-handler {
        position: absolute;
        height: 29px;
        width: calc(100% + 1px);
        top: 0;
        left: 0;
        background-color: rgba(250, 250, 250, 0);
        /*
                        &:hover:not(.sorted) .direction {
                            svg {
                                width: 7px;
                                height: 7px;
                            }
                        }
                        */ }
        .po-grid.grid-header .table .header-row .cell .sort-handler.sorted .direction {
          display: inline-block; }
        .po-grid.grid-header .table .header-row .cell .sort-handler .direction {
          position: absolute;
          /*
                            top: 50%;
                            left: calc(100% - 10px);
                            */
          top: 15%;
          left: calc(50% - 0px);
          opacity: 0.75;
          display: none;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          .po-grid.grid-header .table .header-row .cell .sort-handler .direction svg {
            width: 10px;
            height: 10px;
            fill: #223B74; }

.po-grid.global-container {
  overflow: hidden;
  /* To prevent scrollbar appearing in parent elements due to grid header */
  height: 100%;
  width: 100%; }

.po-grid.grid-content {
  height: calc(100% - 29px);
  overflow: auto;
  padding-top: 3px;
  /*-webkit-overflow-scrolling: touch;*/
  /*.list-tag-objects{
            white-space: normal;
            display: list-item;
            .list-item-row .cell{
                max-height:initial;
            }
        }*/ }
  .po-grid.grid-content .table {
    /*min-width: 100%;*/ }
  .po-grid.grid-content .list-item-row:hover .column-name a,
  .po-grid.grid-content .list-item-row:hover .column-type-2 a {
    text-decoration: underline;
    color: #000000; }
  .po-grid.grid-content .list-item-row:hover .column-name a.feedback-link,
  .po-grid.grid-content .list-item-row:hover .column-type-2 a.feedback-link {
    text-decoration: none; }
  .po-grid.grid-content .list-item-row .column-checkbox .poCheckBox {
    display: none; }
  .po-grid.grid-content .list-item-row .grid-row-button.disabled svg {
    fill: #888; }
  .po-grid.grid-content .list-item-row .column-name a,
  .po-grid.grid-content .list-item-row .column-type-2 a {
    text-decoration: none;
    color: #000000; }
  .po-grid.grid-content .list-item-row .column-download div:first-child {
    display: none; }
  .po-grid.grid-content .list-item-row .column-download-pdf div:first-child {
    display: none; }
  .po-grid.grid-content .list-item-row .column-favourite div:first-child a {
    display: none; }
    .po-grid.grid-content .list-item-row .column-favourite div:first-child a.favourited {
      display: block; }
  .po-grid.grid-content .list-item-row .column-feedback div:first-child {
    display: none; }
  .po-grid.grid-content .list-item-row.selected {
    background-color: #9FC9F4; }
    .po-grid.grid-content .list-item-row.selected .cell {
      background-color: #9FC9F4; }
    .po-grid.grid-content .list-item-row.selected .column-checkbox .poCheckBox {
      display: block; }
    .po-grid.grid-content .list-item-row.selected .column-download div:first-child {
      display: block; }
    .po-grid.grid-content .list-item-row.selected .column-download-pdf div:first-child {
      display: block; }
    .po-grid.grid-content .list-item-row.selected .column-favourite div:first-child a {
      display: block; }
    .po-grid.grid-content .list-item-row.selected .column-feedback div:first-child {
      display: block; }
  .po-grid.grid-content .list-item-row:hover {
    background-color: #C3E0F4; }
    .po-grid.grid-content .list-item-row:hover .cell {
      background-color: #C3E0F4; }
    .po-grid.grid-content .list-item-row:hover .column-checkbox .poCheckBox {
      display: block; }
    .po-grid.grid-content .list-item-row:hover .column-download div:first-child {
      display: block; }
    .po-grid.grid-content .list-item-row:hover .column-download-pdf div:first-child {
      display: block; }
    .po-grid.grid-content .list-item-row:hover .column-favourite div:first-child a {
      display: block; }
    .po-grid.grid-content .list-item-row:hover .column-feedback div:first-child {
      display: block; }
  .po-grid.grid-content .icon svg {
    width: 32px;
    height: 32px; }

.po-grid.grid-header .table, .po-grid.grid-content .table {
  width: 1px;
  /*min-width: 100%;*/ }

.po-grid.grid-header .list-item-row .cell, .po-grid.grid-content .list-item-row .cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  padding: 1px 5px 1px 5px;
  max-height: 40px; }

.po-grid .ellipsis, .po-grid .workflow-decisions .workflow-decision-steps .workflow-step .name, .workflow-decisions .workflow-decision-steps .workflow-step .po-grid .name, .po-grid .workflow-action .decision-maker .user, .workflow-action .decision-maker .po-grid .user, .po-grid .workflow-action .decision-maker .users.expand div, .workflow-action .decision-maker .users.expand .po-grid div, .po-grid .workflow-action .answer label, .workflow-action .answer .po-grid label, .po-grid .workflow-action .answer .outcome-answer > li .title, .workflow-action .answer .outcome-answer > li .po-grid .title, .po-grid .workflow-action .answer .outcome-answer > li .moment-picker .input-date > input, .workflow-action .answer .outcome-answer > li .moment-picker .po-grid .input-date > input, .po-grid .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-toggler .itemTemplate .dropdown-selector-item-title, .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-toggler .itemTemplate .po-grid .dropdown-selector-item-title, .po-grid .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-container, .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open .dropdown-selector-item .po-grid .dropdown-selector-item-container, .po-grid .workflow-action .upload-files .file-Container, .workflow-action .upload-files .po-grid .file-Container {
  height: 23px; }

.share-link-button.toggle-workflow,
.post-feedback-button.toggle-workflow,
.mark-as-favourite-button.toggle-workflow {
  margin-right: 5px;
  cursor: pointer; }
  .share-link-button.toggle-workflow .image,
  .post-feedback-button.toggle-workflow .image,
  .mark-as-favourite-button.toggle-workflow .image {
    display: inline-block;
    height: 26px;
    margin: 2px 4px 0 4px;
    fill: #223B74; }
    .share-link-button.toggle-workflow .image svg,
    .post-feedback-button.toggle-workflow .image svg,
    .mark-as-favourite-button.toggle-workflow .image svg {
      height: 22px;
      width: 25px; }
  .share-link-button.toggle-workflow .text,
  .post-feedback-button.toggle-workflow .text,
  .mark-as-favourite-button.toggle-workflow .text {
    display: inline-block;
    vertical-align: super; }
    .narrow-width .share-link-button.toggle-workflow .text,
    .small-screen .share-link-button.toggle-workflow .text,
    .frame-child .share-link-button.toggle-workflow .text, .narrow-width
    .post-feedback-button.toggle-workflow .text,
    .small-screen
    .post-feedback-button.toggle-workflow .text,
    .frame-child
    .post-feedback-button.toggle-workflow .text, .narrow-width
    .mark-as-favourite-button.toggle-workflow .text,
    .small-screen
    .mark-as-favourite-button.toggle-workflow .text,
    .frame-child
    .mark-as-favourite-button.toggle-workflow .text {
      display: none; }

.mark-as-favourite-button.not-favourited:not(.disabled) polygon {
  fill: #223B74; }

.pane-content .column-feedback, .pane-content .column-favourite {
  display: none; }

.grid-item {
  margin: 5px; }
  .narrow-width .grid-item,
  .grid-item .frame-child {
    margin: 10px 5px; }

#contextMenu {
  position: absolute;
  bottom: 0;
  right: 0; }

.contextmenu-host {
  position: fixed; }
  .contextmenu-host.landscape {
    min-width: 300px;
    max-height: calc(100% - 44px) !important;
    overflow: hidden; }
    .contextmenu-host.landscape .aligner-content {
      height: 100%; }
      .contextmenu-host.landscape .aligner-content .contextmenu-relative-container {
        height: 100%; }
  .contextmenu-host .expander {
    display: none; }
  .contextmenu-host.mobile {
    position: fixed;
    bottom: 0 !important;
    left: 0 !important;
    top: auto !important;
    right: 0 !important;
    z-index: 2;
    width: auto !important;
    max-height: 60%;
    height: auto !important; }
    .contextmenu-host.mobile .aligner-content {
      /* 
                This is a hack to ensure the content takes up to 60% of the view
                and at the same time grows from the bottom.
            */
      display: inline-block;
      width: 100%;
      vertical-align: bottom; }
      .contextmenu-host.mobile .aligner-content .expander {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #4285F4;
        padding: 16px 24px 20px;
        font-size: 18px;
        color: white;
        cursor: pointer;
        display: block;
        height: 60px; }
    .contextmenu-host.mobile .contextmenu-relative-container {
      background-color: #fff;
      position: relative;
      display: none; }
      .contextmenu-host.mobile .contextmenu-relative-container.expanded {
        display: block; }

.object-tiles .card {
  position: relative;
  cursor: pointer;
  display: inline-block; }
  .object-tiles .card .card-favorite-container {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 8px;
    bottom: 4px;
    cursor: default; }
    .object-tiles .card .card-favorite-container .favorite-selection {
      width: 20px;
      height: 20px;
      border-radius: 15px;
      cursor: default;
      position: relative;
      display: none; }
      .object-tiles .card .card-favorite-container .favorite-selection svg {
        width: 16px;
        height: 16px; }
    .object-tiles .card .card-favorite-container:not(.favourited) .favorite-selection {
      background-color: #ddd;
      border: 1.5px solid #ddd; }
    .object-tiles .card .card-favorite-container:not(.favourited) svg polygon {
      fill: darkgray; }
    .object-tiles .card .card-favorite-container.favourited .favorite-selection {
      background-color: #3897da;
      border: 1.5px solid #1b4969; }
      .object-tiles .card .card-favorite-container.favourited .favorite-selection svg polygon {
        fill: #ffd11a; }
    .narrow-width .object-tiles .card .card-favorite-container {
      display: none; }
  .object-tiles .card a svg, .object-tiles .card a:visited svg {
    fill: inherit;
    stroke: inherit; }
  .object-tiles .card.folder-card, .object-tiles .card.document-card, .object-tiles .card.object-card {
    height: 60px;
    background-color: #fff;
    display: block;
    border: 1px solid #ccc; }
    .object-tiles .card.folder-card:hover .object-selection-container .object-selection,
    .object-tiles .card.folder-card:hover .card-favorite-container .favorite-selection, .object-tiles .card.document-card:hover .object-selection-container .object-selection,
    .object-tiles .card.document-card:hover .card-favorite-container .favorite-selection, .object-tiles .card.object-card:hover .object-selection-container .object-selection,
    .object-tiles .card.object-card:hover .card-favorite-container .favorite-selection {
      display: block; }
    .object-tiles .card.folder-card .children-count, .object-tiles .card.document-card .children-count, .object-tiles .card.object-card .children-count {
      color: #000; }
    .object-tiles .card.folder-card .tile-text, .object-tiles .card.document-card .tile-text, .object-tiles .card.object-card .tile-text {
      float: left;
      width: calc(100% - 50px);
      height: 100%;
      font-size: 11px;
      padding: 0 3px 0 3px;
      position: absolute;
      left: 50px; }
      .object-tiles .card.folder-card .tile-text .object-name, .object-tiles .card.document-card .tile-text .object-name, .object-tiles .card.object-card .tile-text .object-name {
        font-size: 14px;
        max-height: 40px;
        max-width: 88%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .object-tiles .card.folder-card .tile-text .object-name a, .object-tiles .card.document-card .tile-text .object-name a, .object-tiles .card.object-card .tile-text .object-name a {
          color: inherit;
          text-decoration: none;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          white-space: normal; }
          .object-tiles .card.folder-card .tile-text .object-name a:hover, .object-tiles .card.document-card .tile-text .object-name a:hover, .object-tiles .card.object-card .tile-text .object-name a:hover {
            text-decoration: underline; }
          .narrow-width .object-tiles .card.folder-card .tile-text .object-name a,
          .frame-child .object-tiles .card.folder-card .tile-text .object-name a, .narrow-width .object-tiles .card.document-card .tile-text .object-name a,
          .frame-child .object-tiles .card.document-card .tile-text .object-name a, .narrow-width .object-tiles .card.object-card .tile-text .object-name a,
          .frame-child .object-tiles .card.object-card .tile-text .object-name a {
            -webkit-line-clamp: 1; }
      .object-tiles .card.folder-card .tile-text .object-name, .object-tiles .card.document-card .tile-text .object-name, .object-tiles .card.object-card .tile-text .object-name {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-bottom: 0; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-bookmark, .object-tiles .card.document-card .tile-text .object-name.tile-bookmark, .object-tiles .card.object-card .tile-text .object-name.tile-bookmark {
          color: #295391; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-california, .object-tiles .card.document-card .tile-text .object-name.tile-california, .object-tiles .card.object-card .tile-text .object-name.tile-california {
          color: #ff9900; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-chardonnay, .object-tiles .card.document-card .tile-text .object-name.tile-chardonnay, .object-tiles .card.object-card .tile-text .object-name.tile-chardonnay {
          color: #ffcc80; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-clementine, .object-tiles .card.document-card .tile-text .object-name.tile-clementine, .object-tiles .card.object-card .tile-text .object-name.tile-clementine {
          color: #ef6c00; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-dovegray, .object-tiles .card.document-card .tile-text .object-name.tile-dovegray, .object-tiles .card.object-card .tile-text .object-name.tile-dovegray {
          color: #666666; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-fruitsalad, .object-tiles .card.document-card .tile-text .object-name.tile-fruitsalad, .object-tiles .card.object-card .tile-text .object-name.tile-fruitsalad {
          color: #43a047; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-indigo, .object-tiles .card.document-card .tile-text .object-name.tile-indigo, .object-tiles .card.object-card .tile-text .object-name.tile-indigo {
          color: #3f51b5; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-kabul, .object-tiles .card.document-card .tile-text .object-name.tile-kabul, .object-tiles .card.object-card .tile-text .object-name.tile-kabul {
          color: #5d4037; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-lochmara, .object-tiles .card.document-card .tile-text .object-name.tile-lochmara, .object-tiles .card.object-card .tile-text .object-name.tile-lochmara {
          color: #0072c6; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-malibu, .object-tiles .card.document-card .tile-text .object-name.tile-malibu, .object-tiles .card.object-card .tile-text .object-name.tile-malibu {
          color: #64b5f6; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-mineshaft, .object-tiles .card.document-card .tile-text .object-name.tile-mineshaft, .object-tiles .card.object-card .tile-text .object-name.tile-mineshaft {
          color: #333333; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-montecarlo, .object-tiles .card.document-card .tile-text .object-name.tile-montecarlo, .object-tiles .card.object-card .tile-text .object-name.tile-montecarlo {
          color: #80cbc4; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-mossgreen, .object-tiles .card.document-card .tile-text .object-name.tile-mossgreen, .object-tiles .card.object-card .tile-text .object-name.tile-mossgreen {
          color: #a5d6a7; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-parsley, .object-tiles .card.document-card .tile-text .object-name.tile-parsley, .object-tiles .card.object-card .tile-text .object-name.tile-parsley {
          color: #1b5e20; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-persiangreen, .object-tiles .card.document-card .tile-text .object-name.tile-persiangreen, .object-tiles .card.object-card .tile-text .object-name.tile-persiangreen {
          color: #00a99d; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-pomegranate, .object-tiles .card.document-card .tile-text .object-name.tile-pomegranate, .object-tiles .card.object-card .tile-text .object-name.tile-pomegranate {
          color: #f44336; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-pottersclay, .object-tiles .card.document-card .tile-text .object-name.tile-pottersclay, .object-tiles .card.object-card .tile-text .object-name.tile-pottersclay {
          color: #8c6239; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-silverchalice, .object-tiles .card.document-card .tile-text .object-name.tile-silverchalice, .object-tiles .card.object-card .tile-text .object-name.tile-silverchalice {
          color: #999999; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-sunglo, .object-tiles .card.document-card .tile-text .object-name.tile-sunglo, .object-tiles .card.object-card .tile-text .object-name.tile-sunglo {
          color: #ee9999; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-tallpoppy, .object-tiles .card.document-card .tile-text .object-name.tile-tallpoppy, .object-tiles .card.object-card .tile-text .object-name.tile-tallpoppy {
          color: #c62828; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-thatch, .object-tiles .card.document-card .tile-text .object-name.tile-thatch, .object-tiles .card.object-card .tile-text .object-name.tile-thatch {
          color: #bcaaa4; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-tropicalrainforest, .object-tiles .card.document-card .tile-text .object-name.tile-tropicalrainforest, .object-tiles .card.object-card .tile-text .object-name.tile-tropicalrainforest {
          color: #00695c; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-document-default, .object-tiles .card.document-card .tile-text .object-name.tile-document-default, .object-tiles .card.object-card .tile-text .object-name.tile-document-default {
          color: #7e7e7e; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-excel, .object-tiles .card.document-card .tile-text .object-name.tile-excel, .object-tiles .card.object-card .tile-text .object-name.tile-excel {
          color: #207347; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-pdf, .object-tiles .card.document-card .tile-text .object-name.tile-pdf, .object-tiles .card.object-card .tile-text .object-name.tile-pdf {
          color: #d9534f; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-powerpoint, .object-tiles .card.document-card .tile-text .object-name.tile-powerpoint, .object-tiles .card.object-card .tile-text .object-name.tile-powerpoint {
          color: #d24625; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-visio, .object-tiles .card.document-card .tile-text .object-name.tile-visio, .object-tiles .card.object-card .tile-text .object-name.tile-visio {
          color: #35509d; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-word, .object-tiles .card.document-card .tile-text .object-name.tile-word, .object-tiles .card.object-card .tile-text .object-name.tile-word {
          color: #295391; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-other, .object-tiles .card.document-card .tile-text .object-name.tile-other, .object-tiles .card.object-card .tile-text .object-name.tile-other {
          color: #7e7e7e; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-folder, .object-tiles .card.document-card .tile-text .object-name.tile-folder, .object-tiles .card.object-card .tile-text .object-name.tile-folder {
          color: #b4b4b1; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-library, .object-tiles .card.document-card .tile-text .object-name.tile-library, .object-tiles .card.object-card .tile-text .object-name.tile-library {
          color: #7e7e7e; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-none, .object-tiles .card.document-card .tile-text .object-name.tile-none, .object-tiles .card.object-card .tile-text .object-name.tile-none {
          color: #223b74; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-archimatebusiness, .object-tiles .card.document-card .tile-text .object-name.tile-archimatebusiness, .object-tiles .card.object-card .tile-text .object-name.tile-archimatebusiness {
          color: #ffffaf; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-archimateapplication, .object-tiles .card.document-card .tile-text .object-name.tile-archimateapplication, .object-tiles .card.object-card .tile-text .object-name.tile-archimateapplication {
          color: #afffff; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-archimatephysical, .object-tiles .card.document-card .tile-text .object-name.tile-archimatephysical, .object-tiles .card.object-card .tile-text .object-name.tile-archimatephysical {
          color: #afffaf; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-archimatemotivation, .object-tiles .card.document-card .tile-text .object-name.tile-archimatemotivation, .object-tiles .card.object-card .tile-text .object-name.tile-archimatemotivation {
          color: #ccccff; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-archimatestrategy, .object-tiles .card.document-card .tile-text .object-name.tile-archimatestrategy, .object-tiles .card.object-card .tile-text .object-name.tile-archimatestrategy {
          color: #f5deaa; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-archimateimplementationandmigration, .object-tiles .card.document-card .tile-text .object-name.tile-archimateimplementationandmigration, .object-tiles .card.object-card .tile-text .object-name.tile-archimateimplementationandmigration {
          color: #fce0e0; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-archimatetechnology, .object-tiles .card.document-card .tile-text .object-name.tile-archimatetechnology, .object-tiles .card.object-card .tile-text .object-name.tile-archimatetechnology {
          color: #e0ffe0; }
        .object-tiles .card.folder-card .tile-text .object-name.tile-archimatecomposite, .object-tiles .card.document-card .tile-text .object-name.tile-archimatecomposite, .object-tiles .card.object-card .tile-text .object-name.tile-archimatecomposite {
          color: #ffbf80; }
      .object-tiles .card.folder-card .tile-text .object-type,
      .object-tiles .card.folder-card .tile-text .children-count, .object-tiles .card.document-card .tile-text .object-type,
      .object-tiles .card.document-card .tile-text .children-count, .object-tiles .card.object-card .tile-text .object-type,
      .object-tiles .card.object-card .tile-text .children-count {
        max-width: calc(100% - 6px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 300;
        color: #B4B4B1;
        position: absolute;
        bottom: 0;
        font-style: italic; }
    .object-tiles .card.folder-card .icon-container.tile-other svg .border,
    .object-tiles .card.folder-card .icon-container.tile-other svg .dog-ear, .object-tiles .card.document-card .icon-container.tile-other svg .border,
    .object-tiles .card.document-card .icon-container.tile-other svg .dog-ear, .object-tiles .card.object-card .icon-container.tile-other svg .border,
    .object-tiles .card.object-card .icon-container.tile-other svg .dog-ear {
      fill: #fff !important; }
    .object-tiles .card.folder-card .icon-container, .object-tiles .card.document-card .icon-container, .object-tiles .card.object-card .icon-container {
      text-align: center;
      width: 50px;
      height: 100%;
      padding-top: 10px;
      float: left;
      position: absolute; }
      .object-tiles .card.folder-card .icon-container svg, .object-tiles .card.document-card .icon-container svg, .object-tiles .card.object-card .icon-container svg {
        width: 40px;
        height: 40px; }
    body  .object-tiles .card.folder-card, body  .object-tiles .card.document-card, body  .object-tiles .card.object-card {
      width: 200px; }
    .narrow-width .object-tiles .card.folder-card,
    .frame-child .object-tiles .card.folder-card, .narrow-width .object-tiles .card.document-card,
    .frame-child .object-tiles .card.document-card, .narrow-width .object-tiles .card.object-card,
    .frame-child .object-tiles .card.object-card {
      height: 40px; }
      .narrow-width .object-tiles .card.folder-card .icon-container,
      .frame-child .object-tiles .card.folder-card .icon-container, .narrow-width .object-tiles .card.document-card .icon-container,
      .frame-child .object-tiles .card.document-card .icon-container, .narrow-width .object-tiles .card.object-card .icon-container,
      .frame-child .object-tiles .card.object-card .icon-container {
        padding-top: 4px; }
        .narrow-width .object-tiles .card.folder-card .icon-container svg,
        .frame-child .object-tiles .card.folder-card .icon-container svg, .narrow-width .object-tiles .card.document-card .icon-container svg,
        .frame-child .object-tiles .card.document-card .icon-container svg, .narrow-width .object-tiles .card.object-card .icon-container svg,
        .frame-child .object-tiles .card.object-card .icon-container svg {
          width: 30px;
          height: 30px; }
      .narrow-width .object-tiles .card.folder-card .tile-text,
      .frame-child .object-tiles .card.folder-card .tile-text, .narrow-width .object-tiles .card.document-card .tile-text,
      .frame-child .object-tiles .card.document-card .tile-text, .narrow-width .object-tiles .card.object-card .tile-text,
      .frame-child .object-tiles .card.object-card .tile-text {
        padding: 7px 5px 5px 10px; }
        .narrow-width .object-tiles .card.folder-card .tile-text .object-name,
        .frame-child .object-tiles .card.folder-card .tile-text .object-name, .narrow-width .object-tiles .card.document-card .tile-text .object-name,
        .frame-child .object-tiles .card.document-card .tile-text .object-name, .narrow-width .object-tiles .card.object-card .tile-text .object-name,
        .frame-child .object-tiles .card.object-card .tile-text .object-name {
          color: #000000; }
        .narrow-width .object-tiles .card.folder-card .tile-text .object-type,
        .narrow-width .object-tiles .card.folder-card .tile-text .children-count,
        .frame-child .object-tiles .card.folder-card .tile-text .object-type,
        .frame-child .object-tiles .card.folder-card .tile-text .children-count, .narrow-width .object-tiles .card.document-card .tile-text .object-type,
        .narrow-width .object-tiles .card.document-card .tile-text .children-count,
        .frame-child .object-tiles .card.document-card .tile-text .object-type,
        .frame-child .object-tiles .card.document-card .tile-text .children-count, .narrow-width .object-tiles .card.object-card .tile-text .object-type,
        .narrow-width .object-tiles .card.object-card .tile-text .children-count,
        .frame-child .object-tiles .card.object-card .tile-text .object-type,
        .frame-child .object-tiles .card.object-card .tile-text .children-count {
          display: none; }
      .narrow-width .object-tiles .card.folder-card .object-selection-container,
      .frame-child .object-tiles .card.folder-card .object-selection-container, .narrow-width .object-tiles .card.document-card .object-selection-container,
      .frame-child .object-tiles .card.document-card .object-selection-container, .narrow-width .object-tiles .card.object-card .object-selection-container,
      .frame-child .object-tiles .card.object-card .object-selection-container {
        left: unset; }
  .object-tiles .card.document-card.checked-out-to-user .tile-text .object-type, .object-tiles .card.document-card.checked-out-to-other-user .tile-text .object-type, .object-tiles .card.object-card.checked-out-to-user .tile-text .object-type, .object-tiles .card.object-card.checked-out-to-other-user .tile-text .object-type {
    width: calc(100% - 20px); }
  .object-tiles .card.folder-card {
    width: 200px; }
    .frame-child .object-tiles .card.folder-card {
      width: 100%; }
    @media all and (max-width: 767px) {
      .object-tiles .card.folder-card {
        width: 100%; } }
    .object-tiles .card.folder-card .tile-text {
      float: left;
      width: calc(100% - 50px);
      height: 100%;
      font-size: 12px;
      padding: 0 3px 0 3px; }
  .object-tiles .card .tile .collection-view-card {
    margin-right: 0; }
    .narrow-width .object-tiles .card .tile .collection-view-card,
    .frame-child .object-tiles .card .tile .collection-view-card {
      height: 40px; }
      .narrow-width .object-tiles .card .tile .collection-view-card .icon-container,
      .frame-child .object-tiles .card .tile .collection-view-card .icon-container {
        padding-top: 5px; }
        .narrow-width .object-tiles .card .tile .collection-view-card .icon-container img,
        .frame-child .object-tiles .card .tile .collection-view-card .icon-container img {
          width: 30px;
          height: 30px; }
      .narrow-width .object-tiles .card .tile .collection-view-card .collection-view-type,
      .frame-child .object-tiles .card .tile .collection-view-card .collection-view-type {
        display: none; }
  .object-tiles .card.collection-view-card {
    height: 60px;
    background-color: #fff;
    display: block;
    border: 1px solid #ccc;
    width: 200px; }
    .object-tiles .card.collection-view-card:hover .object-selection-container .object-selection,
    .object-tiles .card.collection-view-card:hover .card-favorite-container .favorite-selection {
      display: block; }
    .frame-child .object-tiles .card.collection-view-card {
      width: 100%; }
    @media all and (max-width: 767px) {
      .object-tiles .card.collection-view-card {
        width: 100%; } }
    .object-tiles .card.collection-view-card .disableView {
      background-color: #888;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0.4;
      pointer-events: painted;
      cursor: default; }
    .object-tiles .card.collection-view-card:hover {
      outline: 2px solid #ffd11a; }
    .object-tiles .card.collection-view-card .tile-text {
      float: left;
      width: calc(100% - 50px);
      height: 100%;
      font-size: 12px;
      padding: 0 3px 0 3px; }
      .object-tiles .card.collection-view-card .tile-text .collection-name {
        font-size: 14px;
        max-height: 40px;
        max-width: 88%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        .object-tiles .card.collection-view-card .tile-text .collection-name:hover {
          text-decoration: underline; }
      .object-tiles .card.collection-view-card .tile-text .tile-count {
        font-size: 12px;
        font-weight: 300;
        color: #B4B4B1;
        position: absolute;
        bottom: 0;
        font-style: italic; }
      .object-tiles .card.collection-view-card .tile-text .collection-view-type {
        max-width: 88%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .object-tiles .card.collection-view-card .view-count {
      text-align: center;
      width: 50px;
      height: 100%;
      float: left;
      border-right: 1px solid #ccc;
      font-size: 23px;
      font-family: 'mplus-2p-light';
      font-weight: bold;
      line-height: 54px; }
    .object-tiles .card.collection-view-card .icon-container {
      text-align: center;
      width: 50px;
      height: 100%;
      padding: 10px 5px 0px 5px;
      background-color: #B4B4B1;
      float: left;
      border-right: 1px solid #ccc; }
      .object-tiles .card.collection-view-card .icon-container svg .st0 {
        display: inline-block !important; }
      .object-tiles .card.collection-view-card .icon-container img {
        width: 40px;
        height: 40px; }
    .object-tiles .card.collection-view-card.view-card .collection-name {
      max-height: 20px;
      display: -webkit-box;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      white-space: normal;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; }
    .object-tiles .card.collection-view-card.view-card .icon-container {
      background-color: #fff; }
  .object-tiles .card a, .object-tiles .card a:visited {
    color: #000000;
    table-layout: fixed; }
  .object-tiles .card .po-indicators {
    height: 100%; }
  .object-tiles .card.selected .tile-background {
    stroke-width: 2px; }
  .object-tiles .card .object-selection-container {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 8px;
    top: 4px;
    cursor: default; }
    .object-tiles .card .object-selection-container .object-selection {
      width: 20px;
      height: 20px;
      display: none;
      background-color: #ddd;
      border: 1.5px solid #ddd;
      border-radius: 15px;
      cursor: default;
      position: relative; }
      .object-tiles .card .object-selection-container .object-selection svg {
        width: 16px;
        height: 16px;
        fill: #fff;
        stroke: none; }
    .object-tiles .card .object-selection-container.selected .object-selection, html:not(.touch) .object-tiles .card .object-selection-container .object-selection:hover {
      background-color: #3897da;
      border: 1.5px solid #1b4969;
      display: block; }
    .narrow-width .object-tiles .card .object-selection-container,
    .frame-child .object-tiles .card .object-selection-container {
      width: 50px;
      height: 100%;
      top: 0;
      left: 0; }
      .narrow-width .object-tiles .card .object-selection-container .object-selection,
      .frame-child .object-tiles .card .object-selection-container .object-selection {
        margin-top: 7px;
        margin-left: 12px;
        width: 26px;
        height: 26px; }
        .narrow-width .object-tiles .card .object-selection-container .object-selection svg,
        .frame-child .object-tiles .card .object-selection-container .object-selection svg {
          width: 22px;
          height: 22px; }
  .narrow-width .object-tiles .card .folder-card .object-selection-container,
  .frame-child .object-tiles .card .folder-card .object-selection-container {
    left: unset; }

.object-info-header .object-name {
  font-size: 15px; }

.object-details-view .object-info-header, object-related-items .object-info-header, object-where-used .object-info-header {
  height: 57px;
  position: relative;
  border-bottom: 1px solid #888;
  padding: 2px 0.3em 0.3em 64px; }
  .object-details-view .object-info-header .icon, object-related-items .object-info-header .icon, object-where-used .object-info-header .icon {
    height: 36px;
    width: 36px;
    position: absolute;
    padding: 2px; }
    .object-details-view .object-info-header .icon svg, object-related-items .object-info-header .icon svg, object-where-used .object-info-header .icon svg {
      height: 36px;
      width: 36px; }
  .object-details-view .object-info-header .title-description, object-related-items .object-info-header .title-description, object-where-used .object-info-header .title-description {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 100%; }
    .object-details-view .object-info-header .title-description.workflow, object-related-items .object-info-header .title-description.workflow, object-where-used .object-info-header .title-description.workflow {
      padding: 7px 0; }
    .object-details-view .object-info-header .title-description > *, object-related-items .object-info-header .title-description > *, object-where-used .object-info-header .title-description > * {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .object-details-view .object-info-header .title-description .object-type, object-related-items .object-info-header .title-description .object-type, object-where-used .object-info-header .title-description .object-type {
      color: #888;
      font-size: 0.9rem; }
    .object-details-view .object-info-header .title-description .object-name, object-related-items .object-info-header .title-description .object-name, object-where-used .object-info-header .title-description .object-name {
      font-size: 15px; }
    .object-details-view .object-info-header .title-description .object-library, object-related-items .object-info-header .title-description .object-library, object-where-used .object-info-header .title-description .object-library {
      color: #223B74;
      font-size: 0.9rem; }
      .object-details-view .object-info-header .title-description .object-library svg, object-related-items .object-info-header .title-description .object-library svg, object-where-used .object-info-header .title-description .object-library svg {
        margin-top: 2px;
        height: 13px;
        width: 13px; }
      .object-details-view .object-info-header .title-description .object-library span, object-related-items .object-info-header .title-description .object-library span, object-where-used .object-info-header .title-description .object-library span {
        vertical-align: top; }

po-object-info-header .checkout-icon-container {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 10px;
  left: 14px; }
  po-object-info-header .checkout-icon-container .indicators {
    z-index: 1; }

.checked-out-to-user .indicators svg {
  fill: #6AA38A !important; }
  .checked-out-to-user .indicators svg .checked-out-background {
    stroke: #6AA38A !important; }
    .ie .checked-out-to-user .indicators svg .checked-out-background,
    .edge .checked-out-to-user .indicators svg .checked-out-background {
      stroke: none !important; }

.checked-out-to-other-user .indicators svg {
  fill: #D35400 !important; }
  .checked-out-to-other-user .indicators svg .checked-out-background {
    stroke: #D35400 !important; }
    .ie .checked-out-to-other-user .indicators svg .checked-out-background,
    .edge .checked-out-to-other-user .indicators svg .checked-out-background {
      stroke: none !important; }

.object-details-view {
  position: relative;
  height: 100%;
  overflow: hidden;
  /* TODO, HACK: OP: I hate using !important, but did not want to break the code for .fullscreen .header without speaking to other devs first*/ }
  .object-details-view .main-details:not(.pane-mode) .details-group {
    display: none; }
  .object-details-view .main-details.pane-mode .property {
    margin-left: 16px; }
  .object-details-view .main-details.info-panel-opened .property .value .ta-editor {
    max-width: 100%; }
  .object-details-view .main-details.info-panel-opened .property .value .text-attribute-value.edit-mode textarea {
    width: calc(100% - 30px);
    max-width: 100%; }
  .object-details-view .attribute-details.pane-mode .no-attr.value-none {
    display: inline-block;
    margin: 18px;
    color: #888; }
  .object-details-view .attribute-details.pane-mode .property .value {
    float: none;
    margin-top: 7px;
    width: 100%;
    clear: left; }
  .object-details-view .tools {
    height: 29px;
    box-shadow: 0 0 2px 1px #ccc;
    background-color: #ffffff;
    font-size: 0;
    overflow: hidden; }
    .object-details-view .tools img {
      width: 30px;
      height: 30px;
      margin: -0.5px 0;
      padding: 5px;
      cursor: pointer; }
      .object-details-view .tools img:hover {
        background-color: #BBB; }
    .object-details-view .tools .separator {
      display: inline-block;
      vertical-align: top;
      height: 26px;
      border-left: solid 1px #ccc;
      background: #ffffff;
      margin: 1.5px 5px; }
  .object-details-view .object-details {
    height: calc(100% - 29px);
    position: relative; }
  .fullscreen .object-details-view > .header {
    display: block !important;
    height: 75px !important; }
  .search-about-pane .pane-content .object-details-view .main-details,
  .search-about-pane .pane-content .object-details-view .attribute-details,
  .search-about-pane .pane-content .object-details-view .related-items {
    display: none;
    border-bottom: none; }
  .search-about-pane .pane-content .object-details-view.objectproperties .main-details,
  .search-about-pane .pane-content .object-details-view.objectproperties .attribute-details {
    display: block;
    padding: 0 10px; }
  .search-about-pane .pane-content .object-details-view.objectproperties .object-details {
    overflow: auto; }
  .search-about-pane .pane-content .object-details-view.relateditems .related-items {
    display: block;
    height: 100%; }
    .search-about-pane .pane-content .object-details-view.relateditems .related-items .related-item-grid-container .side-panel-fill-space {
      left: 0px;
      top: 0px;
      right: 0px;
      bottom: 0px;
      position: absolute; }
    .search-about-pane .pane-content .object-details-view.relateditems .related-items .related-item-grid-container > div {
      height: 100%; }
  .search-about-pane .pane-content .object-details-view.objectattributes .attribute-details {
    display: block; }
  .search-about-pane .pane-content .object-details-view .object-details .header {
    display: none; }
  .object-details-view .property {
    position: relative;
    padding: 10px 0 0 4px; }
    .object-details-view .property .key {
      float: left;
      width: 100%;
      color: #223B74;
      font-weight: bold;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin: 0 10px 5px 0; }
    .object-details-view .property .value {
      width: 100%;
      -webkit-word-break: break-all;
      -moz-word-break: break-all;
      -ms-word-break: break-all;
      word-break: break-all; }
      .object-details-view .property .value p {
        text-align: left !important; }
      .object-details-view .property .value span {
        word-break: break-word; }
        .edge .object-details-view .property .value span, .ie .object-details-view .property .value span {
          word-break: normal;
          word-wrap: break-word; }
        .ie .object-details-view .property .value span {
          display: block; }
      .object-details-view .property .value .value-none {
        color: #888; }
      .object-details-view .property .value .rich-text-attribute img {
        max-width: 100%;
        height: auto; }
      .object-details-view .property .value .ta-editor {
        width: 100%;
        max-width: 280px; }
      .object-details-view .property .value text-angular + .clear-icon {
        top: 36px;
        left: 564px; }
      .frame-child .object-details-view .property .value text-angular + .clear-icon {
        top: 59px;
        left: 284px; }
      .right-side-panel-expanded .object-details-view .property .value text-angular + .clear-icon {
        top: calc(100% - 32px);
        left: calc(100% - 30px); }
      @media all and (max-width: 768px) {
        .object-details-view .property .value text-angular + .clear-icon {
          top: 59px;
          left: 284px; } }
      .object-details-view .property .value .ta-toolbar .btn {
        min-width: 25px;
        z-index: 0; }
      .object-details-view .property .value .ta-toolbar {
        background-color: #e6e6e6; }
      .object-details-view .property .value .ta-bind {
        overflow: auto;
        background-color: #fff;
        height: calc(100% - 2px); }
      .object-details-view .property .value .ta-editor.ta-html, .object-details-view .property .value .ta-scroll-window.form-control {
        max-height: inherit;
        height: inherit; }
      .object-details-view .property .value select {
        height: 32px; }
      .object-details-view .property .value .text-attribute-value {
        overflow: hidden; }
        .object-details-view .property .value .text-attribute-value.edit-mode textarea {
          resize: none;
          width: 80%;
          max-width: 450px;
          min-height: 32px; }
          .narrow-width .object-details-view .property .value .text-attribute-value.edit-mode textarea,
          .object-details-view .property .value .text-attribute-value.edit-mode textarea .frame-child {
            width: 90%; }
        .object-details-view .property .value .text-attribute-value.edit-mode .icon {
          width: 30px;
          height: 28px;
          position: absolute;
          padding: 6px 0 0 4px; }
          .object-details-view .property .value .text-attribute-value.edit-mode .icon svg {
            fill: #223B74;
            width: 20px;
            position: relative;
            top: 2px; }
        .object-details-view .property .value .text-attribute-value .text-attribute-value-container {
          white-space: pre-wrap;
          word-break: break-word; }
          .edge .object-details-view .property .value .text-attribute-value .text-attribute-value-container, .ie .object-details-view .property .value .text-attribute-value .text-attribute-value-container {
            word-break: normal; }
          .ie .object-details-view .property .value .text-attribute-value .text-attribute-value-container {
            display: block; }
        .object-details-view .property .value .text-attribute-value .rich-text {
          white-space: normal; }
          .object-details-view .property .value .text-attribute-value .rich-text span {
            word-break: break-word; }
        .object-details-view .property .value .text-attribute-value .urlParsed {
          white-space: pre-wrap; }
        .object-details-view .property .value .text-attribute-value .collapsed {
          height: 15vh; }
        .object-details-view .property .value .text-attribute-value .expanded {
          height: auto; }
    .object-details-view .property:after {
      content: '';
      display: block;
      clear: both; }
    .object-details-view .property .tags-inner-wrapper {
      height: auto;
      width: 100%; }
    .object-details-view .property tags-input {
      width: 95%;
      max-width: 450px; }
      .narrow-width .object-details-view .property tags-input,
      .object-details-view .property tags-input .frame-child {
        width: 80%; }
      .object-details-view .property tags-input .tags {
        border: 1px #ccc solid;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
        .object-details-view .property tags-input .tags:focus, .object-details-view .property tags-input .tags.focused {
          outline: 0;
          border: 1px #ccc solid;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
        .object-details-view .property tags-input .tags .input {
          border: 0;
          padding: 0;
          padding-left: 5px;
          height: 26px;
          box-shadow: none; }
        .object-details-view .property tags-input .tags .tag-item {
          background: #f4f4f4;
          border: 0;
          max-width: 250px;
          padding-right: 20px;
          position: relative; }
          .object-details-view .property tags-input .tags .tag-item span {
            display: inline-block;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .object-details-view .property tags-input .tags .tag-item .remove-button {
            color: #000;
            font-weight: 400;
            position: absolute;
            right: 4;
            top: 4; }
            .object-details-view .property tags-input .tags .tag-item .remove-button:active {
              color: #000; }
      .object-details-view .property tags-input .host, .object-details-view .property tags-input .host:focus {
        outline: 0; }
      .object-details-view .property tags-input .autocomplete .suggestion-item:hover, .object-details-view .property tags-input .autocomplete .suggestion-item:active, .object-details-view .property tags-input .autocomplete .suggestion-item:focus, .object-details-view .property tags-input .autocomplete .suggestion-item.selected {
        background-color: #C3E0F4; }
        .object-details-view .property tags-input .autocomplete .suggestion-item:hover em, .object-details-view .property tags-input .autocomplete .suggestion-item:active em, .object-details-view .property tags-input .autocomplete .suggestion-item:focus em, .object-details-view .property tags-input .autocomplete .suggestion-item.selected em {
          background-color: #C3E0F4; }
  .object-details-view .main-details.info-panel-opened .property tags-input {
    width: calc(100% - 30px);
    max-width: 100%; }
  .object-details-view .attribute-details.info-panel-opened .property .value .moment-picker {
    max-width: 100%; }
  .object-details-view .attribute-details.info-panel-opened .property .value .number-attribute-value.edit-mode input, .object-details-view .attribute-details.info-panel-opened .property .value .number-attribute-value.edit-mode textarea,
  .object-details-view .attribute-details.info-panel-opened .property .value .text-attribute-value.edit-mode input,
  .object-details-view .attribute-details.info-panel-opened .property .value .text-attribute-value.edit-mode textarea {
    max-width: 100%; }
  .object-details-view .attribute-details.info-panel-opened .property .value .default-dropdown-selector-parent select {
    max-width: 100%; }
  .object-details-view .attribute-details.info-panel-opened .property .value .template {
    max-width: 100%; }
  .object-details-view .attribute-details.info-panel-opened .property .value .ta-editor {
    max-width: 100%; }
  .object-details-view .attribute-details .property .key {
    margin: 0 10px 5px 0; }
  .object-details-view .attribute-details .property .value {
    float: left;
    width: calc(100% - 300px); }
    .object-details-view .attribute-details .property .value .moment-picker {
      display: inline-block;
      width: 100%;
      max-width: 280px;
      min-width: 145px;
      position: relative;
      top: 0; }
      .object-details-view .attribute-details .property .value .moment-picker .input-date {
        border-radius: 2px;
        border: 1px #ccc solid;
        display: inline-block;
        height: 32px;
        width: 100%;
        position: relative;
        background-color: #fff; }
        .object-details-view .attribute-details .property .value .moment-picker .input-date input {
          border: none;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          position: relative;
          height: 30px;
          width: calc(100% - 35px);
          padding-left: 6px;
          padding-right: 0px; }
        .object-details-view .attribute-details .property .value .moment-picker .input-date span.date-picker-icon {
          padding: 7px 3px;
          border-right: 1px solid #ccc; }
          .object-details-view .attribute-details .property .value .moment-picker .input-date span.date-picker-icon svg {
            vertical-align: top;
            fill: #223B74; }
    .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode input, .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode textarea,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode input,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode textarea {
      width: 100%;
      max-width: 280px;
      padding-right: 25px; }
    .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode textarea:focus, .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode textarea:active, .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode textarea.focus, .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode textarea.active, .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode input:focus, .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode input:active, .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode input.focus, .object-details-view .attribute-details .property .value .number-attribute-value.edit-mode input.active,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode textarea:focus,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode textarea:active,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode textarea.focus,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode textarea.active,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode input:focus,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode input:active,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode input.focus,
    .object-details-view .attribute-details .property .value .text-attribute-value.edit-mode input.active {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(102, 175, 233, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(102, 175, 233, 0.6); }
    .object-details-view .attribute-details .property .value .default-dropdown-selector-parent select {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 280px;
      border-radius: 2px;
      border: 1px #ccc solid;
      padding-left: 7px; }
    .object-details-view .attribute-details .property .value .icon {
      width: 30px;
      height: 28px;
      padding: 6px 0 0 4px;
      position: absolute; }
      .object-details-view .attribute-details .property .value .icon svg {
        fill: #c62828;
        width: 20px;
        position: relative;
        top: 2px; }
    .object-details-view .attribute-details .property .value .template {
      float: left;
      width: calc(100% - 30px);
      max-width: 280px; }
  .object-details-view .attribute-details .property .required:before {
    content: "*";
    color: #c62828;
    display: inline-block;
    font-weight: bold; }
  .object-details-view .details {
    display: table;
    width: 100%;
    height: 100%;
    min-height: calc(100% - 75px); }
    .object-details-view .details.workflowPage {
      display: block;
      padding: 0 10px; }
      .object-details-view .details.workflowPage .tags-outer-wrapper {
        width: 100%; }
    .object-details-view .details .preview-image-container {
      text-align: center; }
      .pane-content .object-details-view .details .preview-image-container {
        /*display: none;*/ }
    .object-details-view .details .preview-image {
      max-width: 100%;
      max-height: 180px;
      margin: auto;
      margin-bottom: 5px;
      border: 1px solid #ccc; }
      .object-details-view .details .preview-image.fallback {
        opacity: 0.25;
        height: 50px;
        width: 50px;
        margin-bottom: 10px;
        border: none; }
    .object-details-view .details .tag {
      margin: 0 10px 10px 0;
      padding: 2px 10px;
      background-color: #f4f4f4;
      cursor: pointer;
      color: #000;
      text-decoration: none;
      display: inline-block;
      max-width: 125px;
      width: 125px;
      white-space: nowrap;
      overflow: hidden;
      -webkit-text-overflow: ellipsis;
      -moz-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis; }
    .object-details-view .details .details-group,
    .object-details-view .details .attribute-group {
      margin-top: 5px; }
      .object-details-view .details .details-group.isOpen,
      .object-details-view .details .attribute-group.isOpen {
        margin-bottom: 20px; }
      .object-details-view .details .details-group .title.isOpen .hr-float-left,
      .object-details-view .details .attribute-group .title.isOpen .hr-float-left {
        margin: 3px 2px 0 0; }
      .object-details-view .details .details-group .title,
      .object-details-view .details .attribute-group .title {
        cursor: pointer;
        font-size: 1.25rem;
        padding-top: 1px;
        color: #35509d; }
        .object-details-view .details .details-group .title .hr-float-left,
        .object-details-view .details .attribute-group .title .hr-float-left {
          display: block;
          float: left;
          margin: 7px 2px 0 0;
          text-overflow: unset; }
          .android .touch-capable.small-screen .object-details-view .details .details-group .title .hr-float-left, .android .touch-capable.small-screen
          .object-details-view .details .attribute-group .title .hr-float-left {
            margin: 2px 2px 0 0; }
          .object-details-view .details .details-group .title .hr-float-left .expand-icon,
          .object-details-view .details .attribute-group .title .hr-float-left .expand-icon {
            display: inline-block;
            vertical-align: top;
            height: 15px;
            padding-top: 2px; }
            .object-details-view .details .details-group .title .hr-float-left .expand-icon.expanded svg,
            .object-details-view .details .attribute-group .title .hr-float-left .expand-icon.expanded svg {
              fill: #223B74;
              transform: rotate(-180deg);
              padding-right: 2px;
              width: 10px;
              stroke-width: 1px; }
            .object-details-view .details .details-group .title .hr-float-left .expand-icon svg,
            .object-details-view .details .attribute-group .title .hr-float-left .expand-icon svg {
              display: inline-block;
              vertical-align: top;
              stroke: #223B74;
              height: 9px;
              width: 9px;
              /*stroke-width: 2px;*/
              transform: rotate(-45deg); }
            .ie .object-details-view .details .details-group .title .hr-float-left .expand-icon svg, .ie
            .object-details-view .details .attribute-group .title .hr-float-left .expand-icon svg {
              stroke-width: 0.5px;
              margin-right: 1px; }
        .object-details-view .details .details-group .title span,
        .object-details-view .details .attribute-group .title span {
          padding-right: 10px;
          display: block;
          float: left;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: calc(100% - 50px); }
        .object-details-view .details .details-group .title:after,
        .object-details-view .details .attribute-group .title:after {
          content: "";
          display: table;
          clear: both; }
        .object-details-view .details .details-group .title hr,
        .object-details-view .details .attribute-group .title hr {
          border: 1px solid #ccc;
          border-width: 1px 0 0 0;
          margin-top: 14px; }
        .object-details-view .details .details-group .title.isOpen,
        .object-details-view .details .attribute-group .title.isOpen {
          font-weight: 600; }
          .object-details-view .details .details-group .title.isOpen hr,
          .object-details-view .details .attribute-group .title.isOpen hr {
            border: 1px solid #35509d; }
      .object-details-view .details .details-group .attribute-property,
      .object-details-view .details .attribute-group .attribute-property {
        margin-left: 16px; }
    .object-details-view .details .main-details {
      display: table-cell;
      border-right: 1px solid #ccc; }
      .object-details-view .details .main-details .value {
        clear: left; }
        .object-details-view .details .main-details .value .text-attribute-value,
        .object-details-view .details .main-details .value .ta-editor {
          width: 100%;
          max-width: 100%; }
    .object-details-view .details .attribute-details {
      display: table-cell; }
    .object-details-view .details .main-details, .object-details-view .details .attribute-details {
      width: 40vw;
      max-width: 40vw;
      padding: 10px;
      vertical-align: top; }
    .object-details-view .details .workflow-details {
      padding: 0px 10px;
      vertical-align: top;
      height: calc(100% - 39px);
      overflow-y: auto;
      overflow: auto; }
      .object-details-view .details .workflow-details .details {
        height: 100%; }
      .object-details-view .details .workflow-details .submission-comments {
        max-height: 150px;
        overflow: auto; }
      .object-details-view .details .workflow-details .property .highlight-bolder {
        font-size: 13pt; }
      .object-details-view .details .workflow-details .property .desc {
        color: #000000;
        font-weight: normal; }
      .object-details-view .details .workflow-details .property .text-attribute-value {
        width: 100%; }
    .object-details-view .details .text-attribute-container {
      width: 100%; }
    .frame-child .object-details-view .details {
      display: block; }
      .frame-child .object-details-view .details .main-details, .frame-child .object-details-view .details .attribute-details {
        display: block;
        padding: 10px;
        width: 100%;
        max-width: none; }
      .frame-child .object-details-view .details .main-details {
        border-bottom: 1px solid #ccc;
        border-right: 0; }
    @media all and (max-width: 768px) {
      .object-details-view .details {
        display: block; }
        .object-details-view .details .main-details, .object-details-view .details .attribute-details {
          display: block;
          padding: 10px;
          width: 100%;
          max-width: none; }
        .object-details-view .details .main-details {
          border-bottom: 1px solid #ccc;
          border-right: 0; } }
  .object-details-view .default-attribute-text-style {
    font-family: 'Segoe UI';
    font-size: 10pt; }
    .object-details-view .default-attribute-text-style img {
      max-width: 100%;
      height: auto; }
  .object-details-view .failed-to-load {
    text-align: center;
    height: 100px;
    margin: auto; }

.more-or-less-link {
  padding: 10px 0 0 4px;
  cursor: pointer;
  color: #35509d; }
  .more-or-less-link span {
    padding-right: 10px;
    display: block;
    float: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 50px); }
  .more-or-less-link:after {
    content: "";
    display: table;
    clear: both; }
  .more-or-less-link hr {
    border: 1px solid #ccc;
    border-width: 1px 0 0 0;
    margin-top: 14px; }

span.clear-icon {
  position: absolute;
  margin: 5px -27px;
  cursor: pointer;
  height: 21px; }
  span.clear-icon img {
    width: 10px;
    height: 21px;
    cursor: pointer; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield; }

.object-workflows-grid-container .dropdown-selector-item-icon svg {
  width: 20px;
  height: 20px; }

.object-feedback-grid-container,
.object-workflows-grid-container,
.object-contents-grid-container {
  height: 100%;
  width: 100%; }
  .object-feedback-grid-container .loading-state .loading-state-message,
  .object-workflows-grid-container .loading-state .loading-state-message,
  .object-contents-grid-container .loading-state .loading-state-message {
    text-align: center;
    bottom: 160px; }
    .object-feedback-grid-container .loading-state .loading-state-message div,
    .object-workflows-grid-container .loading-state .loading-state-message div,
    .object-contents-grid-container .loading-state .loading-state-message div {
      margin: auto;
      max-height: 150px;
      background-color: #ffffff;
      padding-top: 20px; }
  .object-feedback-grid-container .po-grid.global-container .no-data-message,
  .object-workflows-grid-container .po-grid.global-container .no-data-message,
  .object-contents-grid-container .po-grid.global-container .no-data-message {
    display: none; }
  .object-feedback-grid-container .side-panel-fill-space,
  .object-workflows-grid-container .side-panel-fill-space,
  .object-contents-grid-container .side-panel-fill-space {
    height: 100%; }
  .object-feedback-grid-container .feedback-listview,
  .object-workflows-grid-container .feedback-listview,
  .object-contents-grid-container .feedback-listview {
    height: 100%;
    margin: auto;
    overflow: auto; }
    .pane-mode .object-feedback-grid-container .feedback-listview, .pane-mode
    .object-workflows-grid-container .feedback-listview, .pane-mode
    .object-contents-grid-container .feedback-listview {
      height: calc(100% - 175px); }
      .pane-mode .object-feedback-grid-container .feedback-listview.full-height, .pane-mode .object-feedback-grid-container .feedback-listview.star, .pane-mode .object-workflows-grid-container .feedback-listview.full-height, .pane-mode .object-workflows-grid-container .feedback-listview.star, .pane-mode .object-contents-grid-container .feedback-listview.full-height, .pane-mode .object-contents-grid-container .feedback-listview.star {
        height: 100% !important; }
    .object-feedback-grid-container .feedback-listview .no-feedback,
    .object-workflows-grid-container .feedback-listview .no-feedback,
    .object-contents-grid-container .feedback-listview .no-feedback {
      padding: 15px;
      font-style: italic;
      color: #888; }
    .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title,
    .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title,
    .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title {
      font-size: 26px;
      margin-left: 30px;
      margin-top: 30px;
      color: #3897DA; }
      .narrow-width .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title,
      .frame-child .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title, .narrow-width
      .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title,
      .frame-child
      .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title, .narrow-width
      .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title,
      .frame-child
      .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-title {
        margin-left: 10px;
        margin-top: 10px; }
    .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body,
    .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body,
    .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body {
      max-width: 700px;
      margin: 30px;
      box-shadow: 0px 0px 8px 0px #888;
      padding: 10px;
      padding-bottom: 40px; }
      .narrow-width .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body,
      .frame-child .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body, .narrow-width
      .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body,
      .frame-child
      .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body, .narrow-width
      .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body,
      .frame-child
      .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body {
        max-width: 100%;
        margin: 5px; }
        .narrow-width .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container,
        .frame-child .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container, .narrow-width
        .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container,
        .frame-child
        .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container, .narrow-width
        .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container,
        .frame-child
        .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container {
          width: 100%; }
      .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header,
      .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header,
      .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header {
        height: 57px;
        position: relative;
        border-bottom: 1px solid #888;
        padding: 2px 0.3em 65px 64px; }
        .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .icon,
        .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .icon,
        .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .icon {
          height: 36px;
          width: 36px;
          position: absolute;
          padding: 2px; }
          .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .icon svg,
          .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .icon svg,
          .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .icon svg {
            height: 36px;
            width: 36px; }
        .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description,
        .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description,
        .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description {
          display: inline-block;
          height: 100%;
          vertical-align: top;
          width: 100%; }
          .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description.workflow,
          .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description.workflow,
          .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description.workflow {
            padding: 7px 0; }
          .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description > *,
          .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description > *,
          .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description > * {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-type,
          .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-type,
          .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-type {
            color: #888;
            font-size: 0.9rem; }
          .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library,
          .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library,
          .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library {
            color: #223B74;
            font-size: 0.9rem; }
            .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library svg,
            .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library svg,
            .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library svg {
              margin-top: 2px;
              height: 13px;
              width: 13px;
              max-height: 13px; }
            .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library span,
            .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library span,
            .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .object-info-header .title-description .object-library span {
              vertical-align: top; }
      .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type,
      .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type,
      .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type {
        margin-top: 10px; }
        .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container,
        .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container,
        .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .compose-feedback .feedback-type .dropdown-selector-container {
          width: 50%; }
      .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name,
      .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name,
      .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name {
        margin: 5px 0px;
        width: 50%; }
        .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name input,
        .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name input,
        .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name input {
          height: 30px;
          width: 100%;
          box-shadow: none;
          border: 1px #ccc solid;
          padding-left: 2px;
          overflow: hidden;
          text-overflow: ellipsis; }
          .object-feedback-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name input::placeholder,
          .object-workflows-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name input::placeholder,
          .object-contents-grid-container .feedback-listview.non-pane-mode .none-pane-mode-body .feedback-name input::placeholder {
            font-style: italic;
            font-size: 10pt; }
    .object-feedback-grid-container .feedback-listview .hide-compose-feedback,
    .object-workflows-grid-container .feedback-listview .hide-compose-feedback,
    .object-contents-grid-container .feedback-listview .hide-compose-feedback {
      transform: scaleY(0);
      transform-origin: bottom;
      transition: transform 0.26s ease; }
    .object-feedback-grid-container .feedback-listview .compose-feedback,
    .object-workflows-grid-container .feedback-listview .compose-feedback,
    .object-contents-grid-container .feedback-listview .compose-feedback {
      border-bottom: 1px solid #888;
      padding-bottom: 40px; }
      .pane-mode .object-feedback-grid-container .feedback-listview .compose-feedback, .pane-mode
      .object-workflows-grid-container .feedback-listview .compose-feedback, .pane-mode
      .object-contents-grid-container .feedback-listview .compose-feedback {
        position: absolute;
        bottom: 0px;
        background-color: #fff;
        width: 100%;
        padding: 5px;
        box-shadow: 0px -2px 15px 0px #ccc; }
        @media all and (max-height: 415px) {
          .pane-mode .object-feedback-grid-container .feedback-listview .compose-feedback, .pane-mode
          .object-workflows-grid-container .feedback-listview .compose-feedback, .pane-mode
          .object-contents-grid-container .feedback-listview .compose-feedback {
            height: 80px;
            overflow: hidden;
            -webkit-transition: height 0.4s ease-in-out;
            -moz-transition: height 0.4s ease-in-out;
            -ms-transition: height 0.4s ease-in-out;
            transition: height 0.4s ease-in-out;
            -webkit-transform: translateY(-10vh);
            -moz-transform: translateY(-10vh);
            -ms-transform: translateY(-10vh);
            transform: translateY(-10vh); }
            .pane-mode .object-feedback-grid-container .feedback-listview .compose-feedback:hover, .pane-mode .object-feedback-grid-container .feedback-listview .compose-feedback:active, .pane-mode
            .object-workflows-grid-container .feedback-listview .compose-feedback:hover, .pane-mode
            .object-workflows-grid-container .feedback-listview .compose-feedback:active, .pane-mode
            .object-contents-grid-container .feedback-listview .compose-feedback:hover, .pane-mode
            .object-contents-grid-container .feedback-listview .compose-feedback:active {
              z-index: 11; } }
      .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu,
      .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu,
      .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu {
        box-shadow: 1px 0px 0px #ccc; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item,
        .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item,
        .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item {
          border-right: 1px solid;
          border-color: #ccc; }
          .ie .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item, .ie
          .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item, .ie
          .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item {
            position: absolute;
            width: 100%; }
          .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item div,
          .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item div,
          .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item div {
            display: inline-block;
            vertical-align: middle;
            padding-left: 2px;
            padding-top: 4px; }
          .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item .name,
          .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item .name,
          .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item .name {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            margin-bottom: 1px;
            max-width: calc(100% - 50px); }
          .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item .icon svg,
          .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item .icon svg,
          .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .default-dropdown-selector-parent po-dropdown-selector.light .dropdown-selector-menu.open .dropdown-selector-item .dropdown-picker-item .icon svg {
            width: 18px;
            height: 18px;
            max-height: 18px; }
      .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container,
      .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container,
      .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container {
        border: 1px solid #ccc;
        width: 100%; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .itemTemplate,
        .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .itemTemplate,
        .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .itemTemplate {
          position: absolute;
          width: 88%;
          padding: 3px; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .filter-Type-Selected-Display,
        .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .filter-Type-Selected-Display,
        .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .filter-Type-Selected-Display {
          padding: 4px; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .dropdown-picker-item,
        .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .dropdown-picker-item,
        .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .dropdown-picker-item {
          margin-left: 3px; }
          .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .dropdown-picker-item .name,
          .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .dropdown-picker-item .name,
          .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-trigger .dropdown-picker-item .name {
            padding-left: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            max-width: calc(100% - 50px);
            width: 258px; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-item-container,
        .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-item-container,
        .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-item-container {
          height: 30px; }
          .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-item-container span,
          .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-item-container span,
          .object-contents-grid-container .feedback-listview .compose-feedback .feedback-type .dropdown-selector-container .dropdown-selector-item-container span {
            padding-top: 2px;
            color: #000000; }
      .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-name,
      .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-name,
      .object-contents-grid-container .feedback-listview .compose-feedback .feedback-name {
        margin: 5px 0px;
        width: 100%; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-name input,
        .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-name input,
        .object-contents-grid-container .feedback-listview .compose-feedback .feedback-name input {
          height: 30px;
          width: 100%;
          box-shadow: none;
          border: 1px #ccc solid;
          padding-left: 2px;
          overflow: hidden;
          text-overflow: ellipsis; }
          .object-feedback-grid-container .feedback-listview .compose-feedback .feedback-name input::placeholder,
          .object-workflows-grid-container .feedback-listview .compose-feedback .feedback-name input::placeholder,
          .object-contents-grid-container .feedback-listview .compose-feedback .feedback-name input::placeholder {
            font-style: italic; }
      .object-feedback-grid-container .feedback-listview .compose-feedback .message textarea,
      .object-workflows-grid-container .feedback-listview .compose-feedback .message textarea,
      .object-contents-grid-container .feedback-listview .compose-feedback .message textarea {
        width: 100%;
        margin: 5px 0px;
        box-shadow: none;
        border: 1px #ccc solid;
        padding-left: 2px;
        resize: none; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .message textarea::placeholder,
        .object-workflows-grid-container .feedback-listview .compose-feedback .message textarea::placeholder,
        .object-contents-grid-container .feedback-listview .compose-feedback .message textarea::placeholder {
          font-style: italic;
          font-size: 10pt; }
      .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons,
      .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons,
      .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons {
        float: right;
        position: relative; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons button,
        .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons button,
        .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons button {
          padding: 6px;
          border: 1px solid #888;
          width: 120px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button,
        .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button,
        .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button {
          background-color: #fff; }
          .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:hover,
          .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:hover,
          .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:hover {
            background-color: #f7f7f7; }
          .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button.disabled, .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button.disabled:hover, .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:disabled, .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:disabled:hover,
          .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button.disabled,
          .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button.disabled:hover,
          .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:disabled,
          .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:disabled:hover,
          .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button.disabled,
          .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button.disabled:hover,
          .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:disabled,
          .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .attach-file button:disabled:hover {
            background-color: #fff;
            opacity: 0.5;
            cursor: default; }
        .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .submit,
        .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .submit,
        .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .submit {
          margin-left: 5px; }
          .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .submit button,
          .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .submit button,
          .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .submit button {
            background-color: #223B74;
            color: #fff;
            margin: 5px 5px 10px 5px;
            cursor: pointer;
            padding: 7px 10px 7px 10px; }
            .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:hover,
            .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:hover,
            .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:hover {
              background-color: #192b54; }
            .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .submit button.disabled, .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .submit button.disabled:hover, .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:disabled, .object-feedback-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:disabled:hover,
            .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .submit button.disabled,
            .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .submit button.disabled:hover,
            .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:disabled,
            .object-workflows-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:disabled:hover,
            .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .submit button.disabled,
            .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .submit button.disabled:hover,
            .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:disabled,
            .object-contents-grid-container .feedback-listview .compose-feedback .action-buttons .submit button:disabled:hover {
              opacity: 0.5;
              box-shadow: none;
              background-color: #223B74;
              cursor: default; }
    .pane-mode .object-feedback-grid-container .feedback-listview .feedback-listview-container, .pane-mode
    .object-workflows-grid-container .feedback-listview .feedback-listview-container, .pane-mode
    .object-contents-grid-container .feedback-listview .feedback-listview-container {
      width: calc(100% - 10px);
      min-width: initial;
      margin: 5px; }
      .pane-mode .object-feedback-grid-container .feedback-listview .feedback-listview-container.feedback-reply, .pane-mode
      .object-workflows-grid-container .feedback-listview .feedback-listview-container.feedback-reply, .pane-mode
      .object-contents-grid-container .feedback-listview .feedback-listview-container.feedback-reply {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px; }
    .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .message textarea,
    .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .message textarea,
    .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .message textarea {
      width: 100%;
      margin: 5px 0px;
      box-shadow: none;
      border: 1px #ccc solid;
      padding-left: 2px;
      resize: none; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .message textarea::placeholder,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .message textarea::placeholder,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .message textarea::placeholder {
        font-style: italic; }
    .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons,
    .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons,
    .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons {
      width: 100%; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons button,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons button,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons button {
        padding: 6px;
        border: 1px solid #888;
        width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .cancel button,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .cancel button,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .cancel button {
        width: 75px; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group {
        float: right;
        position: relative; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button {
          background-color: #fff; }
          .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:hover {
            background-color: #f7f7f7; }
          .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button.disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button.disabled:hover, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:disabled:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button.disabled,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button.disabled:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:disabled,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:disabled:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button.disabled,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button.disabled:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:disabled,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file button:disabled:hover {
            background-color: #fff;
            opacity: 0.5;
            cursor: default; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file {
          background-color: #fff; }
          .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:hover, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:hover {
            background-color: #f7f7f7; }
          .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel.disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel.disabled:hover, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:disabled:hover, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file.disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file.disabled:hover, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:disabled:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel.disabled,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel.disabled:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:disabled,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:disabled:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file.disabled,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file.disabled:hover,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:disabled,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:disabled:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel.disabled,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel.disabled:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:disabled,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .cancel:disabled:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file.disabled,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file.disabled:hover,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:disabled,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .attach-file:disabled:hover {
            background-color: #fff;
            cursor: default;
            opacity: 0.5; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit {
          margin-left: 5px; }
          .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button {
            background-color: #223B74;
            color: #fff;
            width: 75px;
            cursor: pointer; }
            .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:hover,
            .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:hover,
            .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:hover {
              background-color: #192b54; }
            .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button.disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button.disabled:focus, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:disabled:focus,
            .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button.disabled,
            .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button.disabled:focus,
            .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:disabled,
            .object-workflows-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:disabled:focus,
            .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button.disabled,
            .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button.disabled:focus,
            .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:disabled,
            .object-contents-grid-container .feedback-listview .feedback-listview-container .reply-feedback-comment .action-buttons .action-group .submit button:disabled:focus {
              opacity: 0.5;
              box-shadow: none;
              cursor: default; }
    .object-feedback-grid-container .feedback-listview .feedback-listview-container.feedback-reply .feedback-listview-item,
    .object-workflows-grid-container .feedback-listview .feedback-listview-container.feedback-reply .feedback-listview-item,
    .object-contents-grid-container .feedback-listview .feedback-listview-container.feedback-reply .feedback-listview-item {
      background-color: #f2f2f2; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container.feedback-reply .feedback-listview-item .feedback-listview-item-header .feedback-username,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container.feedback-reply .feedback-listview-item .feedback-listview-item-header .feedback-username,
      .object-contents-grid-container .feedback-listview .feedback-listview-container.feedback-reply .feedback-listview-item .feedback-listview-item-header .feedback-username {
        color: #000000; }
    .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item,
    .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item,
    .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item {
      margin: 5px 0px 15px;
      padding: 5px;
      width: 100%; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header {
        display: table;
        table-layout: fixed;
        width: 100%; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-name, .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-date,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-name,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-date,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-name,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-date {
          display: table-cell;
          width: 152px; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-userimage,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-userimage,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-userimage {
          height: 35px;
          width: 35px;
          margin: 0 5px;
          cursor: default;
          float: left; }
          .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-userimage img,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-userimage img,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-userimage img {
            width: 35px;
            height: 35px; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-user-details,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-user-details,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-user-details {
          width: calc(100% - 45px - 20px);
          float: left; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-username,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-username,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-username {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #3897DA;
          width: 100%; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-date,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-date,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .feedback-date {
          font-size: smaller;
          color: #888;
          width: 100%; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback {
          position: relative;
          top: 4px;
          cursor: pointer;
          float: right;
          /*style ="float: left;"*/ }
          .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback svg,
          .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback svg,
          .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback svg {
            height: 18px;
            width: 18px;
            fill: #aba8a8; }
            .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback svg:hover,
            .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback svg:hover,
            .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-header .delete-feedback svg:hover {
              fill: #223B74; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-name,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-name,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-name {
        margin-top: 3px;
        margin-bottom: 3px;
        font-weight: bold;
        color: #888;
        overflow: hidden;
        text-overflow: ellipsis; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .workflow-title,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .workflow-title,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .workflow-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #3897DA;
        width: 100%; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-content,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-content,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-content {
        padding-top: 8px; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-content .feedback-listview-item-content-clamp,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-content .feedback-listview-item-content-clamp,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedback-listview-item .feedback-listview-item-content .feedback-listview-item-content-clamp {
          overflow-wrap: break-word;
          word-wrap: break-word;
          white-space: pre-wrap; }
    .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer,
    .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer,
    .object-contents-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer {
      height: 40px;
      margin-top: 5px;
      border-bottom: 1px solid #888; }
      .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button,
      .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button,
      .object-contents-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button {
        color: #fff;
        background-color: #223B74;
        border: none;
        font-size: 13px;
        margin: 5px 5px 10px 0px;
        cursor: pointer;
        padding: 6px;
        width: 70px;
        float: right; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:hover,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:hover,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:hover {
          background-color: #192b54; }
        .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button.disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button.disabled:hover, .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:disabled, .object-feedback-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:disabled:hover,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button.disabled,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button.disabled:hover,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:disabled,
        .object-workflows-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:disabled:hover,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button.disabled,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button.disabled:hover,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:disabled,
        .object-contents-grid-container .feedback-listview .feedback-listview-container .feedbacklistview-item-footer button:disabled:hover {
          opacity: 0.5;
          box-shadow: none;
          background-color: #223B74;
          cursor: default; }

@media all and (max-height: 415px) {
  .pane-mode .object-feedback-grid-container .feedback-listview {
    height: calc(100% - 80px); } }
  @media all and (max-height: 415px) and (max-height: 415px) {
    .pane-mode .object-feedback-grid-container .feedback-listview .compose-feedback:hover, .pane-mode .object-feedback-grid-container .feedback-listview .compose-feedback:active {
      height: 175px; } }

@media all and (max-height: 415px) {
  .pane-mode .object-workflows-grid-container .feedback-listview {
    height: calc(100% - 80px) !important; }
    .pane-mode .object-workflows-grid-container .feedback-listview .compose-feedback:hover, .pane-mode .object-workflows-grid-container .feedback-listview .compose-feedback:active {
      height: 215px; } }

.where-used-grid-container {
  height: 100%;
  width: 100%; }
  .where-used-grid-container .loading-state .loading-state-message {
    text-align: center;
    bottom: 160px; }
    .where-used-grid-container .loading-state .loading-state-message div {
      margin: auto;
      max-height: 150px;
      background-color: #ffffff;
      padding-top: 20px; }
  .where-used-grid-container .po-grid.grid-content {
    height: calc(100% - 60px); }
    .details .where-used .where-used-grid-container .po-grid.grid-content {
      height: calc(100% - 29px); }
    .details .where-used .where-used-grid-container .po-grid.grid-content.no-data, .where-used-grid-container .po-grid.grid-content.no-data {
      height: calc(50% - 60px); }
  .object-details-view .where-used-grid-container {
    display: none; }
  .object-details-view.whereused .where-used-grid-container {
    display: block; }
  .where-used-grid-container .no-data-message {
    text-align: center; }

.right-side-panel-expanded .where-used-toolbar .toolbar-group.filter-textbox {
  border-right: none; }

.related-item-grid-container {
  width: 100%;
  height: 100%; }
  .related-item-grid-container .loading-state .loading-state-message {
    text-align: center;
    bottom: 160px; }
    .related-item-grid-container .loading-state .loading-state-message div {
      margin: auto;
      max-height: 150px;
      background-color: #ffffff;
      padding-top: 20px; }
  .related-item-grid-container .loading-state .loading-state-message {
    top: 62px; }
  .related-item-grid-container > div {
    height: calc(100% - 87px); }
  .related-item-grid-container .related-items-diagram-container {
    width: 100%;
    height: calc(100% - 87px);
    position: absolute; }
    .related-item-grid-container .related-items-diagram-container #myDiagramDiv, .related-item-grid-container .related-items-diagram-container #myDiagramDivInPane {
      width: 100%;
      height: 100%;
      background-color: #fff; }
      .related-item-grid-container .related-items-diagram-container #myDiagramDiv canvas, .related-item-grid-container .related-items-diagram-container #myDiagramDivInPane canvas {
        outline: none; }

.pane-content .related-items-diagram-container {
  height: 100%; }

.right-side-panel-expanded .related-item-toolbar .toolbar-group.filter-textbox {
  border-right: none; }

.frame-child .object-details .property .key {
  float: none;
  width: 100%; }

.frame-child .object-details .property .value {
  float: none;
  margin-top: 7px;
  width: 100%;
  clear: left; }

.frame-child .object-details-view .attribute-details .property .value {
  float: none;
  margin-top: 7px;
  width: 100%;
  clear: left; }

.frame-child .object-feedback-grid-container .toolbar .toolbar-item-button,
.frame-child .object-workflows-grid-container .toolbar .toolbar-item-button,
.frame-child .object-contents-grid-container .toolbar .toolbar-item-button,
.frame-child .related-item-grid-container .toolbar .toolbar-item-button,
.frame-child .object-where-used-page .toolbar .toolbar-item-button {
  padding: 0 2px; }
  .frame-child .object-feedback-grid-container .toolbar .toolbar-item-button .text,
  .frame-child .object-workflows-grid-container .toolbar .toolbar-item-button .text,
  .frame-child .object-contents-grid-container .toolbar .toolbar-item-button .text,
  .frame-child .related-item-grid-container .toolbar .toolbar-item-button .text,
  .frame-child .object-where-used-page .toolbar .toolbar-item-button .text {
    display: none; }

.frame-child span.clear-icon {
  width: 25px;
  padding: 5px 8px 5px 7px;
  height: 31px;
  margin: 0px -25px;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }

@media all and (max-width: 768px) {
  .object-details .property .key {
    float: none;
    width: 100%; }
  .object-details .property .value {
    float: none;
    margin-top: 7px;
    width: 100%;
    clear: left; }
  .object-details-view .attribute-details .property .value {
    float: none;
    margin-top: 7px;
    width: 100%;
    clear: left; }
  .object-feedback-grid-container .toolbar .toolbar-item-button,
  .object-workflows-grid-container .toolbar .toolbar-item-button,
  .object-contents-grid-container .toolbar .toolbar-item-button,
  .related-item-grid-container .toolbar .toolbar-item-button,
  .object-where-used-page .toolbar .toolbar-item-button {
    padding: 0 2px; }
    .object-feedback-grid-container .toolbar .toolbar-item-button .text,
    .object-workflows-grid-container .toolbar .toolbar-item-button .text,
    .object-contents-grid-container .toolbar .toolbar-item-button .text,
    .related-item-grid-container .toolbar .toolbar-item-button .text,
    .object-where-used-page .toolbar .toolbar-item-button .text {
      display: none; }
  span.clear-icon {
    width: 25px;
    padding: 5px 8px 5px 7px;
    height: 31px;
    margin: 0px -25px;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */ } }

@media all and (max-width: 1050px) {
  .object-details-view .attribute-details .property .value {
    float: none;
    margin-top: 7px;
    width: 100%;
    clear: left; }
  .right-side-panel-expanded .object-feedback-grid-container .toolbar .toolbar-item-button,
  .right-side-panel-expanded .object-workflows-grid-container .toolbar .toolbar-item-button,
  .right-side-panel-expanded .object-contents-grid-container .toolbar .toolbar-item-button,
  .right-side-panel-expanded .related-item-grid-container .toolbar .toolbar-item-button,
  .right-side-panel-expanded .object-where-used-page .toolbar .toolbar-item-button {
    padding-right: 0px;
    padding-left: 0px;
    /*padding: 0 2px;*/ }
    .right-side-panel-expanded .object-feedback-grid-container .toolbar .toolbar-item-button .workflow-dropdown .dropdown-selector-trigger,
    .right-side-panel-expanded .object-workflows-grid-container .toolbar .toolbar-item-button .workflow-dropdown .dropdown-selector-trigger,
    .right-side-panel-expanded .object-contents-grid-container .toolbar .toolbar-item-button .workflow-dropdown .dropdown-selector-trigger,
    .right-side-panel-expanded .related-item-grid-container .toolbar .toolbar-item-button .workflow-dropdown .dropdown-selector-trigger,
    .right-side-panel-expanded .object-where-used-page .toolbar .toolbar-item-button .workflow-dropdown .dropdown-selector-trigger {
      padding: 4px 0px 0 3px; }
    .right-side-panel-expanded .object-feedback-grid-container .toolbar .toolbar-item-button .text,
    .right-side-panel-expanded .object-workflows-grid-container .toolbar .toolbar-item-button .text,
    .right-side-panel-expanded .object-contents-grid-container .toolbar .toolbar-item-button .text,
    .right-side-panel-expanded .related-item-grid-container .toolbar .toolbar-item-button .text,
    .right-side-panel-expanded .object-where-used-page .toolbar .toolbar-item-button .text {
      display: none; } }

.pane-content .object-details .rich-text-attribute .rich-text-description {
  background-color: #fff;
  border: 1px #ccc solid;
  padding: 5px;
  min-height: 30px; }

.small-screen .pane-content .object-details-view .page-selector {
  z-index: 5; }

.touch-capable.small-screen .pane-content .object-details-view {
  overflow-y: scroll; }

.related-items-filter-group .types-dropdown .dropdown-selector-menu.open {
  z-index: 4; }

:not(.pane-content) .object-details-view:not(.feedback):not(.workflows):not(.relateditems):not(.whereused):not(.contents) .object-details {
  overflow: auto; }

:not(.pane-content) .feedback ~ .object-details,
:not(.pane-content) .workflows ~ .object-details,
:not(.pane-content) .relateditems ~ .object-details,
:not(.pane-content) .whereused ~ .object-details,
:not(.pane-content) .contents ~ .object-details {
  overflow: auto; }

.indicators:not(.bottomright) .indicator-icon {
  background-color: #F2F2F2;
  opacity: 0;
  transition: all 0.1s; }
  .indicators:not(.bottomright) .indicator-icon.is-indicator-visible {
    opacity: 0.7; }
    .indicators:not(.bottomright) .indicator-icon.is-indicator-visible:hover {
      opacity: 1;
      box-shadow: 0 0 3px 3px #F2F2F2; }
  .indicators:not(.bottomright) .indicator-icon svg {
    background-color: #F2F2F2;
    border: none;
    border-image: none;
    padding: 0; }

.indicators:not(.bottomright) .indicator-icon.feedback-link svg {
  width: 60%;
  height: 60%;
  margin-top: -30%;
  margin-left: -30%; }

.indicators:not(.bottomright) svg {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 60%;
  height: 60%;
  margin-top: -30%;
  margin-left: -30%; }

.indicators {
  position: absolute;
  height: 10px; }
  .indicators .indicator-icon {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%;
    margin: 1px; }
  .indicators .indicator-icon.relationship-link svg,
  .indicators .indicator-icon.feedback-link svg {
    fill: #223B74 !important; }
  .indicators .indicator-icon.feedback-link svg {
    height: 48px;
    width: 48px; }
  .indicators .indicator-icon.feedback-link.no-feedback svg {
    fill: #888 !important; }
  .indicators svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .bottom .indicators svg {
      top: 50%;
      left: 50%;
      right: auto;
      bottom: auto;
      width: 30px;
      height: 30px;
      margin-top: -15px;
      margin-left: -15px; }
  .indicators.bottom .indicator-icon, .indicators.top .indicator-icon, .indicators.bottomleft .indicator-icon, .indicators.bottomright .indicator-icon, .indicators.topleft .indicator-icon, .indicators.topright .indicator-icon, .indicators.center .indicator-icon {
    margin: 0 3px 0 0; }
    .indicators.bottom .indicator-icon:last-child, .indicators.top .indicator-icon:last-child, .indicators.bottomleft .indicator-icon:last-child, .indicators.bottomright .indicator-icon:last-child, .indicators.topleft .indicator-icon:last-child, .indicators.topright .indicator-icon:last-child, .indicators.center .indicator-icon:last-child {
      margin-right: 0; }
  .indicators.left .indicator-icon, .indicators.right .indicator-icon {
    margin: 0 0 1px 0; }
    .indicators.left .indicator-icon:last-child, .indicators.right .indicator-icon:last-child {
      margin-bottom: 0; }
  .indicators.topright {
    top: 0;
    right: 0; }
  .indicators.bottomleft {
    bottom: 0;
    left: 0; }
  .indicators.bottomright {
    bottom: 0;
    right: 0; }

.column-icon .indicators.bottomright .indicator-icon, .object-info-header .indicators.bottomright .indicator-icon {
  top: -5px; }

.card .indicators.bottomright .indicator-icon {
  top: -8px; }

.pane-header {
  height: 28px;
  padding: 3px 0 2px 6px;
  margin: 0 0 6px 0;
  display: table;
  width: 100%; }
  .pane-header > * {
    display: table-cell;
    vertical-align: middle; }
  .pane-header:hover {
    cursor: pointer;
    background-color: #C3E0F4; }
  .pane-header .pane-icon {
    padding-top: 1px;
    margin-right: 4px;
    width: 30px; }
    .pane-header .pane-icon svg {
      height: 20px;
      width: 20px; }
  .pane-header .pane-title {
    padding-left: 5px;
    font-size: 12px; }
  .pane-header.expanded .pane-expand svg {
    transform: rotate(180deg); }
  .pane-header.expanded .pane-expand.left svg {
    transform: rotate(0deg); }
  .pane-header .pane-expand {
    fill: none;
    stroke: #223B74;
    stroke-width: 2px;
    margin-right: 4px;
    width: 20px;
    height: 16px;
    margin-top: 4px; }
    .pane-header .pane-expand.left {
      width: 27px; }
      .pane-header .pane-expand.left svg {
        transform: rotate(180deg); }
    .pane-header .pane-expand svg {
      transform: rotate(0);
      width: 16px;
      height: 16px; }

.po-grid .cell.column-checkbox {
  width: 30px;
  max-width: 30px;
  cursor: pointer; }

.po-grid .cell.column-type-1003, .po-grid .cell.column-icon {
  width: 45px;
  position: relative; }
  .po-grid .cell.column-type-1003 .item-checkout-overlay, .po-grid .cell.column-icon .item-checkout-overlay {
    width: 32px;
    height: 32px; }
  .po-grid .cell.column-type-1003 .icon, .po-grid .cell.column-icon .icon {
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    padding: 2px; }
    .po-grid .cell.column-type-1003 .icon.feedback, .po-grid .cell.column-icon .icon.feedback {
      width: 28px;
      height: 28px; }

.po-grid .cell.column-download {
  width: 32px;
  max-width: 32px; }
  .po-grid .cell.column-download svg {
    fill: #1a53ff;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px; }

.po-grid .cell.column-download-pdf {
  width: 32px;
  max-width: 32px; }
  .po-grid .cell.column-download-pdf svg {
    fill: #ff3333;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px; }

.po-grid .cell.column-favourite {
  width: 32px;
  max-width: 32px; }
  .po-grid .cell.column-favourite svg {
    height: 24px; }
  .po-grid .cell.column-favourite .not-favourited svg {
    fill: #888; }
    .po-grid .cell.column-favourite .not-favourited svg polygon {
      fill: #888; }

.po-grid .cell.column-feedback {
  width: 32px;
  max-width: 32px; }
  .po-grid .cell.column-feedback svg {
    fill: #223B74; }
  .po-grid .cell.column-feedback .no-feedback svg {
    fill: #888; }

.po-grid .cell.column-tags {
  width: 200px; }
  .po-grid .cell.column-tags .tag {
    float: left;
    margin: 0 2px 2px 2px;
    padding: 2px 10px;
    color: #000;
    background-color: #f4f4f4;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    max-width: 75px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .po-grid .cell.column-tags .tag.searchMatch {
      background-color: #fef5cd; }

.po-grid .cell .default-fill {
  background-color: #fff; }

.workflow .grid.search-results-content {
  height: 100%; }

.workflow .search-container .search-results .search-results-tiles {
  padding: 0; }

.ellipsis, .workflow-decisions .workflow-decision-steps .workflow-step .name, .workflow-action .decision-maker .user, .workflow-action .decision-maker .users.expand div, .workflow-action .answer label, .workflow-action .answer .outcome-answer > li .title, .workflow-action .answer .outcome-answer > li .moment-picker .input-date > input, .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-toggler .itemTemplate .dropdown-selector-item-title, .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-container, .workflow-action .upload-files .file-Container {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.workflow-decisions {
  margin-top: 10px;
  margin-left: 3px; }
  .workflow-decisions .workflow-decision-steps {
    height: 47px;
    position: relative;
    cursor: pointer; }
    .workflow-decisions .workflow-decision-steps.not-clickable {
      cursor: default; }
    .workflow-decisions .workflow-decision-steps:hover:not(.not-clickable) {
      background-color: #C3E0F4; }
    .workflow-decisions .workflow-decision-steps .workflow-dash {
      border-left: 1px solid #223B74;
      /*margin-left: 12px;*/
      position: relative;
      top: 3px;
      left: 11px; }
      .workflow-decisions .workflow-decision-steps .workflow-dash.uncompleted {
        border-left-style: dashed;
        border-left-color: #888; }
    .workflow-decisions .workflow-decision-steps .workflow-step {
      text-decoration: none; }
      .workflow-decisions .workflow-decision-steps .workflow-step .icon {
        top: 5px;
        position: relative; }
        .workflow-decisions .workflow-decision-steps .workflow-step .icon svg circle {
          fill: #223B74; }
        .workflow-decisions .workflow-decision-steps .workflow-step .icon.uncompleted svg {
          fill: #888;
          width: 20px;
          margin-right: 3px; }
        .workflow-decisions .workflow-decision-steps .workflow-step .icon.is-current-state svg {
          fill: #223B74;
          width: 23px; }
        .workflow-decisions .workflow-decision-steps .workflow-step .icon.selected svg {
          fill: #149bff;
          /*width: 24px;*/ }
          .workflow-decisions .workflow-decision-steps .workflow-step .icon.selected svg circle {
            fill: #149bff; }
      .workflow-decisions .workflow-decision-steps .workflow-step .name {
        padding-top: 9px;
        position: absolute;
        width: calc(100% - 38px); }
        .workflow-decisions .workflow-decision-steps .workflow-step .name.is-current-state {
          color: #223B74;
          font-weight: bold; }
        .workflow-decisions .workflow-decision-steps .workflow-step .name.selected-workflow {
          color: #149bff;
          font-weight: bold; }
      .workflow-decisions .workflow-decision-steps .workflow-step .active-pointer.selected-workflow {
        float: right;
        transform: translate(3px, 0) rotate(180deg);
        -ms-transform: translate(3px, 0) rotate(180deg); }
        .workflow-decisions .workflow-decision-steps .workflow-step .active-pointer.selected-workflow svg {
          width: 18px;
          fill: #149bff; }

.workflow-richtext-attribute .text-attribute-value {
  width: 100%; }
  .workflow-richtext-attribute .text-attribute-value .btn-group {
    background-color: #e6e6e6; }

.tablet-width .workflow-richtext-attribute,
.frame-child .workflow-richtext-attribute {
  width: 100%;
  max-width: 100%; }

.workflow-richtext-attribute .property .edit-mode textarea {
  width: 95%; }

.workflow-richtext-attribute .rich-text-attribute .property {
  display: inline-block;
  width: calc(100% - 35px);
  max-width: 450px; }

.workflow-richtext-attribute .ta-scroll-window.form-control {
  max-width: 100% !important;
  padding-right: 16px; }

.workflow-richtext-attribute .ta-bind {
  height: 60px; }

.workflow-action.processed .answer .active .outcome-answer > li {
  height: 35px; }
  .workflow-action.processed .answer .active .outcome-answer > li .moment-picker .input-date {
    border: 0;
    box-shadow: none; }
    .workflow-action.processed .answer .active .outcome-answer > li .moment-picker .input-date > span {
      display: none; }
    .workflow-action.processed .answer .active .outcome-answer > li .moment-picker .input-date > input {
      left: 0;
      padding-left: 5px;
      color: #888; }

.workflow-action.processed .comment {
  margin-top: 25px; }
  .workflow-action.processed .comment span.commentbox {
    border: 0;
    box-shadow: none;
    padding: 4px 0;
    color: #888; }
    .workflow-action.processed .comment span.commentbox > span {
      font-size: 13px; }
      .workflow-action.processed .comment span.commentbox > span.right-top-arrow {
        position: relative;
        border-radius: 6px;
        margin: 15px 5px;
        padding: 5px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        width: 100%; }
        .workflow-action.processed .comment span.commentbox > span.right-top-arrow .commentUser {
          top: 5px;
          position: absolute;
          font-size: 1.17em;
          font-weight: bold; }
        .workflow-action.processed .comment span.commentbox > span.right-top-arrow:after, .workflow-action.processed .comment span.commentbox > span.right-top-arrow:before {
          left: -17px;
          top: 20px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        .workflow-action.processed .comment span.commentbox > span.right-top-arrow:after {
          border-color: rgba(136, 183, 213, 0);
          border-right-color: #f1f7fc;
          border-width: 9px;
          margin-top: -9px; }
        .workflow-action.processed .comment span.commentbox > span.right-top-arrow:before {
          border-color: rgba(138, 193, 230, 0);
          border-right-color: rgba(90, 161, 209, 0.85);
          border-width: 8px;
          margin-top: -7px; }
        .workflow-action.processed .comment span.commentbox > span.right-top-arrow .attachment {
          display: table-row; }
          .workflow-action.processed .comment span.commentbox > span.right-top-arrow .attachment > span, .workflow-action.processed .comment span.commentbox > span.right-top-arrow .attachment > a {
            display: table-cell; }

.workflow-action .answer .active .multi-value-inline-block {
  display: inline-block;
  width: 200px;
  padding-left: 10px;
  overflow: hidden;
  font-size: 12px;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .small-screen .workflow-action .answer .active .multi-value-inline-block,
  .frame-child .workflow-action .answer .active .multi-value-inline-block {
    width: calc(100% - 40px);
    padding-left: 0px;
    line-height: 32px;
    height: 32px; }

.workflow-action .answer .active .apply-value-method label {
  background-color: #fff;
  padding: 0;
  margin: 0; }
  .workflow-action .answer .active .apply-value-method label span {
    margin: 0;
    background-color: dimgrey;
    border-radius: 25px; }
  .workflow-action .answer .active .apply-value-method label [type=radio]:checked + span:before {
    content: '\2022';
    position: absolute;
    top: -13px;
    left: 5px;
    font-size: 30px; }

.workflow-action .answer .active ul li .objecticon {
  padding: 0;
  margin: 0;
  position: relative;
  width: 32px;
  height: 32px;
  display: inline-block; }
  .workflow-action .answer .active ul li .objecticon svg {
    padding: 0;
    margin: 0;
    width: 32px;
    height: 32px;
    top: 0; }

.workflow-action {
  padding: 6px;
  height: 100%;
  overflow-y: auto;
  font-size: 18px; }
  .workflow-action .question {
    color: #223B74;
    font-weight: 600;
    white-space: pre-wrap; }
  .workflow-action .decision-maker {
    margin-right: 5px;
    width: 100%;
    position: relative;
    margin-top: 10px;
    font-size: 14px; }
    .workflow-action .decision-maker a {
      text-decoration: none;
      color: #000000;
      width: 100%;
      padding-left: 3px; }
      .workflow-action .decision-maker a span {
        position: absolute;
        top: -2px;
        margin: 0px;
        padding: 0px; }
      .workflow-action .decision-maker a svg {
        width: 18px;
        transform: translate(3px, 0) rotate(90deg);
        -ms-transform: translate(3px, 0) rotate(90deg); }
      .workflow-action .decision-maker a .expand svg {
        transform: translate(3px, 0) rotate(270deg);
        -ms-transform: translate(3px, 0) rotate(270deg);
        margin-top: 2px; }
    .workflow-action .decision-maker .user {
      margin-top: 5px;
      width: 100%;
      height: 34px; }
      .workflow-action .decision-maker .user .name {
        vertical-align: super; }
      .workflow-action .decision-maker .user svg {
        width: 30px; }
    .workflow-action .decision-maker .users {
      margin-top: 10px; }
      .workflow-action .decision-maker .users.expand div {
        height: 24px;
        opacity: 1;
        margin: 2px;
        background-color: #f2f2f2;
        width: 100%; }
        .workflow-action .decision-maker .users.expand div .name {
          vertical-align: super; }
      .workflow-action .decision-maker .users div {
        height: 0px;
        opacity: 0;
        transition: all 0.5s ease-out; }
        .workflow-action .decision-maker .users div svg {
          width: 30px; }
    .workflow-action .decision-maker .actor svg, .workflow-action .decision-maker .listuser svg, .workflow-action .decision-maker .listprofile svg, .workflow-action .decision-maker .profile svg {
      fill: #223B74; }
    .workflow-action .decision-maker .initiator svg {
      fill: #c9903c; }
  .workflow-action .multiple-value-applier {
    padding-left: 100px; }
    .small-screen .workflow-action .multiple-value-applier,
    .frame-child .workflow-action .multiple-value-applier {
      padding-left: 5px; }
  .workflow-action .attribute-value-picker {
    margin-bottom: 20px;
    margin-left: 0px;
    width: 100%;
    display: inline-block; }
    .small-screen .workflow-action .attribute-value-picker,
    .frame-child .workflow-action .attribute-value-picker {
      display: block;
      margin-left: 0px;
      padding-bottom: 10px;
      width: 100%; }
  .workflow-action .answer .apply-value-method-individual {
    padding-bottom: 20px; }
  .workflow-action .answer .apply-value-method {
    clear: left;
    color: dimgray;
    font-size: 15px; }
    .workflow-action .answer .apply-value-method .bold {
      font-weight: 200; }
    .workflow-action .answer .apply-value-method label {
      width: 30px;
      background-color: black;
      margin-bottom: 10px;
      margin-top: 10px;
      padding: 5px;
      color: #223B74;
      font-size: 20px;
      font-weight: bold;
      float: none; }
    .workflow-action .answer .apply-value-method.active {
      background-color: black; }
      .workflow-action .answer .apply-value-method.active label {
        background-color: black; }
    .workflow-action .answer .apply-value-method input {
      display: none; }
    .workflow-action .answer .apply-value-method span {
      height: 24px;
      width: 24px;
      border: 1px solid #ccc;
      display: inline-block;
      position: relative;
      top: 3px; }
  .workflow-action .answer label {
    width: 100%;
    float: left;
    background-color: rgba(211, 211, 211, 0.17);
    margin-bottom: 10px;
    padding: 11px 25px;
    color: #223B74;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px; }
    .workflow-action .answer label input {
      display: none; }
    .workflow-action .answer label span {
      height: 24px;
      width: 24px;
      border: 1px solid #ccc;
      display: inline-block;
      position: relative;
      top: 3px; }
    .workflow-action .answer label [type=radio]:checked + span:before {
      content: '\2713';
      position: absolute;
      top: -4px;
      left: 3px; }
  .workflow-action .answer .active label {
    background-color: #d6efda;
    color: green; }
    .workflow-action .answer .active label span {
      background-color: #008000;
      color: #fff; }
    .workflow-action .answer .active label [type=radio]:checked + span:before {
      color: #fff; }
  .workflow-action .answer .active .outcome-answer > li {
    opacity: 1;
    display: inline; }
  .workflow-action .answer .outcome-answer {
    margin-left: 40px;
    list-style-type: none; }
    .workflow-action .answer .outcome-answer .existing-text-placeholder {
      font-style: italic;
      color: gray; }
      .workflow-action .answer .outcome-answer .existing-text-placeholder *[style] {
        color: gray !important;
        font-style: italic; }
    .workflow-action .answer .outcome-answer .existing-text-placeholder-dropdown-item .current-value {
      font-style: italic;
      color: gray; }
    .workflow-action .answer .outcome-answer .clear-button {
      position: relative;
      margin-left: -32px;
      cursor: pointer;
      height: 21px; }
      .workflow-action .answer .outcome-answer .clear-button img {
        padding-top: 10px;
        width: 10px;
        height: 21px; }
    .workflow-action .answer .outcome-answer .clear-button-rich-text {
      position: relative;
      margin-left: -32px;
      cursor: pointer;
      height: 21px; }
      .workflow-action .answer .outcome-answer .clear-button-rich-text img {
        padding: 0px;
        width: 10px;
        height: 21px; }
    .small-screen .workflow-action .answer .outcome-answer,
    .frame-child .workflow-action .answer .outcome-answer {
      margin-left: 0px; }
    .workflow-action .answer .outcome-answer .not-available-for-object-type {
      font-size: 12px;
      font-style: italic;
      color: grey; }
    .workflow-action .answer .outcome-answer .multi-object-value-selector {
      padding-bottom: 20px; }
      .workflow-action .answer .outcome-answer .multi-object-value-selector .multi-item-container {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc; }
      .workflow-action .answer .outcome-answer .multi-object-value-selector .scrollable {
        max-height: 220px;
        overflow: scroll;
        overflow-x: hidden; }
    .small-screen .workflow-action .answer .outcome-answer,
    .frame-child .workflow-action .answer .outcome-answer {
      padding-left: 0px; }
    .workflow-action .answer .outcome-answer .moment-picker.left {
      float: none; }
    .workflow-action .answer .outcome-answer > li {
      height: 0px;
      opacity: 0;
      width: 100%;
      transition: all 0.5s ease-in-out;
      position: relative; }
      .workflow-action .answer .outcome-answer > li .require:before {
        content: "*";
        color: #c62828;
        display: inline-block;
        font-weight: bold; }
      .workflow-action .answer .outcome-answer > li .title {
        color: #223B74;
        font-weight: bold;
        width: 270px;
        float: left;
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        padding-bottom: 20px; }
      .workflow-action .answer .outcome-answer > li .attribute-value {
        width: calc(100% - 360px);
        float: left;
        min-width: 300px; }
        @media all and (max-width: 1230px) {
          .workflow-action .answer .outcome-answer > li .attribute-value {
            float: none;
            margin-top: 7px;
            width: 100%;
            clear: left; } }
      .workflow-action .answer .outcome-answer > li .readonly-datetime {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 80%;
        height: 100%;
        background-color: rgba(128, 128, 128, 0);
        bottom: 0px; }
      .workflow-action .answer .outcome-answer > li .moment-picker {
        display: inline-block;
        width: calc(100% - 35px);
        max-width: 450px; }
        .small-screen .workflow-action .answer .outcome-answer > li .moment-picker,
        .frame-child .workflow-action .answer .outcome-answer > li .moment-picker {
          width: calc(100% - 35px);
          max-width: 450px; }
        .workflow-action .answer .outcome-answer > li .moment-picker .input-date {
          border: 1px #ccc solid;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          height: 32px;
          display: inline-block;
          width: 100%;
          margin-top: 4px; }
          .workflow-action .answer .outcome-answer > li .moment-picker .input-date > span {
            padding: 1px 3px 7px 3px;
            border-right: 1px solid #ccc; }
            .workflow-action .answer .outcome-answer > li .moment-picker .input-date > span svg {
              vertical-align: middle;
              fill: #223B74; }
          .workflow-action .answer .outcome-answer > li .moment-picker .input-date > input {
            height: 100%;
            border: none;
            box-shadow: none;
            background-color: rgba(250, 250, 250, 0);
            position: absolute;
            top: 2px;
            left: 35px; }
      .workflow-action .answer .outcome-answer > li .input {
        width: calc(100% - 35px);
        max-width: 450px;
        margin-top: 4px;
        padding-top: 6px;
        padding-right: 32px; }
        .ie .workflow-action .answer .outcome-answer > li .input {
          margin-bottom: 4px; }
        .small-screen .workflow-action .answer .outcome-answer > li .input,
        .frame-child .workflow-action .answer .outcome-answer > li .input {
          width: 90%; }
      .workflow-action .answer .outcome-answer > li .display-readonly {
        width: 100%;
        display: inline-block;
        padding: 0 5px;
        margin-top: 7px;
        font-size: 13px;
        line-height: 28px;
        color: #888; }
        .small-screen .workflow-action .answer .outcome-answer > li .display-readonly,
        .frame-child .workflow-action .answer .outcome-answer > li .display-readonly {
          width: calc(100% - 35px); }
        .workflow-action .answer .outcome-answer > li .display-readonly.whitespace {
          white-space: pre-line;
          word-wrap: break-word; }
          .workflow-action .answer .outcome-answer > li .display-readonly.whitespace .remove-topline {
            display: block;
            margin-top: -55px;
            /*.android & {
                                margin-top: -37px;
                            }*/ }
            .ie10 .workflow-action .answer .outcome-answer > li .display-readonly.whitespace .remove-topline, .firefox .workflow-action .answer .outcome-answer > li .display-readonly.whitespace .remove-topline {
              margin-top: -28px !important; }
      .workflow-action .answer .outcome-answer > li .icon {
        width: 30px;
        height: 28px;
        padding: 6px 0 0 4px;
        margin-left: 10px; }
        .workflow-action .answer .outcome-answer > li .icon svg {
          fill: #c62828;
          width: 20px;
          position: relative;
          top: 5px; }
      .workflow-action .answer .outcome-answer > li .dropdown-list {
        display: inline; }
        .workflow-action .answer .outcome-answer > li .dropdown-list .small {
          z-index: 0; }
        .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container {
          border: 1px #ccc solid;
          width: calc(100% - 35px);
          max-width: 450px;
          color: black;
          margin-top: 7px;
          font-size: 13px; }
          .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-toggler {
            table-layout: fixed; }
            .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-toggler .itemTemplate {
              width: 100%; }
              .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-toggler .itemTemplate .dropdown-selector-item-title {
                display: block; }
          .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-selector-item-container {
            height: 28px; }
            .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container .dropdown-selector-item-container .dropdown-selector-item-title {
              line-height: 28px; }
          .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container.open {
            z-index: 4; }
          .small-screen .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container,
          .frame-child .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-container {
            width: calc(100% - 35px); }
        .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu {
          box-shadow: 1px 1px 3px #ccc;
          color: #000000; }
          .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open {
            z-index: 4; }
            .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open .dropdown-selector-item {
              border-bottom: 1px #ccc solid;
              border-left: 1px #ccc solid; }
              .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-container {
                width: calc(100% - 15px); }
                .workflow-action .answer .outcome-answer > li .dropdown-list .dropdown-selector-menu.open .dropdown-selector-item .dropdown-selector-item-container .dropdown-selector-item-title {
                  display: inline; }
        .workflow-action .answer .outcome-answer > li .dropdown-list ~ .icon {
          margin-left: 0;
          padding-left: 0; }
  .workflow-action .comment {
    clear: both;
    /*margin-top: 120px;*/ }
    .workflow-action .comment .attachment {
      vertical-align: bottom;
      width: 100%;
      display: inline-block; }
      .workflow-action .comment .attachment svg {
        vertical-align: sub; }
    .workflow-action .comment .require:before {
      content: "*";
      color: #c62828;
      display: inline-block;
      font-weight: bold; }
    .workflow-action .comment span:first-child {
      font-size: medium; }
    .workflow-action .comment span.commentbox {
      width: 100%;
      display: inline-block;
      min-height: 20%;
      border-radius: 2px;
      border: 1px #ccc solid;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
      padding: 4px 12px; }
      .workflow-action .comment span.commentbox > span {
        white-space: pre-line;
        display: block;
        margin-top: -24px; }
    .workflow-action .comment textarea {
      width: 100%;
      display: block;
      margin: 5px 0; }
  .workflow-action .previous-comments {
    margin-top: 25px; }
    .workflow-action .previous-comments span.commentbox {
      width: 100%;
      display: inline-block;
      min-height: 20%;
      border-radius: 2px;
      border: 0;
      box-shadow: none;
      padding: 4px 0;
      color: #888; }
      .workflow-action .previous-comments span.commentbox > span {
        white-space: pre-line;
        display: block;
        font-size: 13px; }
        .workflow-action .previous-comments span.commentbox > span.right-top-arrow {
          position: relative;
          border-radius: 6px;
          margin: 15px 5px;
          padding: 5px;
          background-color: #ffffff;
          border: 1px solid #ccc;
          width: 100%; }
          .workflow-action .previous-comments span.commentbox > span.right-top-arrow .commentUser {
            top: 5px;
            position: absolute;
            font-size: 1.17em;
            font-weight: bold; }
          .workflow-action .previous-comments span.commentbox > span.right-top-arrow:after, .workflow-action .previous-comments span.commentbox > span.right-top-arrow:before {
            left: -17px;
            top: 20px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .workflow-action .previous-comments span.commentbox > span.right-top-arrow:after {
            border-color: rgba(136, 183, 213, 0);
            border-right-color: #f1f7fc;
            border-width: 9px;
            margin-top: -9px; }
          .workflow-action .previous-comments span.commentbox > span.right-top-arrow:before {
            border-color: rgba(138, 193, 230, 0);
            border-right-color: rgba(90, 161, 209, 0.85);
            border-width: 8px;
            margin-top: -7px; }
          .workflow-action .previous-comments span.commentbox > span.right-top-arrow .attachment {
            display: table-row; }
            .workflow-action .previous-comments span.commentbox > span.right-top-arrow .attachment > span, .workflow-action .previous-comments span.commentbox > span.right-top-arrow .attachment > a {
              display: table-cell; }
    .workflow-action .previous-comments span:first-child {
      font-size: medium; }
  .workflow-action .upload-files {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 5px; }
    .workflow-action .upload-files.attachment {
      background-color: #f2f2f2; }
      .workflow-action .upload-files.attachment .file-container {
        border: none; }
    .workflow-action .upload-files .filetype-error svg {
      fill: #c62828;
      margin: 7px; }
    .workflow-action .upload-files .file-Container [type=file] {
      cursor: inherit;
      display: block;
      max-width: 100%;
      opacity: 0;
      position: absolute;
      right: 0;
      text-align: right;
      top: 0; }
    .workflow-action .upload-files .file-Container {
      float: left;
      padding: .3em;
      border: 1px solid #f2f2f2;
      overflow: hidden;
      position: relative;
      max-width: 75%;
      margin-bottom: 10px;
      font-size: 16px;
      height: 35px;
      /*border-bottom: 1px solid #888 !important;*/
      /*.small-screen &{
                max-width:240px;
            }*/ }
      .workflow-action .upload-files .file-Container svg {
        width: 20px;
        vertical-align: text-top; }
    .workflow-action .upload-files .file-Container [type=file] {
      cursor: pointer; }
    .workflow-action .upload-files .remove-Attachment {
      position: absolute;
      top: -7px;
      right: 6px;
      cursor: pointer; }
      .workflow-action .upload-files .remove-Attachment svg {
        width: 20px;
        fill: #c62828; }
        .workflow-action .upload-files .remove-Attachment svg:hover {
          fill: #c62828; }
  .workflow-action .text-remaining {
    float: left;
    margin-top: 10px;
    display: inline-block;
    font-size: 12px; }
    .workflow-action .text-remaining.maxTextErr {
      background-color: #c62828;
      color: #fff; }
  .workflow-action .submit {
    padding-top: 10px;
    position: relative;
    width: 100%;
    margin-top: 8px;
    display: inline-block; }
    .workflow-action .submit input[type=button] {
      min-width: 124px;
      height: 40px;
      background-color: #223B74;
      color: #fff;
      position: absolute;
      top: 0px;
      right: 0px;
      cursor: pointer;
      border: none; }
      .small-screen .workflow-action .submit input[type=button],
      .frame-child .workflow-action .submit input[type=button] {
        top: 45px; }
      .workflow-action .submit input[type=button].submitted {
        background-color: #008000; }
      .workflow-action .submit input[type=button].error {
        background-color: #c62828 !important;
        opacity: 1.0; }
      .workflow-action .submit input[type=button].disabled, .workflow-action .submit input[type=button].disabled:hover, .workflow-action .submit input[type=button]:disabled, .workflow-action .submit input[type=button]:disabled:hover {
        opacity: 0.5;
        box-shadow: none;
        background-color: #223B74;
        cursor: default; }

.workflow-pane.search-filter-pane .pane-content {
  padding-left: 10px; }

.workflow-pane .workflow-filter {
  height: 32px;
  margin-bottom: 4px; }
  .workflow-pane .workflow-filter.active {
    background-color: #9FC9F4; }
  .workflow-pane .workflow-filter:hover {
    background-color: #C3E0F4; }
  .workflow-pane .workflow-filter .workflow-filter-link {
    width: 100%;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: inherit;
    padding: 6px; }
    .workflow-pane .workflow-filter .workflow-filter-link span {
      display: inline-block;
      vertical-align: middle; }
    .workflow-pane .workflow-filter .workflow-filter-link .workflow-filter-icon {
      height: 20px;
      width: 20px;
      display: inline-block;
      background-color: #149bff;
      padding: 2px; }
      .workflow-pane .workflow-filter .workflow-filter-link .workflow-filter-icon .st2 {
        fill: #fff;
        stroke: #fff; }

.workflow-info-header {
  height: 50px;
  position: relative;
  border-bottom: 1px solid #C9CACC;
  padding: 7px 0.3em 0.3em 64px; }
  .workflow-info-header .icon {
    height: 36px;
    width: 36px;
    position: absolute;
    top: 5px;
    left: 14px;
    padding: 2px;
    fill: #223B74;
    background-color: #fff; }
  .workflow-info-header .title-description {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 100%; }
    .workflow-info-header .title-description > * {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .workflow-info-header .title-description .object-type {
      color: #888;
      font-size: 0.9rem; }

.workflow-overview .workflow-error-message, .workflow-details-container .workflow-error-message {
  display: none;
  margin: auto;
  width: 80%;
  text-align: center;
  margin-top: 35vh; }

.workflow-overview.display-error-state .accordion, .workflow-overview.display-error-state .workflow-details-toolbar, .workflow-overview.display-error-state .workflow-overview-toolbar, .workflow-overview.display-error-state .workflow-info-header, .workflow-details-container.display-error-state .accordion, .workflow-details-container.display-error-state .workflow-details-toolbar, .workflow-details-container.display-error-state .workflow-overview-toolbar, .workflow-details-container.display-error-state .workflow-info-header {
  display: none; }

.workflow-overview.display-error-state .workflow-error-message, .workflow-details-container.display-error-state .workflow-error-message {
  display: block; }

.welcome-page {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff;
  color: #000; }
  .welcome-page .close-panel {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 5; }
    .welcome-page .close-panel .close {
      float: right;
      opacity: 0.5;
      background-color: #797995;
      height: 35px;
      width: 35px; }
      .welcome-page .close-panel .close svg {
        fill: #fff; }
      .welcome-page .close-panel .close svg:hover {
        transform: scale(1.2); }
  .welcome-page .welcome-body {
    height: 100%; }
    .welcome-page .welcome-body .header {
      min-height: 190px;
      box-shadow: 0px 3px 8px 2px #f2f2f2;
      position: relative; }
      .welcome-page .welcome-body .header .header-title {
        font-size: 3em;
        text-align: center;
        padding-top: 25px; }
        .small-screen .welcome-page .welcome-body .header .header-title,
        .frame-child .welcome-page .welcome-body .header .header-title {
          padding-top: 40px;
          font-size: 2.2em; }
      .welcome-page .welcome-body .header .search-input {
        margin-top: 40px;
        text-align: center; }
        .small-screen .welcome-page .welcome-body .header .search-input,
        .frame-child .welcome-page .welcome-body .header .search-input {
          margin-top: 20px; }
        .welcome-page .welcome-body .header .search-input > div input {
          height: 40px;
          margin-right: -4px;
          width: 40%; }
          .small-screen .welcome-page .welcome-body .header .search-input > div input,
          .frame-child .welcome-page .welcome-body .header .search-input > div input {
            width: 70%; }
        .welcome-page .welcome-body .header .search-input > div > span {
          background-color: #17274c;
          display: inline-block;
          height: 40px;
          width: 40px;
          vertical-align: top;
          padding-top: 3px;
          border: 1px solid #ccc;
          border-left: none;
          cursor: pointer; }
          .welcome-page .welcome-body .header .search-input > div > span svg {
            fill: #ffffff;
            width: 34px;
            height: 34px; }
    .welcome-page .welcome-body .base-content {
      background-size: cover;
      background-repeat: round;
      height: calc(100% - 190px); }
      .welcome-page .welcome-body .base-content .content {
        height: 100%;
        overflow-y: auto; }
        .welcome-page .welcome-body .base-content .content .panel-container {
          margin-left: auto;
          margin-right: auto;
          display: flex;
          flex-direction: row;
          justify-content: center;
          width: 1200px; }
          .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel {
            width: 290px; }
            .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box {
              margin-left: 25px;
              margin-right: 25px; }
          .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel {
            padding-top: 5%;
            text-align: center;
            display: table-column; }
            .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .title, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .title, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .title {
              font-size: 20px;
              background-color: #f2f2f2;
              height: 50px;
              display: flex;
              align-items: center;
              padding-left: 15px; }
            .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content {
              display: inline-block;
              background-color: rgba(242, 242, 242, 0.8);
              height: 400px; }
              .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box {
                background-color: #fff;
                box-shadow: 1px 1px 2px #888;
                cursor: pointer;
                width: 240px;
                height: 100px;
                float: left;
                margin-top: 25px; }
                .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box:hover, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box:hover, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box:hover {
                  outline: 1px solid #888; }
                .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box > div, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box > div, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box > div {
                  height: 100%;
                  display: table;
                  float: left; }
                  .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box > div span, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box > div span, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box > div span {
                    vertical-align: middle;
                    display: table-cell; }
                .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box .box-icon, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box .box-icon {
                  width: 40%;
                  background-color: #17274c; }
                  .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box .box-icon .object-icon svg, .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box .box-icon .home-icon svg, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon .object-icon svg, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon .home-icon svg, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box .box-icon .object-icon svg, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box .box-icon .home-icon svg {
                    width: 50px;
                    height: 50px; }
                  .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box .box-icon svg, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon svg, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box .box-icon svg {
                    width: 40px;
                    height: 40px;
                    fill: #ffffff; }
                .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .access-box .box-text, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-text, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .access-box .box-text {
                  width: 60%;
                  text-align: center;
                  font-size: 18px;
                  font-weight: 400;
                  padding: 3px;
                  color: #000; }
              .welcome-page .welcome-body .base-content .content .panel-container .quick-access-panel .access-content .favorite-access-box svg polygon, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .favorite-access-box svg polygon, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .favorite-access-box svg polygon {
                fill: #223B74; }
          .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            min-width: 300px; }
            .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content {
              color: #fff;
              display: flex;
              writing-mode: vertical-lr;
              flex-wrap: wrap; }
              .ie .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content {
                -ms-writing-mode: tb-lr; }
              .tablet-width .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content,
              .frame-child .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content {
                writing-mode: initial; }
              .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box {
                margin-left: 25px;
                margin-right: 25px;
                writing-mode: horizontal-tb;
                background-color: #17274c;
                color: #ffffff; }
                .ie .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box {
                  -ms-writing-mode: lr-tb; }
                .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box:hover {
                  outline: 1px solid #ccc; }
                .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon {
                  padding: 18px;
                  width: 50%; }
                  .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon span, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon div {
                    background-color: #fff; }
                    .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon span svg, .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon div svg {
                      fill: #223B74; }
                  .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon div {
                    width: 100%;
                    height: 100%;
                    padding-top: 5px; }
                  .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-icon .action-workflow-count {
                    color: #223B74;
                    font-size: 2.5em;
                    display: inline-block; }
                .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .access-content .access-box .box-text {
                  width: 50%;
                  color: #ffffff;
                  display: flex;
                  justify-content: center;
                  align-items: center; }
            .welcome-page .welcome-body .base-content .content .panel-container .iserver-access-panel .title {
              align-self: stretch; }
          .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel {
            width: 300px; }
            .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content {
              width: 100%;
              padding: 25px; }
              .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record {
                height: 77px;
                border-bottom: 1px dotted #223B74;
                cursor: default; }
                .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .icon {
                  height: 45px;
                  width: 45px;
                  margin: 16px 0;
                  padding: 6px;
                  background-color: #17274c;
                  float: left; }
                  .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .icon svg {
                    height: 33px;
                    width: 33px;
                    fill: #ffffff; }
                    .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .icon svg path, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .icon svg polygon {
                      fill: #ffffff !important; }
                .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details {
                  width: calc(100% - 60px);
                  margin: 16px 0 16px 10px;
                  text-align: left;
                  float: left; }
                  .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details .activity-name {
                    height: 30px; }
                    .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details .activity-name a {
                      text-decoration: none;
                      color: #000;
                      font-size: 14px; }
                      .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details .activity-name a:active, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details .activity-name a:visited {
                        color: #000; }
                      .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details .activity-name a:hover {
                        text-decoration: underline; }
                  .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details .activity-date {
                    color: #888;
                    height: 15px;
                    font-size: 11px;
                    font-style: italic; }
                  .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details .activity-name, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record .details .activity-date {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis; }
                .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record:first-child {
                  height: 61px; }
                  .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record:first-child .icon, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record:first-child .details {
                    margin-top: 0; }
                .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record:last-child {
                  border-bottom: none;
                  height: 61px; }
                  .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record:last-child .icon, .welcome-page .welcome-body .base-content .content .panel-container .recent-user-activity-panel .access-content .recent-user-activity-record:last-child .details {
                    margin-bottom: 0; }
          .welcome-page .welcome-body .base-content .content .panel-container .panel-box {
            float: left;
            margin: 5px; }
        @media (max-width: 1024px) {
          .welcome-page .welcome-body .base-content .content .panel-container {
            flex-direction: column;
            justify-content: flex-start;
            width: calc(100% - 54px); }
            .welcome-page .welcome-body .base-content .content .panel-container .panel-box {
              width: 100%;
              min-width: 290px;
              padding-top: 5px; }
              .welcome-page .welcome-body .base-content .content .panel-container .panel-box .access-content {
                width: 100%; }
              .welcome-page .welcome-body .base-content .content .panel-container .panel-box.quick-access-panel .access-content, .welcome-page .welcome-body .base-content .content .panel-container .panel-box.iserver-access-panel .access-content {
                height: auto; }
                .welcome-page .welcome-body .base-content .content .panel-container .panel-box.quick-access-panel .access-content .access-box, .welcome-page .welcome-body .base-content .content .panel-container .panel-box.iserver-access-panel .access-content .access-box {
                  margin-bottom: 25px;
                  width: calc(100% - 20px);
                  margin-left: 10px;
                  margin-right: 10px;
                  height: 87px; }
                  .welcome-page .welcome-body .base-content .content .panel-container .panel-box.quick-access-panel .access-content .access-box:nth-last-child(n+2), .welcome-page .welcome-body .base-content .content .panel-container .panel-box.iserver-access-panel .access-content .access-box:nth-last-child(n+2) {
                    margin-bottom: 0; }
              .welcome-page .welcome-body .base-content .content .panel-container .panel-box.iserver-access-panel .access-content .box-icon {
                width: 40%; } }
        @media (max-width: 768px) {
          .welcome-page .welcome-body .base-content .content .panel-container {
            width: 95%;
            margin-left: auto;
            margin-right: auto; } }
  .welcome-page .footer-panel {
    position: absolute;
    bottom: 2px;
    right: 15px; }
    .welcome-page .footer-panel .checkbox-simple {
      float: right;
      margin-right: 8px;
      margin-top: 5px; }

.accordion {
  height: calc(100% - 40px);
  position: relative; }
  .accordion .transition, .accordion .accordion-page, .accordion > .accordion-group > .accordion-item .special-item:before, .accordion > .accordion-group > .accordion-item .special-item:after {
    transition: all 0.25s ease-in-out; }
  .accordion .flipIn, .accordion > .accordion-group > .accordion-item {
    animation: flipdown 0.5s ease both; }
  .accordion .no-select, .accordion h2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .accordion h2 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    display: block;
    margin: 0;
    cursor: pointer;
    height: 30px;
    padding-left: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 21px); }
  .accordion .accordion-page {
    position: relative;
    overflow: hidden;
    max-height: 100%;
    opacity: 1;
    transform: translate(0, 0);
    z-index: 2;
    background-color: white;
    /*fix for ie10 only  to highlight selected grid*/ }
    .ie10 .accordion .accordion-page .po-grid.grid-content .list-item-row .cell {
      background-color: rgba(0, 255, 255, 0); }
  .accordion > .accordion-group {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%; }
    .accordion > .accordion-group > .accordion-item {
      position: relative;
      padding: 3px;
      margin: 2px;
      border: 2px solid rgba(34, 59, 116, 0.14);
      background-color: whitesmoke; }
      .accordion > .accordion-group > .accordion-item.full-page .checkbox ~ .accordion-page {
        height: calc(100vh - 128px); }
      .accordion > .accordion-group > .accordion-item.hide-page {
        display: none; }
      .accordion > .accordion-group > .accordion-item:nth-of-type(1) {
        animation-delay: 0.5s; }
      .accordion > .accordion-group > .accordion-item .special-item {
        position: absolute;
        transform: translate(-6px, 0);
        margin-top: 11px;
        right: 13px; }
        .accordion > .accordion-group > .accordion-item .special-item:before, .accordion > .accordion-group > .accordion-item .special-item:after {
          content: "";
          position: absolute;
          background-color: #3897DA;
          width: 2px;
          height: 7px; }
        .accordion > .accordion-group > .accordion-item .special-item:before {
          transform: translate(-2px, 0) rotate(45deg); }
        .accordion > .accordion-group > .accordion-item .special-item:after {
          transform: translate(2px, 0) rotate(-45deg); }
      .accordion > .accordion-group > .accordion-item .checkbox {
        position: absolute;
        cursor: pointer;
        width: 100%;
        height: 30px;
        z-index: 1;
        opacity: 0; }
        .accordion > .accordion-group > .accordion-item .checkbox ~ .accordion-page {
          /*using view-height to fix issue with IE10/IE11 and Edge*/
          height: calc(100vh - 170px); }
          .accordion > .accordion-group > .accordion-item .checkbox ~ .accordion-page.half-page-height {
            height: calc(50vh - 85px); }
          .accordion > .accordion-group > .accordion-item .checkbox ~ .accordion-page.twenty-five-Percent-height {
            height: calc(25vh - 85px);
            /*fix to set the minimum height of the workflow item grid to 65px*/
            min-height: 85px; }
          .accordion > .accordion-group > .accordion-item .checkbox ~ .accordion-page.seventy-five-Percent-height {
            height: calc(75vh - 85px);
            /* when the mimimum height is set, re-calculate the height*/ }
            .small-screen .accordion > .accordion-group > .accordion-item .checkbox ~ .accordion-page.seventy-five-Percent-height,
            .frame-child .accordion > .accordion-group > .accordion-item .checkbox ~ .accordion-page.seventy-five-Percent-height {
              height: calc(100vh - 255px); }
        .accordion > .accordion-group > .accordion-item .checkbox:checked ~ .accordion-page {
          margin-top: 0;
          max-height: 0;
          opacity: 0;
          transform: translate(0, 50%); }
        .accordion > .accordion-group > .accordion-item .checkbox:checked ~ i:before {
          transform: translate(2px, 0) rotate(45deg); }
        .accordion > .accordion-group > .accordion-item .checkbox:checked ~ i:after {
          transform: translate(-2px, 0) rotate(-45deg); }
  .accordion .accordion-paging .global-container {
    height: calc(100% - 29px); }

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg); }
  5% {
    opacity: 1; }
  80% {
    transform: rotateX(8deg); }
  83% {
    transform: rotateX(6deg); }
  92% {
    transform: rotateX(-3deg); }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg); } }

.popup {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10001;
  padding: 60px;
  background: rgba(0, 0, 0, 0.7); }
  .popup .popup {
    background: rgba(0, 0, 0, 0); }
  .popup.fit-inside-naviagtion-pane {
    top: 54px; }
    .show-left-side-menu .popup.fit-inside-naviagtion-pane {
      left: 54px; }
  .popup .close-popup {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 15; }
    .popup .close-popup svg {
      width: 40px;
      height: 60px;
      transition: all .2s ease-in-out; }
    .popup .close-popup svg:hover {
      transform: scale(1.2); }
  .popup .popup-content-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    z-index: 3; }
  .popup .popup-header {
    padding: 10px;
    height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: large; }
    .popup .popup-header .icon {
      position: relative;
      width: 28px;
      height: 28px;
      float: left; }
      .popup .popup-header .icon svg {
        fill: #223B74;
        stroke: #fff; }
    .popup .popup-header .formName {
      margin-left: 10px;
      line-height: 28px; }
  .popup .popup-content {
    position: relative;
    height: calc(100% - 50px);
    width: 100%;
    overflow-y: auto; }
  .popup .replyFeedback {
    height: 385px; }
  .popup .normalFeedback {
    height: 460px; }
  .popup .popup-workflow-feedback {
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    color: #000000;
    box-shadow: 0 0 3px 0 #ccc;
    border-radius: 3px;
    transition: all 1s; }
    .small-screen .popup .popup-workflow-feedback,
    .frame-child .popup .popup-workflow-feedback {
      height: calc(100% - 20px);
      width: calc(100% - 20px); }
      .small-screen .popup .popup-workflow-feedback .action-buttons,
      .frame-child .popup .popup-workflow-feedback .action-buttons {
        text-align: center;
        padding-right: initial;
        float: initial; }
      .small-screen .popup .popup-workflow-feedback .table,
      .frame-child .popup .popup-workflow-feedback .table {
        padding-right: 25px;
        height: calc(100% - 100px); }
        .small-screen .popup .popup-workflow-feedback .table .row.name,
        .frame-child .popup .popup-workflow-feedback .table .row.name {
          height: 40px; }
        .small-screen .popup .popup-workflow-feedback .table .row.description .input-container,
        .frame-child .popup .popup-workflow-feedback .table .row.description .input-container {
          height: 100%; }
        .small-screen .popup .popup-workflow-feedback .table .cell,
        .frame-child .popup .popup-workflow-feedback .table .cell {
          float: left;
          padding-bottom: 5px;
          position: relative;
          width: 100%; }
        .small-screen .popup .popup-workflow-feedback .table .description-input,
        .frame-child .popup .popup-workflow-feedback .table .description-input {
          height: calc(100% - 20px); }
    .popup .popup-workflow-feedback.showSuccessMsg {
      width: 400px;
      height: 380px; }
      .popup .popup-workflow-feedback.showSuccessMsg .table {
        display: none; }
      .popup .popup-workflow-feedback.showSuccessMsg .action-buttons {
        display: none; }
      .popup .popup-workflow-feedback.showSuccessMsg .popup-header {
        display: none; }
      .popup .popup-workflow-feedback.showSuccessMsg .popup-content {
        height: 100%; }
      .popup .popup-workflow-feedback.showSuccessMsg .success-buttons {
        text-align: center;
        top: 70%;
        display: block;
        position: relative; }
      .popup .popup-workflow-feedback.showSuccessMsg .msg {
        display: block;
        text-align: center;
        top: 35%;
        position: relative; }
        .popup .popup-workflow-feedback.showSuccessMsg .msg .error,
        .popup .popup-workflow-feedback.showSuccessMsg .msg .success {
          word-break: break-word;
          font-size: 14px;
          color: black; }
        .popup .popup-workflow-feedback.showSuccessMsg .msg .error {
          width: 90%;
          display: block;
          margin-left: auto;
          margin-right: auto; }
    .popup .popup-workflow-feedback .action-buttons {
      height: 60px;
      padding-right: 25px;
      float: right; }
    .popup .popup-workflow-feedback .success-buttons {
      display: none; }
    .popup .popup-workflow-feedback .action-buttons button, .popup .popup-workflow-feedback .success-buttons button {
      width: 124px;
      height: 40px;
      background-color: #223B74;
      font-size: large;
      cursor: pointer;
      color: #fff;
      border: none; }
      .popup .popup-workflow-feedback .action-buttons button.disabled, .popup .popup-workflow-feedback .action-buttons button.disabled:hover, .popup .popup-workflow-feedback .action-buttons button:disabled, .popup .popup-workflow-feedback .action-buttons button:disabled:hover, .popup .popup-workflow-feedback .success-buttons button.disabled, .popup .popup-workflow-feedback .success-buttons button.disabled:hover, .popup .popup-workflow-feedback .success-buttons button:disabled, .popup .popup-workflow-feedback .success-buttons button:disabled:hover {
        opacity: 0.5;
        background-color: #223B74;
        cursor: default; }
      .popup .popup-workflow-feedback .action-buttons button:hover, .popup .popup-workflow-feedback .success-buttons button:hover {
        background-color: #192b54; }
    .popup .popup-workflow-feedback .msg {
      display: none; }
    .popup .popup-workflow-feedback .feedback-table {
      height: calc(100% - 110px);
      width: 100%;
      padding: 20px; }
      .popup .popup-workflow-feedback .feedback-table .feedback-table-row {
        padding-bottom: 20px; }
        .popup .popup-workflow-feedback .feedback-table .feedback-table-row .title {
          font-size: large;
          vertical-align: top; }
          .popup .popup-workflow-feedback .feedback-table .feedback-table-row .title.required:before {
            content: "*";
            color: red;
            display: inline-block; }
        .popup .popup-workflow-feedback .feedback-table .feedback-table-row .feedback-table-cell {
          padding-bottom: 12px;
          display: block; }
          .narrow-width .popup .popup-workflow-feedback .feedback-table .feedback-table-row .feedback-table-cell {
            width: 100%; }
          .popup .popup-workflow-feedback .feedback-table .feedback-table-row .feedback-table-cell input {
            width: 100%; }
          .popup .popup-workflow-feedback .feedback-table .feedback-table-row .feedback-table-cell textarea {
            width: 100%;
            border: 1px #ccc solid;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
            resize: none; }

.toggle-workflow .workflow-dropdown .open .dropdown-selector-item.selected {
  background: none; }
  .toggle-workflow .workflow-dropdown .open .dropdown-selector-item.selected:hover {
    background-color: #9FC9F4; }

.welcome-page-active .topbar .library-picker {
  display: none; }

.welcome-page-active .topbar .breadcrumb-picker {
  display: none; }

.welcome-page-active .topbar .navigation-breadcrumb {
  display: none; }

.welcome-page-active .topbar #quick-search {
  visibility: hidden; }

.leave-confirmation {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .leave-confirmation .popup-content {
    position: relative;
    width: 394px;
    height: 250px;
    border-radius: 3px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -187px; }
    .narrow-width .leave-confirmation .popup-content {
      width: 100%;
      left: 0;
      margin-left: 0; }
    .leave-confirmation .popup-content .popup-header {
      height: 30%; }
      .leave-confirmation .popup-content .popup-header .popup-image {
        float: left;
        height: 100%;
        width: 60px; }
        .leave-confirmation .popup-content .popup-header .popup-image img {
          height: inherit; }
      .leave-confirmation .popup-content .popup-header .popup-title {
        float: left;
        font-weight: bold;
        padding: 15px;
        vertical-align: middle; }
    .leave-confirmation .popup-content .popup-description {
      clear: left;
      height: 50%;
      padding: 10px; }
    .leave-confirmation .popup-content .action-buttons {
      position: absolute;
      bottom: 10px;
      right: 10px; }
      .leave-confirmation .popup-content .action-buttons .popup-btn {
        min-width: 60px;
        background-color: #223B74;
        height: 40px;
        margin: 5px;
        font-size: 18px;
        color: white;
        cursor: pointer;
        padding: 5px;
        border: 1px solid #223B74;
        font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans !important; }

.purge-access {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .purge-access.popup {
    background: rgba(0, 0, 0, 0.4); }
  .purge-access .popup-content {
    position: relative;
    width: 394px;
    height: 250px;
    border-radius: 3px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -187px; }
    .narrow-width .purge-access .popup-content {
      width: 100%;
      left: 0;
      margin-left: 0; }
    .purge-access .popup-content .popup-header {
      height: 40%;
      border-bottom: none; }
      .purge-access .popup-content .popup-header .popup-image {
        float: left;
        height: 100%;
        width: 100px; }
        .purge-access .popup-content .popup-header .popup-image img {
          height: inherit; }
      .purge-access .popup-content .popup-header .popup-title {
        float: left;
        padding-left: 10px;
        padding-top: 25px;
        border-bottom: 1px solid #ccc;
        height: 100%;
        width: 260px;
        font-weight: 500;
        font-size: 23px; }
    .purge-access .popup-content .popup-description {
      clear: left;
      height: 50%;
      padding: 10px;
      padding-left: 55px;
      font-weight: 400;
      font-size: 11pt; }
    .purge-access .popup-content .action-buttons {
      position: absolute;
      bottom: 10px;
      left: 30%; }
      .purge-access .popup-content .action-buttons .popup-btn {
        min-width: 60px;
        background-color: #223B74;
        height: 40px;
        margin: 5px;
        font-size: 18px;
        color: white;
        cursor: pointer;
        padding: 5px;
        border: 1px solid #223B74;
        font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans !important; }

.notification {
  width: 470px;
  max-width: 80%;
  min-height: 72px;
  position: absolute;
  right: 20px;
  top: 64px;
  z-index: 10002; }
  .notification .text {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 14px;
    margin-bottom: 14px; }
  .notification .clear-image {
    right: 10px;
    cursor: pointer; }
  .notification .notification-image {
    left: 10px;
    background-color: transparent; }
  .notification .notification-image, .notification .clear-image {
    position: absolute;
    top: 14px;
    height: 20px;
    width: 20px; }

.local.loading-spinner {
  background-color: white; }

.user-image-uploader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 394px;
  height: 270px;
  margin-top: -135px;
  margin-left: -197px;
  border-radius: 3px;
  background-color: #fff;
  color: #000000; }
  .user-image-uploader .image-upload-container .image-wrapper {
    width: 90px;
    height: 108.33333px;
    margin: 20px;
    display: inline-block;
    background-color: #fff;
    vertical-align: top;
    overflow: hidden;
    text-align: center; }
    .user-image-uploader .image-upload-container .image-wrapper .user-image-preview {
      width: 80px;
      height: 80px;
      margin: 5px;
      border: 1px solid #ccc; }
    .user-image-uploader .image-upload-container .image-wrapper .user-image-ref {
      color: #000000;
      font-size: 10pt;
      margin: 5px;
      cursor: pointer; }
      .user-image-uploader .image-upload-container .image-wrapper .user-image-ref:hover {
        color: #3955A3; }
  .user-image-uploader .image-upload-container .user-image-upload-file {
    display: inline-block;
    width: 220px;
    vertical-align: top;
    margin: 20px;
    margin-left: 0;
    background-color: #fff; }
    .user-image-uploader .image-upload-container .user-image-upload-file .user-image-label {
      margin: 5px;
      margin-bottom: 0;
      color: #888;
      text-align: center; }
    .user-image-uploader .image-upload-container .user-image-upload-file .upload-wrapper {
      margin: 5px;
      width: 210px;
      position: relative; }
      .user-image-uploader .image-upload-container .user-image-upload-file .upload-wrapper input {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0;
        opacity: 0;
        z-index: 5; }
      .user-image-uploader .image-upload-container .user-image-upload-file .upload-wrapper #user-image {
        display: none; }
      .user-image-uploader .image-upload-container .user-image-upload-file .upload-wrapper .upload-appearance {
        cursor: default;
        border: 1px solid #ccc;
        background-color: #fff;
        position: relative;
        width: 100%;
        padding: .35em .6em; }
        .user-image-uploader .image-upload-container .user-image-upload-file .upload-wrapper .upload-appearance div {
          overflow: hidden;
          display: flex; }
          .user-image-uploader .image-upload-container .user-image-upload-file .upload-wrapper .upload-appearance div span {
            padding-left: 5px;
            white-space: nowrap;
            flex: 0 1 auto; }
          .user-image-uploader .image-upload-container .user-image-upload-file .upload-wrapper .upload-appearance div button {
            flex: 1 0 auto;
            white-space: nowrap;
            cursor: pointer; }
  .user-image-uploader .image-upload-container .action-buttons {
    float: right;
    margin: 20px; }
    .user-image-uploader .image-upload-container .action-buttons .user-image-button {
      background-color: #223B74;
      height: 40px;
      margin: 5px;
      font-size: 18px;
      color: white;
      cursor: pointer;
      padding: 5px;
      border: 1px solid #223B74; }
      .user-image-uploader .image-upload-container .action-buttons .user-image-button:last-child {
        margin-right: 0; }
      .user-image-uploader .image-upload-container .action-buttons .user-image-button:hover {
        background-color: #192b54; }
      .user-image-uploader .image-upload-container .action-buttons .user-image-button.disabled, .user-image-uploader .image-upload-container .action-buttons .user-image-button.disabled:hover, .user-image-uploader .image-upload-container .action-buttons .user-image-button:disabled, .user-image-uploader .image-upload-container .action-buttons .user-image-button:disabled:hover {
        opacity: 0.5;
        background-color: #223B74;
        cursor: default; }

po-text-area .text-outer-wrapper {
  overflow: hidden;
  width: auto; }
  po-text-area .text-outer-wrapper .text-inner-wrapper {
    height: auto;
    width: 100%; }
  po-text-area .text-outer-wrapper .space-break {
    white-space: pre-wrap;
    word-break: break-word; }
    .edge po-text-area .text-outer-wrapper .space-break, .ie po-text-area .text-outer-wrapper .space-break {
      word-break: normal; }
    .ie po-text-area .text-outer-wrapper .space-break {
      display: block; }

po-text-area.rich-text-area .text-outer-wrapper .text-inner-wrapper {
  background-color: #fff;
  border: 1px #ccc solid;
  padding: 5px; }

.rich-text-attribute .rich-text:not(.edit-mode) {
  background-color: #fff;
  border: 1px #ccc solid;
  padding: 5px;
  min-height: 30px; }

.expand-collapse-control {
  cursor: pointer;
  width: 100%;
  margin-top: 15px;
  padding-top: 7px;
  border-top: 1px solid #ccc; }
  .expand-collapse-control div {
    cursor: pointer;
    float: right;
    height: 15px;
    color: #35509d; }

.multi-select-container {
  -ms-user-select: none; }
  .multi-select-container .multi-select-selected-item {
    position: relative; }
    .multi-select-container .multi-select-selected-item .multi-select-item-inner .checkbox.disabled span {
      background-color: #888; }
    .multi-select-container .multi-select-selected-item .order-tool {
      position: absolute;
      right: 5px;
      top: 50%;
      margin-top: -12px;
      width: 15px;
      z-index: 3; }
      .multi-select-container .multi-select-selected-item .order-tool span {
        display: inline-block; }
        .multi-select-container .multi-select-selected-item .order-tool span svg {
          width: 15px;
          height: 10px;
          fill: #9c9c9c; }
        .multi-select-container .multi-select-selected-item .order-tool span:first-child {
          margin-bottom: 4px; }
        .multi-select-container .multi-select-selected-item .order-tool span.disabled svg {
          fill: #888; }
        .multi-select-container .multi-select-selected-item .order-tool span:hover svg {
          fill: #223b74; }
        .multi-select-container .multi-select-selected-item .order-tool span:hover.disabled svg {
          fill: #888; }

.landscape .resize-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 15px;
  display: inline; }
  .landscape .resize-icon svg {
    fill: #474747;
    opacity: 0.4;
    cursor: nw-resize; }
  .landscape .resize-icon:hover svg {
    opacity: 0.7; }

.resize-icon {
  display: none; }

.mobile .resize-icon {
  display: none; }

.video-player-wrapper {
  width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 3px 0 #ccc; }
  .video-player-wrapper .video-player-container {
    height: 100%; }
  .video-player-wrapper .hidable-layer {
    opacity: 1;
    transition-delay: 2s;
    transition: opacity 1s; }
    .video-player-wrapper .hidable-layer.layer-hidden {
      opacity: 0;
      transition-delay: 0s;
      transition: opacity 0.25s; }
      .video-player-wrapper .hidable-layer.layer-hidden:hover {
        opacity: 1; }
  .video-player-wrapper .top-controls-layer {
    position: absolute;
    display: block;
    z-index: 3;
    top: 0;
    height: 50px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
    .video-player-wrapper .top-controls-layer .video-name {
      color: #FFFFFF;
      font-family: Arial;
      font-size: 18px;
      vertical-align: middle;
      text-align: center;
      cursor: default;
      position: absolute;
      top: 50%;
      display: inline-block;
      margin-top: -9px;
      margin-left: 10px;
      white-space: nowrap;
      max-width: 70%;
      text-overflow: ellipsis;
      overflow: hidden; }
    .video-player-wrapper .top-controls-layer .close-video-button {
      cursor: pointer;
      position: absolute;
      top: 50%;
      right: 10px;
      display: inline-block;
      margin-top: -9px; }
      .video-player-wrapper .top-controls-layer .close-video-button svg {
        width: 18px;
        height: 18px;
        max-width: 18px;
        max-height: 18px;
        fill: #FFFFFF;
        stroke-width: 5px; }

.overlayPlayContainer .iconButton:before {
  content: '' !important; }

@media (min-width: 1200px) {
  .video-player-wrapper {
    width: 1170px;
    height: 658.125px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .video-player-wrapper {
    width: 900px;
    height: 60%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .video-player-wrapper {
    width: 600px;
    height: 60%; } }

@media (min-width: 0) and (max-width: 767px) {
  .video-player-wrapper {
    width: 90%;
    height: 60%; } }

@media (pointer: coarse) {
  .video-player-wrapper .hidable-layer.layer-hidden {
    opacity: 1; } }

.image-viewer-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 3px 0 #f2f2f2; }
  .image-viewer-wrapper .image-viewer-container {
    height: 100%;
    text-align: left; }
    .image-viewer-wrapper .image-viewer-container .image-container {
      text-align: center;
      background-color: #000; }
      .image-viewer-wrapper .image-viewer-container .image-container img {
        max-width: 80vw;
        max-height: calc(80vh - 64px);
        width: auto;
        height: auto; }
        .small-screen.narrow-width .image-viewer-wrapper .image-viewer-container .image-container img {
          max-height: calc(80vh - 70px); }
    .image-viewer-wrapper .image-viewer-container .header-layer, .image-viewer-wrapper .image-viewer-container .footer-layer {
      height: 30px;
      position: absolute;
      z-index: 100;
      color: #fff;
      width: 100%;
      padding: 2px 5px;
      overflow: hidden;
      background-color: #000;
      opacity: 0.5; }
      .image-viewer-wrapper .image-viewer-container .header-layer:hover, .image-viewer-wrapper .image-viewer-container .footer-layer:hover {
        opacity: 0.8; }
    .image-viewer-wrapper .image-viewer-container .header-layer {
      vertical-align: middle;
      top: -2px; }
      .image-viewer-wrapper .image-viewer-container .header-layer .image-name {
        width: calc(100% - 20px);
        float: left;
        height: 20px;
        vertical-align: middle;
        margin: 3px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .image-viewer-wrapper .image-viewer-container .header-layer .image-close-button {
        fill: #fff;
        margin: 3px 0; }
    .image-viewer-wrapper .image-viewer-container .footer-layer {
      vertical-align: middle;
      bottom: -2px; }
      .image-viewer-wrapper .image-viewer-container .footer-layer .image-download-button {
        fill: #fff; }
        .image-viewer-wrapper .image-viewer-container .footer-layer .image-download-button svg {
          height: 22px;
          width: 22px; }

/* #region Configurable colors from themes */
/*$icons-color: $portal-icons-color;*/
/* #endregion Configurable colors from themes */
/***********************************************/
.fill-bookmark {
  fill: #295391; }
  .fill-bookmark:not(.non-object-type) {
    fill: #295391; }

.stroke-bookmark {
  stroke: #295391; }

.background-bookmark {
  background-color: #fff; }

.fill-child-bookmark svg {
  fill: #295391; }

.background-child-bookmark svg {
  background-color: #fff; }

.tile-bookmark {
  background-color: #295391; }
  .tile-bookmark svg {
    fill: #fff; }

.fill-california {
  fill: #ff9900; }
  .fill-california:not(.non-object-type) {
    fill: #ff9900; }

.stroke-california {
  stroke: #ff9900; }

.background-california {
  background-color: #fff; }

.fill-child-california svg {
  fill: #ff9900; }

.background-child-california svg {
  background-color: #fff; }

.tile-california {
  background-color: #ff9900; }
  .tile-california svg {
    fill: #fff; }

.fill-chardonnay {
  fill: #ffcc80; }
  .fill-chardonnay:not(.non-object-type) {
    fill: #000; }

.stroke-chardonnay {
  stroke: #ffcc80; }

.background-chardonnay {
  background-color: #ffcc80; }

.fill-child-chardonnay svg {
  fill: #000; }

.background-child-chardonnay svg {
  background-color: #ffcc80; }

.tile-chardonnay {
  background-color: #ffcc80; }
  .tile-chardonnay svg {
    fill: #000; }

.fill-clementine {
  fill: #ef6c00; }
  .fill-clementine:not(.non-object-type) {
    fill: #ef6c00; }

.stroke-clementine {
  stroke: #ef6c00; }

.background-clementine {
  background-color: #fff; }

.fill-child-clementine svg {
  fill: #ef6c00; }

.background-child-clementine svg {
  background-color: #fff; }

.tile-clementine {
  background-color: #ef6c00; }
  .tile-clementine svg {
    fill: #fff; }

.fill-dovegray {
  fill: #666666; }
  .fill-dovegray:not(.non-object-type) {
    fill: #666666; }

.stroke-dovegray {
  stroke: #666666; }

.background-dovegray {
  background-color: #fff; }

.fill-child-dovegray svg {
  fill: #666666; }

.background-child-dovegray svg {
  background-color: #fff; }

.tile-dovegray {
  background-color: #666666; }
  .tile-dovegray svg {
    fill: #fff; }

.fill-fruitsalad {
  fill: #43a047; }
  .fill-fruitsalad:not(.non-object-type) {
    fill: #43a047; }

.stroke-fruitsalad {
  stroke: #43a047; }

.background-fruitsalad {
  background-color: #fff; }

.fill-child-fruitsalad svg {
  fill: #43a047; }

.background-child-fruitsalad svg {
  background-color: #fff; }

.tile-fruitsalad {
  background-color: #43a047; }
  .tile-fruitsalad svg {
    fill: #fff; }

.fill-indigo {
  fill: #3f51b5; }
  .fill-indigo:not(.non-object-type) {
    fill: #3f51b5; }

.stroke-indigo {
  stroke: #3f51b5; }

.background-indigo {
  background-color: #fff; }

.fill-child-indigo svg {
  fill: #3f51b5; }

.background-child-indigo svg {
  background-color: #fff; }

.tile-indigo {
  background-color: #3f51b5; }
  .tile-indigo svg {
    fill: #fff; }

.fill-kabul {
  fill: #5d4037; }
  .fill-kabul:not(.non-object-type) {
    fill: #5d4037; }

.stroke-kabul {
  stroke: #5d4037; }

.background-kabul {
  background-color: #fff; }

.fill-child-kabul svg {
  fill: #5d4037; }

.background-child-kabul svg {
  background-color: #fff; }

.tile-kabul {
  background-color: #5d4037; }
  .tile-kabul svg {
    fill: #fff; }

.fill-lochmara {
  fill: #0072c6; }
  .fill-lochmara:not(.non-object-type) {
    fill: #0072c6; }

.stroke-lochmara {
  stroke: #0072c6; }

.background-lochmara {
  background-color: #fff; }

.fill-child-lochmara svg {
  fill: #0072c6; }

.background-child-lochmara svg {
  background-color: #fff; }

.tile-lochmara {
  background-color: #0072c6; }
  .tile-lochmara svg {
    fill: #fff; }

.fill-malibu {
  fill: #64b5f6; }
  .fill-malibu:not(.non-object-type) {
    fill: #64b5f6; }

.stroke-malibu {
  stroke: #64b5f6; }

.background-malibu {
  background-color: #fff; }

.fill-child-malibu svg {
  fill: #64b5f6; }

.background-child-malibu svg {
  background-color: #fff; }

.tile-malibu {
  background-color: #64b5f6; }
  .tile-malibu svg {
    fill: #fff; }

.fill-mineshaft {
  fill: #333333; }
  .fill-mineshaft:not(.non-object-type) {
    fill: #333333; }

.stroke-mineshaft {
  stroke: #333333; }

.background-mineshaft {
  background-color: #fff; }

.fill-child-mineshaft svg {
  fill: #333333; }

.background-child-mineshaft svg {
  background-color: #fff; }

.tile-mineshaft {
  background-color: #333333; }
  .tile-mineshaft svg {
    fill: #fff; }

.fill-montecarlo {
  fill: #80cbc4; }
  .fill-montecarlo:not(.non-object-type) {
    fill: #000; }

.stroke-montecarlo {
  stroke: #80cbc4; }

.background-montecarlo {
  background-color: #80cbc4; }

.fill-child-montecarlo svg {
  fill: #000; }

.background-child-montecarlo svg {
  background-color: #80cbc4; }

.tile-montecarlo {
  background-color: #80cbc4; }
  .tile-montecarlo svg {
    fill: #000; }

.fill-mossgreen {
  fill: #a5d6a7; }
  .fill-mossgreen:not(.non-object-type) {
    fill: #000; }

.stroke-mossgreen {
  stroke: #a5d6a7; }

.background-mossgreen {
  background-color: #a5d6a7; }

.fill-child-mossgreen svg {
  fill: #000; }

.background-child-mossgreen svg {
  background-color: #a5d6a7; }

.tile-mossgreen {
  background-color: #a5d6a7; }
  .tile-mossgreen svg {
    fill: #000; }

.fill-parsley {
  fill: #1b5e20; }
  .fill-parsley:not(.non-object-type) {
    fill: #1b5e20; }

.stroke-parsley {
  stroke: #1b5e20; }

.background-parsley {
  background-color: #fff; }

.fill-child-parsley svg {
  fill: #1b5e20; }

.background-child-parsley svg {
  background-color: #fff; }

.tile-parsley {
  background-color: #1b5e20; }
  .tile-parsley svg {
    fill: #fff; }

.fill-persiangreen {
  fill: #00a99d; }
  .fill-persiangreen:not(.non-object-type) {
    fill: #00a99d; }

.stroke-persiangreen {
  stroke: #00a99d; }

.background-persiangreen {
  background-color: #fff; }

.fill-child-persiangreen svg {
  fill: #00a99d; }

.background-child-persiangreen svg {
  background-color: #fff; }

.tile-persiangreen {
  background-color: #00a99d; }
  .tile-persiangreen svg {
    fill: #fff; }

.fill-pomegranate {
  fill: #f44336; }
  .fill-pomegranate:not(.non-object-type) {
    fill: #f44336; }

.stroke-pomegranate {
  stroke: #f44336; }

.background-pomegranate {
  background-color: #fff; }

.fill-child-pomegranate svg {
  fill: #f44336; }

.background-child-pomegranate svg {
  background-color: #fff; }

.tile-pomegranate {
  background-color: #f44336; }
  .tile-pomegranate svg {
    fill: #fff; }

.fill-pottersclay {
  fill: #8c6239; }
  .fill-pottersclay:not(.non-object-type) {
    fill: #8c6239; }

.stroke-pottersclay {
  stroke: #8c6239; }

.background-pottersclay {
  background-color: #fff; }

.fill-child-pottersclay svg {
  fill: #8c6239; }

.background-child-pottersclay svg {
  background-color: #fff; }

.tile-pottersclay {
  background-color: #8c6239; }
  .tile-pottersclay svg {
    fill: #fff; }

.fill-silverchalice {
  fill: #999999; }
  .fill-silverchalice:not(.non-object-type) {
    fill: #999999; }

.stroke-silverchalice {
  stroke: #999999; }

.background-silverchalice {
  background-color: #fff; }

.fill-child-silverchalice svg {
  fill: #999999; }

.background-child-silverchalice svg {
  background-color: #fff; }

.tile-silverchalice {
  background-color: #999999; }
  .tile-silverchalice svg {
    fill: #fff; }

.fill-sunglo {
  fill: #ee9999; }
  .fill-sunglo:not(.non-object-type) {
    fill: #ee9999; }

.stroke-sunglo {
  stroke: #ee9999; }

.background-sunglo {
  background-color: #fff; }

.fill-child-sunglo svg {
  fill: #ee9999; }

.background-child-sunglo svg {
  background-color: #fff; }

.tile-sunglo {
  background-color: #ee9999; }
  .tile-sunglo svg {
    fill: #fff; }

.fill-tallpoppy {
  fill: #c62828; }
  .fill-tallpoppy:not(.non-object-type) {
    fill: #c62828; }

.stroke-tallpoppy {
  stroke: #c62828; }

.background-tallpoppy {
  background-color: #fff; }

.fill-child-tallpoppy svg {
  fill: #c62828; }

.background-child-tallpoppy svg {
  background-color: #fff; }

.tile-tallpoppy {
  background-color: #c62828; }
  .tile-tallpoppy svg {
    fill: #fff; }

.fill-thatch {
  fill: #bcaaa4; }
  .fill-thatch:not(.non-object-type) {
    fill: #bcaaa4; }

.stroke-thatch {
  stroke: #bcaaa4; }

.background-thatch {
  background-color: #fff; }

.fill-child-thatch svg {
  fill: #bcaaa4; }

.background-child-thatch svg {
  background-color: #fff; }

.tile-thatch {
  background-color: #bcaaa4; }
  .tile-thatch svg {
    fill: #fff; }

.fill-tropicalrainforest {
  fill: #00695c; }
  .fill-tropicalrainforest:not(.non-object-type) {
    fill: #00695c; }

.stroke-tropicalrainforest {
  stroke: #00695c; }

.background-tropicalrainforest {
  background-color: #fff; }

.fill-child-tropicalrainforest svg {
  fill: #00695c; }

.background-child-tropicalrainforest svg {
  background-color: #fff; }

.tile-tropicalrainforest {
  background-color: #00695c; }
  .tile-tropicalrainforest svg {
    fill: #fff; }

.fill-document-default {
  fill: #7e7e7e; }
  .fill-document-default:not(.non-object-type) {
    fill: #7e7e7e; }

.stroke-document-default {
  stroke: #7e7e7e; }

.background-document-default {
  background-color: #fff; }

.fill-child-document-default svg {
  fill: #7e7e7e; }

.background-child-document-default svg {
  background-color: #fff; }

.tile-document-default {
  background-color: #7e7e7e; }
  .tile-document-default svg {
    fill: #fff; }

.fill-excel {
  fill: #207347; }
  .fill-excel:not(.non-object-type) {
    fill: #207347; }

.stroke-excel {
  stroke: #207347; }

.background-excel {
  background-color: #fff; }

.fill-child-excel svg {
  fill: #207347; }

.background-child-excel svg {
  background-color: #fff; }

.tile-excel {
  background-color: #207347; }
  .tile-excel svg {
    fill: #fff; }

.fill-pdf {
  fill: #d9534f; }
  .fill-pdf:not(.non-object-type) {
    fill: #d9534f; }

.stroke-pdf {
  stroke: #d9534f; }

.background-pdf {
  background-color: #fff; }

.fill-child-pdf svg {
  fill: #d9534f; }

.background-child-pdf svg {
  background-color: #fff; }

.tile-pdf {
  background-color: #d9534f; }
  .tile-pdf svg {
    fill: #fff; }

.fill-powerpoint {
  fill: #d24625; }
  .fill-powerpoint:not(.non-object-type) {
    fill: #d24625; }

.stroke-powerpoint {
  stroke: #d24625; }

.background-powerpoint {
  background-color: #fff; }

.fill-child-powerpoint svg {
  fill: #d24625; }

.background-child-powerpoint svg {
  background-color: #fff; }

.tile-powerpoint {
  background-color: #d24625; }
  .tile-powerpoint svg {
    fill: #fff; }

.fill-visio {
  fill: #35509d; }
  .fill-visio:not(.non-object-type) {
    fill: #35509d; }

.stroke-visio {
  stroke: #35509d; }

.background-visio {
  background-color: #fff; }

.fill-child-visio svg {
  fill: #35509d; }

.background-child-visio svg {
  background-color: #fff; }

.tile-visio {
  background-color: #35509d; }
  .tile-visio svg {
    fill: #fff; }

.fill-word {
  fill: #295391; }
  .fill-word:not(.non-object-type) {
    fill: #295391; }

.stroke-word {
  stroke: #295391; }

.background-word {
  background-color: #fff; }

.fill-child-word svg {
  fill: #295391; }

.background-child-word svg {
  background-color: #fff; }

.tile-word {
  background-color: #295391; }
  .tile-word svg {
    fill: #fff; }

.fill-other {
  fill: #7e7e7e; }
  .fill-other:not(.non-object-type) {
    fill: #7e7e7e; }

.stroke-other {
  stroke: #7e7e7e; }

.background-other {
  background-color: #fff; }

.fill-child-other svg {
  fill: #7e7e7e; }

.background-child-other svg {
  background-color: #fff; }

.tile-other {
  background-color: #7e7e7e; }
  .tile-other svg {
    fill: #fff; }

.fill-folder {
  fill: #b4b4b1; }
  .fill-folder:not(.non-object-type) {
    fill: #b4b4b1; }

.stroke-folder {
  stroke: #b4b4b1; }

.background-folder {
  background-color: #fff; }

.fill-child-folder svg {
  fill: #b4b4b1; }

.background-child-folder svg {
  background-color: #fff; }

.tile-folder {
  background-color: #b4b4b1; }
  .tile-folder svg {
    fill: #fff; }

.fill-library {
  fill: #7e7e7e; }
  .fill-library:not(.non-object-type) {
    fill: #7e7e7e; }

.stroke-library {
  stroke: #7e7e7e; }

.background-library {
  background-color: #fff; }

.fill-child-library svg {
  fill: #7e7e7e; }

.background-child-library svg {
  background-color: #fff; }

.tile-library {
  background-color: #7e7e7e; }
  .tile-library svg {
    fill: #fff; }

.fill-none {
  fill: #223b74; }
  .fill-none:not(.non-object-type) {
    fill: #223b74; }

.stroke-none {
  stroke: #223b74; }

.background-none {
  background-color: #fff; }

.fill-child-none svg {
  fill: #223b74; }

.background-child-none svg {
  background-color: #fff; }

.tile-none {
  background-color: #223b74; }
  .tile-none svg {
    fill: #fff; }

.fill-archimatebusiness {
  fill: #ffffaf; }
  .fill-archimatebusiness:not(.non-object-type) {
    fill: #000; }

.stroke-archimatebusiness {
  stroke: #ffffaf; }

.background-archimatebusiness {
  background-color: #ffffaf; }

.fill-child-archimatebusiness svg {
  fill: #000; }

.background-child-archimatebusiness svg {
  background-color: #ffffaf; }

.tile-archimatebusiness {
  background-color: #ffffaf; }
  .tile-archimatebusiness svg {
    fill: #000; }

.fill-archimateapplication {
  fill: #afffff; }
  .fill-archimateapplication:not(.non-object-type) {
    fill: #000; }

.stroke-archimateapplication {
  stroke: #afffff; }

.background-archimateapplication {
  background-color: #afffff; }

.fill-child-archimateapplication svg {
  fill: #000; }

.background-child-archimateapplication svg {
  background-color: #afffff; }

.tile-archimateapplication {
  background-color: #afffff; }
  .tile-archimateapplication svg {
    fill: #000; }

.fill-archimatephysical {
  fill: #afffaf; }
  .fill-archimatephysical:not(.non-object-type) {
    fill: #000; }

.stroke-archimatephysical {
  stroke: #afffaf; }

.background-archimatephysical {
  background-color: #afffaf; }

.fill-child-archimatephysical svg {
  fill: #000; }

.background-child-archimatephysical svg {
  background-color: #afffaf; }

.tile-archimatephysical {
  background-color: #afffaf; }
  .tile-archimatephysical svg {
    fill: #000; }

.fill-archimatemotivation {
  fill: #ccccff; }
  .fill-archimatemotivation:not(.non-object-type) {
    fill: #000; }

.stroke-archimatemotivation {
  stroke: #ccccff; }

.background-archimatemotivation {
  background-color: #ccccff; }

.fill-child-archimatemotivation svg {
  fill: #000; }

.background-child-archimatemotivation svg {
  background-color: #ccccff; }

.tile-archimatemotivation {
  background-color: #ccccff; }
  .tile-archimatemotivation svg {
    fill: #000; }

.fill-archimatestrategy {
  fill: #f5deaa; }
  .fill-archimatestrategy:not(.non-object-type) {
    fill: #000; }

.stroke-archimatestrategy {
  stroke: #f5deaa; }

.background-archimatestrategy {
  background-color: #f5deaa; }

.fill-child-archimatestrategy svg {
  fill: #000; }

.background-child-archimatestrategy svg {
  background-color: #f5deaa; }

.tile-archimatestrategy {
  background-color: #f5deaa; }
  .tile-archimatestrategy svg {
    fill: #000; }

.fill-archimateimplementationandmigration {
  fill: #fce0e0; }
  .fill-archimateimplementationandmigration:not(.non-object-type) {
    fill: #000; }

.stroke-archimateimplementationandmigration {
  stroke: #fce0e0; }

.background-archimateimplementationandmigration {
  background-color: #fce0e0; }

.fill-child-archimateimplementationandmigration svg {
  fill: #000; }

.background-child-archimateimplementationandmigration svg {
  background-color: #fce0e0; }

.tile-archimateimplementationandmigration {
  background-color: #fce0e0; }
  .tile-archimateimplementationandmigration svg {
    fill: #000; }

.fill-archimatetechnology {
  fill: #e0ffe0; }
  .fill-archimatetechnology:not(.non-object-type) {
    fill: #000; }

.stroke-archimatetechnology {
  stroke: #e0ffe0; }

.background-archimatetechnology {
  background-color: #e0ffe0; }

.fill-child-archimatetechnology svg {
  fill: #000; }

.background-child-archimatetechnology svg {
  background-color: #e0ffe0; }

.tile-archimatetechnology {
  background-color: #e0ffe0; }
  .tile-archimatetechnology svg {
    fill: #000; }

.fill-archimatecomposite {
  fill: #ffbf80; }
  .fill-archimatecomposite:not(.non-object-type) {
    fill: #000; }

.stroke-archimatecomposite {
  stroke: #ffbf80; }

.background-archimatecomposite {
  background-color: #ffbf80; }

.fill-child-archimatecomposite svg {
  fill: #000; }

.background-child-archimatecomposite svg {
  background-color: #ffbf80; }

.tile-archimatecomposite {
  background-color: #ffbf80; }
  .tile-archimatecomposite svg {
    fill: #000; }

.fill-white {
  fill: #fff; }

.stroke-white {
  stroke: #fff; }

.fill-neutral {
  fill: #888; }

.stroke-neutral {
  stroke: #888; }

.fill-azure {
  fill: #3897DA; }

.stroke-azure {
  stroke: #3897DA; }

.user-options-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 394px;
  height: 250px;
  margin-top: -125px;
  margin-left: -197px;
  border-radius: 3px;
  background-color: #fff; }
  .user-options-popup .user-options-details {
    position: relative;
    height: 66px;
    padding: 8px 0 0 8px; }
    .user-options-popup .user-options-details .user-image {
      /*position: absolute;
            top: 0;
            left: 0;*/
      height: 50px;
      width: 50px;
      cursor: default; }
    .user-options-popup .user-options-details .upload-image {
      height: 0;
      width: 0;
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 32.5px;
      opacity: 0.5;
      background-color: #fff; }
    .user-options-popup .user-options-details .user-description {
      margin-top: -5px;
      position: absolute;
      width: 323px;
      top: 10px;
      right: 5px; }
      .user-options-popup .user-options-details .user-description .user-name {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #223B74; }
      .user-options-popup .user-options-details .user-description .user-selected-profile {
        margin-top: 8px;
        font-style: italic;
        color: #000000;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .user-options-popup .hide-welcome-page {
    margin: 20px; }
  .user-options-popup .action-buttons {
    position: absolute;
    bottom: 20px;
    right: 20px; }
    .user-options-popup .action-buttons .user-options-button {
      background-color: #223B74;
      height: 40px;
      margin: 5px;
      font-size: 18px;
      color: white;
      cursor: pointer;
      padding: 5px;
      border: 1px solid #223B74; }
      .user-options-popup .action-buttons .user-options-button:last-child {
        margin-right: 0; }
      .user-options-popup .action-buttons .user-options-button:hover {
        background-color: #192b54; }
      .user-options-popup .action-buttons .user-options-button.disabled, .user-options-popup .action-buttons .user-options-button.disabled:hover, .user-options-popup .action-buttons .user-options-button:disabled, .user-options-popup .action-buttons .user-options-button:disabled:hover {
        opacity: 0.5;
        background-color: #223B74;
        cursor: default; }

[tooltip] {
  position: relative; }

[tooltip]::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px 6px 0 6px;
  border-style: solid;
  border-color: #c62828 transparent transparent transparent;
  z-index: 100;
  opacity: 0;
  word-break: normal;
  overflow-wrap: break-word !important; }

[tooltip]::after {
  content: attr(tooltip);
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translateX(-50%) translateY(-100%);
  background: #c62828;
  text-align: center;
  color: #fff;
  padding: 4px 2px;
  font-size: 12px;
  display: inline-block;
  min-width: 200px;
  max-width: 250px;
  border-radius: 5px;
  pointer-events: none;
  z-index: 100;
  opacity: 0;
  word-break: normal;
  overflow-wrap: break-word !important; }

[tooltip-position='left']::before {
  left: 0%;
  top: 50%;
  margin-left: -12px;
  transform: translatey(-50%) rotate(-90deg); }

[tooltip-position='top']::before {
  left: 50%; }

[tooltip-position='bottom']::before {
  top: 100%;
  margin-top: 8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg); }

[tooltip-position='right']::before {
  left: 100%;
  top: 50%;
  margin-left: 1px;
  transform: translatey(-50%) rotate(90deg); }

[tooltip-position='left']::after {
  left: 0%;
  top: 50%;
  margin-left: -8px;
  transform: translateX(-100%) translateY(-50%); }

[tooltip-position='top']::after {
  left: 50%; }

[tooltip-position='bottom']::after {
  top: 100%;
  margin-top: 8px;
  transform: translateX(-90%) translateY(0%); }

[tooltip-position='right']::after {
  left: 100%;
  top: 50%;
  margin-left: 8px;
  transform: translateX(0%) translateY(-50%); }

[tooltip]:hover::after, [tooltip]:hover::before {
  opacity: 1; }

.iframe-host .error-container {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%; }
  .iframe-host .error-container .error-message {
    margin: auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }

.iframe-host iframe {
  position: absolute; }

mentio-menu {
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 1px 1px 3px #ccc;
  width: 250px; }
  mentio-menu .dropdown-menu {
    list-style-type: none;
    padding-left: 0;
    height: 120px;
    overflow-y: scroll; }
    mentio-menu .dropdown-menu li > a:hover, mentio-menu .dropdown-menu .active > a, mentio-menu .dropdown-menu .active > a:hover {
      background-color: #C3E0F4;
      color: #000000;
      cursor: pointer; }
    mentio-menu .dropdown-menu li > a, mentio-menu .dropdown-menu a {
      overflow: hidden;
      text-overflow: ellipsis; }
    mentio-menu .dropdown-menu li {
      height: 24px; }

#feedback-message [contenteditable=true]:empty:before {
  content: attr(placeholder);
  width: inherit;
  height: inherit;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans;
  line-height: 16px;
  font-style: italic;
  color: rgba(136, 136, 136, 0.75);
  font-size: 10pt; }

.feedback-content {
  width: 100%;
  margin: 5px 0px;
  box-shadow: none;
  border: 1px solid #ccc;
  resize: none;
  height: 68px;
  border-radius: 2px;
  padding: 4px 12px 4px 2px;
  overflow: auto;
  vertical-align: top;
  font-size: 13px; }

.object-feedback-grid-container a[href^="mailto:"] {
  text-decoration: none !important;
  background-color: #C3E0F4;
  color: #000000 !important; }
  .object-feedback-grid-container a[href^="mailto:"] span {
    text-decoration: none !important; }
  .object-feedback-grid-container a[href^="mailto:"]:hover, .object-feedback-grid-container a[href^="mailto:"]:active {
    background-color: #9FC9F4; }

.object-feedback-grid-container a[href="mailto:null"] {
  text-decoration: none !important;
  background-color: #d3d3d3;
  color: #000000 !important; }
  .object-feedback-grid-container a[href="mailto:null"]:hover, .object-feedback-grid-container a[href="mailto:null"]:active {
    background-color: #d3d3d3; }

.object-feedback-grid-container a.inactive {
  text-decoration: none !important;
  background-color: #d3d3d3;
  color: #000000 !important;
  pointer-events: none; }

.object-feedback-grid-container a.active {
  text-decoration: none !important;
  background-color: #C3E0F4;
  color: #000000 !important; }
  .object-feedback-grid-container a.active:hover, .object-feedback-grid-container a.active:active {
    background-color: #9FC9F4; }

.lt-mentionmenu {
  display: none; }

.object-feedback-grid-container [contenteditable][placeholder]:not(:focus):empty:before {
  content: attr(placeholder);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans;
  line-height: 16px;
  font-style: italic;
  color: rgba(136, 136, 136, 0.75);
  font-size: 14px; }

@media all and (max-width: 768px) {
  mentio-menu {
    width: 100% !important;
    left: 0 !important; } }

.doc_viewer {
  -webkit-overflow-scrolling: touch; }

.groupdoc-container {
  height: 100%; }
  .groupdoc-container svg {
    max-height: inherit;
    max-width: inherit; }
  .groupdoc-container .left {
    float: left; }
  .groupdoc-container .right {
    float: right !important; }
  .groupdoc-container .viewer-header .about-pane-toggle {
    margin: 0;
    padding: 2px 8px;
    height: 100%; }
  .groupdoc-container .viewer-header .header-handle {
    display: none; }
  .groupdoc-container .viewer-header .enable-fullscreen-mode, .groupdoc-container .viewer-header .disable-fullscreen-mode {
    margin: 0;
    padding: 2px 8px; }
    .groupdoc-container .viewer-header .enable-fullscreen-mode svg, .groupdoc-container .viewer-header .disable-fullscreen-mode svg {
      height: 24px;
      width: 24px; }
  .groupdoc-container .viewer-header .zoom-container,
  .groupdoc-container .viewer-header .center-document {
    display: none; }
  .right-side-panel-expanded .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper {
    width: calc(100% - 40px + 10px); }
  .groupdoc-container .groupdoc-word-viewer {
    height: 100%;
    /* There are .viewer-header as we currently use CSS to position our custom buttons */ }
    .groupdoc-container .groupdoc-word-viewer .viewer_header {
      position: relative;
      display: block;
      border-bottom: 1px solid #888;
      min-height: 30px;
      height: 30px; }
      .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper {
        width: calc(100% - 80px + 10px);
        height: 100%;
        padding: 0; }
        .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .download-button, .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .download-pdf-button {
          display: none; }
          .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .download-button svg, .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .download-pdf-button svg {
            margin-top: 3px;
            height: 22px;
            width: 22px; }
        .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .new_head_tools_wrapper {
          top: 0;
          height: 30px;
          margin: 0 3px;
          z-index: 12; }
          .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .new_head_tools_wrapper .new_head_tools_btn, .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .new_head_tools_wrapper .new_head_tools_dropdown_wrapper {
            width: 30px;
            height: 30px;
            border-radius: 0;
            margin: 0 3px; }
          .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .new_head_tools_wrapper .h_t_i_zoomout, .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .new_head_tools_wrapper .h_t_i_zoomin, .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .new_head_tools_wrapper .h_t_i_zoom, .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .new_head_tools_wrapper .h_t_i_download, .groupdoc-container .groupdoc-word-viewer .viewer_header .viewer_header_wrapper .new_head_tools_wrapper .h_t_i_print {
            background-position: 0; }
    .groupdoc-container .groupdoc-word-viewer .pages_container {
      padding-top: 5px; }
      .groupdoc-container .groupdoc-word-viewer .pages_container .viewer_loading_overlay {
        z-index: 2; }
      .groupdoc-container .groupdoc-word-viewer .pages_container .doc-page {
        border: 1px solid #ccc;
        display: block;
        margin: auto;
        margin-bottom: 10px; }
        .groupdoc-container .groupdoc-word-viewer .pages_container .doc-page svg {
          position: absolute; }
    .groupdoc-container .groupdoc-word-viewer .grpdx .dropdown-menu {
      left: -42px;
      max-width: 194px;
      overflow-y: auto; }
      .groupdoc-container .groupdoc-word-viewer .grpdx .dropdown-menu a {
        text-overflow: ellipsis; }
    .groupdoc-container .groupdoc-word-viewer .groupdocs_viewer_wrapper {
      height: 100% !important;
      background-color: #fff; }
      .right-side-panel-expanded .groupdoc-container .groupdoc-word-viewer .groupdocs_viewer_wrapper .push-margin-right {
        margin-right: 0px; }

.generic-error {
  margin: 10px; }
  .generic-error .error-head {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc; }
    .generic-error .error-head div > span svg {
      width: 60px;
      height: 70px;
      fill: #223B74; }
    .generic-error .error-head div h1 {
      font-size: 3em;
      font-weight: 400; }
    .generic-error .error-head > p {
      padding-top: 20px; }
  .generic-error .error-body {
    font-size: 12px;
    border-bottom: 1px solid #ccc; }
    .generic-error .error-body .collapse-header {
      width: 100%;
      background-color: #f2f2f2;
      height: 35px;
      vertical-align: text-bottom; }
      .generic-error .error-body .collapse-header .title {
        padding: 10px;
        float: left;
        font-weight: bold; }
      .generic-error .error-body .collapse-header .icon {
        float: right;
        padding: 6px; }
        .generic-error .error-body .collapse-header .icon svg {
          width: 24px;
          height: 24px; }
    .generic-error .error-body .collapse-body {
      display: none; }
      .generic-error .error-body .collapse-body.expand {
        display: block;
        padding-left: 10px; }
      .generic-error .error-body .collapse-body p {
        margin-top: 20px; }
  .generic-error a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    width: 250px; }
  .generic-error .back-to-dashboard {
    margin-top: 30px;
    background-color: #fff; }
    .generic-error .back-to-dashboard span {
      padding: 10px;
      display: block;
      border: 1px solid #ccc;
      max-width: 250px;
      text-align: center; }
    .generic-error .back-to-dashboard span:hover {
      background-color: #223B74;
      cursor: pointer;
      background-color: #f7f7f7; }

/*@import "Shared/Footers";*/

/*# sourceMappingURL=app.css.map */