@import url('/css/fonts/fontawesome/font-awesome.css');
@import url('/css/fonts/roboto/roboto.css');
@import url('/css/fonts/HomemadeApple/HomemadeApple.css');
@import url('/css/fonts/Zeyada/Zeyada.css');
@font-face {
  font-family: GDT;
  src: url("/css/fonts/Y14.ttf");
}

/*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 * 
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/* Picked from bootstrap: .popover, .btn, .text-primary */

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 275px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  /*margin-top: 10px;*/
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  /* The following are set in WordPress (wp-admin/css/revisions.css) - reset them to initial values */
  overflow:visible;
  margin:0;
  padding:0;
  z-index:auto;
  background-color:transparent;
  -webkit-box-shadow:none;
  box-shadow:none;
  bottom:auto;
  left:auto;
  right:auto;
  top:auto;
  -webkit-transform:none;
  -ms-transform:none;
  transform:none;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.btn {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;

}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-block {
  display: block;
  width: 100%;
}
.clockpicker-span-hours { display: inline-block; vertical-align: middle; padding: 5px; line-height: 14px; }
.clockpicker-span-minutes { display: inline-block; vertical-align: middle; padding: 5px; line-height: 14px; }
.text-primary {
  background-color: #85C6F2;
}

/*!
 * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 */

.clockpicker .input-group-addon {
	cursor: pointer;
}
.clockpicker-moving {
	cursor: move;
}
.clockpicker-align-left.popover > .arrow {
	left: 25px;
    display: none;
}
.clockpicker-align-top.popover > .arrow {
	top: 17px;
}
.clockpicker-align-right.popover > .arrow {
	left: auto;
	right: 25px;
}
.clockpicker-align-bottom.popover > .arrow {
	top: auto;
	bottom: 6px;
}
.clockpicker-popover .popover-title {
	background-color: #fff;
	color: #000f66;
	font-size: 12px;
	font-weight: 400;
	line-height: 34px;
	text-align: center;
}
.clockpicker-popover .popover-title span {
	cursor: pointer;
}
.clockpicker-popover .popover-content {
	background-color: #fff;
	padding: 10px;
}
.popover-content:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.clockpicker-plate {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	overflow: visible;
	position: relative;
	/* Disable text selection highlighting. Thanks to Hermanya */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.clockpicker-canvas,
.clockpicker-dial {
	width: 200px;
	height: 200px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.clockpicker-minutes {
	visibility: hidden;
}
.clockpicker-tick {
	border-radius: 50%;
	color: #000f66;
	line-height: 26px;
    font-size: 12px !important;
	text-align: center;
	width: 26px;
	height: 26px;
	position: absolute;
	cursor: pointer;
}
.clockpicker-tick.active,
.clockpicker-tick:hover {
	background-color: rgb(192, 229, 247);
	background-color: rgba(0, 149, 221, .25);
}
.clockpicker-button {
	background-image: none;
	background-color: #fff;
	border-width: 1px 0 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0;
	padding: 10px 0;
}
.clockpicker-button:hover {
	background-image: none;
	background-color: #ebebeb;
}
.clockpicker-button:focus {
	outline: none!important;
}
.clockpicker-dial {
	-webkit-transition: -webkit-transform 350ms, opacity 350ms;
	-moz-transition: -moz-transform 350ms, opacity 350ms;
	-ms-transition: -ms-transform 350ms, opacity 350ms;
	-o-transition: -o-transform 350ms, opacity 350ms;
	transition: transform 350ms, opacity 350ms;
}
.clockpicker-dial-out {
	opacity: 0;
}
.clockpicker-hours.clockpicker-dial-out {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.clockpicker-minutes.clockpicker-dial-out {
	-webkit-transform: scale(.8, .8);
	-moz-transform: scale(.8, .8);
	-ms-transform: scale(.8, .8);
	-o-transform: scale(.8, .8);
	transform: scale(.8, .8);
}
.clockpicker-canvas {
	-webkit-transition: opacity 175ms;
	-moz-transition: opacity 175ms;
	-ms-transition: opacity 175ms;
	-o-transition: opacity 175ms;
	transition: opacity 175ms;
}
.clockpicker-canvas-out {
	opacity: 0.25;
}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
	stroke: none;
	fill: #85C6F2;
}
.clockpicker-canvas-bg {
	stroke: none;
	fill: #85C6F2;
}
.clockpicker-canvas-bg-trans {
	fill: #ADD7F4;
}
.clockpicker-canvas line {
	stroke: #85C6F2;
	stroke-width: 1;
	stroke-linecap: round;
	/*shape-rendering: crispEdges;*/
}
.clockpicker-button.am-button {
	margin: 1px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 4px;
	
}
.clockpicker-button.pm-button {
	margin: 1px 1px 1px 136px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 4px;
}

/*! jQuery UI - v1.11.2 - 2014-12-12
* http://jqueryui.com
* Includes: core.css, button.css, datepicker.css, slider.css, spinner.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: 5px;
	display: none;
	z-index: 25 !important;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 5px;
}

.ui-datepicker .ui-datepicker-prev span {
  background-image: url("/_themes/light/content/media/icons/arrow_left_circled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/arrow_left_circled_filled.svg?stamp=240311&t=0&icon_color=%23404040");
  width: 20px;
  height: 20px;
  background-size: contain, 0 0;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span {
  background-image: url("/_themes/light/content/media/icons/arrow_left_circled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/arrow_left_circled_filled.svg?stamp=240311&t=0&icon_color=%23404040");
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  cursor: pointer;
  background-size: contain, 0 0;
}

.ui-datepicker .ui-datepicker-prev-hover span,
.ui-datepicker .ui-datepicker-next-hover span {
  background-size: 0 0, contain;
}
.ui-datepicker .ui-datepicker-prev {
  width: 20px;
  height: 20px;
	left: 5px;
}
.ui-datepicker .ui-datepicker-next {
  width: 20px;
  height: 20px;
	right: 5px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  
}
.ui-datepicker .ui-datepicker-next-hover {
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	appearance: none;
	-webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px 10px;
  background-image: url("/_themes/light/content/media/icons/arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  border: 1px solid #D5D7DA;
  background-color: #F0F5FA;
  background-position: right 4px center;
  background-size: 14px;
  color: inherit;
}

.ui-datepicker .ui-datepicker-title select:hover {
  border-color: #81878F;
}

.ui-datepicker-month {
  margin-right: 2.5px; 
}

.ui-datepicker-year {
  margin-left: 2.5px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
  margin-top: 10px;
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
}

.ui-datepicker table > thead {
  border-bottom: 1px solid #D5D7DA;
}

.ui-datepicker table > tbody {
  margin-bottom: 5px;
}

.ui-datepicker th {
	padding: 0 5px 5px 5px;
	text-align: center;
	font-weight: 300;
	border: 0;
	color: #81878F;
}
.ui-datepicker td {
	padding: 5px;
	font-size: 14px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
	box-shadow: 0px 0px 12px #00000026;
	font-family: Roboto, sans-serif;
	color: #13344D;
}
.ui-widget-content a {
}
.ui-widget-header {
}
.ui-widget-header a {
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: inherit;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #158DDC;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 20px;
	height: 20px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, strike, strong, sub, sup, b, u, i, center,
ul, li, dl, dt, dd, ol, fieldset,caption, form, label, table, tbody, thead, tfoot, th, tr, td
{ margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

html, body { min-height: 100%;}
html { overflow: hidden; }
body {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  line-height: 19px;
  min-height: 100%;
  color: #404040;
  background-color: #F0F5FA;
}

body > .loading.active .box {
  visibility: visible;
}

body > .loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

body > .loading .box {
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background: conic-gradient(#13344D 25%,#F0F5FA 0 50%,#77BA43 0 75%,#F0F5FA 0);
  /*background: conic-gradient(#25b09b 25%,#f03355 0 50%,#514b82 0 75%,#ffa516 0);*/
  animation: loadingl22 2s infinite linear;
}
body > .loading .box::before,
body > .loading .box::after {
  content: "";
  grid-area: 1/1;
  margin: 15%;
  border-radius: 50%;
  background: inherit;
  animation: inherit;
}
body > .loading .box::after {
  margin: 25%;
  animation-duration: 3s;
}
@keyframes loadingl22 {
 100% {transform: rotate(1turn)}
}

/*
body > .loading .box {
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  width: 31px;
  height: 31px;
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  background-image:  url("/_themes/light/content/media/360.svg?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat;
  width: 64px;
  height: 50px;
  animation: 1s ease infinite loading_animation;
  transform: rotateY(0deg);
}

@keyframes loading_animation {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
*/

body > .loading.active .box {
    visibility: visible;
}

body > .loading .text {
  display: none;
}

input {
  border: none;
  padding: 0;
  background: unset;
  width: 100%;
  color: inherit;
  font-size: 14px;
  font-family: inherit;
  padding: 5px 10px; 
  box-sizing: border-box;
}

textarea::placeholder,
input::placeholder {
  font-weight: 300;
  font-style: italic;
}

textarea {
  background-color: #F0F5FA;
  border-color: #D5D7DA;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  padding: 5px 10px;
  font-size: 14px;
}

p, ul, ol {
  margin-bottom: 18px;
}

li, dd {
  margin-bottom: 5px;
}

ul, ol {
  margin-left: 30px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  empty-cells: show;
  border: none;
}

blockquote {
  border-left: 5px solid #ccc;
  font-style: italic;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

#overlay:not(.mi-overlay) {
  position: absolute;
  background-color: rgba(0,0,0, .15);
  bottom: 0 !important;
  height: auto !important;
}

#overlay.mi-overlay {
  position: absolute;
  transition: .2s ease all;
  background-color: rgba(0, 0, 0, .2);
  width: 1px;
  height: 1px;
  left: 0;
  top: 0;
  opacity: 0;
}

#overlay.mi-overlay.hide {
  opacity: 0 !important;
}

#lockOverlay { 
  position: absolute; 
  z-index: 20; 
  left: 0; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  opacity: 0; 
  filter: Alpha(Opacity=0);
  background: transparent; 
}

#lockOverlay.width-adjust { 
  cursor: e-resize; 
}

#editOverlay {
  position: absolute;
  z-index: 98;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: #fff;
}

.display-inline {
  display: inline-block;
}

.color-Brown { color: rgba(162, 132, 94, 1);}
.color-Red { color: rgba(220, 53, 69, 1);}
.color-Orange { color: rgba(255, 149, 0, 1);}
.color-Yellow { color: rgba(255, 193, 7, 1);}
.color-Lime { color: lime;}
.color-Green { color: rgba(40, 167, 69, 1);}
.color-Cyan { color: cyan;}
.color-Blue { color: rgba(20, 115, 233, 1);}
.color-Gray { color: gray;}
.color-Purple { color: rgba(146, 86, 217, 1);}
.color-Seafoam { color: rgba(22, 135, 140, 1);}
.color-Magenta { color: rgba(216, 55, 144, 1);}
.color-Indigo { color: rgba(91, 91, 223, 1);}
.color-Fuchsia { color: rgba(192, 56, 204, 1);}
.color-Charteuse { color: rgba(133, 208, 68, 1);}
.color-Turquoise { color: rgba(23, 162, 184, 1);}

.drag-helper {
  position: absolute;
}

.right {
  float: right;
}

/*<--- default scrollbar --->*/
div::-webkit-scrollbar {
  width: 0;
  height: 0;
  border: 1px solid transparent;
  transition: border-color .2s ease;
}

.ace_scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

div::-webkit-scrollbar-track {
  border-radius: 2px;
}

div::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}

div::-webkit-scrollbar-corner {
  background-color: transparent;
}

/*end default scrollbar*/

/*<--- search --->*/
.search {
  position: relative;
}

.search .field {
  float: unset;
}

.ws1 .filters-pane .search .content .field {
  float: unset;
}

.search .field .field-value input {
  padding-left: 30px;
  padding-right: 30px;
}

.search .button {
  position: absolute;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  width: 24px;
  height: 24px;
  z-index: 1;
}

.search .button .image {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  left: 3px;
  top: 4px;
  width: 18px;
  height: 18px;
}

.search .button.cmd-search {
  left: 3px;
  top: 2px;
}

.search .button.cmd-cancel-search {
  right: 3px;
  top: 2px;
}

/*<--- default scrollbar --->*/
/*.autofilter-tab div::-webkit-scrollbar,*/
/*.ws1 div::-webkit-scrollbar,*/
/*.ws5 div::-webkit-scrollbar,*/
/*textarea::-webkit-scrollbar,*/
/*.field .value-box::-webkit-scrollbar,*/
/*.lookup-popup::-webkit-scrollbar,*/
/*.popup div::-webkit-scrollbar {*/
/*  width: 10px;*/
/*  height: 10px;*/
/*  border: 1px solid transparent;*/
/*  transition: border-color .2s ease;*/
/*}*/

/*.autofilter-tab div::-webkit-scrollbar:hover,*/
/*.ws1 div::-webkit-scrollbar:hover,*/
/*.ws5 div::-webkit-scrollbar:hover,*/
/*textarea::-webkit-scrollbar:hover,*/
/*.field .value-box::-webkit-scrollbar:hover,*/
/*.lookup-popup::-webkit-scrollbar:hover,*/
/*.popup div::-webkit-scrollbar:hover {*/
  /*border-color: #D5D7DA;*/
/*}*/

/*.autofilter-tab div::-webkit-scrollbar-track,*/
/*.ws1 div::-webkit-scrollbar-track,*/
/*.ws5 div::-webkit-scrollbar-track,*/
/*textarea::-webkit-scrollbar-track,*/
/*.field .value-box::-webkit-scrollbar-track,*/
/*.lookup-popup::-webkit-scrollbar-track,*/
/*.popup div::-webkit-scrollbar-track {*/
/*  border-radius: 2px;*/
/*}*/

/*.autofilter-tab div::-webkit-scrollbar-thumb,*/
/*.ws1 div::-webkit-scrollbar-thumb,*/
/*.ws5 div::-webkit-scrollbar-thumb,*/
/*textarea::-webkit-scrollbar-thumb,*/
/*.field .value-box::-webkit-scrollbar-thumb,*/
/*.lookup-popup::-webkit-scrollbar-thumb,*/
/*.popup div::-webkit-scrollbar-thumb {*/
/*  background-color: #D5D7DA;*/
/*  border-radius: 2px;*/
/*}*/

/*.autofilter-tab div::-webkit-scrollbar-corner,*/
/*.ws1 div::-webkit-scrollbar-corner,*/
/*.ws5 div::-webkit-scrollbar-corner,*/
/*textarea::-webkit-scrollbar-corner,*/
/*.field .value-box::-webkit-scrollbar-corner,*/
/*.lookup-popup::-webkit-scrollbar-corner,*/
/*.popup div::-webkit-scrollbar-corner {*/
/*  background-color: transparent;*/
/*}*/

/*end default scrollbar*/

.filter-blur {
  filter: blur(0px);
  transition: filter .2s ease;
}

.filter-blur.blurred {
  filter: blur(2px);
}

.hidden-tooltip {
  display: none;
}

.gdt-font {
  font-family: GDT;
}

.field.gdt-font .field-label {
  font-family: Roboto, sans-serif;
}

.head-a > .head {
  font-size: 24px;
  font-weight: 500;
  text-transform: none;
}

.head-b > .head {
  font-weight: 600;
  font-size: 16px;
  text-transform: none;
}

.image.size-m {
  background-size: 17.5px 17.5px, 0 0 !important;
}

.image.size-s {
  background-size: 14px 14px, 0 0 !important;
}

.temporary .image {
  background-size: 16px 16px;
}

:focus { outline: 0; }

.formatting-fontcolor-red {
  color: rgba(220, 53, 69, 1) !important;
}

.formatting-fontcolor-orange {
  color: rgba(255, 193, 7, 1) !important;
}

.formatting-fontcolor-green {
  color: rgba(40, 167, 69, 1) !important;
}

.formatting-fontcolor-blue {
  color: #158DDC !important;
}

.loading {
  /*position: fixed;*/
  /*left: 0;*/
  /*top: 0;*/
  width: 100%;
  height: 100%;
  z-index: 20;
}

.widget-workflowactions {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.widget-workflowactions:before {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: #D5D7DA;
}

.field.widget-workflowactions.style-b {
  border: 1px solid #404040;
  display: inline-block;
  border-radius: 3px;
}

.field.widget-workflowactions.position-b {
  position: absolute;
  top: 42px;
  right: auto;
  bottom: auto;
  left: auto;
}

.widget-workflowactions.style-b:before {
  display: none;
}

.widget-workflowactions .button {
  padding: 0 20px;
}

.widget-workflowactions.style-b .button {
  padding: 0 22px 0 7px;
}

.widget-workflowactions.style-b .button:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 5px;
  width: 1px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  /*background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");*/
  background-image: url("/_themes/light/content/media/icons/menu_popup_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/menu_popup_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: 34px, 0;
  background-position: center;
  transform: rotate(90deg);
  transition: transform .3s ease-in-out;
  cursor: pointer;
  margin-left: 2px;
}

.widget-workflowactions.style-b:hover .button:before {
  background-size: 0, 34px;
  transform: rotate(90deg) translateX(2px);
}

.widget-workflowactions .button .image {
  margin-right: 5px;
}

.widget-workflowactions.style-b .button .image {
  background-size: 16px, 0, 0;
}

.widget-workflowactions.style-b:hover .button .image {
  background-size: 0, 16px, 0;
}

.widget-workflowactions .button .text {
  display: inline-block;
  vertical-align: middle;
  color: #404040;
}

.columns {
  overflow: hidden;
  /*margin-bottom: 15px;*/
}

.columns.flex > .content {
  display: flex;
  align-items: stretch;
  flex-direction: row;
}

.columns.align-center > .content {
  display: flex;
  justify-content: center;
}

.columns .left-column {
  position: relative;
  float: left;
  margin-right: 15px;
}

.columns .left-column.vertical-items > * {
  display: block;
}

.columns .right-column {
  float: right;
  margin-left: 20px;
}

.columns .extra-column {
  overflow: hidden;
  position: relative;
}

.columns.flex .left-column.vertical-align-middle > .content,
.columns.flex .right-column.vertical-align-middle > .content,
.columns.flex .extra-column.vertical-align-middle > .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: Calc(100% - 10px);
}

.columns.flex .left-column.vertical-align-bottom > .content,
.columns.flex .right-column.vertical-align-bottom > .content,
.columns.flex .extra-column.vertical-align-bottom > .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  height: Calc(100% - 10px);
}

.columns > .content .group.scroll {
  max-height: 500px;
  overflow: auto;
}

.columns > .content .group.scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border: 1px solid transparent;
  transition: border-color .2s ease;
}

.columns > .content .group.scroll::-webkit-scrollbar-track {
  border-radius: 2px;
}

.columns > .content .group.scroll::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}

.columns > .content .group.scroll::-webkit-scrollbar-corner {
  background-color: transparent;
}

.columns > .content .group.height1 { max-height: 100px; }
.columns > .content .group.height2 { max-height: 200px; }
.columns > .content .group.height3 { max-height: 300px; }
.columns > .content .group.height4 { max-height: 400px; }
.columns > .content .group.height5 { max-height: 470px; }
.columns > .content .group.height6 { max-height: 600px; }
.columns > .content .group.height7 { max-height: 700px; }
.columns > .content .group.height8 { max-height: 800px; }
.columns > .content .group.height9 { max-height: 900px; }
.columns > .content .group.height10 { max-height: 1000px; }

.columns > .content .group.min-height1 { min-height: 100px; }
.columns > .content .group.min-height2 { min-height: 200px; }
.columns > .content .group.min-height3 { min-height: 300px; }
.columns > .content .group.min-height4 { min-height: 400px; }
.columns > .content .group.min-height5 { min-height: 500px; }
.columns > .content .group.min-height6 { min-height: 600px; }
.columns > .content .group.min-height7 { min-height: 700px; }
.columns > .content .group.min-height8 { min-height: 800px; }
.columns > .content .group.min-height9 { min-height: 900px; }
.columns > .content .group.min-height10 { min-height: 1000px; }

.columns .content .field,
.columns .content .static-field {
  /*margin-bottom: 0;*/
}

.columns .widget-tree-navigation {
  position: absolute;
  top: 0;
  bottom: 0;
}

.columns .widget-tree-navigation-b {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 250px;
  overflow-x: auto;
}

.columns .widget-tree-navigation-b-extra {
  position: absolute;
  left: 260px;
  top: 0;
  bottom: 0;
  right: 0;
}

.columns .widget-tree-navigation-b-extra .context-title.workspace-title-pane {
  border-bottom: 1px solid #D5D7DA;
  background-color: unset;
  font-size: 16px;
  line-height: 18.75px;
  font-weight: 500;
  padding: 0 0 5px 0;
  color: #404040;
  min-height: unset;
  margin-bottom: 20px;
}

.flex-columns > .content {
  display: flex;
  justify-content: space-between;
}

.flex-columns .vertical-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pane-buttons {
  position: absolute;
  right: 5px;
  top: 5px;
}

.pane-buttons .image {
  width: 15px;
  height: 15px;
}

.bottom-panel {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #FFFFFF;
  padding-left: 10px;
  min-height: 30px;
}

.bottom-panel:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #D5D7DA;
}

.bottom-panel.type-legend {
  padding-left: 5px;
  overflow: unset;
  left: -15px;
  right: -15px;
}

.bottom-panel.type-legend .legend-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

.bottom-panel.type-legend .legend-item:last-child {
  margin-right: 0;
}

.bottom-panel.type-legend .legend-item .legend-color {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.bottom-panel.type-legend .legend-item .legend-color .image {
  background-size: contain, 0;
}

.bottom-panel.type-legend .legend-item .legend-color .value-box .text {
  display: none;
}

.bottom-panel.type-legend .legend-item .legend-title {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}

.big-footer .bottom-panel {
  height: 70px;
}

.big-footer .bottom-panel > .static-field {
  position: absolute;
  left: 10px;
  bottom: 0px;
}

.bottom-panel .field .field-value .value-box {
  padding: 0;
  background: unset;
  min-height: unset;
}

/*revision page*/
.revision-block {
  margin: 35px 2px 2px 2px;
}

.revision-block .group.has-head {
  margin: 0;
}

.revision-block .revision-item .group .head {
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}

.revision-block .revision-item {
  display: inline-block;
  vertical-align: top;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
  padding: 10px;
  margin-left: 10px;
  box-sizing: border-box;
  width: 100%;
}

.revision-block .revision-item:first-child {
  margin: 0;
}

.revision-block .revision-item.revisions-count2 {
  width: 49%;
}

.revision-block .revision-item.revisions-count3 {
  width: 32%;
}

/*<--- contact-card --->*/
.group.contact-card {
  padding: 15px 15px 40px 15px;
}

.group.contact-card .extra-column {
  overflow: unset;
}

.group.contact-card .title-pane {
  margin-bottom: 5px;
}

.group.contact-card .title-pane .head {
  color: #404040;
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  padding: 10px 0 0 0;
}

.group.contact-card .contact-position {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 18.75px;
  color: #81878F;
  font-weight: 500;
}

.group.contact-card .field .field-value {
  
}

.group.contact-card .field .field-value .value-box {
  color: #81878F;
  min-height: unset;
  padding: 0;
  line-height: 18px;
  font-weight: 300;
}

.group.contact-card .tool-pane {
  position: absolute;
  left: 200px;
  top: 180px;
  right: 0;
}

.group.contact-card .field.image .media img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: unset !important; 
  max-height: unset !important; 
  height: 100%;
  width: auto;
}

/*<--- contact-info --->*/
.group.contact-info {
  position: absolute;
  left: 15px;
  top: 260px;
  right: 15px;
  bottom: 0;
  overflow: auto;
}

.group.contact-info .group {
  position: relative;
}

.group.contact-info .roles,
.group.contact-info .contact-group {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 5px 0;
}

.group.contact-info .education-group {
  margin-bottom: 15px;
}

.group.contact-info .education-group:last-child {
  margin: 0;
}

.group.contact-info .education-group .education-title {
  color: #13344D;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

.group.contact-info .education-group .education-years {
  color: #81878F;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
} 

.group.contact-info .education-group .education-description {
  color: #13344D;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

/*<--- skills-info --->*/
.skills-info {
  
}

.skills-info .skill-group {
  margin-bottom: 30px;
}

/*.skills-info .skill-group:last-child {*/
/*  margin-bottom: 0;*/
/*}*/

.skills-info .skill-group .head {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #81878F;
  padding: 0;
  margin-bottom: 8px;
}

.skills-info .main-skills {
  margin-bottom: 20px;
}

.skills-info .main-skills .skill-card {
  display: inline-block;
  vertical-align: top;
  padding: 6px 10px;
  background-color: rgba(205, 38, 130, 0.1);
  margin-right: 15px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.skills-info .main-skills .skill-card:last-child {
  margin-right: 0;
}

.skills-info .main-skills .skill-card .skill-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: rgba(216, 55, 144, 1);
  margin-bottom: 6px;
}

.skills-info .main-skills .skill-card .skill-level {
  font-size: 14px;
  font-weight: 300;
  color: #81878F;
  line-height: 18px;
}

.skills-info .additional-skills {
  
}

.skills-info .additional-skills .skill-card {
  display: inline-block;
  vertical-align: top;
  padding: 6px 10px;
  background-color: rgba(249, 249, 249, 1);
  margin: 0 10px 10px 0;
  border-radius: 5px;
}

.skills-info .additional-skills .skill-card:last-child {
  margin-right: 0;
}

.skills-info .additional-skills .skill-card .skill-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #404040;
}

.skills-info .software-skills .skill-card {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.skills-info .software-skills .skill-card:last-child {
  margin-right: 0;
}

.skills-info .software-skills .skill-card .software-image {
  width: 50px;
  height: 50px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.skills-info .software-skills .skill-card .software-image.image-software-a {
  background-image: url("/_themes/light/content/media/software_a.svg?stamp=240311&t=0&icon_color=%23404040");
}

.skills-info .software-skills .skill-card .software-image.image-software-b {
  background-image: url("/_themes/light/content/media/software_b.svg?stamp=240311&t=0&icon_color=%23404040");
}

.skills-info .software-skills .skill-card .software-image.image-software-c {
  background-image: url("/_themes/light/content/media/software_c.svg?stamp=240311&t=0&icon_color=%23404040");
}



.widget .empty-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F5FA;
  opacity: .66;
}

.widget-sides-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.widget-top-padding {
  padding-top: 10px;
}

.statistic-columns {
  margin-bottom: 20px;
}

.statistic-columns .statistics-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
  color: #404040;
  margin-bottom: 15px;
}

.statistic-columns .left-column {
  margin-right: 40px;
}

.statistic-columns .left-column:last-child {
  margin-right: 0;
}

.field.formatting-fontcolor-red,
.static-field.formatting-fontcolor-red {
  color: rgba(220, 53, 69, 1);
}

.field.formatting-fontcolor-green,
.static-field.formatting-fontcolor-green {
  color: rgba(40, 167, 69, 1);
}

.field.formatting-fontcolor-blue,
.static-field.formatting-fontcolor-blue {
  color: #158DDC;
}

.formatting-fillcolor-red {
  background-color: rgba(215, 55, 63, .1);
}

.formatting-fillcolor-yellow {
  background-color: rgba(255, 243, 205, 1);
}

.formatting-fillcolor-green {
  background-color: rgba(8, 138, 41, .1);
}

.formatting-fillcolor-blue {
  background-color: rgba(21, 141, 220, .05);
}

.formatting-fillcolor-brown { 
  background-color: rgba(209, 194, 192, 0.6) !important; 
}

.formatting-fillcolor-orange { 
  background-color: rgba(255, 222, 153, 0.6) !important;
}

.formatting-fillcolor-lime { 
  background-color: rgba(243, 255, 153, 0.6) !important;
}

.formatting-fillcolor-cyan { 
  background-color: rgba(200, 255, 255, 0.6) !important;
}

.formatting-fillcolor-purple { 
  background-color: rgba(241, 209, 255, 0.6) !important;
}

.formatting-fillcolor-gray {  
  background-color: rgba(240, 240, 240, 0.6) !important;
}

.formatting-bold {
  font-weight: 700;
}

/* field-columns */
.field-columns { 
  overflow: hidden; 
  margin-bottom: 15px;
}

.field-columns.align-center > div.content { 
  display: flex;
  justify-content: center;
}

.field-columns.align-right > div.content { 
  display: flex;
  justify-content: flex-end;
}

.field-columns.align-space-between > div.content { 
  display: flex;
  justify-content: space-between;
}

.field-columns.style-d { 
  margin-bottom: 0;
}

.field-columns.style-e { 
  margin-bottom: 0;
  padding-bottom: 15px;
}

.field-columns.overflow { 
  overflow: visible;
}

.field-columns .field, .popup .field-columns .field { 
  float: left;
  margin-right: 15px;
  margin-bottom: 0;
}

.group.field-columns > .content > .widget{ 
  float:left; 
  margin-right: 10px; 
  margin-bottom: 10px;
  clear: none;
}

.field-columns.style-b > .content > .field,
.group.field-columns.style-b > .content > .widget{ 
  margin-right: 25px; 
}

.field-columns.style-c > .content > .field,
.group.field-columns.style-c > .content > .widget{ 
  margin-right: 40px; 
}

.field-columns .field.borderless .value-box { 
  border: none; 
}

.field-columns .button { 
  float: left;
  margin-right: 15px; 
}

.field-columns .button:last-child {
  margin: 0;
}

.field-columns .button.field-bottom {
  margin-top: 19px;
}

.field-columns .field-label { 
  float: none; 
  display: inline-block; 
  vertical-align: top; 
}

.field-columns .field-value { 
  /*display: inline-block; */
  vertical-align: top; 
}

.field-columns .field-value .value-box{ 
  display: block;
}

.field-columns .static-field { 
  float: left; 
  margin-right: 15px; 
}

.field-columns.section-header:hover .tools { 
  opacity: 1; 
  transition: opacity .2s ease; 
}

.field-columns.section-line { 
  margin-left: 20px; 
}

.field-columns.section-line:hover .tools { 
  opacity: 1; 
  transition: opacity .2s ease; 
}

.field-columns.field-line .button {
  opacity: 0;
}
.field-columns.field-line:hover .button {
  opacity: 1;
}

.formatting-fontcolor-default { 
  color: #000000 !important; 
}

.formatting-fontcolor-brown { 
  color: #966665 !important;
}

.formatting-fontcolor-red { 
  color: #EA3737 !important; 
}

.formatting-fontcolor-orange { 
  color: #E59700 !important;
}

.formatting-fontcolor-yellow { 
  color: #E5EA00 !important;
}

.formatting-fontcolor-lime { 
  color: #BEE34D !important; 
}

.formatting-fontcolor-green { 
  color: #2CBB8B !important; 
}
.formatting-fontcolor-cyan { 
  color: #4ABCE6 !important; 
}
.formatting-fontcolor-blue { 
  color: #3794D7 !important; 
}
.formatting-fontcolor-purple { 
  color: #A181BD !important; 
}
.formatting-fontcolor-gray { 
  color: #AAAAAA !important; 
}

/*<--- new scrollbar --->*/
.vertical-scrollbar-container {
  position: absolute;
  width: 7px;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity .25s ease, width .2s ease;
  opacity: 0;
  overflow: hidden;
  box-sizing: border-box;
  right: 0;
  z-index: 30;
}

.vertical-scrollbar-container.shown {
  opacity: 1;
}

.vertical-scrollbar-container.expanded {
  width: 12px;
  border-color: #D5D7DA;
}

 .vertical-scrollbar-container .scrollbar-track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  overflow: auto;
}

.vertical-scrollbar-container .scrollbar-track.expanded {
  width: 12px;
}

.vertical-scrollbar-container .scrollbar-track::-webkit-scrollbar {
  width: 5px;
}

.vertical-scrollbar-container .scrollbar-track.expanded::-webkit-scrollbar {
  width: 10px;
}

.vertical-scrollbar-container .scrollbar-track::-webkit-scrollbar-track {
  border-radius: 2px;
}

.vertical-scrollbar-container .scrollbar-track::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}

.vertical-scrollbar-container .scrollbar-track.expanded::-webkit-scrollbar-thumb {
  background-color: #77BA43;
  border-radius: 2px;
}

.vertical-scrollbar-container .scrollbar-spacer {
  width: 1px;
}

/*<--- horizontal scrollbar --->*/

.horizontal-scrollbar-container {
  position: absolute;
  bottom: 0;
  height: 7px;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity .25s ease, height .2s ease, transform .2s ease;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 30;
}

.horizontal-scrollbar-container.expanded {
  height: 12px;
  border-color: #D5D7DA;
}

.horizontal-scrollbar-container .scrollbar-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  overflow: auto;
}

.horizontal-scrollbar-container .scrollbar-track.expanded {
  height: 12px;
}

.horizontal-scrollbar-container .scrollbar-track::-webkit-scrollbar {
  height: 5px;
}

.horizontal-scrollbar-container .scrollbar-track.expanded::-webkit-scrollbar {
  height: 10px;
}

.horizontal-scrollbar-container .scrollbar-track::-webkit-scrollbar-track {
  border-radius: 2px;
}

.horizontal-scrollbar-container .scrollbar-track::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}

.horizontal-scrollbar-container .scrollbar-track.expanded::-webkit-scrollbar-thumb {
  background-color: #77BA43;
  border-radius: 2px;
}

.horizontal-scrollbar-container .scrollbar-track .scrollbar-spacer {
  height: 1px;
}

/* <--- scroll shadows ---> */

.top-shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
  overflow: hidden;
  display: none;
  z-index: 29;
  transition: height .3s ease;
}

.top-shadow:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to bottom ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: top .3s ease;
}

.top-shadow.shown-1,
.top-shadow.shown {
  display: block;
}

.top-shadow.shown-1:before {
  top: -15px;
}

.top-shadow.shown:before {
  top: 0;
}

.top-shadow.mouse-in-zone {
  height: 0;
}

.bottom-shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
  overflow: hidden;
  display: none;
  z-index: 29;
  transition: height .3s ease;
}

.bottom-shadow:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: bottom .3s ease;
}

.bottom-shadow.shown-1,
.bottom-shadow.shown {
  display: block;
}

.bottom-shadow.shown:before {
  bottom: 0;
}

.bottom-shadow.shown-1:before {
  bottom: -10px;
}

.bottom-shadow.mouse-in-zone {
  /*transform: translateY(10px);*/
  height: 0;
}

/* <--- scroll side shadows ---> */

.left-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0px;
  background: linear-gradient(to right ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
  z-index: 29;
}

.left-shadow.shown-1 {
  width: 15px;
}

.left-shadow.shown {
  width: 30px;
}

.right-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  background: linear-gradient(to left ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
  z-index: 29;
}

.right-shadow.shown-1 {
  width: 15px;
}

.right-shadow.shown {
  width: 30px;
}

.tooltip{
  z-index: 20 !important;
}

.widget, .grid {
  clear: both;
}

.group-with-action .group-action-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  padding: 0;
  opacity: 0;
  transition: opacity .3s ease;
  box-shadow: 2px 5px 5px rgb(0 0 0 / 20%);
  border-radius: 20px;
}

.group-with-action:hover .group-action-button {
  opacity: 1;
}

.group-with-action .group-action-button .image-circled-arrow-right,
.grid .group-with-action .group-action-button .image-circled-arrow-right { 
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2377BA43"),
           url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.popup.global-search .grid-t1 .group-with-action .group-action-button .image {
  margin: 0;
  transform: scale(1.4);
}
/*temporary classes using for set height for special grids before ew dont have script support*/
.add-process-popup .items {
  /*height: 250px;*/
}

/* <--- custom scrollbar ---> */

.grid .scrollbar-container {
  position: absolute;
  width: 7px;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity .25s ease, width .2s ease;
  opacity: 0;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
}

.grid.graphics .scrollbar-container {
  display: none;
}

.grid .scrollbar-container.shown {
  opacity: 1;
}

.grid .scrollbar-container.wide {
  width: 12px;
  border-color: #D5D7DA;
}

.grid .scrollbar-container .scrollbar-track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  overflow: auto;
}

.grid .scrollbar-container .scrollbar-track.wide {
  width: 12px;
}
.grid .scrollbar-container .scrollbar-track::-webkit-scrollbar {
  width: 5px;
}
.grid .scrollbar-container .scrollbar-track.wide::-webkit-scrollbar {
  width: 10px;
}
.grid .scrollbar-container .scrollbar-track::-webkit-scrollbar-track {
  border-radius: 2px;
}
.grid .scrollbar-container .scrollbar-track::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}
.grid .scrollbar-container .scrollbar-track.wide::-webkit-scrollbar-thumb {
  background-color: #158DDC;
  border-radius: 2px;
}
.grid .hide-scrollbar::-webkit-scrollbar {
  width: 0;
}

/*<--- horizontal scrollbar --->*/

.grid .scrollbar-h-container {
  position: absolute;
  bottom: 0;
  height: 7px;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity .25s ease, height .2s ease, transform .2s ease;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
}
.grid .scrollbar-h-container.tall {
  height: 12px;
  border-color: #D5D7DA;
}
.grid .scrollbar-h-container .scrollbar-h-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  overflow: auto;
}
.grid .scrollbar-h-container .scrollbar-h-track.tall {
  height: 12px;
}
.grid .scrollbar-h-container .scrollbar-h-track::-webkit-scrollbar {
  height: 5px;
}
.grid .scrollbar-h-container .scrollbar-h-track.tall::-webkit-scrollbar {
  height: 10px;
}
.grid .scrollbar-h-container .scrollbar-h-track::-webkit-scrollbar-track {
  border-radius: 2px;
}
.grid .scrollbar-h-container .scrollbar-h-track::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}
.grid .scrollbar-h-container .scrollbar-h-track.tall::-webkit-scrollbar-thumb {
  background-color: #158DDC;
  border-radius: 2px;
}
.grid .scrollbar-h-spacer {
  height: 1px;
}
.grid .hide-h-scrollbar::-webkit-scrollbar {
  height: 0;
}

/* <--- scroll shadows ---> */

.grid .top-shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
  overflow: hidden;
  display: none;
  transition: height .2s ease;
}

.grid.graphics .top-shadow {
  display: none;
}

.grid .top-shadow:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to bottom ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: top .3s ease;
}

.grid .top-shadow.shown-1,
.grid .top-shadow.shown {
  display: block;
}

.grid .top-shadow.shown-1:before {
  top: -15px;
}

.grid .top-shadow.shown:before {
  top: 0;
}

.grid .top-shadow.mouse-in-zone {
  height: 0;
}

.grid .bottom-shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 10px;
  overflow: hidden;
  display: none;
  transition: height .2s ease, transform .2s ease;
}

.grid.graphics .bottom-shadow {
  display: none;
}

.grid .bottom-shadow:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: bottom .3s ease;
}

.grid .bottom-shadow.shown-1,
.grid .bottom-shadow.shown {
  display: block;
}

.grid .bottom-shadow.shown-1:before {
  bottom: -5px;
}

.grid .bottom-shadow.shown:before {
  bottom: 0;
}

.grid .bottom-shadow.mouse-in-zone {
  transform: translateY(10px);
  height: 0;
}

/* <--- scroll side shadows ---> */

.grid .left-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0px;
  background: linear-gradient(to right ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
}

.grid .left-shadow.shown-1 {
  width: 15px;
}

.grid .left-shadow.shown {
  width: 30px;
}

.grid .right-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  background: linear-gradient(to left ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
}

.grid .right-shadow.shown-1 {
  width: 15px;
}

.grid .right-shadow.shown {
  width: 30px;
}

.grid .horizontal-scrollbar-container {
  margin-bottom: -9px;
}

/* <--- general grid styles ---> */
.grid {
  user-select: none;
}

.group.workspace-left-pane.single-panel .grid {
  padding: 0 15px;
}

.grid.grid-padding {
  padding: 0 15px;
}

.group.workspace-left-pane.single-panel .grid.padding-top1,
.grid.padding-top1 {
  padding-top: 10px;
}

.grid .field.text .value-box,
.grid .field.number .value-box,
.grid .field.date .value-box,
.grid .field.datetime .value-box,
.grid .field.singlechoice {
  min-height: 16px;
  padding: 0;
  background-color: unset;
  transition: background-color .3s ease;
}

.grid .field.lookup .value-box {
  min-height: unset;
  padding: 0;
  background-color: unset;
}

.grid .field .tooltip-marker {
  top: 0;
}

.grid .field .field-label {
  float: left;
  font-size: inherit;
  text-transform: revert;
}

.grid .field .field-label {
  
}

.grid .col.icon-size-b > div {
  text-align: center;
}

.grid .col.icon-size-b .image {
  width: 30px;
  height: 30px;
  background-size: 27.5px 27.5px, 0 0;
  display: block;
  margin: 0 auto 10px auto;
}

.grid .col.icon-size-c > div {
  text-align: center;
}

.grid .col.icon-size-c .image {
  width: 40px;
  height: 40px;
  background-size: 40px 40px, 0 0;
  display: block;
  margin: 0 auto 10px auto;
}

.grid .col.icon-size-d .image,
.grid .item .col.icon-size-d .cmd:hover .image,
.grid-a .item .col.icon-size-d .cmd:hover .image {
  width: 12px;
  height: 12px;
  background-size: 12px 12px, 0 0 !important;
  margin: 3px auto 0px auto;
}

.grid .col.strikethrough {
  text-decoration: line-through;
}

.grid > .items > div .field.hover-visible,
.grid > .items > div .static-field.hover-visible{
  display: none;
}

.grid > .items > div:hover .field.hover-visible,
.grid > .items > div:hover .static-field.hover-visible{
  display: block;
}

/*<--- grid toppane --->*/
.grid .grid-toppane {
  /*margin-bottom: 5px;*/
}

.grid .grid-toppane .search {
  max-width: 250px;
}

.grid .grid-toppane .search > label {
  font-size: 10px;
  color: #81878F;
  font-weight: 300;
  text-transform: uppercase;
  display: none;
}

.grid .grid-toppane .search > input {
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
  min-height: 30px;
  padding-left: 30px;
  padding-right: 55px;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 20px 20px;
  background-position: 5px center;
  background-repeat: no-repeat;
}

.grid .grid-toppane .search > input:hover {
  border-color: #81878F;
}

.grid .grid-toppane .search .cmd-search,
.grid .grid-toppane .search .cmd-cancelsearch {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-size:  16px 16px, 0 0;
  background-position: center;
  background-repeat: no-repeat;
}

.grid .grid-toppane .search .cmd-search {
  background-image: url("/_themes/light/content/media/icons/arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .grid-toppane .search .cmd-cancelsearch {
  right: 30px;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .grid-toppane .search .cmd-search:hover,
.grid .grid-toppane .search .cmd-cancelsearch:hover {
  background-size: 0 0,  16px 16px;
}



.grid .head {
  padding: 0;
}

.grid.multiselect .items .item > .content {
  position: relative;
} 

.grid.multiselect .items .item > .content:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=%23F0F5FA&mark=%238999A5");
  background-size: contain, 0 0, 0 0, 0 0;
  background-repeat: no-repeat;
}

.grid.multiselect .items .item.selected > .content:before {
  background-size: 0 0, contain, 0 0, 0 0;
}

/*<--- view selector --->*/
.grid.views-selector-style-a.views-selector-position-a .views-selector {
  position: absolute;
  top: -60px;
  left: 400px;
}

.grid.views-selector-position-b .views-selector {
  float: right;
}

.grid.views-selector-position-b .grid-toppane {
  clear: both;
}

.grid.views-selector-position-c .views-selector {
  position: absolute !important;
  right: 0 !important;
}

.grid.views-selector-style-a .views-selector > .label {
  display: none;
}

.grid.views-selector-style-a .views-selector a {
  text-decoration: none;
  color: #404040;
}

/*.grid.views-selector-style-a .views-selector {*/
/*  display: inline-block;*/
/*  border-radius: 2px;*/
/*  border: 1px solid #D5D7DA;*/
/*  margin-bottom: 10px;*/
/*}*/

/*.grid.views-selector-style-a .views-selector .selector-items .selector-item {*/
/*  position: relative;*/
/*  background-color: #FFFFFF;*/
/*  border-radius: 2px;*/
/*  cursor: pointer;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  border: none;*/
/*}*/

/*.grid.views-selector-style-a .views-selector .selector-items .selector-item:before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 4px;*/
/*  bottom: 4px;*/
/*  left: -1px;*/
/*  width: 1px;*/
/*  background: #D5D7DA;*/
/*}*/

/*.grid.views-selector-style-a .views-selector .selector-items .selector-item a {*/
/*  padding: 4.5px 25px;*/
/*  display: inline-block;*/
/*  font-size: 16px;*/
/*  font-weight: 500;*/
/*  line-height: 18.75px;*/
/*}*/

.grid.views-selector-style-a .views-selector .selector-items {
  border: 1px solid #D5D7DA;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.grid.views-selector-style-a .views-selector .selector-items:after {
  content: "";
  border-bottom: 1px solid #D5D7DA;
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  height: 1px;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  margin: 0;
  float: unset;
  border-radius: 2px;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 0.5px;
  background: #D5D7DA;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item .remarks {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  color: #158DDC;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item .remarks:before {
  content: '(';
  display: inline-block;
  vertical-align: top;
  color: #158DDC;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item .remarks:after {
  content: ')';
  display: inline-block;
  vertical-align: top;
  color: #158DDC;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item.active .remarks,
.grid.views-selector-style-a .views-selector .selector-items .selector-item.active .remarks:before,
.grid.views-selector-style-a .views-selector .selector-items .selector-item.active .remarks:after {
  color: #EEEEEE;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item a {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  font-size: 16px;
  line-height: 18.75px;
  padding: 4.25px 25px;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item:hover {
  background-color: #F0F5FA;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item.active {
  background-color: #77BA43;
  z-index: 2;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item.active a {
  color: #EEEEEE;
}

.grid.views-selector-style-b .views-selector > .label {
  display: none;
}

.grid.views-selector-style-b .views-selector {
  margin: 0 15px;
  height: 35px;
}

.grid.views-selector-style-b .views-selector > .label {
  display: none;
}

.grid.views-selector-style-b .views-selector .selector-items {
  position: relative;
  overflow: hidden;
}

.grid.views-selector-style-b .views-selector .selector-item:first-child {
  margin: 0 20px 0 0;
}

.grid.views-selector-style-b .views-selector .selector-item {
  float: left;
  margin: 0 20px;
  padding-bottom: 1px;
  border-bottom: 3px solid transparent;
}

.grid.views-selector-style-b .views-selector .selector-item:hover {
  border-color: #A2A2A2;
}

.grid.views-selector-style-b .views-selector .selector-item {
  border-bottom: 1px solid #D5D7DA;
}

.grid.views-selector-style-b .views-selector .selector-item.active {
  border-bottom: 3px solid #158DDC;
}

.grid.views-selector-style-b .views-selector .selector-item a {
  text-decoration: none;
  color: inherit;
}

/*<--- views-selector-style-c --->*/
.grid.views-selector-style-c .views-selector > .label {
  display: none;
}

.grid.views-selector-style-c .views-selector {
  position: relative;
  display: block;
}

.grid.views-selector-style-c .views-selector:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: rgba(224, 224, 224, 1);
}

.grid.views-selector-style-c .views-selector > .label {
  display: none;
}

.grid.views-selector-style-c .views-selector .selector-items {
  position: relative;
  overflow: hidden;
}

.grid.views-selector-style-c .views-selector .selector-item:first-child {
  margin: 0 20px 0 0;
}

.grid.views-selector-style-c .views-selector .selector-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
  cursor: pointer;
}

.grid.views-selector-style-c .views-selector .selector-item a {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 18.75px;
  color: #404040;
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 3px solid transparent;
}

.grid.views-selector-style-c .views-selector .selector-item:hover a {
  border-color: #81878F;
}

.grid.views-selector-style-c .views-selector .selector-item.active a {
  border-color: #77BA43;
}

.grid.views-selector-style-c.views-selector-position-a .views-selector {
  position: absolute;
  left: 0;
  right: 0;
  top: -62px;
}

/* views-selector-style-d */
.grid.views-selector-style-d .views-selector > .label {
  display: none;
}

.grid.views-selector-style-d .views-selector {
  margin: 0 15px 30px 15px !important;
  height: 30px;
  display: block;
}

.grid.views-selector-style-d .views-selector:before,
.ws1 .workspace-pane .grid.views-selector-style-d .views-selector:before {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #D5D7DA;
}

.grid.views-selector-style-d .views-selector > .label {
  display: none;
}

.grid.views-selector-style-d .views-selector .selector-items {
  position: relative;
  overflow: hidden;
}

.grid.views-selector-style-d .views-selector .selector-item:first-child {
  margin: 0 20px 0 0;
}

.grid.views-selector-style-d .views-selector .selector-item {
  float: left;
  margin: 0 20px;
  padding-bottom: 5px;
  border-bottom: 3px solid transparent;
}

.grid.views-selector-style-d .views-selector .selector-item:hover {
  border-color: #A2A2A2;
}

.grid.views-selector-style-d .views-selector .selector-item.active {
  border-color: #158DDC;
}

.grid.views-selector-style-d .views-selector .selector-item a {
  text-decoration: none;
  color: inherit;
}

.grid .title-line {
  overflow: hidden;
  margin-bottom: 10px;
}

.grid .title-line > .image {
  float: left;
  margin-right: 5px;
  background-size: contain;
}

.grid .title-line .progress-group {
  float: right;
  overflow: hidden;
}

.grid .title-line .progress-group .progress {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  padding-top: 1px;
}

.grid .title-line .progress-group .progress-value {
  overflow: hidden;
}

.grid .title-line .status {
  position: absolute;
  top: 0;
  right: 10px;
}

.grid .field-columns > .content > .title,
.grid .title-line .title {
  color: #13344D;
  font-weight: 400;
  overflow: hidden;
}

.grid .field-columns > .content > .title.style-b {
  font-weight: bold;
}


.grid .items {
  overflow: auto;
  scrollbar-width: none;
}

.grid .items .noitems {
  color: transparent;
  /*color: #81878F;*/
  text-align: center;
  margin-top: 20px;
  font-weight: 300;
  font-size: 14px;
  /*background-image: url("/_themes/light/content/media/no_items_image.svg?stamp=240311&t=0&icon_color=%238999A5");*/
  background-image: url("/_themes/light/content/media/highqa_no_items_image.png?stamp=240311&t=0");
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
  min-height: 80px;
}

.grid .items .item .grid-additionall-button {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .3s ease, right .3s ease;
}

.grid .items .item.selected .grid-additionall-button {
  right: 20px;
  opacity: 1;
}

.grid .items .item .control-buttons {
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  width: 20px;
  align-items: center;
  display: none;
}

.grid .items .item:hover .grid-additionall-button {
  right: 20px;
  opacity: 1;
}

.grid .items .item.selected .control-buttons,
.grid .items .item:hover .control-buttons {
  display: flex;
}

.grid .footer-toolbars > div {
  display: inline-block;
  vertical-align: top;
}

.grid .footer-toolbars .toolbar .cmd {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	min-width: 20px;
	line-height: 20px;
}

.grid .footer-toolbars .toolbar .cmd .image {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain, 0;
  background-position:center;
}

.grid .footer-toolbars .toolbar .cmd:hover .image {
  background-size: 0, contain;
}

.grid .footer-toolbars .toolbar .cmd.uploading-inprogress .image { display: none; }
.grid .footer-toolbars .toolbar .cmd .upload-widget-container .upload {
  position: absolute; z-index: 2;
  left: 0; top: 0; right: 0; bottom: 0;
  cursor: pointer;
}
.grid .footer-toolbars .toolbar .cmd .upload-widget-container .uploading .title {
  margin: 0; line-height: 1.3;
}
.grid .footer-toolbars .toolbar .cmd .upload-widget-container .uploading .progress {
  height: 2px;
}
.grid .footer-toolbars .toolbar .cmd .upload-widget-container .uploading .progress .value {
  height: 2px;
}

.grid.views-selector-style-a .views-selector {
  display: inline-block;
  padding-bottom: 5px;
}

.grid .footer-toolbars .toolbar > .cmd:first-child {
  position: absolute;
  right: 20px;
  bottom: 60px;
  width: 40px;
  height: 40px;
  background: #77BA43;
  border-radius: 50%;
  box-shadow: 2px 5px 5px rgb(0 0 0 / 20%);
  z-index: 2;
  cursor: pointer;
  transition: bottom .2s ease-in-out;
}

.grid .footer-toolbars .toolbar > .cmd:first-child:hover {
  bottom: 63px;
}

.grid.no-float-button .footer-toolbars .toolbar > .cmd:first-child,
.grid.no-float-button .footer-toolbars .toolbar > .cmd:first-child:hover {
  position: relative;
  right: auto;
  bottom: auto;
  width: 20px;
  height: 21px;
  background: none;
  border-radius: 0;
  box-shadow: none;
  z-index: 2;
  cursor: pointer;
  padding-top: 1px;
}

.grid .footer-toolbars .toolbar > .cmd:first-child .image {
  display: none;
}

.grid.no-float-button .footer-toolbars .toolbar > .cmd:first-child .image {
  display: inline-block;
}

.grid .footer-toolbars .toolbar > .cmd:first-child:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  background-color: #404040;
  height: 2px;
  cursor: pointer;
}

.grid .footer-toolbars .toolbar > .cmd:first-child:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 12px;
  width: 2px;
  background-color: #404040;
  cursor: pointer;
}

.grid.no-float-button .footer-toolbars .toolbar > .cmd:first-child:before,
.grid.no-float-button .footer-toolbars .toolbar > .cmd:first-child:after {
  display: none;
}

.grid .footer-toolbars .toolbar > .cmd:first-child .upload-widget-container {
  color: transparent !important;
  text-decoration: none !important;
  font-size: 1px;
}

.grid .footer-toolbars .settings { display: inline-block; vertical-align: middle; font-size: 14px; }
.grid .footer-toolbars .settings > .cmd.cmd-settings { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  width: 20px; 
  line-height: 20px; 
  text-align: center; 
  color: #81878F;
  font-family: FontAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid .footer-toolbars .settings > .cmd.cmd-settings span { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  width: 20px;
  background-image: url("/_themes/light/content/media/icons/settings.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/settings_filled.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: 20px, 0;  
}

.grid .footer-toolbars .settings > .cmd.cmd-settings:hover span { 
  color: #404040; 
  background-size: 0, 20px;
}


/* --- grid-a --- */

.grid-a {
  color: #13344D;
  position: relative;
}

.grid-a .views-selector {
  display: inline-block;
}

.grid-a .record {
  margin-bottom: 20px;
}

.grid-a .field {
  margin-bottom: 0;
}

.grid-a .switch .field-value .value-box {
  display: block;
  min-height: 16px;
  background-color: unset;
}

.grid-a .field.singlechoice .value-box {
  background-color: inherit;
  min-height: auto;
  padding: 0;
  width: auto;
  font-size: inherit;
}

.grid-a .grid-toppane {
  margin-bottom: 5px;
}

.grid-a .head {
  overflow: hidden;
}

.grid-a .head-fixed {
  float: left;
  position: relative;
  /*border-bottom: 1px solid #D5D7DA;*/
}

.grid-a .head-scroll {
  overflow: auto;
  position: relative;
  scrollbar-width: none;
}

.grid-a .head-fixed .head-table,
.grid-a .head-scroll .head-table {
  display: inline-table;
  vertical-align: top;
  table-layout: fixed;
  width: 0;
  border-collapse: collapse;
  text-transform: uppercase;
  border-bottom: 1px solid #D5D7DA;
}

.grid-a .head-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.grid-a .head-table .col {
  position: relative;
  font-size: 10px;
  color: #81878F;
  font-weight: 300;
  height: 30px;
}

.grid-a .head-table .col > div {
  padding: 0 5px;
}

.grid-a .head-table .col[colspan] {
  /*border-bottom: 1px solid #D5D7DA;*/
}

.grid-a .head-table .col.hover {
  /*font-weight: 500;*/
  color: #158DDC;
}

.grid-a .head-table .col .text {
  float: left;
}

.grid-a .head-table .col .cmd-filter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  opacity: 0;
  transition: right .3s ease-in-out, opacity .3s ease-in-out;
}

.grid-a .head-table .col:hover .cmd-filter {
  right: 5px;
  opacity: 1;
}

.grid-a .head-table .col .cmd-filter > span {
  display: inline-block;
  vertical-align: sub;
  width: 15px;
  height: 15px;
  background-image: url("/_themes/light/content/media/icons/filter.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/filter_fill.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain, 0 0;
}

.grid-a .head-table .col .cmd-filter.active {
  right: 0;
  opacity: 1;
}

.grid-a .head-table .col .cmd-filter.active > span {
  background-size: 0 0, contain;
}

.grid-a .head-table .col .width-adjust {
  position: absolute;
  z-index: 4;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 1px;
  cursor: e-resize;
  background-color: #D5D7DA;
  opacity: 0;
  transition: opacity .2s ease;
}

.grid-a .head-table .col:hover .width-adjust {
  opacity: 1;
}

.grid-a .head-table .col .width-adjust:before {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  height: 100%;
  width: 6px;
}

.grid-a .head-table .col.rotate > div {
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
}

.grid-a .head-table .col.rotate .text {
  text-align: center;
}

.grid-a .head-table .cmd-filter:hover > span {
  background-size: 0 0, contain;
}

.grid-a .head-table .text {
  font-size: 10px;
  letter-spacing: .6px;
  line-height: 10px;
}

.grid-a .head-table .groups-row {
  border-bottom: 1px solid #D5D7DA;
  text-align: center;
}

.grid-a .head-table .groups-row .text {
  float: unset;
}

.grid-a.no-head > .head {
  display: none;
}

.grid-a .items-table .col > div {
  position: relative;
  overflow: hidden; 
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.grid-a .items-table .col.number {
  text-align: right;
}

.grid-a .items-table .col.wrap > div {
  white-space: normal;
}

.grid-a .col.align-center > div {
  text-align: center;
}

.grid-a .item.marker-readmarker .col {
  font-weight: 700;
}

.grid-a .items-scroll {
  overflow: auto;
  position: relative;
  scrollbar-width: none;
}

.grid-a.overflow .items-scroll {
  overflow: visible;
}

/* Hide scrollbar for Safari */
.grid-a .items-scroll::-webkit-scrollbar {
  display: none;
}

.grid-a .items-fixed .items-table,
.grid-a .items-scroll .items-table {
  display: inline-table;
  vertical-align: top;
  table-layout: fixed;
  width: 0;
  border-collapse: collapse;
}

.grid-a.overflow .items-fixed .items-table,
.grid-a.overflow .items-scroll .items-table {
  overflow: visible;
}

.grid-a .scroll-bar {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  height: 9px;
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
}

.grid-a .scroll-bar > .content {
  height: 9px;
  overflow: hidden;
}

.grid-a .items-fixed {
  float: left;
  position: relative;
}

.grid-a .item {
  height: 30px;
  border-bottom: 1px solid #D5D7DA;
  transition: background-color .2s ease;
}

.grid-a.row-height-b .item {
  height: 62px;
}

.grid-a .field.image.preview-images > .field-value > .value-box > .files > .item {
  height: 100px;
}

.grid-a .item.hover {
  background-color: #F0F5FA;
}

.grid-a .item .col.link .field.objectpicker.link .field-value .value-box,
.grid-a .item .col.link .field.objectpicker.link .field-value .value-box {
  color: #158DDC;
}

.grid-a .item.hover .link a,
.grid-a .item.selected .link a,
.grid-a .item.hover .col.link .field.objectpicker.link .field-value .value-box,
.grid-a .item.selected .col.link .field.objectpicker.link .field-value .value-box {
  text-decoration: underline;
  color: #158DDC;
}


.grid-a .item .col.recycled,
.grid-a .item .col.recycled .field.objectpicker.recycled .field-value .value-box,
.grid-a .item .col.recycled .field.objectpicker.recycled .field-value .value-box {
  color: #ae0d0d;
}

.grid-a .item.hover .recycled a,
.grid-a .item.selected .recycled a,
.grid-a .item.hover .col.recycled .field.objectpicker.recycled .field-value .value-box,
.grid-a .item.selected .col.recycled .field.objectpicker.recycled .field-value .value-box {
  text-decoration: underline;
  color: #ae0d0d;
}

.grid-a .item.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-a .item .cmd-menu {
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: right .3s ease-in-out, opacity .3s ease-in-out;
}

.grid-a .item.hover .cmd-menu,
.grid-a .item.selected .cmd-menu {
  right: 10px;
  opacity: 1;
}

.grid-a .item.hover .col.has-tooltip .cmd-menu,
.grid-a .item.selected .col.has-tooltip .cmd-menu {
  right: 22px;
}

.grid-a .item .col.col-b > div {
  padding-right: 40px;
}

.grid-a .item .col.col-b .cmd-menu {
  right: 20px;
}

.grid-a .item.hover .col.col-b .cmd-menu,
.grid-a .item.selected .col.col-b .cmd-menu {
  right: 20px;
  opacity: 1;
}

.grid-a .item .cmd-menu span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/medium/menu.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain
}

.grid-a .item .col.size-m .image {
  background-size: 17.5px 17.5px, 0 0 !important;
}

.grid-a .item .col.size-s .image {
  background-size: 14px 14px, 0 0 !important;
}

.grid-a .item .col.folder {
  color: #81878F;
  transform: translateX(20px);
}

.grid-a .item .col {
  position: relative;
}

.grid-a .item .col input {
  padding: 5px 0;
}

.grid-a .item .col.editable:hover .value-box {
  cursor: pointer;
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-a .item .col.lookup a,
.grid-a .item .col.text a:not(.button) {
  color: #158DDC;
}

.grid-a .item .col.lookup:hover a,
.grid-a .item .col.text:hover a:not(.button) {
  color: #158DDC;
  text-decoration: underline;
}

.grid-a .item .col.has-link{
  color: #158DDC;
  cursor: pointer;
}

.grid-a .item .col.has-link:hover{
  color: #158DDC;
  text-decoration: underline;
}

.grid-a .item .col[rowspan] {
  border-left: 1px solid #D5D7DA;
  border-right: 1px solid #D5D7DA;
}

.grid-a .item .col.hover {
  border-bottom: 1px solid #81878F;
}

.grid-a .item .col .cmd:hover .image {
  background-size: 0 0, 17.5px 17.5px;
}

.grid-a .item .col.active {
  border-bottom: 1px solid #158DDC;
}

.grid-a .item .col.multiline {
  border-right: 1px solid #D5D7DA;
}

.grid-a .item .col.multiline .field.title {
  margin: 2px 0 2px 0;
}

.grid-a .item .col.summary-cell {
  overflow: hidden;
}

.grid-a .item .col.summary-cell .progress {
  float: left;
  margin-right: 5px;
}

.grid-a .item .col.summary-cell .open-issues {
  overflow: hidden;
}

.grid-a .item .col.lookup:not(.edit) > div {
  padding-right: 20px;
}

.grid-a .item .col.col-b.lookup:not(.edit) > div {
  padding-right: 40px;
}

.grid-a .item .col.lookup .cmd-lookup {
  display: none;
}

.grid-a .item .col.lookup:hover .cmd-lookup {
  display: unset;
}

.grid-a .item .col.col-actions .cmd > span {
  opacity: 0;
  transform: translateX(-5px);
  transition: transform .3s ease, opacity .3s ease;
}

.grid-a .item .col.image-visible .image,
.grid-a .item .col.icon-visible .image,
.grid-a .item .field.image-visible .image,
.grid-a .item .field.icon-visible .image{
  opacity: 1;
}

.grid-a .item .col.image-only,
.grid-a .item .col.icon-only,
.grid-a .item .field.image-only,
.grid-a .item .field.icon-only{
  color: transparent;
  font-size: 0;
}

.grid-a .item:hover .col.col-actions .cmd > span {
  opacity: 1;
  transform: translateX(0px);
}

.grid-a .col .image {
  opacity: 0;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 17.5px 17.5px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-a .col .image.preview-images {
  opacity: 1;
  width: 100%;
  height: auto;
  min-height: 100px;  
}

.grid-a .col .image.preview-images .files .media {
  
}

.grid-a .col .image.preview-images .files .media img{
  height: 100px;
  width: auto;
}

.grid-a .col.icon-size-1 .image {
  background-size: 22px 22px, 0 0;
}

.grid-a .col.icon-size-2 .image {
  background-size: 24px 24px, 0 0;
}

.grid-a .col.icon-size-3 .image {
  background-size: 26px 26px, 0 0;
}

.grid-a .col.icon-size-4 .image {
  background-size: 28px 28px, 0 0;
}

.grid-a .item .col.icon-visible .image,
.grid-a .item .col.image-visible .image{
  opacity: 1;
}

.grid-a .item .col .button {
  margin: 1px 0;
}

.grid-a .item .col .button .image {
  display: none;
}

.grid-a .item .col .button.icon-visible .image,
.grid-a .item .col .button.image-visible .image {
  display: inline-block;
  opacity: 1;
}

.grid-a .item .col.switch .image {
  opacity: 1;
}

.grid-a .item.hover .col .image {
  opacity: 1;
  /*display: inline-block;*/
}

.grid-a .col .image.image-favorites {
  background-size: contain, 0, 0;
  background-image: url("/_themes/light/content/media/icons/favorites.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

.grid-a .col.incoming-favorites .image.image-favorites {
  background-size: 0, 0, contain;
}

.grid-a .item.hover .col .image.image-progress0,
.grid-a .item.hover .col .image.image-progress1,
.grid-a .item.hover .col .image.image-progress2,
.grid-a .item.hover .col .image.image-progress3 {
  background-size: 17.5px 17.5px, 0 0;
}

.grid-a .col .image.image-priority-emergency,
.grid-a .col .image.image-priority-high,
.grid-a .col .image.image-priority-medium,
.grid-a .col .image.image-priority-low {
  opacity: 1;
}

.grid-a .col .image.image-circle_green,
.grid-a .col .image.image-circle_yellow,
.grid-a .col .image.image-circle_red,
.grid-a .col .image.image-circle_orange,
.grid-a .col .image.image-circle_blue {
  opacity: 1;
}

.grid-a .item.selected .col.hover {;
  border-bottom-color: #81878F;
}

.grid-a .item.selected .col.active.hover {;
  border-bottom-color: #158DDC;
}

.grid-a .item .col .field {
  margin: 0;
}

.grid-a .item .col .field .value-box {
  border: none;
  background-color: unset;
}

.grid-a .item a.cmd,
.grid-a .item .link a {
  text-decoration: none;
  color: inherit;
  transition: color .2s ease;
}

.grid-a .item .folder div {
  position: relative;
  display: inline;
}

.grid-a .item .folder div:before {
  /*content: '';*/
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-a .item .folder.collapse div:before {
  transform: translateY(-50%) rotate(90deg);
}

.grid-a .item .col.button-col .image {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.grid-a .item .col.last-applied:before {
  content: '*';
  position: absolute;
  right: 0;
  top: 0;
  color: red;
  font-size: 20px;
}

.grid-a .col.selection {
  text-align: center;
}

.grid-a .head-table .col.selection label.check {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position:center;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
}

.grid-a .head-table .col.selection.partial-selected label.check {
  background-size: 0, 0, contain, 0;
}

.grid-a .head-table .col.selection .count {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
}

.grid-a .col.check label,
.grid-a .col.selection label {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0, 0, 0;
}

.grid-a .col.check.edit:hover label,
.grid-a .col.selection:hover label {
  background-size: 0, contain, 0, 0;
}

.grid-a .head-table .col.selection.page-selected:hover label,
.grid-a .head-table .col.selection.partial-selected:hover label {
  background-size: 0, 0, 0, contain;
}

.grid-a .col.selection.partial-selected label,
.grid-a .item.selected .col.selection label,
.grid-a .col.check label.checked,
.grid-a .head-table .col.selection.page-selected label {
  background-size: 0, 0, contain, 0;
}

.grid-a .col.selection label.checked {
  background-size: 0, contain, 0, 0;
}

.grid-a .item.selected .col.edit:hover label {
  background-size: 0, 0, 0, contain;
}

.grid-a .edit.singlechoice.dropdown-simple .value-box .value-text {
  display: none;
}

/*<--- grid-a lookup --->*/
.grid-a .item .col .lookup .value-box {
  padding-right: 20px;
}

.grid-a .item .col .lookup .value-box input {
  padding-right: 0;
  text-overflow: ellipsis;
}

.grid-a .item .col .lookup .value-box .cmd-lookup .icon {
  background-repeat: no-repeat;
  transform: unset;
  width: 10px;
  height: 10px;
  background-image: url("/_themes/light/content/media/icons/grid_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F"), 
                    url("/_themes/light/content/media/icons/grid_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain;
}

/*<--- grid-a multichoicelookup --->*/
.grid-a .item .col .multichoicelookup .lookup {
  padding-left: 30px;
  background-image:  url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.grid-a .item .col .multichoicelookup .value-item {
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 5px 0 10px;
  font-size: 10px;
  margin: 0 10px 0 0;
}

.grid-a .item .col .multichoicelookup .value-item .text {
  display: inline-block;
  vertical-align: middle;
}

.grid-a .item .col .multichoicelookup .value-item .cmd-delete {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

/*<--- grid-a fields general styles --->*/
.grid-a .item .col .lookup .value-box,
.grid-a .item .col .multichoicelookup .value-box {
  background-color: unset;
  border: none;
}

/*<--- grid-a footer --->*/
.grid-a .footer {
  border-top: 1px solid #D5D7DA;
  min-height: 40px;
}

.grid-a .footer .item.totals {
  border-bottom: none;
}

.grid-a .footer .item.totals .col {
  font-weight: 500;
}

.grid-a.footer-b .footer {
  border-top: none;
}

.grid-a .footer-toolbars {
  margin-top: 10px;
  margin-left: 5px;
  min-height: 25px;
}

.grid-a .footer-toolbars .toolbar a {
  margin-left: 5px;
}

.grid-a .paging-bar {
  margin: 0;
}

.grid-a .paging-bar .recordscount {
  font-size: 14px;
}

.grid-a .items-table .col.ordering { 
  cursor: move; 
}

.grid-a .items-table .col.ordering.ordering-image-on > div:before {
  visibility: hidden; 
  content: " "; 
  display: block; 
  overflow: hidden; 
  width: 20px; 
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/mover.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-a .items-table .item:hover .col.ordering.ordering-image-on > div:before { 
  visibility: visible; 
}


/* grid-a chats */
.grid-a .extension.value-box {
  display: block;
  position: relative; 
  width: 20px; 
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat; 
  background-position: center; 
}

.grid-a .extension-name-chats.value-box {
  display: none;
  background-size: contain, 0, 0, 0, 0, 0, 0, 0, 0;
  background-image: url("/_themes/light/content/media/icons/messenger.svg?stamp=240311&t=0&icon_color=%2381878F"),                  
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),           
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),                 
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),              
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),               
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=%2381878F&notification_color=%23158DDC"),   
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)&notification_color=%23158DDC"),         
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)&notification_color=%23158DDC"),      
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)&notification_color=%23158DDC"); 
}


.grid-a .extension-name-chats.value-box.extension-attached {
  display: block;
  background-size: 0, contain, 0, 0, 0, 0, 0, 0, 0;
}

.grid-a .extension-name-chats.value-box.extension-attached.extension-status-1 {
  background-size: 0, 0, 0, 0, contain, 0, 0, 0, 0;
}

.grid-a .extension-name-chats.value-box.extension-attached.extension-status-2 {
  background-size: 0, 0, 0, contain, 0, 0, 0, 0, 0;
}


.grid-a .extension-name-chats.value-box.extension-attached.extension-status-3 {
  background-size: 0, 0, contain, 0, 0, 0, 0, 0, 0;
}

.grid-a .extension-name-chats.value-box.extension-attached.extension-marker-1 {
  background-size: 0, 0, 0, 0, 0, contain, 0, 0, 0;
}

.grid-a .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-1 {
  background-size: 0, 0, 0, 0, 0, 0, contain, 0, 0;
}

.grid-a .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-2 {
  background-size: 0, 0, 0, 0, 0, 0, 0, contain, 0;
}

.grid-a .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-3 {
  background-size: 0, 0, 0, 0, 0, 0, 0, 0, contain;
}


.grid-a .extension-name-chats.value-box.extension-marker-1:before {
  content: none; position: absolute; right: 0; top: 0; width: 7px; height: 7px;
  background: #158DDC; border-radius: 7px; border: 1px solid #fff;
}

/*.grid-a .extension-name-chats.extension-attached {*/
/*  display: block;*/
/*}*/
/*.grid-a .extension-name-chats.extension-status-1 {*/
/*  background-image:url(/_themes/light/content/media/icons/chat.svg?stamp=240311&t=0&color=%23268E6C);*/
/*}*/
/*.grid-a .extension-name-chats.extension-status-2 {*/
/*  background-image:url(/_themes/light/content/media/icons/chat.svg?stamp=240311&t=0&color=%23DFBF00);*/
/*}*/
/*.grid-a .extension-name-chats.extension-status-3 {*/
/*  background-image:url(/_themes/light/content/media/icons/chat.svg?stamp=240311&t=0&color=%23D7373F);*/
/*}*/

/*.grid-a .extension-name-chats.extension-marker-1:before {*/
/*  content: " "; position: absolute; right: 0; top: 0; width: 7px; height: 7px;*/
/*  background: #158DDC; border-radius: 7px; border: 1px solid #fff;*/
/*}*/
.grid-a .extension-name-notes.value-box {
  display: none;
  background-size: contain;
  background-image: url("/_themes/light/content/media/icons/notes_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid-a .extension-name-notes.extension-attached.value-box {
  display: block;
}

.grid-a .tooltip-marker {
  position: absolute;
  right: 2px; top: 1px;
  width: 18px; height: 18px;
  background-image: url("/_themes/light/content/media/icons/info_circle2.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/info_circle2_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain, 0;
  display: none;
}

.grid-a .col:hover .tooltip-marker {
  display: block;
}

.grid-a .tooltip-marker:hover {
  background-size: 0, contain;
}

.grid-a .col.padding1 > div { padding-left: 10px; }
.grid-a .col.padding2 > div { padding-left: 20px; }
.grid-a .col.padding3 > div { padding-left: 30px; }
.grid-a .col.padding4 > div { padding-left: 40px; }
.grid-a .col.padding5 > div { padding-left: 50px; }

.grid-a .col.with-buttons .group .content > .field {
  float: left;
  width: 90%;
}

.grid-a .col.with-buttons .group .content .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  width: 10%;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 0;
}

.grid-a .col.with-buttons:hover .group .content .button {
  display: inline-block;
}

.grid-a .col.with-buttons .group .content .button:hover {
  background: unset;
}

/*<--- grid-b --->*/
.grid-b .items .item {
  position: relative;
  padding: 10px 10px 10px 13px;
  width: 50%;
  float: left;
  max-height: 300px;
  box-sizing: border-box;
  transition: background-color .2s ease;
}

.grid-b .items .item:before {
  content: '';
  position: absolute;
  width: 3px;
  top: 10px;
  left: 0;
  bottom: 10px;
  background-color: transparent;
}

.grid-b .item:hover:before {
  background-color: #81878F;
}

.grid-b .item.selected:before {
  background-color: #77BA43;
}

.grid-b.single-column .items .item {
  width: auto;
  height: auto;
  float: none;
}

.grid-b .items .item .left-column .image {
  width: 100%;
  height: 100%;
}

.grid-b .items .item .left-column .image img {
  width: 100%;
  height: 100%;
  display: none;
}

.grid-b .items .item .left-column .image img:first-child {
  display: block;
}

.grid-b .items .item .title {
  font-weight: 400;
  color: #13344D;
}

.grid-b .items .item .left-column { 
  float: left;
  margin-right: 10px;
}

.grid-b .items .item .extra-column {
  overflow: hidden;
}

.grid-b .items .item .extra-column .status {
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.grid-b .item:after {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  height: 1px;
  background-color: #D5D7DA
}

.grid-b .items .item:hover .button {
  right: 10px;
  opacity: 1;
}

.grid-b .items .item:hover {
  background-color: #F0F5FA;
}

.grid-b .items .item.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-b .items .item .status {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #666666;
}

.grid-b .items .item .title-line {
  margin-bottom: 5px;
}

.grid-b .items .item .title-line .field {
  float: left;
  margin-right: 10px;
}

.grid-b .items .item .title-line.style-b .field {
  float: none;
}

.grid-b .items .item .title-line .dims-count {
  float: right;
}

.grid-b .items .item .title-line .field-label {
  min-width: unset;
}

.grid-b .items .item .columns-line .field:first-child {
  float: left;
  margin-right: 10px;
}

.grid-b .items .item .columns-line .field:last-child .field-label {
  min-width: unset;
}

.grid-b .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  background-color: #ffffff;
  z-index: 1;
}

.grid-b .footer .paging {
  display: none;
}

.grid-c .button-a {
  font-size: 16px;
}

.grid-c .button-a .text {
  margin-left: 5px;
}

.grid-c .items {
  position: relative;
}

.grid-c .items:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  bottom: 0;
  background-color: #E4E4E4;
}

.grid-c .item {
  position: relative;
  margin-bottom: 10px;
  margin-left: 10px;
  cursor: pointer;
}

.grid-c .item .content {
  overflow: hidden;
}

.grid-c .item .content > div {
  float: left;
}

.grid-c .item .document-type {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat:no-repeat;
  margin-right: 5px;
}

.grid-c .item .document-type.type-1 {
  background-image: url("/_themes/light/content/media/icons/box.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-c .item .document-type.type-2 {
 background-image: url("/_themes/light/content/media/icons/list.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-c .item .document-status-1 {
  width: 10px;
  height: 10px;
  background-color: #FFCC00;
  border-radius: 50%;
  margin-top: 5px;
  margin-right: 5px;
}

.grid-c .item .document-status-2 {
  width: 10px;
  height: 10px;
  background-color: #D7373F;
  border-radius: 50%;
  margin-top: 5px;
  margin-right: 5px;
}

.grid-c .item.selected:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  width: 3px;
  background-color: #158DDC;
}

.grid-c .item .title {
  font-size: 16px;
  font-weight: 500;
}

.grid-d .field {
  margin-bottom: 3px;
}

.grid-d .item {
  position: relative;
  transition: background-color .2s ease;
  padding: 10px 20px 10px 13px;
  color: #81878F;
}

.grid-d.style-b .item {
  border-left: 20px solid transparent;
}

.grid-d.style-c .item {
  min-height: 106px;
}

.grid-d > .items > .item .hover-visible {
  display: none;
}

.grid-d > .items > .item:hover .hover-visible {
  display: block;
}

.grid-d .static-field.color.item-border {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  margin: 0;
  padding: 0;
  opacity: 0.3;
}

.grid-d .static-field.color.item-border .value-box,
.grid-d .static-field.color.item-border .value-box .color{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.grid-d .static-field.color.item-border .color-value{
  display: none;
}

/*.grid-d .item.bgcolor-16744320 { border-color: rgba(0,128,128,0.3); }*/
/*.grid-d .item.bgcolor-23296 { border-color: rgba(255,165,0, 0.3); }*/
/*.grid-d .item.bgcolor-12490271 { border-color: rgba(65,105,225, 0.3); }*/
/*.grid-d .item.bgcolor-60269 { border-color: rgba(255,20,147, 0.3); }*/

.grid-d .item:last-child {
  margin-bottom: 70px;
}

.grid-d .item:after {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  height: 1px;
  background-color: #D5D7DA
}

.grid-d .item:hover {
  background-color: #F0F5FA;
}

.grid-d .item:hover .position-b .updated {
  right: 50px;
}

.grid-d .item.selected .position-b .updated {
  right: 50px;
}

.grid-d .item:before {
  content: '';
  position: absolute;
  width: 3px;
  top: 10px;
  left: 0;
  bottom: 10px;
  background-color: transparent;
}

.grid-d.style-b .item {
  left: -3px;
}

.grid-d .item:hover:before {
  background-color: #81878F;
}

.grid-d .item.selected:before {
  background-color: #77BA43;
}

.grid-d .item.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-d .item.selected .button-a {
  display: block;
}

.grid-d .item .tags {
  margin: 0;
} 

.grid-d .item .status {
  position: absolute;
  right: 20px;
  bottom: 10px;
  margin: 0;
}

.grid-d .item .button-a.circled-arrow-right:hover {
  display: block;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right_select.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-d .item .button-a.trash-can {
  opacity: .6;
  right: 0;
}

.grid-d .item .button-a.trash-can:hover {
  display: block;
  opacity: 1;
  background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-d .item .details-group .title-line {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.grid-d .item .details-group .content > .image {
  float: left;
  margin-right: 8px;
}

.grid-d .item .details-group .title-line .title-line-right-part {
  overflow: hidden;
}

.grid-d .item .details-group .title-line .status {
  position: absolute;
  bottom: 12px;
  right: 20px;
}


.grid-d .item .position-a .datetime {
  float: right;
  margin-right: 5px;
}

.grid-d .item .position-a .datetime .field-value {
  color: #666666;
}

.grid-d .position-a > .content {
  overflow: hidden;
}

.grid-d .position-a .title-line > .content .title {
  float: left;
  max-width: 400px;
}

.grid-d .position-b > .content {
  overflow: hidden;
}

.grid-d .position-b .field {
  float: left;
}

.grid-d .position-b .updated {
  color: #666666;
  position: absolute;
  right: 20px;
  bottom: 11px;
}

.grid-d .image {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-d .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  /*box-shadow: 0 0 10px -3px #ababab;*/
  background-color: #ffffff;
  z-index: 1;
  background-color: #FFFFFF;
}

.grid-d .footer .paging {
  /*display: none;*/
}

.grid-d.style-c .item .title {
  font-weight: 700;
}

.grid-d.style-c .item .title-line,
.ws1 .grid-d.style-c .item .left-column .title-line{
  margin-bottom: 5px;
}

.breadcrumbs .grid-d .button-a {
  position: absolute;
  right: 10px;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 999;
}

.breadcrumbs .grid-d .item:hover .button-a {
  opacity: 1;
}

/* grid-e */

.grid-e .field .field-label,
.grid-e .field .field-value {
  display: inline-block;
  vertical-align: top;
  float: none;
  font-weight: normal;
}

.grid-e .items .item {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.grid-e .items .item:hover .scheme {
  opacity: .4;
}

.grid-e .items .item:nth-child(odd){
  padding-right: 10px;
}

.grid-e .items .item .scheme {
  position: relative;
  width: 100%;
  height: 100px;
  text-align: center;
}

.grid-e .items .item .scheme img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/*<--- grid-f --->*/
.grid-f {
  
}

.grid-f .items .field {
  margin-bottom: 5px;
}

.grid-f .items .field.check {
  margin-right: 0;
  margin-bottom: 0;
}

.grid-f .items .field .field-label {
  text-transform: unset;
}

.grid-f .items .field.edit .field-label {
  margin-top: 5px;
}

.grid-f .items .selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-f .items > div {
  position: relative;
  padding: 10px;
}

.grid-f .items > div:before {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background-color: #D5D7DA;
}

.grid-f .item-head {
  overflow: hidden;
  margin-bottom: 10px;
}

.grid-f .item-head > div {
  margin-right: 10px;
  margin-bottom: 0;
}

.grid-f .item-head .project-status {
  float: left;
  margin-right: 5px;
}

.grid-f .item-head .project-pct {
  float: right;
  margin-right: 0;
}

.grid-f .item-head .task-check {
  float: left;
}

.grid-f .item-head .selected-items {
  float: right;
  margin-right: 0;
  color: #158DDC;
  font-weight: 700;
}

.grid-f .item-head .selected-items:after {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/check_square_thin_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
  background-size: 13.5px 13.5px;
  background-position: center;
  background-repeat: no-repeat;
}

.grid-f .item-head .project-name {
  overflow: hidden;
  color: #13344D;
  font-weight: 700;
  padding-right: 10px;
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
}

.grid-f .project-status .value-box .image {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/circle_clear.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: 13.5px 13.5px;
  background-position: center;
  background-repeat: no-repeat;
}

.grid-f .project-status .value-box .image.image-circle_red {
  background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.grid-f .project-status .value-box .image.image-circle_green {
  background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.grid-f .project-status .value-box .image.image-circle_yellow {
  background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)");
}

.grid-f .item-content .project-comment {
  margin-left: 20px;
}

.grid-f .item-content .project-dates {
  position: absolute;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}

.grid-f .item-content .project-dates > div {
  float: left;
  margin: 0;
}

.grid-f .item-content .project-dates .old-date {
  position: relative;
  margin-right: 20px;
  text-decoration: line-through;
}

.grid-f .item-content .project-dates .old-date:before {
  content: '';
  position: absolute;
  right: -20px;
  width: 20px;
  height: 20px;
  background-size: 13.5px 13.5px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/dotted_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F");
  transform: rotate(270deg);
}

.grid-g {
  
}

.grid-g .views-selector {
  display: inline-block;
}

.grid-g .grid-toppane {
  margin-bottom: 10px;
}

.grid-g .grid-toppane .search {
  /*max-width: unset;*/
}

.grid-g .item {
  margin-bottom: 2px;
  padding: 5px;
  border-radius: 2px;
  cursor: pointer;
}

.grid-g .item:last-child {
  margin-bottom: 0;
}

.grid-g .item:hover {
  background-color: #F0F5FA;
}

.grid-g .field-label {
  display: none;
}

.grid-g .title-line {
  overflow: hidden;
  margin: 0;
}

.grid-g .title-line .field,
.grid-g .title-line .static-field {
  margin-bottom: 0;
}

.grid-g .title-line .image {
  float: left;
  width: 20px;
  height: 20px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
}

.grid-g .title-line .title {
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #13344D;
}

.grid-g .title-line .datetime {
  float: right;
}

.grid-g .title-line .datetime .value-box {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #81878F;
}

.grid-g .content-line .static-field {
  font-weight: 300;
  font-size: 10px;
  line-height: 13px;
  color: #81878F;
  margin: 0;
}

.grid-g .content-line {
  margin-left: 25px;
}

.grid-g .image-2d-model {
  background-image: url("/_themes/light/content/media/icons/large/blueprint_drawing.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/large/blueprint_drawing_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-g .image-3d-model {
  background-image: url("/_themes/light/content/media/icons/large/3d.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/large/3d_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

/*<--- statistics-grid --->*/
.statistics-grid {
  
}

.statistics-grid .statistics-item {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 2px;
  padding: 8px 10px;
  margin-bottom: 10px;
  min-width: 300px;
  border: 1px solid transparent;
}

.statistics-grid .statistics-item.selected {
  border-color: #158DDC;
}

.statistics-grid .statistics-item .content {
  display: flex;
  justify-content: space-between;
}

.statistics-grid .statistics-item .right-side {
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.statistics-grid .statistics-item:last-child {
  margin-bottom: 0;
}

.statistics-grid .statistics-item .item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #404040;
  margin-bottom: 10px;
}

.statistics-grid .statistics-item .field {
  margin-bottom: 5px;
}

.statistics-grid .statistics-item .field .field-label {
  float: left;
  margin-right: 15px;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
}

.statistics-grid .statistics-item .field .field-value .value-box {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #13344D;
  min-height: unset;
  background-color: unset;
  padding: 0;
}

.statistics-grid .statistics-item .item-build {
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  color: #13344D;
  cursor: pointer;
}

.statistics-grid .statistics-item .item-build:hover {
  text-decoration: underline;
}

/*<--- tasks-grid --->*/
.tasks-grid {
  
}

.tasks-grid .items > div {
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #D5D7DA;
}

.tasks-grid .item-head {
  overflow: hidden;
  margin-bottom: 10px;
}

.tasks-grid .item-head .button {
  float: left;
  width: 20px;
  margin-right: 10px;
}

.tasks-grid .item-head .task-name {
  color: #13344D;
  font-weight: 400;
  overflow: hidden;
}

.tasks-grid .item-head .task-dates {
  overflow: hidden;
  float: right;
}

.tasks-grid .item-head .task-dates .static-field {
  float: left;
}

.tasks-grid .item-head .task-dates .date {
  font-weight: 700;
}

.tasks-grid .item-head .task-dates .old-date {
  text-decoration: line-through;
  margin-right: 5px;
  font-weight: 300;
}

.tasks-grid .item-content {
  overflow: hidden;
}

.tasks-grid .item-content .field {
  float: left;
  margin-right: 20px;
  margin-bottom: 0;
}

.tasks-grid .item-content .field .field-label {
  float: unset;
  font-size: 10px;
}

/*<--- ws5 grid styles --->*/
.ws5 .grid .views-selector {
  position: absolute;
  top: -74px;
  left: 50%;
  transform: translateX(-50%);
}

.ws5 .grid .views-selector > .label {
  display: none;
}

.ws5 .grid .views-selector a {
  text-decoration: none;
  color: #404040;
}

.ws5 .grid .views-selector {
  display: inline-block;
  height: 28px;
  border-radius: 3px;
  border: 1px solid #D5D7DA;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}

.ws5 .grid .views-selector .selector-items {
  height: 100%;
  overflow: hidden;
}

.ws5 .grid .views-selector .selector-items .selector-item {
  float: left;
  background-color: #FFFFFF;
  padding: 0 20px;
  height: 100%;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  font-size: 16px;
}

.ws5 .grid .views-selector .selector-items .selector-item:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: #D5D7DA;
}

.ws5 .grid .views-selector .selector-items .selector-item:hover {
  background-color: #F0F5FA;
}

.ws5 .grid .views-selector .selector-items .selector-item.active {
  background-color: #77BA43;
  z-index: 1;
}

.ws5 .grid .views-selector .selector-items .selector-item.active a {
  color: #EEEEEE;
}


/* tree1 */
.tree1 { 
  position: relative;
  margin-bottom: 9px;
}

.tree1 .grid-toppane { position: relative; z-index: 2; text-align: right; overflow: hidden; }
.tree1 .grid-toppane > .content { background: #fff; }
.tree1 .grid-toppane.fixed > .content { position: fixed; left: 0; top: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tree1 .grid-toppane .search { 
  margin-bottom: 20px;
}

.tree1 .grid-toppane .search label { display: none; }
.tree1 .grid-toppane .search input { 
  padding-left: 30px;
  background-image:  url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-position: 5px center;
  min-height: 30px;
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
  background-color: #F0F5FA;
}
.tree1 .grid-toppane .search .cmd-search { 
  display: none; 
  vertical-align: middle; 
}
.tree1 .grid-toppane .search .cmd-search span { display: inline-block; width: 21px; height: 21px; background: transparent url(/media/grid-sprite1.png) -42px 0; }
.tree1 .grid-toppane .search .cmd-cancelsearch { display: inline-block; vertical-align: middle; }
.tree1 .grid-toppane .search .cmd-cancelsearch span { display: inline-block; width: 21px; height: 21px; background: transparent url(/media/grid-sprite1.png) -63px 0; }
/* placeholders */
.tree1 .grid-toppane .search ::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa; font-style: italic; }
.tree1 .grid-toppane .search :focus::-webkit-input-placeholder { color: transparent; }
.tree1 .grid-toppane .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa; font-style: italic; }
.tree1 .grid-toppane .search :focus:-moz-placeholder { color: transparent; }
.tree1 .grid-toppane .search ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; font-style: italic; }
.tree1 .grid-toppane .search :focus::-moz-placeholder { color: transparent; }
.tree1 .grid-toppane .search :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #aaa; font-style: italic; }
.tree1 .grid-toppane .search :focus:-ms-input-placeholder { color: transparent; }

.tree1 > .items { overflow: auto; }

.tree1 > .items:empty:before{ content: "No data to display"; color: #999; text-align:center; display:block; padding: 20px; }

.tree1 .item .name {
  padding-top: 4px;
  padding-bottom: 4px;
}

.tree1 .item .name { height: 20px; width: 100%; line-height: 20px; cursor: default; white-space: nowrap; }

.tree1 .item.level-2 > .content > .name { padding-left: 20px; }
.tree1 .item.level-3 > .content > .name { padding-left: 60px; }
.tree1 .item.level-4 > .content > .name { padding-left: 80px; }
.tree1 .item.level-5 > .content > .name { padding-left: 100px; }
.tree1 .item.level-6 > .content > .name { padding-left: 120px; }
.tree1 .item.level-7 > .content > .name { padding-left: 130px; }
.tree1 .item.level-8 > .content > .name { padding-left: 140px; }
.tree1 .item.level-9 > .content > .name { padding-left: 150px; }
.tree1 .item.level-10 > .content > .name { padding-left: 160px; }
.tree1 .item.level-11 > .content > .name { padding-left: 170px; }

.tree1 .item .name > .content { 
  position: relative;
  overflow: visible;
  white-space: nowrap;
}

.tree1 .group.item:not(.has-child) > .content > .name > .content > .static-field.text.image { 
  margin-left: 24px;
}

.tree1 .item .name > .content > .image {
  margin: 0 4px 0 4px;
  width: 20px;
  height: 20px;
  background-size: 17.5px 17.5px;
  background-repeat: no-repeat;
  background-position: center;
}

.tree1 .item .name > .content .field,
.tree1 .item .name > .content .static-field {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
}

.tree1 .item .name > .content .field.title,
.tree1 .item .name > .content .static-field.title {
  color: #13344D;
  margin-left: 3px;
}

.tree1 .item .name > .content .field.tags,
.tree1 .item .name > .content .static-field.tags {
  margin-left: 5px;
}

.tree1 .item .name > .content .static-field.product-name {
  margin-left: 5px;
}

.tree1 .item .name > .content .static-field.product-name .value-box {
  color: #81878F;
  font-weight: 400;
}

.tree1 .item .name .category { display: inline; }
.tree1 .item .name .workflow { display: inline; margin-left: 5px; color: #CCC; }
.tree1 .item .toggle {
}

.tree1 .group.item.level-3 .toggle{
  position: absolute;
  left: -20px;
}

.tree1 .item .toggle span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-image: url("/_themes/light/content/media/icons/tree_arrow.svg?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat; 
}
.tree1 .item.collapse > .content > .name .toggle span { background-position: 0 0; }
.tree1 .item.collapse > .items { display: none; }
/*.tree1 .item .image { position: absolute; left: 20px; top: 0; width: 16px; height: 16px; background: url(/media/team_x16.png) center -32px; }*/
.tree1 .item:hover > .content > .name { 
  background-color: #F0F5FA; 
}
.tree1 .item.selected > .content > .name { 
  background-color: rgba(21, 141, 220, 0.2); 
}


/*<--- contact-info --->*/
.contact-info .items-table {
  table-layout: fixed;
  width: 0;
  border-collapse: collapse;
  empty-cells: show;
  border: none;
}

.contact-info > .head {
  display: none;
}

.contact-info .col {
  vertical-align: top;
}

.contact-info .col > div {
  padding-bottom: 4px;
}

.contact-info .col.info-type {
  background-size: contain, 0;
}

.contact-info .col.info-title {
  padding-left: 5px;
}

.contact-info .col.info-title.edit {
  padding: 0;
}

.contact-info .field {
  margin: 0;
}

.contact-info .field.info-type .field-value .value-box,
.contact-info .field.info-title .field-value .value-box,
.contact-info .field.info-comments .field-value .value-box {
  border: none;
  background-color: unset;
}

.contact-info .field.info-type .field-value .value-box .cmd-lookup,
.contact-info .field.info-type .field-value .value-box .value-text {
  display: none;
}

.contact-info .field.info-comments {
  margin-left: 5px;
}

.contact-info .items-table .col {
  border: none;
  background-repeat: no-repeat;
  height: 30px;
}

.group.edit .contact-info .items-table .col {
  height: auto;
}

.contact-info .field.info-type.edit .value-box {
  border: none;
  padding: 5px 0 0;
}

.contact-info .field.info-type .value-box .image {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-position:center;
  background-repeat: no-repeat;
  background-size: contain, 0 0;
}

.contact-info .item .col .cmd > .image {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5px;
  display: none;
}

.contact-info .item:hover .col .cmd > .image {
  display: block;
}

.contact-info .item .col .cmd > .image.image-trash-can { 
  background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); 
}

/* grid-s */
.grid-s .step { 
  position: relative;
  background-color: #FFFFFF;
  border-radius: 4px;
  min-height: 150px;
  border-bottom: 2px solid #DDD;
  padding: 10px 5px 20px 5px;
}

.grid-s .field .field-value {
  position: unset;
  margin-right: 40px;
}

.grid-s .step.active {
  background-color: #F0F5FA;
}

.grid-s .step:first-child {
  /*margin-top: 5px;*/
}

.grid-s .step:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 3px;
  width: 3px;
  border-radius: 2px;
  background-color: transparent;
}

.grid-s .field .field-value .value-box {
  background-color: unset;
  padding: 0;
  min-height: unset;
}

.grid-s .step .index { 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -20px;
  color: #13344D; 
  margin-right: 10px;
  text-align: center; 
  width: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 28px;
  font-family: Arial;
}

.grid-s .step .step-head {
  margin-left: 50px;
  padding-top: 10px;
}

.grid-s .step .step-head .title {
  font-weight: 400;
  text-transform: none;
  font-size: 22px;
  color: #404040;
  padding-bottom: 10px;
}

.grid-s .step .step-content {
  margin: 10px 0 0 50px;
}

.grid-s .step .step-content .step-details .field.htmlarea {
  position: relative;
}

.grid-s .step .step-content .step-details .htmlarea-actions {
  left: 0;
  bottom: 5px;
}

.grid-s .step-actions {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}

.grid-s .issue-actions { 
  position: absolute;
  right: 10px;
  top: 10px;
}

.grid-s .step-actions .button, 
.grid-s .issue-actions .button {
  width: 20px;
  display: block;
  margin-bottom: 5px; 
}

/* grid-f */
.grid-f .step { 
  position: relative;
  background-color: #FFFFFF;
  border-radius: 4px;
  min-height: 150px;
  border-bottom: 2px solid #DDD;
  padding: 10px 5px 20px 5px;
}

.grid-f .field .field-value {
  position: unset;
  margin-right: 40px;
}

.grid-f .step.active {
  background-color: #F0F5FA;
}

.grid-f .step:first-child {
  /*margin-top: 5px;*/
}

.grid-f .step:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 3px;
  width: 3px;
  border-radius: 2px;
  background-color: transparent;
}

.grid-f .field .field-value .value-box {
  background-color: unset;
  padding: 0;
  min-height: unset;
}

.grid-f .step .index { 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -20px;
  color: #13344D; 
  margin-right: 10px;
  text-align: center; 
  width: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 28px;
  font-family: Arial;
}

.grid-f .step .step-head {
  margin-left: 50px;
  padding-top: 10px;
}

.grid-f .step .step-head .title {
  font-weight: 400;
  text-transform: none;
  font-size: 22px;
  color: #404040;
  padding-bottom: 10px;
}

.grid-f .step .step-content {
  margin: 10px 0 0 50px;
}

.grid-f .step .step-content .step-details .field.htmlarea {
  position: relative;
}

.grid-f .step .step-content .step-details .htmlarea-actions {
  left: 0;
  bottom: 5px;
}

.grid-f .step-actions {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}

.grid-f .issue-actions { 
  position: absolute;
  right: 10px;
  top: 10px;
}

.grid-f .step-actions .button, 
.grid-f .issue-actions .button {
  width: 20px;
  display: block;
  margin-bottom: 5px; 
}

.

/*<--- Roles-grid --->*/
.roles-grid {
  
}

.roles-grid .item {
  position: relative;
  padding: 8px 10px 10px 10px;
}

.roles-grid .item:before {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background-color: rgba(213, 215, 218, 1);
}

.roles-grid .item:first-child:after {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  height: 1px;
  background-color: rgba(213, 215, 218, 1);
}

.roles-grid .item:hover {
  background-color: #F0F5FA;
}

.roles-grid .item.selected {
  background-color: rgba(20, 115, 230, 0.2);
}

.roles-grid .item .title-line {
  margin-bottom: 5px;
}

.roles-grid .item .title-line .title {
  white-space: nowrap;
}

.roles-grid .item .title-line .static-field {
  margin-bottom: 0;
}

.roles-grid .item .title-line .title .value-box {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #404040;
}

.roles-grid .item .title-line .title .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain, 0;
}

.roles-grid .item .item-content {
  
}

.roles-grid .item .item-content .field {
  margin-left: 25px;
  margin-bottom: 0;
}

.roles-grid .item .item-content .field .field-label {
  color: #81878F;
}

.roles-grid .item .item-content .field .field-value {
  
}

.roles-grid .item .item-content .field .field-value .value-box {
  
}

.roles-grid .bottom-panel {
  border-top: 1px solid #D5D7DA;
  line-height: unset;
}

/*<--- Notes grid --->*/
.notes-grid {
  
}

.notes-grid .grid-toppane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.notes-grid .grid-toppane .search {
  max-width: unset;
}

.notes-grid.views-selector-style-a .views-selector {
  display: block;
  margin: 50px 10px 10px 10px;
}

.notes-grid .views-selector .selector-items {
  display: flex;
  align-items: center;
  text-align: center;
}

.notes-grid.views-selector-style-a .views-selector .selector-items .selector-item.active {
  background-color: rgba(216, 55, 144, 1);
}

.notes-grid.views-selector-style-a .views-selector .selector-items .selector-item {
  flex: 1;
}

.notes-grid.views-selector-style-a .views-selector .selector-items .selector-item a {
  display: block;
  padding: 4.5px;
}

.notes-grid .title-line {
  margin-bottom: 5px;
}

.notes-grid .title-line .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notes-grid .title-line .title .value-box {
  color: #13344D;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}

.notes-grid .title-line .date {
  float: right;
  margin-left: 10px;
}

.notes-grid .title-line .date .value-box {
  color: #81878F;
  font-weight: 400;
}

.notes-grid .title-line .static-field {
  margin-bottom: 0;
}

.notes-grid .participants {
  margin-top: 5px;
}

.notes-grid .participants .html > span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: 700;
  color: #EEEEEE;
  background-color: rgba(20, 115, 233, 1);
  border-radius: 50%;
  font-size: 10px;
  margin-bottom: 0;
  margin-right: 3px;
}

.notes-grid .items > .group {
  position: relative;
  padding: 6px 8px;
  min-height: 50px;
}

.notes-grid .items > .group:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  height: 1px;
  background-color: rgba(224, 224, 224, 1);
}

.notes-grid .items > .group:hover {
  background-color: #F9F9F9;
}

.notes-grid .items > .group:hover:before {
  background-color: #81878F;
}

.notes-grid .items > .group.selected {
  background-color: rgba(192, 56, 204, 0.1);
}

.notes-grid .items > .group.selected:before {
  background-color: rgba(192, 56, 204, 1);
}

.notes-grid .footer {
  border-top: 1px solid rgba(224, 224, 224, 1);
}

.notes-grid .footer .footer-toolbars .paging-bar {
  margin-left: 10px;
}

/*<--- notes attachments grid --->*/
.notes-attachments-grid {
  text-align: center;
  position: absolute;
  left: 0;
  top: 80px;
  right: 0;
  bottom: 0;
}

.notes-attachments-grid .items {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
}

.notes-attachments-grid .views-selector {
  margin-bottom: 5px;
}

.notes-attachments-grid .items > .group {
  position: relative;
  text-align: left;
}

.notes-attachments-grid .items > .group .static-field {
  position: relative;
  height: 40px;
  line-height: 40px;
  margin: 0;
}

.notes-attachments-grid .items > .group .static-field:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  background-color: rgba(224, 224, 224, 1);
}

.notes-attachments-grid .items > .group .static-field:after {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain, 0;
}

.notes-attachments-grid .items > .group:last-child .static-field:before {
  content: none;
}

.notes-attachments-grid .items > .group .static-field:hover {
  background-color: #F0F5FA;
}

.notes-attachments-grid .items > .group .static-field:hover:after,
.notes-attachments-grid .items > .group.selected .static-field:after {
  background-size: 0, contain;
}

.notes-attachments-grid .items > .group .static-field:hover:before {
  background-color: #81878F;
}

.notes-attachments-grid .items > .group.selected .static-field:before {
  background-color: rgba(216, 55, 144, 1);
}

.notes-attachments-grid .items > .group.selected .static-field {
  background-color: rgba(205, 38, 130, 0.1);
}

.notes-attachments-grid .items > .group .static-field .value-box {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #404040;
  margin-left: 35px;
}

.notes-attachments-grid .items > .group .button {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.notes-attachments-grid .items > .group.selected .button {
  display: block;
}

.notes-attachments-grid .items > .group .button .image {
  background-size: 13px, 0, 0;
}

.notes-attachments-grid .items > .group .button:hover .image {
  background-size: 0, 13px, 0;
}

/*<--- suppliers-grid --->*/
.suppliers-grid {
  
}

.suppliers-grid .items > .group {
  padding: 10px;
  position: relative;
  min-height: 114px;
  min-width: 600px;
  box-sizing: border-box;
}

.suppliers-grid .items > .group.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.suppliers-grid .items > .group:before {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background-color: rgba(224, 224, 224, 1);
}

.suppliers-grid .items > .group.selected:before {
  background-color: rgba(21, 141, 220, 0.2);
}

.suppliers-grid .items > .group > .content {
  overflow: hidden;
}

.suppliers-grid .supplier-logo {
  float: left;
  width: 152px;
  height: 92px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.suppliers-grid .supplier-logo img {
  filter: grayscale(1);
}

.suppliers-grid .supplier-info {
  float: left;
  margin-left: 10px;
}

.suppliers-grid .supplier-info .field {
  margin-bottom: 5px;
}

.suppliers-grid .supplier-info .field:last-child {
  margin: 0;
}

.suppliers-grid .supplier-info .supplier-name {
  margin-bottom: 10px;
  font-weight: 700;
  color: #404040;
}

.suppliers-grid .supplier-info .supplier-flag {
  
}

.suppliers-grid .supplier-info .supplier-flag .field-value {
  white-space: nowrap;
}

.suppliers-grid .supplier-info .supplier-flag .field-value:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.suppliers-grid .supplier-info .supplier-flag.cn-flag .field-value:before {
  background-image: url("/_themes/light/content/media/flags/china.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.suppliers-grid .supplier-info .supplier-flag.us-flag .field-value:before {
  background-image: url("/_themes/light/content/media/flags/usa.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.suppliers-grid .supplier-info .supplier-flag.es-flag .field-value:before {
  background-image: url("/_themes/light/content/media/flags/spain.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.suppliers-grid .supplier-info .supplier-flag .field-value .value-box {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}

.suppliers-grid .supplier-info .supplier-active-users {
  
}

.suppliers-grid .supplier-info .supplier-active-users.status-1 .field-value .value-box {
  font-weight: 700;
  color: rgba(220, 53, 69, 1);
}

.suppliers-grid .supplier-info .supplier-active-users.status-2 .field-value .value-box {
  font-weight: 700;
  color: rgba(255, 149, 0, 1);
}

.suppliers-grid .supplier-statistic {
  float: right;
}

.suppliers-grid .supplier-status {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 4px 8px 4px 15px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border-radius: 3px;
  color: #EEEEEE;
  font-weight: 700;
  background-color: rgba(40, 167, 69, 1);
}

.suppliers-grid .supplier-status.status-1 {
  background-color: rgba(220, 53, 69, 1);
}

.suppliers-grid .supplier-status.status-2 {
  background-color: rgba(255, 149, 0, 1);
}

.suppliers-grid .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size:contain, 0, 0;
}

.suppliers-grid .supplier-statistic-values {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.suppliers-grid .supplier-statistic-values .static-field {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  color: #13344D;
}

.suppliers-grid .supplier-statistic-values .static-field:last-child {
  margin-bottom: 0;
}

.suppliers-grid .supplier-statistic-values .static-field.status-1 {
  color: rgba(220, 53, 69, 1);
  font-weight: 700;
}

.suppliers-grid .supplier-statistic-values .static-field.status-2 {
  color: rgba(255, 149, 0, 1);
  font-weight: 700;
}

.suppliers-grid .supplier-statistic-values .static-field.status-1 .icon {
  background-size: 0, 0, contain;
}

.suppliers-grid .supplier-statistic-values .static-field.status-2 .icon {
  background-size: 0, contain, 0;
}

.suppliers-grid .icon-status {
  background-image: url("/_themes/light/content/media/icons/status.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.suppliers-grid .icon-hdd {
  background-image: url("/_themes/light/content/media/icons/medium/hdd_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/medium/hdd_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/icons/medium/hdd_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.suppliers-grid .icon-database {
  background-image: url("/_themes/light/content/media/icons/medium/database_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/medium/database_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/icons/medium/database_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.suppliers-grid .footer .paging-bar {
  margin-left: 10px;
}


/* --- grid-h --- */
.grid-h {
  color: #13344D;
  position: relative;
}

.grid-h .views-selector {
  display: inline-block;
}

.grid-h .field {
  margin-bottom: 0;
}

.grid-h .switch .field-value .value-box {
  display: block;
  min-height: 16px;
  background-color: unset;
}

.grid-h .field.singlechoice .value-box {
  background-color: inherit;
  min-height: auto;
  padding: 0;
  width: auto;
  font-size: inherit;
}

.grid-h .grid-toppane {
  margin-bottom: 5px;
}

.grid-h.top-pane-style-a .grid-toppane {
  position: absolute;
  top: -36px;
}

.grid-h .head {
  overflow: hidden;
}

.grid-h .head-fixed {
  float: left;
  position: relative;
  /*border-bottom: 1px solid #D5D7DA;*/
}

.grid-h .head-scroll {
  overflow: auto;
  position: relative;
}

.grid-h .head-fixed .head-table,
.grid-h .head-scroll .head-table {
  display: inline-table;
  vertical-align: top;
  table-layout: fixed;
  width: 0;
  border-collapse: collapse;
  text-transform: uppercase;
  border-bottom: 1px solid #D5D7DA;
}

.grid-h .head-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.grid-h .head-table .col {
  position: relative;
  font-size: 10px;
  color: #81878F;
  font-weight: 300;
  height: 30px;
  border-top: 1px solid #D5D7DA;
  border-right: 1px solid #D5D7DA;
}

.grid-h .head-table .col > div {
  padding: 0 5px;
}

.grid-h .head-table .col[colspan] {
  /*border-bottom: 1px solid #D5D7DA;*/
}

.grid-h .head-table .col.hover {
  /*font-weight: 500;*/
  color: #158DDC;
}

.grid-h .head-table .col .text {
  width: 100%;
  text-align: center;
}

.grid-h .head-table .col .cmd-filter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  opacity: 0;
  transition: right .3s ease-in-out, opacity .3s ease-in-out;
}

.grid-h .head-table .col:hover .cmd-filter {
  right: 5px;
  opacity: 1;
}

.grid-h .head-table .col .cmd-filter > span {
  display: inline-block;
  vertical-align: sub;
  width: 15px;
  height: 15px;
  background-image: url("/_themes/light/content/media/icons/filter.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/filter_fill.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain, 0 0;
}

.grid-h .head-table .col .cmd-filter.active {
  right: 0;
  opacity: 1;
}

.grid-h .head-table .col .cmd-filter.active > span {
  background-size: 0 0, contain;
}

.grid-h .head-table .col .width-adjust {
  position: absolute;
  z-index: 4;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 1px;
  cursor: e-resize;
  background-color: #D5D7DA;
  opacity: 0;
  transition: opacity .2s ease;
}

.grid-h .head-table .col:hover .width-adjust {
  opacity: 1;
}

.grid-h .head-table .col .width-adjust:before {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  height: 100%;
  width: 6px;
}

.grid-h .head-table .col.rotate > div {
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
}

.grid-h .head-table .col.rotate .text {
  text-align: center;
}

.grid-h .head-table .cmd-filter:hover > span {
  background-size: 0 0, contain;
}

.grid-h .head-table .text {
  font-size: 10px;
  letter-spacing: .6px;
  line-height: 10px;
}

.grid-h .head-table .groups-row {
  border-bottom: 1px solid #D5D7DA;
  text-align: center;
}

.grid-h .head-table .groups-row .text {
  float: unset;
}

.grid-h.no-head > .head {
  display: none;
}

.grid-h .items-table .col > div {
  position: relative;
  overflow: hidden; 
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.grid-h .items-table .col.number {
  text-align: right;
}

.grid-h .items-table .col.wrap > div {
  white-space: normal;
}

.grid-h .col.align-center > div {
  text-align: center;
}

.grid-h .item.marker-readmarker .col {
  font-weight: 700;
}

.grid-h .items-scroll {
  overflow: auto;
  position: relative;
}

/* Hide scrollbar for Safari */
.grid-h .items-scroll::-webkit-scrollbar {
  display: none;
}

.grid-h .items-fixed .items-table,
.grid-h .items-scroll .items-table {
  display: inline-table;
  vertical-align: top;
  table-layout: fixed;
  width: 0;
  border-collapse: collapse;
}

.grid-h .scroll-bar {
  height: 19px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.grid-h .scroll-bar > .content {
  height: 19px;
  overflow: hidden;
}

.grid-h .items-fixed {
  float: left;
  position: relative;
}

.grid-h .item {
  height: 30px;
  border-bottom: 1px solid #D5D7DA;
  transition: background-color .2s ease;
}

.grid-h .item.hover {
  background-color: #F0F5FA;
}

.grid-h .item.hover .link a,
.grid-h .item.selected .link a {
  text-decoration: underline;
  color: #158DDC;
}

.grid-h .item.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-h .item .cmd-menu {
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: right .3s ease-in-out, opacity .3s ease-in-out;
}

.grid-h .item.hover .cmd-menu,
.grid-h .item.selected .cmd-menu {
  right: 10px;
  opacity: 1;
}

.grid-h .item .cmd-menu span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/medium/menu.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain
}

.grid-h .item .col.size-m .image {
  background-size: 17.5px 17.5px, 0 0 !important;
}

.grid-h .item .col.size-s .image {
  background-size: 14px 14px, 0 0 !important;
}

.grid-h .item .col.folder {
  color: #81878F;
  transform: translateX(20px);
}

.grid-h .item .col {
  position: relative;
}

.grid-h .item .col input {
  padding: 5px 0;
}

.grid-h .item .col.editable:hover .value-box {
  cursor: pointer;
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-h .item .col.lookup a,
.grid-h .item .col.text a:not(.button) {
  color: #158DDC;
}

.grid-h .item .col.lookup:hover a,
.grid-h .item .col.text:hover a:not(.button) {
  text-decoration: underline;
}

.grid-h .item .col[rowspan] {
  border-left: 1px solid #D5D7DA;
  border-right: 1px solid #D5D7DA;
}

.grid-h .item .col.hover {
  border-bottom: 1px solid #81878F;
}

.grid-h .item .col .cmd:hover .image {
  background-size: 0 0, 17.5px 17.5px;
}

.grid-h .item .col.active {
  border-bottom: 1px solid #158DDC;
}

.grid-h .item .col.multiline {
  border-right: 1px solid #D5D7DA;
  padding: 10px 6px;
}

.grid-h .item .col > div > div.group {
  background-color: transparent;
}

.grid-h .item .col.summary-cell {
  overflow: hidden;
}

.grid-h .item .col.summary-cell .progress {
  float: left;
  margin-right: 5px;
}

.grid-h .item .col.summary-cell .open-issues {
  overflow: hidden;
}

.grid-h .item .col.lookup .cmd-lookup {
  display: none;
}

.grid-h .item .col.lookup:hover .cmd-lookup {
  display: unset;
}

.grid-h .item .col.col-actions .cmd > span {
  opacity: 0;
  transform: translateX(-5px);
  transition: transform .3s ease, opacity .3s ease;
}

.grid-h .item .col.image-visible .image,
.grid-h .item .col.icon-visible .image,
.grid-h .item .field.image-visible .image,
.grid-h .item .field.icon-visible .image{
  opacity: 1;
}

.grid-h .item .col.image-only,
.grid-h .item .col.icon-only,
.grid-h .item .field.image-only,
.grid-h .item .field.icon-only{
  color: transparent;
  font-size: 0;
}

.grid-h .item:hover .col.col-actions .cmd > span {
  opacity: 1;
  transform: translateX(0px);
}

.grid-h .col .image {
  opacity: 0;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 17.5px 17.5px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-h .item.hover .col .image {
  opacity: 1;
  /*display: inline-block;*/
}

.grid-h .col .image.image-favorites {
  background-size: contain, 0, 0;
  background-image: url("/_themes/light/content/media/icons/favorites.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

.grid-h .col.incoming-favorites .image.image-favorites {
  background-size: 0, 0, contain;
}

.grid-h .item.hover .col .image.image-progress0,
.grid-h .item.hover .col .image.image-progress1,
.grid-h .item.hover .col .image.image-progress2,
.grid-h .item.hover .col .image.image-progress3 {
  background-size: 17.5px 17.5px, 0 0;
}

.grid-h .col .image.image-priority-emergency,
.grid-h .col .image.image-priority-high,
.grid-h .col .image.image-priority-medium,
.grid-h .col .image.image-priority-low {
  opacity: 1;
}

.grid-h .col .image.image-circle_green,
.grid-h .col .image.image-circle_yellow,
.grid-h .col .image.image-circle_red {
  opacity: 1;
}

.grid-h .item.selected .col.hover {;
  border-bottom-color: #81878F;
}

.grid-h .item.selected .col.active.hover {;
  border-bottom-color: #158DDC;
}

.grid-h .item .col .field {
  margin: 0;
}

.grid-h .item .col .field .value-box {
  border: none;
  background-color: unset;
}

.grid-h .item a.cmd,
.grid-h .item .link a {
  text-decoration: none;
  color: inherit;
  transition: color .2s ease;
}

.grid-h .item .folder div {
  position: relative;
  display: inline;
}

.grid-h .item .folder div:before {
  /*content: '';*/
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-h .item .folder.collapse div:before {
  transform: translateY(-50%) rotate(90deg);
}

.grid-h .item .col.button-col .image {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.grid-h .item .col.last-applied:before {
  content: '*';
  position: absolute;
  right: 0;
  top: 0;
  color: red;
  font-size: 20px;
}

.grid-h .col.selection {
  text-align: center;
}

.grid-h .head-table .col.selection label.check {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position:center;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
}

.grid-h .head-table .col.selection.partial-selected label.check {
  background-size: 0, 0, contain, 0;
}

.grid-h .head-table .col.selection .count {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
}

.grid-h .col.check label,
.grid-h .col.selection label {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0, 0, 0;
}

.grid-h .col.check:hover label,
.grid-h .col.selection:hover label {
  background-size: 0, contain, 0, 0;
}

.grid-h .head-table .col.selection.page-selected:hover label,
.grid-h .head-table .col.selection.partial-selected:hover label {
  background-size: 0, 0, 0, contain;
}

.grid-h .col.selection.partial-selected label,
.grid-h .item.selected .col.selection label,
.grid-h .col.check label.checked,
.grid-h .head-table .col.selection.page-selected label {
  background-size: 0, 0, contain, 0;
}

.grid-h .col.selection label.checked {
  background-size: 0, contain, 0, 0;
}

.grid-h .item.selected .col:hover label {
  background-size: 0, 0, 0, contain;
}

.grid-h .edit.singlechoice.dropdown-simple .value-box .value-text {
  display: none;
}

/*<--- grid-h lookup --->*/
.grid-h .item .col .lookup .value-box {
  padding-right: 20px;
}

.grid-h .item .col .lookup .value-box input {
  padding-right: 0;
  text-overflow: ellipsis;
}

.grid-h .item .col .lookup .value-box .cmd-lookup .icon {
  background-repeat: no-repeat;
  transform: unset;
  width: 10px;
  height: 10px;
  background-image: url("/_themes/light/content/media/icons/grid_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F"), 
                    url("/_themes/light/content/media/icons/grid_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain;
}

/*<--- grid-h multichoicelookup --->*/
.grid-h .item .col .multichoicelookup .lookup {
  padding-left: 30px;
  background-image:  url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.grid-h .item .col .multichoicelookup .value-item {
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 5px 0 10px;
  font-size: 10px;
  margin: 0 10px 0 0;
}

.grid-h .item .col .multichoicelookup .value-item .text {
  display: inline-block;
  vertical-align: middle;
}

.grid-h .item .col .multichoicelookup .value-item .cmd-delete {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

/*<--- grid-h fields general styles --->*/
.grid-h .item .col .lookup .value-box,
.grid-h .item .col .multichoicelookup .value-box {
  background-color: unset;
  border: none;
}

/*<--- grid-h footer --->*/
.grid-h .footer {
  border-top: 1px solid #D5D7DA;
}

.grid-h .footer .item.totals {
  border-bottom: none;
}

.grid-h .footer .item.totals .col {
  font-weight: 500;
}

.grid-h.footer-b .footer {
  border-top: none;
}

.grid-h .footer-toolbars {
  margin-top: 5px;
  margin-left: 5px;
}

.grid-h .footer-toolbars .toolbar a {
  margin-left: 5px;
}

.grid-h .paging-bar {
  margin: 0;
}

.grid-h .paging-bar .recordscount {
  font-size: 14px;
}

.grid-h .items-table .col.ordering { 
  cursor: move; 
}

.grid-h .items-table .col.ordering.ordering-image-on > div:before {
  visibility: hidden; 
  content: " "; 
  display: block; 
  overflow: hidden; 
  width: 20px; 
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/mover.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-h .items-table .item:hover .col.ordering.ordering-image-on > div:before { 
  visibility: visible; 
}


/* grid-h chats */
.grid-h .extension.value-box {
  display: block;
  position: relative; 
  width: 20px; 
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat; 
  background-position: center; 
}

.grid-h .extension-name-chats.value-box {
  display: none;
  background-size: contain, 0, 0, 0, 0, 0, 0, 0, 0;
  background-image: url("/_themes/light/content/media/icons/messenger.svg?stamp=240311&t=0&icon_color=%2381878F"),                  
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),           
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),                 
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),              
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),               
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=%2381878F&notification_color=%23158DDC"),   
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)&notification_color=%23158DDC"),         
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)&notification_color=%23158DDC"),      
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)&notification_color=%23158DDC"); 
}


.grid-h .extension-name-chats.value-box.extension-attached {
  display: block;
  background-size: 0, contain, 0, 0, 0, 0, 0, 0, 0;
}

.grid-h .extension-name-chats.value-box.extension-attached.extension-status-1 {
  background-size: 0, 0, 0, 0, contain, 0, 0, 0, 0;
}

.grid-h .extension-name-chats.value-box.extension-attached.extension-status-2 {
  background-size: 0, 0, 0, contain, 0, 0, 0, 0, 0;
}


.grid-h .extension-name-chats.value-box.extension-attached.extension-status-3 {
  background-size: 0, 0, contain, 0, 0, 0, 0, 0, 0;
}

.grid-h .extension-name-chats.value-box.extension-attached.extension-marker-1 {
  background-size: 0, 0, 0, 0, 0, contain, 0, 0, 0;
}

.grid-h .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-1 {
  background-size: 0, 0, 0, 0, 0, 0, contain, 0, 0;
}

.grid-h .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-2 {
  background-size: 0, 0, 0, 0, 0, 0, 0, contain, 0;
}

.grid-h .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-3 {
  background-size: 0, 0, 0, 0, 0, 0, 0, 0, contain;
}


.grid-h .extension-name-chats.value-box.extension-marker-1:before {
  content: none; position: absolute; right: 0; top: 0; width: 7px; height: 7px;
  background: #158DDC; border-radius: 7px; border: 1px solid #fff;
}

.grid-h .extension-name-notes.value-box {
  display: none;
  background-size: contain;
  background-image: url("/_themes/light/content/media/icons/notes_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid-h .extension-name-notes.extension-attached.value-box {
  display: block;
}


.grid-h .col.with-buttons .group .content > .field {
  float: left;
  width: 90%;
}

.grid-h .col.with-buttons .group .content .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  width: 10%;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 0;
}

.grid-h .col.with-buttons:hover .group .content .button {
  display: inline-block;
}

.grid-h .col.with-buttons .group .content .button:hover {
  background: unset;
}

.grid-h .field.style-d {
  display: block;
}

.grid-h .field.style-d .field-value {
  padding: 0;
  height: auto;
  text-transform: none;
}

.grid-h .field.style-d .field-value .value-box {
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
}

.grid-h .field.style-d .field-value .value-box,
.grid-h .field.style-d .field-value .text {
  text-transform: none;
}

.grid-h .field.style-d:before{
  content: ":";
  background-size: contain;
  background-repeat: no-repeat;
  width: 9px;
  height: 16px;
  display: inline-block;
  float: left;
  padding-left: 21px;
}

.grid-h .field.style-d.title:before{
  background-image: url("/_themes/light/content/media/icons/grid_document.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-h .field.style-d.title .value-box span.text{
  font-weight: bold;
}

.grid-h .field.style-d.date:before{
  background-image: url("/_themes/light/content/media/icons/grid_date.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-h .field.style-d.status:before{
  background-image: url("/_themes/light/content/media/icons/grid_status.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-h .field.style-d.status.status_1 .value-box span.text{
  color: rgba(40, 167, 69, 1);
}

.grid-h .field.style-d.status.status_2 .value-box span.text{
  color: #1473E6;
}

.grid-h .field.style-d.status.status_3 .value-box span.text{
  color: #B130BD;
}

.grid-h .field.style-d.status.status_4 .value-box span.text{
  color: #81878F;
}

.grid-h .field.style-d.status.status_1:before{
  background-image: url("/_themes/light/content/media/icons/grid_status.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.grid-h .field.style-d.customer:before{
  background-image: url("/_themes/light/content/media/icons/grid_customer.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-h .field.style-d.attach:before{
  background-image: url("/_themes/light/content/media/icons/grid_attach.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-h .field.style-e .image{
  display: none;
}
/*completed*/
.grid-h .field.style-e.status_1 .value-box span.text{
  color: rgba(40, 167, 69, 1);
}
/*active*/
.grid-h .field.style-e.status_2 .value-box span.text{
  color: #1473E6;
}
/*inactive*/
.grid-h .field.style-e.status_3 .value-box span.text{
  color: #B130BD;
}
/*gray*/
.grid-h .field.style-e.status_4 .value-box span.text{
  color: #81878F;
}

.grid-h .field.style-f .value-box span.text{
  color: #81878F;
}

.grid.grid-h .items .item .grid-additionall-button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .3s ease, right .3s ease;
}

.grid.grid-h .items .item.selected .grid-additionall-button {
  right: 10px;
  opacity: 0;
}

.grid.grid-h .items .item .col.hover .grid-additionall-button {
  right: 0px;
  opacity: 1;
}

.grid.grid-h .items .item .grid-additionall-button2 {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .3s ease, right .3s ease;
}

.grid.grid-h .items .item.selected .grid-additionall-button2 {
  right: 32px;
  opacity: 0;
}

.grid.grid-h .items .item .col.hover .grid-additionall-button2 {
  right: 22px;
  opacity: 1;
}

.grid.grid-h .items .item .grid-additionall-button3 {
  position: absolute;
  right: 10px;
  top: 10px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .3s ease, right .3s ease;
}

.grid.grid-h .items .item.selected .grid-additionall-button3 {
  right: 10px;
  opacity: 0;
}

.grid.grid-h .items .item .col.hover .grid-additionall-button3 {
  right: 0px;
  opacity: 1;
}

.grid.grid-h .items .item .col.hover .button.grid-additionall-button3 .image {
  background-size: contain, 0 0 !important;
}

/* --- grid-j --- */
.grid-j {
  color: #13344D;
  position: relative;
}

.grid-j .views-selector {
  display: inline-block;
}

.grid-j .field {
  margin-bottom: 0;
}

.grid-j .switch .field-value .value-box {
  display: block;
  min-height: 16px;
  background-color: unset;
}

.grid-j .field.singlechoice .value-box {
  background-color: inherit;
  min-height: auto;
  padding: 0;
  width: auto;
  font-size: inherit;
}

.grid-j .grid-toppane {
  margin-bottom: 5px;
}

.grid-j .head {
  overflow: hidden;
}

.grid-j .head-fixed {
  float: left;
  position: relative;
  /*border-bottom: 1px solid #D5D7DA;*/
}

.grid-j .head-scroll {
  overflow: auto;
  position: relative;
}

.grid-j .head-fixed .head-table,
.grid-j .head-scroll .head-table {
  display: inline-table;
  vertical-align: top;
  table-layout: fixed;
  width: 0;
  border-collapse: collapse;
  text-transform: uppercase;
  border-bottom: 1px solid #D5D7DA;
}

.grid-j.style-b .head-fixed .head-table,
.grid-j.style-b .head-scroll .head-table {
  margin-left: 10px;
}

.grid-j .head-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.grid-j .head-table .col {
  position: relative;
  font-size: 10px;
  color: #81878F;
  font-weight: 300;
  height: 30px;
}

.grid-j .head-table .col > div {
  padding: 0 5px;
}

.grid-j .head-table .col[colspan] {
  /*border-bottom: 1px solid #D5D7DA;*/
}

.grid-j .head-table .col.hover {
  /*font-weight: 500;*/
  color: #158DDC;
}

.grid-j .head-table .col .text {
  width: 100%;
  text-align: center;
}

.grid-j .head-table .col .cmd-filter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  opacity: 0;
  transition: right .3s ease-in-out, opacity .3s ease-in-out;
}

.grid-j .head-table .col:hover .cmd-filter {
  right: 5px;
  opacity: 1;
}

.grid-j .head-table .col .cmd-filter > span {
  display: inline-block;
  vertical-align: sub;
  width: 15px;
  height: 15px;
  background-image: url("/_themes/light/content/media/icons/filter.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/filter_fill.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain, 0 0;
}

.grid-j .head-table .col .cmd-filter.active {
  right: 0;
  opacity: 1;
}

.grid-j .head-table .col .cmd-filter.active > span {
  background-size: 0 0, contain;
}

.grid-j .head-table .col .width-adjust {
  position: absolute;
  z-index: 4;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 1px;
  cursor: e-resize;
  background-color: #D5D7DA;
  opacity: 0;
  transition: opacity .2s ease;
}

.grid-j .head-table .col:hover .width-adjust {
  opacity: 1;
}

.grid-j .head-table .col .width-adjust:before {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  height: 100%;
  width: 6px;
}

.grid-j .head-table .col.rotate > div {
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
}

.grid-j .head-table .col.rotate .text {
  text-align: center;
}

.grid-j .head-table .cmd-filter:hover > span {
  background-size: 0 0, contain;
}

.grid-j .head-table .text {
  font-size: 10px;
  letter-spacing: .6px;
  line-height: 10px;
}

.grid-j .head-table .groups-row {
  border-bottom: 1px solid #D5D7DA;
  text-align: center;
}

.grid-j .head-table .groups-row .text {
  float: unset;
}

.grid-j.no-head > .head {
  display: none;
}

.grid-j .items-table .col > div {
  position: relative;
  overflow: visible; 
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.grid-j .items-table .col.number {
  text-align: right;
}

.grid-j .items-table .col.wrap > div {
  white-space: normal;
}

.grid-j .col.align-center > div {
  text-align: center;
}

.grid-j .item.marker-readmarker .col {
  font-weight: 700;
}

.grid-j .items-scroll {
  overflow: auto;
  position: relative;
}

/* Hide scrollbar for Safari */
.grid-j .items-scroll::-webkit-scrollbar {
  display: none;
}

.grid-j .items-fixed .items-table,
.grid-j .items-scroll .items-table {
  display: inline-table;
  vertical-align: top;
  table-layout: fixed;
  width: 0;
  border-collapse: collapse;
}

.grid-j.style-b .items-fixed .items-table,
.grid-j.style-b .items-scroll .items-table {
  margin-left: 10px;
}

.grid-j .scroll-bar {
  height: 19px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.grid-j .scroll-bar > .content {
  height: 19px;
  overflow: hidden;
}

.grid-j .items-fixed {
  float: left;
  position: relative;
}

.grid-j .item {
  height: 30px;
  border-bottom: 1px solid #D5D7DA;
  transition: background-color .2s ease;
}

.grid-j .item.hover {
  background-color: #F0F5FA;
}

.grid-j .item.hover .link a,
.grid-j .item.selected .link a {
  text-decoration: underline;
  color: #158DDC;
}

.grid-j .item.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-j .item .cmd-menu {
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: right .3s ease-in-out, opacity .3s ease-in-out;
}

.grid-j .item.hover .cmd-menu,
.grid-j .item.selected .cmd-menu {
  right: 10px;
  opacity: 1;
}

.grid-j .item .cmd-menu span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/medium/menu.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain
}

.grid-j .item .col.size-m .image {
  background-size: 17.5px 17.5px, 0 0 !important;
}

.grid-j .item .col.size-s .image {
  background-size: 14px 14px, 0 0 !important;
}

.grid-j .item .col.folder {
  color: #81878F;
  transform: translateX(20px);
}

.grid-j .item .col {
  position: relative;
}

.grid-j .item .col input {
  padding: 0;
}

.grid-j .field.date .date-part input {
  padding-left: 28px;
  background-repeat: no-repeat;
  background-size: 17px, 0 0;
  background-position: 0;
  background-image: url("/_themes/light/content/media/icons/datepicker.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/datepicker_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-j .item .col.editable:hover .value-box {
  cursor: pointer;
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-j .item .col.lookup:hover a,
.grid-j .item .col.text:hover a {
  color: #158DDC;
  text-decoration: underline;
}

.grid-j .item .col[rowspan] {
  border-left: 1px solid #D5D7DA;
  border-right: 1px solid #D5D7DA;
}

.grid-j .item .col.hover {
  border-bottom: 1px solid #81878F;
}

.grid-j .item .col .cmd:hover .image {
  background-size: 0 0, 17.5px 17.5px;
}

.grid-j .item .col.active {
  border-bottom: 1px solid #158DDC;
}

.grid-j .item .col.multiline {
  padding: 10px 6px;
}

.grid-j .item .col.summary-cell {
  overflow: hidden;
}

.grid-j .item .col.summary-cell .progress {
  float: left;
  margin-right: 5px;
}

.grid-j .item .col.summary-cell .open-issues {
  overflow: hidden;
}

.grid-j .item .col.lookup .cmd-lookup {
  display: none;
}

.grid-j .item .col.lookup:hover .cmd-lookup {
  display: unset;
}

.grid-j .item .col.col-actions .cmd > span {
  opacity: 0;
  transform: translateX(-5px);
  transition: transform .3s ease, opacity .3s ease;
}

.grid-j .item .col.image-visible .image,
.grid-j .item .col.icon-visible .image,
.grid-j .item .field.image-visible .image,
.grid-j .item .field.icon-visible .image{
  opacity: 1;
}

.grid-j .item .col.image-only,
.grid-j .item .col.icon-only,
.grid-j .item .field.image-only,
.grid-j .item .field.icon-only{
  color: transparent;
  font-size: 0;
}

.grid-j .item:hover .col.col-actions .cmd > span {
  opacity: 1;
  transform: translateX(0px);
}

.grid-j .col .image {
  opacity: 0;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 17.5px 17.5px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-j .col.icon-size-b .image {
  width: 30px;
  height: 30px;
  background-size: 27.5px 27.5px, 0 0;
}

.grid-j .item.hover .col .image {
  opacity: 1;
  /*display: inline-block;*/
}

.grid-j .col .image.image-favorites {
  background-size: contain, 0, 0;
  background-image: url("/_themes/light/content/media/icons/favorites.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

.grid-j .col.incoming-favorites .image.image-favorites {
  background-size: 0, 0, contain;
}

.grid-j .item.hover .col .image.image-progress0,
.grid-j .item.hover .col .image.image-progress1,
.grid-j .item.hover .col .image.image-progress2,
.grid-j .item.hover .col .image.image-progress3 {
  background-size: 17.5px 17.5px, 0 0;
}

.grid-j .col .image.image-priority-emergency,
.grid-j .col .image.image-priority-high,
.grid-j .col .image.image-priority-medium,
.grid-j .col .image.image-priority-low {
  opacity: 1;
}

.grid-j .col .image.image-circle_green,
.grid-j .col .image.image-circle_yellow,
.grid-j .col .image.image-circle_red {
  opacity: 1;
}

.grid-j .item.selected .col.hover {;
  border-bottom-color: #81878F;
}

.grid-j .item.selected .col.active.hover {;
  border-bottom-color: #158DDC;
}

.ws1 .workspace-left-pane .grid-j .item .col .content > .field.title, 
.ws1 .workspace-right-pane .grid-j .item .col .content > .field.title,
.grid-j .item .col .field {
  margin: 0;
}

.grid-j .item .col .field .value-box {
  border: none;
  background-color: unset;
}

.grid-j .item a.cmd,
.grid-j .item .link a {
  text-decoration: none;
  color: inherit;
  transition: color .2s ease;
}

.grid-j .item .folder div {
  position: relative;
  display: inline;
}

.grid-j .item .folder div:before {
  /*content: '';*/
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-j .item .folder.collapse div:before {
  transform: translateY(-50%) rotate(90deg);
}

.grid-j .item .col.button-col .image {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.grid-j .item .col.last-applied:before {
  content: '*';
  position: absolute;
  right: 0;
  top: 0;
  color: red;
  font-size: 20px;
}

.grid-j .col.selection {
  text-align: center;
}

.grid-j .head-table .col.selection label.check {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position:center;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
}

.grid-j .head-table .col.selection.partial-selected label.check {
  background-size: 0, 0, contain, 0;
}

.grid-j .head-table .col.selection .count {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
}

.grid-j .col.check label,
.grid-j .col.selection label {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0, 0, 0;
}

.grid-j .col.check:hover label,
.grid-j .col.selection:hover label {
  background-size: 0, contain, 0, 0;
}

.grid-j .head-table .col.selection.page-selected:hover label,
.grid-j .head-table .col.selection.partial-selected:hover label {
  background-size: 0, 0, 0, contain;
}

.grid-j .col.selection.partial-selected label,
.grid-j .item.selected .col.selection label,
.grid-j .col.check label.checked,
.grid-j .head-table .col.selection.page-selected label {
  background-size: 0, 0, contain, 0;
}

.grid-j .col.selection label.checked {
  background-size: 0, contain, 0, 0;
}

.grid-j .item.selected .col:hover label {
  background-size: 0, 0, 0, contain;
}

.grid-j .edit.singlechoice.dropdown-simple .value-box .value-text {
  display: none;
}

.grid-j .col .static-field.text.title {
  font-weight: 700;
  font-size: 14px;
  color: #404040;
}

/*<--- grid-j lookup --->*/
.grid-j .item .col .lookup .value-box {
  padding-right: 20px;
}

.grid-j .item .col .lookup .value-box input {
  padding-right: 0;
  text-overflow: ellipsis;
}

.grid-j .item .col .lookup .value-box .cmd-lookup .icon {
  background-repeat: no-repeat;
  transform: unset;
  width: 10px;
  height: 10px;
  background-image: url("/_themes/light/content/media/icons/grid_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F"), 
                    url("/_themes/light/content/media/icons/grid_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain;
}

/*<--- grid-j multichoicelookup --->*/
.grid-j .item .col .multichoicelookup .lookup {
  padding-left: 30px;
  background-image:  url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.grid-j .item .col .multichoicelookup .value-item {
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 5px 0 10px;
  font-size: 10px;
  margin: 0 10px 0 0;
}

.grid-j .item .col .multichoicelookup .value-item .text {
  display: inline-block;
  vertical-align: middle;
}

.grid-j .item .col .multichoicelookup .value-item .cmd-delete {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

/*<--- grid-j fields general styles --->*/
.grid-j .item .col .lookup .value-box,
.grid-j .item .col .multichoicelookup .value-box {
  background-color: unset;
  border: none;
}

/*<--- grid-j footer --->*/
.grid-j .footer {
  border-top: 1px solid #D5D7DA;
}

.grid-j .footer .item.totals {
  border-bottom: none;
}

.grid-j .footer .item.totals .col {
  font-weight: 500;
}

.grid-j.footer-b .footer {
  border-top: none;
}

.grid-j .footer-toolbars {
  margin-top: 5px;
  margin-left: 5px;
}

.grid-j .footer-toolbars .toolbar a {
  margin-left: 5px;
}

.grid-j .paging-bar {
  margin: 0;
}

.grid-j .paging-bar .recordscount {
  font-size: 14px;
}

.grid-j .items-table .col.ordering { 
  cursor: move; 
}

.grid-j .items-table .col.ordering.ordering-image-on > div:before {
  visibility: hidden; 
  content: " "; 
  display: block; 
  overflow: hidden; 
  width: 20px; 
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/mover.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-j .items-table .item:hover .col.ordering.ordering-image-on > div:before { 
  visibility: visible; 
}

/* grid-j chats */
.grid-j .extension.value-box {
  display: block;
  position: relative; 
  width: 20px; 
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat; 
  background-position: center; 
}

.grid-j .extension-name-chats.value-box {
  display: none;
  background-size: contain, 0, 0, 0, 0, 0, 0, 0, 0;
  background-image: url("/_themes/light/content/media/icons/messenger.svg?stamp=240311&t=0&icon_color=%2381878F"),                  
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),           
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),                 
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),              
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),               
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=%2381878F&notification_color=%23158DDC"),   
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)&notification_color=%23158DDC"),         
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)&notification_color=%23158DDC"),      
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)&notification_color=%23158DDC"); 
}


.grid-j .extension-name-chats.value-box.extension-attached {
  display: block;
  background-size: 0, contain, 0, 0, 0, 0, 0, 0, 0;
}

.grid-j .extension-name-chats.value-box.extension-attached.extension-status-1 {
  background-size: 0, 0, 0, 0, contain, 0, 0, 0, 0;
}

.grid-j .extension-name-chats.value-box.extension-attached.extension-status-2 {
  background-size: 0, 0, 0, contain, 0, 0, 0, 0, 0;
}


.grid-j .extension-name-chats.value-box.extension-attached.extension-status-3 {
  background-size: 0, 0, contain, 0, 0, 0, 0, 0, 0;
}

.grid-j .extension-name-chats.value-box.extension-attached.extension-marker-1 {
  background-size: 0, 0, 0, 0, 0, contain, 0, 0, 0;
}

.grid-j .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-1 {
  background-size: 0, 0, 0, 0, 0, 0, contain, 0, 0;
}

.grid-j .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-2 {
  background-size: 0, 0, 0, 0, 0, 0, 0, contain, 0;
}

.grid-j .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-3 {
  background-size: 0, 0, 0, 0, 0, 0, 0, 0, contain;
}


.grid-j .extension-name-chats.value-box.extension-marker-1:before {
  content: none; position: absolute; right: 0; top: 0; width: 7px; height: 7px;
  background: #158DDC; border-radius: 7px; border: 1px solid #fff;
}

.grid-j .extension-name-notes.value-box {
  display: none;
  background-size: contain;
  background-image: url("/_themes/light/content/media/icons/notes_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid-j .extension-name-notes.extension-attached.value-box {
  display: block;
}


.grid-j .col.with-buttons .group .content > .field {
  float: left;
  width: 90%;
}

.grid-j .col.with-buttons .group .content .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  width: 10%;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 0;
}

.grid-j .col.with-buttons:hover .group .content .button {
  display: inline-block;
}

.grid-j .col.with-buttons .group .content .button:hover {
  background: unset;
}

.grid-j .field.style-d:before{
  content: ":";
  background-size: contain;
  background-repeat: no-repeat;
  width: 9px;
  height: 16px;
  display: inline-block;
  float: left;
  padding-left: 21px;
}

.grid-j .field.style-d.title:before{
  background-image: url("/_themes/light/content/media/icons/grid_document.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-j .field.style-d.title .value-box span.text{
  font-weight: bold;
}

.grid-j .field.style-d.date:before{
  background-image: url("/_themes/light/content/media/icons/grid_date.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-j .field.style-d.status:before{
  background-image: url("/_themes/light/content/media/icons/grid_status.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-j .field.style-d.status.status_1 .value-box span.text{
  color: rgba(40, 167, 69, 1);
}

.grid-j .field.style-d.status.status_2 .value-box span.text{
  color: #1473E6;
}

.grid-j .field.style-d.status.status_3 .value-box span.text{
  color: #B130BD;
}

.grid-j .field.style-d.status.status_4 .value-box span.text{
  color: #81878F;
}

.grid-j .field.style-d.status.status_1:before{
  background-image: url("/_themes/light/content/media/icons/grid_status.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.grid-j .field.style-d.customer:before{
  background-image: url("/_themes/light/content/media/icons/grid_customer.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-j .field.style-d.attach:before{
  background-image: url("/_themes/light/content/media/icons/grid_attach.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid-j .field.style-e .image{
  display: none;
}
/*completed*/
.grid-j .field.style-e.status_1 .value-box span.text{
  color: rgba(40, 167, 69, 1);
}
/*active*/
.grid-j .field.style-e.status_2 .value-box span.text{
  color: #1473E6;
}
/*inactive*/
.grid-j .field.style-e.status_3 .value-box span.text{
  color: #B130BD;
}
/*gray*/
.grid-j .field.style-e.status_4 .value-box span.text{
  color: #81878F;
}

.grid-j .field.style-f .value-box span.text{
  color: #81878F;
}

.grid-j .col.item-border .field.color {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  margin: 0;
  padding: 0;
  opacity: 0.3;
}

.grid-j .col.item-border > div,
.grid-j .col.item-border .field.color,
.grid-j .col.item-border .field.color .field-value,
.grid-j .col.item-border .field.color .field-value .value-box,
.grid-j .col.item-border .field.color .field-value .value-box .color{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  padding: 0;
  border: none;
}

.grid-j .col.item-border .field.color .color-value{
  display: none;
}

.grid.grid-j .items .item .grid-additionall-button {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .3s ease, right .3s ease;
  background-color: #1473E6;
  border-radius: 30px;
}

.grid.grid-j .items .item .grid-additionall-button.left {
  right: auto;
  left: 0px;
}

.grid.grid-j .items .item .grid-additionall-button .image{
  margin: 0;
  background-size: 26px 26px, 0 0;
}

.grid.grid-j .items .item .grid-additionall-button .image-circled-arrow-right { 
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23FFFFFF"),
                                               url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23FFFFFF");
}
                                               
.grid.grid-j .items .item .grid-additionall-button .image-circled-arrow-left { 
  background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23FFFFFF"),
                                               url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23FFFFFF");
}

.grid.grid-j .items .item.selected .grid-additionall-button {
  right: -16px;
  opacity: 1;
}

.grid.grid-j .items .item.selected .grid-additionall-button.left {
  left: -16px;
  right: auto;
  opacity: 1;
}

.grid.grid-j .items .item.selected .grid-additionall-button .image{
  opacity: 1;
}

.grid.grid-j .items .item.hover .col .grid-additionall-button {
  right: -16px;
  opacity: 1;
}

.grid.grid-j .items .item.hover .col .grid-additionall-button.left {
  left: -16px;
  right: auto;
  opacity: 1;
}

/* repetable-a */
.group.repeatable-a .item.level1 {
  border-bottom: 1px solid #DEE0E3;
  padding: 10px 10px 0 10px;
  position: relative;
}

.group.repeatable-a .item.level1:first-child {
  border-top: 1px solid #DEE0E3;
}

.group.repeatable-a .item.level1.selected {
  background-color: #F7F8FA;
}
  
.group.repeatable-a .item.level2 {
  border-bottom: 1px solid #DEE0E3;
  padding-top: 5px;
  padding-left: 10px;
}

.group.repeatable-a .item.level2.selected {
  background-color: #DDDDE0;
}

.group.repeatable-a .item > .content {
  overflow: hidden;
  /*margin-bottom: 15px;*/
}

.group.repeatable-a .item > .content > .left-column {
  position: relative;
  float: left;
  margin-right: 15px;
}

.group.repeatable-a .item > .content > .left-column.vertical-items > * {
  display: block;
}

.group.repeatable-a .item > .content > .right-column {
  float: right;
  margin-left: 20px;
}

.group.repeatable-a .item > .content > .extra-column {
  overflow: hidden;
  position: relative;
}

.group.repeatable-a .field.title {
  margin-bottom: 5px;
}

.group.repeatable-a .field.title .value-box span.text{
  font-weight: bold;
  font-size: 14px;
}

.group.repeatable-a .item.level2 .field {
  float: left;
  margin-bottom: 3px;
  margin-right: 10px;
}

.group.repeatable-a .group.repeatable-head-a {
  border-bottom: 1px solid #DEE0E3;
  padding-left: 10px;
}

.group.repeatable-a .group.repeatable-head-a .field {
  float: left;
  margin-bottom: 5px;
  margin-right: 10px;
}

.group.repeatable-a .group.repeatable-head-a .field:last-child {
  float: none;
}

.group.repeatable-a .group.repeatable-head-a .field .field-label{
  display: inline-block;
  margin-right: 0;
}

.group.repeatable-a .group.repeatable-head-a .field .field-value{
  display: none;
}

.group.repeatable-a .item.level2 .field.style-b {
  margin-bottom: 0;
}

.group.repeatable-a .item.level2 .field.check {
  padding-top: 2px;
}

.group.repeatable-a .item.level2 .field.check .field-value label{
  vertical-align: top;
}

.group.repeatable-a .button.expand,
.group.repeatable-a .button.collapse{
  position: absolute;
  left: 8px;
  bottom: 7px;
}

.group.repeatable-a .button.expand .image,
.group.repeatable-a .button.collapse .image{
  width: 14px;
  height: 14px;
}

.group.repeatable-a .field.image .files .item{
  display:none;
}

.group.repeatable-a .field.image .files .item:first-child{
  display: block;
}

/* repeatable-b */
.group.repeatable-b{
  overflow: auto;
  position: absolute;
  left: 0;
  top: 120px;
  right: 0;
  bottom: 0;
}

.group.repeatable-b.position-b {
  top: 100px;
}

.group.repeatable-b .repeatable-group {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row; 
  flex-direction: row;
}

.group.repeatable-b .repeatable-group > .group {
  box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
  margin: 2px 5px 2px 5px;
  padding: 10px;
  background-color: #FFFFFF;
  position: relative;
}

.group.repeatable-b .repeatable-group > .group.empty-placeholder {
  width: 520px;
  background-image: url("/_themes/light/content/media/repeatable-b/spc_graph_placeholder.png?stamp=240311&t=0");
  background-position: center;
  background-repeat: no-repeat;
}

/* repeatable-c */
.group.repeatable-c .repeatable-group > .group {
  position: relative;
}

/* repeatable-d */
.group.repeatable-d .repeatable-group > .group {
  position: relative;
  cursor: pointer;
  display: inline-block;
  float: left;
  width: 200px;
  height: 50px;
  padding: 12px 14px 14px 14px;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: 5px;
}

.group.repeatable-d .repeatable-group > .group.selected {
  background-color: rgba(21, 141, 220, 0.2);
  background-image: url("/_themes/light/content/media/icons/done_filled.svg?stamp=240311&t=0&icon_color=rgba(21%2c+141%2c+220%2c+0.2)");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  color: #158DDC;
}

.group.repeatable-d .repeatable-group > .group:hover {
  background-color: #F0F5FA;
}

.group.repeatable-d .repeatable-group > .group .static-field.title {
  line-height: 25px;
}

.group.repeatable-d .repeatable-group > .group .static-field.title span.text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 13px 0 0 50px;
}

.group.repeatable-d .repeatable-group > .group.selected .static-field.title {
  color: #158DDC;
}

.group.repeatable-d .repeatable-group > .group .static-field.title .icon {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 9px;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover, cover;
}

.group.repeatable-d .repeatable-group > .group .static-field.color {
  position: absolute;
  left: 15px;
  top: 15px;
}

.group.repeatable-d .repeatable-group > .group .static-field.color,
.group.repeatable-d .repeatable-group > .group .static-field.color .value-box,
.group.repeatable-d .repeatable-group > .group .static-field.color .value-box span.color{
  position: absolute;
  width: 20px;
  height: 20px;
}

.group.repeatable-d .repeatable-group > .group .static-field.color .value-box span.color{
  border-radius: 20px;
  border: 1px solid rgba(21, 141, 220, 0.2);  
}

/* grid-t1 */
.grid-t1 {
  position: relative;
}

.grid-t1 .items {
  /*height: 470px;*/
  overflow: auto;
}

.search-results > .content > .left-column .grid-t1 > .items:empty:before{ 
  content: "No Results Found"; 
  color: #404040; 
  font-weight: 500;
  text-align: center; 
  display: block; 
  padding: 80px 0 0 0; 
  background-image: url("/_themes/light/content/media/empty_search_results.png?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 150px;
  right: 0;
  left: 0;
}

.search-results > .content > .left-column .grid-t1 > .items:empty:after{ 
  content: "We can't find what you're looking for. Please try a different criteria."; 
  color: #81878F; 
  font-weight: 300;
  text-align: center; 
  display: block; 
  padding: 140px 40px 0 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 150px;
  right: 0;
  left: 0;
}

.grid-t1 .items::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border: 1px solid transparent;
  transition: border-color .2s ease;
}

.grid-t1 .items::-webkit-scrollbar-track {
  border-radius: 2px;
}

.grid-t1 .items::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}

.grid-t1 .items::-webkit-scrollbar-corner {
  background-color: transparent;
}

.grid-t1 .field,
.popup .grid-t1 .field {
  margin-bottom: 3px;
}

.grid-t1 .field .field-label,
.popup .grid-t1 .field .field-label{
  float: left;
  font-size: inherit;
  text-transform: revert;
  line-height: 19px;
}

.grid-t1 .field.text .value-box, .grid-t1 .field.number .value-box, .grid-t1 .field.date .value-box, .grid-t1 .field.datetime .value-box, 
.grid-t1 .field.images .value-box, .grid-t1 .field.textarea .value-box, .grid-t1 .field.singlechoice .value-box, .grid-t1 .field.color .value-box {
  background-color: unset;
  padding: 0;
}

.grid-t1 .field.title .field-value {
  color: #414448;
  text-transform: uppercase;
}

.grid-t1 .field.title .field-value .value-box {
  border: none;
  background-color: unset;
  font-size: 14px;
  line-height: 18.75px;
  font-weight: 500;
  padding: 0;
  min-height: unset;
  text-transform: uppercase;
}

.grid-t1 .items > .item {
  position: relative;
  transition: background-color .2s ease;
  /*padding: 10px 20px 10px 13px;*/
  color: #81878F;
}

.grid-t1.style-b .items > .item {
  border-left: 20px solid transparent;
}

.grid-t1.style-c .items > .item {
  padding: 7px 0;
}

.grid-t1 .items > .item.bgcolor-16744320 { border-color: rgba(0,128,128,0.3); }
.grid-t1 .items > .item.bgcolor-23296 { border-color: rgba(255,165,0, 0.3); }
.grid-t1 .items > .item.bgcolor-12490271 { border-color: rgba(65,105,225, 0.3); }
.grid-t1 .items > .item.bgcolor-60269 { border-color: rgba(255,20,147, 0.3); }

.grid-t1 .items > .item:last-child {
  margin-bottom: 70px;
}

.grid-t1 .items > .item:after {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  height: 1px;
  background-color: #D5D7DA
}

.grid-t1.style-c .items > .item:after {
  left: 10px;
}

.grid-t1 .items > .item:hover {
  background-color: #F0F5FA;
}

.grid-t1 .items > .item:hover .position-b .updated {
  right: 50px;
}

.grid-t1 .items > .item.selected .position-b .updated {
  right: 50px;
}

.grid-t1 .items > .item:before {
  content: '';
  position: absolute;
  width: 3px;
  top: 10px;
  left: 0;
  bottom: 10px;
  background-color: transparent;
}

.grid-t1.style-b .items > .item {
  left: -3px;
}

.grid-t1 .items > .item:hover:before {
  background-color: #81878F;
}

.grid-t1 .items > .item.selected:before {
  background-color: #77BA43;
}

.grid-t1 .items > .item.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-t1 .items > .item.selected .button-a {
  display: block;
}

.grid-t1 .items > .item .tags {
  margin: 0;
} 

.grid-t1 .items > .item .status {
  position: absolute;
  right: 20px;
  bottom: 10px;
  margin: 0;
}

.grid-t1 .item .button-a.circled-arrow-right:hover {
  display: block;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right_select.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-t1 .item .button-a.trash-can {
  opacity: .6;
  right: 0;
}

.grid-t1 .item .button-a.trash-can:hover {
  display: block;
  opacity: 1;
  background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%23404040");
}

.grid-t1 .item .details-group .title-line {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.grid-t1 .item .details-group .content > .image {
  float: left;
  margin-right: 8px;
}

.grid-t1 .item .details-group .title-line .title-line-right-part {
  overflow: hidden;
}

.grid-t1 .item .details-group .title-line .status {
  position: absolute;
  bottom: 12px;
  right: 20px;
}


.grid-t1 .item .position-a .datetime {
  float: right;
  margin-right: 5px;
}

.grid-t1 .item .position-a .datetime .field-value {
  color: #666666;
}

.grid-t1 .position-a > .content {
  overflow: hidden;
}

.grid-t1 .position-a .title-line > .content .title {
  float: left;
  max-width: 400px;
}

.grid-t1 .position-b > .content {
  overflow: hidden;
}

.grid-t1 .position-b .field {
  float: left;
}

.grid-t1 .position-b .updated {
  color: #666666;
  position: absolute;
  right: 20px;
  bottom: 11px;
}

.grid-t1 .image {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-t1 .item.group-title { 
  margin-top: 30px;
}

.grid-t1 .item .grouping-type { 
  border-bottom: 1px solid #D5D7DA; 
  margin-bottom: 10px;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
}

.grid-t1 .item .grouping-type .value-box {
  font-size: 12px;
  text-transform: uppercase;
  color: #81878F;
  padding: 0 0 5px 5px;
}

.grid-t1 .footer {
  /*position: absolute;
  left: 14px;
  right: 0;
  bottom: 0;*/
  min-height: 30px;
  padding: 0 14px;
  /*box-shadow: 0 0 10px -3px #ababab;*/
  background-color: #ffffff;
  z-index: 1;
  background-color: #FFFFFF;
}

.grid-t1 .footer .paging {
  display: none;
}

/* .grid-k */
.grid-k { padding-left: 0px; padding-top: 15px; }
.grid-k .items{ overflow: auto; }
.grid-k .items > div { display: inline-block; width: 150px; height: 50px; }
.grid-k .grid-toppane{ display: none; }
.grid-k .head{ display: none; }
.grid-k .button .image-check-add {
  background-image: url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=transparent&mark=%23D5D7DA"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=transparent&mark=%23D5D7DA")
}

.grid-k .button .image-check-remove {
  background-image: url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=transparent&mark=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=transparent&mark=%23EEEEEE")
}

/* grid min heights (for allow-scroll tab)*/
.grid.height1 .items-scroll { min-height: 100px; }
.grid.height2 .items-scroll { min-height: 200px; }
.grid.height3 .items-scroll { min-height: 300px; }
.grid.height4 .items-scroll { min-height: 400px; }
.grid.height5 .items-scroll { min-height: 500px; }
.grid.height6 .items-scroll { min-height: 600px; }
.grid.height7 .items-scroll { min-height: 700px; }
.grid.height8 .items-scroll { min-height: 800px; }
.grid.height9 .items-scroll { min-height: 900px; }
.grid.height10 .items-scroll { min-height: 1000px; }

.grid.maxheight1 .items { height: Calc(100vh - 260px) !important; }
.grid.maxheight2 .items { height: Calc(100vh - 250px) !important; }
.grid.maxheight3 .items { height: Calc(100vh - 240px) !important; }
.grid.maxheight4 .items { height: Calc(100vh - 230px) !important; }
.grid.maxheight5 .items { height: Calc(100vh - 220px) !important; }
.grid.maxheight6 .items { height: Calc(100vh - 210px) !important; }
.grid.maxheight7 .items { height: Calc(100vh - 200px) !important; }
.grid.maxheight8 .items { height: Calc(100vh - 190px) !important; }
.grid.maxheight9 .items { height: Calc(100vh - 180px) !important; }

.testing-steps-grid .step { 
  position: relative;
  margin: 0 5px 10px 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  max-width: 915px;
  min-height: 150px;
}

.testing-steps-grid .field .field-value {
  position: unset;
  margin-right: 40px;
}

.testing-steps-grid .step:first-child {
  margin-top: 5px;
}

.testing-steps-grid .step:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 3px;
  width: 3px;
  border-radius: 2px;
  background-color: transparent;
}

.testing-steps-grid .step.status-0:before {
  background-color: #D5D7DA;
}

.testing-steps-grid .step.status-1:before {
  background-color: rgba(40, 167, 69, 1);
}

.testing-steps-grid .step.status-2:before {
  background-color: rgba(220, 53, 69, 1);
}

.testing-steps-grid .step.status-3:before {
  background-color: #158DDC;
}

.testing-steps-grid .field .field-value .value-box {
  background-color: unset;
  padding: 0;
  min-height: unset;
}

.testing-steps-grid .step .step-head {
  margin-left: 15px;
  padding-top: 10px;
}

.testing-steps-grid .step .step-head .index { 
  float: left; 
  color: #13344D; 
  margin-right: 10px;
  text-align: center; 
  width: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

.testing-steps-grid .step .step-head .requirements {
  display: inline-block;
}

.testing-steps-grid .step .step-head .requirements .static-field {
  color: #13344D;
  font-weight: 700;
}

.testing-steps-grid .step .step-head .requirements .requirement-head {
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  cursor: pointer;
  text-decoration: underline;
}

.testing-steps-grid .step .step-head .requirements .requirement-description {
  display: inline-block;
  vertical-align: top;
}

.testing-steps-grid .step .step-content {
  margin: 20px 0 0 50px;
}

.testing-steps-grid .step .step-content .step-details .field.htmlarea {
  position: relative;
}

.testing-steps-grid .step .step-content .step-details .htmlarea-actions {
  left: 0;
  bottom: 5px;
}

.testing-steps-grid .step-actions {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}

.testing-steps-grid .issue-actions { 
  float: right;
  z-index: 1;
  margin: 10px 10px 0 0;
  width: 20px;
}

.testing-steps-grid .step-actions .button, 
.testing-steps-grid .issue-actions .button {
  width: 20px;
  display: block;
  margin-bottom: 5px; 
}

.testing-steps-grid .step-actions .widget-workflowactions:before,
.testing-steps-grid .issue-actions .widget-workflowactions:before {
  content: none;
}

.testing-steps-grid .step-actions .widget-workflowactions a,
.testing-steps-grid .issue-actions .widget-workflowactions a {
  padding: 0;
}

.testing-steps-grid .step-actions .widget-workflowactions a .image,
.testing-steps-grid .issue-actions .widget-workflowactions a .image {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-size: 0, 0, contain, 0;
  background-position: center;
  background-repeat: no-repeat;
}

.testing-steps-grid .step-actions .widget-workflowactions a:hover .image,
.testing-steps-grid .issue-actions .widget-workflowactions a:hover .image {
  background-size: 0, 0, 0, contain;
}

.testing-steps-grid .htmlarea-actions {
  position: absolute;
  left: 15px;
  bottom: 10px;
}

.testing-steps-grid .htmlarea-actions a {
  font-size: 10px;
  font-weight: 300;
}

.testing-steps-grid .step .issues {
  margin-left: 135px;
}

.testing-steps-grid .button .image {
  background-size: 0, 0, contain, 0;
}

.testing-steps-grid .button:hover .image {
  background-size: 0, 0, 0, contain;
}

.testing-steps-grid .field {
  margin-bottom: 4px;
}

.testing-steps-grid .field.has-comment .field-value {
  display: inline-block;
  vertical-align: top;
  position: relative;
  white-space: nowrap;
  overflow: unset;
}

.testing-steps-grid .field.has-comment .field-value:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/comment_filled.svg?stamp=240311&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
  background-size: contain;
  background-position: center -1px;
  background-repeat: no-repeat;
}

.testing-steps-grid .field.has-comment .field-value .value-box {
  width: auto;
}

.testing-steps-grid .field .field-label {
  float: left;
  text-transform: unset;
  font-size: 14px;
}

.testing-steps-grid .remark .field-value {
  max-width: 500px;
}

.testing-steps-grid .remark .field-value .value-box {
  min-height: 20px;
}

.testing-steps-grid .remark .field-value span.placeholder {
  font-weight: 300;
  font-style: italic;
  color: #81878F;
}

.testing-steps-grid .attachments {
  padding-left: 90px; 
  padding-bottom: 10px;
  margin: 0;
}


.testing-steps-grid .widget-workflowactions .button .text {
  display: none;
}



.testing-steps-grid .image.image-check {
  background-image: url("/_themes/light/content/media/icons/steps/circle_check.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/steps/circle_check_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/steps/circle_check.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/steps/circle_check_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.testing-steps-grid .image.image-actions {
  background-image: url("/_themes/light/content/media/icons/steps/actions.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/actions_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/actions.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/actions_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.testing-steps-grid .image.image-add-comment {
  background-image: url("/_themes/light/content/media/icons/steps/add_comment.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/add_comment_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/add_comment.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/add_comment_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); 
}

.testing-steps-grid .image.image-edit {
  background-image: url("/_themes/light/content/media/icons/steps/edit.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/edit_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/edit.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/edit_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); 
}

.testing-steps-grid .image.image-trash-can {
  background-image: url("/_themes/light/content/media/icons/steps/trash_can.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/trash_can_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/trash_can.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/steps/trash_can_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); 
}

.testing-steps-grid .image-submit {
  background-image: url("/_themes/light/content/media/icons/steps/steps/submit.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                    url("/_themes/light/content/media/icons/steps/steps/submit_filled.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                    url("/_themes/light/content/media/icons/steps/steps/submit.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                    url("/_themes/light/content/media/icons/steps/steps/submit_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

/* grid-m */
.grid-m .items > .group {
  overflow: hidden;
  margin: 20px 10px 20px 0;
}

.grid-m .items .record {
  position: relative;
  float: left;
  margin-bottom: 10px;
}

.grid-m .items .record.message-right {
  float: right;
  margin-bottom: 0;
}

.grid-m .items .record .contact-photo {
  float: left;
  width: 30px;
  height: 30px;
  background-image: url("/_themes/light/content/media/widgets/messenger/user.svg?stamp=240311&t=0&icon_color=icon_hint");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin-right: 10px;
}

.grid-m .items .record .contact-photo.user-initials {
  background-image: none;
  text-align: center;
  line-height: 28px;
  border: 1px solid #D5D7DA;
  font-weight: 700;
  box-sizing: border-box;
  text-transform: uppercase;
}

.grid-m .items .record .message-container {
  overflow: hidden;
}

.grid-m .items .record .message-container .message-info {
  overflow: hidden;
  margin: 0 20px 6px 5px;
}
.grid-m .items .record .message-container .message-info .message-username {
  color: #404040;
  font-weight: 500;
  font-size: 12px;
  float: left;
}
.grid-m .items .record .message-container .message-info .message-time {
  color: #81878F;
  font-weight: 300;
  font-size: 10px;
  float: right;
  margin-right: 5px;
}
.grid-m .items .record .message-container .message-content {
  position: relative;
  color: #13344D;
  background-color: #FFFFFF;
  min-width: 300px;
  max-width: 480px;
  min-height: 25px;
  border-radius: 2px;
  border-top-left-radius: 0;
  margin: 0 20px 5px 5px;
  padding: 10px;
  box-shadow: 0px 0px 5px #00000033;
}

.grid-m .items .record .message-container .message-content.my-message-borders {
  border-top-left-radius: 2px;
  border-top-right-radius: 0px;
}

.grid-m .items .record .message-container img {
  width: 100%;
}

.grid-m .items .record .message-container .message-content .message-files {
  overflow: hidden;
}

.grid-m .items .record .message-container .message-content .message-files .message-file {
  text-align: center;
  float: left;
  margin: 20px 20px 0 0 ;
}

.grid-m .items .record .message-container .message-content .message-files .message-file .message-file-preview-container {
  position: relative;
  display: inline-block;
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
  max-width: 180px;
  max-height: 160px;
  min-width: 70px;
  min-height: 70px;
  overflow: hidden;
}

.grid-m .items .record .message-container .message-content .message-files .message-file .message-file-preview-container .message-file-action {
  position: absolute;
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
  background-color: #00000054;
  border-radius: 10px;
  opacity: 0;
  transition: opacity .2s ease;
  background-size: 20px;
  cursor: pointer;
}

.grid-m .items .record .message-container .message-content .message-files .message-file .message-file-preview-container .message-file-action.image-download {
  width: 40px;
  height: 40px;
  left: unset;
  top: unset;
}

.grid-m .items .record .message-container .message-content .message-files .message-file .message-file-preview-container .message-file-action.icon-download {
  background-image: url("/_themes/light/content/media/widgets/messenger/download.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-position: center;
  background-repeat: no-repeat;
}

.grid-m .items .record .message-container .message-content .message-files .message-file .message-file-preview-container:hover .message-file-action {
  opacity: 1;
}

.grid-m .items .record .message-container .message-content .message-files .message-file .message-file-preview-container .message-file-preview-image  {
  min-width: 50px;
  min-height: 50px;
  width: 100%;
  height: 100%;
}

.grid-m .items .record .message-container .message-content .message-files .message-file .message-file-title {
  margin-top: 5px;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid-m .items .record .edited-message {
  position: absolute;
  right: -10px;
  bottom: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/widgets/messenger/edit.svg?stamp=240311&t=0&icon_color=%2381878F");
  opacity: .5;
}

.grid-m .items .record.message-right .edited-message {
  left: -25px;
  right: unset;
}

.grid-m .items .record .message-container .message-content.removed {
  background-color: #80808024;
  box-shadow: none;
}

.grid-m .items .record .message-container .message-content.removed .message-text {
  font-style: italic;
  color: #81878F;
  font-weight: 300;
}

.grid-m .items .record .message-container .message-menu {
  position: absolute;
  right: -20px;
  top: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/_themes/light/content/media/widgets/messenger/menu_dots.svg?stamp=240311&t=0&icon_color=icon_hint");
  transition: opacity .3s ease;
  opacity: 0;
}

.grid-m .items .record:hover .message-menu {
  opacity: 1;
}

.grid-m .items .record .quote {
    display: inline-block;
    position: relative; 
    text-align: center;
    padding: 1rem 1.2rem;
    min-width: 200px;
    color: #13344D;
    margin: 5px auto;
    background:
    linear-gradient(to right, #13344D 2px, transparent 2px) 0 100%,
    linear-gradient(to left, #13344D 2px, transparent 2px) 100% 0,
    linear-gradient(to bottom, #13344D 2px, transparent 2px) 100% 0,
    linear-gradient(to top, #13344D 2px, transparent 2px) 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.grid-m .items .record .quote:before,
.grid-m .items .record .quote:after{
    font-family: FontAwesome;
    position: absolute;
    color: #13344D;
    font-size: 34px;
}

.grid-m .items .record .quote:before{
    content: "❝";
    top: 3px;
    margin-right: -20px;
    right: 100%;
}
.grid-m .items .record .quote:after{
    content: "❞";
    margin-left: -20px;
    left: 100%;  
    top: auto;
    bottom: -7px;
}

.grid-m .items .record .quote-b {
    display: inline-block;
    position: relative; 
    text-align: left;
    padding: 0 10px 0 0;
    min-width: 200px;
    color: #13344D;
    margin: 5px auto;
}

.grid-m .items .record .quote-b .text {
  border-left: 2px solid #13344D;
  padding-left: 10px;
  display: inline-block;
}

/* repeatable-f */
.group.repeatable-f .static-field.title,
.group.repeatable-f .field.title {
  margin-bottom: 5px;
}

.group.repeatable-f .static-field.title .value-box span.text,
.group.repeatable-f .field.title .value-box span.text{
  color: #404040;
  font-weight: 400;
  font-size: 16px;
}

.group.repeatable-f .static-field.subtitle .value-box span.text,
.group.repeatable-f .field.subtitle .value-box span.text{
  color: #404040;
  font-weight: 400;
  font-size: 14px;
}

.group.repeatable-f .item.level2 .field.check {
  padding-top: 2px;
}

.group.repeatable-f .item.level2 .field.check .field-value label{
  vertical-align: top;
}

.group.repeatable-f .button.expand .image,
.group.repeatable-f .button.collapse .image{
  width: 14px;
  height: 14px;
}

.image-demo-stamp { background-image: url("/_themes/light/content/media/icons/demo-stamp.png?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/demo-stamp.png?stamp=240311&t=0&icon_color=%23404040");}
                                 
.image-print { background-image: url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/print_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-send-by-email { background-image: url("/_themes/light/content/media/icons/send_email.svg?stamp=240311&t=0&icon_color=%23404040"),
                                         url("/_themes/light/content/media/icons/send_email_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                         
.image-add { background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23404040"),
                               url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-link {
  background-image: url("/_themes/light/content/media/icons/link.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/link_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-mapping { background-image: url("/_themes/light/content/media/icons/mapping.svg?stamp=240311&t=0&icon_color=%23404040"),
                                   url("/_themes/light/content/media/icons/mapping_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-input { background-image: url("/_themes/light/content/media/icons/input.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/input.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-output { background-image: url("/_themes/light/content/media/icons/output.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/output.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-internal { background-image: url("/_themes/light/content/media/icons/internal.svg?stamp=240311&t=0&icon_color=%23404040"),
                                    url("/_themes/light/content/media/icons/internal.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-external { background-image: url("/_themes/light/content/media/icons/external.svg?stamp=240311&t=0&icon_color=%23404040"),
                                    url("/_themes/light/content/media/icons/external.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-parts { background-image: url("/_themes/light/content/media/icons/parts.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/parts_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-supplier { background-image: url("/_themes/light/content/media/icons/supplier.svg?stamp=240311&t=0&icon_color=%23404040"),
                                    url("/_themes/light/content/media/icons/supplier_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-hierarchy { background-image: url("/_themes/light/content/media/icons/hierarchy.svg?stamp=240311&t=0&icon_color=%23404040"),
                                    url("/_themes/light/content/media/icons/hierarchy_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-ncr { background-image: url("/_themes/light/content/media/icons/ncr.svg?stamp=240311&t=0&icon_color=%23404040"),
                               url("/_themes/light/content/media/icons/ncr_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-verified { background-image: url("/_themes/light/content/media/icons/verified.svg?stamp=240311&t=0&icon_color=%23404040"),
                                    url("/_themes/light/content/media/icons/verified_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-flag { background-image: url("/_themes/light/content/media/icons/flag.svg?stamp=240311&t=0&icon_color=%23404040"),
                                url("/_themes/light/content/media/icons/flag_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-unflag { background-image: url("/_themes/light/content/media/icons/unflag.svg?stamp=240311&t=0&icon_color=%23404040"),
                                url("/_themes/light/content/media/icons/unflag_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-truncate { background-image: url("/_themes/light/content/media/icons/truncate.svg?stamp=240311&t=0&icon_color=%23404040"),
                                    url("/_themes/light/content/media/icons/truncate_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-flash-gray { background-image: url("/_themes/light/content/media/icons/flash_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                                      url("/_themes/light/content/media/icons/flash_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-flash-yellow { background-image: url("/_themes/light/content/media/icons/flash_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                                        url("/_themes/light/content/media/icons/flash_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)");
}
                                    
/* integration */
.image-intg-error { background-image: url("/_themes/light/content/media/icons/integration/intg_error.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                      url("/_themes/light/content/media/icons/integration/intg_error.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); }
.image-intg-error-partial { background-image: url("/_themes/light/content/media/icons/integration/intg_error.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                                              url("/_themes/light/content/media/icons/integration/intg_error.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"); }
.image-intg-not-sent { background-image: url("/_themes/light/content/media/icons/integration/intg_notsent.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                         url("/_themes/light/content/media/icons/integration/intg_notsent.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.image-intg-ready { background-image: url("/_themes/light/content/media/icons/integration/intg_ready.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                      url("/_themes/light/content/media/icons/integration/intg_ready.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.image-intg-imported { background-image: url("/_themes/light/content/media/icons/integration/intg_imported.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                                         url("/_themes/light/content/media/icons/integration/intg_imported.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"); }
.image-intg-exported { background-image: url("/_themes/light/content/media/icons/integration/intg_exported.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                                         url("/_themes/light/content/media/icons/integration/intg_exported.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"); }
.image-intg-exported-partial { background-image: url("/_themes/light/content/media/icons/integration/intg_exported.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                                                 url("/_themes/light/content/media/icons/integration/intg_exported.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"); }
.image-intg-confirmed { background-image: url("/_themes/light/content/media/icons/integration/intg_confirmed.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                                          url("/_themes/light/content/media/icons/integration/intg_confirmed.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"); }
.image-intg-confirmed-partial { background-image: url("/_themes/light/content/media/icons/integration/intg_confirmed.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                                                  url("/_themes/light/content/media/icons/integration/intg_confirmed.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"); }

.image-add-template,
.image-template {
  background-image: url("/_themes/light/content/media/icons/template.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/template_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-go-to {
  background-image: url("/_themes/light/content/media/icons/go_to.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/go_to_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-search { background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/search_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                  
.image-search-button { background-image: url("/_themes/light/content/media/icons/search_button.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                                         url("/_themes/light/content/media/icons/search_button_filled.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
                                         
.image-register { background-image: url("/_themes/light/content/media/icons/register.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-trash-can { background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%23404040"),
                                     url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); }
.image-menu { background-image: url("/_themes/light/content/media/icons/menu.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                url("/_themes/light/content/media/icons/menu_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.image-menu2 { background-image: url("/_themes/light/content/media/icons/menu2.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                 url("/_themes/light/content/media/icons/menu2_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.image-filter { background-image: url("/_themes/light/content/media/icons/filter.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/filter_fill.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/filter_fill.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-settings,
.image-grid-settings { background-image: url("/_themes/light/content/media/icons/settings.svg?stamp=240311&t=0&icon_color=%23404040"),
                                         url("/_themes/light/content/media/icons/settings_filled.svg?stamp=240311&t=0&icon_color=%23404040")}

.image-additional-settings { background-image: url("/_themes/light/content/media/icons/additional_settings.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/additional_settings_filled.svg?stamp=240311&t=0&icon_color=%23404040")}

.image-grid { background-image: url("/_themes/light/content/media/icons/grid.svg?stamp=240311&t=0&icon_color=%23404040"),
                                url("/_themes/light/content/media/icons/grid_filled.svg?stamp=240311&t=0&icon_color=%23404040")}
.image-refresh { 
  background-image: url("/_themes/light/content/media/icons/refresh.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/refresh_filled.svg?stamp=240311&t=0&icon_color=%23404040"); 
}

.image-research { 
  background-image: url("/_themes/light/content/media/icons/research.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/research_filled.svg?stamp=240311&t=0&icon_color=%23404040"); 
}

.image-add-boards { 
  background-image: url("/_themes/light/content/media/icons/add_boards.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/add_boards_filled.svg?stamp=240311&t=0&icon_color=%23404040"); 
}

.image-auto-match { background-image: url("/_themes/light/content/media/icons/auto-match.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-package { background-image: url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-build-package { background-image: url("/_themes/light/content/media/icons/build_package.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-document-box { background-image: url("/_themes/light/content/media/icons/document_box.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-document-list { background-image: url("/_themes/light/content/media/icons/document_list.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-context-menu { 
  background-image: url("/_themes/light/content/media/icons/context_menu.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/context_menu.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.image-share {
  background-image: url("/_themes/light/content/media/icons/share.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/share_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-archive, .image-Archive {
  background-image: url("/_themes/light/content/media/icons/archive.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/archive_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-pause { 
  background-image: url("/_themes/light/content/media/icons/pause.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/pause_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.image-delete { background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-magick { background-image: url("/_themes/light/content/media/icons/magick.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/magick_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-convert-to { background-image: url("/_themes/light/content/media/icons/convert_to.svg?stamp=240311&t=0&icon_color=%23404040"),
                                      url("/_themes/light/content/media/icons/convert_to_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-rotate { background-image: url("/_themes/light/content/media/icons/rotate.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/rotate_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-roles { background-image: url("/_themes/light/content/media/icons/roles.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/roles_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-update { background-image: url("/_themes/light/content/media/icons/change_update.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/change_update_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-number { background-image: url("/_themes/light/content/media/icons/number.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/number_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-angle-rule { background-image: url("/_themes/light/content/media/icons/angle_rule.svg?stamp=240311&t=0&icon_color=%23404040"),
                                      url("/_themes/light/content/media/icons/angle_rule_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-copy-to { background-image: url("/_themes/light/content/media/icons/copy.svg?stamp=240311&t=0&icon_color=%23404040"),
                                   url("/_themes/light/content/media/icons/copy_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-move-to { background-image: url("/_themes/light/content/media/icons/move_to.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/move_to_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-add-drawing { background-image: url("/_themes/light/content/media/icons/add_image.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/icons/add_image_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-auto-baloon { background-image: url("/_themes/light/content/media/icons/auto_baloon.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/icons/auto_baloon.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-auto-parse { background-image: url("/_themes/light/content/media/icons/auto_parse.svg?stamp=240311&t=0&icon_color=%23404040"),
                                      url("/_themes/light/content/media/icons/auto_parse.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-print-pdf { background-image: url("/_themes/light/content/media/icons/print_to_pdf.svg?stamp=240311&t=0&icon_color=%23404040"),
                                      url("/_themes/light/content/media/icons/print_to_pdf_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-current-revision { background-image: url("/_themes/light/content/media/icons/revision.svg?stamp=240311&t=0&icon_color=%23404040"),
                                            url("/_themes/light/content/media/icons/revision_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-previous-revision { background-image: url("/_themes/light/content/media/icons/previous_revision.svg?stamp=240311&t=0&icon_color=%23404040"),
                                             url("/_themes/light/content/media/icons/previous_revision_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-merged-view { background-image: url("/_themes/light/content/media/icons/merged_view.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/icons/merged_view_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-merge { background-image: url("/_themes/light/content/media/icons/merge.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/merge_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-clone { background-image: url("/_themes/light/content/media/icons/clone.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/clone_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                 
.image-properties { background-image: url("/_themes/light/content/media/icons/properties.svg?stamp=240311&t=0&icon_color=%23404040"),
                                      url("/_themes/light/content/media/icons/properties_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-report { background-image: url("/_themes/light/content/media/icons/send_by_email.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/send_by_email_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-view, .icon-view { background-image: url("/_themes/light/content/media/icons/view.svg?stamp=240311&t=0&icon_color=%23404040"),
                                url("/_themes/light/content/media/icons/view.svg?stamp=240311&t=0&icon_color=%23404040"),
                                url("/_themes/light/content/media/icons/view.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
.image-attachment { background-image: url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%23404040"),
                                url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%23404040"),
                                url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
.image-download { background-image: url("/_themes/light/content/media/icons/download.svg?stamp=240311&t=0&icon_color=%23404040"),
                                    url("/_themes/light/content/media/icons/download_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                                    url("/_themes/light/content/media/icons/download_filled.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
.image-theme { background-image: url("/_themes/light/content/media/icons/medium/theme.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/medium/theme.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
                                 
.image-circled-arrow-right { background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.image-circled-arrow-left { background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/circled_arrow_left_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.image-circled-arrow-right2 { background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                               url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
                                               
.image-circled-arrow-left2 { background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                               url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
                                               
.button.disabled .image-circled-arrow-right2 { background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.button.disabled .image-circled-arrow-left2 { background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.image-double-arrow-down { background-image: url("/_themes/light/content/media/icons/double_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                             url("/_themes/light/content/media/icons/double_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F");}
                                               
.icon-circled-arrow-right { background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.icon-circled-arrow-left { background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/circled_arrow_left_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.icon-circled-arrow-right2 { background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                               url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
                                               
.icon-circled-arrow-left2 { background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                               url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}

.image-double-move-left { background-image: url("/_themes/light/content/media/icons/double_move_left.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                            url("/_themes/light/content/media/icons/double_move_left_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
                                               
.image-double-move-right { background-image: url("/_themes/light/content/media/icons/double_move_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                             url("/_themes/light/content/media/icons/double_move_right_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
                                               
.icon-info {
  background-image: url("/_themes/light/content/media/icons/info.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/info_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.image-submit, .image-Submit { background-image: url("/_themes/light/content/media/icons/submit.svg?stamp=240311&t=0&icon_color=%23404040"),
                                                 url("/_themes/light/content/media/icons/submit_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-return, .image-Return { background-image: url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                  url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}
.image-reject, .image-Reject { background-image: url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                  url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)") }
                                  
.image-close, .image-Close { background-image: url("/_themes/light/content/media/icons/close.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/close_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-close-x, .image-Close-x { background-image: url("/_themes/light/content/media/icons/close-x.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/close-x.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-im-pqp { background-image: url("/_themes/light/content/media/pqp.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/pqpfull.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-im-explorer { background-image: url("/_themes/light/content/media/switchapp/caliper.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/switchapp/caliper.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-im-express { background-image: url("/_themes/light/content/media/switchapp/rule.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/switchapp/rule.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-im-spc { background-image: url("/_themes/light/content/media/switchapp/spc.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/switchapp/spc.svg?stamp=240311&t=0&icon_color=%23404040")
}
.image-im-qms { background-image: url("/_themes/light/content/media/switchapp/pqp.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/switchapp/pqp.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-has-slot {
  background-image: url("/_themes/light/content/media/icons/calendar_has_slot.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/calendar_has_slot_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-check, .image-Check {
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040")
}

.image-notchecked, .image-NotChecked {
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040")
}

.image-checked, .image-Checked {
  background-image: url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040")
}

.image-square-check {
  background-image: url("/_themes/light/content/media/icons/check_square_thin.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/check_square_thin_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-issue {
  background-image: url("/_themes/light/content/media/icons/info.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/info_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.image-actions {
  background-image: url("/_themes/light/content/media/icons/actions.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/actions_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.image-pending-gage {
  background-image: url("/_themes/light/content/media/counters/pending_gage.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/counters/pending_gage.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.tool-pane .image-actions,
.actions-pane .image-actions {
  background-image: url("/_themes/light/content/media/icons/actions.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/actions_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.actions-pane .image-hub {
  background-image: url("/_themes/light/content/media/icons/hub.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/hub_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-add-comment {
  background-image: url("/_themes/light/content/media/icons/new_chat.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/new_chat_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-chat {
  background-image: url("/_themes/light/content/media/icons/message.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/message_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-plus {
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-info {
  background-image: url("/_themes/light/content/media/icons/info_circle2.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/info_circle2_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-info-yellow {
  background-image: url("/_themes/light/content/media/icons/info_circle2.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                    url("/_themes/light/content/media/icons/info_circle2_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)")
}

.image-software {
  background-image: url("/_themes/light/content/media/icons/software.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/software_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-clear {
  background-image: url("/_themes/light/content/media/icons/clean.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/clean_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-status {
  background-image: url("/_themes/light/content/media/icons/status.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/status_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-attach-location {
  background-image: url("/_themes/light/content/media/icons/attach_location.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/attach_location_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-attach-project {
  background-image: url("/_themes/light/content/media/icons/attach_project.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/attach_project_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-reset-part {
  background-image: url("/_themes/light/content/media/icons/reset_part.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/reset_part_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-palette {
  background-image: url("/_themes/light/content/media/icons/palette.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/palette_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-edit {
  background-image: url("/_themes/light/content/media/icons/edit.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/edit_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-remove {
  background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-pin {
  background-image: url("/_themes/light/content/media/icons/pin.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/pin_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-mark {
  
}

.image-unmark {
  
}

.image-bookmark {
  
}

.image-delete-bookmark {
  
}

.image-reminder {
  background-image: url("/_themes/light/content/media/widgets/communications/reminder-basic.svg?stamp=240311&t=0&icon_color=%23404040"),                  
                    url("/_themes/light/content/media/widgets/communications/reminder-basic_filled.svg?stamp=240311&t=0&icon_color=%23404040") !important;
}

.image-edit-reminder {
  
}

.icon-default,
.image-workflow {
  background-image: url("/_themes/light/content/media/icons/workflow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-revoke {
  background-image: url("/_themes/light/content/media/icons/revoke.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/revoke_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-import {
  background-image: url("/_themes/light/content/media/icons/import.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-export {
  background-image: url("/_themes/light/content/media/icons/export.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-export-excel {
  background-image: url("/_themes/light/content/media/icons/xls_export.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/xls_export_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }
                    
.image-import {
  background-image: url("/_themes/light/content/media/icons/import.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-import-excel {
  background-image: url("/_themes/light/content/media/icons/xls_import.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/xls_import_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-save {
  background-image: url("/_themes/light/content/media/icons/save.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/save_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/save_filled.svg?stamp=240311&t=0&icon_color=%23DB9712"),
                    url("/_themes/light/content/media/icons/save.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.image-reload {
  background-image: url("/_themes/light/content/media/icons/reload.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/reload_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-sync {
  background-image: url("/_themes/light/content/media/icons/reload.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/reload_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-add-board {
  background-image: url("/_themes/light/content/media/icons/add_boards.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/add_boards_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-reorder-board {
  background-image: url("/_themes/light/content/media/icons/reorder_boards.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/reorder_boards_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-add-card {
  background-image: url("/_themes/light/content/media/icons/add_cards.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/add_cards_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-reorder-card {
  background-image: url("/_themes/light/content/media/icons/reorder_cards.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/reorder_cards_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-form {
  background-image: url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/form_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-book {
  background-image: url("/_themes/light/content/media/icons/book.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/book_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-upload {
  background-image: url("/_themes/light/content/media/icons/upload.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/upload_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-purchase {
  background-image: url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/purchase_order_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-back {
  background-image: url("/_themes/light/content/media/icons/circle_arrow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/circle_arrow_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-back-invert {
  background-image: url("/_themes/light/content/media/icons/circle_arrow.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                    url("/_themes/light/content/media/icons/circle_arrow_filled.svg?stamp=240311&t=0&icon_color=%23158DDC")
}

.image-revision {
  background-image: url("/_themes/light/content/media/icons/revision.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/revision_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-detach {
  background-image: url("/_themes/light/content/media/icons/detach.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/detach_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-confirm {
  background-image: url("/_themes/light/content/media/icons/approve.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/approve_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-cancel, .image-Cancel {
  background-image: url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-logout {
  background-image: url("/_themes/light/content/media/icons/logout.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/logout_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-house {
  background-image: url("/_themes/light/content/media/icons/house.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/house_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-lock-info {
  background-image: url("/_themes/light/content/media/icons/lock_info.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/lock_info_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-lock {
  background-image: url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/lock_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.switch-c .option.checked .image-lock {
  background-image: url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/lock_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE")
}

.image-lock-yellow {
  background-image: url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                    url("/_themes/light/content/media/icons/lock_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)")
}

.image-unlock { 
  background-image: url("/_themes/light/content/media/icons/padlock.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/padlock.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-opened-folder {
  background-image: url("/_themes/light/content/media/icons/opened_folder.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/opened_folder_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-pencil {
  background-image: url("/_themes/light/content/media/icons/edit.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/edit_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-delete-user {
  background-image: url("/_themes/light/content/media/icons/delete_user.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/delete_user_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-user,
.image-user {
  background-image: url("/_themes/light/content/media/icons/user.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/user_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-current-element {
  background-image: url("/_themes/light/content/media/icons/circle_check_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/circle_check_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.icon-circle-check,
.image-circle-check {
  background-image: url("/_themes/light/content/media/icons/circle_check.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/circle_check_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-database-view {
  background-image: url("/_themes/light/content/media/icons/database.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/database_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-move-up {
  background-image: url("/_themes/light/content/media/icons/move_up.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/move_up_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-move-down {
  background-image: url("/_themes/light/content/media/icons/move_down.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/move_down_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-add-multiply {
  background-image: url("/_themes/light/content/media/icons/multiply_dims.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/multiply_dims_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-delete-multiply {
  background-image: url("/_themes/light/content/media/icons/multiply_dims_remove.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/multiply_dims_remove_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-cut {
  background-image: url("/_themes/light/content/media/icons/cut.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cut_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-paste {
  background-image: url("/_themes/light/content/media/icons/paste.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/paste_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-add-folder {
  background-image: url("/_themes/light/content/media/icons/create_folder.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/create_folder_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-mark-unread {
  background-image: url("/_themes/light/content/media/icons/unread_message.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/unread_message_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-mark-read {
  background-image: url("/_themes/light/content/media/icons/read_message.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/read_message_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-hide {
  background-image: url("/_themes/light/content/media/icons/hide_message.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/hide_message_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-new-discussion {
  background-image: url("/_themes/light/content/media/icons/create_discussion.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/create_discussion_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-eye {
  background-image: url("/_themes/light/content/media/icons/eye.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/eye_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-no-eye {
  background-image: url("/_themes/light/content/media/icons/no_eye.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/no_eye_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-function {
  background-image: url("/_themes/light/content/media/icons/function.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/function_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-messenger {
  background-image: url("/_themes/light/content/media/icons/messenger.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-notes {
  background-image: url("/_themes/light/content/media/icons/notes.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/notes_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-page-board {
  background-image: url("/_themes/light/content/media/icons/properties_panel.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/properties_panel_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/properties_panel_notification_filled.svg?stamp=240311&t=0&icon_color=%23404040&notification_color=%23158DDC");
}

.image-favorites {
  background-image: url("/_themes/light/content/media/icons/favorites.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-favorites-manager {
  background-image: url("/_themes/light/content/media/icons/favorites_manager.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_manager_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-section-notification  {
  background-image: url("/_themes/light/content/media/icons/favorites_manager.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/favorites_manager_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

/*.image-page-board:hover {*/
/*  background-size: 0, contain, 0;*/
/*}*/

.image-start {
  background-image: url("/_themes/light/content/media/icons/play.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/play_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-play-all {
  background-image: url("/_themes/light/content/media/icons/play_all.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/play_all_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-play-selected {
  background-image: url("/_themes/light/content/media/icons/play_selected.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/play_selected_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-history {
  background-image: url("/_themes/light/content/media/icons/history.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/history_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-reassign {
  background-image: url("/_themes/light/content/media/icons/reassign_developer.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/reassign_developer_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-finish, .icon-finish {
  background-image: url("/_themes/light/content/media/icons/finish_flag.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/finish_flag_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-build {
  background-image: url("/_themes/light/content/media/icons/build.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/build_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-this-version {
  background-image: url("/_themes/light/content/media/icons/this_version.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/this_version_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-next-version {
  background-image: url("/_themes/light/content/media/icons/next_version.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/next_version_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-skip {
  background-image: url("/_themes/light/content/media/icons/skip.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/skip_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-up-arrow {
  background-image: url("/_themes/light/content/media/icons/circled_arrow_up.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/circled_arrow_up_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-down-arrow {
  background-image: url("/_themes/light/content/media/icons/circled_arrow_down.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/circled_arrow_down_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-dots {
  background-image: url("/_themes/light/content/media/icons/menu.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/menu_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-phone,
.image-phone-active {
  background-image: url("/_themes/light/content/media/icons/phone.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/phone_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-web,
.image-web-active {
  background-image: url("/_themes/light/content/media/icons/web.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/web_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-office,
.image-office-active {
  background-image: url("/_themes/light/content/media/icons/office_phone.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/office_phone_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-mob,
.image-mob-active {
  background-image: url("/_themes/light/content/media/icons/phone.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/phone_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-fax,
.image-fax-active {
  background-image: url("/_themes/light/content/media/icons/fax.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/fax_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-email2,
.image-email2-active {
  background-image: url("/_themes/light/content/media/icons/mail_unread.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/mail_unread_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-skype,
.image-skype-active {
  background-image: url("/_themes/light/content/media/icons/skype.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/skype_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

/*<--- priorities --->*/
.image-priority-emergency {
  background-image: url("/_themes/light/content/media/icons/emergency_priority.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/emergency_priority.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-priority-high {
  background-image: url("/_themes/light/content/media/icons/high_priority.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/high_priority.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-priority-medium {
  background-image: url("/_themes/light/content/media/icons/medium_priority.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/medium_priority.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-priority-low {
  background-image: url("/_themes/light/content/media/icons/low_priority.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/low_priority.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-signature-valid {
  background-image: url("/_themes/light/content/media/icons/signature_valid.svg?stamp=240311&t=0");
}

.image-signature-invalid {
  background-image: url("/_themes/light/content/media/icons/signature_invalid.svg?stamp=240311&t=0");
}



/*<--- figures --->*/
.image-pflow-fab {
  background-image: url("/_themes/light/content/media/icons/rhombus.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/rhombus.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-pflow-move {
  background-image: url("/_themes/light/content/media/icons/ellipse.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/ellipse.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-pflow-storeget {
  background-image: url("/_themes/light/content/media/icons/triangle.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/triangle.svg?stamp=240311&t=0&icon_color=%23404040");
}


.image-pflow-rework {
  background-image: url("/_themes/light/content/media/icons/pentagon.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/pentagon.svg?stamp=240311&t=0&icon_color=%23404040");
}


.image-pflow-scrapcontain {
  background-image: url("/_themes/light/content/media/icons/octagon.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/octagon.svg?stamp=240311&t=0&icon_color=%23404040");
}


.image-pflow-inspect {
  background-image: url("/_themes/light/content/media/icons/rectangle.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/rectangle.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-required {
  background-image: url("/_themes/light/content/media/icons/lightning.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/lightning_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-insert-row {
  background-image: url("/_themes/light/content/media/icons/insert_row.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/insert_row_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-insert-row-above {
  background-image: url("/_themes/light/content/media/icons/insert_row_above.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/insert_row_above_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-indent {
  background-image: url("/_themes/light/content/media/icons/indent.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/indent_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-outdent {
  background-image: url("/_themes/light/content/media/icons/outdent.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/outdent_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

/*<--- statuses --->*/
.image-status_denied {
  background-image: url("/_themes/light/content/media/icons/statuses/reject.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-status_exp {
  background-image: url("/_themes/light/content/media/icons/statuses/status_exp.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-status_no {
  background-image: url("/_themes/light/content/media/icons/statuses/status_no.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/statuses/status_no.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/statuses/status_no.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-status_question {
  background-image: url("/_themes/light/content/media/icons/statuses/status_question.svg?stamp=240311&t=0&icon_color=%23158DDC")
}

.image-status_warning, .icon-status_warning {
  background-image: url("/_themes/light/content/media/icons/statuses/status_warning.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                    url("/_themes/light/content/media/icons/statuses/status_warning.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                    url("/_themes/light/content/media/icons/statuses/status_warning.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)");
}

.image-status_warning_gray, .icon-status_warning_gray {
  background-image: url("/_themes/light/content/media/icons/statuses/status_warning.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-status_warning_magenta, .icon-status_warning_magenta {
  background-image: url("/_themes/light/content/media/icons/statuses/status_warning.svg?stamp=240311&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")
}

.image-status_yes {
  background-image: url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-status_yes_blue {
  background-image: url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                    url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                    url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

.image-status_yes_gray {
  background-image: url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-status_yes_violet {
  background-image: url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23B130BD"),
                    url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23B130BD"),
                    url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23B130BD");
}

.image-status_cancelled {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-status_completed {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.image-status_deferred {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=%23158DDC")
}

.image-status_in_progress {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)")
}

.image-status_not_started {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.image-status_waiting {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")
}

/* tree tooltip images */
.tree-tooltip-image-archived {
  background-image: url("/_themes/light/content/media/icons/revision-edit.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/revision-edit.svg?stamp=240311&t=0&icon_color=%23404040");
}

/*<--- images types --->*/
.image-type-0 {
  background-image: url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-type-1 {
  background-image: url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-type-2 {
  background-image: url("/_themes/light/content/media/icons/workflow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-type-3,
.image-type-8 {
  background-image: url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-type-4 {
  background-image: url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-type-5,
.image-index {
  background-image: url("/_themes/light/content/media/icons/index.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/index_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-type-6 {
  background-image: url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%23404040");
}



.image-content-type-0 { background-image: url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%23404040"),
                                          url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-content-type-1 { background-image: url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%23404040"),
                                          url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-content-type-2 { background-image: url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%23404040"),
                                          url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-content-type-3,
.image-content-type-8 { background-image: url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%23404040"),
                                          url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-content-type-4 { background-image: url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%23404040"),
                                          url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                          
.image-content-type-5 { background-image: url("/_themes/light/content/media/icons/index.svg?stamp=240311&t=0&icon_color=%23404040"),
                                          url("/_themes/light/content/media/icons/index_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-content-type-6 { background-image: url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%23404040"),
                                          url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-progress0 { background-image: url("/_themes/light/content/media/progress/progress_0.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-progress1 { background-image: url("/_themes/light/content/media/progress/progress_1.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-progress2 { background-image: url("/_themes/light/content/media/progress/progress_2.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-progress3 { background-image: url("/_themes/light/content/media/progress/progress_3.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-progress4 { background-image: url("/_themes/light/content/media/progress/progress_4.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-circle, .icon-circle { background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-circle_gray,
.image-circle-gray,
.icon-circle-gray,
.icon-circle_gray{ background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                       url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.image-circle_green,
.image-circle-green,
.icon-circle-green,
.icon-circle_green{ background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                                        url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"); }
.image-circle_lightblue,
.image-circle-lightblue,
.icon-circle-lightblue,
.icon-circle_lightblue{ background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                                         url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
.image-circle_yellow,
.image-circle-yellow,
.icon-circle-yellow,
.icon-circle_yellow{ background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                                         url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"); }
.image-circle_red,
.image-circle-red,
.icon-circle-red,
.icon-circle_red{ background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); }
.image-circle_blue,
.image-circle-blue,
.icon-circle-blue,
.icon-circle_blue{ background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                                       url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
.image-circle_purple,
.image-circle-purple,
.icon-circle-purple,
.icon-circle_purple{ background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                                       url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"); }
.image-circle_orange,
.image-circle-orange,
.icon-circle-orange,
.icon-circle_orange{ background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                                         url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"); }
.image-circle_stroke_gray,
.image-circle-stroke-gray,
.icon-circle-stroke-gray,
.icon-circle_stroke_gray{ background-image: url("/_themes/light/content/media/icons/circle_clear.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                         url("/_themes/light/content/media/icons/circle_clear.svg?stamp=240311&t=0&icon_color=%2381878F"); }
                                       
.image-color-1 { background-image: url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(91%2c+91%2c+223%2c+1)"),
                                   url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(91%2c+91%2c+223%2c+1)")}
.image-color-2 { background-image: url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(21%2c+134%2c+139%2c+1)"),
                                   url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(21%2c+134%2c+139%2c+1)")}
.image-color-3 { background-image: url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                                   url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)")}
.image-color-4 { background-image: url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                                   url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)")}
.image-color-5 { background-image: url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                   url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")}
.image-color-6 { background-image: url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                                   url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)")}
.image-color-7 { background-image: url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)"),
                                   url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)")}
.image-color-8 { background-image: url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)"),
                                   url("/_themes/light/content/media/icons/color_box.svg?stamp=240311&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")}

/* Dim Types */
/*.image.image-dim-Width { background-image: url("/_themes/light/content/media/dimtypes/dim_width.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Width-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_width_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Welding { background-image: url("/_themes/light/content/media/dimtypes/dim_welding.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Unilateral { background-image: url("/_themes/light/content/media/dimtypes/dim_unilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-UnequallyDisposed { background-image: url("/_themes/light/content/media/dimtypes/dim_unequallydisposed.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-True-Position { background-image: url("/_themes/light/content/media/dimtypes/dim_true_position.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-True-Position-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_true_position_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Total-Runout { background-image: url("/_themes/light/content/media/dimtypes/dim_total_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Total-Runout-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_total_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Thread { background-image: url("/_themes/light/content/media/dimtypes/dim_thread.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-TangentPlane { background-image: url("/_themes/light/content/media/dimtypes/dim_tangentplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Symmetry { background-image: url("/_themes/light/content/media/dimtypes/dim_symmetry.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Symmetry-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_symmetry_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Profile { background-image: url("/_themes/light/content/media/dimtypes/dim_surface_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Profile-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_surface_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Finish { background-image: url("/_themes/light/content/media/dimtypes/dim_surface_finish.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Straightness { background-image: url("/_themes/light/content/media/dimtypes/dim_straightness.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Straightness-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_straightness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Square { background-image: url("/_themes/light/content/media/dimtypes/dim_square.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Square-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_square_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Radius { background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_radius.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Radius-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_radius_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Diameter { background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Diameter-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-RegardlessOfFeatureSize { background-image: url("/_themes/light/content/media/dimtypes/dim_regardlessoffeaturesize.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Radial { background-image: url("/_themes/light/content/media/dimtypes/dim_radial.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Radial-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_radial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Question { background-image: url("/_themes/light/content/media/dimtypes/dim_question.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-ProjectedToleranceZone { background-image: url("/_themes/light/content/media/dimtypes/dim_projectedtolerancezone.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-PolarRadial { background-image: url("/_themes/light/content/media/dimtypes/dim_polarradial.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-PolarRadial-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_polarradial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Polar { background-image: url("/_themes/light/content/media/dimtypes/dim_polar.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Polar-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_polar_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Point-Profile { background-image: url("/_themes/light/content/media/dimtypes/dim_point_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Points { background-image: url("/_themes/light/content/media/dimtypes/dim_points.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Point { background-image: url("/_themes/light/content/media/dimtypes/dim_point.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Perpendicularity { background-image: url("/_themes/light/content/media/dimtypes/dim_perpendicularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Perpendicularity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_perpendicularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Parallelism { background-image: url("/_themes/light/content/media/dimtypes/dim_parallelism.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Parallelism-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_parallelism_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Note { background-image: url("/_themes/light/content/media/dimtypes/dim_note.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-NotConvex { background-image: url("/_themes/light/content/media/dimtypes/dim_notconvex.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-noimage { background-image: url("/_themes/light/content/media/dimtypes/dim_noimage.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-MaximumMaterialCondition { background-image: url("/_themes/light/content/media/dimtypes/dim_maximummaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile { background-image: url("/_themes/light/content/media/dimtypes/dim_line_profile.svg)?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_line_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Linear { background-image: url("/_themes/light/content/media/dimtypes/dim_linear.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Linear-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_linear_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile { background-image: url("/_themes/light/content/media/dimtypes/dim_line profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-LeastMaterialCondition { background-image: url("/_themes/light/content/media/dimtypes/dim_leastmaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-General { background-image: url("/_themes/light/content/media/dimtypes/dim_general.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FreeState { background-image: url("/_themes/light/content/media/dimtypes/dim_freestate.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Flatness { background-image: url("/_themes/light/content/media/dimtypes/dim_flatness.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Flatness-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_flatness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FlagNote { background-image: url("/_themes/light/content/media/dimtypes/dim_flagnote.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerTankSealPlane { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenertanksealplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerRefLocation { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerReference { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerNote { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenernote.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerLocation { background-image: url("/_themes/light/content/media/dimtypes/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerHoleLocation { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerholelocation.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerHidden { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerhidden.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Fastener { background-image: url("/_themes/light/content/media/dimtypes/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Fastener-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_fastener_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Edge { background-image: url("/_themes/light/content/media/dimtypes/dim_edge.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Edge-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_edge_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-DTS { background-image: url("/_themes/light/content/media/dimtypes/dim_dts.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Diameter { background-image: url("/_themes/light/content/media/dimtypes/dim_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Diameter-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Depth { background-image: url("/_themes/light/content/media/dimtypes/dim_depth.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Cylindricity { background-image: url("/_themes/light/content/media/dimtypes/dim_cylindricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Cylindricity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_cylindricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CustomPassFail { background-image: url("/_themes/light/content/media/dimtypes/dim_custompassfail.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CustomBilateral { background-image: url("/_themes/light/content/media/dimtypes/dim_custombilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CustomBilateral-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_custombilateral_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CS-Dist { background-image: url("/_themes/light/content/media/dimtypes/dim_cs_dist.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CS-Dist-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_cs_dist_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Countersink { background-image: url("/_themes/light/content/media/dimtypes/dim_countersink.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Counterbore { background-image: url("/_themes/light/content/media/dimtypes/dim_counterbore.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Coordinate { background-image: url("/_themes/light/content/media/dimtypes/dim_coordinate.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Coordinate-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_coordinate_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Concentricity { background-image: url("/_themes/light/content/media/dimtypes/dim_concentricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Concentricity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_concentricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CommonZone { background-image: url("/_themes/light/content/media/dimtypes/dim_commonzone.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Circular-Runout { background-image: url("/_themes/light/content/media/dimtypes/dim_circular_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Circular-Runout-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_circular_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Circularity { background-image: url("/_themes/light/content/media/dimtypes/dim_circularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Circularity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_circularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Chamfer { background-image: url("/_themes/light/content/media/dimtypes/dim_chamfer.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-BSC { background-image: url("/_themes/light/content/media/dimtypes/dim_bsc.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Z { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_z.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Z-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_z_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Y { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_y.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Y-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_y_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-X { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_x.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-X-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_x_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Angularity { background-image: url("/_themes/light/content/media/dimtypes/dim_angularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Angularity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_angularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Angular { background-image: url("/_themes/light/content/media/dimtypes/dim_angular.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Angular-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_angular_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
*/

/*
.lookup-tab .items .item .image.image-dim-Width { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_width.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Width-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_width_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Welding { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_welding.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Unilateral { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_unilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-UnequallyDisposed { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_unequallydisposed.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-True-Position { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_true_position.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-True-Position-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_true_position_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Total-Runout { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_total_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Total-Runout-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_total_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Thread { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_thread.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-TangentPlane { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_tangentplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Symmetry { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_symmetry.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Symmetry-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_symmetry_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Surface-Profile { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_surface_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Surface-Profile-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_surface_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Surface-Finish { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_surface_finish.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Straightness { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_straightness.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Straightness-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_straightness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Square { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_square.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Square-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_square_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spherical-Radius { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_radius.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spherical-Radius-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_radius_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spherical-Diameter { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spherical-Diameter-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-RegardlessOfFeatureSize { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_regardlessoffeaturesize.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Radial { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_radial.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Radial-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_radial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Question { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_question.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-ProjectedToleranceZone { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_projectedtolerancezone.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-PolarRadial { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_polarradial.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-PolarRadial-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_polarradial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Polar { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_polar.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Polar-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_polar_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Point-Profile { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_point_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Points { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_points.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Point { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_point.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Perpendicularity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_perpendicularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Perpendicularity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_perpendicularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Parallelism { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_parallelism.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Parallelism-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_parallelism_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Note { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_note.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-NotConvex { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_notconvex.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-noimage { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_noimage.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-MaximumMaterialCondition { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_maximummaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Line-Profile { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_line_profile.svg)?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Line-Profile-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_line_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Linear { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_linear.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Linear-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_linear_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Line-Profile { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_line profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-LeastMaterialCondition { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_leastmaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-General { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_general.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FreeState { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_freestate.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Flatness { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_flatness.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Flatness-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_flatness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FlagNote { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_flagnote.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerTankSealPlane { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenertanksealplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerRefLocation { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerReference { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerNote { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenernote.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerLocation { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerHoleLocation { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerholelocation.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerHidden { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerhidden.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Fastener { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Fastener-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_fastener_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Edge { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_edge.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Edge-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_edge_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-DTS { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_dts.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Diameter { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Diameter-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Depth { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_depth.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Cylindricity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_cylindricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Cylindricity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_cylindricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CustomPassFail { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_custompassfail.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CustomBilateral { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_custombilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CustomBilateral-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_custombilateral_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CS-Dist { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_cs_dist.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CS-Dist-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_cs_dist_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Countersink { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_countersink.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Counterbore { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_counterbore.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Coordinate { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_coordinate.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Coordinate-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_coordinate_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Concentricity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_concentricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Concentricity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_concentricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CommonZone { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_commonzone.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Circular-Runout { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_circular_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Circular-Runout-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_circular_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Circularity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_circularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Circularity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_circularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Chamfer { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_chamfer.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-BSC { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_bsc.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-Z { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_z.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-Z-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_z_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-Y { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_y.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-Y-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_y_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-X { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_x.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-X-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_x_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Angularity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_angularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Angularity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_angularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Angular { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_angular.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Angular-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes/dim_angular_basic.svg?stamp=240311&t=0&icon_color=%23404040");}

.lookup-tab .items .item:hover .image.image-dim-Width { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_width.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Width-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_width_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Welding { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_welding.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Unilateral { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_unilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-UnequallyDisposed { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_unequallydisposed.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-True-Position { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_true_position.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-True-Position-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_true_position_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Total-Runout { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_total_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Total-Runout-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_total_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Thread { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_thread.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-TangentPlane { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_tangentplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Symmetry { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_symmetry.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Symmetry-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_symmetry_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Surface-Profile { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_surface_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Surface-Profile-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_surface_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Surface-Finish { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_surface_finish.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Straightness { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_straightness.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Straightness-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_straightness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Square { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_square.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Square-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_square_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spherical-Radius { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_radius.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spherical-Radius-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_radius_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spherical-Diameter { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spherical-Diameter-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-RegardlessOfFeatureSize { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_regardlessoffeaturesize.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Radial { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_radial.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Radial-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_radial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Question { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_question.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-ProjectedToleranceZone { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_projectedtolerancezone.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-PolarRadial { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_polarradial.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-PolarRadial-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_polarradial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Polar { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_polar.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Polar-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_polar_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Point-Profile { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_point_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Points { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_points.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Point { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_point.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Perpendicularity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_perpendicularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Perpendicularity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_perpendicularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Parallelism { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_parallelism.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Parallelism-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_parallelism_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Note { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_note.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-NotConvex { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_notconvex.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-noimage { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_noimage.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-MaximumMaterialCondition { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_maximummaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Line-Profile { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_line_profile.svg)?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Line-Profile-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_line_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Linear { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_linear.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Linear-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_linear_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Line-Profile { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_line profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-LeastMaterialCondition { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_leastmaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-General { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_general.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FreeState { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_freestate.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Flatness { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_flatness.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Flatness-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_flatness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FlagNote { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_flagnote.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerTankSealPlane { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenertanksealplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerRefLocation { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerReference { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerNote { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenernote.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerLocation { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerHoleLocation { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerholelocation.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerHidden { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerhidden.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Fastener { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Fastener-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_fastener_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Edge { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_edge.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Edge-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_edge_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-DTS { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_dts.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Diameter { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Diameter-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Depth { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_depth.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Cylindricity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_cylindricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Cylindricity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_cylindricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CustomPassFail { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_custompassfail.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CustomBilateral { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_custombilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CustomBilateral-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_custombilateral_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CS-Dist { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_cs_dist.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CS-Dist-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_cs_dist_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Countersink { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_countersink.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Counterbore { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_counterbore.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Coordinate { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_coordinate.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Coordinate-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_coordinate_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Concentricity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_concentricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Concentricity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_concentricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CommonZone { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_commonzone.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Circular-Runout { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_circular_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Circular-Runout-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_circular_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Circularity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_circularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Circularity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_circularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Chamfer { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_chamfer.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-BSC { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_bsc.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-Z { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_z.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-Z-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_z_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-Y { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_y.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-Y-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_y_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-X { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_x.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-X-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_x_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Angularity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_angularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Angularity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_angularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Angular { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_angular.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Angular-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes/dim_angular_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
*/

/* Dim Types 2 */
.image.image-dim-Width { background-image: url("/_themes/light/content/media/dimtypes2/dim_width.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Width-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_width_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Welding { background-image: url("/_themes/light/content/media/dimtypes2/dim_welding.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Unilateral { background-image: url("/_themes/light/content/media/dimtypes2/dim_unilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-UnequallyDisposed { background-image: url("/_themes/light/content/media/dimtypes2/dim_unequallydisposed.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-True-Position { background-image: url("/_themes/light/content/media/dimtypes2/dim_true_position.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-True-Position-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_true_position_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Total-Runout { background-image: url("/_themes/light/content/media/dimtypes2/dim_total_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Total-Runout-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_total_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Thread { background-image: url("/_themes/light/content/media/dimtypes2/dim_thread.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-TangentPlane { background-image: url("/_themes/light/content/media/dimtypes2/dim_tangentplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Symmetry { background-image: url("/_themes/light/content/media/dimtypes2/dim_symmetry.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Symmetry-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_symmetry_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Profile { background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Profile-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Finish { background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_finish.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Straightness { background-image: url("/_themes/light/content/media/dimtypes2/dim_straightness.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Straightness-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_straightness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Square { background-image: url("/_themes/light/content/media/dimtypes2/dim_square.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Square-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_square_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Radius { background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_radius.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Radius-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_radius_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Diameter { background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Diameter-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-RegardlessOfFeatureSize { background-image: url("/_themes/light/content/media/dimtypes2/dim_regardlessoffeaturesize.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Radial { background-image: url("/_themes/light/content/media/dimtypes2/dim_radial.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Radial-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_radial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Question { background-image: url("/_themes/light/content/media/dimtypes2/dim_question.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-ProjectedToleranceZone { background-image: url("/_themes/light/content/media/dimtypes2/dim_projectedtolerancezone.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-PolarRadial { background-image: url("/_themes/light/content/media/dimtypes2/dim_polarradial.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-PolarRadial-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_polarradial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Polar { background-image: url("/_themes/light/content/media/dimtypes2/dim_polar.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Polar-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_polar_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Point-Profile { background-image: url("/_themes/light/content/media/dimtypes2/dim_point_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Points { background-image: url("/_themes/light/content/media/dimtypes2/dim_points.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Point { background-image: url("/_themes/light/content/media/dimtypes2/dim_point.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Perpendicularity { background-image: url("/_themes/light/content/media/dimtypes2/dim_perpendicularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Perpendicularity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_perpendicularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Parallelism { background-image: url("/_themes/light/content/media/dimtypes2/dim_parallelism.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Parallelism-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_parallelism_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Note { background-image: url("/_themes/light/content/media/dimtypes2/dim_note.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-NotConvex { background-image: url("/_themes/light/content/media/dimtypes2/dim_notconvex.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-noimage { background-image: url("/_themes/light/content/media/dimtypes2/dim_noimage.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-MaximumMaterialCondition { background-image: url("/_themes/light/content/media/dimtypes2/dim_maximummaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile { background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile.svg)?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Linear { background-image: url("/_themes/light/content/media/dimtypes2/dim_linear.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Linear-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_linear_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile { background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-LeastMaterialCondition { background-image: url("/_themes/light/content/media/dimtypes2/dim_leastmaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-General { background-image: url("/_themes/light/content/media/dimtypes2/dim_general.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FreeState { background-image: url("/_themes/light/content/media/dimtypes2/dim_freestate.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Flatness { background-image: url("/_themes/light/content/media/dimtypes2/dim_flatness.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Flatness-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_flatness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FlagNote { background-image: url("/_themes/light/content/media/dimtypes2/dim_flagnote.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerTankSealPlane { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenertanksealplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerRefLocation { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerReference { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerNote { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenernote.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerLocation { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerHoleLocation { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerholelocation.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-FastenerHidden { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerhidden.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Fastener { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Fastener-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Edge { background-image: url("/_themes/light/content/media/dimtypes2/dim_edge.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Edge-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_edge_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-DTS { background-image: url("/_themes/light/content/media/dimtypes2/dim_dts.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Diameter { background-image: url("/_themes/light/content/media/dimtypes2/dim_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Diameter-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Depth { background-image: url("/_themes/light/content/media/dimtypes2/dim_depth.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Cylindricity { background-image: url("/_themes/light/content/media/dimtypes2/dim_cylindricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Cylindricity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_cylindricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CustomPassFail { background-image: url("/_themes/light/content/media/dimtypes2/dim_custompassfail.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CustomBilateral { background-image: url("/_themes/light/content/media/dimtypes2/dim_custombilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CustomBilateral-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_custombilateral_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CS-Dist { background-image: url("/_themes/light/content/media/dimtypes2/dim_cs_dist.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CS-Dist-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_cs_dist_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Countersink { background-image: url("/_themes/light/content/media/dimtypes2/dim_countersink.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Counterbore { background-image: url("/_themes/light/content/media/dimtypes2/dim_counterbore.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Coordinate { background-image: url("/_themes/light/content/media/dimtypes2/dim_coordinate.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Coordinate-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_coordinate_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Concentricity { background-image: url("/_themes/light/content/media/dimtypes2/dim_concentricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Concentricity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_concentricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CommonZone { background-image: url("/_themes/light/content/media/dimtypes2/dim_commonzone.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Circular-Runout { background-image: url("/_themes/light/content/media/dimtypes2/dim_circular_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Circular-Runout-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_circular_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Circularity { background-image: url("/_themes/light/content/media/dimtypes2/dim_circularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Circularity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_circularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Chamfer { background-image: url("/_themes/light/content/media/dimtypes2/dim_chamfer.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-BSC { background-image: url("/_themes/light/content/media/dimtypes2/dim_bsc.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Z { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_z.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Z-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_z_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Y { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_y.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Y-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_y_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-X { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_x.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-X-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_x_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Angularity { background-image: url("/_themes/light/content/media/dimtypes2/dim_angularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Angularity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_angularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Angular { background-image: url("/_themes/light/content/media/dimtypes2/dim_angular.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Angular-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_angular_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-ArcLength { background-image: url("/_themes/light/content/media/dimtypes2/dim_arclength.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-ConicalTaper { background-image: url("/_themes/light/content/media/dimtypes2/dim_conicaltaper.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Spotface { background-image: url("/_themes/light/content/media/dimtypes2/dim_spotface.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-Slope { background-image: url("/_themes/light/content/media/dimtypes2/dim_slope.svg?stamp=240311&t=0&icon_color=%23404040");}
.image.image-dim-CustomUnilateral { background-image: url("/_themes/light/content/media/dimtypes2/dim_customunilateral.svg?stamp=240311&t=0&icon_color=%23404040");}

.lookup-tab .items .item .image.image-dim-Width { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_width.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Width-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_width_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Welding { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_welding.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Unilateral { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_unilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-UnequallyDisposed { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_unequallydisposed.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-True-Position { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_true_position.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-True-Position-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_true_position_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Total-Runout { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_total_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Total-Runout-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_total_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Thread { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_thread.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-TangentPlane { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_tangentplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Symmetry { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_symmetry.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Symmetry-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_symmetry_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Surface-Profile { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Surface-Profile-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Surface-Finish { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_finish.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Straightness { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_straightness.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Straightness-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_straightness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Square { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_square.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Square-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_square_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spherical-Radius { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_radius.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spherical-Radius-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_radius_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spherical-Diameter { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spherical-Diameter-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-RegardlessOfFeatureSize { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_regardlessoffeaturesize.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Radial { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_radial.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Radial-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_radial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Question { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_question.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-ProjectedToleranceZone { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_projectedtolerancezone.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-PolarRadial { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_polarradial.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-PolarRadial-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_polarradial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Polar { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_polar.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Polar-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_polar_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Point-Profile { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_point_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Points { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_points.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Point { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_point.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Perpendicularity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_perpendicularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Perpendicularity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_perpendicularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Parallelism { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_parallelism.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Parallelism-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_parallelism_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Note { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_note.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-NotConvex { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_notconvex.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-noimage { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_noimage.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-MaximumMaterialCondition { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_maximummaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Line-Profile { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile.svg)?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Line-Profile-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Linear { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_linear.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Linear-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_linear_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Line-Profile { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-LeastMaterialCondition { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_leastmaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-General { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_general.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FreeState { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_freestate.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Flatness { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_flatness.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Flatness-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_flatness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FlagNote { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_flagnote.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerTankSealPlane { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenertanksealplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerRefLocation { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerReference { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerNote { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenernote.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerLocation { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerHoleLocation { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerholelocation.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-FastenerHidden { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerhidden.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Fastener { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Fastener-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Edge { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_edge.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Edge-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_edge_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-DTS { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_dts.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Diameter { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Diameter-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Depth { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_depth.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Cylindricity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_cylindricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Cylindricity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_cylindricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CustomPassFail { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_custompassfail.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CustomBilateral { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_custombilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CustomBilateral-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_custombilateral_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CS-Dist { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_cs_dist.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CS-Dist-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_cs_dist_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Countersink { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_countersink.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Counterbore { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_counterbore.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Coordinate { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_coordinate.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Coordinate-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_coordinate_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Concentricity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_concentricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Concentricity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_concentricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CommonZone { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_commonzone.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Circular-Runout { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_circular_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Circular-Runout-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_circular_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Circularity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_circularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Circularity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_circularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Chamfer { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_chamfer.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-BSC { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_bsc.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-Z { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_z.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-Z-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_z_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-Y { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_y.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-Y-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_y_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-X { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_x.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Bilateral-X-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_x_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Angularity { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_angularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Angularity-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_angularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Angular { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_angular.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Angular-Basic { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_angular_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-ArcLength { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_arclength.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-ConicalTaper { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_conicaltaper.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Spotface { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_spotface.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-Slope { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_slope.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item .image.image-dim-CustomUnilateral { background-size: 20px 20px, 0 0; background-position: center; background-image: url("/_themes/light/content/media/dimtypes2/dim_customunilateral.svg?stamp=240311&t=0&icon_color=%23404040");}

.lookup-tab .items .item:hover .image.image-dim-Width { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_width.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Width-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_width_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Welding { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_welding.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Unilateral { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_unilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-UnequallyDisposed { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_unequallydisposed.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-True-Position { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_true_position.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-True-Position-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_true_position_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Total-Runout { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_total_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Total-Runout-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_total_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Thread { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_thread.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-TangentPlane { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_tangentplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Symmetry { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_symmetry.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Symmetry-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_symmetry_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Surface-Profile { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Surface-Profile-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Surface-Finish { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_finish.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Straightness { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_straightness.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Straightness-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_straightness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Square { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_square.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Square-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_square_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spherical-Radius { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_radius.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spherical-Radius-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_radius_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spherical-Diameter { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spherical-Diameter-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-RegardlessOfFeatureSize { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_regardlessoffeaturesize.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Radial { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_radial.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Radial-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_radial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Question { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_question.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-ProjectedToleranceZone { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_projectedtolerancezone.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-PolarRadial { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_polarradial.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-PolarRadial-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_polarradial_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Polar { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_polar.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Polar-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_polar_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Point-Profile { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_point_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Points { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_points.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Point { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_point.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Perpendicularity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_perpendicularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Perpendicularity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_perpendicularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Parallelism { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_parallelism.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Parallelism-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_parallelism_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Note { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_note.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-NotConvex { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_notconvex.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-noimage { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_noimage.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-MaximumMaterialCondition { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_maximummaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Line-Profile { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile.svg)?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Line-Profile-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Linear { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_linear.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Linear-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_linear_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Line-Profile { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-LeastMaterialCondition { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_leastmaterialcondition.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-General { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_general.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FreeState { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_freestate.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Flatness { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_flatness.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Flatness-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_flatness_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FlagNote { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_flagnote.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerTankSealPlane { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenertanksealplane.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerRefLocation { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerReference { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerNote { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenernote.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerLocation { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerHoleLocation { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerholelocation.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-FastenerHidden { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerhidden.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Fastener { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Fastener-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Edge { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_edge.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Edge-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_edge_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-DTS { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_dts.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Diameter { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_diameter.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Diameter-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_diameter_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Depth { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_depth.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Cylindricity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_cylindricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Cylindricity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_cylindricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CustomPassFail { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_custompassfail.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CustomBilateral { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_custombilateral.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CustomBilateral-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_custombilateral_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CS-Dist { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_cs_dist.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CS-Dist-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_cs_dist_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Countersink { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_countersink.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Counterbore { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_counterbore.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Coordinate { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_coordinate.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Coordinate-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_coordinate_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Concentricity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_concentricity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Concentricity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_concentricity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CommonZone { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_commonzone.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Circular-Runout { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_circular_runout.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Circular-Runout-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_circular_runout_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Circularity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_circularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Circularity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_circularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Chamfer { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_chamfer.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-BSC { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_bsc.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-Z { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_z.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-Z-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_z_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-Y { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_y.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-Y-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_y_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-X { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_x.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Bilateral-X-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_x_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Angularity { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_angularity.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Angularity-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_angularity_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Angular { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_angular.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Angular-Basic { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_angular_basic.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-ArcLength { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_arclength.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-ConicalTaper { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_conicaltaper.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Spotface { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_spotface.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-Slope { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_slope.svg?stamp=240311&t=0&icon_color=%23404040");}
.lookup-tab .items .item:hover .image.image-dim-CustomUnilateral { background-size: 20px 20px, 0 0; background-image: url("/_themes/light/content/media/dimtypes2/dim_customunilateral.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-add-package {
  background-image: url('/_themes/light/content/media/open_box.svg?stamp=240311&t=0&icon_color=%23404040'),
    url('/_themes/light/content/media/open_box.svg?stamp=240311&t=0&icon_color=%23404040');
  background-size:contain, 0;
  background-position: 0 0; 
}
.image-add-package {
  background-size: 0, contain;
}

/* form designer */
.image-undo { background-image: url("/_themes/light/content/media/designer/undo.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/undo.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-redo { background-image: url("/_themes/light/content/media/designer/redo.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/redo.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-cut { background-image: url("/_themes/light/content/media/designer/cut.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/cut.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-copy { background-image: url("/_themes/light/content/media/designer/copy-to-clipboard.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/copy-to-clipboard.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-paste { background-image: url("/_themes/light/content/media/designer/paste.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/paste.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-formatpaint { background-image: url("/_themes/light/content/media/designer/paint-roller.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/paint-roller.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-modifyviews { background-image: url("/_themes/light/content/media/designer/static-views.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/static-views.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-preview { background-image: url("/_themes/light/content/media/designer/analyze.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/analyze.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-addpage { background-image: url("/_themes/light/content/media/designer/insert-page.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/insert-page.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-editstyles { background-image: url("/_themes/light/content/media/designer/font-style-formatting.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/font-style-formatting.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-toggleborders { background-image: url("/_themes/light/content/media/designer/square-border.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/square-border.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-togglealignment { background-image: url("/_themes/light/content/media/designer/alignment-grid.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/alignment-grid.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-datasources { background-image: url("/_themes/light/content/media/designer/database.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/database.svg?stamp=240311&t=0&icon_color=%23404040"); }
.image-fittogrid { background-image: url("/_themes/light/content/media/designer/save-to-grid.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/save-to-grid.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                  
.image-menu-vertical { background-image: url("/_themes/light/content/media/designer/menu-vertical.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/menu-vertical.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                  
.image-question, .image-Question { background-image: url("/_themes/light/content/media/question.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/question.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                  
.image-start-task { background-image:url("/_themes/light/content/media/icons/play.svg?stamp=240311&t=0&icon_color=%23404040"), 
                                      url("/_themes/light/content/media/icons/play.svg?stamp=240311&t=0&icon_color=%23404040"); }

.image-pause-task { background-image:url("/_themes/light/content/media/icons/pause.svg?stamp=240311&t=0&icon_color=%23404040"),
                                      url("/_themes/light/content/media/icons/pause.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                      
.image-calendar { background-image:url("/_themes/light/content/media/icons/calendar.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/calendar.svg?stamp=240311&t=0&icon_color=%23404040"); }
                                  
.image-arrow-right { background-image: url("/_themes/light/content/media/icons/arrow_right.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/arrow_right_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.image-arrow-left { background-image: url("/_themes/light/content/media/icons/arrow_left.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/arrow_left_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.image-carousel-right { background-image: url("/_themes/light/content/media/icons/arrow_right.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/arrow_right_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
                                               
.image-carousel-left { background-image: url("/_themes/light/content/media/icons/arrow_right.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/arrow_right_filled.svg?stamp=240311&t=0&icon_color=%23404040");
  transform: rotate(-180deg);
}
                                               
.image-inspection-planning {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/inspection.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/accessmatrix/inspection.svg?stamp=240311&t=0&icon_color=%23404040"); 
}

.image-production { background-image: url("/_themes/light/content/media/designer/analyze.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/designer/analyze.svg?stamp=240311&t=0&icon_color=%23404040"); 
}

.ws1 .actions-pane .button .image.image-production { background-size: 82%; } 
                                  
.image-data-entry {
  background-image: url("/_themes/light/content/media/icons/database.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/database.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-pqp-records { background-image: url("/_themes/light/content/media/icons/pqp_records.svg?stamp=240311&t=0&icon_color=%23404040"),
                                       url("/_themes/light/content/media/icons/pqp_records.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-job-revisions {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/job.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/widgets/accessmatrix/job.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}
                                               
.image-expand-item {
  background-image: url("/_themes/light/content/media/icons/expand-item.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/expand-item.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-collapse-item {
  background-image: url("/_themes/light/content/media/icons/collapse-item.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collapse-item.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-add-link { 
  background-image: url('/_themes/light/content/media/icons/add_link.svg?stamp=240311&t=0&icon_color=%23404040'), 
                    url('/_themes/light/content/media/icons/add_link_filled.svg?stamp=240311&t=0&icon_color=%23404040'); 
}

.image-delete-link { 
  background-image: url('/_themes/light/content/media/icons/delete_link.svg?stamp=240311&t=0&icon_color=%23404040'), 
                    url('/_themes/light/content/media/icons/delete_link_filled.svg?stamp=240311&t=0&icon_color=%23404040'); 
}

.field-buttons .image-upload {
  background-image: url("/_themes/light/content/media/icons/upload.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/upload_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.field-buttons .image-eye {
  background-image: url("/_themes/light/content/media/icons/eye.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/eye_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

/*<--- access matrix --->*/
.widget-accessmatrix .icon-parts:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/parts.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-units:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/job.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-inspection-planning:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/inspection.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-inspection-results:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/inspection_results.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-role:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/user_filled.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-supervisor:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/supervisor.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-engineer:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/engineer.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-inspector:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/inspector.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-auditor:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/auditor.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

/* Markers */
.image-marker-red { background-image: url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%23c61821), 
        url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%23c61821); 
        background-position: left top; }
.image-marker-orange { background-image: url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%23f7e08c),
        url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%23f7e08c); 
        background-position: left top; }
.image-marker-yellow { background-image: url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%23fffb94),
        url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%23fffb94); 
        background-position: left top; }
.image-marker-green { background-image: url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%237bd36b),
        url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%237bd36b); 
        background-position: left top; }
.image-marker-blue { background-image: url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%232959a5),
        url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%232959a5); 
        background-position: left top; }
.image-marker-lightblue { background-image: url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%239cb6ef),
        url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%239cb6ef); 
        background-position: left top; }
.image-marker-purple { background-image: url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%235a3ca5),
        url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%235a3ca5); 
        background-position: left top; }
.image-marker-gray { background-image: url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%23bdbebd),
        url(/_themes/light/content/media/figures/square-full2.svg?stamp=240311&t=0&icon_color=%23bdbebd); 
        background-position: left top; }


.image-toggle-collapse{  background-image: url("/_themes/light/content/media/plus-expand/minus-square.svg?stamp=240311&t=0&icon_color=%23404040"); background-size: contain;}
.image-toggle-expand{  background-image: url("/_themes/light/content/media/plus-expand/plus-square.svg?stamp=240311&t=0&icon_color=%23404040"); background-size: contain;}

.image-toggle-collapse2{  background-image: url("/_themes/light/content/media/tree-expand/tree-expand.svg?stamp=240311&t=0&icon_color=%23404040"); background-size: contain;}
.image-toggle-expand2{  background-image: url("/_themes/light/content/media/tree-expand/tree-collapsed.svg?stamp=240311&t=0&icon_color=%23404040"); background-size: contain;}


.image-sampling-cycle-arrow { background-image: url("/_themes/light/content/media/icons/inspection/sampling-cycle-arrow.svg?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/icons/inspection/sampling-cycle-arrow.svg?stamp=240311&t=0&icon_color=%23404040");}

/* Raitings */
.image.image-rating0{ background: url('/_themes/light/content/media/scoring/score_0.svg') left top no-repeat; width: 68px !important; background-size: 68px 21px !important; background-position: center;  }
.image.image-rating1{ background: url('/_themes/light/content/media/scoring/score_1.svg') left top no-repeat; width: 68px !important; background-size: 68px 21px !important; background-position: center;  }
.image.image-rating2{ background: url('/_themes/light/content/media/scoring/score_2.svg') left top no-repeat; width: 68px !important; background-size: 68px 21px !important; background-position: center;  }
.image.image-rating3{ background: url('/_themes/light/content/media/scoring/score_3.svg') left top no-repeat; width: 68px !important; background-size: 68px 21px !important; background-position: center;  }
.image.image-rating4{ background: url('/_themes/light/content/media/scoring/score_4.svg') left top no-repeat; width: 68px !important; background-size: 68px 21px !important; background-position: center;  }
.image.image-rating5{ background: url('/_themes/light/content/media/scoring/score_5.svg') left top no-repeat; width: 68px !important; background-size: 68px 21px !important; background-position: center;  }

.image-ok-green-circle {
  background-image: url("/_themes/light/content/media/grid-d/ok-green-circle.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/grid-d/ok-green-circle.svg?stamp=240311&t=0&icon_color=%23404040")
}
.icon-ok-green-circle {
  background-image: url("/_themes/light/content/media/grid-d/ok-green-circle.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/grid-d/ok-green-circle.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-ok {
  background-image: url("/_themes/light/content/media/icons/ok.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/ok.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-ok-green {
  background-image: url("/_themes/light/content/media/icons/ok.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/ok.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.icon-ok-gray {
  background-image: url("/_themes/light/content/media/icons/ok.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/ok.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.icon-cancel {
  background-image: url("/_themes/light/content/media/icons/cancel.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cancel.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-cancel-red {
  background-image: url("/_themes/light/content/media/icons/cancel.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/cancel.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.icon-cancel-gray {
  background-image: url("/_themes/light/content/media/icons/cancel.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/cancel.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.icon-fail-fire {
  background-image: url("/_themes/light/content/media/grid-d/fail-fire.png?stamp=240311&t=0");
}

.icon-warning, .image-warning {
  background-image: url("/_themes/light/content/media/icons/warning_error.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                    url("/_themes/light/content/media/icons/warning_error.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)")
}

.icon-trash-gray {
  background-image: url("/_themes/light/content/media/grid-d/trash-gray.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/grid-d/trash-gray.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-how-many-quest {
  background-image: url("/_themes/light/content/media/grid-d/how-many-quest.svg?stamp=240311&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)"),
                    url("/_themes/light/content/media/grid-d/how-many-quest.svg?stamp=240311&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)")
}

.icon-circled-right {
  background-image: url("/_themes/light/content/media/grid-d/circled-right.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/grid-d/circled-right.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)")
}

.icon-lock {
  background-image: url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-lock-red {
  background-image: url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.image-select { background-image: url("/_themes/light/content/media/icons/done.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/done_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

/* Activity Statuses */
.image-status-yes-planning { background-image: url(/_themes/light/content/media/hourglass.svg?stamp=240311&t=0&icon_color=%232959a5); background-position: left top; }
.image-status-yes-blue { background-image: url(/_themes/light/content/media/statuses/status_yes_blue.svg?stamp=240311&t=0&icon_color=%232959a5); background-position: left top; }
.image-status-warning-gray { background-image: url(/_themes/light/content/media/statuses/status_warning.svg?stamp=240311&t=0&icon_color=%23bdbebd); background-position: left top; }
.image-status-yes { background-image: url(/_themes/light/content/media/statuses/status_yes.svg?stamp=240311&t=0&icon_color=%237bd36b); background-position: left top; }
.image-status-yes-gray { background-image: url(/_themes/light/content/media/statuses/status_yes_gray.svg?stamp=240311&t=0&icon_color=%23bdbebd); background-position: left top; }

.image-status-planning { background-image: url(/_themes/light/content/media/statuses/planning.svg?stamp=240311&t=0&icon_color=%232959a5); }
.image-status-active { background-image: url(/_themes/light/content/media/statuses/active.svg?stamp=240311&t=0&icon_color=%232959a5); }
.image-status-inactive { background-image: url(/_themes/light/content/media/statuses/inactive.svg?stamp=240311&t=0&icon_color=%23bdbebd); }
.image-status-complete { background-image: url(/_themes/light/content/media/statuses/complete.svg?stamp=240311&t=0&icon_color=%237bd36b); }
.image-status-archived { background-image: url(/_themes/light/content/media/statuses/archived.svg?stamp=240311&t=0&icon_color=%23bdbebd); }


.image-check-add {
  background-image: url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=transparent&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=transparent&mark=%23404040")
}

.image-check-remove {
  background-image: url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=transparent&mark=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=transparent&bg=transparent&mark=%23EEEEEE")
}

.image-plus-wm {
  background-image: url("/_themes/light/content/media/icons/wm/plus-math_wm.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/wm/plus-math_wm.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-plus-invert-wm {
  background-image: url("/_themes/light/content/media/icons/wm/plus-math_wm.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/wm/plus-math_wm.svg?stamp=240311&t=0&icon_color=%23EEEEEE")
}

.image-close-wm {
  background-image: url("/_themes/light/content/media/icons/wm/close_wm.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/wm/close_wm.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-close-invert-wm {
  background-image: url("/_themes/light/content/media/icons/wm/close_wm.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/wm/close_wm.svg?stamp=240311&t=0&icon_color=%23EEEEEE")
}

.image-exit {
  background-image: url("/_themes/light/content/media/icons/exit-sign.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/exit-sign_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-crown { 
  background-image: url('/_themes/light/content/media/crown.svg?stamp=240311&t=0&icon_color=%23404040'), 
                    url('/_themes/light/content/media/crown.svg?stamp=240311&t=0&icon_color=%23404040');  
}

.image-flow {
  background-image: url("/_themes/light/content/media/icons/leftmenu/flow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/flow_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-blueprint {
  background-image: url("/_themes/light/content/media/icons/leftmenu/blueprint.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/blueprint_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-add-subnode {
  background-image: url("/_themes/light/content/media/icons/leftmenu/add-subnode.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/add-subnode_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-escape-mainstream {
  background-image: url("/_themes/light/content/media/icons/leftmenu/escape-mainstream.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/escape-mainstream_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-gold-bars {
  background-image: url("/_themes/light/content/media/icons/leftmenu/gold-bars.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/gold-bars_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-micrometer {
  background-image: url("/_themes/light/content/media/icons/leftmenu/micrometer.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/micrometer_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-dashboard {
  background-image: url("/_themes/light/content/media/icons/leftmenu/dashboard.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/dashboard_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-pqp-documents {
  background-image: url("/_themes/light/content/media/icons/leftmenu/documents.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/documents_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-list {
  background-image: url("/_themes/light/content/media/icons/leftmenu/list.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/leftmenu/list_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-usa,
.image-usa {
  background-image: url("/_themes/light/content/media/flags/usa.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/flags/usa.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-china,
.image-china {
  background-image: url("/_themes/light/content/media/flags/china2.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/flags/china2.svg?stamp=240311&t=0&icon_color=%23404040");
}

.menu-tab .items .item .image-col .image.image-usa,
.menu-tab .items .item:hover .image-col .image.image-usa,
.menu-tab .items .item .image-col .image.image-china,
.menu-tab .items .item:hover .image-col .image.image-china{
  background-size: cover, cover;
  border-radius: 20px;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
}

.image-breadcrumbs-arrow {
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/breadcrumbs_arrow_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.icon-breadcrumbs-arrow-left,
.image-breadcrumbs-arrow-left {
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/breadcrumbs_arrow_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  transform: rotate(180deg);
}

.icon-breadcrumbs-arrow-left2,
.image-breadcrumbs-arrow-left2 {
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/breadcrumbs_arrow_filled.svg?stamp=240311&t=0&icon_color=%23404040");
  transform: rotate(180deg);
}

.image-department { 
  background-image: url(/_themes/light/content/media/department.svg?stamp=240311&t=0),
                    url(/_themes/light/content/media/department.svg?stamp=240311&t=0);
  background-position: left top; 
}
.image-rent { 
  background-image: url(/_themes/light/content/media/rent.svg?stamp=240311&t=0),
                    url(/_themes/light/content/media/rent.svg?stamp=240311&t=0);
  background-position: left top; 
}
.image-home { 
  background-image: url(/_themes/light/content/media/home.svg?stamp=240311&t=0),
                    url(/_themes/light/content/media/home.svg?stamp=240311&t=0);
  background-position: left top;
}
.image-digger { 
  background-image: url(/_themes/light/content/media/digger.svg?stamp=240311&t=0),
                    url(/_themes/light/content/media/digger.svg?stamp=240311&t=0);
  background-position: left top; 
}     


/* Dashboard counters */
.image-counter-ontime-ncr {
  background-image: url("/_themes/light/content/media/counters/ontime_ncr.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/ontime_ncr.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-counter-ontime-documents {
  background-image: url("/_themes/light/content/media/counters/ontime_documents.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/ontime_documents.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-duesoon-documents {
  background-image: url("/_themes/light/content/media/counters/duesoon_documents.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/duesoon_documents.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-late-documents {
  background-image: url("/_themes/light/content/media/counters/late_documents.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/late_documents.svg?stamp=240311&t=0&icon_color=%23404040");
}     

.image-counter-ontime-jobs {
  background-image: url("/_themes/light/content/media/counters/ontime_jobs.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/ontime_jobs.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-duesoon-jobs {
  background-image: url("/_themes/light/content/media/counters/duesoon_jobs.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/duesoon_jobs.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-late-jobs {
  background-image: url("/_themes/light/content/media/counters/late_jobs.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/late_jobs.svg?stamp=240311&t=0&icon_color=%23404040");
}       

.image-counter-ontime-gages {
  background-image: url("/_themes/light/content/media/counters/ontime_gages.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/ontime_gages.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-duesoon-gages {
  background-image: url("/_themes/light/content/media/counters/duesoon_gages.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/duesoon_gages.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-late-gages {
  background-image: url("/_themes/light/content/media/counters/late_gages.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/late_gages.svg?stamp=240311&t=0&icon_color=%23404040");
}             

.image-counter-ontime-fai {
  background-image: url("/_themes/light/content/media/counters/ontime_fai.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/ontime_fai.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-duesoon-fai {
  background-image: url("/_themes/light/content/media/counters/duesoon_fai.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/duesoon_fai.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-late-fai {
  background-image: url("/_themes/light/content/media/counters/late_fai.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/late_fai.svg?stamp=240311&t=0&icon_color=%23404040");
}             

.image-counter-ontime-parts {
  background-image: url("/_themes/light/content/media/counters/ontime_parts.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/ontime_parts.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-duesoon-parts {
  background-image: url("/_themes/light/content/media/counters/duesoon_parts.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/duesoon_parts.svg?stamp=240311&t=0&icon_color=%23404040");
}             
.image-counter-late-parts {
  background-image: url("/_themes/light/content/media/counters/late_parts.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/late_parts.svg?stamp=240311&t=0&icon_color=%23404040");
}             


/* Timeline bar           */

.image-timeline-ontime {
  background-image: url("/_themes/light/content/media/counters/timeline_bar.svg?stamp=240311&t=0&box1_color=%2381878F&box2_color=%2381878F&box3_color=rgba(40%2c+167%2c+69%2c+1)&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/timeline_bar.svg?stamp=240311&t=0&box1_color=%2381878F&box2_color=%2381878F&box3_color=rgba(40%2c+167%2c+69%2c+1)&icon_color=%23404040")
}

.image-timeline-expiring {
  background-image: url("/_themes/light/content/media/counters/timeline_bar.svg?stamp=240311&t=0&box1_color=%2381878F&box2_color=rgba(255%2c+193%2c+7%2c+1)&box3_color=rgba(255%2c+193%2c+7%2c+1)&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/timeline_bar.svg?stamp=240311&t=0&box1_color=%2381878F&box2_color=rgba(255%2c+193%2c+7%2c+1)&box3_color=rgba(255%2c+193%2c+7%2c+1)&icon_color=%23404040")
}
.image-timeline-expired {
  background-image: url("/_themes/light/content/media/counters/timeline_bar.svg?stamp=240311&t=0&box1_color=rgba(220%2c+53%2c+69%2c+1)&box2_color=rgba(220%2c+53%2c+69%2c+1)&box3_color=rgba(220%2c+53%2c+69%2c+1)&icon_color=%23404040"),
                    url("/_themes/light/content/media/counters/timeline_bar.svg?stamp=240311&t=0&box1_color=rgba(220%2c+53%2c+69%2c+1)&box2_color=rgba(220%2c+53%2c+69%2c+1)&box3_color=rgba(220%2c+53%2c+69%2c+1)&icon_color=%23404040")
}

.image-model{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-param{ 
    background-image: url("/_themes/light/content/media/icons/variable.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/variable_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-view{ 
    background-image: url("/_themes/light/content/media/icons/cadview.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/cadview_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

/* collection-a */
.image-assembley-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}


.image-assembly-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
	
.image-assembly-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}


.image-assembly-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-assembly{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

/* for grid (light icons) */
.image-assembly{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.grid .image-lots{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/lots-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-machine{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/machine-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-manufacturingprocedure{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-material{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/material-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-mfgoperationmachine{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-operator{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/operator-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-part{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/part-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-pdr{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/pdr-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-pmr{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/pmr-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-po{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/po-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-poitem{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/poitem-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-processplan{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/processplan-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-productioninstruction{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-report{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/report-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-routing{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/routing-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-samples{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-default.svg?stamp=240311&t=0&icon_color=%2381878F"),
    url("/_themes/light/content/media/icons/collection-a/samples-default_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}

.image-assembly-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-assembly-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-assembly-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-assembly-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-assembly-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-assembly-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-assembly-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}

.image-capability-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-capability-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/capability-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/capability-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
	
.image-certificate-activeopen{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-activeopen.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-activeopen_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-all{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-all.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-all_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-archived{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-archived.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-archived_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-complete{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-complete.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-complete_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-default_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-draftplanning{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-draftplanning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-draftplanning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-due{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-due.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-due_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-late{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-late.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-late_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-my{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-my.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-my_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-ontimedue{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-ontimedue.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-ontimedue_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-pendinginactive{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-pandinginactive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-pandinginactive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-certificate-review{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/certificate-review.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/certificate-review_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
	
.image-assembly-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-boc-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-cadmodel-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-compositepart-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compositepart-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compositepart-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-drawing-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectioninstruction-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspectionprocedure2-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-inspector-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-job-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-lots-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-machine-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingprocedure-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-material-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgoperationmachine-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-operator-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-part-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pdr-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-pmr-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-po-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-poitem-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-processplan-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-productioninstruction-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-report-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-routing-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-samples-add{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-add.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-add_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.image-anglerule { 
    background-image: url("/_themes/light/content/media/icons/collection-b/anglerule.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/anglerule_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-documents { 
    background-image: url("/_themes/light/content/media/icons/collection-b/documents2.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/documents2_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-favouritesstar { 
    background-image: url("/_themes/light/content/media/icons/collection-b/favouritesstar.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-favouritesstar-1 { 
    background-image: url("/_themes/light/content/media/icons/collection-b/favouritesstar-1.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-1_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-favouritesstar-2 { 
    background-image: url("/_themes/light/content/media/icons/collection-b/favouritesstar-2.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-2_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-favouritesstar-3 { 
    background-image: url("/_themes/light/content/media/icons/collection-b/favouritesstar-3.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-3_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-graphs { 
    background-image: url("/_themes/light/content/media/icons/collection-b/graphs.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/graphs_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-manufacturingproduction { 
    background-image: url("/_themes/light/content/media/icons/collection-b/manufacturingproduction.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/manufacturingproduction_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-matrixgantt { 
    background-image: url("/_themes/light/content/media/icons/collection-b/matrixgantt.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/matrixgantt_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-mfgmachine { 
    background-image: url("/_themes/light/content/media/icons/collection-b/mfgmachine.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/mfgmachine_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-planning { 
    background-image: url("/_themes/light/content/media/icons/collection-b/planning.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/planning_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.image-speeddash { 
    background-image: url("/_themes/light/content/media/icons/collection-b/speeddash.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/speeddash_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.image-archive { 
    background-image: url("/_themes/light/content/media/icons/archive.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/archive_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
    
    
.image-maximize2 { 
  background-image: url("/_themes/light/content/media/icons/maximize2.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/maximize2.svg?stamp=240311&t=0&icon_color=%23404040"); 
}

.image-parametric { 
    background-image: url("/_themes/light/content/media/icons/collection-b/parametric.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-b/parametric_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.image-tree { 
    background-image: url("/_themes/light/content/media/icons/tree.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/tree_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
    
    
.image-3d-model {
  background-image: url("/_themes/light/content/media/icons/large/3d.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/large/3d_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-2d-drawing {
  background-image: url("/_themes/light/content/media/icons/2d_drawing.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/2d_drawing.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-external-link {
  background-image: url("/_themes/light/content/media/icons/external-link.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/external-link_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-version {
  background-image: url("/_themes/light/content/media/icons/version.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/version_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-place-marker {
  background-image: url("/_themes/light/content/media/icons/place-marker.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/place-marker_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-check-reviewed {
  background-image: url("/_themes/light/content/media/icons/check-reviewed.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/check-reviewed_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-sortup {
  background-image: url("/_themes/light/content/media/icons/sortup.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/sortup_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-sortdown {
  background-image: url("/_themes/light/content/media/icons/sortdown.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/sortdown_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-cloud-account {
  background-image: url("/_themes/light/content/media/icons/cloud_account.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cloud_account_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-linked-companies {
  background-image: url("/_themes/light/content/media/icons/linked_companies.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/linked_companies_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-log {
  background-image: url("/_themes/light/content/media/icons/log.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/log_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-up-3 {
  background-image: url("/_themes/light/content/media/icons/up-3.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/up-3_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-loading-circle { background-image: url("/_themes/light/content/media/tile_loading_indicator.gif?stamp=240311&t=0&icon_color=%23404040"),
                                               url("/_themes/light/content/media/tile_loading_indicator.gif?stamp=240311&t=0&icon_color=%23404040");}
                                               
.image-details {
  background-image: url("/_themes/light/content/media/icons/details.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/details.svg?stamp=240311&t=0&icon_color=%23404040")
}

.image-message {
  background-image: url("/_themes/light/content/media/icons/message.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/message.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-360_logo_s,
.image-360_logo_s {
  background-image: url("/_themes/light/content/media/360_logo_s.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/360_logo_s.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-360_logo_s_2,
.image-360_logo_s_2 {
  background-image: url("/_themes/light/content/media/360_logo_s_2.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/360_logo_s_2.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-external_link_2,
.image-external_link_2 {
  background-image: url("/_themes/light/content/media/icons/external_link_2.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/external_link_2.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-high_qa_logo_for_documents,
.image-high_qa_logo_for_documents {
  background-image: url("/_themes/light/content/media/high_qa_logo_for_documents.png?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/high_qa_logo_for_documents.png?stamp=240311&t=0&icon_color=%23404040")
}

.icon-heavy_rain,
.image-heavy_rain {
  background-image: url("/_themes/light/content/media/icons/heavy_rain.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/heavy_rain.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-360_core_logo_square,
.image-360_core_logo_square {
  background-image: url("/_themes/light/content/media/360_core_logo_square.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/360_core_logo_square.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-360_hub_logo_square,
.image-360_hub_logo_square {
  background-image: url("/_themes/light/content/media/360_hub_logo_square.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/360_hub_logo_square.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-access_denied_no_entry,
.image-access_denied_no_entry {
  background-image: url("/_themes/light/content/media/icons/access_denied_no_entry.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/access_denied_no_entry.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-error_error_cloud,
.image-error_error_cloud {
  background-image: url("/_themes/light/content/media/icons/error_error_cloud.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/error_error_cloud.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-page_not_found_2024_heavy_rain,
.image-page_not_found_2024_heavy_rain {
  background-image: url("/_themes/light/content/media/icons/page_not_found_2024_heavy_rain.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/page_not_found_2024_heavy_rain.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-temporary_unavailable_cloud_clock,
.image-temporary_unavailable_cloud_clock {
  background-image: url("/_themes/light/content/media/icons/temporary_unavailable_cloud_clock.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/temporary_unavailable_cloud_clock.svg?stamp=240311&t=0&icon_color=%23404040")
}

.icon-document_not_available_1,
.image-document_not_available_1 {
  background-image: url("/_themes/light/content/media/icons/document_not_available_1.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/document_not_available_1.svg?stamp=240311&t=0&icon_color=%23404040")
}
.field {
  overflow: hidden;
  margin-bottom: 10px;
}

.field .field-label {
  margin-right: 10px;
  color: #81878F;
  font-weight: 300;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.field.label-margin-b .field-label {
  margin-right: 5px;
}

.field.hidden-displayname .field-label {
  visibility: hidden;
}

.field .field-value {
  position: relative;
  overflow: hidden;
  color: #13344D;
}

.field .field-value .diff-value {
  padding: 2px 5px;
  border-radius: 3px;
  background-color: rgba(255, 218, 106, 1);
  color: #404040;
  margin-top: 4px;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  text-decoration: line-through;
}

.field.password .value-box,
.field.lookup .value-box,
.field.files .value-box,
.field.html .value-box {
  position: relative; 
  display: inline-block; 
  width: 100%; 
  box-sizing: border-box;
  min-height: 30px;
  vertical-align: top;
  margin: 0;
  cursor: default;
  background-color: #F0F5FA;
  padding: 5px 10px;
  font-size: 14px;
}

/*<--- field view by default --->*/
.field.text .value-box,
.field.number .value-box,
.field.date .value-box,
.field.datetime .value-box,
.field.images .value-box,
.field.textarea .value-box,
.field.time .value-box,
.field.options .value-box,
.field.switch .value-box,
.field.singlechoice .value-box,
.field.multichoicecompact .value-box,
.field.color .value-box,
.field.objectpicker > .field-value > .value-box{
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  min-height: 30px;
  vertical-align: top;
  margin: 0;
  background-color: #F0F5FA;
  padding: 5px 10px;
  font-size: 14px;
}

.field .value-box {
  background-color: #F0F5FA;
}

.field .tooltip-marker {
  position: absolute;
  right: 4px; 
  top: 5px;
  width: 18px; 
  height: 18px;
  background-image: url("/_themes/light/content/media/icons/info.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/info_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain, 0;
  display: none;
}

.field:hover .tooltip-marker {
  display: block;
}

.field .tooltip-marker:hover {
  background-size: 0, contain;
}

.field.edit.lookup .tooltip-marker {
  right: 25px;
}

.field.edit.lookup.changed .tooltip-marker {
  right: 48px;
}

.field.edit.lookup .empty-value .tooltip-marker {
  display: none;
}

/*<--- editor --->*/
.field.code .value-box .editor {
  display: block;
}

/*<--- image --->*/
.field.edit.image .value-box {
  padding: 5px 5px 25px 5px;
}

.field.edit.image.preview-images .value-box {
  padding: 5px;
}

.field.image .actions {
  display: none;
}

.field.image.edit .actions {
  display: block;
  text-align: right;
  position: absolute;
  right: 0;
}

.field.image .actions a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: contain, 0 0;
  cursor: pointer;
}

.field.image .actions a:hover {
  background-size: 0 0, contain;
}

.field.image .actions a.cmd-move {
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.image .actions a.cmd-download {
  background-image: url("/_themes/light/content/media/icons/download.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/download_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.image .actions a.cmd-delete {
  background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.image .field-value .file {
  display: none;
}

.field.image .field-value > .upload > .icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: contain, 0 0;
  background-image: url("/_themes/light/content/media/icons/upload.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/upload_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.image .field-value .upload .upload-widget-container,
.field.image .field-value .upload .upload-widget-container .upload{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.field.image.edit .field-value .upload {
  cursor: pointer;
  position: absolute;
  left: 5px;
  bottom: 5px;
}

.field.image.preview-images .field-value .upload {
  left: 60px;
}

.field.image .field-value .upload:hover .icon {
  background-size: 0 0, contain;
}

.field.image .field-value .upload .upload-text {
  display: inline-block;
  vertical-align: middle;
}

.field.image.preview-images .files .item{
  display: none;
  cursor: pointer;
}

.field.image.preview-images .files .item:hover {
  opacity: 0.9;
}

.field.image.preview-images .files .item:first-child{
  display: block;
}

.tooltip .tooltip-content .field.image.preview-images {
  pointer-events: none;
}

.field.image .media img[data-image] {
  width: 100%;
}

.field.image.fit-contain .media img[data-image],
.col.image.fit-contain .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.image-gallery {
  z-index: 50 !important;
}

/*<--- images --->*/
.field.images .field-value {
  position: relative;  
}

.field.images .field-value .file {
  display: none;
}

.field.images .field-value .upload {
  position: absolute;
  left: 10px;
  top: 5px;
}

.field.images .field-value .upload .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/download.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/download_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain, 0 0;
}

.field.images .field-value .upload .upload-widget-container,
.field.images .field-value .upload .upload-widget-container .upload {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.field.images .field-value .upload .upload-widget-container .upload .icon {
  display: none;
}

/*<--- document content --->*/
.field.document-content {
  
}

.field.document-content .value-box {
  padding: 10px;
}

/*<--- singlechoice --->*/
.field.singlechoice {
  
}

.field.singlechoicelist .field-value .option {
  display: inline-block;
  white-space: nowrap;
  margin: 0 0 5px 5px;
}

.field.edit.singlechoice.changed .value-box .cmd-lookup {
  right: 25px;
}

/* .field.singlechoice.style-e */
.field.singlechoice.singlechoice-b .field-value .value-box {
  max-height: 30px;
}

.field.singlechoice.singlechoice-b .field-value .value-box .value-text {
  overflow-x: hidden;
  display: inline-block;
  max-width: 17px;
  white-space: nowrap;
}

/* singlechoice-c */
.field.singlechoice.singlechoice-c {
  display: block;
  margin-bottom: 5px;
}

.field.singlechoice.singlechoice-c.position-b {
  right: auto;
  bottom: auto;
}

.field.singlechoice.singlechoice-c .field-value .value-box {
  background: transparent;
  min-height: 0;
  padding: 0 22px 0 7px;
  border: 1px solid #404040;
  display: inline-block;
  border-radius: 3px;
  cursor: pointer;
  color: #404040;
  white-space: nowrap;
  line-height: 16px;
  max-height: 22px;
}

.field.singlechoice.singlechoice-c .field-value .value-box .value-text{
  display: inline-block;
  white-space: nowrap;
  width: Calc(100% - 18px);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  padding-top: 3px;
}

.field.singlechoice.singlechoice-c .field-value .value-box > .text{
  display: inline-block;
  white-space: nowrap;
  width: Calc(100% - 18px);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  padding-top: 3px;
}

.field.singlechoice.singlechoice-c:not(.edit) .field-value .value-box > .text,
.field.singlechoice.singlechoice-c:not(.edit) .value-box,
.field.singlechoice.singlechoice-c:not(.edit) .value-box > .image{
  cursor: default;
}

.field.singlechoice.singlechoice-c .field-label{
  float: left;
  text-transform: none;
  font-size: 14px;
  line-height: 19px;
}

.field.singlechoice.singlechoice-c.edit .field-label{
  line-height: 28px;
}

.field.singlechoice.singlechoice-c.edit .value-box .cmd-lookup{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 5px;
  width: 22px;
}

.field.singlechoice.singlechoice-c.edit .value-box .cmd-lookup .icon{
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  /*background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");*/
  background-image: url("/_themes/light/content/media/icons/menu_popup_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/menu_popup_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: 34px, 0;
  background-position: center;
  transform: rotate(90deg);
  transition: transform .3s ease-in-out;
  cursor: pointer;
  margin-left: 2px;
}

.field.singlechoice.singlechoice-c.edit:hover .value-box .cmd-lookup .icon,
.field.edit.singlechoice.singlechoice-c.edit .value-box.active .cmd-lookup .icon{
  background-size: 0, 34px;
  transform: rotate(90deg) translateX(2px);
}

.field.edit.singlechoice.singlechoice-c.edit .value-box.active .cmd-lookup .icon{
  transform: rotate(90deg) translateX(0);
}


/*.field.singlechoice.singlechoice-c .field-value .value-box span.text[data-cmd]:hover {*/
/*  text-decoration: underline;*/
/*  cursor: pointer;*/
/*}*/

/*.field.singlechoice.singlechoice-c .tooltip-marker {*/
/*  top: 1px;*/
/*  right: 22px;*/
/*}*/

/*.field.singlechoice.singlechoice-c:hover .tooltip-marker {*/
/*  display: inline-block;*/
/*}*/



    
/* singlechoice switch-d */
.singlechoice.switch-d {
  
}

.field.edit.singlechoice.switch-d .value-box,
.field.singlechoice.switch-d .value-box {
  background-color: unset;
  border: none;
  padding: 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #414448;
  height: 20px;
  min-height: unset;
}

.field.edit.singlechoice.switch-d .value-box { 
  cursor: pointer; 
  display: flex;
  align-items: center;
}

.field.edit.singlechoice.switch-d .value-box .cmd-lookup {
  position: unset;
  width: 20px;
  height: 20px;
  margin: 0 0 2px 4px;
}

.field.edit.singlechoice.switch-d .value-box .cmd-lookup .icon {
  background-size: contain, 0;
  background-image: url("/_themes/light/content/media/icons/sort_default.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/sort_default_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); 
}

.field.edit.singlechoice.switch-d:hover .value-box .cmd-lookup .icon,
.field.edit.singlechoice.switch-d .value-box.active .cmd-lookup .icon {
  background-size: 0, contain;
  transform: none;
}

/*<--- check --->*/
.field.check .field-label {
  float: unset;
  font-size: 14px;
}

.field.check .field-label span {
  text-transform: none;
}

.field.check .field-value {
  float: left;
  margin-right: 5px;
}

.field.check .field-value label {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0, 0, 0;
}

.field.check.checkbox-b .field-value label {
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
}

.field.check.edit:hover .field-value label {
  background-size: 0, contain, 0, 0;
}

.field.check.edit .field-value label.checked,
.field.check .field-value label.checked {
  background-size: 0, 0, contain, 0;
}

.field.check:not(.edit) .field-value label.checked {
  opacity: 0.5;
}

.field.check.edit:hover .field-value label.checked {
  background-size: 0, 0, 0, contain;
}

.field.check .field-value .value-box {
  min-height: unset;
  background-color: unset;
  border: none;
  cursor: default;
  width: 20px;
  padding-left: 6px;
}

.field.check.v-center .field-value {
  float: unset;
  margin-top: 5px;
}

.field.check.edit.changed .field-value:after {
  content: none;
}

.field.check.edit.required .field-value .value-box:before {
  top: 3px;
  bottom: 1px;
}

.field.check.shake {
  -webkit-animation-name: shake;
  -webkit-animation-duration: .8s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0.001s;
}

.field.check.checkbox-c {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.field.check.checkbox-c .field-value{
  min-width: 20px;
}

/*<--- check toggle-a --->*/
.field.check.toggle-a .field-value {
  margin: 0;
  float: unset;
  display: inline-block;
}

.field.check.toggle-a .field-value .value-box {
  padding-top: 4px;
  width: auto;
  display: inline-block;
}

.field.check.toggle-a .field-label {
  margin-right: 10px;
  margin-top: 8px;
  font-size: 14px;
  float: left;
}

.actions-pane .field.check.toggle-a .field-label,
.tabs-actions-pane  .field.check.toggle-a .field-label {
  margin-top: 1px;
}

.field.check.toggle-a label {
  background-image: none;
}

.field.check.toggle-a label.check {
  position: relative;
  display: block;
  width: 44px;
  height: 20px;
  border: 1px solid #D5D7DA;
  background-color: #F0F5FA;
  border-radius: 20px;
  transition: background-color .2s ease, border-color .2s ease;
  cursor: pointer;
}

.field.check.toggle-a label.check.checked {
  background-color: #77BA43;
  border-color: #77BA43;
}

.field.check.toggle-a label.check:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #81878F;
  transition: background-color .2s ease, left .2s ease;
}

.field.check.toggle-a label.check.checked:before {
  left: 30px;
  background-color: #FFFFFF;
}

.field.edit.check.toggle-a:hover .field-value label.check {
  opacity: 1;
  border-color: #81878F;
}

.field.edit.check.toggle-a:hover .field-value label.check:before {
  background-color: #404040;
}

.field.edit.check.toggle-a:hover .field-value label.check:before {
  left: 8px;
}

.field.edit.check.toggle-a:hover .field-value label.check.checked:before {
  left: 30px;
}
.field.edit.check.toggle-a.padding-right1{ padding-right: 10px; }
.field.edit.check.toggle-a.padding-right2{ padding-right: 20px; }
.field.edit.check.toggle-a.padding-right3{ padding-right: 30px; }

/*<--- check toggle-b --->*/
.field.check.toggle-b {
  margin-bottom: 0;
}

.field.check.toggle-b .field-value {
  margin: 0;
  float: unset;
  display: inline-block;
}

.field.check.toggle-b .field-value .value-box {
  padding: 4px 0 0 0;
  width: auto;
  display: inline-block;
}

.field.check.toggle-b .field-value .value-box label {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/unverified-account.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/check-reviewed_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
  background-size: 20px, 0;
  cursor: pointer;
}

.field.check.toggle-b .field-value .value-box label.checked {
  background-size: 0, 20px;
}

/*<--- check toggle-c --->*/
.field.check.toggle-c {
  margin-bottom: 0;
  text-align: center;
  min-height: 50px;
  position: relative;
}

.field.check.toggle-c .field-label {
  margin: 0;
  color: #404040;
  position: absolute;
  top: 25px;
  left: 3px;
}

.field.check.toggle-c .field-label span{
  color: #404040;
  font-weight: normal;
}

.field.check.toggle-c .field-value {
  margin: 0;
  float: unset;
  display: inline-block;
}

.field.check.toggle-c .field-value .value-box {
  padding: 4px 0 0 0;
  width: auto;
  display: inline-block;
}

.field.check.toggle-c .field-value .value-box label {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/toggle_c_unchecked.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/toggle_c_checked.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
  background-size: 20px, 0;
  cursor: pointer;
}

.field.check.toggle-c .field-value .value-box label.checked {
  background-size: 0, 20px;
}

/*<--- check radio --->*/
.field.check.radio .field-value {
  margin: 0;
  float: unset;
  display: inline-block;
}

.field.check.radio .field-value .value-box {
  padding-top: 4px;
  width: auto;
  display: inline-block;
}

.field.check.radio .field-label {
  margin-right: 10px;
  margin-top: 8px;
  font-size: 14px;
  float: left;
}

.actions-pane .field.check.radio .field-label,
.tabs-actions-pane  .field.check.radio .field-label {
  margin-top: 1px;
}

.field.check.radio label {
  background-image: none;
}

.field.check.radio label.check {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #D5D7DA;
  background-color: #F0F5FA;
  border-radius: 20px;
  transition: background-color .2s ease, border-color .2s ease;
  cursor: pointer;
}

.field.check.radio label.check.checked {
  background-color: transparent;
  border-color: #158DDC;
}

.field.check.radio label.check:before {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #81878F;
  transition: background-color .2s ease;
}

.field.check.radio label.check.checked:before {
  left: 4px;
  background-color: #158DDC;
  display: block;
}

.field.edit.check.radio:hover .field-value label.check {
  opacity: 1;
  border-color: #81878F;
}

.field.edit.check.radio:hover .field-value label.check:before {
  background-color: #404040;
}

.field.edit.check.radio.padding-right1{ padding-right: 10px; }
.field.edit.check.radio.padding-right2{ padding-right: 20px; }
.field.edit.check.radio.padding-right3{ padding-right: 30px; }

/*<--- field view when edit --->*/
.field.edit .value-box,
.field.edit.text .value-box,
.field.edit.password .value-box,
.field.edit.singlechoice .value-box,
.field.edit.lookup .value-box,
.field.edit.files .value-box,
.field.edit.html .value-box,
.field.edit.number .value-box {
  position: relative; 
  display: inline-block; 
  width: 100%; 
  box-sizing: border-box;
  min-height: 30px; 
  vertical-align: top;
  margin: 0;
  border: 1px solid #D5D7DA;
  background-color: #F0F5FA;
  cursor: text;
  padding: 0;
  overflow: hidden;
}

.field.edit .value-box {
  background-color: #F0F5FA;
  border: 1px solid #D5D7DA;
}

.field.edit .value-box:hover {
  border-color: #81878F;
}

.field .value-box > .image {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 16px 16px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}

.field.hidden-image .value-box > .image {
  display: none;
}

/*<--- html --->*/
.field.html .value-box {
  overflow: auto;
  background-color: unset;
}

.field.html.no-padding .value-box {
  overflow: auto;
  background-color: unset;
  padding: 0;
}

/*<--- singlechoice edit --->*/
.field.edit.singlechoice .value-box {
  padding: 4px 10px;
}

.field.edit.singlechoice .value-box .cmd-lookup {
  position: absolute;
  top: 4px;
  right: 2px;
}

.field.edit.singlechoice .value-box .cmd-lookup .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/arrow_down.svg?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

.field.edit.singlechoice .value-box.active .cmd-lookup .icon {
  transform: rotate(180deg);
}

.field.edit.singlechoice .value-box .edit.value-text:empty::before {
  content: attr(placeholder);
  color: #CCC;
  font-style: italic;
}

/*<--- files edit --->*/
.field.edit.files .value-box {
  cursor: default;
}

.field.files .files {
  margin-right: 60px;
}

.field .value-box a {
  color: #158DDC;
}

.field.files .value-box .item {
  display: inline-block;
  vertical-align: top;
  min-height: 30px;
  margin-right: 10px;
}

.field.files .value-box .item .name {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
  margin: 5px;
}


.field.files .value-box .item .name .icon {
  display: none;
  /*display: inline-block;*/
  vertical-align: middle;
  margin: 0 8px;
  background-image: url("/_themes/light/content/media/icons/download_a_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
}

.field.files.edit .value-box .item .actions {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.field.files.field-horizontal .field-value .value-box {
  border: 1px solid #D5D7DA;
}

.field.files .value-box .item .cmd {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 100%, 0 0;
  background-position: center;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
}

.field.files .value-box .item .cmd:hover {
  background-size: 0 0, 100%;
}

.field.files .value-box .upload .icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  width: 20px;
  height: 20px;
  background-size: contain, 0 0;
  background-position: center;
  background-image: url("/_themes/light/content/media/icons/upload.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/upload_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  cursor: pointer;
}

.field.files.changed .value-box .upload .icon {
  right: 25px;
}

.field.files .value-box .upload .icon:hover {
  background-size: 0 0, contain;
}

.field.files .value-box .upload .upload-text {
  display: none;
}

.field.files .value-box input[type="file"] {
  display: none;
}

.field.required .field-value {
  position: relative;
}

.field.required .mark-required {
  display: none;
}

.field.required .field-value .value-box:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 3px;
  background-color: rgba(220, 53, 69, 1);
  z-index: 1;
}

.field.required.hide-required .field-value .value-box:before {
  display: none;
}

.field.required.textarea .field-value:before,
.field.required.textarea .value-box:before {
  bottom: 6px;
}

.field.pdf .value-box {
  display: block;
}

.field.pdf .value-box iframe {
  width: 100%;
  height: 100%;
}

.field.editable .value-box { 
  white-space: pre-wrap; 
  display: block; 
  min-height: 16px; 
  padding: 5px;
  /*border: 1px solid #C2C4CB;*/
}

.field.editable .value-box:hover { 
  z-index: 1; 
  background: rgba(255, 255, 255, 0.9); 
  cursor: pointer; 
}

.field.editable .value-box.editing { 
  visibility: hidden; 
}

.field.editable .value-box.mark-updated { 
  background: #87D381; 
}

.field.editable .field-value .cmd-lookup { 
  display: none; 
}

.field.editable .value-box.placeholder { 
  color: #ccc; 
  font-style: italic; 
}

/*<--- singlechoicelist ---> */
.field.singlechoicelist {
  
}

.field.singlechoicelist.horizontal .field-value .option {
  display: inline-block;
  padding-right: 7px;
}

.field.singlechoicelist .field-value .option {
  display: inline-block;
  white-space: nowrap;
  margin: 0 0 5px 5px;
}

.field.singlechoicelist .field-value .option label.check {
  position: relative;
  border-radius: 12px;
  border: 1px solid #D5D7DA;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-color: #F0F5FA;
  box-sizing: border-box;
  cursor: pointer;
}

.field.singlechoicelist .field-value .option .option-label {
  display: inline-flex;
  vertical-align: top;
  margin-left: 3px;
  align-items: center;
}

.field.singlechoicelist .field-value .option label.edit.check {
  border-color: #D5D7DA;
  background-color: #F0F5FA;
}

.field.singlechoicelist .field-value .option .option-label .text {
  padding: 2px;
  cursor: pointer;
  color: #13344D;
}

.field.singlechoicelist .field-value .option .option-label .image {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain, 0;
  margin-right: 5px;
}

.field.singlechoicelist .value-box {
  min-height: 30px;
  border: none;
  background: unset;
  cursor: default;
}

.field.singlechoicelist.edit .field-value .option:hover label.check:before {
  content: " ";
  position:absolute;
  left: 4px;
  top: 4px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #81878F;
}

.field.singlechoicelist.edit .field-value .option:hover label.check {
  border-color: #81878F;
}

.field.singlechoicelist.edit .field-value .option.checked label.check:before,
.field.singlechoicelist .field-value .option.checked label.check:before {
  content: " ";
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #158DDC;
}

.field.singlechoicelist:not(.edit) .field-value .option.checked label.check:before {
  background-color: #D5D7DA;
}

.field.singlechoicelist.edit .field-value .option.checked label.edit.check,
.field.singlechoicelist .field-value .option.checked label.edit.check {
  border-color: #158DDC;
}

.field.singlechoicelist .field-value .option.checked .option-label .image  {
 background-size: 0, contain;
}

.field.singlechoicelist.view-a {
  
}

.field.singlechoicelist.view-a .value-box {
  padding: 0;
  min-height: unset;
}

.field.singlechoicelist.view-a .field-label {
  display: none;
}

.field.singlechoicelist.view-a .value-box > .edit{
  border: 1px solid #D5D7DA;
  border-radius: 3px;
  display: block;
}

.field.singlechoicelist.view-a .option {
  position: relative;
  padding: 5px 25px;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  margin: 0;
}

.field.singlechoicelist.view-a .option:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: #D5D7DA;
}

.field.singlechoicelist.view-a .option:first-child:before {
  content: none;
}

.field.singlechoicelist.view-a .option.checked {
  background-color: #77BA43;
  z-index: 1;
}

.field.singlechoicelist.view-a .option.checked:after {
  content: '';
  position: absolute;
  right: -1px;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: #D5D7DA;
}

.field.singlechoicelist.view-a .field-value .value-box .option .check {
  display: none;
}

.field.singlechoicelist.view-a .field-value .value-box .option .text {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
}

.field.singlechoicelist.view-a .field-value .value-box .option.checked .text {
  color: #FFFFFF;
}

.dashboard-layout .field.singlechoicelist {
  position: absolute;
  top: 0;
  right: 0;
}

.dashboard-layout .field.singlechoicelist .option {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.dashboard-layout .field.singlechoicelist .option:last-child {
  margin-bottom: 0;
}

.dashboard-layout .field.singlechoicelist .option .option-label {
  margin-left: 5px;
}

/*<--- options field --->*/
.field.options {
  
}

.field.options .value-box {
  background-color: unset;
  border: none;
}

.field.options .value-box > .options {
  cursor: default;
}

.field.options .option {
  display: block;
  margin: 0 0 10px 5px;
  cursor: pointer;
}

.field.options .option:last-child {
  margin-bottom: 0;
}

.field.options .option > .check {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  cursor: pointer;
  background-size: contain, 0, 0, 0;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040");
  background-repeat: no-repeat;
}

.field.options .option:hover > .check {
  background-size: 0, contain, 0, 0;
}

.field.options .option.checked > .check {
  background-size: 0, 0, contain, 0;
}

.field.options.mark-invalid .option > .check {
  background-size: 0, 0, 0, contain;
}

.field.options .option .option-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #81878F;
  cursor: pointer;
}

.field.options .option.checked .option-label {
  color: #404040;
  font-weight: 700;
}


/*<--- signature field --->*/
.field.signature .value-box {
  padding: 5px;
  min-height: 100px;
}


.field.signature.modern .value-box{ position: relative;}

.field.signature.modern .value-box .signature-label {
  position: absolute; z-index: 1; left: 22px; top: 0;
  font-size: 11px; line-height: 1.2; color: #000000;
}

.field.signature.modern .value-box .signature-uid {
  position: absolute; z-index: 1; left: 22px; bottom: 0;
  font-size: 11px; line-height: 1.3; color: #000000;
}

.field.signature.modern .value-box .signature-details {
  position: absolute; z-index: 1; left: 65%; top: 14px; right: 1%; bottom: 14px;
  display: flex; align-items: center; justify-content: start;
  word-wrap: normal; text-align: left;
  font-size: 11px; line-height: 1.3; color: #000000;
}

.field.signature.modern .value-box .signature-date .signature-date-label {
  margin-right: 5px;
}

.field.signature.modern .value-box .signature-date .signature-date-part2 {
  display: block;
}

.field.signature.modern .value-box .signature-bg {
  position: absolute; z-index: 1; left: 50%; top: 9px; right: 0; bottom: 9px;
  background: url(/media/signature-logo.png);
  background-size: 40px auto;
  background-position: left center;
  background-repeat: no-repeat;
}

.field.signature.modern .value-box .signature-helper1 {
  position: absolute; z-index: 1; left: 0; top: 7px; width: 15px; bottom: 5px;
  box-sizing: border-box;
  border-style: solid; border-width: 2px 0 2px 2px; border-color: #0E64A8;
}

.field.signature.modern .value-box .signature-helper2 {
  position: absolute; z-index: 1; right: 0; top: 7px; width: 15px; bottom: 5px;
  box-sizing: border-box;
  border-style: solid; border-width: 2px 2px 2px 0; border-color: #0E64A8;
}

.field.signature.modern .value-box.pf-type-text .signature-text {
  position: absolute; z-index: 2; left: 1%; top: 14px; width: 49%; bottom: 14px;
  display: flex; align-items: center; justify-content: center;
  word-wrap: normal; text-align: center;
  font-family: BirthstoneBounce; font-size: 24px; line-height: 1; font-weight: 700; color: #000000;
}

.field.signature.modern .value-box:empty:before{
  content: "Signature";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #CCCCCC;
  background-image: url("/_themes/light/content/media/signature.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding: 0 0 0 27px;
}
.field.signature.modern .value-box:empty:after{
  content: "*";
  position: absolute;
  left: 4px;
  top: 1px;
  color: #FF0000;
  padding: 0;
}

.field.signature.modern .value-box .meta{ position:absolute; left: 0; top: 0;}

/*<--- html field ---> */
.field.htmlarea .value-box {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.field.htmlarea .value-box iframe,
.static-field.htmlarea .value-box iframe {
  width: 100%;
  height: 100%;
}

/*<--- datetime && date --->*/
.field.date {
  
}

.field.date .date-part {
  position: relative;
}

.field.date .date-part input {
  padding-left: 28px;
  background-repeat: no-repeat;
  background-size: 17px, 0 0;
  background-position: 5px 5px;
  background-image: url("/_themes/light/content/media/icons/datepicker.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/datepicker_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.date .ui-datepicker-trigger {
  display: none;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.field.datetime .value-box {
  overflow: hidden;
}

.field.edit.datetime .value-box {
  background-color: inherit;
  padding: 0;
  border: none;
  cursor: default;
}

.field.datetime .time-part,
.field.datetime .date-part {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-color: #F0F5FA;
  border: 1px solid #D5D7DA;
  width: 55%;
  box-sizing: border-box;
}

.field.edit.datetime .time-part:hover,
.field.edit.datetime .date-part:hover {
  border-color: #81878F;
}

.field.datetime .time-part input,
.field.datetime .date-part input {
  padding-left: 28px;
}

.field.datetime .time-part {
  margin-left: 10px;
  width: 40%;
}

.field.datetime .time-part:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 4px;
  background-image: url(/_themes/default/content/media/icons/clock.svg?stamp=210122&icon_color=%23666666), 
                    url(/_themes/default/content/media/icons/clock_filled.svg?stamp=210122&icon_color=%23666666);
  background-size: contain, 0 0;
  width: 20px;
  height: 20px;
}

.field.datetime .time-part:hover {
  background-size: 0 0, contain;
}

.field.datetime .date-part:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 4px;
  background-image: url(/_themes/default/content/media/icons/calendar.svg?stamp=210122&icon_color=%23666666), 
                    url(/_themes/default/content/media/icons/calendar_filled.svg?stamp=210122&icon_color=%23666666);
  background-size: contain, 0 0;
  width: 20px;
  height: 20px;
}

.field.datetime .date-part:hover {
  background-size: 0 0, contain;
}

.field.datetime .ui-datepicker-trigger {
  display: none;
}

.field.date .offset-part,
.field.datetime .offset-part {
  display: none;
}

/*<--- textarea --->*/
.field.textarea.edit .value-box {
  background-color: unset;
  border: none;
}

.field.textarea.edit textarea {
  resize: none;
}

.field.textarea:hover textarea {
  border-color: #81878F;
}

.field.textarea.gdt-font .value-box,
.field.textarea.gdt-font .value-box textarea{
  font-size: 18px;
}


/*<--- viewlookup --->*/
.field.viewlookup {
  
}

.field.viewlookup .field-value {
  
}

.field.viewlookup .field-value .value-box {
  /*padding: 5px;*/
}

.field.viewlookup .field-value .value-box .value-item {
  display: inline-block;
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 4px;
  margin: 5px 0 0 5px;
  height: 20px;
  padding-left: 10px;
  cursor: default;
}

.field.viewlookup .field-value .value-box .value-item .text {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  color: #13344D;
}

.field.viewlookup .field-value .value-box .value-item .cmd-delete {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-image: url("/_themes/light/content/media/icons/field_cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/field_cross.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.field.viewlookup .field-value .value-box .value-item .cmd-delete:hover {
  background-size: 0, contain;
}

.field.viewlookup .field-value .value-box .lookup {
  background-repeat: no-repeat;
  background-position: right 2px center;
  background-size: contain, 0, 0;
  background-image: url("/_themes/light/content/media/icons/dropdown_arrow_down.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/dropdown_arrow_down.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/dropdown_arrow_up.svg?stamp=240311&t=0&icon_color=%23404040");
}

.field.viewlookup .field-value .value-box .lookup:hover {
  background-size: 0, contain, 0;
}

.field.viewlookup .field-value .value-box.active .lookup {
  background-size: 0, 0, contain;
}

.field.viewlookup.view-a {
  
}

.field.viewlookup.view-a .field-value .value-box {
  padding: 0;
  background-color: unset;
  border: none;
}

.field.viewlookup.view-a .field-value .value-box .value-item {
  display: inline-block;
  padding: 5px;
  background-color: lightblue;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 20px;
  box-sizing: border-box;
}

.field.viewlookup.view-a .field-value .value-box .value-item .text {
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}

.field.viewlookup.view-a .field-value .value-box .value-item .cmd-delete {
  width: 10px;
  height: 10px;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.viewlookup.view-a .field-value .value-box .lookup {
  background-size: 15px 15px, 0 0;
  background-repeat: no-repeat;
  background-position: 3px 0px;
  padding: 0 0 0 23px;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/search_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.viewlookup.view-a .field-value .value-box.active input,
.field.viewlookup.view-a .field-value .value-box:hover input {
  background-size: 0 0, 15px 15px;
}

/*<--- lookup --->*/
.field.lookup .value-box {
  /*padding: 5px 10px;*/
}

.field.lookup .value-box .text {
  display: inline-block;
}

.field.edit.lookup .value-box {
  cursor: pointer;
  padding-right: 30px;
}

.field.edit.lookup.changed .value-box {
  padding-right: 50px;
}

.field.edit.lookup .value-box .cmd-lookup {
  position: absolute;
  top: 4px;
  right: 2px;
}

.field.edit.lookup.changed .value-box .cmd-lookup {
  right: 25px;
}

.field.edit.lookup .value-box .cmd-lookup .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/arrow_down.svg?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

.field.edit.lookup .value-box.active .cmd-lookup .icon {
  transform: rotate(-180deg);
}

.field.title-lookup .field-label {
  display: block;
}

.field.lookup.view-a {
  
}

.field.lookup.view-a .field-value .value-box {
  padding: 0;
  background-color: unset;
  border: none;
  min-height: unset;
}

.field.lookup.view-a .field-value .value-box.active input,
.field.lookup.view-a .field-value .value-box:hover input {
  background-size: 0 0, 15px 15px;
}

.field.lookup.view-a .field-value .value-box input {
  background-size: 15px 15px, 0 0;
  background-repeat: no-repeat;
  background-position: 3px 0px;
  padding: 0 0 0 23px;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/search_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.lookup.view-a .field-value .value-box input::placeholder {
  font-weight: 300;
}

.field.lookup.view-a .field-value .value-box .cmd-lookup {
  display: none;
}

.field.title-lookup .field-value .value-box {
  background-color: unset;
  border: none;
}

.field.title-lookup .field-value .value-box input {
  font-size: 28px;
  font-weight: 500;
  text-decoration: underline;
  user-select: none;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.field.edit.title-lookup .value-box .cmd-lookup {
  top: 10px;
  right: 10px;
}

.field.edit.title-lookup .value-box .cmd-lookup .icon {
  background-image: url("/_themes/light/content/media/icons/sort.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/sort_filled.svg?stamp=240311&t=0&icon_color=%23404040");
  transform: rotate(180deg);
  background-size: contain, 0 0;
}

.field.edit.title-lookup .value-box .cmd-lookup .icon:hover {
  background-size: 0 0, contain;
}

/* object-picker */
.field.objectpicker .value-box {
  /*padding: 5px 10px;*/
}

.field.objectpicker .value-box .text {
  display: inline-block;
}

.field.edit.objectpicker > .field-value > .value-box {
  cursor: pointer;
  padding: 0 30px 0 0;
}

.field.edit.objectpicker.changed .value-box {
  padding-right: 50px;
}

.field.edit.objectpicker .value-box .cmd-lookup {
  position: absolute;
  top: 4px;
  right: 2px;
}

.field.edit.objectpicker.changed .value-box .cmd-lookup {
  right: 25px;
}

.field.edit.objectpicker .value-box .cmd-lookup .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/arrow_down.svg?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

.field.edit.objectpicker .value-box.active .cmd-lookup .icon {
  transform: rotate(-180deg);
}

.field.objectpicker .field-value .value-box .value-item .cmd-delete {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-image: url("/_themes/light/content/media/icons/field_cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/field_cross.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.field.objectpicker .field-value .value-box .value-item .cmd-delete:hover {
  background-size: 0, contain;
}

.field.objectpicker.object-view-a .value-box .value-item .details-group > .content > div {
  display: none;
}

.field.objectpicker.object-view-a .value-box .value-item .details-group > .content > div.title-line {
  display: inline-block;
}

.field.objectpicker.object-view-a .value-box {
  background-color: transparent;
}

.field.objectpicker.object-view-b > .field-value > .value-box {
  padding-left: 10px;
}

.field.objectpicker.edit.object-view-b > .field-value > .value-box {
  padding: 3px;
}

.field.objectpicker.object-view-b > .field-value > .value-box > .value-item {
  display: inline-block;
  background-color: rgba(20, 115, 230, 0.2);
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
  padding: 0 5px;
}

.field.objectpicker.object-view-b > .field-value > .value-box > .value-item > div {
  display: inline-block;
}

.field.objectpicker.object-view-b .value-box .value-item .details-group > .content > div {
  display: none;
}

.field.objectpicker.object-view-b .value-box .value-item .details-group > .content > div.title-line {
  display: inline-block;
}

.field.objectpicker.object-view-b.edit .static-field {
  margin-bottom: 0;
}

.field.objectpicker.object-view-b .static-field > .value-box {
  border: none;
  min-height: 0;
}

.field.objectpicker.object-view-b .static-field > .value-box .text{
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  color: #13344D;
}

.field.objectpicker.object-view-b.required .field-value .static-field > .value-box:before {
  display: none;
}

.field.objectpicker.object-view-b.edit .static-field > .value-box {
  background-color: transparent;
}

.field-with-actions.one-button .field.objectpicker.object-view-b .value-box {
  padding-right: 0;
}

/* object-view-c */
.field.objectpicker.object-view-c > .field-value > .value-box {
  padding-left: 10px;
  padding-bottom: 0;
}

.field.objectpicker.edit.object-view-c > .field-value > .value-box {
  padding: 3px;
}

.field.objectpicker.object-view-c > .field-value > .value-box > .value-item {
  display: inline-block;
  background-color: transparent;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.field.objectpicker.object-view-c > .field-value > .value-box > .value-item > div {
  display: inline-block;
}

.field.objectpicker.object-view-c .value-box .value-item .details-group > .content > div {
  display: none;
}

.field.objectpicker.object-view-c .value-box .value-item .details-group > .content > div.title-line {
  display: inline-block;
}

.field.objectpicker.object-view-c.edit .static-field {
  margin-bottom: 0;
}

.field.objectpicker.object-view-c .value-box .text {
  margin-bottom: 0;
}

.field.objectpicker.object-view-c .static-field > .value-box {
  border: none;
  min-height: 0;
}

.field.objectpicker.object-view-c .static-field > .value-box .text{
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  color: #13344D;
}

.field.objectpicker.object-view-c.required .field-value .static-field > .value-box:before {
  display: none;
}

.field.objectpicker.object-view-c.edit .static-field > .value-box {
  background-color: transparent;
}

.field-with-actions.one-button .field.objectpicker.object-view-c .value-box {
  padding-right: 0;
}

/* lookup-popup objectpicker */
.lookup-popup.objectpicker .details-group .title-line > .content {
  display: flex;
  justify-content: space-between;
}

.lookup-popup.objectpicker .details-group .title {
  color: #414448;
  text-transform: uppercase;
}

.lookup-popup.objectpicker .details-group .title .value-box {
  border: none;
  background-color: unset;
  font-size: 14px;
  line-height: 18.75px;
  font-weight: 500;
  padding: 0;
  min-height: unset;
  text-transform: uppercase;
}

/*<--- field time --->*/
.field.time {
  
}

.field.time .time-part input {
  padding-left: 30px;
  background-size: 17px;
  background-position: 5px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/time_planned.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.time .offset-part {
  display: none;
}

.field.time .remarks {
  float: right;
  margin-top: 2px;
  color: #81878F;
  font-weight: 300;
}

/*<--- field title --->*/
.field.title {
  margin-bottom: 15px;
}

.field.title-b,
.static-field.title-b {
  font-family: Roboto, sans-serif;
  line-height: 120%;
  color: #13344D;
  font-size: 38px;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 20px;
}

.field.title-c,
.static-field.title-c {
  font-family: Roboto, sans-serif;
  line-height: 120%;
  color: #404040;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 20px;
}

/*<--- search --->*/
.field.edit.search input {
  padding-left: 30px;
  background-image:  url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.field.search .search-value input {
  padding: 0 0 0 5px;
  background-image: unset;
}

.field.search .search-value {
  display: inline-block;
  vertical-align: top;
  padding: 4px 5px 0 5px;
}

.field.search .search-value .token {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 5px; 
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  margin: 0 5px 5px 0;
  height: 20px;
  line-height: 20px;
  padding: 0 5px 0 10px;
}

.field.search .search-value .token .action {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-size: contain, 0 0;
  cursor: pointer;
}

.field.search .search-value .token .action.action-remove {
  background-image: url("/_themes/light/content/media/icons/full_arrow_down.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/full_arrow_down_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.search .search-value .token .action.action-delete {
  background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.search .search-value .token .action:hover {
  background-size: 0 0, contain;
}

.field.search .search-value .search-input-box {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}

.field.search .search-value .search-button {
  display: none;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image:  url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F"),
                     url("/_themes/light/content/media/icons/search_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain, 0 0;
  cursor: pointer;
}

.field.search .search-value .search-button:hover {
  background-size: 0 0, contain;
}

.field.search .search-suggestions {
  float: left;
}

.field.search .search-suggestions .token {
  padding: 4px 10px;
  display: inline-block;
  vertical-align: top;
}

/*<--- icon-only --->*/
.field.icon-only .value-box {
  background-color: unset;
  padding: 0;
}

/*<--- icon-a --->*/
.field.icon-a .value-box {
  background-color: unset;
  padding: 0;
}

.field.icon-a .field-value.has-icon .icon {
  width: 100px;
  height: 100px;
  display: block;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
}

.field.icon-a .field-value.has-icon .value-box {
  display: none;
}

/*<--- jira-avatar --->*/
.field.jira-avatar .html img {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  padding: 5px;
}

/*<--- field-layout2 --->*/
.field.field-layout2 .html {
  padding: 5px;
}

/*<--- multichoice --->*/
.field.multichoice .field-value .value-box {
  background-color: unset;
  border: none;
}

.field.multichoice .value-box .option {
  display: block;
  margin-left: 5px;
}

.field.multichoice .value-box .option .check {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"), 
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0 0;
}

.field.multichoice .value-box .option.checked .check {
  background-size: 0 0, contain;
}

.field.multichoice:not(.edit) .value-box .option .check {
  opacity: 0.5;
}

.field.multichoice .value-box .option .option-label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.field.multichoice.edit .value-box .option .option-label {
  cursor: pointer;
}

.field.multichoice.view-b .value-box .option {
  display: inline-block;
  margin-left: 5px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
}

.field.multichoice.view-c .value-box .options {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 400px;
}

.field.multichoice.view-c .value-box .option {
  display: inline-block;
  margin-left: 5px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
}

/*<--- multichoicelookup --->*/
.field.multichoicelookup .value-box {
  display: block;
  padding: 0 30px 0 5px;
  max-height: 105px;
  min-height: 30px;
  width: 100%;
  overflow: auto;
}

.grid .col .field.multichoicelookup .value-box {
  padding: 5px 30px 0 5px;
  box-sizing: border-box;
}

.field.multichoicelookup .value-box::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border: 1px solid transparent;
  transition: border-color .2s ease;
}

.field.multichoicelookup .value-box::-webkit-scrollbar-track {
  border-radius: 2px;
}

.field.multichoicelookup .value-box::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}

.field.multichoicelookup .value-box::-webkit-scrollbar-corner {
  background-color: transparent;
}

.field.multichoicelookup .value-box .value-item {
  background: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0 5px 0 10px;
  margin: 4px 5px 1px 0;
  font-weight: 500;
}

.field.multichoicelookup.items-b .value-box {
  background: transparent;
  min-height: 0;
  padding: 0;
}

.field.multichoicelookup.items-b .value-box .value-item {
  margin: 0 5px 5px 0;
}

.field.multichoicelookup .value-box .value-item .cmd-delete {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-size: contain, 0 0;
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.multichoicelookup .value-box > input {
  width: 100%;
  height: 28px;
  padding: 0 0 0 5px;
  max-width: 300px;
}

.field.multichoicelookup.view-a {
  
}

.field.multichoicelookup.view-a .field-label {
  display: none;
}

.field.multichoicelookup.view-a .value-box {
  border: none;
  background-color: unset;
  padding: 0;
}

.field.multichoicelookup.view-a .value-box input {
  padding-left: 30px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 5px 4px;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.field.multichoicelookup.view-a .value-box .value-item {
  font-weight: 700;
  padding-left: 25px;
  position: relative;
}

.field.multichoicelookup.view-a .value-box .value-item:before {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 3px;
  width: 20px;
  height: 20px;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/user_filled.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.field.multichoicelookup.view-a .value-box .value-item .cmd-delete {
  width: 15px;
  height: 20px;
  margin-left: 8px;
  background-size: 15px, 0;
  background-position: 0px 1px;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%2313334C");
}

/* view-b */
.field.multichoicelookup.view-b .value-box {
  padding: 0 25px 0 5px;
  overflow-x: hidden;
}

.field.multichoicelookup.view-b .value-box > input {
  width: 20px;
  height: 28px;
  position: absolute;
  left: auto;
  right: 2px;
  top: 0px;
  text-align: right;
  font-style: normal;
  font-family: Arial;
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  opacity: 0.8;
  user-select: none;
  padding-right: 7px;
  caret-color: transparent;
}

.field.multichoicelookup.view-b .value-box.active > input,
.field.multichoicelookup.view-b .value-box > input:hover {
  opacity: 1;
  width: auto;
  left: 0;
}

/*<--- multichoicecompact --->*/
.field.multichoicecompact.view-a.edit .value-box {
  padding: 4.5px 4.5px 0 4.5px;
}

.field.multichoicecompact .value-box {
  padding: 5px;
}

.field.multichoicecompact.view-a .value-item {
  display: inline-block;
  vertical-align: middle;
  padding: 4.5px;
  margin-right: 5px;
  box-sizing: border-box;
  background-color: rgba(20, 115, 230, 0.2);
  color: #13344D;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}

.field.multichoicecompact.view-a.edit .value-item {
  margin-bottom: 5px;
}

.field.multichoicecompact.view-a .sep {
  display: none;
}

/*<--- progress --->*/
.group.refresh-progress {
  position: absolute;
  bottom: 0;
  left: 15px;
}

.group.refresh-progress .field.html {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 3px;
  background: transparent;
  z-index: -1;
  margin: 0;
}

.field.progress .field-label {
  float: unset;
  font-size: 10px;
}

.field.progress span.progress {
  display: block;
  height: 20px;
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
}

.field.progress span.progress span {
  display: block;
  height: 100%;
  background-color: #158DDC;
  transition: width .3s ease;
}

.field.progress span.text {
  display: none;
}

/* progress-a */
.field.progress.progress-a span.progress {
  background-color: #D5D7DA;
}

.field.progress.progress-a span.progress span {
  display: block;
  height: 100%;
  background-color: rgba(40, 167, 69, 1);
  transition: width .3s ease;
}

/* progress-b */
.field.progress.progress-b .value-box > span { 
  overflow:hidden;
	position: relative;
	padding: 0px;
}

.field.progress.progress-b .value-box > span > span {
  display: block;
  color: #FFF; 
  text-align: center; 
  padding-top: 3px;
  width: 100%;
  height: 100%;
  background-color: rgb(21,141,220);
  background-image: linear-gradient(
    center bottom,
    rgb(21,141,220) 37%,
    rgb(19,127,198) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.field.progress.progress-b .value-box > span > span:after {
  content: "";
  position: absolute;
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: field-progress-b 2s linear infinite;
  overflow: hidden;
}

@keyframes field-progress-b {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

/* progress-c */
.field.progress.progress-c .value-box > span { 
  overflow:hidden;
	position: relative;
	padding: 0px;
}

.field.progress.progress-c .value-box > span > span {
  display: block;
  color: #FFF; 
  text-align: center; 
  padding-top: 3px;
  width: 100%;
  height: 100%;
  background-color: rgb(21,141,220);
  background-image: linear-gradient(
    center bottom,
    rgb(21,141,220) 37%,
    rgb(19,127,198) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
  width: 100% !important;
}

.field.progress.progress-c .value-box > span > span:after {
  content: "";
  position: absolute;
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: field-progress-c 2s linear infinite;
  overflow: hidden;
}

@keyframes field-progress-c {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.static-field {
  font-weight: 300;
  color: #81878F;
  margin-bottom: 3px;
}

.static-field.attachments a {
  color: #158DDC;
}

.fields-row .field {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.field.revision-interaction .value-box .text {
  position: relative;
  font-weight: 700;
  cursor: pointer;
}

.field.revision-interaction .value-box .text:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  background-color: #13344D;
}

.field.group-tag,
.static-field.group-tag {
  margin-bottom: 20px;
}

.field.edit.changed .field-value:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/save_preset.svg?stamp=240311&t=0&icon_color=%23DB9712");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center;
  z-index: 1;
}

.field.label-position-right .field-value {
  float: left;
}

.field.label-position-right .field-label {
  margin-right: 0;
  margin-left: 5px;
}

/*<--- search-group --->*/
.search-group {
  position: relative;
}

.search-group > a,
.search-group .content > a {
  position: absolute;
  right: 5px;
  top: 26px;
}

.field-b{ margin-bottom: 20px; }
.field-b .field-value{
  background-color: #F9F9F9;
  border-radius: 0;
}

.field-b .field-value input.edit{
  background-color: #171717;
  border-color: #42484E;
  color: #B5BCC4;
  padding: 8px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  vertical-align: top;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  text-decoration: inherit;
  font-weight: inherit;
  border: none;
  resize: none;
  font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif';
}
.field-b .field-value .value-box:hover{
  border-color: #42484E;
}

.field-b .field-value input.edit::-webkit-input-placeholder { /* WebKit browsers */
  color:    #A5B7BF;
  font-style: normal;
  font-size: 16px;
}
.field-b .field-value input.edit:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #A5B7BF;
  opacity:  1;
  font-style: normal;
  font-size: 16px;
}
.field-b .field-value input.edit::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #A5B7BF;
  opacity:  1;
  font-style: normal;
  font-size: 16px;
}
.field-b .field-value input.edit:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #A5B7BF;
  font-style: normal;
  font-size: 16px;
}

.field-c{ margin-bottom: 40px; }
.field-c .text{ font-size: 40px;}

.field.margin-bottom1{ margin-bottom: 10px;}
.field.margin-bottom2{ margin-bottom: 15px;}
.field.margin-bottom3{ margin-bottom: 20px;}
.field.margin-bottom7{ margin-bottom: 40px;}
.field.margin-bottom10{ margin-bottom: 150px;}

.field-columns {
  overflow: hidden;
}

.field-columns .content {
  
}

.field-columns .content .field:last-child {
  margin-right: 0;
}

.field-columns .field {
  
}

.field-columns .field.check {
  margin-top: 22px;
}

.field-buttons {
  position: absolute;
  top: 25px;
  right: 5px;
}

.attach-group .field-buttons {
  top: 5px;
}

.field .field-buttons .button {
  margin-left: 5px;
}

.field.field-horizontal .field-label {
 float: left; 
 margin-top: 5px;
}

.field.field-horizontal .field-value .value-box {
  background-color: unset;
}

/* expression-editor */
.expression-editor .element-image { 
  width: 16px; 
  height: 16px; 
  background-color: transparent; 
  background-position: 0 0; 
  background-repeat: no-repeat;
  font-family: FontAwesome; 
  font-size: 14px; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 16px; 
  text-align: center;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.expression-editor .edit-pane { 
  position: absolute; 
  left: 0; 
  top: 0; 
  right: 300px; 
  bottom: 30px; 
  overflow: hidden; 
  border-width: 1px; 
  border-style: none solid solid none; 
  border-color: #eee; 
}

.expression-editor .samples-pane { 
  position: absolute; 
  left: 0; 
  bottom: 0; 
  right: 300px; 
  height: 30px; 
  overflow: hidden; 
  border-width: 1px; 
  border-style: none solid none none; 
  border-color: #eee;
  padding: 0 0 0 15px; 
  font-family: Consolas, Monaco; 
  font-size: 12px; 
  line-height: 30px; 
  color: #aaa;
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.expression-editor .toolbox-pane { 
  position: absolute; 
  right: 0; 
  top: 0; 
  width: 300px; 
  bottom: 0; 
  overflow: auto; 
}

.expression-editor .edit-pane textarea { 
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  resize: none; 
  border: none; 
  padding: 10px;
  font-family: Consolas, Monaco;
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.expression-editor .editor { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.expression-editor .toolbox-pane .loading { 
  width: 30px; 
  height: 30px; 
  background: transparent url(/media/loader2.gif) center center no-repeat; 
}

.expression-editor .toolbox-pane .item .name { 
  height: 20px; 
  line-height: 20px; 
  cursor: default; 
  white-space: nowrap; 
}

.expression-editor .toolbox-pane .item.level-1 > .name { 
  padding-left: 20px; 
}

.expression-editor .toolbox-pane .item.level-2 > .name { 
  padding-left: 40px; 
}

.expression-editor .toolbox-pane .item.level-3 > .name { 
  padding-left: 60px; 
}

.expression-editor .toolbox-pane .item.level-4 > .name { 
  padding-left: 80px; 
}

.expression-editor .toolbox-pane .item.level-5 > .name { 
  padding-left: 100px; 
}

.expression-editor .toolbox-pane .item .name > .content { 
  position: relative; 
  padding-left: 40px; 
}

.expression-editor .toolbox-pane .item .name .text { 
  color: #aaa; 
}

.expression-editor .toolbox-pane .item.level-0 > .name .text { 
  color: #000000; 
  font-weight: 700; 
  font-size: 13px; 
}

.expression-editor .toolbox-pane .item .name .description { 
  margin-right: 5px; 
}

.expression-editor .toolbox-pane .item.element-tab > .name .description { 
  font-weight: 700; 
}

.expression-editor .toolbox-pane .item.level-1.element-grid > .name .description { 
  font-weight: 700; 
}

.expression-editor .toolbox-pane .item .toggle { 
  position: absolute; 
  left: 0; 
  top: 2px; 
  width: 16px; 
  height: 16px; 
}

.expression-editor .toolbox-pane .item .toggle span { 
  position: relative; 
  left: 5px; 
  top: 3px; 
  display: block; 
  width: 6px; 
  height: 9px;
  background-color: transparent; 
  background-image: url(/media/toggle1.png); 
  background-position: 0 -9px;
  background-repeat: no-repeat; 
}

.expression-editor .toolbox-pane .item.collapse > .name .toggle span { 
  background-position: 0 0; 
}

.expression-editor .toolbox-pane .item.collapse > .items { 
  display: none; 
}

.expression-editor .toolbox-pane .item .element-image { 
  position: absolute; 
  left: 20px; 
  top: 2px; 
}

.expression-editor .toolbox-pane .item.hover > .name { 
  background: #EDF5FF; 
}

.expression-editor .toolbox-pane .item.hover.is-content > .name { 
  text-decoration: underline; 
  cursor: pointer; 
}

.expression-editor .toolbox-pane .item.hover.is-content > .name .element-image { 
  background-position: 0 -16px;
}

/*<--- switch --->*/
.field.switch .value-box {
  user-select: none;
  cursor: pointer;
  padding: 5px;
}

.field.switch.edit .value-box {
  cursor: pointer;
}

/* switch-a */
.field.switch-a .value-box {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #D5D7DA;
  height: 28px;
  line-height: 28px;
  font-weight: 500;
  overflow: hidden;
  padding: 0;
  width: auto;
}

.field.switch-a .value-box:hover {
  border: 1px solid #D5D7DA;
}

.field.switch-a .field-value .option {
  float: left;
  background-color: #FFFFFF;
  height: 100%;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  margin: 0;
  padding: 0 20px;
}

.field.switch-a .field-value .option:hover {
  background-color: #F0F5FA;
}

.field.switch-a .field-value .option.checked {
  background-color: #77BA43;
  color: #EEEEEE;
  z-index: 2;
}

.field.switch-a .field-value .option:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: #D5D7DA;
}

.field.switch-a .field-value .option label.check {
  display: none;
}

.field.switch-a .field-value .option .option-label .text {
  padding: 0;
  color: inherit;
}

/* switch-b */
.field.switch-b .value-box {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #D5D7DA;
  height: 28px;
  line-height: 28px;
  font-weight: 500;
  overflow: hidden;
  padding: 0;
  width: auto;
}

.field.switch-b .value-box:hover {
  border: 1px solid #D5D7DA;
}

.field.switch-b .field-value .option {
  float: left;
  background-color: #FFFFFF;
  height: 100%;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  margin: 0 0;
  padding: 0 9px;
}

.field.switch-b .field-value .option:hover {
  background-color: #F0F5FA;
}

.field.switch-b .field-value .option.checked {
  background-color: #77BA43;
  color: #EEEEEE;
  z-index: 2;
}

.field.switch-b .field-value .option:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: #D5D7DA;
}

.field.switch-b .field-value .option label.check {
  display: none;
}

.field.switch-b .field-value .option .option-label .text {
  padding: 0;
  color: inherit;
}

.field.singlechoicelist.switch-b .field-value .option .option-label .image {
  display: none;
}

/* switch-c */
.field.switch-c {
  height: auto;
  overflow: visible;
}

.field.switch-c .value-box {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #D5D7DA;
  height: 28px;
  line-height: 28px;
  font-weight: 500;
  overflow: hidden;
  padding: 0;
  width: auto;
  height: auto;
  overflow: visible;
}

.field.switch-c .value-box:hover {
  border: 1px solid #D5D7DA;
}

.field.switch-c .field-value .option {
  background-color: #FFFFFF;
  height: 100%;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  margin: 0 0;
  padding: 0 9px;
  display: none;
  transition: all 0.4s ease-in-out;
}

.field.switch-c:hover .field-value .option {
  display: block;
}

.field.switch-c .field-value .option:hover {
  background-color: #F0F5FA;
}

.field.switch-c .field-value .option.checked {
  background-color: #77BA43;
  color: #EEEEEE;
  z-index: 2;
  display: block;
}

.field.switch-c .field-value .option.checked:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 2px center;
  transform: rotate(90deg);
  transition: transform .3s ease-in-out;
  cursor: pointer;
  margin-left: 2px;
}

.field.switch-c .field-value .option.checked:hover:after {
  transform: rotate(90deg) translateX(1px);
}

.field.switch-c .field-value .option:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: #D5D7DA;
}

.field.switch-c .field-value .option label.check {
  display: none;
}

.field.switch-c .field-value .option .option-label .text {
  padding: 0;
  color: inherit;
}

.field.singlechoicelist.switch-c.no-image .field-value .option .option-label .image {
  display: none;
}

/* switch-d */
.field.switch-d .value-box {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #D5D7DA;
  height: 28px;
  line-height: 28px;
  font-weight: 400;
  overflow: hidden;
  padding: 0;
  width: auto;
}

.field.switch-d .value-box:hover {
  border: 1px solid #D5D7DA;
}

.field.switch-d .field-value .option {
  float: left;
  background-color: #FFFFFF;
  height: 100%;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  margin: 0;
  padding: 0 20px;
}

.field.switch-d .field-value .option:hover {
  background-color: #F0F5FA;
}

.field.switch-d .field-value .option.checked {
  background-color: #77BA43;
  color: #EEEEEE;
  z-index: 2;
}

.field.switch-d .field-value .option:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: #D5D7DA;
}

.field.switch-d .field-value .option label.check {
  display: none;
}

.field.switch-d .field-value .option .option-label .text {
  padding: 0;
  color: inherit;
}

/* switch-e */
.field.switch-e .value-box {
  display: inline-block;
  line-height: 19px;
  font-weight: 500;
  overflow: hidden;
  padding: 0;
  width: auto;
  margin: 0 15px;
  color: #13344D;
}

.field.switch-e .field-value .option {
  float: left;
  background-color: #FFFFFF;
  height: 100%;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  margin: 0 40px 0 0;
  padding: 0 0 5px 0;
  border-bottom: 4px solid transparent;
}

.field.switch-e .field-value .option:hover {
  background-color: transparent;
  border-color: #A2A2A2;
}

.field.switch-e .field-value .option.checked {
  background-color: transparent;
  z-index: 2;
  border-color: #77BA43;
}

.field.switch-e .field-value .option label.check {
  display: none;
}

.field.switch-e .field-value .option .option-label .text {
  padding: 0;
  color: inherit;
}

.field.singlechoicelist.switch-e  .field-value .option .option-label {
  margin-left: 0;
}

.field.singlechoicelist.switch-e .field-value .option .option-label .image {
  display: none;
}

/* field-d */
.field.text.field-d .value-box, .field.number.field-d .value-box, .field.date.field-d .value-box, 
.field.datetime.field-d .value-box, .field.images.field-d .value-box, .field.textarea.field-d .value-box, .field.singlechoice.field-d .value-box{
  background-color: transparent;
  padding: 0;
  min-height: 17px;
}
.field.field-d .field-label{ display: inline-block; vertical-align: top; font-size: 14px; padding: 0; text-transform: none; margin-right: 5px;}
.field.field-d .field-value{ display: inline-block; vertical-align: top; }

.field.signature.field-d .field-label{ display: none;}
.field.signature.field-d .field-value{ padding: 0px; position: relative; }
.field.signature.field-d:not(.modern) .field-value:before{ content: "Live Signature by:"; position:absolute; left: 50%; transform: translateX(-50%); top: 0; color: #000;}
.field.signature.field-d:not(.modern) .value-box{ background: transparent; min-height: 50px; min-width: 300px; padding: 5px 0;
  display: inline-block;
  background:
    linear-gradient(to right, black 2px, transparent 2px) 0 0,
    linear-gradient(to right, black 2px, transparent 2px) 0 100%,
    linear-gradient(to left, black 2px, transparent 2px) 100% 0,
    linear-gradient(to left, black 2px, transparent 2px) 100% 100%,
    linear-gradient(to bottom, black 2px, transparent 2px) 0 0,
    linear-gradient(to bottom, black 2px, transparent 2px) 100% 0,
    linear-gradient(to top, black 2px, transparent 2px) 0 100%,
    linear-gradient(to top, black 2px, transparent 2px) 100% 100%;

  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.field.signature.field-d.modern .value-box{ background: transparent; min-height: 50px; min-width: 300px; padding: 5px 0; display: inline-block; }

.field.signature.field-d.custom-appearance > .field-value:before{ display: none; }
.field.signature.field-d.custom-appearance > .field-value > .value-box {
  transform: scale(0.5);
  transform-origin: left top;
  background: none !important;
}
.form .field.signature.field-d.custom-appearance > .field-value > .value-box { border: none; }

/* field-e */
.field.field-e .value-box {
  position: relative; 
  display: inline-block; 
  width: 100%; 
  box-sizing: border-box;
  min-height: 30px; 
  vertical-align: top;
  margin: 0;
  border: 1px solid #D5D7DA;
  background-color: #F0F5FA;
  cursor: text;
  padding: 0;
  overflow: hidden;
}

.field.field-e .value-box {
  background-color: #F0F5FA;
  border: 1px solid #D5D7DA;
  padding: 5px 10px 5px 30px;
}

/* field-f */
.field.field-f{
  display: inline-block;
}

/*field-g*/
.field.field-g {
  margin-bottom: 10px;
}

.field.field-g .field-label{
  text-transform: none;
  font-size: 14px;
  line-height: 150%;
  color: #13344D;
  font-weight: 500;
  letter-spacing: normal;
}

.field.field-g .field-value .value-box{
  background: unset;
  padding: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

/*field-g*/
.field.field-k {
  margin-bottom: 10px;
}

.field.field-k .field-label{
  text-transform: none;
  font-size: 14px;
  line-height: 150%;
  color: #404040;
  font-weight: 300;
  letter-spacing: normal;
}

.field.field-k .field-value .value-box{
  background: unset;
  padding: 0;
  font-size: 18px;
  color: #404040;
  font-weight: 700;
  line-height: 120%;
}

.field.field-k.view-b .field-value{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.field.field-k.view-b .field-value.has-icon .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
}

.field.field-k.view-b .field-value.has-icon .value-box {
  margin-right: 5px;
  width: auto;
}

.field.field-k.view-b .field-value.has-icon .value-box .text {
  display: block;
  max-width: 170px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* field-with-actions */
.field-with-actions {
  position: relative;
}

.field-with-actions .field {
  
}

.field-with-actions .field .value-box {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 55px;
}

.field-with-actions .button {
  position: absolute;
  right: 0;
  bottom: 5px;
}

.field-with-actions .button {
  right: 25px;
}

.field-with-actions .button.second-position {
  right: 55px;
}

.field-with-actions.one-button .field .value-box {
  padding-right: 55px;
}

.field-with-actions.two-buttons .field .value-box {
  padding-right: 85px;
}

.field-with-actions .field-value .value-box > .text[data-cmd] {
  color: #158DDC;
  text-decoration: none;
  cursor: pointer;
}

.field-with-actions .field-value .value-box > .text[data-cmd]:hover {
  text-decoration: underline;
}

/*.field-with-actions2*/
.field-with-actions2 {
  position: relative;
}

.field-with-actions2 .field {
  
}

.field-with-actions2 .field .value-box {
  padding-right: 55px;
}

.field-with-actions2 .button {
  position: absolute;
  right: 0;
  bottom: 5px;
}

.field-with-actions2 .button {
  right: 25px;
}

.field-with-actions2 .button.second-position {
  right: 55px;
}

.field-with-actions2.one-button .field .value-box {
  padding-right: 55px;
}

.field-with-actions2.two-buttons .field .value-box {
  padding-right: 85px;
}

.field-with-actions2 .field-value .value-box > .text[data-cmd] {
  color: #158DDC;
  text-decoration: none;
  cursor: pointer;
}

.field-with-actions2 .field-value .value-box > .text[data-cmd]:hover {
  text-decoration: underline;
}

/*<--- field style-a --->*/
.field.style-a {
  display: inline-block;
  vertical-align: top;
}

.field.style-a .field-value {
  padding: 5px 10px 5px 10px;
  background-color: rgba(20, 115, 230, 0.2);
  border-radius: 4px;
  box-sizing: border-box;
  height: 20px;
}

.field.style-a .field-value.has-icon {
  padding-left: 20px;
}

.field.style-a .field-value .value-box {
  padding: 0;
  min-height: unset;
  color: #13344D;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
}

.field.style-a .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* style-b */
.popup .field.style-b,
.field.style-b {
  display: block;
  margin-bottom: 5px;
}

.popup .field.style-b .field-value .value-box,
.field.style-b .field-value .value-box {
  background: transparent;
  min-height: 0;
  padding: 0;
}

.popup .grid-j .field.style-b .field-value .value-box,
.grid-j .field.style-b .field-value .value-box {
  padding: 0 0 0 5px;
}

.popup .field.style-b .field-label,
.field.style-b .field-label{
  float: left;
  text-transform: none;
  font-size: 14px;
  line-height: 19px;
}

.popup .field.style-b.edit .field-label,
.field.style-b.edit .field-label{
  line-height: 28px;
}

.popup .field.style-b .field-value .value-box span.text[data-cmd]:hover,
.field.style-b .field-value .value-box span.text[data-cmd]:hover {
  text-decoration: underline;
  cursor: pointer;
}

.popup .field.style-b .tooltip-marker,
.field.style-b .tooltip-marker {
  top: 1px;
  right: 22px;
}

.popup .field.style-b:hover .tooltip-marker,
.field.style-b:hover .tooltip-marker {
  display: inline-block;
}

/* style-c */
.field.style-c {
  display: block;
  margin-bottom: 5px;
  padding-left: 8px;
}

.field.style-c .field-value .value-box {
  background: transparent;
  min-height: 0;
  padding: 0;
}

.field.style-c .field-value .value-box .text{
  font-size: 24px;
  font-weight: 500;
  text-transform: none;
}

.field.style-c .field-label{
  float: left;
  text-transform: none;
  font-size: 24px;
  font-weight: 500;
  color: #13344D;
  margin-right: 0;
}

/*<--- field style-d --->*/
.field.style-d {
  display: inline-block;
  vertical-align: top;
}

.field.style-d .field-value {
  padding: 0px 10px 5px 10px;
  box-sizing: border-box;
  height: 20px;
}

.field.style-d .field-value.has-icon {
  padding-left: 20px;
}

.field.style-d .field-value .value-box {
  padding: 0;
  min-height: unset;
  color: #13344D;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
}

.field.style-d .icon {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* .field.style-g */
.field.style-g .icon {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 7px;
  top: 7px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

/*<--- field style-h --->*/
.field.style-h {
  display: inline-block;
  vertical-align: top;
}

.field.style-h .field-value {
  padding: 0;
  box-sizing: border-box;
  height: 20px;
}

.field.style-h .field-value.has-icon {
  padding-left: 25px;
}

.field.style-h .field-value .value-box {
  padding: 0;
  min-height: unset;
  color: #404040;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.field.style-h .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* style-i */
.field.style-i {
  display: inline-block;
  vertical-align: top;
}

.field.style-i .field-value.has-icon {
  padding-right: 20px;
}

.field.style-i .icon {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 2px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* style-link */
.popup .field.style-link,
.field.style-link {
  display: block;
  margin-bottom: 5px;
}

.popup .field.style-link .field-value .value-box,
.field.style-link .field-value .value-box {
  background: transparent;
  min-height: 0;
  padding: 0;
}

.popup .field.style-link .field-value .value-box .text,
.field.style-link .field-value .value-box .text {
  color: #158DDC;
  text-decoration: underline;
}

.popup .field.style-link .field-label,
.field.style-link .field-label{
  float: left;
  text-transform: none;
  font-size: 14px;
  line-height: 19px;
}

.popup .field.style-link.edit .field-label,
.field.style-link.edit .field-label{
  line-height: 28px;
}

.popup .field.style-link .field-value .value-box span.text[data-cmd]:hover,
.field.style-link .field-value .value-box span.text[data-cmd]:hover {
  text-decoration: underline;
  cursor: pointer;
}

.popup .field.style-link .tooltip-marker,
.field.style-link .tooltip-marker {
  top: 1px;
  right: 22px;
}

.popup .field.style-link:hover .tooltip-marker,
.field.style-link:hover .tooltip-marker {
  display: inline-block;
}

.popup .field.style-link .field-value .remarks,
.field.style-link .field-value .remarks {
  display: block;
  padding-top: 9px;
  font-size: 13px;
  font-weight: 300;
  color: #81878F;
}

/*<--- list-a --->*/
.list-a {
  
}

.list-a .content > .repeatable-group {
  display: inline;
}

.list-a .item {
  display: inline-block;
  background-color: rgba(20, 115, 230, 0.2);
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
  padding: 0 5px;
}

.list-a .item .static-field {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}



.list-a .item .value-box {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  color: #13344D;
}

.list-a .item .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
}

.list-a .item .button {
  display: inline-block;
  vertical-align: top;
}

.list-a .item .button {
}

.list-a .item .button .image.image-delete {
  background-image: url("/_themes/light/content/media/icons/small/cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/small/cross.svg?stamp=240311&t=0&icon_color=%23404040");
}

.list-a .item .icon.icon-contact,
.list-a .item .icon.icon-role {
  background-image: url("/_themes/light/content/media/icons/small/user_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.list-a .item .icon.icon-group {
  background-image: url("/_themes/light/content/media/icons/small/group_people.svg?stamp=240311&t=0&icon_color=%23404040");
}

.list-a .item .icon.icon-department {
  background-image: url("/_themes/light/content/media/icons/small/department.svg?stamp=240311&t=0&icon_color=%23404040");
}

.list-a .item .icon.role-admin {
  background-image: url("/_themes/light/content/media/icons/small/admin.svg?stamp=240311&t=0&icon_color=%23404040");
}

.list-a .item .icon.role-engineer {
  background-image: url("/_themes/light/content/media/icons/small/engineer.svg?stamp=240311&t=0&icon_color=%23404040");
}

.list-a .item .icon.role-supervisor {
  background-image: url("/_themes/light/content/media/icons/small/supervisor.svg?stamp=240311&t=0&icon_color=%23404040");
}

.list-a .item .icon.role-inspector {
  background-image: url("/_themes/light/content/media/icons/small/inspector_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.list-a .item .icon.role-auditor {
  background-image: url("/_themes/light/content/media/icons/small/auditor_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}


/* selector-a */
.selector-a {
  display: inline-block;
  border: 1px solid #D5D7DA;
  border-radius: 2px;
  margin: 10px 0;
}

.selector-a .group {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  margin: 0;
  float: unset;
  border-radius: 2px;
}

.selector-a .group:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 0.5px;
  background: #D5D7DA;
}

.selector-a .value-box > .text {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  font-size: 16px;
  line-height: 18.75px;
  padding: 4.25px 25px;
  cursor: pointer;
}

.selector-a .group:hover {
  background-color: #F0F5FA;
}

.selector-a .group.active {
  background-color: #77BA43;
  z-index: 2;
}

.selector-a .group.active .value-box > .text {
  color: #EEEEEE;
}









.widget-accessmatrix .icon-inspector:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/inspector.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}

.widget-accessmatrix .icon-auditor:before {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/auditor.svg?stamp=240311&t=0&icon_color=%2313334C"); 
}







/*<--- field icons --->*/
.field .icon-user {
  background-image: url("/_themes/light/content/media/icons/small/user_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.field .icon-meas-route-scheme {
  background-image: url("/_themes/light/content/media/icons/inspection/meas-route-scheme.png?stamp=240311&t=0");
}


.field .icon-meas-route-scheme {
  background-image: url("/_themes/light/content/media/icons/inspection/meas-route-scheme.png?stamp=240311&t=0");
}

.field .icon-inspflow-dim-gages {
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow/dimdrivengages.png?stamp=240311&t=0");
}
.field .icon-inspflow-dim-no-gages {
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow/dimdrivennogages.png?stamp=240311&t=0");
}
.field .icon-inspflow-sample-gages {
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow/sampledrivengages.png?stamp=240311&t=0");
}
.field .icon-inspflow-sample-no-gages { 
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow/sampledrivennogages.png?stamp=240311&t=0");
}

.field .icon-flow_sample_driven_no_gage { 
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow3/sample_driven_no_gage_grouping.svg?stamp=240311&t=0");
}
.field .icon-flow_dim_driven_no_gage { 
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow3/dimension_driven_no_gage_grouping.svg?stamp=240311&t=0");
}
.field .icon-flow_sample_driven_gage { 
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow3/sample_driven_gage_grouping.svg?stamp=240311&t=0");
}
.field .icon-flow_sample_driven_gage2 { 
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow2/flow_sample_driven_gage2.svg?stamp=240311&t=0");
}
.field .icon-flow_dim_driven_gage { 
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow3/dimension_driven_gage_grouping.svg?stamp=240311&t=0");
}
.field .icon-flow_open_flow { 
  background-image: url("/_themes/light/content/media/listboxes/inspectionflow2/flow_open_flow.svg?stamp=240311&t=0");
}


/*<--- field color --->*/
.field-with-actions .field.color .value-box {
  padding-left: 33px;
/*  display: block;*/
/*  min-height: 26px;*/
/*  box-sizing: border-box; */
/*  -moz-box-sizing: border-box; */
/*  -webkit-box-sizing: border-box;*/
/*  width: 100%; */
/*  vertical-align: top; */
/*  font-size: 12px; */
/*  line-height: 14px;  */
/*  padding: 5px 5px 5px 33px; */
/*  margin: 0; */
/*  color: inherit; */
/*  text-decoration: inherit; */
/*  font-weight: inherit; */
/*  font-style: inherit;*/
/*  background-color: #F5F5F7; */
/*  border: 1px solid #D5D7DA; */
/*  resize: none; */
/*  font-family: 'Noto Sans JP', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; */
}

.field-with-actions .field.color.edit .value-box {
  background-color: #F0F5FA;
}

.field.color .value-box .color {
  position: absolute;
  left: 6px;
  top: 8px;
  width: 20px;
  height: 11px;
  text-decoration: none;
  border: 1px solid #000000;
}

.field.color.style-b .value-box .color {
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 11px;
  text-decoration: none;
  border: 1px solid #000000;
}

.field.color.style-c .value-box .color {
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 11px;
  text-decoration: none;
  border: 1px solid #000000;
}

.field.color.style-c .value-box .color-value {
  display: none;
}

.field.color:not(.edit) .value-box .color-value {
  padding-left: 26px;
}

.field-with-actions .field.color.edit .value-box .color {
  cursor: pointer;
}

.field-with-actions .field.edit.color .value-box input {
  border: none;
  padding-left: 1px;
  min-height: unset;
}

.lookup-popup.color.no-opacity .select-opacity {
  display: none;
}

/* lookup-a */
.field.lookup-a .field-label{ display: none; }

.field.lookup-a .field-value {
}

.field.lookup-a .field-value .value-box {
  border: none;
  width: 40px;
  height: 20px;
  min-height: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background-color: #13334C;
  color: #EEEEEE;
}

.field.lookup-a .field-value .value-box input{ 
  width: 1px; 
  height: 1px; 
  border:none; 
  background: transparent; 
  color: transparent;
  overflow: hidden;
}

.field.lookup-a .field-value .value-box .tooltip-marker,
.field.lookup-a .field-value .value-box .tooltip-marker:hover {
  background-size: 0, 0;
}

.field.lookup-a.indicator_1 .field-value .value-box:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 5px;
  background-color: #158DDC;
  right: 21px;
  top: 4px;
  z-index: 2;
}

.field.edit.lookup.lookup-a .value-box .cmd-lookup {
  z-index: 1;
  top: 0;
}

.field.edit.lookup.lookup-a .value-box .cmd-lookup .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/triangle_down.svg?stamp=240311&t=0&icon_color=%23FFFFFF");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 5px;
}

.field.edit.lookup.lookup-a .value-box:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("/_themes/light/content/media/icons/star_outlined.svg?stamp=240311&t=0&icon_color=%23FFFFFF");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  position: absolute;
  top: 3px;
  right: 23px;
  z-index: 1;
}

.field.edit.lookup.lookup-a.status_1 .value-box:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("/_themes/light/content/media/icons/star_filled.svg?stamp=240311&t=0&icon_color=%23FFC107");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  position: absolute;
  top: 3px;
  right: 23px;
  z-index: 1;
}

.field.position-a, .static-field.position-a {
  position: absolute;
  right: 25px;
  top: 10px;
}

.field.position-a2, .static-field.position-a2 {
  position: absolute;
  right: 15px;
  top: 17px;
}

.field.position-b, .static-field.position-b {
  position: absolute;
  left: 15px;
  top: 40px;
  right: 15px;
  bottom: 15px;
}

.field.position-c, .static-field.position-c {
  position: absolute;
  right: 25px;
  top: Calc(50% - 20px);
}

.field.position-d, .static-field.position-d {
  position: absolute;
  left: auto;
  top: 2px;
  right: 40px;
  bottom: auto;
  z-index: 10;
}

.field.position-f1, .static-field.position-f1 {
  position: absolute;
  left: 280px;
  margin-top: -10px;
  width: 230px;
  z-index: 1;
}

.switching-rules .field {
  margin: 0 0 15px 0;
}

.switching-rules .field .field-value {
  color: #81878F;
}

.switching-rules .field.edit .field-value {
  color: #13344D;
}

.switching-rules .field .value-box {
  background-color: unset;
  font-weight: 300;
  line-height: 30px;
  padding: 0;
}

/* field-i */
.field.field-i.text .value-box, .field.field-i.number .value-box, .field.field-i.date .value-box, .field.field-i.datetime .value-box, 
.field.field-i.images .value-box, .field.field-i.singlechoice .value-box {
  background: unset;
  padding: 7px 0;
  font-weight: 500;
  color: #404040;
  font-size: 16px;
  line-height: 19px;
}

.field.field-i.bg-red .value-box .text{
  background: #CE2783;
  border-radius: 3px;
  padding: 5px 8px;
  color: #FFFFFF;
}

/* field-j */
.field.field-j.text .value-box, .field.field-j.number .value-box, .field.field-j.date .value-box, .field.field-j.datetime .value-box, 
.field.field-j.images .value-box, .field.field-j.singlechoice .value-box {
  background: unset;
  padding: 7px;
  font-weight: 500;
  color: #404040;
  font-size: 21px;
  line-height: 21px;
  border: 1px solid #000000;
}

/* field-k */
.static-field.field-k .value-box{
  font-size: 28px;
  font-weight: 500;
  text-transform: none;
  color: #404040;
  line-height: 100%;
}

.field-k.edit.lookup .value-box {
  background: transparent;
  border: none;
}

.field-k.lookup .value-box input{
  font-size: 28px;
  font-weight: 500;
  text-transform: none;
  color: #404040;
  line-height: 100%;
  padding: 0;
  margin-top: -3px;
}

.static-field.field-k.border-left{
  border-left: 2px solid #D5D7DA;
  padding-left: 15px;
}

.static-field.field-k.border-right{
  border-right: 2px solid #D5D7DA;
  padding-right: 15px;
}

/* field-m */
.field.text.field-m .value-box, .field.number.field-m .value-box, .field.date.field-m .value-box, 
.field.datetime.field-m .value-box, .field.images.field-m .value-box, .field.textarea.field-m .value-box, .field.singlechoice.field-m .value-box,
.field.lookup.field-m .value-box{
  background-color: transparent;
  padding: 0;
  min-height: 17px;
  padding: 0 10px;
}
.field.field-m .field-label{ display: inline-block; vertical-align: top; font-size: 14px; padding: 0; text-transform: none; margin-right: 5px;}
.field.field-m .field-value{ display: inline-block; vertical-align: top; }

.field.field-m2.text .value-box {
  background-color: unset;
  color: #81878F;
  font-weight: 300;
  white-space: nowrap;
}

/* field-n */
.field.field-n, .static-field.field-n .value-box{
  color: #404040;
  font-weight: normal;
}

/* field-r */
.field.field-r {
  margin-bottom: 10px;
}

.field.field-r .field-value .value-box{
  border: 2px solid rgba(20, 115, 230, 0.4);
  border-radius: 2px;
  padding: 0 0 5px 0;
}

.field.field-r.highlight .field-value .value-box{
  border: 2px solid #E68619;
}

.field.field-r.mark-invalid .field-value .value-box{
  border-color: red;
}

.field.field-r .field-value .value-box .image{
  display: none;
}

.field.field-r .field-value .value-box input{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.field.field-r.number:not(.edit) .field-value .value-box span.text{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  padding: 5px 10px;
  display: inline-block;
}

.field.field-r.singlechoice .field-value .value-box {
  padding: 0 0 5px 0;
  position: relative;
  height: 47px;
}

.field.field-r.singlechoice .field-value .value-box > .text, .field.field-r.singlechoice .field-value .value-box > .value-text{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
  min-height: 30px;
  padding: 4px 10px;
}

.field.field-r.singlechoice .field-value .value-box > .value-text > .text{
  line-height: 100%;
  min-height: 0;
  padding: 0;
}

.field.field-r.edit.singlechoice .value-box .cmd-lookup {
  top: 8px;
}

.field.field-r.status_1 .field-value .value-box input, 
.field.field-r.status_1 .field-value .value-box .text,
.field.field-r.status_1 .field-value .value-box .value-text
{ 
  color: #268E6C;
}
.field.field-r.status_2 .field-value .value-box input, 
.field.field-r.status_2 .field-value .value-box .text,
.field.field-r.status_2 .field-value .value-box .value-text
{ 
  color: #b60002;
}
.field.field-r.status_3 .field-value .value-box input, 
.field.field-r.status_3 .field-value .value-box .text,
.field.field-r.status_3 .field-value .value-box .value-text
{ 
  color: #1473E6; 
}

.field.field-r .field-value .value-box:before{ 
  content: ' '; 
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  width: 100%;
  background-color: #DDDDDD; 
}
.field.field-r.status_1 .field-value .value-box:before{ background-color: #268E6C; }
.field.field-r.status_2 .field-value .value-box:before{ background-color: #b60002; }
.field.field-r.status_3 .field-value .value-box:before{ background-color: #1473E6; }

/* field-t */
.field.field-t, .static-field.field-t{
  line-height: 25px;
  padding: 0;
  margin-bottom: 0;
}

.field.field-t, .static-field.field-t .value-box{
  color: #404040;
  font-weight: normal;
  cursor: default;
}

.static-field.field-t .value-box {
  display: inline-block;
}

.field.field-t .icon, .static-field.field-t .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* field-u */
.field.field-u, .static-field.field-u{
  line-height: 25px;
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
}

.field.field-u, .static-field.field-u .value-box{
  color: #404040;
  font-weight: normal;
  cursor: default;
}

.static-field.field-u .value-box {
  display: inline-block;
}

.field.field-u .icon, .static-field.field-u .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-size: contain, 0;
  background-repeat: no-repeat;
}

.field.field-u:hover .icon, .static-field.field-u:hover .icon {
  background-size: 0, contain;
}

/* field-u2 */
.field.field-u2, .static-field.field-u2{
  line-height: 25px;
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
}

.field.field-u2, .static-field.field-u2 .value-box{
  color: #404040;
  font-weight: normal;
  cursor: default;
}

.static-field.field-u2 .value-box {
  display: inline-block;
}

.field.field-u2 .icon, .static-field.field-u2 .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  background-size: contain, 0;
  background-repeat: no-repeat;
}

.field.field-u2:hover .icon, .static-field.field-u2:hover .icon {
  background-size: 0, contain;
}

/* image-view-a */
.field.image-view-a .field-label{
  margin-bottom: 5px;
}

.field.image-view-a .field-value{
  width: 150px;
  height: 100px;
  position: relative;
}

.field.image-view-a .field-value .value-box {
  position: absolute;
  width: 150px;
  height: 100px;
  top: 0;
  left: 0;
  background: transparent;
}

.field.image-view-a .field-value .value-box .text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.field.image-view-a .field-value .icon {
  display: block;
  width: 150px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
}

.field.image-view-a.align-center .field-value .icon {
  background-position: center;
}

.field.image-view-a.size-b .field-value,
.field.image-view-a.size-b .field-value .value-box {
  width: 110px;
  height: 100px;
}

.field.image-view-a.size-b .field-value .icon{
  width: 110px;
  height: 100px;
}

.field.image-view-a.size-c .field-value, 
.field.image-view-a.size-c .field-value .value-box {
  width: 230px;
  height: 88px;
}

.field.image-view-a.size-c .field-value .icon {
  width: 230px;
  height: 88px;
}

.field.image-view-a.size-d .field-value,
.field.image-view-a.size-d .field-value .value-box {
  width: 136px;
  height: 136px;
}

.field.image-view-a.size-d .field-value .icon{
  width: 136px;
  height: 136px;
}

/* .field-suggestions-a */
.field.field-suggestions-a.text .value-box {
  min-height: 30px;
}

.field.field-suggestions-a.text:hover .value-box {
  background-color: #F0F5FA;
}

.field.nowrap .field-value .value-box .text{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.field.left,
.static-field.left{
  float: left;
}

.field.right,
.static-field.right{
  float: right;
}

.field.align-left,
.static-field.align-left {
  text-align: left;
  display: flex;
  justify-content: flex-start;
}

.field.align-right,
.static-field.align-right {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.field.align-center,
.static-field.align-center {
  text-align: center;
  display: flex;
  justify-content: center;
}

.field.reverse,
.static-field.reverse {
  display: flex;
  flex-direction: row-reverse;
}

.field.border-bottom-a,
.static-field.border-bottom-a {
  border-bottom: 1px solid #D5D7DA;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.field.max-width-b,
.static-field.max-width-b {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.field.edit.mark-invalid .value-box,
.field.edit.mark-invalid .value-box textarea,
.field.edit.datetime.mark-invalid .date-part,
.field.edit.datetime.mark-invalid .time-part,
.field.edit.singlechoicelist .field-value .option label.check {
  border-color: rgba(220, 53, 69, 1);
}


.field.edit.multichoice.mark-invalid label.check,
.field.edit.check.mark-invalid label.check{
  background-color: rgba(220, 53, 69, 1);
  border-radius: 2px;
}

.field.invalid-value-animation {
  -webkit-animation-name: invalid-value-animation;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0.001s;
}

.onload-animation-active {
  -webkit-animation-name: onload-animation;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0.001s;
}

/*<--- keyframes --->*/
@-webkit-keyframes shake {
  0% {
    transform: translateX(0px);
  }
  10% {
    transform: translateX(-4px);
  }
  25% {
    transform: translateX(3px);
  }
  40% {
    transform: translateX(-2px);
  }
  60% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes invalid-value-animation {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(3px);
  }
  50% {
    transform: translateX(-3px);
  }
  60% {
    transform: translateX(2px);
  }
  70% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes onload-animation {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.3);
  }
  40% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
  60% {
    transform: scale(0.7);
  }
  70% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

.field.maxheight.h50 > .field-value > .value-box > .text {
  display: block;
  max-height: 50px;
  overflow: auto;
}

.field.maxheight.h75 > .field-value > .value-box > .text {
  display: block;
  max-height: 50px;
  overflow: auto;
}

.field.maxheight.h100 > .field-value > .value-box > .text {
  display: block;
  max-height: 50px;
  overflow: auto;
}

.field.maxheight > .field-value > .value-box > .text::-webkit-scrollbar {
  width: 5px;
}
.field.maxheight > .field-value > .value-box > .text::-webkit-scrollbar-track {
  border-radius: 2px;
}
.field.maxheight > .field-value > .value-box > .text::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}

.field.recycled .value-box .text,
.field.objectpicker > .field-value > .value-box .value-item.object-class-undefined .text {
  color: #ae0d0d;
}

.static-field.separator.style-a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.static-field.separator.style-a:before {
  content: '';
  width: 70px;
  border-top: 1px solid #D5D7DA;
  height: 1px;
}

.static-field.separator.style-a:after {
  content: '';
  width: 70px;
  border-top: 1px solid #D5D7DA;
  height: 1px;
}

.static-field.separator.style-a .text {
  font-family: Roboto, sans-serif;
  line-height: 19px;
  color: #81878F;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 20px;
}

.field.style-w {
  text-align: left;
}

.field.style-w .field-label {
  padding-left: 11px;
}

.field.style-w .field-value .value-box,
.field.style-w .field-value .value-box input,
.field.style-w .field-value .value-box textarea {
  border-radius: 15px;
}

.field.style-w.edit .field-value .value-box input,
.field.style-w.edit .field-value .value-box textarea {
  background: unset;
}

.field.style-w.edit .field-value .value-box textarea::-webkit-scrollbar {
  width: 4px;
}

.field.style-w.edit .field-value .value-box textarea::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.field.style-w.edit .field-value .value-box textarea::-webkit-scrollbar-track {
  background: transparent;
}

.field.style-w.edit .field-value .value-box {
  background-color: unset;
  overflow: hidden;
}

.field.style-w.required .field-value .value-box:before {
  display: none;
}

.field.style-w.required.required-visible .field-value .value-box:before {
  display: block;
}

.field.style-w.required.required-visible .field-value .value-box:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 14px;
  bottom: 14px;
  width: 3px;
  z-index: 1;
}

.field.style-w .field-value .value-box input,
.field.style-w .field-value .value-box textarea {
  padding: 21px 16px 20px 16px;
}

.field.style-w .field-value .value-box input::placeholder {
  text-transform: none;
  font-style: normal;
}

.field.singlechoice.edit.style-w .field-value .value-box{
  padding: 19px 16px 18px 16px;
  text-align: left;
  min-height: 58px;
}

.field.edit.singlechoice.style-w .value-box .cmd-lookup {
  position: absolute;
  top: 18px;
  right: 12px;
}

.field.edit.singlechoice.style-w .value-box .edit.value-text:empty::before {
  font-style: normal;
}

.field.style-w:not(.edit) .field-value .value-box {
  border: 1px solid #D5D7DA;
  background-color: #F0F5FA;
  text-align: left;
  padding: 20px 16px 19px 16px;
  min-height: 60px;
}

.field.style-w:not(.edit) .field-value .value-box .text {
  padding: 0;
  min-height: 17px;
}









.group > .head {
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0;
  /*color: #81878F;*/
  /*text-transform: uppercase;*/
}

.content-style-a .group > .head {
  padding-top: 0;
  color: #81878F;
}

.group.content-style-b > .content {
  position: relative;
}

.group.has-head {
  /*margin-bottom: 40px;*/
}

.group.head-style-a {
  position: relative;
}

.group.head-style-a > .head {
  font-weight: 500;
  text-transform: none;
  font-size: 16px;
  border-bottom: 1px solid #D5D7DA;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.group.head-style-b {
 font-size: 28px;
 font-weight: 500;
}

.group.head-style-c > .head {
 font-size: 24px;
 font-weight: 500;
}

.group.head-style-d > .head {
 font-size: 28px;
 font-weight: 500;
}

.group.head-style-e > .head {
  font-weight: 500;
  text-transform: none;
  font-size: 22px;
  border-bottom: 1px solid #D5D7DA;
  padding-bottom: 15px;
  margin-bottom: 25px;
  color: #13344D;
}

.group.head-style-f > .head {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  color: #81878F;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: .6px;
  text-transform: none;
  pointer-events: none;
}

.ws1 .actions-pane.head-style-f {
  padding-left: 160px;
}

.group.head-padding > .head {
  padding-left: 15px;
}

.group.no-head-padding > .head {
  padding: 0;
}

.group.no-head-left-padding > .head {
  padding-left: 0 !important;
}

.group.display-horizontal {
  margin-bottom: 15px;
}

.group.display-horizontal .content > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 0;
}

.group .tabs-head {
  position: relative;
  height: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}

.group .grid-top-buttons {
  margin-top: 20px;
  margin-bottom: 15px;
}

.group .grid-top-buttons .button {
  margin-right: 20px;
}

.group .grid-top-buttons .field {
  margin-top: 20px;
}

.group .tabs-head:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #D5D7DA;
}

.group .tabs.carousel .tabs-head:before {
  min-width: 2000px;
}

.group .tabs-head .tab {
  position: relative;
  text-decoration: none;
  color: #404040;
  float: left;
  padding-bottom: 6px;
  margin-right: 40px;
  border-bottom: 3px solid transparent;
  z-index: 1;
  font-size: 16px;
}

.group .tabs-head .tab.active {
  border-color: #77BA43;
}

.group .tabs-head .tab:hover {
  border-color: #81878F;
}

.group .tabs.carousel > .tabs-head > .tab {
  float: none;
}

.group .tabs.carousel > .tabs-head {
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

.group .tabs.carousel > div[data-scroll-element='scrollbar-partial'] {
  display: none;
}

.group .tabs.carousel > .tabs-carousel {
  position: absolute;
  height: 28px;
  display: block;
  left: 0;
  right: 0;
  margin-top: -37px;
}

.group .tabs.carousel > .tabs-carousel > .button.carousel-left {
  position: absolute;
  top: 0;
  left: 5px;
  width: 20px;
  height: 20px;
  z-index: 1;
  background-color: #FFFFFF;
}

.group .tabs.carousel > .tabs-carousel > .button.carousel-left.hidden {
  display: none;
}

.group .tabs.carousel > .tabs-carousel > .button.carousel-right {
  position: absolute;
  top: 0;
  right: 5px;
  width: 30px;
  height: 20px;
  z-index: 1;
  background-color: #FFFFFF;
  text-align: right;
}

.group .tabs.carousel > .tabs-carousel > .button.carousel-right.hidden {
  display: none;
}

.group .tabs-content .tab.tab-padding {
  padding: 15px;
}

.group .tabs-content .tab.top-padding-zero {
  padding-top: 0;
}

.group .view-tab .tabs-head .tab {
  margin-right: 40px;
}

.group .view-tab .tabs-head .tab:last-child {
  margin-right: 0;
}

.group.component-details {
  color: #13344D;
  margin-top: 0;
}

.group.component-details .static-field {
  color: inherit;
}

.dynamic-displayname > .head {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  text-transform: unset;
}

.steps-grid {
  overflow: auto;
  margin: 0 -15px;
}

.steps-grid > .head {
  position: relative;
  text-align: center;
  margin: 10px 0;
  text-transform: uppercase;
  color: #81878F;
  font-size: 10px;
}

.steps-grid > .head:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  transform: translateY(-50%);
  height: 1px;
  background-color: #404040;
  z-index: -1;
}

.steps-grid > .head .text {
  display: inline-block;
  background: #FFFFFF;
  padding: 0 10px;
}

.steps-grid > .head:after {
  content: '';
}

.repeatable-group-a .field.text .value-box,
.repeatable-group-a .field.number .value-box,
.repeatable-group-a .field.date .value-box,
.repeatable-group-a .field.datetime .value-box,
.repeatable-group-a .field.singlechoice .value-box {
  background-color: inherit;
  padding: 0;
  min-height: unset;
}

.repeatable-group-a {
  position: relative;
  transition: background-color .2s ease;
  padding: 10px 10px 10px 13px;
}

.repeatable-group-a:hover {
  background-color: #F0F5FA;
}

.repeatable-group-a:hover .actions {
  opacity: 1;
}

.repeatable-group-a:before {
  content: '';
  position: absolute;
  width: 3px;
  top: 10px;
  left: 0;
  bottom: 10px;
  background-color: transparent;
  transition: background-color .2s ease;
}

.repeatable-group-a:hover:before {
  background-color: #D5D7DA;
}

.repeatable-group-a:after {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  height: 1px;
  background-color: #D5D7DA;
}

.repeatable-group-a.record .issue .issue-details .issue-content,
.repeatable-group-a.record .issue .issue-details .issue-description {
  margin-left: 30px;
}

.repeatable-group-a .issue-head .issue-title-line,
.repeatable-group-a .line1 {
  overflow: hidden;
}

.repeatable-group-a .issue-head .issue-title-line .datetime,
.repeatable-group-a .line1 .step-date {
  float: right;
  margin-right: 30px;
}

.repeatable-group-a .issue-head .issue-title-line .protocol-issue-code,
.repeatable-group-a .line1 .requirements-part {
  overflow: hidden;
}

.repeatable-group-a .issue-body,
.repeatable-group-a .issues .issue,
.repeatable-group-a .line2 {
  position: relative;
}

.repeatable-group-a .issues .issue {
  margin-bottom: 40px;
  border-bottom: 1px solid #D5D7DA;
}

.repeatable-group-a .issues .issue:last-child {
  margin: 0;
  border: none;
}

.repeatable-group-a .issue-body .htmlarea-actions,
.repeatable-group-a .issues .htmlarea-actions,
.repeatable-group-a .line2 .htmlarea-actions {
  position: absolute;
  left: 0;
  bottom: 0;
}

.repeatable-group-a .issue-head .issue-title-line .protocol-issue-code {
  color: #13344D;
  font-weight: 400;
}

.repeatable-group-a .issue-head .issue-status {
  position: absolute;
  right: 40px;
  bottom: 10px;
}

.repeatable-group-a .requirements {
  overflow: hidden;
  margin-right: 5px;
}

.repeatable-group-a .requirements .static-field {
  color: #13344D;
  font-weight: normal;
}

.repeatable-group-a .requirements .requirement-code {
  float: left;
  text-decoration: underline;
  margin-right: 5px;
}

.repeatable-group-a .requirements .requirement-description {
  overflow: hidden;
}

.repeatable-group-a .actions {
  position: absolute;
  right: 0;
  top: 10px;
  opacity: 0;
  transition: opacity .2s ease;
}

.repeatable-group-a .issue-head .actions {
  right: 10px;
}

.repeatable-group-a .actions .widget-workflowactions .wf-actions-button {
  padding: 0;
}

.repeatable-group-a .actions .widget-workflowactions .wf-actions-button .image {
  background-image: url("/_themes/light/content/media/icons/workflow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.repeatable-group-a .actions .button {
  display: block;
  margin-bottom: 5px;
}

.repeatable-group-a .issues {
  position: relative;
  margin-top: 40px;
}

.repeatable-group-a .issues .issue-head {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
}

.repeatable-group-a .issue .issue-head:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

.repeatable-group-a .issue.status-1 .issue-head:before {
  background-image: url("/_themes/light/content/media/icons/info_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.repeatable-group-a .issue.status-2 .issue-head:before {
  background-image: url("/_themes/light/content/media/icons/info_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.repeatable-group-a .issue.status-3 .issue-head:before {
  background-image: url("/_themes/light/content/media/icons/info_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

.repeatable-group-a .issues .issue-head .issue-date {
  float: right;
  margin-left: 5px;
  margin-right: 30px;
}

.repeatable-group-a .issues .issue-head .issue-code {
  position: relative;
  overflow: hidden;
  margin-left: 30px;
}

.repeatable-group-a.issue.status-1 {
  background-color: #FFFFFF;
}

.repeatable-group-a.issue.status-1:before {
  /*background-color:;*/
}

.repeatable-group-a.issue.status-2 {
  background-color: #FFFFFF;
}

.repeatable-group-a.issue.status-2:before {
  /*background-color:;*/
}

.repeatable-group-a.issue.status-3 {
  background-color: #FFFFFF;
}

.repeatable-group-a.issue.status-3:before {
  /*background-color:;*/
}

.repeatable-group-a .issue.status-1 .issue-code {
  color: rgba(220, 53, 69, 1);
}

.repeatable-group-a .issue.status-2 .issue-code {
  color: rgba(40, 167, 69, 1);
}

.repeatable-group-a .issue.status-3 .issue-code {
  color: #13344D;
}

.repeatable-group-a .issues .actions {
  top: 0;
  right: 0;
}

.repeatable-group-a .htmlarea-actions a {
  font-size: 10px;
  color: #158DDC;
  text-decoration: underline;
}

.box-a {
  box-shadow: 0px 0px 5px #00000033;
  /*overflow: hidden;*/
  background-color: #FFFFFF;
}

.box-a .button-filter {
  position: absolute;
  right: 25px;
  top: 10px;
}

.box-a .button-filter:hover .image {
  background-size: 0 0, contain, 0 0;
}

.box-b,
.group.box-b {
  box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
  margin: 2px 2px 2px 20px;
  padding: 0 10px;
}

.box-c,
.group.box-c {
  background-color: #EBEDF0;
  position: absolute;
  z-index: 2;
  left: 2px;
  right: 2px;
  top: 2px;
  height: 39px;
}

.box-d{ border-bottom: 2px solid #DDD; }
.group.box-d.has-head{ margin-bottom: 10px; padding-bottom: 7px;}
.group.box-d.no-bottom-margin{  margin-bottom: 0; }

.group.box-d.head-style-large > .head {
  font-weight: 400;
  text-transform: none;
  font-size: 38px;
  padding: 17px 0 18px 0;
  line-height: 100%;
}
.group.box-d.head-style-middle > .head {
  font-weight: 400;
  text-transform: none;
  font-size: 22px;
  padding: 10px 0 18px 0;
}

.box-e{  border-bottom: none; }
.group.box-e.has-head{ margin-bottom: 10px; }

.group.box-e.head-style-large > .head {
  font-weight: 400;
  text-transform: none;
  font-size: 35px;
}
.group.box-e.head-style-middle > .head {
  font-weight: 400;
  text-transform: none;
  font-size: 22px;
}

.box-f,
.group.box-f {
  box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
  margin: 2px 2px 2px 20px;
  padding: 0 10px;
}

.box-f:hover,
.group.box-f:hover {
  box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
}

.box-f .group.buttons-a,
.group.box-f .group.buttons-a{
  display: none;
}

.box-f:hover .group.buttons-a,
.group.box-f:hover .group.buttons-a{
  display: block;
}

.box-f.style-a, .group.box-f.style-a{
  min-height: 300px;
  margin-bottom: 30px;
  padding-bottom: 50px;
  box-sizing: border-box;
  cursor: pointer;
}

.group.box-g {
  background-color: #F7F8FA;
  padding: 10px 15px 7px 15px;
}

.group.box-g > .head{
  padding: 0px 0 10px 0;
}

.group.box-h, .box-h {
  display: inline-block;
  float: left;
  margin-right: 40px;
}

/* box-i */
.group.box-i { 
  background: #FFFFFF;
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  margin-bottom: 40px;
}

.group.box-i > .head {
  color: #EEEEEE;
  padding: 0px 0px 0px 70px;
  line-height: 60px;
  font-size: 22px;
  font-weight: normal;
  text-transform: uppercase;
  background-color: #13344D;
  text-align: left;
  background-image: url("/_themes/light/content/media/icons/info-circle.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 15px 10px;
}

.group.box-i.error > .head {
  background-color: rgba(220, 53, 69, 1);
  background-image: url("/_themes/light/content/media/icons/high-priority2.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.group.box-i.warning > .head {
  background-color: rgba(255, 193, 7, 1);
  background-image: url("/_themes/light/content/media/icons/info-circle.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.group.box-i > .content{
  padding: 30px 30px 35px 30px;
}

/* box-j */
.group.box-j > .content{
  text-align: left;
  padding-bottom: 20px;
}

.group.box-k {
  padding: 15px 10px 15px 10px;
  border-radius: 3px 0px 0px 0px;
  border: 1px solid #D5D7DA;
}

.group.box-k.selected {
  border: 1px solid #158DDC;
}

.group.box-k > .head {
  padding: 0 0 10px 0;
  text-align: center;
  font-weight: 700;
}

.group.box-p{ background-color: #DDD; padding: 10px;}
.group.box-p > .content{ box-shadow: -3px -3px 15px #00000019; background-color: #FFF;}

.group.box-l{ background-color: #DDD; padding: 5px;}

.group.box-m{ 
  background-color: #FCF7B6; 
  padding: 5px 10px; 
  box-sizing: border-box;
  border: 1px solid #D5D7DA;
}

.group.box-n { 
  background-color: #FFF3CD; 
  padding: 0px 0px 0px 65px;
  box-sizing: border-box;
  border: 1px solid #FFD864;
  border-radius: 5px;
  margin-bottom: 15px;
  background-image: url("/_themes/light/content/media/icons/warning.svg?stamp=240311&t=0&icon_color=%23FFC107");
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: 15px 10px;
}

.group.box-n > .head { 
  color: #81878F;
  font-weight: normal;
  line-height: 25px;
  min-height: 34px;
  padding: 10px 0 10px 0;
}

.group.box-n > .head > .text { 
  display: inline-block;
  vertical-align: text-top;
}

.group.box-n.warning { 
  background-image: url("/_themes/light/content/media/icons/warning.svg?stamp=240311&t=0&icon_color=%23FFC107");
  background-color: #FFF3CD; 
  border: 1px solid #FFD864;
}

.group.box-n.error { 
  background-image: url("/_themes/light/content/media/icons/high-priority2.svg?stamp=240311&t=0&icon_color=%23AF3742");
  background-color: #F3BAB8; 
  border: 1px solid #9C2E31;
}

.group.box-n.info { 
  background-image: url("/_themes/light/content/media/icons/info_circle2.svg?stamp=240311&t=0&icon_color=%23999999");
  background-color: #eeeeee; 
  border: 1px solid #bcbcbc;
}

.group.box-n.success { 
  background-image: url("/_themes/light/content/media/icons/info_circle2.svg?stamp=240311&t=0&icon_color=%231a6914");
  background-color: #2CBB8B; 
  border: 1px solid #1a6914;
}

.group.box-n.info > .head { 
  color: #404040;
}

.group.box-n.error > .head { 
  color: #404040;
}

.group.box-n.success > .head { 
  color: #404040;
}

.group.vertical-split {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.group.vertical-split > .content {
  
}

.group.vertical-split > .content > .group:first-child {
  position: absolute;
  left: 15px;
  top: 0;
  right: 15px;
  height: 49%;
}

.group.vertical-split > .content > .group:last-child {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  top: 53%;
}

/*<--- Department groups --->*/
.department-groups {
  
}

.department-groups .department {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.department-groups .department:last-child {
  margin-right: 0;
}

.department-groups .department .department-contact {
  position: relative;
  margin-bottom: 15px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 10px;
  box-sizing: border-box;
  min-width: 310px;
}

.department-groups .department.color-1 .department-contact {
  background-color: rgba(91, 91, 223, 0.2)
}

.department-groups .department.color-2 .department-contact {
  background-color: rgba(21, 134, 139, 0.2)
}

.department-groups .department.color-3 .department-contact {
  background-color: rgba(219, 124, 18, 0.2)
}

.department-groups .department.color-4 .department-contact {
  background-color: rgba(133, 75, 203, 0.2)
}

.department-groups .department.color-5 .department-contact {
  background-color: rgba(214, 54, 62, 0.2)
}

.department-groups .department.color-6 .department-contact {
  background-color: rgba(211, 179, 1, 0.2)
}

.department-groups .department.color-7 .department-contact {
  background-color: rgba(19, 114, 229, 0.2)
}

.department-groups .department.color-8 .department-contact {
  background-color: rgba(205, 38, 130, 0.2)
}

.department-groups .department .department-contact .title-line {
  overflow: hidden;
}

.department-groups .department .department-contact .title-line .contact-image {
  float: left;
  margin-right: 10px;
}

.department-groups .department .department-contact .title-line .contact-image .image {
  margin: 0;
}

.department-groups .department .department-contact .title-line .contact-image .image .value-box {
  width: 50px;
  height: 50px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}

.department-groups .department .department-contact .title-line .contact-image .image .value-box img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.department-groups .department .department-contact .title-line .contact-info {
  overflow: hidden;
  margin-top: 0;
}

.department-groups .department .department-contact .title-line .contact-info .contact-name {
  color: #404040;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
}

.department-groups .department .department-contact .title-line .contact-info .contact-position {
  color: #81878F;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin: 0;
}

.department-groups .department .department-contact .title-line .button {
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0;
  transition: opacity .2s ease;
}

.department-groups .department .department-contact:hover .title-line .button {
  opacity: 1;
}

.department-groups .department .department-contact .contact-details {
  
}

.department-groups .department .department-contact .contact-details .field {
  margin-bottom: 5px;
}

.department-groups .department .department-contact .contact-details .field:last-child {
  margin-bottom: 0;
}

/*<--- section-actions --->*/
.group .section-actions {
  position: absolute;
  top: 10px;
  right: 10px;
}

.group .section-actions .button {
  opacity: 0;
  transition: opacity .2s ease;
}

.group:hover > .content > .section-actions .button,
.group.edit > .content > .section-actions .button {
  opacity: 1;
}

.group .section-actions .button .image-edit {
  background-image: url("/_themes/light/content/media/icons/medium/edit.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/medium/edit_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.group .section-actions .button .image-cancel-edit {
  background-image: url("/_themes/light/content/media/icons/medium/cancel_edit.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/medium/cancel_edit_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.group.move-separator:before{
  content: "";
  border-left: 1px solid #1473E6;
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  right: auto;
  width: 1px;
  min-height: 830px;
}

.group.center {
  display: flex;
  justify-content: center;
}

.group.center > .content {
  display: inline-block;
}

.group.border-right1:after {
  content: " ";
  border-right: 1px solid #D5D7DA;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  min-height: 830px;
}

.group.border-right1 {
  padding-right: 15px;
}

.group.position-a {
  position: absolute;
  right: 10px;
  width: auto;
  height: auto;
  top: 0;
  z-index: 1;
}

.group.position-b {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: auto;
  height: auto;
  z-index: 1;
}

.group.position-c {
  position: absolute;
  right: 10px;
  width: auto;
  height: auto;
  top: 12px;
  z-index: 1;
}

.group.position-d {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: auto;
  min-height: 30px;
  z-index: 5;
}

.group.position-e {
  position: absolute;
  right: 0px;
  width: auto;
  height: auto;
  top: 6px;
  z-index: 1;
}

.group.position-f {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: auto;
  height: auto;
  z-index: 1;
}

.group.box-t {
  box-shadow: 0px 0px 5px #00000033;
  background-color: rgba(255,255,255,0.6);
  padding: 5px;
  border-radius: 5px;
  backdrop-filter: blur(10px);
}

.group.workspace-pane:hover .group.box-t {
  display: none;
}

.group.box-scroll-a, .tab.box-scroll-a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 30px;
  overflow: auto;
}

.group.box-scroll-c, .tab.box-scroll-c {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 10px;
  overflow: auto;
}

.group.background-a {
  background-size: 20%;
  background-position: 75% 50%;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/highqa_no_items_image.png?stamp=240311&t=0");
}

.group.background-b {
  background-size: 20%;
  background-position: 75% 50%;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/search_placeholder.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.group.background-c {
  background-color: #FFFFFF;
}

.group.min-width1, .tabs-content > .tab.min-width1 { min-width: 150px; }
.group.min-width2, .tabs-content > .tab.min-width2 { min-width: 250px; }
.group.min-width3, .tabs-content > .tab.min-width3 { min-width: 550px; }
.group.min-width4, .tabs-content > .tab.min-width4 { min-width: 700px; }
.group.min-width5, .tabs-content > .tab.min-width5 { min-width: 800px; }
.group.min-width6, .tabs-content > .tab.min-width6 { min-width: 900px; }
.group.min-width7, .tabs-content > .tab.min-width7 { min-width: 1020px; }
.group.min-width8, .tabs-content > .tab.min-width8 { min-width: 1100px; }
.group.min-width9, .tabs-content > .tab.min-width9 { min-width: 1200px; }

.group.height1 { max-height: 100px; }
.group.height2 { max-height: 200px; }
.group.height3 { max-height: 300px; }
.group.height4 { max-height: 400px; }
.group.height5 { max-height: 470px; }
.group.height6 { max-height: 600px; }
.group.height7 { max-height: 700px; }
.group.height8 { max-height: 800px; }
.group.height9 { max-height: 900px; }
.group.height10 { max-height: 1000px; }

.group.padding-top1 { padding-top: 15px; }
.group.padding-top2 { padding-top: 20px; }
.group.padding-top3 { padding-top: 25px; }
.group.padding-top4 { padding-top: 30px; }
.group.padding-top5 { padding-top: 35px; }
.group.padding-top6 { padding-top: 40px; }
.group.padding-top7 { padding-top: 45px; }
.group.padding-top8 { padding-top: 50px; }
.group.padding-top9 { padding-top: 55px; }

.group.scroll-b {     
  position: absolute;
  height: Calc(100% - 110px);
  width: Calc(100% - 20px);
  z-index: 1;
  overflow-y: auto; 
}

.scroll-marker-arrow {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  text-align: center;
  color: #000000;
  background: transparent;
  z-index: 2;
  pointer-events: none;
  opacity: 0.6;
}

.scroll-marker-arrow .scroll-marker-text {
  display: inline-block;
  border-radius: 30px;
  padding: 4px 8px;
  background: #77BA43;
}

.group.group-grid-height {
  position: relative;
}
.ws-test-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background-color: orangered;
}

.ws1 {
  position: absolute;
  top: 35px;
  left: 0;
  right: 5px;
  bottom: 5px;
  background-color: #F0F5FA;
  z-index: 1;
}

.navigation-pane-on .ws1 {
  left: 44px;
}

.navigation-pane-on .leftnav-expanded .ws1 {
  left: 191px;
}

.navigation-pane-on.external-form .ws1,
.navigation-pane-on.external-form .leftnav-expanded .ws1{
  left: 0;
}

.footerbar-expanded .ws1 {
  bottom: 40px;
}

.messenger-board-active.ws1 {
  right: 360px;
}

.workspace-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.workspace-overlay > .field.text .value-box {
  background-color: unset;
  color: #81878F;
  font-weight: 300;
  white-space: nowrap;
}

.workspace-overlay.style-b {
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 0;
  transform: none;
  text-align: center;
}

.workspace-overlay.style-b > .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: none;
  text-align: center;
}

.workspace-overlay.style-b > .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*pform*/
.ws1 .pform1 {
  background-color: #FFFFFF;
}

/*end pform*/

.ws1 .workspace-pane > .head { padding: 10px 0; }

.ws1 .workspace-pane.transparent-header > .head { opacity: 0; }

.ws1 .workspace-left-pane.single-panel .title-pane > .head {
  padding: 12px 15px 10px 15px;
  font-size: 28px;
  font-weight: 500;
  text-transform: none;
}

.ws1 .workspace-left-pane.single-panel .title-pane > .head .text{
  line-height: 100%;
  min-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ws1 .title-pane-style-a > .title-pane {
  position: absolute;
  left: 0;
  right: 0;
  height: 50px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px #00000033;
  margin-bottom: 0;
}

.ws1 .title-pane-style-a.title-height2 > .title-pane {
  height: 55px;
}

.ws1 .title-pane-style-a > .title-pane .head {
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
  padding-left: 15px;
  text-transform: unset;
}

.ws1 .title-pane-style-a > .title-pane .right-part {
  position: absolute;
  right: 12px;
  top: 8px;
  min-height: 40px;
  width: auto;
}


.ws1 .title-pane-style-d .title-pane {
  position: absolute;
  left: 0;
  right: 0;
  height: 90px;
  background-color: #F0F5FA; 
  box-shadow: 0px 0px 5px #00000033;
  margin-bottom: 0;
}

.ws1 .title-pane-style-d > .title-pane .head {
  font-size: 28px;
  font-weight: 400;
  line-height: 30px;
  padding-left: 15px;
  background-color: #FFFFFF;
}
.ws1 .title-pane-style-d .tool-pane{ padding-bottom: 4px; }
.ws1 .title-pane-style-d .workspace-main-pane{ top: 94px; }

.ws1 .title-pane-style-e .title-pane {
  position: absolute;
  left: 0;
  right: 0;
  height: 84px;
  background-color: #F0F5FA; 
  box-shadow: 0px 0px 5px #00000033;
  margin-bottom: 0;
}

.ws1 .title-pane-style-e > .title-pane .head {
  font-size: 28px;
  font-weight: 400;
  line-height: 30px;
  padding-left: 15px;
  background-color: #FFFFFF;
}
.ws1 .title-pane-style-e .tool-pane{ padding-bottom: 4px; }
.ws1 .title-pane-style-e .tool-pane:before{ display: none; }
.ws1 .title-pane-style-e .workspace-main-pane{ top: 94px; box-shadow:none; }

/* footer-pane */
.ws1 .footer-pane-style-a > .footer-pane {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px #00000033;
  margin-bottom: 0;
}

.ws1 .footer-pane-style-a > .footer-pane .head {
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
  padding-left: 15px;
  text-transform: unset;
}

.ws1 .footer-pane-style-a > .footer-pane .right-part {
  position: absolute;
  right: 12px;
  top: 10px;
  min-height: 35px;
  width: auto;
}

.ws1 .footer-pane-style-a > .footer-pane .right-part .button {
  margin-left: 15px;
}

/*right pane styles*/
.ws1 .workspace-right-pane {
  position: absolute;
  right: 0;
  top: 0px;
  bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
  z-index: 5;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.ws1 .workspace-right-pane.has-switch .switch-d {
  position: absolute;
  z-index: 15;
  left: 15px;
  top: 10px;
}

.ws1 .workspace-right-pane.style-b {
  padding: 15px 30px;
  overflow: auto;
}

.ws1 .workspace-right-pane.style-c {
  padding: 5px 15px;
  overflow: auto;
}

.ws1 .workspace-right-pane.style-d {
  padding: 5px 30px;
  overflow: auto;
}

.ws1 .workspace-right-pane.style-d .title-pane {
  margin-left: -15px;
}

.ws1 .title-pane-style-a .workspace-right-pane {
  top: 60px;
}

.ws1 .title-pane-style-a.title-height2 .workspace-right-pane {
  top: 65px;
}

/*add document button - right bottom corner*/
.ws1 .button.floating {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #77BA43;
  border-radius: 50%;
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
  z-index: 2;
  right: 35px;
  bottom: 57px;
  cursor: pointer;
  transition: bottom .2s ease-in-out;
}

.ws1 .button.floating:hover {
  bottom: 60px;
}

.ws1 .button.floating .image {
  display: none;
}

.ws1 .button.floating:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  background-color: #404040;
  height: 2px;
  cursor: pointer;
}

.ws1 .button.floating:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 12px;
  width: 2px;
  background-color: #404040;
  cursor: pointer;
}

.ws1 .button.floating.transition {
  
}

.ws1 .button.floating.transition:after {
  content: none;
}

.ws1 .button.floating.transition:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 20px;
  height: 20px;
  opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: unset;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  transition: transform .3s ease, opacity .3s ease;
}

.ws1 .button.floating.transition.transition-icon-cross:before {
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23EEEEEE")
}

.ws1 .button.floating.transition:hover .image {
  background-size: contain;
}

.ws1 .button.floating.transition .image {
  display: block;
  position: absolute;
  opacity: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform .3s ease, opacity .3s ease;
}

.ws1 .button.floating.transition.icon-context .image {
  background-image: url("/_themes/light/content/media/icons/context_menu_horizontal.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.ws1 .button.floating.transition.menu-opened .image {
  transform: translate(-50%, -50%) rotate(-135deg);
  opacity: 0;
}

.ws1 .button.floating.transition.menu-opened:before {
  transform: translate(-50%, -50%) rotate(-90deg);
  opacity: 1;
}

.ws1 .button.floating.disabled {
  background-color: #F0F5FA;
}









.ws1 .workspace-right-pane-buttons {
  position: absolute;
  right: 20px;
  top: 10px;
}

.ws1 .workspace-group > .content {
  height: 100%;
}

.ws1 .workspace-group.separate-panes,
.ws1 .workspace-pane.separate-panes {
  background-color: unset;
  box-shadow: unset;
}

.ws1 .workspace-right-pane .buttons-pane {
  position: absolute;
  right: 15px;
  top: 50px;
  z-index: 1;
}

.ws1 .workspace-pane .gdt-font {
  font-size: 18px;
}

.workspace-right-pane .workspace-pane.pinned {
  left: 0;
  box-shadow: 0px 0px 5px #00000033;
  z-index: 31;
}

.ws1 .workspace-right-pane .tabs .tabs-content .widget-workflowscheme {
  position: absolute;
  left: 0;
  right: 0;
  top: 75px;
  bottom: 0;
}

.ws1 .workspace-right-pane .grid-d .item:hover .button,
.ws1 .workspace-right-pane .grid-d .item.selected .button {
  opacity: 1;
  right: 20px;
}

.ws1 .workspace-right-pane .grid-tools-pane {
  position: absolute;
  right: 10px;
  z-index: 1;
}

.ws1 .workspace-main-pane .grid-tools-pane:before,
.ws1 .workspace-right-pane .grid-tools-pane:before {
  content: '';
  position: absolute;
  top: 0;
  left: -30px;
  width: 30px;
  height: 100%;
  background: linear-gradient(to right, transparent, #FFFFFF);
}



/*left pane styles*/
.ws1 .workspace-left-pane {
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0;
  margin-bottom: 0;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.ws1 .title-pane-style-a .workspace-left-pane {
  top: 60px;
}

.ws1 .title-pane-style-a.title-height2 .workspace-left-pane {
  top: 65px;
}

.ws1 .workspace-main-pane {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 0;
  margin: 0;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.ws1 .workspace-main-pane > .content,
.ws1 .workspace-left-pane > .content,
.ws1 .workspace-right-pane:not(.style-b):not(.style-c):not(.style-d) > .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.ws1.system-ws .workspace-main-pane > .content {
  padding: 0 15px;
}

.ws1 .workspace-main-pane.dashboard-workspace.single-panel > .content{
  position: static;
  height: 100%;
}

.ws1 .workspace-main-pane.margin10 {
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
}

.ws1 .workspace-main-pane.margin20 {
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
}

.ws1 .workspace-main-pane.padding10 > .content {
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
}

.ws1 .workspace-main-pane.padding20 > .content {
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
}

.ws1 .workspace-main-pane.style-b {
  bottom: 10px;
}

.ws1 .title-pane-style-a .workspace-main-pane {
  top: 60px;
}

.ws1 .title-pane-style-a.title-height2 .workspace-main-pane {
  top: 65px;
}

.ws1 .title-pane-style-d .workspace-main-pane {
  top: 90px;
}

.ws1 .footer-pane-style-a .workspace-main-pane {
  bottom: 60px;
}

.ws1 .workspace-main-pane > .head {
  padding: 0;
  margin-bottom: 15px;
  text-transform: unset;
}

.workspace-pane .grid-a {
  /*margin: 20px 15px 0 15px;*/
}

.workspace-pane .buttons-pane {
  position: absolute;
  right: 15px;
  z-index: 1;
  top: 69px;
  background-color: #FFFFFF;
}

.workspace-pane .buttons-pane:before {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
  background: linear-gradient(to left, #FFFFFF, transparent);
}

.ws1 .workspace-main-pane .title-pane-button {
  display: inline-block;
  color: #81878F;
  text-transform: uppercase;
}

.ws1 .workspace-main-pane .title-pane-button .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
}

.ws1 .workspace-main-pane .title-pane-button .image {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  transform: rotate(180deg);
  margin-right: 5px;
}

.ws1 .workspace-main-pane .title-pane-button .image.image-back {
  background-image: url("/_themes/light/content/media/icons/circle_arrow.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circle_arrow_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.workspace-main-pane .title-pane {
  font-size: 24px;
  margin-bottom: 20px;
  overflow: hidden;
  margin-top: 0;
}

.workspace-main-pane .title-pane.margin-bottom1 {  margin-bottom: 30px; }
.workspace-main-pane .title-pane.margin-bottom2 {  margin-bottom: 40px; }
.workspace-main-pane .title-pane.margin-bottom3 {  margin-bottom: 50px; }
.workspace-main-pane .title-pane.margin-bottom4 {  margin-bottom: 60px; }
.workspace-main-pane .title-pane.margin-bottom5 {  margin-bottom: 70px; }

.workspace-main-pane.tabs-position-a .title-pane {
  margin-bottom: 40px;
}

.workspace-main-pane .title-pane.has-button {
  margin-top: 0;
}

.workspace-main-pane .title-pane .title-lookup {
  float: left;
  margin-bottom: 0;
}

.workspace-main-pane .title-pane .title-tools {
  float: right;
}

.workspace-main-pane .title-pane .title-tools .field {
  float: left;
  margin-left: 15px;
  margin-bottom: 0;
}

.workspace-main-pane .title-pane .head {
  font-size: 28px;
  font-weight: 500;
  text-transform: none;
  padding: 12px 0 10px 0;
}

.workspace-main-pane .title-pane.dashboard-view {
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  background-color: #FFFFFF;
  height: 70px;
}

.workspace-main-pane .title-pane.dashboard-view .lookup-a {
  position: absolute;
  z-index: 3;
  right: 20px;
  top: 20px;
}

.workspace-main-pane .title-pane.dashboard-view .lookup-a .tooltip-marker {
  display: none;
}

.workspace-main-pane .title-pane.dashboard-view .head {
  padding: 10px 0 0 10px;
}

.workspace-main-pane .workspace-pane > .content > .title-pane .head {
  padding: 12px 0 10px 15px;
}

.workspace-pane > .content > .singlechoice.switch-d {
  margin: 10px 0 0 0;
}

.group.workspace-main-pane > .content > .workspace-pane:first-child > .content > .title-pane .head{
  padding-left: 0;
}

.workspace-main-pane .title-pane .head .text {
  white-space: nowrap;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis; 
  padding: 2px 0;
  min-height: 24px;
}

.ws1.system-ws .workspace-main-pane > .content > .group > .content > .field.title {
  font-size: 28px;
  font-weight: 500;
  text-transform: none;
  padding: 12px 0 10px 0;
}

.ws1.system-ws .workspace-main-pane > .content > .group > .content > .field.title .field-value .value-box {
  font-size: 28px;
  font-weight: 500;
  text-transform: none;
}

.workspace-main-pane .grid-pane {
  position: relative;
  margin: 0 15px;
}

.workspace-main-pane .grid-pane .grid-tools-pane {
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1;
  background-color: #FFFFFF;
}

/*.ws1 .workspace-main-pane .tabs-a > .tabs-head {*/
/*  position: absolute;*/
/*  top: 15px;*/
/*  right: 15px;*/
/*  z-index: 3;*/
/*}*/

.ws1 .title-pane-style-a .workspace-main-pane .tabs-a > .tabs-head {
  top: -51px;
}

.ws1 .workspace-main-pane .control-elements.right-side {
  height: 22px;
  text-align: right;
}

.ws1 .workspace-main-pane .control-elements .field {
  margin-bottom: 0;
  display: inline-block;
}

.ws1 .workspace-main-pane .navigation-pane {
  position: absolute;
  left: 0;
  top: 150px;
  right: 70%;
  bottom: 0;
  z-index: 2;
}

.ws1 .workspace-main-pane .navigation-pane .tabs-b {
  position: relative;
  margin: 0 15px;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
}

.actions-pane,
.ws1 .tool-pane {
  position: relative;
  background-color: #FFFFFF;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #404040;
  z-index: 2;
  margin-bottom: 20px;
  clear: both;
  float: none;
}

.tooltip .actions-pane .button,
.tooltip .tool-pane .button {
  float: none;
}

.ws1 .actions-pane .widget-workflowactions {
  margin: 0;
}

.ws1 .actions-pane:before,
.ws1 .tool-pane:before,
.tooltip .actions-pane:before{
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  height: 50%;
  transform: translateX(-50%);
  width: 98%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  border-radius: 50%;
  z-index: -1;
}

.ws1 .actions-pane:after,
.ws1 .tool-pane:after,
.tooltip .actions-pane:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: -1;
}

.ws1 .actions-pane .image,
.ws1 .tool-pane .image,
.tooltip .actions-pane .image{
  vertical-align: middle;
  background-size: 0 0, contain;
  margin-right: 5px;
}

.ws1 .actions-pane .button,
.ws1 .tool-pane .button,
.tooltip .actions-pane .button{
  display: inline-block;
  vertical-align: top;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  padding: 0 20px;
  text-decoration: none;
  color: inherit;
  transition: background-color .2s ease;
}

.ws1 .actions-pane > .content > .static-field,
.ws1 .tool-pane > .content > .static-field,
.tooltip .actions-pane > .content > .static-field{
  display: inline-block;
  vertical-align: top;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  padding: 0 20px;
  text-decoration: none;
  color: inherit;
  transition: background-color .2s ease;
}

.ws1 .actions-pane .button.button-i3,
.ws1 .tool-pane .button.button-i3,
.tooltip .actions-pane .button.button-i3,
.ws1 .actions-pane .static-field.field-u2,
.ws1 .tool-pane .static-field.field-u2,
.tooltip .actions-pane .static-field.field-u2{
  padding: 0 2px;
}

.ws1 .actions-pane .button > .text,
.tooltip .actions-pane .button > .text{
  font-size: 12px;
  font-weight: 500;
}

.ws1 .actions-pane .button:hover,
.ws1 .tool-pane .button:hover,
.tooltip .actions-pane .button:hover{
  background-color: #F0F5FA;
}

.ws1 .actions-pane .button.button-i3:hover,
.ws1 .tool-pane .button.button-i3:hover,
.tooltip .actions-pane .button.button-i3:hover{
  background-color: transparent;
}

.ws1 .actions-pane .button.disabled:hover,
.ws1 .tool-pane .button.disabled:hover,
.tooltip .actions-pane .button.disabled:hover{
  background-color: unset;
}

.ws1 .actions-pane .button.no-background:hover,
.ws1 .tool-pane .button.no-background:hover,
.tooltip .actions-pane .button.no-background:hover {
  background-color: transparent;
}

.ws1 .actions-pane .button.no-background > .image,
.ws1 .tool-pane .button.no-background > .image,
.tooltip .actions-pane .button.no-background > .image {
  background-size: contain, 0 0;
}

.ws1 .actions-pane .button.no-background:hover > .image,
.ws1 .tool-pane .button.no-background:hover > .image,
.tooltip .actions-pane .button.no-background:hover > .image {
  background-size: 0 0, contain;
}

.ws1 .actions-pane .button .image,
.ws1 .tool-pane .button .image,
.tooltip .actions-pane .button .image{
  margin-right: 5px;
}

.ws1 .actions-pane .button:active .image {
  transform: scale(1.2);
}

.ws1 .actions-pane .button:active:not(.disabled) {
  padding: 0 25px;
}

.ws1 .actions-pane .static-field.chat,
.ws1 .actions-pane .static-field.note,
.ws1 .actions-pane .static-field.reminder {
  display: inline-block;
  vertical-align: top;
  height: 28px; 
  line-height: 28px;
}

.ws1 .actions-pane .static-field.chat:hover,
.ws1 .actions-pane .static-field.note:hover {
  background-color: #F0F5FA;
}

.ws1 .actions-pane .static-field.chat .value-box,
.ws1 .actions-pane .static-field.note .value-box {
  height: 28px; line-height: 28px;
  padding: 0 20px;
}

.ws1 .actions-pane .field.lookup,
.ws1 .actions-pane .field.text,
.ws1 .actions-pane .field.number,
.ws1 .actions-pane .field.date,
.ws1 .actions-pane .field.check{
  display: inline-block;
  margin-left: 15px;
}

.ws1 .actions-pane .field.lookup.right,
.ws1 .actions-pane .field.text.right,
.ws1 .actions-pane .field.number.right,
.ws1 .actions-pane .field.date.right
.ws1 .actions-pane .field.check.right{
  margin-left: 0;
  margin-right: 15px;
}

.ws1 .views-selector-position-a .actions-pane {
  margin: 43px 0 0 0;
}

.ws1 .content-pane.default-color {
  background-color: #ffffff;
}

.ws1 .content-pane .column-1 {
  position: relative;
}

.ws1 .content-pane .column-2 {
  min-width: 720px;
  max-width: 780px;
  margin: 0 10px;
  position: relative;
}

.ws1 .content-pane .column-3 {
  position: relative;
}

.ws1 .content-pane .column-3 .completion {
  overflow: hidden;
}

.ws1 .content-pane .column-3 .completion .percent {
  float: left;
  margin-right: 5px;
}

.ws1 .content-pane .column-3 .completion .percent .field-value,
.ws1 .content-pane .column-3 .completion .count .field-value {
  color: #666666;
}

.ws1 .content-pane .column-3 .completion .count {
  overflow: hidden;
}

.ws1 .content-pane .column-3 .completion .image {
  margin-right: 5px;
}

.ws1 .content-pane .column-2 .box-a {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: 0;
  padding: 0;
}

.ws1 .content-pane .grid-d {
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  bottom: 0; 
}

.ws1 .content-pane .grid-d .items {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  overflow: auto;
}

.ws1 .content-pane .grid-d .grid-toppane {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  height: 40px;
  box-shadow: 0 0 10px -3px #ababab;
}

.ws1 .content-pane .grid-d .grid-bottompane {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  background: #ffffff;
  box-shadow: 0 0 10px -3px #ababab;
}

.ws1 .column-3 .grid-c {
  padding-top: 15px; 
}

.ws1 .workspace-right-pane > .head {
  /*margin: 15px 0 20px 15px;*/
  font-size: 18px;
}

.ws1 .workspace-pane .views-selector {
  position: relative;
  margin: 0 15px;
  font-weight: 500;
}

.ws1 .workspace-pane .views-selector:before {
  /*content: '';*/
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #D5D7DA;
}

.ws1 .workspace-pane .views-selector > .label {
  display: none;
}

.ws1 .workspace-pane .views-selector .selector-items {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.ws1 .workspace-pane .views-selector .selector-items:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #D5D7DA;
  z-index: -1;
}

.ws1 .workspace-pane .views-selector-style-a .views-selector .selector-items:before {
  content: none;
}

.ws1 .workspace-pane .views-selector .selector-item {
  float: left;
  margin-right: 40px;
  padding-bottom: 5px;
  border-bottom: 4px solid transparent;
  z-index: 1;
}

.ws1 .workspace-pane .views-selector-style-a .views-selector {
  margin: 0;
  z-index: 1;
}

.ws1 .workspace-pane .views-selector .selector-item:hover {
  border-color: #A2A2A2;
}

.ws1 .workspace-pane .views-selector .selector-item.active {
  border-color: #77BA43;
}

.ws1 .workspace-pane .views-selector .selector-item a {
  text-decoration: none;
  color: inherit;
}

.ws1 .workspace-pane .views-selector .selector-item a > .remarks{
  padding-left: 5px;
}
.ws1 .workspace-pane .views-selector .selector-item a > .remarks:before{
  content: "(";
}
.ws1 .workspace-pane .views-selector .selector-item a > .remarks:after{
  content: ")";
}

.ws1 .workspace-pane .grid-tool-pane {
  position: absolute;
  top: 37px;
  right: 15px;
  height: 30px;
  z-index: 1;
}

.ws1 .workspace-pane .grid-tool-pane .button .image {
  margin-left: 5px;
}

/* --- sheet pane --- */

.ws1 .workspace-sheet-pane {
  /*position: absolute;*/
  /*top: 30px;*/
  /*left: 0;*/
  /*bottom: 0;*/
  /*right: 0;*/
}

.ws1 .workspace-sheet-pane iframe {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
}

/* --- sheet select pane --- */
.ws1 .workspace-sheet-select-pane {
  position: absolute;
  right: 10px;
  top: 120px;
  z-index: 2;
  width: 350px;
}

.ws1 .workspace-sheet-select-pane > .button {
  display: block;
  border: 1px solid #D5D7DA;
  background: #F0F5FA;
  height: 30px;
  box-sizing: border-box;
  text-decoration: none;
  color: #13344D;
  background-image: url("/_themes/light/content/media/icons/arrow_right.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/arrow_down.svg?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 14px 14px, 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 25px 5px 10px;
}

.ws1 .workspace-sheet-select-pane:hover .button {
  border-color: #81878F;
}

.ws1 .workspace-sheet-select-pane.active > .button {
  background-size: 0 0, 14px 14px;
  background-position: right 9px top 7px;
}

.ws1 .workspace-sheet-select-pane > div {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 12px #00000026;
}

.ws1 .workspace-sheet-select-pane-grid {
  position: absolute;
  top: 150px;
  bottom: 0;
  right: 10px;
  width: 350px;
  z-index: 1;
}

.ws1 .workspace-sheet-select-pane-grid .grid-e .items {
  position: absolute;
  top: 50px;
  left: 10px;
  right: 10px;
  bottom: 30px;
  overflow: auto; 
}

.ws1 .workspace-sheet-select-pane-grid .search-pane {
  position: relative;
  padding: 10px;
  height: 50px;
  box-sizing: border-box;
}

.ws1 .workspace-sheet-select-pane-grid .search-pane input {
  width: 100%;
  box-sizing: border-box;
  background-color: #F0F5FA;
  border: 1px solid #D5D7DA;
  height: 30px;
  font-size: 14px;
  font-weight: 300;
  padding: 5px 10px;
}

.ws1 .workspace-sheet-select-pane-grid .search-pane input::placeholder {
  font-style: italic;
}

.ws1 .workspace-sheet-select-pane-grid .search-pane .button {
  position: absolute;
  top: 16px;
  right: 16px;
}

/* --- navigation sheet pane --- */

.ws1 .navigation-sheet-pane {
  position: absolute;
  top: 120px;
  right: 0;
  bottom: 0;
  min-width: 250px;
  z-index: 15;
  box-sizing: border-box;
  margin: 0;
}

.ws1 .navigation-sheet-pane .field {
  margin: 0 15px 15px 15px;
}

.ws1 .navigation-sheet-pane .field:last-child {
  margin-bottom: 0;
}

.ws1 .navigation-sheet-pane .field-label {
  font-size: 10px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #81878F;
}

.ws1 .navigation-sheet-pane .columns > .content {
  overflow: hidden;
}

.ws1 .navigation-sheet-pane .columns .column {
  float: left;
  padding-right: 10px;
  box-sizing: border-box;
}

.ws1 .navigation-sheet-pane .columns .column:last-child {
  padding: 0;
}

.ws1 .grid-d .item .groupname {
  text-align: center;
  position: relative;
  margin-bottom: 5px;
  text-decoration: underline;
}

.ws1 .grid-d .item .groupname .value-box {
  color: #666666;
}

.ws1 .item .button-a {
  display: block;
  position: unset;
  transform: none;
}

.ws1 .grid-d .item > .content {
  overflow: hidden;
}

.ws1 .grid-d .item .left-column {
  float: left;
  overflow: hidden;
  margin-right: 20px;
  width: 250px;
  min-height: 86px;
}

.ws1 .grid-d .item .right-column {
  overflow: hidden;
}

.ws1 .grid-d .item .right-column .image-column {
  float: left;
  height: 86px;
  width: 69px;
  margin-right: 10px;
  background-image: url(/_themes/default/content/media/test_doc.png?stamp=210122&icon_color=%23333333);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ws1 .grid-d .item .right-column .extra-column {
  position: relative;
  overflow: hidden;
  min-height: 86px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.ws1 .grid-d .item .right-column .extra-column .title-line {
  align-self: flex-start;
  margin-bottom: 20px;
}

.ws1 .grid-d .item .right-column .extra-column .title-line .document-item-type {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

.ws1 .grid-d .item .right-column .extra-column .title-line .document-item-type.type-1 {
  background-image: url("/_themes/light/content/media/icons/clip.svg?stamp=240311&t=0&icon_color=%23404040");
}

.ws1 .grid-d .item .right-column .extra-column .title-line .image,
.ws1 .grid-d .item .right-column .extra-column .title-line .document-item-type,
.ws1 .grid-d .item .right-column .extra-column .title-line .attached-document,
.ws1 .grid-d .item .right-column .extra-column .title-line .button {
  float: left;
}

.ws1 .grid-d .item .right-column .extra-column .title-line .attached-document {
  color: #13334C;
  max-width: 250px;
  word-break: break-all;
}

.ws1 .grid-d .item .right-column .extra-column .title-line .button {
  margin-left: 10px;
}

.ws1 .grid-d .item .right-column .extra-column .title-line .completion {
  position: absolute;
  top: 0;
  right: 0;
}

.ws1 .grid-d .item .right-column .extra-column .title-line .completion .image {
  margin-right: 5px;
}

.ws1 .grid-d .item .right-column .extra-column .title-line .completion .field-value {
  color: #666666;
}

.ws1 .grid-d .item .right-column .extra-column .title-line .progress {
  position: absolute;
  top: 0;
  right: 0;
  color: #666666;
}

.ws1 .grid-d .item .right-column .extra-column .content-line {
  align-self: flex-start;
}

.ws1 .grid-d .item .right-column .extra-column .person {
  position: relative;
  color: #13334C;
  margin-left: 20px;
}

.ws1 .grid-d .item .right-column .extra-column .person:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/user.svg?stamp=240311&t=0&icon_color=%23404040");
}

.ws1 .grid-d .item .right-column .extra-column .bottom-line {
  overflow: hidden;
}

.ws1 .grid-d .item .right-column .extra-column .bottom-line .sla-status {
  color: #666666;
  float: left;
}

.ws1 .grid-d .item .right-column .extra-column .bottom-line .status {
  color: #666666;
  float: right;
}

.ws1 .grid-d .item .right-column .default {
  position: absolute;
  top: 10px;
  right: 30px;
  bottom: 10px;
  left: 282px;
  border: 1px solid #666666FC;
}

.ws1 .grid-d .item .right-column .default .button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ws1 .grid-d .item .left-column {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.ws1 .grid-d .item .left-column .title-line {
  align-self: flex-start;
  margin-bottom: 20px;
}

.ws1 .grid-d .item .left-column .content-line {
  align-self: flex-start;
}

.ws1 .grid-d .item .left-column .title {
  word-break: break-word;
  color: #404040;
}

.ws2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F5FA;
  color: #3F3F3F;
}

.ws2 .text-a .field-value {
  color: #666666;
  font-weight: normal;
}

.ws2 .workspace-left-pane {
  position: absolute;
  top: 40px;
  left: 10px;
  bottom: 10px;
  background-color: #ffffff;
  width: 28.5%;
  padding: 10px 15px;
  box-sizing: border-box;
  margin-bottom: 0;
  box-shadow: 0px 0px 5px #00000033;
}

.ws2 .workspace-left-pane > .content {
  position: absolute;
  top: 50px;
  left: 15px;
  right: 15px;
  bottom: 10px;
  overflow: auto;
}

.ws2 .workspace-left-pane > .content .preview-images {
  margin-bottom: 30px;
}

.ws2 .workspace-main-pane {
  position: absolute;
  top: 40px;
  right: 10px;
  bottom: 10px;
  left: 30%;
  background-color: #ffffff;
  margin-bottom: 0;
  box-shadow: 0px 0px 5px #00000033;
}

.ws2 .workspace-main-pane > .head {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  font-size: 18px;
  height: 80px;
  z-index: 2;
}

.ws2 .workspace-main-pane > .head .text {
  font-weight: 300;
  padding: 10px 15px;
}

.ws2 .workspace-main-pane > .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 80px;
}

.ws2 .workspace-main-pane .grid-b .items {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 30px;
  overflow: auto;
}

.ws2 .workspace-main-pane .views-selector {
  position: absolute;
  top: -27px;
  left: 0;
  z-index: 2;
}

/* <--- ws3 ---> */

.ws3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F5FA;
}

.ws3 .workspace-main-pane {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
}

.ws3 .workspace-main-pane .workspace-left-pane {
  position: absolute;
  top: 60px;
  left: 15px;
  bottom: 15px;
  width: 26%;
}

.ws3 .workspace-main-pane .workspace-right-pane {
  position: absolute;
  top: 60px;
  right: 15px;
  bottom: 15px;
  left: 28%;
} 

.ws3 .workspace-main-pane .workspace-right-pane .buttons-pane {
  position: absolute;
  right: 15px;
  top: 58px;
  background-color: #FFFFFF;
  z-index: 1;
}

.ws3 .workspace-main-pane .workspace-right-pane .buttons-pane:before {
  content: '';
  position: absolute;
  top: 0;
  left: -30px;
  width: 30px;
  height: 100%;
  background: linear-gradient(to right, transparent, #FFFFFF);
}

.ws3 .workspace-main-pane .workspace-right-pane .buttons-pane .button {
  margin-left: 5px;
}

.ws3 .workspace-main-pane .workspace-right-pane .buttons-pane .button:hover .image {
  background-size: 0 0, contain, 0 0;
}

.ws3 .workspace-main-pane .workspace-right-pane .grid {
  margin: 20px 15px 0 15px;
}

.ws3 .workspace-right-pane .box-a {
  position: relative;
}

.ws3 .grid-d .items .item .details-group .button:hover .image {
  background-size: 0 0, contain;
}

.ws3 .grid-a .views-selector {
  position: absolute;
  top: -50px;
  right: -5px;
}

/*<--- ws5 --->*/
.ws5 {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F5FA;
  user-select: none;
  z-index: 1;
}

.ws1 .filters-pane {
  overflow: hidden;
  min-height: 35px;
  margin-bottom: 20px;
}

.ws1 .filters-pane.style-b {
  padding: 10px 30px 0 0;
  margin-bottom: 10px;
  min-height: 22px;
}

.ws1 .filters-pane.calendar {
  margin-bottom: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #D5D7DA;
}

.ws1 .filters-pane.calendar.no-border {
  border: none;
}

.ws1 .filters-pane.calendar .singlechoicelist {
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ws1 .filters-pane .left-column {
  float: left;
}

.ws1 .filters-pane .left-column .field {
  margin-left: 15px;
}

.ws1 .filters-pane .left-column .field:first-child,
.ws1 .filters-pane .left-column .project-selector > .field {
  margin-left: 0;
}

.ws1 .filters-pane .left-column .field.title {
  margin-left: 0;
}

.ws1 .filters-pane .center-column {
  overflow: hidden;
  width: 510px;
  height: 10px;
  /*background-color: lightblue;*/
}

.ws1 .filters-pane .right-column {
  float: right;
}

.ws1 .filters-pane .field {
  float: left;
  margin-bottom: 0;
}

.ws1 .filters-pane .right-column .field {
  margin-left: 20px;
  float: right;
}

.ws1 .filters-pane .right-column .field:last-child {
  margin-left: 0;
}

/*<--- actions pane --->*/
.ws1 .actions-pane {
  position: relative;
  background-color: #FFFFFF;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #404040;
  z-index: 2;
}

.ws1 .actions-pane.mapcontrol-actions-pane {
  margin-left: -15px;
  margin-right: -15px;
}

.ws1 .actions-pane > .content {
  background-color: #FFFFFF;
}

.ws1 .actions-pane:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  height: 50%;
  transform: translateX(-50%);
  width: 98%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  border-radius: 50%;
  z-index: -1;
}

.ws1 .actions-pane:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: -1;
}

.ws1 .actions-pane .image {
  vertical-align: middle;
  background-size: contain, 0, 0;
}

.ws1 .actions-pane .button.disabled .image {
  background-size: contain, 0, 0 !important;
}

.ws1 .actions-pane .button {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  padding: 0 20px;
  text-decoration: none;
  color: inherit;
  transition: all .2s ease;
  cursor: pointer;
}

.ws1 .actions-pane .button.disabled { cursor: default; }

.ws1 .actions-pane .button .image {
  margin-right: 5px;
  transform: scale(1);
  transition: transform .3s ease;
}

.ws1 .actions-pane .button.disabled:hover .image {
  background-size: 0 0, contain, 0 0;
}

.ws1 .actions-pane.tabs-actions-pane {
  position: absolute;
  left: 0;
  right: 0;
  top: 98px;
  z-index: 3;
  margin: 0;
}

.ws1 .has-switch .actions-pane.tabs-actions-pane {
  top: 78px;
}

.ws1 .actions-pane.tabs-actions-pane.style-c {
  position: absolute;
  left: 0;
  right: 0;
  top: 45px;
  z-index: 3;
  margin: 0;
}

.ws1 .actions-pane.tabs-actions-pane.style-e {
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  z-index: 3;
  margin: 0;
}

.ws1 .actions-pane.tabs-actions-pane.style-f {
  position: absolute;
  left: 0;
  right: 0;
  top: 98px;
  z-index: 3;
  margin: 0;
}

/*.ws1 .tabs-actions-pane { margin: 0 15px; }*/

.ws1 .tool-pane:not(.tabs-actions-pane) .content:before,
.ws1 .actions-pane:not(.tabs-actions-pane) .content:before{
  /*content: '';*/
  position: absolute;
  top: -3px;
  left: 5px;
  right: 5px;
  height: 1px;
  background-color: #D5D7DA;
}

.ws1 .actions-pane.no-border .content:before {
  display: none;
}

/*<--- dashboard-layout --->*/
.workspace-pane .dashboard-layout {
  
}

.workspace-pane .dashboard-layout .widget-columns {
  margin-top: 95px;
}

.workspace-pane .dashboard-layout .tabs-head {
  position: absolute;
  left: 0;
  top: 10px;
}

.workspace-pane .dashboard-layout > .content > .group > .head {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.workspace-pane .dashboard-layout .left-column {
  margin-right: 0;
  max-height: 400px;
}

.workspace-pane .dashboard-layout .extra-column {
  max-height: 400px;
}

.workspace-pane .dashboard-layout .group {
  margin-bottom: 0;
}

.workspace-pane .dashboard-layout .left-column > .content {
  
}

.workspace-pane .dashboard-layout .top-border:last-child {
  margin-top: 50px;
}

.workspace-pane .dashboard-layout .top-border > .content {
  border-top: 1px solid #D5D7DA;
}

.workspace-pane .dashboard-layout .top-border > .head {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #404040;
}

.workspace-pane .dashboard-layout .top-border .tabs .tabs-head {
  margin-top: 15px;
}

.workspace-pane .dashboard-layout .content-offset > .content > .left-column {
  margin-top: 90px;
}

.workspace-pane .dashboard-layout .top-border.offset-a {
  margin-top: 48px;
}

.workspace-pane .dashboard-layout .offset-b {
  margin-top: 75.5px;
  border-top: 1px solid #D5D7DA;
}

.workspace-pane .dashboard-layout .score-columns {
  
}

.workspace-pane .dashboard-layout .score-columns .columns {
  margin-bottom: 40px;
}

.workspace-pane .dashboard-layout .score-columns .columns:last-child {
  margin-bottom: 0;
}

.workspace-pane .dashboard-layout .score-columns .left-column:first-child {
  margin-right: 10px;
}

.workspace-pane .dashboard-layout .pie-chart {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.workspace-pane .dashboard-layout .pie-chart .legend-container {
  position: unset;
  margin-left: 10px;
}

.workspace-pane .dashboard-layout .grid .footer {
  border: none;
}

/*<--- ws5 fields --->*/
/*<--- field title --->*/

.ws1 .field.title .field-value {
  color: #414448;
  text-transform: uppercase;
}

.ws1 .field.title .field-value .value-box {
  border: none;
  background-color: unset;
  font-size: 14px;
  line-height: 18.75px;
  font-weight: 500;
  padding: 0;
  min-height: unset;
  text-transform: uppercase;
}

.ws1 .field.title.font-b .field-value .value-box {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
}

.ws1 .field.title .field-value .value-box input {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: underline;
  padding: 0;
  text-overflow: ellipsis;
}

.ws1 .field.title .field-value .value-box > .text[data-cmd] {
  color: #158DDC;
  text-decoration: none;
  cursor: pointer;
}

.ws1 .field.title .field-value .value-box > .text[data-cmd]:hover {
  text-decoration: underline;
}

.ws1 .field.title .field-value .value-box .cmd-lookup {
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}

.ws1 .field.title .field-value .value-box .cmd-lookup .icon {
  background-size: contain, 0 0;
  background-image: url("/_themes/light/content/media/icons/title_dropdown.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/title_dropdown_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.ws1 .field.title .field-value .value-box:hover .icon {
  background-size: 0 0, contain;
}

.ws1 .field.title .field-value .value-box.active .cmd-lookup .icon {
  background-size: 0 0, contain;
}

.ws1 .field.title.view-b .field-value{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.ws1 .field.title.view-b .field-value.has-icon .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
}

.ws1 .field.title.view-b .field-value.has-icon .value-box {
  margin-right: 5px;
  width: auto;
}

.ws1 .field.title.view-b .field-value.has-icon .value-box .text {
  display: block;
  max-width: 170px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ws1 .field.edit.lookup.title .field-value .value-box {
  padding-right: 30px;
}

.workspace-left-pane {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.workspace-main-pane {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.workspace-main-pane .filters-pane > .content {
}

.workspace-main-pane .grid.views-selector-style-a .views-selector {
  position: absolute;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
}

.workspace-main-pane .grid.views-selector-style-a.custom-position-a .views-selector {
  top: -50px;
  right: 0;
  left: unset;
  transform: unset;
}

.workspace-main-pane .grid.views-selector-style-a.custom-position-b .views-selector {
  top: -30px;
  right: 0;
  left: unset;
  transform: unset;
}

.workspace-main-pane .grid.views-selector-style-a.custom-position-c .views-selector {
  top: 0px;
  right: 0;
  left: unset;
  transform: unset;
}

.workspace-main-pane .grid.views-selector-style-a.default-position .views-selector {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
}

.workspace-main-pane .dashboard-layout .grid.views-selector-style-a .views-selector {
  left: unset;
  transform: unset;
  right: 0;
  top: -35px;
}

.workspace-right-pane {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.workspace-left-pane.transition, 
.workspace-main-pane.transition,
.workspace-right-pane.transition {
  transition: left .3s ease, right .3s ease, width .3s ease
}

.workspace-left-pane.single-panel,
.workspace-main-pane.single-panel,
.workspace-right-pane.single-panel {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 10px 0px 10px;
  overflow: hidden;
  background-color: #FFFFFF;
  box-sizing: border-box;
}

.workspace-left-pane.single-panel,
.workspace-right-pane.single-panel {
  padding: 0 0 0px 0;
  overflow: hidden;
  border-radius: 3px;
}

.ws1 .workspace-left-pane .content > .field.title,
.ws1 .workspace-right-pane .content > .field.title {
  margin: 10px 10px 15px 10px;
}

.ws1 .workspace-left-pane .content > .tabs .tabs-head,
.ws1 .workspace-right-pane .content > .tabs .tabs-head {
  margin: 0 0 15px 0;
}

.ws1 .workspace-left-pane .content > .tabs .tabs.style-c > .tabs-head,
.ws1 .workspace-right-pane .content > .tabs .tabs.style-c > .tabs-head {
  margin: 0 0 35px 0;
}

.ws1 .workspace-left-pane .content > .tabs.dropdown.style-b .tabs-head,
.ws1 .workspace-right-pane .content > .tabs.dropdown.style-b .tabs-head {
  margin: 0 0 0 0;
}

.ws1 .workspace-left-pane .content .workspace-pane.single-pinned .tabs.dropdown .tabs-head {
  padding-top: 15px;
}

.ws1 .workspace-left-pane .widget-tree,
.ws1 .workspace-right-pane .widget-tree {
  margin: 0 10px;
  overflow: auto;
}

.ws1 .workspace-left-pane .widget-tree.autosize .tree,
.ws1 .workspace-right-pane .widget-tree.autosize .tree {
  overflow: unset;
}

.workspace-pane {
  position: relative;
  margin: 0 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background-color: #FFFFFF;
  box-sizing: border-box;
  overflow: auto;
  padding: 0 15px;
}

.workspace-right-pane.has-switch > .content > .workspace-pane {
  padding-top: 40px; 
}

.workspace-right-pane.has-switch > .content > .workspace-pane ~ .workspace-pane {
  padding-top: 0;
}

.workspace-pane.style-a {
  padding: 0;
}

.workspace-pane.style-b {
  padding: 0 15px;
}

.workspace-pane.style-c {
  padding: 10px 15px 0 15px;
}

/*.group.workspace-main-pane > .content > .workspace-pane:first-child{*/
/*  padding: 0 15px 0 15px;*/
/*}*/

.group.workspace-left-pane .workspace-pane {
  padding: 0 15px 0 15px;
}

.group.workspace-right-pane .workspace-pane{
  padding: 0 15px 0 15px;
}

.workspace-pane.mapcontrol-drawings,
.group.mapcontrol-drawings,
.mapcontrol-drawings{
  padding: 0;
}

.workspace-pane.mapcontrol-drawings .mapcontrol3js .vertical-buttons,
.group.mapcontrol-drawings .mapcontrol3js .vertical-buttons,
.mapcontrol-drawings .mapcontrol3js .vertical-buttons{
  top: 2px;
  left: 10px;
}

.workspace-pane.mapcontrol-drawings .mapcontrol3d .vertical-buttons,
.group.mapcontrol-drawings .mapcontrol3d .vertical-buttons,
.mapcontrol-drawings .mapcontrol3d .vertical-buttons,
.workspace-pane.mapcontrol-drawings .mapcontrol3d .horizontal-buttons,
.group.mapcontrol-drawings .mapcontrol3d .horizontal-buttons,
.mapcontrol-drawings .mapcontrol3d .horizontal-buttons{
  top: 43px;
  left: 10px;
}

.group.mapcontrol-drawings .mapcontrol3d .horizontal-buttons-right,
.mapcontrol-drawings .mapcontrol3d .horizontal-buttons-right{
  top: 43px;
}

.workspace-pane.mapcontrol-drawings .mapcontrol3d .horizontal-buttons,
.group.mapcontrol-drawings .mapcontrol3d .horizontal-buttons,
.mapcontrol-drawings .mapcontrol3d .horizontal-buttons{
  left: 55px;
}

.workspace-pane.mapcontrol-drawings.no-toolbar .mapcontrol3d .vertical-buttons,
.group.mapcontrol-drawings.no-toolbar .mapcontrol3d .vertical-buttons,
.mapcontrol-drawings.no-toolbar .mapcontrol3d .vertical-buttons,
.workspace-pane.mapcontrol-drawings.no-toolbar .mapcontrol3d .horizontal-buttons,
.group.mapcontrol-drawings.no-toolbar .mapcontrol3d .horizontal-buttons,
.mapcontrol-drawings.no-toolbar .mapcontrol3d .horizontal-buttons,
.group.mapcontrol-drawings.no-toolbar .mapcontrol3d .horizontal-buttons-right,
.mapcontrol-drawings.no-toolbar .mapcontrol3d .horizontal-buttons-right{
  top: 17px;
}

.workspace-pane.mapcontrol-drawings .mapcontrol3js .drawing-selector,
.group.mapcontrol-drawings .mapcontrol3js .drawing-selector,
.mapcontrol-drawings .mapcontrol3js .drawing-selector,
.workspace-pane.mapcontrol-drawings .mapcontrol3d .drawing-selector,
.group.mapcontrol-drawings .mapcontrol3d .drawing-selector,
.mapcontrol-drawings .mapcontrol3d .drawing-selector,
.workspace-pane.mapcontrol-drawings .mapcontrol3d .cutplanes-selector,
.group.mapcontrol-drawings .mapcontrol3d .cutplanes-selector,
.mapcontrol-drawings .mapcontrol3d .cutplanes-selector{
  top: 47px;
  right: 15px;
}

.workspace-pane.mapcontrol-drawings.no-toolbar .mapcontrol3js .drawing-selector,
.group.mapcontrol-drawings.no-toolbar .mapcontrol3js .drawing-selector,
.mapcontrol-drawings.no-toolbar .mapcontrol3js .drawing-selector,
.workspace-pane.mapcontrol-drawings.no-toolbar .mapcontrol3d .drawing-selector,
.group.mapcontrol-drawings.no-toolbar .mapcontrol3d .drawing-selector,
.mapcontrol-drawings.no-toolbar .mapcontrol3d .drawing-selector {
  top: 17px;
}

.workspace-pane.mapcontrol-drawings .mapcontrol3js .layers-container,
.group.mapcontrol-drawings .mapcontrol3js .layers-container,
.mapcontrol-drawings .mapcontrol3js .layers-container{
  top: 40px;
}

.workspace-pane.mapcontrol-drawings.no-toolbar .mapcontrol3js .layers-container,
.group.mapcontrol-drawings.no-toolbar .mapcontrol3js .layers-container,
.mapcontrol-drawings.no-toolbar .mapcontrol3js .layers-container{
  top: 10px;
}

.group.mapcontrol-drawings.style-b .mapcontrol3js{
  top: 67px;
}

.workspace-left-pane.single-panel .workspace-pane,
.workspace-main-pane.single-panel .workspace-pane,
.workspace-right-pane.single-panel .workspace-pane {
  margin: 0;
  box-shadow: unset;
  background-color: unset;
  padding: 0;
  box-sizing: unset;
  overflow: auto;
}


.workspace-left-pane.single-panel .workspace-pane .maximize,
.workspace-main-pane.single-panel .workspace-pane .maximize,
.workspace-right-pane.single-panel .workspace-pane .maximize {
  display: none;
}

.workspace-pane.changed .field.title .field-value .value-box {
  color: #DB9712;
}

.workspace-pane.changed .button.preset-save .image {
  background-size: 0 0, 0 0, contain;
}

.horizontal-spacer {
  position: relative;
}

.horizontal-spacer:before {
  /*content: '';*/
  position: absolute;
  left: 50%;
  top: 50%;
  transform: tanslate(-50%, -50%);
  width: 30px;
  height: 1px;
  background-color: black;
}

.vertical-slider {
  position: absolute;
  bottom: 0;
  z-index: 5;
  cursor: col-resize;
  top: 0; 
  box-sizing: border-box;
}

.vertical-slider:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 75px;
  width: 4px;
  border-radius: 4px;
  background-color: #81878F;
  opacity: 0;
  transition: opacity .3s ease, background-color .3s ease ;
}

.vertical-slider:hover:before,
.vertical-slider.active:before { opacity: 1; }

.horizontal-slider {
  position: absolute;
  left: 0;
  right: 0;
  cursor: row-resize;
}

.horizontal-slider:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 4px;
  width: 75px;
  border-radius: 4px;
  background-color: #81878F;
  opacity: 0;
  transition: opacity .3s ease, background-color .3s ease ;
}

.horizontal-slider:hover:before { opacity: 1; }

.highlight-container {
  position: absolute;
  z-index: 999;
  cursor: col-resize;
}

.highlight-container.vertical {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity .3s ease;
}

.highlight-container.shown { opacity: 1; }

.highlight-container .highlight-container-first,
.highlight-container .highlight-container-second {
  position: absolute;
  transition: background-color .3s ease;
  background-color: rgba(0, 0, 0, .33);
  transition: width .2s ease-in;
}

.highlight-container.vertical .highlight-container-first {
  left: 0;
  top: 0;
  bottom: 0;
}

.highlight-container.vertical .highlight-container-first:before {
  content: '';
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 75px;
  background-color:  #158DDC;
  border-radius: 4px;
}

.highlight-container.vertical .highlight-container-second {
  right: 0;
  top: 0;
  bottom: 0;
}

.highlight-container.vertical .highlight-zone {
  display: inline-block;
  height: 100%;
}

/*right pin bar*/
.rightPane-pin-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px #00000033;
  z-index: 10;
}

.rightPane-pin-bar .pin-bar-element {
  position: relative;
  writing-mode: vertical-rl;
  user-select: none;
  padding: 5px 0;
  margin-top: 10px;
  margin-left: 6px;
  border-right: unset;
  cursor: pointer;
  text-transform: uppercase;
}

.rightPane-pin-bar .pin-bar-element:before {
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #D5D7DA;
}

.rightPane-pin-bar .pin-bar-element:hover:before {
  background-color: #158DDC;
}

/*left pin bar*/
.leftPane-pin-bar {
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px #00000033;
  z-index: 10;
}

.leftPane-pin-bar .pin-bar-element {
  position: relative;
  writing-mode: vertical-rl;
  user-select: none;
  padding: 5px 0;
  margin-top: 10px;
  margin-left: 6px;
  border-right: unset;
  cursor: pointer;
  text-transform: uppercase;
}

.leftPane-pin-bar .pin-bar-element:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #D5D7DA;
}

.leftPane-pin-bar .pin-bar-element:hover:before {
  background-color: #158DDC;
}
.absolute-show {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 100% !important;
}

.single-pinned {
  left: auto;
}

.workspace-left-pane .single-pinned.absolute-show {
  left: 0;
  right: 5px;
  box-shadow: 0px 0px 5px #00000033;
  /*right: auto;*/
}

.workspace-left-pane .workspace-pane.pinned {
  left: 0;
  right: 5px;
  box-shadow: 0px 0px 5px #00000033;
  z-index: 31;
}

.hidden {
  display: none;
}

/*right pin bar*/
.right-pin-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: #FFFFFF;
  border-left: 1px solid #D5D7DA;
  z-index: 10;
}

.right-pin-bar .pin-bar-element {
  position: relative;
  writing-mode: vertical-rl;
  user-select: none;
  padding: 5px 0;
  margin-top: 10px;
  margin-left: 6px;
  border-right: unset;
  cursor: pointer;
  text-transform: uppercase;
}

.right-pin-bar .pin-bar-element:before {
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #D5D7DA;
}

.right-pin-bar .pin-bar-element:hover:before {
  background-color: #158DDC;
}

/*left pin bar*/
.left-pin-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  background-color: #FFFFFF;
  border-left: 1px solid #D5D7DA;
  z-index: 10;
}

.left-pin-bar .pin-bar-element {
  position: relative;
  writing-mode: vertical-rl;
  user-select: none;
  padding: 5px 0;
  margin-top: 10px;
  margin-left: 6px;
  border-right: unset;
  cursor: pointer;
  text-transform: uppercase;
}

.left-pin-bar .pin-bar-element:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #D5D7DA;
}

.left-pin-bar .pin-bar-element:hover:before {
  background-color: #158DDC;
}

.main-pin-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  background-color: #eeeeee;
  border-right: 1px solid black;
  z-index: 5;
}

.main-pin-bar .pin-bar-element {
  writing-mode: vertical-rl;
  user-select: none;
  background-color: #9797976b;
  border: 1px solid black;
  padding: 5px 0px;
  margin: 5px 0;
  margin-right: 5px;
  border-left: unset;
}

.main-pin-bar .pin-bar-element:hover {
  background-color: #c8c8c86b;
}

.pin {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 13.5px;
  height: 13.5px;
  background-image: url("/_themes/light/content/media/icons/pin.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/pin_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/pin_pinned.svg?stamp=240311&t=0&icon_color=%23158DDC");
  background-size: contain, 0 0, 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 2;
  /*display: none;*/
}

.pin:hover {
  background-size: 0 0,contain;
}

.pinned .pin {
  background-size: 0 0, 0 0, contain;
}

.maximize {
  position: absolute;
  top: 5px;
  right: 25px;
  width: 13.5px;
  height: 13.5px;
  background-image: url("/_themes/light/content/media/icons/maximize.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/maximize_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/minimize.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                    url("/_themes/light/content/media/icons/minimize_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
  background-size: contain, 0 0, 0 0, 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 2;
}

.maximize.first-position {
  right: 5px;
}

.maximize:hover {
  background-size: 0 0,contain, 0 0, 0 0;
}

.workspace-left-pane.maximized .maximize,
.workspace-main-pane.maximized .maximize,
.workspace-right-pane.maximized .maximize,
.workspace-pane.maximized .maximize {
  background-size: 0 0, 0 0, contain, 0 0;
}

.workspace-left-pane.maximized .maximize:hover,
.workspace-main-pane.maximized .maximize:hover,
.workspace-right-pane.maximized .maximize:hover,
.workspace-pane.maximized .maximize:hover {
  background-size: 0 0, 0 0, 0 0, contain;
}

.workspace-group .right-pane-horizontal-slider {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: transparent;
  cursor: row-resize;
  z-index: 3;
}

.horizontal-spacer {
  background-color: transparent;
  height: 5px;
}

.workspace-left-pane.maximized,
.workspace-main-pane.maximized,
.workspace-right-pane.maximized,
.workspace-pane.maximized {
  left: 0 !important;
  right: 0 !important;
  height: 100% !important;
  width: 100% !important;
  z-index: 6;
}

.workspace-left-pane.maximized .workspace-pane,
.workspace-main-pane.maximized .workspace-pane,
.workspace-right-pane.maximized .workspace-pane {
  display: none;
}

.workspace-left-pane.maximized .workspace-pane.maximized,
.workspace-main-pane.maximized .workspace-pane.maximized,
.workspace-right-pane.maximized .workspace-pane.maximized {
  display: block;
}

.workspace-left-pane.maximized .horizontal-spacer,
.workspace-main-pane.maximized .horizontal-spacer,
.workspace-right-pane.maximized .horizontal-spacer,
.workspace-left-pane.maximized .horizontal-slider,
.workspace-left-pane.maximized .horizontal-slider,
.workspace-main-pane.maximized .horizontal-slider,
.workspace-main-pane.maximized .vertical-slider,
.workspace-right-pane.maximized .vertical-slider
.workspace-right-pane.maximized .vertical-slider {
  display: none;
}

.has-switch .workspace-pane .tabs {
  padding-top: 0 !important;
}

.workspace-right-pane.has-switch,
.workspace-left-pane.has-switch {
  padding: 10px 10px 0 10px;
}

.ws1 .workspace-right-pane.has-switch > .content,
.ws1 .workspace-left-pane.has-switch > .content {
  position: unset !important;
}

.ws1 .workspace-right-pane.has-switch .switched-group,
.ws1 .workspace-left-pane.has-switch .switched-group {
  margin: 40px 0 10px 0;
}

.ws1 .workspace-right-pane.has-switch .switched-group ~ .switched-group,
.ws1 .workspace-left-pane.has-switch .switched-group ~ .switched-group {
  margin-top: 0;
}

/* workspace-right-pane has-switch */
/*.ws1 .workspace-right-pane.has-switch .workspace-pane.single-pinned .tabs { padding-top: 45px; }*/

/*.ws1 .workspace-right-pane.has-switch .actions-pane {*/
  /*margin-top: 45px;*/
/*}*/

/*.workspace-pane.has-head .tabs {*/
/*  padding-top: 0 !important;*/
/*}*/













.sitebar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  background-color: #13344D;
  z-index: 6;
  overflow: hidden;
  font-size: 16px;
  /*padding: 5px;*/
  box-sizing: border-box;
  box-shadow: 0px 0px 5px #00000033;
  color: #EEEEEE;
  /*font-weight: 500;*/
}

.sitebar:before {
  /*content: '';*/
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  width: 40%;
  background-color: #13344D;
  z-index: -1;transform: skewX(-30deg);
}

.sitebar:after {
  /*content: '';*/
  position: absolute;
  top: 50%;
  right: 40%;
  width: 8px;
  height: 50px;
  background-color: #F0F5FA;
  z-index: -1;transform: translateY(-50%) rotate(30deg);
}

.sitebar.color1 .left-part:after { right: -30px;  border-right: 15px solid #0267E8; }
.sitebar.color2 .left-part:after { right: -30px;  border-right: 15px solid #C5491A; }
.sitebar.color3 .left-part:after { right: -30px;  border-right: 15px solid #23B6B9; }
.sitebar.color4 .left-part:after { right: -30px;  border-right: 15px solid #A93B5F; }
.sitebar.color5 .left-part:after { right: -30px;  border-right: 15px solid #C6CF2D; }
.sitebar.color6 .left-part:after { right: -30px;  border-right: 15px solid #1DD171; }

.sitebar .field-value { 
  color: inherit;
}

.sitebar .field {
  margin: 0;
  padding-top: 4px;
}

.sitebar .field.company-name {
  /*padding-top: 5.5px; */
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  left: 31px;
  top: 3px;
}

.sitebar .field.company-name, .sitebar .field.company-name .field-value, 
.sitebar .field.company-name .field-value .value-box,
.sitebar .field.company-name .field-value .value-box .text {
  line-height: 16px;
  font-size: 16px;
  width: auto;
  overflow: visible;
}

.sitebar > .right-part.columns .field.company-name {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  top: 0;
  left: 0;
}

.sitebar .field.version {
  display: inline-block;
  font-size: 11px;
  line-height: 12px;
  position: absolute;
  top: 7px;
  left: 108px;
}

.sitebar .field.version, .sitebar .field.version .field-value, 
.sitebar .field.version .field-value .value-box,
.sitebar .field.version .field-value .value-box .text {
  font-size: 11px;
  line-height: 11px;
  width: auto;
  overflow: visible;
}


.sitebar .field .value-box {
  margin: 0;
  padding: 0;
  background-color: unset;
  font-size: inherit;
  min-height: unset;
}

.sitebar .left-part {
  position: relative;
  height: 30px;
  float: left;
  padding: 0 5px 0 5px;
  background-color: #77BA43;
  min-width: 185px;
}

.sitebar .left-part:before {
  content: '';
  position: absolute;
  right: -10px;
  top: 2px;
  background-color: #77BA43;
  width: 20px;
  height: 20px;
  border: 7px solid white;
  transform: rotate(45deg) skew(10deg, 10deg);
  border-left: none;
  border-bottom: none;
}

.sitebar .left-part:after {
  /*content: '';*/
  position: absolute;
  right: -15px;
  top: 0;
  bottom: 0;
  width: 10px;
  background-color: #F0F5FA;
  z-index: -1;
  transform: skewX(-30deg);
}

.sitebar.color1 .left-part:after { right: -30px;  border-right: 15px solid #0267E8; }
.sitebar.color2 .left-part:after { right: -30px;  border-right: 15px solid #C5491A; }
.sitebar.color3 .left-part:after { right: -30px;  border-right: 15px solid #23B6B9; }
.sitebar.color4 .left-part:after { right: -30px;  border-right: 15px solid #A93B5F; }
.sitebar.color5 .left-part:after { right: -30px;  border-right: 15px solid #C6CF2D; }
.sitebar.color6 .left-part:after { right: -30px;  border-right: 15px solid #1DD171; }

.sitebar .left-part .menu .button {
  float: left;
}

.sitebar .left-part .menu.no-menu-button .field:first-child {
  margin-left: 10px;
}

.sitebar .left-part2 {
  float: left;
  padding-left: 50px;
  padding-top: 0;
}

.sitebar .button.sitebar-home {
  margin: 0;
  font-weight: 500;
}

.sitebar .button.sitebar-home .image {
  background-position: top 2px center;
}

.sitebar .sep {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/breadcrumbs_arrow_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-size: 14px 14px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 5px;
}

/* breadcrumbs */

.sitebar .left-part .menu,

.sitebar .left-part .menu {
  margin-right: 25px;
}

.sitebar .left-part .breadcrumbs {
  display: inline-block;
  vertical-align: top;
}

.sitebar .left-part .breadcrumbs {
  font-size: 14px;
  padding-top: 1px;
}

.sitebar .left-part .breadcrumbs a,
.sitebar .left-part .breadcrumbs .item {
  color: #EEEEEE;
  text-decoration: unset;
}

.sitebar .left-part .breadcrumbs .item.first:before {
  content: ' ';
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/breadcrumbs_arrow_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-size: 14px 14px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 5px;
}

.sitebar .left-part .breadcrumbs span.item {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

.sitebar .left-part .breadcrumbs span.item.last {
  margin-right: 20px;
}

.sitebar .left-part .breadcrumbs .item .label {
  font-weight: 500;
  margin-right: 3px;
}

.sitebar .left-part .breadcrumbs .item .label:after {
  content: ':';
}

.sitebar .left-part .menu .button.active .image {
  background-size: 0 0, 0 0, contain;
}

/* breadcrumbs-middle */

.sitebar .breadcrumbs {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-top: 5px;
  margin-left: 20px;
}

.sitebar .breadcrumbs a,
.sitebar .breadcrumbs .item {
  color: #EEEEEE;
  text-decoration: unset;
  padding: 3px 5px;
}

.sitebar .breadcrumbs .sep {
  background-size: 0, 9px;
  width: 10px;
  padding-top: 1px;
}

.sitebar .breadcrumbs span.item {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

.sitebar .breadcrumbs span.item .text {
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: width .3s ease-out;
  -moz-transition: width .3s ease-out;
  -o-transition: width .3s ease-out;
  transition: width .3s ease-out;
}

.sitebar .breadcrumbs span.item.last {
  margin-right: 20px;
}

.sitebar .breadcrumbs .item .label {
  font-weight: 500;
  margin-right: 3px;
}

.sitebar .breadcrumbs .item .label:after {
  content: ':';
}

/* breadcrumbs-2 */
.sitebar .breadcrumbs.type-2 {
  display: inline-flex;
  margin-top: 2px;
  margin-left: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #EEEEEE;
}

.sitebar .breadcrumbs.type-2 .html {
  display: inline-flex;
  align-items: center;
}

.sitebar .breadcrumbs.type-2 .sep {
  background-size: 0, 9px;
  width: 10px;
}

.sitebar .breadcrumbs.type-2 .item {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  padding: 3px 5px;
  border-radius: 3px;
}

.sitebar .breadcrumbs.type-2 .type-workflowactions {
  background-color: #13344D;
  border: 1px solid #EEEEEE;
  padding: 1px 1px 1px 5px;
  margin-right: -8px;
}

.sitebar .breadcrumbs.type-2 .type-workflowactions:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  /*background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");*/
  background-image: url("/_themes/light/content/media/icons/menu_popup_arrow_right.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/menu_popup_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: 34px, 0;
  background-position: center;
  transform: rotate(90deg);
  transition: transform .3s ease-in-out;
  cursor: pointer;
  margin-left: 2px;
}

.sitebar .breadcrumbs.type-2 .type-workflowactions:hover:after  {
  background-size: 0, 34px;
  transform: rotate(90deg) translateX(2px);
}

.sitebar .breadcrumbs.type-2 .item:hover {
  background-color: #77BA43;
}

.sitebar .breadcrumbs.type-2 .type-workflowactions:hover {
  background-color: #EEEEEE;
  color: #404040;
}

.sitebar .breadcrumbs.type-2 .item.active {
  background-color: #FFFFFF;
  color: #404040;
}

.sitebar .breadcrumbs.type-2 .item .image {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: transparent;
  margin-right: 3px;
  background-size: 17px, 0;
  background-position: center;
  background-repeat: no-repeat;
}

.sitebar .breadcrumbs.type-2 .item.active .image { background-size: 0, 17px; }

.sitebar .breadcrumbs .sep.separator-a {
  width: 40px;
  background-image: none;
  position: relative;
}

.sitebar .breadcrumbs .sep.separator-a:before {
  content: '';
  position: absolute;
  left: 0;
  top: -3px;
  background-color: transparent;
  width: 20px;
  height: 20px;
  border: 7px solid white;
  transform: rotate(45deg) skew(10deg, 10deg);
  border-left: none;
  border-bottom: none;
}

.sitebar .breadcrumbs .item .text.collapsed {
  display: block;
  white-space: nowrap;
}

.sitebar .breadcrumbs .item .text.expanded {
  display: none;
  white-space: nowrap;
}

.sitebar .breadcrumbs .item.active .text.collapsed {
  display: none;
}

.sitebar .breadcrumbs .item.active .text.expanded {
  display: block;
}

.sitebar .right-part {
  float: right;
  padding: 0 5px 0 5px;
}

.sitebar.shrinked .right-part {
  margin-right: 10px;
}

.sitebar .right-part:before {
  /*content: '';*/
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  background-color: #13344D;
  z-index: -1;
}

.sitebar .right-part .widget {
  display: inline-block;
}

.sitebar .button.has-unred > .text {
  position: absolute;
  overflow: hidden;
  top: -2px;
  right: -3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #158DDC;
  text-align: center;
  line-height: 12px;
  box-sizing: border-box;
  color: #158DDC;
}

.sitebar .right-part .icon {
  _margin-right: 5px;
}

.sitebar .button.toggle {
  min-height: 30px;
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
  min-width: 30px;
  text-align: center;
}

.sitebar .button.active {
  background-color: #578BAF;
}

/* communications-toolbar */
.sitebar .communications-toolbar .image-reminders {
  background-image: url("/_themes/light/content/media/widgets/communications/reminder-basic.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/widgets/communications/reminder-basic_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/widgets/communications/reminder-basic.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.sitebar .communications-toolbar .highlight-yes .image-reminders {
  background-image: url("/_themes/light/content/media/widgets/communications/reminder-new.svg?stamp=240311&t=0&icon_color=%23EEEEEE&notification_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/widgets/communications/reminder-new_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE&notification_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/widgets/communications/reminder-new.svg?stamp=240311&t=0&icon_color=%23EEEEEE&notification_color=rgba(220%2c+53%2c+69%2c+1)");
}

.sitebar .communications-toolbar .highlight-yes:hover .image-reminders {
  background-size: 0, contain, 0;
}

/* notifications */
.sitebar .notifications,
.sitebar .notifications .html {
  display: inline;
}

c

.sitebar .notifications-bar:hover .image {
  background-size: 0, contain, 0, 0, 0, 0;
}

.sitebar .notifications-bar.has-unread .image {
  background-size: 0, 0, contain, 0, 0, 0;
}

.sitebar .notifications-bar.has-unread:hover .image {
  background-size: 0, 0, 0, contain, 0, 0;
}

.sitebar .notifications-bar .text {
  position: absolute;
  top: -2px;
  right: -3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #158DDC;
  text-align: center;
  line-height: 12px;
  box-sizing: border-box;
  font-size: 10px;
  font-weight: 300;
  color: #158DDC;
  display: none;
}

.sitebar .notifications-bar.has-unread > .text {
  /*display: unset;*/
}

.sitebar .widget-numpad .button .image.image-numpad {
  background-image: url("/_themes/light/content/media/widgets/numpad/ten-keys.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/widgets/numpad/ten-keys.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-size: contain, 0;
  background-position: 0 0;
}

.sitebar .widget-numpad .button:hover .image.image-numpad {
  background-size: 0, contain;
}

.sitebar .menu .title {
  color: #404040;
  font-weight: 500;
  margin-left: 3px;
  margin-right: 20px;
}

.sitebar .username {
  margin-left: 10px;
}

.sitebar .username > .text {
  display: inline-block;
  position: unset;
  width: auto;
  height: auto;
  background-color: unset;
  border: none;
  font-size: inherit;
  font-weight: inherit;
  transform: translateY(1px);
}

.sitebar .icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.sitebar .button {
  position: relative;
  color: inherit;
  margin-right: 5px;
  padding: 4px 0 0 0;
  display: inline-block;
}

.sitebar .image-home { background-image: url("/_themes/light/content/media/icons/menu.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                         url("/_themes/light/content/media/icons/menu_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
                                         }
.sitebar .image-search { background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                           url("/_themes/light/content/media/icons/search_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
.sitebar .image-tasks { background-image: url("/_themes/light/content/media/icons/tasks.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                          url("/_themes/light/content/media/icons/tasks_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
.sitebar .image-recycle-bin { background-image: url("/_themes/light/content/media/icons/recycle-bin.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                                url("/_themes/light/content/media/icons/recycle-bin_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
.sitebar .image-messages { background-image: url("/_themes/light/content/media/icons/message.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                             url("/_themes/light/content/media/icons/message_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.sitebar .image-notifications { background-image: url("/_themes/light/content/media/icons/reminder.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                                  url("/_themes/light/content/media/icons/reminder_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
.sitebar .image-circled-arrow-right { background-image: url("/_themes/light/content/media/icons/circled_arrow_right_hover.svg?stamp=240311&t=0&icon_color=%2381878F");}
.sitebar .arrow { background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");}
.sitebar .image-theme { background-image: url("/_themes/light/content/media/icons/theme.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                          url("/_themes/light/content/media/icons/theme_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE")}
                                          
.sitebar .image-settings { background-image: url("/_themes/light/content/media/icons/settings.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                    url("/_themes/light/content/media/icons/settings_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE")}

.sitebar .image-house {
  background-image: url("/_themes/light/content/media/icons/house_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/house_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.sitebar .image-archive {
  background-image: url("/_themes/light/content/media/icons/archive_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/archive_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.breadcrumbs-menu.tooltip {
  border-radius: 0px;
  border: 1px solid #D5D7DA;
  min-width: 180px;
}

.breadcrumbs-menu .item {
  border-bottom: 1px solid #D5D7DA;
}

.breadcrumbs-menu .item:last-child {
  border: none;
}

.breadcrumbs-menu .item:hover {
  background-color: #F0F5FA;
}

.breadcrumbs-menu .item a {
  text-decoration: unset;
  padding: 10px 5px;
  display: block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #404040;
}

.sitebar .search {
  float: left;
  margin-left: 200px;
  width: 350px;
}

.sitebar .search input {
  background: #FFFFFF;
  color: #000000;
}

.popup-pane { overflow: auto; }

.popup-pane.breadcrumbs .tabs .tabs-head { margin-bottom: 10px; }

.navigation-panel { display: none; }
.navigation-pane-on .navigation-panel { display: block; }

.navigation-panel {
  position: absolute;
  left: 5px;
  top: 35px;
  width: 34px;
  bottom: 5px;
  background-color: #13344D;
  z-index: 2;
  margin: 0;
  padding: 10px 0 0 6.5px;
  box-sizing: border-box;
  border-radius: 3px;
}

.footerbar-expanded .navigation-panel { bottom: 30px; }

.leftnav-expanded .navigation-panel {
  width: 181px;
  padding: 10px 0 0 10px;
}

.navigation-panel .separator {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 10px;
  margin-bottom: 0;
}

.leftnav-expanded .navigation-panel .separator { width: 93%; }

.navigation-panel .separator:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: rgba(224, 224, 224, 1);
}

.navigation-panel .button {
  display: flex;
  align-items: center;
  margin-right: 10px;
  width: 20px;
  height: 30px;
  border-radius: 3px;
  text-decoration: none;
}

.navigation-panel .button.active {
  background-color: #77BA43; 
}

.navigation-panel .button:hover .image,
.navigation-panel .button.active .image {
  background-size: 0, contain, 0; 
}

.leftnav-expanded .navigation-panel .button { width: auto; }

.navigation-panel .button .text {
  display: none;
  color: #EEEEEE;
  opacity: 0.9;
  line-height: 25px;
}

.navigation-panel .button:hover .text { opacity: 1; }

.navigation-panel .global-search-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D5D7DA;
  border-radius: 3px;
  height: 28px;
  box-sizing: content-box;
  margin: 0 10px 10px 0;
  text-decoration: none;
}

.navigation-panel .global-search-button:hover { background-color: rgba(255, 255, 255, 0.2); }

.navigation-panel .global-search-button:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
}

.leftnav-expanded .navigation-panel .global-search-button:before { margin-right: 5px; }

.leftnav-expanded .navigation-panel .button .text {
  display: inline-block;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*.navigation-panel .button.position-bottom {*/
/*  position: absolute;*/
/*  bottom: 0px;*/
/*  left: 7px;*/
/*}*/

.navigation-panel .toggle-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 20px !important;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

.navigation-panel .toggle-button.expand { right: 6px; }
.navigation-panel .toggle-button:hover { background-color: transparent; }
.navigation-panel .button.hidden { display: none !important; }
.navigation-panel .button:last-child:not(.position-bottom) { margin-bottom: 0; }

/*.navigation-panel .repeatable-group .button,*/
/*.navigation-panel .repeatable-group .button:last-child:not(.position-bottom){*/
/*  margin-bottom: 15px;*/
/*}*/

.navigation-panel .repeatable-group > .group.selected .button,
.navigation-panel .repeatable-group > .group .button.selected{
  background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	padding: 0 0 5px 0;
	margin-right: 10px;
}

.navigation-panel .button .image {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain, 0, 0;
  background-repeat: no-repeat;
}

.leftnav-expanded .navigation-panel .button .image {
  margin: 0 5px;  
}

.navigation-panel .button:hover .image {
  background-size: 0, contain, 0;
}

.navigation-panel .button.popup-originator {
  pointer-events: none;
}

.navigation-panel .button.popup-originator:after {
  /*content: "";*/
  height: 0px;
  width: 0px;
  border-top: solid 8px transparent;
  border-left: solid 8px #13344D;;
  border-bottom: solid 8px transparent;
  position: absolute;
  right: -17px;
  top: 5px;
}

.leftnav-expanded .navigation-panel .button.popup-originator:after {
  right: -8px;
}

.navigation-panel .button.popup-originator .image {
  background-size: 0, 0, contain;
}

body:not(.leftnav-expanded) .navigation-panel .button:not(.position-bottom) {
  transition: padding .2s ease, background-color .2s ease;
}

body:not(.leftnav-expanded) .navigation-panel .button:not(.position-bottom):hover {
  width: auto;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  background-color: #13344D;
  padding-right: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  max-width: 200px;
}

/*body:not(.leftnav-expanded) .navigation-panel .repeatable-group .button:not(.position-bottom):hover, */
/*body:not(.leftnav-expanded) .navigation-panel .repeatable-group .button:last-child:not(.position-bottom):hover {*/
/*  margin-bottom: 10px;*/
/*}*/

body:not(.leftnav-expanded) .navigation-panel .button:not(.position-bottom):hover .text {
  display: inline-block;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body:not(.leftnav-expanded) .navigation-panel .button:not(.position-bottom):hover .image {
  margin-right: 5px;
}

.navigation-panel .button .image-tree {
  background-image: url("/_themes/light/content/media/icons/tree.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/tree_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/tree_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-info {
  background-image: url("/_themes/light/content/media/icons/info_circle2.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/info_circle2_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/info_circle2_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-folder {
  background-image: url("/_themes/light/content/media/icons/opened_folder.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/opened_folder_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/opened_folder_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}


.navigation-panel .button .image-measure {
  background-image: url("/_themes/light/content/media/icons/blueprint_drawing.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/blueprint_drawing_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/blueprint_drawing_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}


.navigation-panel .button .image-3dmodel {
  background-image: url("/_themes/light/content/media/icons/3d_model.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/3d_model_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/3d_model_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel-popup .button .image-favorites,
.navigation-panel .button .image-favorites {
  background-image: url("/_themes/light/content/media/icons/favorites.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/favorites_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel-popup .button .image-favorites-link,
.navigation-panel .button .image-favorites-link {
  background-image: url("/_themes/light/content/media/icons/favorites_link.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/favorites_link_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/favorites_link_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel-popup .button .image-favorites-planet,
.navigation-panel .button .image-favorites-planet {
  background-image: url("/_themes/light/content/media/icons/favorites_planet.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/favorites_planet_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/favorites_planet_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel-popup .button .image-favorites-warning,
.navigation-panel .button .image-favorites-warning {
  background-image: url("/_themes/light/content/media/icons/favorites_warning.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/favorites_warning_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/favorites_warning_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-inspection-planning {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/inspection.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/widgets/accessmatrix/inspection.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/widgets/accessmatrix/inspection.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-pqp-records {
  background-image: url("/_themes/light/content/media/icons/pqp_records.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/pqp_records.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/pqp_records.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-job-revisions {
  background-image: url("/_themes/light/content/media/widgets/accessmatrix/job.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/widgets/accessmatrix/job.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/widgets/accessmatrix/job.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-documents {
  background-image: url("/_themes/light/content/media/icons/leftmenu/documents.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/documents_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/documents_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-length {
  background-image: url("/_themes/light/content/media/icons/leftmenu/length.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/length_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/length_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-job {
  background-image: url("/_themes/light/content/media/icons/leftmenu/job.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/job_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/job_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-design {
  background-image: url("/_themes/light/content/media/icons/leftmenu/design.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/design_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/design_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-purchase-order {
  background-image: url("/_themes/light/content/media/icons/leftmenu/purchase-order.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/purchase-order_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/purchase-order_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-home {
  background-image: url("/_themes/light/content/media/icons/leftmenu/home.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/home_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/home_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-micrometer {
  background-image: url("/_themes/light/content/media/icons/leftmenu/micrometer.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/micrometer_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/micrometer_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-flipboard {
  background-image: url("/_themes/light/content/media/icons/leftmenu/flipboard.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/flipboard_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/flipboard_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-add-subnode {
  background-image: url("/_themes/light/content/media/icons/leftmenu/add-subnode.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/add-subnode_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/add-subnode_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-move-node-down {
  background-image: url("/_themes/light/content/media/icons/leftmenu/move-node-down.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/move-node-down_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/move-node-down_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-code-fork {
  background-image: url("/_themes/light/content/media/icons/leftmenu/code-fork.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/code-fork_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/code-fork_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-boxes{
  background-image: url("/_themes/light/content/media/icons/leftmenu/boxes.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/boxes_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/boxes_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-gold-bars {
  background-image: url("/_themes/light/content/media/icons/leftmenu/gold-bars.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/gold-bars_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/gold-bars_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-blueprint {
  background-image: url("/_themes/light/content/media/icons/leftmenu/blueprint.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/blueprint_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/blueprint_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-assembly {
  background-image: url("/_themes/light/content/media/icons/leftmenu/assembly.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/assembly_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/assembly_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-sugar-cubes {
  background-image: url("/_themes/light/content/media/icons/leftmenu/sugar-cubes.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/sugar-cubes_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/sugar-cubes_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-escape-mainstream {
  background-image: url("/_themes/light/content/media/icons/leftmenu/escape-mainstream.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/escape-mainstream_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/escape-mainstream_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-enterprise-resource-planning {
  background-image: url("/_themes/light/content/media/icons/leftmenu/enterprise-resource-planning.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/enterprise-resource-planning_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/enterprise-resource-planning_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-flow {
  background-image: url("/_themes/light/content/media/icons/leftmenu/flow.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/flow_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/flow_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-list {
  background-image: url("/_themes/light/content/media/icons/leftmenu/list.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/list_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/list_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-dashboard {
  background-image: url("/_themes/light/content/media/icons/leftmenu/dashboard.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/dashboard_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/dashboard_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-dashboard2 {
  background-image: url("/_themes/light/content/media/icons/leftmenu/dashboard2.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/dashboard2_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/dashboard2_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-pqp-documents {
  background-image: url("/_themes/light/content/media/icons/leftmenu/documents.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/documents_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/documents_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-statistics {
  background-image: url("/_themes/light/content/media/icons/leftmenu/statistics.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/statistics_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/statistics_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.navigation-panel .button .image-samples {
  background-image: url("/_themes/light/content/media/icons/leftmenu/transactions.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/transactions_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/leftmenu/transactions_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

/*.navigation-panel .button.expand, */
/*.navigation-panel .button.collapse {*/
/*  padding: 2px;*/
/*}*/

/*.navigation-panel .button.collapse {*/
/*  right: 5px;*/
/*  left: auto;*/
/*}*/

.navigation-panel .button .image-expand-leftmenu {
  width: 15px;
  height: 15px;
  margin: 0;
  background-image: url("/_themes/light/content/media/icons/pin_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/pin.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/pin.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

.navigation-panel .button .image-collapse-leftmenu {
  width: 15px;
  height: 15px;
  margin: 0 !important;
  background-image: url("/_themes/light/content/media/icons/pin.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/pin_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/pin.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

/* collection-a */
.navigation-panel .button .image-boc { 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/boc-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/boc-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-cadmodel { 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-compositepart { 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-drawing { 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/drawing-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/drawing-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-inspectioninstruction { 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-inspectionprocedure { 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-inspectionprocedure2 { 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-inspector { 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/inspector-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/inspector-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-lots { 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/lots-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/lots-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-machine { 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/machine-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/machine-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-manufacturingprocedure { 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-mfgoperationmachine { 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperationmachine-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-operator { 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/operator-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/operator-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-pdr { 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/pdr-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/pdr-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-pmr { 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/pmr-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/pmr-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-poitem { 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/poitem-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/poitem-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-processplan { 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/processplan-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/processplan-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-productioninstruction { 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-report { 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/report-default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-a/report-default_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}

.navigation-panel .button .image-parametric { 
    background-image: url("/_themes/light/content/media/icons/collection-b/parametric.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/parametric_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/parametric_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-anglerule { 
    background-image: url("/_themes/light/content/media/icons/collection-b/anglerule.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/anglerule_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/anglerule_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-assembly { 
    background-image: url("/_themes/light/content/media/icons/collection-b/assembly.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/assembly_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/assembly_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-documents { 
    background-image: url("/_themes/light/content/media/icons/collection-b/documents.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/documents_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/documents_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-favouritesstar { 
    background-image: url("/_themes/light/content/media/icons/collection-b/favouritesstar.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-favouritesstar-1 { 
    background-image: url("/_themes/light/content/media/icons/collection-b/favouritesstar-1.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-1_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-1_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-favouritesstar-2 { 
    background-image: url("/_themes/light/content/media/icons/collection-b/favouritesstar-2.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-2_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-2_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-favouritesstar-3 { 
    background-image: url("/_themes/light/content/media/icons/collection-b/favouritesstar-3.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-3_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/favouritesstar-3_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-graphs { 
    background-image: url("/_themes/light/content/media/icons/collection-b/graphs.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/graphs_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/graphs_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-home { 
    background-image: url("/_themes/light/content/media/icons/collection-b/home.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/home_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/home_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-inspectionprocedure { 
    background-image: url("/_themes/light/content/media/icons/collection-b/inspectionprocedure.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/inspectionprocedure_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/inspectionprocedure_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-job { 
    background-image: url("/_themes/light/content/media/icons/collection-b/job.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/job_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/job_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-job-1 { 
    background-image: url("/_themes/light/content/media/icons/collection-b/job-1.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/job-1_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/job-1_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-manufacturingproduction { 
    background-image: url("/_themes/light/content/media/icons/collection-b/manufacturingproduction.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/manufacturingproduction_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/manufacturingproduction_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-material { 
    background-image: url("/_themes/light/content/media/icons/collection-b/material.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/material_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/material_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-matrixgantt { 
    background-image: url("/_themes/light/content/media/icons/collection-b/matrixgantt.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/matrixgantt_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/matrixgantt_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-mfgmachine { 
    background-image: url("/_themes/light/content/media/icons/collection-b/mfgmachine.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/mfgmachine_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/mfgmachine_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-part { 
    background-image: url("/_themes/light/content/media/icons/collection-b/part.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/part_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/part_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-planning { 
    background-image: url("/_themes/light/content/media/icons/collection-e/anglerule.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-e/anglerule_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-e/anglerule_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-planning2 { 
    background-image: url("/_themes/light/content/media/icons/collection-b/planning.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/planning_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/planning_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-po { 
    background-image: url("/_themes/light/content/media/icons/collection-b/po.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/po_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/po_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-routing { 
    background-image: url("/_themes/light/content/media/icons/collection-b/routing.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/routing_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/routing_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-samples { 
    background-image: url("/_themes/light/content/media/icons/collection-b/samples.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/samples_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/samples_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}
.navigation-panel .button .image-speeddash { 
    background-image: url("/_themes/light/content/media/icons/collection-b/speeddash.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/speeddash_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
    url("/_themes/light/content/media/icons/collection-b/speeddash_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");}

.breadcrumbs .image-locked {
  background-image: url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/lock_filled.svg?stamp=240311&t=0&icon_color=%23404040")
}

.breadcrumbs .image-revision-requested {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=%23404040")
}

.breadcrumbs .image-pdr-prod{ 
    background-image: url("/_themes/light/content/media/icons/pdr_prod.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                      url("/_themes/light/content/media/icons/pdr_prod_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.breadcrumbs .image-pmr-mfg{ 
    background-image: url("/_themes/light/content/media/icons/pmr_mfg.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                      url("/_themes/light/content/media/icons/pmr_mfg_filled.svg?stamp=240311&t=0&icon_color=%23404040");}


/* breadcrumbs-menu */
.breadcrumbs-menu-item {
  display: block;
  border-bottom: 1px solid #D5D7DA;
}

.breadcrumbs-menu-item:last-child {
  border-bottom: none;
}

.breadcrumbs-menu-item:hover {
  background-color: #F0F5FA;
}

.breadcrumbs-menu .breadcrumbs-menu-item .field .value-box {
  background-color: unset;
  cursor: pointer;
  padding: 0;
  padding-left: 0px;
  padding-top: 5px;
}

.breadcrumbs-menu .breadcrumbs-menu-item .field > .field-value.has-icon .value-box {
  display: inline-block;
  width: auto;
}

.breadcrumbs-menu-item .field > .field-value.has-icon .icon{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 4px;
  margin-right: 5px;
}

/* header */
.breadcrumbs-menu-item .text {
  font-weight: 300;
  font-size: 14px;
  letter-spacing: .6px;
  display: block;
  color: #13344D;
}

/* comment */
.breadcrumbs-menu-item .remarks {
  font-size: 12px;
  color: #81878F;
  display: block;
  margin-top: 2px;
}













.button { 
  cursor: pointer; 
  text-decoration: unset;
  color: inherit;
}
.button .image {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-size: contain, 0 0, 0 0, 0 0;
  background-position: center;
  background-repeat: no-repeat;
}

.button.green,
.popup .popup-buttons .button.green {
  background-color: #77BA43;
}

.popup .popup-buttons .button.button.success,
.button.success {
  background-color: #77BA43;
}

.button.image-size-b .image {
  width: 14px;
  height: 14px;
}

.button.image-size-c .image {
  width: 26px;
  height: 26px;
}

.button.image-size-d .image {
  width: 40px;
  height: 40px;
}

.button:hover .image {
  background-size: 0 0, contain, 0 0, 0 0;
}

.button.disabled .image,
.button.disabled .text {
  opacity: .2;
}

.button.disabled:hover .image {
  background-size: contain, 0 0, 0 0, 0 0;
}

.button .text {
  /*margin-left: 5px;*/
}

.button .options {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  transform: rotate(90deg);
  transition: transform .3s ease-in-out;
  cursor: pointer;
  margin-left: 2px;
}

.button .options:hover {
  transform: rotate(90deg) translateX(2px);
}

/* toolbar collapse */
.button.collapse{ display: inline-block;}
.button.collapse-buttons{ display:none; }
@media only screen and (max-width: 400px) 
{
	.button.collapse{ display: none;}
	.button.collapse-buttons{ display:inline-block; }
}
.button.collapse.hidden{ display: none; }

.button-a:hover { 
  color: #666666; 
}

.button-a {
  padding: 0 20px;
  text-decoration: none;
  color: inherit;
}

.button-a .image {
  margin-right: 5px; 
}

.button-b {
  display: inline-block;
  background-color: #13334C;
  color: #EEEEEE;
  padding: 6px 25px;
  border-radius: 3px;
  transition: background-color .3s ease;
  text-decoration: none;
  min-width: 100px;
  box-sizing: border-box;
}

.ws1 .actions-pane .button.button-b {
  color: #EEEEEE;
}

.button-b.center {
  text-align: center;
}

.button-b:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.popup .popup-buttons .button.button-b.success,
.button-b.success {
  background-color: #77BA43;
}

.ws1 .actions-pane .button.button-b.success:hover{
  background-color: #77BA43;
  color: #EEEEEE;
}

.popup .popup-buttons .button.button-b.green,
.button-b.green {
  background-color: #77BA43;
}

.ws1 .actions-pane .button.button-b.green:hover{
  background-color: #77BA43;
  color: #EEEEEE;
}

.button-b.red {
  background-color: rgba(220, 53, 69, 1);
}

.button-b .image {
  display: none;
}

.button-b.image-visible .image,
.button-b.icon-visible .image{
  display: inline-block;
  margin-right: 5px;
}

.button-b.image-visible.image-right .image,
.button-b.icon-visible.image-right .image{
  float: right;
  margin-right: 0;
  margin-left: 5px;
}

.button-b.style-a {
  background-color: #158DDC;
  padding: 6px 35px 6px 30px;
}

.button-b.style-a .image {
  display: inline-block;
  margin-right: 5px;
}

.button-b.style-a .image-role {
   background-image: url("/_themes/light/content/media/icons/add_participants.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                     url("/_themes/light/content/media/icons/add_participants_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.button-b.style-b {
  background-color: #158DDC;
}

.button-b.style-c {
  background-color: transparent;
  border: 1px solid #D5D7DA;
  color: #13344D;
}

.button-b.style-c:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-b.style-d {
  padding: 6px 10px;
  min-width: 0;
}

.button-b.style-d:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-b.style-e {
  min-width: 0;
  padding: 6px 10px;
  background-color: transparent;
  border: 1px solid #D5D7DA;
  color: #13344D;
}

.button-b.style-e:hover {
  /*color: #EEEEEE;*/
  background-color: rgba(19, 51, 76, 0.5);
}

.button-b.style-f {
  background-color: #77BA43;
  padding: 6px 10px;
  min-width: 90px;
}

.button-b.style-f:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-b.style-g {
  background-color: #77BA43;
  padding: 6px 10px;
  min-width: 0px;
}

.button-b.style-g.image-visible .image {
  margin: 0;
}

.button-b.style-g:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-b.style-h {
  padding: 2px 15px;
  background-color: transparent;
  border: 1px solid #D5D7DA;
  color: #13344D;
}

.button-b.style-h:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-b.secondary {
  color: #13344D;
  transition: background-color .3s ease;
  background-color: transparent;
  border: 1px solid #D5D7DA;
}

.button-b.secondary:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-b.disabled, .button-b.success.disabled {
  background-color: #F0F5FA;
  color: #404040;
  cursor: default;
}

.button-c {
  padding: 5px 10px;
  margin-right: 10px;
}

/*.button-c, .button-c:link { position: relative; display: inline-block; vertical-align: middle; background-color: #77BA43; text-decoration: none;*/
/*                        height: 50px; min-width: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/
/*                        color: #fff; line-height: 50px; text-align: center; border: 0; padding: 0 24px; font-family: Roboto;*/
/*                        transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;  font-size: 14px; text-transform: uppercase; font-weight:bold;  }*/
/*.button-c .text { position: relative; z-index: 2; }*/
/*.button-c:hover { text-decoration: none; background-color: #8BCE4C; color: #fff; }*/

/*.button-d, .button-d:link { position: relative; display: inline-block; vertical-align: middle; background-color: transparent; text-decoration: none;*/
/*  height: 50px; min-width: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/
/*  color: #EEEEEE; line-height: 50px; text-align: center; border: 0; padding: 0 24px; font-family: Roboto;*/
/*  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;  font-size: 14px; text-transform: uppercase; font-weight:bold;  */
/*  border: 1px solid #42484E;*/
/*}*/
/*.button-d .text { position: relative; z-index: 2; }*/
/*.button-d:hover { text-decoration: none; background-color: #272930; color: #EEEEEE; }*/

.button-d {
  display: inline-block;
  background-color: #77BA43;
  color: #EEEEEE;
  padding: 6px 25px;
  border-radius: 3px;
  transition: background-color .3s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.button-d:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-d.success {
  background-color: #77BA43;
}

.button-d .image {
  display: none;
}

.button-d.style-a {
  background-color: #158DDC;
  padding: 6px 35px 6px 30px;
}

.button-d.style-a .image {
  display: inline-block;
  margin-right: 5px;
}

.button-d.style-a .image-role {
   background-image: url("/_themes/light/content/media/icons/add_participants.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                     url("/_themes/light/content/media/icons/add_participants_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.button-d.secondary {
  transition: background-color .3s ease;
  background-color: transparent;
  border: 1px solid #D5D7DA;
}

.button-d.secondary:hover {
  background-color: #F0F5FA;
}

.button-d.disabled {
  background-color: #F0F5FA;
  color: rgba(144, 146, 150, 1);
  cursor: default;
}

.button.margin-top1{ margin-top: 10px; }
.button.margin-top2{ margin-top: 15px; }
.button.margin-top3{ margin-top: 20px; }
.button.left{ float:left; }
.button.right{ float:right; }

.button.button-link-text .text{
  font-size: 28px;
  font-weight: 500;
  color: #404040;
  line-height: 28px;
}

.flat-button {
  position: relative;
  padding: 5px 5px 10px 5px;
  border-radius: 2px;
  margin-bottom: 5px;
  background-color: #FFFFFF;
  cursor: default;
  border: 1px solid #D5D7DA;
}

.flat-button.style-b {
  padding: 5px 5px 6px 5px;
  margin-right: 5px;
  color: #404040;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.flat-button.style-b .text {
  color: #404040;
  text-decoration: none;
}

.flat-button:hover {
  background-color: rgba(249, 249, 249, 1);
  border-color: #81878F;
}

.flat-button:hover .image {
  background-size: 0 0, contain, 0 0, 0 0;
}

.flat-button.style-c {
  border: none;
  padding: 6px 7px 7px 7px;
  margin-right: 5px;
  color: #404040;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.flat-button.style-c .text {
  color: #404040;
  text-decoration: none;
}

.flat-button.style-c:hover {
  background-color: #F0F5FA;
}

.flat-button.style-d {
  border: none;
  padding: 6px 5px 7px 5px;
  margin-right: 5px;
  color: #404040;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}

.flat-button.style-d .image {
  display: block;
}

.flat-button.style-d .text {
  color: #404040;
  text-decoration: none;
}

.flat-button.style-d:hover {
  background-color: #F0F5FA;
}

.flat-button.style-green {
  /*background-color: red;*/
  background-color: transparent;
  border: 1px solid #A2CFD1;
}

.flat-button.style-green:hover {
  background-color: rgba(37, 141, 107, 0.2);
  border: 1px solid #A2CFD1;
}

.flat-button.style-red {
  /*background-color: rgba(214, 54, 62, 0.2);*/
  background-color: transparent;
  border: 1px solid #EBA9CD;
}

.flat-button.style-red:hover {
  background-color: #FAEAF3;
  border: 1px solid #EBA9CD;
}

.flat-button:last-child {
  margin-bottom: 0;
}

.flat-button .button {
  position: absolute;
  left: 5px;
  top: 5px;
}

.flat-button .title {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #404040;
  margin-left: 25px;
  margin-bottom: 5px;
}

.flat-button .description {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #81878F;
  margin-left: 25px;
  margin-bottom: 0;
}

.flat-button .button .image-3d-model {
  background-image: url("/_themes/light/content/media/icons/large/3d.svg?stamp=240311&t=0&icon_color=%23CE2783"),
                    url("/_themes/light/content/media/icons/large/3d_filled.svg?stamp=240311&t=0&icon_color=%23CE2783");
}

.flat-button .button .image-2d-model {
  background-image: url("/_themes/light/content/media/icons/large/blueprint_drawing.svg?stamp=240311&t=0&icon_color=%2316878C"),
                    url("/_themes/light/content/media/icons/large/blueprint_drawing_filled.svg?stamp=240311&t=0&icon_color=%2316878C");
}

.flat-button .button .image-database {
  background-image: url("/_themes/light/content/media/icons/large/database.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/large/database_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.flat-button .button .image-sample-drawing {
  background-image: url("/_themes/light/content/media/icons/large/import_sample_drawing.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/large/import_sample_drawing_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.flat-button .button .image-import-xdf {
  background-image: url("/_themes/light/content/media/icons/large/import_xdf.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/large/import_xdf_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.buttons-a, .group.buttons-a{
  padding: 0 15px 15px 15px;
  min-height: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* button-e */
.button-e {
  display: block;
  background-color: #1473E6;
  color: #EEEEEE;
  padding: 0;
  border-radius: 30px;
  transition: background-color .3s ease;
  text-decoration: none;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  position: relative;
}

.button-e:hover {
  background-color: #1473E6;
  box-shadow: 0px 0px 5px #00000033;
}

.button-e.success {
  background-color: #77BA43;
}

.button-e.style-a {
  background-color: #158DDC;
  padding: 6px 35px 6px 30px;
}

.button-e.style-a .image {
  display: inline-block;
  margin-right: 5px;
}

.button-e.style-a .image-role {
   background-image: url("/_themes/light/content/media/icons/add_participants.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                     url("/_themes/light/content/media/icons/add_participants_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.button-e .image {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 40px;
  height: 40px;
}

.button-e .image-circled-arrow-right { 
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23FFFFFF"),
                                               url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%23FFFFFF");
}
                                               
.button-e .image-circled-arrow-left { 
  background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23FFFFFF"),
                                               url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23FFFFFF");
}

.button-e .image-add { background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23FFFFFF"),
                               url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23FFFFFF");
}

.button-e.secondary {
  transition: background-color .3s ease;
  background-color: transparent;
  border: 1px solid #D5D7DA;
}

.button-e.secondary:hover {
  background-color: #F0F5FA;
}

.button-e.disabled {
  background-color: #F0F5FA;
  color: rgba(144, 146, 150, 1);
  cursor: default;
}

/* button-f */
.popup .popup-buttons .button.button-f,
.button.button-f {
  float: unset;
  margin-right: 0;
  margin-left: 10px;
}

/* button-s */
.button.button-s { 
  display: inline-block;
}

.popup .popup-buttons .button.button-f.status-1,
.button.button-f.status-1 {
  background-color: rgba(40, 167, 69, 1);
}

.popup .popup-buttons .button.button-f.status-2,
.button.button-f.status-2 {
  background-color: rgba(220, 53, 69, 1);
}

.popup .popup-buttons .button.button-f.status-3,
.button.button-f.status-3 {
  background-color: #F0F5FA;
  color: #EEEEEE;
  cursor: default;
}

.popup .popup-buttons .button.button-f.status-4,
.button.button-f.status-4 {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  color: #13344D;
}

.popup .popup-buttons .button.button-f.status-4,
.button.button-f.status-4 .image {
  background-size: 0, contain, 0, 0;
}

.popup .popup-buttons .button.button-f.status-5,
.button.button-f.status-5 {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  color: rgba(144, 146, 150, 1);
  cursor: default;
}

.popup .popup-buttons .button.button-f.status-5 .image,
.button.button-f.status-5 .image {
  background-size: 0, 0, contain, 0;
}

.popup .popup-buttons .button.button-f .image,
.button.button-f .image {
  margin-right: 5px;
}

.popup .popup-buttons .button.button-f:hover .image,
.button.button-f:hover .image {
  background-size: contain, 0, 0, 0;
}

.popup .popup-buttons .button.button-f.status-4:hover .image,
.button.button-f.status-4:hover .image {
  background-size: 0, contain, 0, 0;
}

.popup .popup-buttons .button.button-f.status-5:hover .image,
.button.button-f.status-5:hover .image {
  background-size: 0, 0, contain, 0;
}

.popup .popup-buttons .button.button-f .image-add,
.button.button-f .image-add {
  background-image: url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-reject,
.button.button-f .image-reject {
  background-image: url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-share,
.button.button-f .image-share {
  background-image: url("/_themes/light/content/media/icons/share_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/share_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/share_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-import,
.button.button-f .image-import {
  background-image: url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-export,
.button.button-f .image-export {
  background-image: url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-clear,
.button.button-f .image-clear {
  background-image: url("/_themes/light/content/media/icons/clean_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/clean_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/clean_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.button.button-submenu-a {
  display: block;
  padding: 9px 10px 9px 25px;
  border-bottom: 1px solid #D5D7DA;
}

.button.button-submenu-a .text {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #414448;
}

.button.button-submenu-a .image{
  margin-right: 7px;
}

.button.button-submenu-a:hover {
  background-color: #F0F5FA;
}

/* button-g */
.button-g {
  display: inline-block;
  background-color: #13334C;
  color: #EEEEEE;
  padding: 6px 13px 6px 10px;
  border-radius: 3px;
  transition: background-color .3s ease;
  text-decoration: none;
  min-width: 0;
  box-sizing: border-box;
}

.button-g.center {
  text-align: center;
}

.button-g:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-g.success {
  background-color: #77BA43;
}
.button-g .image {
  display: inline-block;
  margin-right: 5px;
}

.button-g .image-role {
   background-image: url("/_themes/light/content/media/icons/add_participants.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                     url("/_themes/light/content/media/icons/add_participants_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.button-g .image-workflow {
  background-image: url("/_themes/light/content/media/icons/workflow.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/workflow_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE")
}

.button-g.secondary {
  transition: background-color .3s ease;
  background-color: transparent;
  border: 1px solid #D5D7DA;
}

.button-g.secondary:hover {
  background-color: #F0F5FA;
}

.button-g.disabled {
  background-color: #F0F5FA;
  color: rgba(144, 146, 150, 1);
  cursor: default;
}

/* button positions */
.button.position-head1 {
  position: absolute;
  right: 40px;
  top: 12px;
}

.button.position-head2 {
  position: absolute;
  right: 10px;
  top: 10px;
}

.button.position-head3 {
  position: absolute;
  right: 10px;
  top: 8px;
}

.button.position-head4 {
  position: absolute;
  left: 350px;
  top: 8px;
}

.button.position-head5 {
  position: absolute;
  right: 40px;
  top: 27px;
  z-index: 1;
}

.button.position-head6 {
  position: absolute;
  right: 0px;
  top: 0px;
}

.button.position-head7 {
  position: absolute;
  right: 40px;
  top: 6px;
  z-index: 1;
}

.button.position-right1 {
  position: absolute;
  right: 20px;
  top: 50%;
}

.button.block {
  display: block;
}

/* button-h */
.button-h {
  padding: 5px 10px;
  margin-right: 10px;
  text-align: center;
}

.button-h:hover .text {
  text-decoration: underline;
}

/* button-i */
.button-i .image {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background-size: contain, 0 0, 0 0, 0 0;
  background-position: center;
  background-repeat: no-repeat;
}
.button-i:hover .image {
  background-size: 0 0, contain, 0 0, 0 0;
}
.button-i .text {
  display: none;
}

/* button-i2 */
.button-i2 {
  padding: 0;
  margin-left: 15px;
  text-decoration: none;
}

.button-i2 .image {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-size: contain, 0 0, 0 0, 0 0;
  background-position: center;
  background-repeat: no-repeat;
}
.button-i2:hover .image {
  background-size: 0 0, contain, 0 0, 0 0;
}
.button-i2 .text {
  margin-left: 2px;
  color: #81878F;
  font-weight: 300;
  letter-spacing: .6px;
  text-decoration: none;
  text-transform: none;
  font-size: 14px;
  line-height: 19px;
}

.button-i2:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 2px center;
  transform: rotate(90deg);
  transition: transform .3s ease-in-out;
  cursor: pointer;
  margin-left: 2px;
}

.button-i2:hover:after {
  transform: rotate(90deg) translateX(1px);
}

/* button-i3 */
.button-i3 .image {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-size: contain, 0 0, 0 0, 0 0;
  background-position: center;
  background-repeat: no-repeat;
}
.button-i3:hover .image {
  background-size: 0 0, contain, 0 0, 0 0;
}
.button-i3 .text {
  display: none;
}

/* button-i4 */
.button-i4 {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 2px 5px 5px rgb(0 0 0 / 20%);
}

.button-i4 .image {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background-size: contain, 0 0, 0 0, 0 0;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
  padding: 0;
  margin: 0;
  transform: scale(1.3);
}
.button-i4:hover .image {
  background-size: 0 0, contain, 0 0, 0 0;
}
.button-i4 .text {
  display: none;
}

.button-i4 .image-circled-arrow-right { 
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2377BA43"),
           url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

/* button-j */
.button-j {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  padding: 2px 10px;
  color: #13344D;
}

.button-j:hover {
  background-color: #F0F5FA;
}

/* button-k */
.button-k, .sitebar .button-k {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  padding: 0px 10px 1px 10px;
  color: #13344D;
}

.sitebar .button-k {
  margin-right: 10px;
  margin-left: 10px;
}

.button-k span.text, .sitebar .button-k span.text{
  color: #13344D;
  line-height: 20px;
}

.button-k:hover, .sitebar .button-k:hover {
  background-color: #F0F5FA;
}

/*button-m*/
.button.button-m, .sitebar .button.button-m {
  min-height: 30px;
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
  min-width: 30px;
  text-align: center;
}

.button.button-m .image, .sitebar .button.button-m .image {
  float: right;
  background-size: 14px 14px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

/* button-n */
.button-n {
  padding: 5px 10px;
  text-align: center;
}

.button-n:hover, .ws1 .actions-pane .button.button-n:hover, .ws1 .tool-pane .button.button-n:hover, .tooltip .actions-pane .button.button-n:hover {
  background: transparent;
}

.button-n .text {
  text-decoration: underline;
  font-size: 12px;
  font-weight: 500;
}

.button-n:hover .text {
  text-decoration: none;
}

/* button-o */
.button-o {
  padding: 15px 35px;
  background-color: transparent;
  border: 2px solid #158DDC;
  color: #158DDC;
  opacity: 1;
  border-radius: 40px;
  display: inline-block;
  margin-bottom: 2px;
  transition: all 0.3s ease;
}

.button-o .text {
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  font-family: Roboto, sans-serif;
  line-height: 19px;
  text-transform: none;
}

.button-o:hover {
  border: 2px solid #158DDC;
  opacity: 1;
  box-shadow: 0 0 0 1px #158DDC;
}

/* button-p */
.button-p {
  background-image: url("/_themes/light/content/media/icons/expand-item.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: right 5px center;
}

.button.shake {
  -webkit-animation-name: shake;
  -webkit-animation-duration: .8s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0.001s;
}

/*<--- keyframes --->*/
@-webkit-keyframes shake {
  0% {
    transform: translateX(0px);
  }
  10% {
    transform: translateX(-4px);
  }
  25% {
    transform: translateX(3px);
  }
  40% {
    transform: translateX(-2px);
  }
  60% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0px);
  }
}

/* button-tree-a */
.button-tree-a {
  padding: 0;
  text-align: left;
  margin-left: 5px;
  z-index: 1;
}

.button-tree-a:hover, .ws1 .actions-pane .button.button-tree-a:hover, 
.ws1 .tool-pane .button.button-tree-a:hover, .tooltip .actions-pane .button.button-tree-a:hover {
  background: transparent;
}

.button-tree-a .image {
  padding-right: 7px;
}

.button-tree-a .text {
  color: #13344D;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: .6px;
  text-decoration: none;
}

.button-tree-a:hover .text {
  text-decoration: none;
}

.button.link {
  color: #158DDC;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  font-family: Roboto, sans-serif;
  line-height: 19px;
  text-transform: none;
}

.button.link.style-b {
  color: #0961F9;
}

.button.link.style-c {
  font-family: Roboto, sans-serif;
  line-height: 19px;
  color: #81878F;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  position: relative;
}

.button.link.style-c.color-b {
  color: #404040;
}

.button.link.style-c.has-separator {
  margin-left: 10px;
  margin-right: 6px;
}

.button.link.style-c.has-separator:before {
  content: '|';
  position: absolute;
  left: -9px;
}

.button.link:hover {
  text-decoration: underline;
}

.button.link.style-c.has-icon {
  position: relative;
  padding-left: 20px;
}

.button.link.style-c.has-icon.icon-right {
  position: relative;
  padding-left: 0;
  padding-right: 20px;
}

.button.link.style-c.has-icon .icon {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0px;
  top: 2px;
  background-size: contain, 0;
}

.button.link.style-c.has-icon.icon-right .icon {
  left: auto;
  right: 0;
}

.button-w {
  padding: 15px 45px;
  /*background-color: #77BA43;*/
  background-color: #77BA43;
  border: none;
  color: #FFFFFF;
  opacity: 1;
  border-radius: 40px;
  display: inline-block;
  margin-bottom: 2px;
  transition: all 0.3s ease;
  border: 1px solid #77BA43;
}

.button-w.secondary {
  background-color: transparent;
  color: #77BA43;
  border: 1px solid #77BA43;
}

.button-w .text{
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  font-family: Roboto, sans-serif;
  line-height: 19px;
  text-transform: none;
}

.button-w:hover {
  /*background-color: #77BA43;*/
  background-color: #77BA43;
  opacity: 1;
  box-shadow: 0 0 0 1px #77BA43;
}

.button-w.secondary:hover {
  background-color: transparent;
}
.paging-bar {
  overflow: hidden; 
  margin: 4px 0; 
}

.paging-bar .recordscount {
  float: left; 
  color: #81878F; 
  font-size: 15px; 
  font-weight: 300; 
}

.paging-bar .recordscount span {
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 5px; 
}

.paging-bar .paging {
  float: right; 
  font-size: 12px; 
  color: #81878F;
  margin-left: 40px;
}

.paging-bar .paging:first-child {
  margin-left: 0;
}

.paging-bar .prev {
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  text-align: center; 
  cursor: pointer;
  min-width: 1em; 
}

.paging-bar .prev:hover {
  color: #1283ff; 
}

.paging-bar .prev span {
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px;
  background-image: url("/_themes/light/content/media/icons/arrow_left_circled.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/arrow_left_circled_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 16px 16px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.paging-bar .prev:hover span {
  background-size: 0 0, 16px 16px;
}

.paging-bar .prev.disabled span {
  background-image: url("/_themes/light/content/media/icons/arrow_left_circled.svg?stamp=240311&t=0&icon_color=%238999A5");
  background-size: 16px 16px;
}

.paging-bar .prev.disabled {
  cursor: default;
}

.paging-bar .prev.disabled:hover {
  color: #eee; 
}

.paging-bar .next {
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  text-align: center; 
  cursor: pointer;
  min-width: 1em; 
}

.paging-bar .next:hover {
  color: #1283ff; 
}

.paging-bar .next span {
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 16px 16px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.paging-bar .next:hover span {
  background-size: 0 0, 16px 16px;
}

.paging-bar .next.disabled {
  cursor: default;
}

.paging-bar .next.disabled span {
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%238999A5");
  background-size: 16px 16px;
}

.paging-bar .goto {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  padding: 0;
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/go_to_page2.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/go_to_page2_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain, 0;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
}

.paging-bar .goto:hover {
  background-size: 0, contain;
}

.paging-bar .paging-page {
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  cursor: pointer;
  min-width: 1em;
}

.paging-bar .paging-page.active {
  color: rgba(144, 146, 150, 1); 
}

.paging-bar .paging-page.active span {
  text-decoration: none;
}

.paging-bar .paging-page span {
  display: inline-block; 
  min-width: 20px; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
  text-decoration: underline;
}

.paging-bar .paging-spacer {
  /*display: inline-block; */
  display: none;
  vertical-align: middle;  
  width: 20px; 
  height: 20px; 
  padding: 0; 
  background: transparent; 
  cursor: pointer; 
  min-width: 1em; 
  border-style: none none none solid; 
  border-color: #ddd; 
  border-width: 1px; 
}

.paging-bar .paging-spacer span {
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  text-align: center; 
}





.signin-formnew {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F5FA;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  /*min-height: 550px;*/
}

.signin-formnew.style-b {
  background-color: #FFFFFF;
}

.signin-formnew:before{
  content: "";
  position: absolute;
  right: 40px;
  bottom: 40px;
  /*background-image: url("/_themes/light/content/media/switchapp/powered-by.svg?stamp=240311&t=0&icon_color=%2313344D");*/
  /*background-image: url("/_themes/light/content/media/high_qa_logo_checkmark_horizontal_powered_by.svg?stamp=240311&t=0&icon_color=%2313344D");*/
  width: 173px;
  height: 68px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.signin-formnew:after {
  /*content: '';*/
  position: absolute;
  top: 110px;
  left: 80px;
  background-image: url("/_themes/light/content/media/space_x_logo.png?stamp=240311&t=0&icon_color=%2313334C");
  width: 340px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
}

.signin-formnew .field .field-value .value-box {
  position: relative;
  background-color: unset;
}

.signin-formnew .field.username .field-value .value-box:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/user_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

.signin-formnew .field.password .field-value .value-box:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/lock_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

.signin-formnew .field.username.style-b .field-value .value-box,
.signin-formnew .field.password.style-b .field-value .value-box {
  line-height: 34px;
}

.signin-formnew .field.username.style-b .field-value .value-box .text,
.signin-formnew .field.password.style-b .field-value .value-box .text{
  padding-left: 25px;
}

.signin-formnew .field.username.style-b .field-value .value-box:before,
.signin-formnew .field.password.style-b .field-value .value-box:before{
  top: 40%;
  transform: translateY(-40%);
  left: 0;
}

.signin-formnew .field .field-value .value-box input {
  background-color: unset;
  padding-left: 30px;
}

.signin-logo-pane {
  position: absolute;
  top: 100px;
  left: 100px;
  font-size: 14px;
}

.signin-formnew.style-b .signin-logo-pane {
  position: absolute;
  top: 130px;
  left: 50px;
  font-size: 14px;
}

.signin-logo-pane:before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  width: 60vw;
  height: 60vh;
  background: linear-gradient(151.12deg, #FFFFFF 0%, #F0F5FA 32.19%, #F0F5FA 55.17%);
}

.signin-formnew.style-b .signin-logo-pane:before {
  content: '';
  position: absolute;
  top: -389px;
  left: -704px;
  width: 900px;
  height: 898px;
  background: linear-gradient(151.12deg, #FFFFFF 0%, #F0F5FA 32.19%, #F0F5FA 55.17%);
  border-radius: 60px;
  transform: rotate(45deg);
}

.signin-logo-pane .company-logo {
  position: relative;
}

.signin-formnew.style-b .signin-logo-pane .company-logo {
  pointer-events: none;
  text-align: center;
}

.signin-logo-pane .field.image.company-logo .media img[data-image] {
  object-fit: contain;
}

.signin-formnew.style-b .signin-logo-pane .company-logo img {
  mix-blend-mode: multiply;
}

.signin-logo-pane .logo-default{ width: 246px; height: 45px; }
.signin-logo-pane .logo-default .content{
  display: block;
  background-image: url("/_themes/light/content/media/spacex-logo.svg?stamp=240311&t=0&icon_color=%2313334C");
  width: 252px;
  height: 58px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position:absolute;
  left: 0;
  top: 9px;
}

.signin-logo-pane .company-name {
  margin-bottom: 20px;
}

.signin-logo-pane .company-name .value-box {
  background-color: unset;
  padding: 0;
  min-height: unset;
  color: #81878F;
  font-weight: 300;
  font-size: inherit;
}

.signin-logo-pane .signin-subtitle {
  position: relative;
  text-align: left;
  color: #77BA43;
  font-size: inherit;
  padding-top: 2px;
}

.signin-logo-pane .signin-subtitle:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #77BA43;
}

.signin-logo-pane .signin-subtitle2 {
  position: absolute;
  text-align: right;
  color: #77BA43;
  font-size: inherit;
  right: 0;
  margin-top: -22px;
}

.signin-panenew {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*width: 430px;*/
  /*height: 280px;*/
  /*box-shadow: 0px 0px 12px #00000026;*/
  text-align: center;
}

.signin-panenew .field {
  text-align: left;
  margin-bottom: 15px;
}

.signin-panenew .button {
  margin-top: 15px;
}

.signin-panenew .login-pane:before{
  /*content: "PQP Lite";*/
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  display: inline-block;
  height: 70px;
  color: #EEEEEE;
  background-image: url("/_themes/light/content/media/switchapp/pqp.svg?stamp=240311&t=0&icon_color=%2313334C");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: 0 -2px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 40px;
}

.signin-panenew .login-pane {
  background: #FFFFFF;
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  padding: 50px 30px 30px 30px;
  margin-bottom: 40px;
}

.signin-formnew.style-b .signin-panenew .login-pane {
  border: none;
  box-shadow: none;
  background: transparent;
}

.signin-panenew .login-pane .signin-logo {
  margin-bottom: 10px;
}

/*.signin-panenew .login-pane input {*/
/*  background-color: #F0F5FA;*/
/*}*/

.signin-panenew .login-pane .signin-logo .value-box {
  display: inline-block;
  width: 60px;
  height: 45px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/_themes/light/content/media/logo.svg?stamp=240311&t=0&icon_color=%2313344D");
}

.signin-panenew .login-pane .signin-title {
  position: relative;
  font-weight: 500;
  font-size: 24px;
  color: #81878F;
  display: inline-block;
  margin-bottom: 40px;
}

.signin-panenew .login-pane .signin-edition:before {
  content: '';
  height: 7px;
  width: 76px;
  background-color: #77BA43;
  display: inline-block;
  margin-right: 10px;
}

.signin-panenew .login-pane .signin-edition {
  font-weight: normal;
  font-size: 14px;
  color: #77BA43;
  position: absolute;
  top: 75px;
  left: 50%;
  transform: translateX(-50%);
}

.signin-panenew .login-pane .signin-title:before {
  /*content: '';*/
  position: absolute;
  left: 2px;
  bottom: -19px;
  height: 7px;
  width: 143px;
  background-color: #77BA43;
}

.signin-panenew .login-pane .signin-title:after {
  /*content: 'Supplier Edition';*/
  position: absolute;
  right: 0;
  bottom: -13px;
  height: 7px;
  font-weight: normal;
  font-size: 14px;
  color: #77BA43;
}

.signin-panenew .login-pane .group.columns .left-column{
  /*margin-right: 0;*/
}

.signin-panenew .login-pane .group.columns > .content > .extra-column.buttons{
  overflow: hidden;
  display: block;
  float: none;
  clear: both;
}

.signin-form {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("/_themes/light/content/media/planet.png?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  /*min-height: 550px;*/
}

.signin-pane {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 430px;
  height: 280px;
  box-shadow: 0px 0px 12px #00000026;
  text-align: center;
  padding: 15px 15px 10px 15px;
  box-sizing: border-box;
  background-color: #ffffff;
}

.signin-pane:before {
  content: '';
  position: absolute;
  top: -105px;
  left: 50%;
  transform: translateX(-50%);
  width: 265px;
  height: 65px;
  background-image: url("/_themes/light/content/media/sign_in_logo.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain;
  background-repeat: no-repeat;
}

.signin-pane > .head {
  margin-bottom: 5px;
  text-transform: uppercase;
}

.signin-pane .line-link .static-field {
  margin-right: 10px;
  display: inline;
}

.signin-pane .line-link .button {
  display: inline;
  color: #158DDCF7;
}

.signin-pane .signin-inputs {
  width: 250px;
  margin: 0 auto;
  text-align: left;
}

.signin-pane .signin-inputs {
  margin-top: 30px;
}

.signin-pane .signin-inputs .field-label {
  letter-spacing: .6px;
  font-size: 10px;
  text-transform: uppercase;
  float: none;
}

.signin-pane .signin-inputs .field-value {
  margin-top: 3px;
}

.signin-pane .signin-inputs .field-value input {
  width: 100%;
  box-sizing: border-box;
  background-color: #FAFAFA;
  border: 1px solid #E4E4E4;
  height: 30px;
  padding: 5px 12px;
  color: #13334C;
}

.signin-pane .signin-inputs .field-value input::placeholder {
  color: #666666;
  font-style: italic;
}

.signin-pane .signin-inputs .field-value input:hover {
  border-color: #A2A2A2;
}

.signin-pane .signin-inputs .field-value input:focus {
  
  border-color: rgba(21, 140, 220, .5);
  border-width: 2px;
  padding: 4px 11px;
  font-style: normal;
}

.signin-pane .signin-inputs .buttons {
  text-align: center;
  margin-top: 45px;
}

.signin-pane .signin-inputs .buttons a {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  width: 145px;
  height: 30px;
  background-color: #1D4B70;
  border-radius: 3px;
  line-height: 28px;
}

.signin-pane .signin-inputs .buttons a:hover {
  background-color: #1D4B70D9;
}

.signin-pane .signin-inputs .buttons a.disabled {
  background-color: #B3B3B3FA;
  cursor: default;
}

.signin-pane .bottom-links {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
}

.signin-pane .bottom-links a {
  color: #666666;
}

.signin-pane .bottom-links a:first-child {
  float: left;
}

.signin-pane .bottom-links a:last-child {
  float: right;
}

.footer-links {
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}

.footer-links a {
  color: #13334C;
  margin: 40px;
  text-decoration: underline;
}

.signin-form .bottom-logo {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 140px;
  height: 65px;
  background-image: url("/_themes/light/content/media/logo_small.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain;
  background-repeat: no-repeat;
}

/* .identity-page */
.identity-page #overlay.mi-overlay,
.registration-page #overlay.mi-overlay,
.documents-page #overlay.mi-overlay {
  top: 0 !important;
  z-index: 18 !important;
  transition: opacity .2s ease !important;
}

.identity-page .top-shadow,
.identity-page .bottom-shadow,
.registration-page .top-shadow,
.registration-page .bottom-shadow {
  z-index: 12;
}

.identity-page.animated .identity-images {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #17415F;
  background-image: url("/_themes/light/content/media/login_screen_side_panel_background.png?stamp=240311&t=0&icon_color=%2313334C");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  width: 488px;
  height: 100%;
}

.identity-page.animated .identity-images .img {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 330px;
  height: 330px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  animation: identityMoveCycle 30s infinite; /* 5×6s */
  animation-fill-mode: both;
}

.identity-page.animated .identity-images .img.img1 { 
  background-image: url("/_themes/light/content/media/signin/saas_login_page_right_bar_1_one_click_ballooning.png?stamp=240311&t=0&icon_color=%2313334C"); 
  animation-delay: 0s;
}
.identity-page.animated .identity-images .img.img2 { 
  background-image: url("/_themes/light/content/media/signin/saas_login_page_right_bar_2_data_collection.png?stamp=240311&t=0&icon_color=%2313334C"); 
  animation-delay: 6s;
}
.identity-page.animated .identity-images .img.img3 { 
  background-image: url("/_themes/light/content/media/signin/saas_login_page_right_bar_3_fai.png?stamp=240311&t=0&icon_color=%2313334C"); 
  animation-delay: 12s; 
}
.identity-page.animated .identity-images .img.img4 { 
  background-image: url("/_themes/light/content/media/signin/saas_login_page_right_bar_4_apqp_ppap.png?stamp=240311&t=0&icon_color=%2313334C"); 
  animation-delay: 18s; 
}
.identity-page.animated .identity-images .img.img5 { 
  background-image: url("/_themes/light/content/media/signin/saas_login_page_right_bar_5_supplier_part_data.png?stamp=240311&t=0&icon_color=%2313334C"); 
  animation-delay: 24s; 
}

@keyframes identityMoveCycle {
  0% {
    top: 100%;
    transform: translate(-50%, 0) scale(1);
    opacity: 0;
  }
  5% {
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  19% {
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  20% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0.5;
  }
  20.3% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  21% {
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  30% {
    top: -50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  30.01% {
    top: 100%;
    opacity: 0;
  }
  
  100% {
    top: 100%;
    opacity: 0;
  }
}

/* form-a */
.form-a {
  position: absolute;
  left: 0;
  top: 0;
  right: 488px;
  bottom: 0;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  /*min-height: 550px;*/
}

.form-a .bottom-logo {
  /*content: "";*/
  position: absolute;
  left: 40px;
  bottom: 28px;
  /*background-image: url("/_themes/light/content/media/switchapp/powered-by.svg?stamp=240311&t=0&icon_color=%2313344D");*/
  background-image: url("/_themes/light/content/media/high_qa_logo_checkmark_horizontal_powered_by.svg?stamp=240311&t=0&icon_color=%2313344D");
  width: 173px;
  height: 68px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 19;
}

.form-a:after {
  content: '';
  position: absolute;
  left: auto;
  right: -488px;
  top: 0;
  bottom: 0;
  background-color: #17415F;
  /*background-image: url("/_themes/light/content/media/login_right_part.png?stamp=240311&t=0&icon_color=%2313334C");*/
  /*background-position: top right;*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  background-image: url("/_themes/light/content/media/shield_graphics.png?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/login_screen_side_panel_background.png?stamp=240311&t=0&icon_color=%2313334C");
  background-position: center center, top right;
  background-repeat: no-repeat, no-repeat;
  background-size: 250px 286px, cover;
  width: 488px;
  height: 100%;
}

.identity-page.animated .form-a:after {
  display: none;
}

.form-a.style-b {
  right: 0;
}

.form-a.style-b:after {
  display: none;
}

.form-a .field .field-value .value-box {
  position: relative;
  background-color: unset;
}

.form-a .field.username.style-b .field-value .value-box,
.form-a .field.password.style-b .field-value .value-box {
  line-height: 34px;
}

.form-a .field.username.style-b .field-value .value-box .text,
.form-a .field.password.style-b .field-value .value-box .text{
  padding-left: 25px;
}

.form-a .field.username.style-b .field-value .value-box:before,
.form-a .field.password.style-b .field-value .value-box:before{
  top: 40%;
  transform: translateY(-40%);
  left: 0;
}

.form-a .field .field-value .value-box input {
  background-color: unset;
}

.form-a .field.title,
.form-a .static-field.title {
  font-family: Roboto, sans-serif;
  line-height: 19px;
  color: #13344D;
  font-size: 28px;
  font-weight: 500;
  text-transform: none;
  margin-bottom: 20px;
}

.form-a .field.subtitle,
.form-a .static-field.subtitle {
  font-family: Roboto, sans-serif;
  line-height: 19px;
  color: #81878F;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 20px;
}

.form-a .fields-pane:before,
.form-a .signin-pane:before {
  content: '';
  position: static;
  /*top: -105px;*/
  /*left: 50%;*/
  transform: none;
  display: block;
  width: 136px;
  height: 136px;
  /*background-image: url("/_themes/light/content/media/hqa_360_circle_logo.png?stamp=240311&t=0&icon_color=%23404040");*/
  background-image: url("/_themes/light/content/media/hqa_360_square_logo_small.png?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-bottom: 72px;
}

.form-a .fields-pane.no-logo:before,
.form-a .signin-pane.no-logo:before {
  display: none;
}

.form-a .fields-pane,
.form-a .signin-pane {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  width: 100%;
  height: auto;
  overflow-y: auto;
  bottom: 90px;
  box-shadow: none;
  text-align: center;
  padding: 56px 15px 0px 15px;
  box-sizing: border-box;
  background-color: #ffffff;
}

.form-a .fields-pane > div.content,
.form-a .signin-pane > div.content {
  width: 430px;
  margin: 0 auto;
}

.form-a .fields-pane.width-b > div.content,
.form-a .signin-pane.width-b > div.content {
  width: 630px;
  margin: 0 auto;
}

.form-a .fields-pane.width-c > div.content,
.form-a .signin-pane.width-c > div.content {
  width: 450px;
  margin: 0 auto;
}

.form-a .fields-pane.width-d > div.content,
.form-a .signin-pane.width-d > div.content {
  width: 600px;
  margin: 0 auto;
}

.form-a .bottom-links {
  position: absolute;
  top: auto;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  height: 20px;
}

.form-a .bottom-version {
  position: absolute;
  bottom: 40px;
  right: 10px;
  transform: translateX(-50%);
  height: 20px;
}

/* end form-a */

/* form-b */
.form-b {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #FFFFFF;
}

.form-b .fields-pane {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.form-b .bottom-links {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 25px;
  height: 20px;
}

/* registration-page */
.registration-page .registration-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;  
}

.registration-page .registration-content:before {
  content: '';
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  background-color: #17415F;
  /*background-image: url("/_themes/light/content/media/login_screen_side_panel_background.png?stamp=240311&t=0&icon_color=%2313334C");*/
  /*background-position: top right;*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  background-image: url("/_themes/light/content/media/high_qa_feature_wheel.png?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/login_screen_side_panel_background.png?stamp=240311&t=0&icon_color=%2313334C");
  background-position: center 25%, top left;
  background-repeat: no-repeat, no-repeat;
  background-size: 450px 458px, cover;
  width: 600px;
  height: 100%;
}

.registration-page .registration-content .bottom-logo{
  /*content: "";*/
  position: absolute;
  left: 405px;
  bottom: 26px;
  background-image: url("/_themes/light/content/media/powered_by_high_qa_white.png?stamp=240311&t=0&icon_color=%2313344D");
  width: 165px;
  height: 46px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.registration-pane {
  overflow-y: auto;
  position: absolute;
  left: 600px;
  right: 0;
  bottom: 68px;
  top: 0;
}

.registration-pane > div.content {
  max-width: 712px;
  margin: 0 auto;
}

.registration-pane .top-pane {
  padding-top: 40px;
  padding-bottom: 22px;
  border-bottom: 1px solid #D5D7DA;
}

.registration-pane .top-pane .field-columns {
  margin-bottom: 0;
}

.registration-pane .field {
  text-align: left;
  margin-bottom: 15px;
}

.registration-pane .field.title,
.registration-pane .static-field.title {
  font-family: Roboto, sans-serif;
  line-height: 100%;
  color: #13344D;
  font-size: 28px;
  font-weight: 500;
  text-transform: none;
  margin-bottom: 20px;
}

.registration-pane .field.subtitle,
.registration-pane .static-field.subtitle {
  font-family: Roboto, sans-serif;
  line-height: 19px;
  color: #404040;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 20px;
}

.registration-pane .field.hint,
.registration-pane .static-field.hint {
  font-family: Roboto, sans-serif;
  line-height: 19px;
  color: #81878F;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 20px;
}

.registration-pane .top-pane .field,
.registration-pane .top-pane .static-field,
.registration-pane .top-pane .field.subtitle,
.registration-pane .top-pane .static-field.subtitle {
  margin-bottom: 0;
}

.registration-pane .fields-pane:before{
  /*content: "PQP Lite";*/
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  display: inline-block;
  height: 70px;
  color: #EEEEEE;
  background-image: url("/_themes/light/content/media/switchapp/pqp.svg?stamp=240311&t=0&icon_color=%2313334C");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: 0 -2px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 40px;
}

.registration-pane .fields-pane {
  background: #FFFFFF;
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  padding: 100px 9px 0px 9px;
  margin-bottom: 40px;
}

.registration-pane .fields-pane.padding-top-b {
  padding-top: 45px;
}

.registration-pane .fields-pane .signin-logo {
  margin-bottom: 10px;
}

/*.registration-pane .fields-pane input {*/
/*  background-color: #F0F5FA;*/
/*}*/

.registration-pane .fields-pane .signin-logo .value-box {
  display: inline-block;
  width: 60px;
  height: 45px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/_themes/light/content/media/logo.svg?stamp=240311&t=0&icon_color=%2313344D");
}

.registration-pane .fields-pane .signin-title {
  position: relative;
  font-weight: 500;
  font-size: 24px;
  color: #81878F;
  display: inline-block;
  margin-bottom: 40px;
}

.registration-pane .fields-pane .signin-edition:before {
  content: '';
  height: 7px;
  width: 76px;
  background-color: #77BA43;
  display: inline-block;
  margin-right: 10px;
}

.registration-pane .fields-pane .signin-edition {
  font-weight: normal;
  font-size: 14px;
  color: #77BA43;
  position: absolute;
  top: 75px;
  left: 50%;
  transform: translateX(-50%);
}

.registration-pane .fields-pane .signin-title:before {
  /*content: '';*/
  position: absolute;
  left: 2px;
  bottom: -19px;
  height: 7px;
  width: 143px;
  background-color: #77BA43;
}

.registration-pane .fields-pane .signin-title:after {
  /*content: 'Supplier Edition';*/
  position: absolute;
  right: 0;
  bottom: -13px;
  height: 7px;
  font-weight: normal;
  font-size: 14px;
  color: #77BA43;
}

.registration-pane .fields-pane .group.columns .left-column{
  /*margin-right: 0;*/
}

.registration-pane .fields-pane .group.columns > .content > .extra-column.buttons{
  overflow: hidden;
  display: block;
  float: none;
  clear: both;
}

.registration-page .registration-content .bottom-links {
  position: absolute;
  top: auto;
  bottom: 25px;
  left: 50%;
  transform: translateX(Calc(-50% + 300px));
  height: 20px;
}

/* end registration-page */

.documents-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;  
}

.documents-content .top-pane {
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
}

.documents-content .top-pane > div.content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.documents-content .page-pane {
  position: absolute;
  top: 100px; 
  bottom: 60px;
  left: 0;
  right: 0;
  overflow-y: auto;;
}

.documents-content .page-pane > div.content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.documents-content .bottom-links {
  position: absolute;
  top: auto; 
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  margin: 0;
}

.documents-content .bottom-links > div.content {
  max-width: 1200px;
  padding: 10px 0 0 0;
  margin: 0 auto 0 auto;
}

.field.html.custom-html h1, .static-field.html.custom-html h1,
.field.html.custom-html h2, .static-field.html.custom-html h2 {
  color: #13344D;
}

.field.html.custom-html p, .static-field.html.custom-html p,
.field.html.custom-html ul, .static-field.html.custom-html ul,
.field.html.custom-html ol, .static-field.html.custom-html ol,
.field.html.custom-html ul li, .static-field.html.custom-html ul li,
.field.html.custom-html ol li, .static-field.html.custom-html ol li,
.field.html.custom-html strong, .static-field.html.custom-html strong {
  color: #404040;
}

@media ( max-width: 1390px ) {
  .form-a .bottom-logo {
    width: 100px;
    height: 50px;
    left: 38px;
    bottom: 25px;
  }
}

@media ( max-width: 1335px ) {
  .registration-page .registration-content:before {
    display: none;
  }
  
  .registration-pane {
    left: 0;
  }
  
  .registration-page .registration-content .bottom-logo {
    display: none;
  }
  
  .registration-page .registration-content .bottom-links {
    transform: translateX(-50%);
  }
}

@media ( max-width: 1024px ) {
  .form-a {
    right: 0;
  }
  
  .form-a:after {
    display: none;
  }
  
  .identity-page.animated .identity-images {
    display: none;
  }
}

@media ( max-width: 460px ) {
  .signin-pane {
    width: 90%;
  }
  .signin-form .bottom-logo {
    display: none;
  }
}

@media ( max-height: 380px ) {
  .signin-pane {
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    height: 250px;
  }
  .signin-pane .signin-inputs {
    margin-top: 15px;
  }
  .signin-form .bottom-logo {
    left: 15px;
    bottom: 15px;
  }
}
.tabs.dropdown {
}

.group.workspace-left-pane.single-panel .tabs {
  padding: 15px;   
}

.group.workspace-left-pane.single-panel .tabs .grid {
  padding: 0;   
}

.group.workspace-right-pane .workspace-pane.single-pinned .tabs {
  padding-top: 15px;   
}

.tabs.dropdown > .tabs-head {
  height: 40px;
}

.tabs.dropdown.style-b > .tabs-head {
  height: 20px;
}

.tabs.dropdown .tabs-head:before {
  content: none;
}

.tabs.dropdown .tabs-head .tabs-dropdown-btn {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  color: #404040;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
}

.tabs.dropdown .tabs-head .tabs-dropdown-btn:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-image: url("/_themes/light/content/media/product_selector.svg?stamp=240311&t=0&icon_color=%238999A5"),
                    url("/_themes/light/content/media/product_selector.svg?stamp=240311&t=0&icon_color=%238999A5");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain, 0;
}

.tabs.dropdown .tabs-head .tabs-dropdown-btn:hover:after {
  background-size: 0, contain;
}

.tabs.dropdown .tabs-content .tabs-head {
  border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.tabs-content {
  position: relative;
  overflow: auto;
  scrollbar-width: none;
}

.tabs-content .grid.views-selector-style-c .views-selector {
  margin-top: 10px;
}

.tabs-content .tab .views-selector-style-a .views-selector {
  position: unset;
  transform: unset;
}

.tabs.tabs-actions-pane.style-e {
  padding-top: 7px;
}

.tabs-actions-pane .tabs-content {
  margin-top: 30px;
}

.tabs-actions-pane .tabs-content .tab {
  padding-top: 20px;
}

.tabs-actions-pane .tabs-content .tabs.no-actions-pane > .tabs-head > .tab {
  padding-top: 0;
}

.tabs-actions-pane .tabs-content .tabs.no-actions-pane > .tabs-content {
  margin-top: 0;
}

.tabs-actions-pane .tabs-content .tabs.no-actions-pane > .tabs-content > .tab {
  padding-top: 0;
}

.tabs-actions-pane > .tabs-content > .tab.allow-scroll {
  height: Calc(100% - 20px);
  overflow: auto;
}

.tabs.head-style-a .tabs-content > .tab{
  padding-top: 10px;
}

.tabs-content .grid .head {
  padding: 0;
}

.tabs .tab.tool-pane-common .tabs-head {
  position: absolute;
  top: 55px;
  left: 15px;
  right: 15px;
}

.tabs .tab.tool-pane-common > .tool-pane {
  margin-bottom: 0;
  margin-top: 49px;
}

.tabs.no-head > .tabs-head {
  display: none;
}

.tabs.no-head > .tabs-carousel {
  display: none !important;
}

.tabs-a > .tabs-head {
  border-radius: 3px;
  border: 1px solid #D5D7DA;
  height: auto;
  overflow: hidden;
  background-color: #FFFFFF;
  box-sizing: border-box;
  display: inline-block;
}

.tabs-a > .tabs-head:before {
  content: unset;
}

.tabs-a > .tabs-head .tab {
  position: relative;
  text-decoration: none;
  font-weight: 500;
  color: inherit;
  margin-right: 0;
  padding: 0;
  margin: 0;
  border: none;
}

.tabs-a > .tabs-head .tab span {
  position: relative;
  display: inline-block;
  background: #FFFFFF;
  border-radius: 2px;
  padding: 4.5px 25px;
  font-size: 16px;
  line-height: 18.75px;
  font-weight: 500;
}

.tabs-a > .tabs-head .tab span:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: #D5D7DA;
  z-index: 1;
}

.tabs-a > .tabs-head .tab.active span:after {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: -1px;
  width: 1px;
  background: #D5D7DA;
  z-index: 1;
}

.tabs-a > .tabs-head .tab.active ~ .tab > .text:before {
  left: 0px;
}

.tabs-a > .tabs-head .tab:first-child:before,
.tabs-a > .tabs-head .tab.active:before {
  content: none;
}

.tabs-a > .tabs-head .tab:hover span{
  background-color: #F0F5FA;
}

.tabs-a > .tabs-head .tab.active span {
  color: #EEEEEE;
  background-color: #77BA43;
  z-index: 2;
}

.tabs-a > .tabs-head .tab.disabled.active span {
  background-color: unset;
}

.tabs-a > .tabs-head .tab.disabled {
  cursor: default;
}

.tabs-a > .tabs-head .tab.disabled span {
  color: rgba(144, 146, 150, 1);
}

.tabs-a > .tabs-head .tab.disabled:hover span {
  background-color: unset;
}

.tabs-a .tabs-content {
  margin-top: 0;
}

.tabs-a .tabs-content .tab.no-items {
  position: absolute;
  left: 15px;
  top: 60px;
  right: 15px;
  bottom: 15px;
  /*background-image: url("/_themes/light/content/media/no_items_image.svg?stamp=240311&t=0&icon_color=%238999A5");*/
  background-image: url("/_themes/light/content/media/highqa_no_items_image.png?stamp=240311&t=0");
  background-repeat: no-repeat;
  background-position: center;
}

.tab .contact-info {
  margin-top: 20px; 
}

/*Calendar > create time slot - wizard-steps tabs-head position*/
.tabs-a.tabs-head-position-a .tabs-head {
  position: absolute;
  top: 0px;
  right: 15px;
}

.tabs-a.tabs-head-position-b {
  text-align: center;
}

.tabs-a.tabs-head-position-b > .tabs-content {
  text-align: left;
}

.tabs-a.tabs-head-position-c .tabs-head {
  position: absolute;
  top: 10px;
  right: 15px;
}

.tabs-b > .tabs-head {
  position: relative;
  background-color: #FFFFFF;
  height: 27px;
  overflow: hidden;
  z-index: 2;
}

.tabs-b > .tabs-content {
  position: relative;
}

.ws1 .tabs-position-a .tabs-b > .tabs-head {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 55px;
}

.tabs-b .tabs-content .top-pane-a {
  position: relative;
  margin: 15px 0 10px 0;
  z-index: 1;
  background-color: #FFFFFF;
}

.tabs-b .tabs-content .top-pane-a:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: -10px;
  height: 50%;
  transform: translateX(-50%);
  width: 98%;
  box-shadow: 0px 0px 5px #000000;
  border-radius: 25%;
  z-index: -1;
}

.tabs-b .tabs-content .top-pane-a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -10px;
  width: 100%;
  z-index: -1;
  background: #FFFFFF;
}

.tabs-b .tabs-content .content-pane .pform1 {
  position: absolute;
  left: 0;
  top: 156px;
  right: 0;
  bottom: 0;
}

.tabs-b .tab.tab-padding {
  padding: 0 15px;
}

.tabs-b .top-pane-a .buttons-pane {
  position: absolute;
  top: 30px;
  right: 0;
}

.tabs-b .top-pane-a .buttons-pane .button:hover .image {
  background-size: 0 0, contain, 0 0;
}

.tabs-b .top-pane-a .field .field-label {
  font-size: 10px;
  text-transform: uppercase;
  float: none;
}

.tabs-b .main-pane-a .content {
  overflow: hidden;
}

.tabs-b .main-pane-a .left-pane-a {
  float: left;
  margin-right: 40px;
}

.tabs-b .main-pane-a .left-pane-a .box-a {
  box-shadow: unset;
}

.tabs-b .main-pane-a .right-pane-a {
  width: 55%;
  overflow: hidden;
  margin-top: 15px;
}

/* tabs-c */
.tabs-c > .tabs-head {
  position: relative;
  border-top: 10px solid transparent;
  background-color: transparent;
  height: 45px;
  overflow: hidden;
  z-index: 2;
  padding: 10px 10px 0 10px;
  margin: 0;
  text-align: center;
}

.tabs-c > .tabs-head .tab, .tabs-c > .tabs-head .tab:hover{
  border-bottom: 10px solid #42484E;
  display: inline-block;
  margin: 0 10px;
  text-transform: uppercase;
  font-size: 13px;
  color: #A5B7BF;
  padding-bottom: 2px;
  float: none;
}
.tabs-c > .tabs-head .tab.active, .tabs-c > .tabs-head .tab.active:hover{
  border-bottom-color: #77BA43;
}

.tabs-c .tabs-content .top-pane-a {
  position: relative;
  margin: 15px 15px 10px 15px;
  z-index: 1;
  background-color: #FFFFFF;
}

.tabs-c .tabs-content .top-pane-a:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: -10px;
  height: 50%;
  transform: translateX(-50%);
  width: 98%;
  box-shadow: 0px 0px 5px #000000;
  border-radius: 25%;
  z-index: -1;
}

.tabs-c .tabs-content .content-pane {
  padding: 0 15px;
}

.tabs-c .tabs-content .content-pane .pform1 {
  position: absolute;
  left: 0;
  top: 156px;
  right: 0;
  bottom: 0;
}

.tabs-c .tab.tab-padding {
  padding: 0 15px;
}

.tabs-c .left-pane-a .grid-b .items .field-label {
  min-width: 80px;
}

.tabs-c .top-pane-a .buttons-pane {
  position: absolute;
  right: 0;
  bottom: 0;
}

.tabs-c .top-pane-a .buttons-pane .button:hover .image {
  background-size: 0 0, contain, 0 0;
}

.tabs-c .top-pane-a .field .field-label {
  font-size: 10px;
  text-transform: uppercase;
  float: none;
}

.tabs-c .main-pane-a .content {
  overflow: hidden;
}

.tabs-c .main-pane-a .left-pane-a {
  width: 39%;
  float: left;
  margin-right: 40px;
}

.tabs-c .main-pane-a .left-pane-a .box-a {
  box-shadow: unset;
}

.tabs-c .main-pane-a .right-pane-a {
  width: 55%;
  overflow: hidden;
  margin-top: 15px;
}

.tabs-c > .tabs-head .tab:hover span{
  background-color: inherit;
}

.tabs-c > .tabs-head:before { display:none; }

/* tabs-d */
.tabs-d > .tabs-head {
  margin-bottom: 15px;
}

/*<--- ws5 tabs --->*/
.ws5 .workspace-details-pane .tabs .tabs-content {
  position: absolute;
  left: 15px;
  top: 98px;
  right: 15px;
  bottom: 0;
  overflow: auto;
}

.popup .tabs-actions-pane.style-b {
  position: absolute;
  top: 85px;
  right: 20px;
  left: 20px;
  bottom: 32px;
}

.popup .tabs-actions-pane.style-b .tabs-content {
  margin-top: 5px;
  overflow: unset;
  height: 100%;
}

.popup .tabs-actions-pane.style-b .tabs-content .tab {
  padding-top: 5px;
}

.popup .tabs-actions-pane.style-c {
  position: absolute;
  top: 28px;
  right: 20px;
  left: 20px;
  bottom: 32px;
}

.popup .tabs-actions-pane.style-d {
  position: absolute;
  top: 0;
  right: 20px;
  left: 20px;
  bottom: 0;
}

.popup .tabs-actions-pane.style-d .tabs-content {
  margin-top: 30px;
  overflow: unset;
  height: Calc(100% - 58px);
}

.popup .tabs-actions-pane.style-d .tabs-content .tab {
  padding-top: 5px;
}




.popup {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33);
  z-index: 20;
  border: 1px solid #D5D7DA;
}

.popup.align-center {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.popup.align-center.mi-transition {
  transition: bottom .35s ease, height .35s ease, opacity .25s ease !important;
}

/*tool-pane*/
.popup .tool-pane {
  position: relative;
  background-color: #FFFFFF;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #404040;
  z-index: 2;
  margin-bottom: 20px;
}

.popup .tool-pane:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  height: 50%;
  transform: translateX(-50%);
  width: 98%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.33);
  border-radius: 50%;
  z-index: -1;
}

.popup .tool-pane:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: -1;
}

.popup .tool-pane .image {
  vertical-align: middle;
  background-size: 0 0, contain;
}

.popup .tool-pane .button {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  text-decoration: none;
  color: inherit;
  border-radius: 2px;
  transition: background-color .2s ease;
}

.popup .tool-pane .button:hover {
  background-color: #F0F5FA;
}

.popup .tool-pane .button .image {
  margin-right: 5px;
}

/*actions-pane*/
.popup .actions-pane {
  position: relative;
  background-color: #FFFFFF;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #404040;
  z-index: 2;
  margin-bottom: 20px;
}

.popup .actions-pane.tabs-actions-pane {
  top: 29px;
}

.popup .actions-pane.tabs-actions-pane.style-f {
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
}

.popup .actions-pane.tabs-actions-pane.position-auto {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.popup .actions-pane:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  height: 50%;
  transform: translateX(-50%);
  width: 98%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.33);
  border-radius: 50%;
  z-index: -1;
}

.popup .actions-pane:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: -1;
}

.popup .actions-pane .image {
  vertical-align: middle;
  background-size: 0 0, contain;
}

.popup .actions-pane .button {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  text-decoration: none;
  color: inherit;
  border-radius: 2px;
  transition: background-color .2s ease;
}

.popup .actions-pane .button:hover {
  background-color: #F0F5FA;
}

.popup .actions-pane .button.no-background:hover {
  background-color: transparent;
}

.popup .actions-pane .button.no-background > .image {
  background-size: contain, 0 0;
}

.popup .actions-pane .button.no-background:hover > .image {
  background-size: 0 0, contain;
}

.popup .actions-pane .button .image {
  margin-right: 5px;
}

.popup .grid .right-shadow {
  background: linear-gradient(to left ,#FFFFFF, transparent);
}

.popup .grid .left-shadow {
  background: linear-gradient(to right ,#FFFFFF, transparent);
}

/*@@@ hiding widget-toolbar*/
.popup .widget-toolbar {
  /*display: none;*/
}

.popup .popup-head-buttons {
  position: absolute;
  top: 0;
  right: 35px;
  height: 32px;
  white-space: nowrap;
  width: auto;
}

.popup .popup-head-buttons > .group > .content {
  padding: 5px 0 0 0;
}

.popup .popup-head-buttons .button {
  margin-left: 5px;
  background-size: contain, 0 0, 0 0;
}

.popup .popup-head-buttons .button:hover {
  background-size: 0 0, contain, 0 0;
}

.popup .popup-head-buttons .button .image {
  width: 18px;
  height: 18px;
}

.popup .popup-head-buttons .image-external-link {
  background-image: url("/_themes/light/content/media/icons/external-link.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/external-link_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.popup .cmd-close,
.context-message .cmd-close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/cube_cross.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/cube_cross_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-size: contain, 0 0;
  background-repeat: no-repeat;
  z-index: 1;
}

.popup .cmd-close:hover,
.context-message .cmd-close:hover {
  background-size: 0 0, contain;
}
.popup .cmd-close:hover span{ background-color: transparent; }

.popup .field {
  margin-bottom: 15px;
}

.popup .field .field-label {
  text-transform: uppercase;
}

.popup .popup-head {
  text-align: left;
  color: #EEEEEE;
  margin-bottom: 20px;
  background-image: none;
  user-select: none;
  padding: 1px 0 1px 5px;
  font-weight: 700;
  background-color: #13344D;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}

.popup .recycled .popup-head {
  background-color: #ae0d0d;
}

.popup .content-style-a .popup-head {
  line-height: 28px;
  font-weight: 500;
  font-size: 28px;
  color: #77BA43;
}

.popup .no-head .popup-head {
  display: none;
}

.popup .popup-content {
  padding: 0 15px;
  box-sizing: border-box;
  min-height: 15px;
  overflow: auto;
  position: relative;
}

.popup .popup-noscroll .popup-content {
  overflow: hidden;
}

.popup .navigation-panel-popup.submenu-a .popup-content {
  padding: 0;
}

.popup .popup-content .columns .column {
  display: inline-block;
  vertical-align: top;
}

.popup .popup-content .columns .column:last-child {
  margin-left: 20px;
}

.popup .popup-content .dev-dump {
  height: 90%;
}

.popup .popup-close {
  position: absolute;
  right: 5px;
  top: 5px;
}

.popup .popup-buttons {
  text-align: right;
  margin: 20px 0 10px 0;
  min-height: 31px;
  padding: 0 15px;
  border: none;
}

.popup .popup-buttons .content {
  overflow: hidden;
}

.popup .popup-buttons .button {
  display: inline-block;
  background-color: #13334C;
  color: #EEEEEE;
  padding: 6px 25px;
  border-radius: 3px;
  text-decoration: none;
  margin-left: 20px;
  margin-left: 0;
  transition: background-color .3s ease;
  margin-right: 10px;
}

.popup .popup-buttons .button .image {
  background-size: 0 0, 0 0, 0 0, contain;
}

.popup .popup-buttons .button.secondary {
  color: #13344D;
  background-color: transparent;
  border: 1px solid #D5D7DA;
}

.popup .popup-buttons .button:first-child {
  float: left;
  margin-left: 0;
}

.popup .popup-buttons .button:last-child {
  margin-right: 0;
}

.popup .popup-buttons .button.right {
  float: right;
}

.popup .popup-buttons .button:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.popup .popup-buttons .button.disabled {
  color: #404040;
  background: #F0F5FA;
  cursor: default;
}

.popup .popup-buttons .button.button-secondary {
  background-color: transparent;
  border: 1px solid #D5D7DA;
  transition: background-color .3s ease;
  color: #404040;
}

.popup .popup-buttons .button.button-secondary:hover {
  background-color: #F0F5FA;
}

.popup .popup-buttons .button.secondary .image,
.popup .popup-buttons .button.button-secondary .image {
  background-size: contain, 0 0, 0 0, 0 0;
}

.popup .popup-buttons .button.secondary:hover .image,
.popup .popup-buttons .button.button-secondary:hover .image {
  background-size: 0 0, contain, 0 0, 0 0;
}

.popup .popup-buttons .button.button-disabled {
  background-color: #F0F5FA;
  color: rgba(144, 146, 150, 1);
  cursor: default;
}

.popup .popup-buttons .button.disabled .image,
.popup .popup-buttons .button.button-disabled .image {
  background-size: contain, 0 0, 0 0, 0 0;
}

.popup .popup-buttons .button.button-reject {
  background: rgba(220, 53, 69, 1);
  color: #404040;
  text-decoration: unset;
}

.popup .popup-buttons .button.button-confirm,
.popup .popup-buttons .button.confirm {
  background: #77BA43;
  color: #EEEEEE;
  text-decoration: unset;
}

.popup .popup-buttons .button.left-position {
  /*float: left;*/
  margin-left: 0;
}

.popup .popup-buttons .right-side .button {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}

.popup .popup-buttons .right-side .button:last-child {
  margin-left: 0;
}

.popup .field .field-label {
  float: unset;
  font-size: 10px;
  line-height: 10px;
}

.popup .field.check .field-label {
  font-size: 14px;
  line-height: 22px;
}

/*grid go to tab*/
.popup.grid-goto-tab {
  
}

.popup.grid-goto-tab .popup-content {
  overflow: hidden;
}

.popup.grid-goto-tab .popup-content .field {
  position: relative;
  overflow: unset;
}

.popup.grid-goto-tab .popup-content .field .value-box input {
  background-repeat: no-repeat;
  background-position: left 5px center;
  padding-left: 30px;
}

.popup.grid-goto-tab .popup-content .field:first-child .value-box input {
  background-image: url("/_themes/light/content/media/icons/go_to_page.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.popup.grid-goto-tab .popup-content .field:last-child .value-box input {
  background-image: url("/_themes/light/content/media/icons/select_row_table.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.popup.grid-goto-tab .popup-content .field .remarks {
  position: absolute;
  right: 0;
  font-size: 10px;
  font-weight: 300;
}

.main-menu-popup {
  overflow: hidden;
  padding: 0;
  background-color: #212427;
  z-index: 30 !important;
}

.main-menu-popup-transition {
  transition: right .4s ease, bottom .4s ease, width .4s ease, height .4s ease, opacity .3s ease, transform .4s ease;
}

.main-menu-popup .main-menu{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.main-menu-popup .main-menu.pqp-menu:before{
  content: "";
  background-image: url("/_themes/light/content/media/switchapp/big%20arrows.svg?stamp=240311&t=0");
  background-repeat: no-repeat;
  background-size: contain;
  left: 50%;
  top: 370px;
  height: 300px;
  width: 530px;
  position:absolute;
  transform: translateX(-50%);
  margin-top: 200px;
  z-index: 1;
}

.main-menu-popup .cmd-close {
  background-image: url("/_themes/light/content/media/icons/cube_cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cube_cross_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.main-menu-popup .main-menu.pqp-menu .popup-content {
  background-color: #212427;
}

.main-menu-popup .main-menu.background2:before{
  content: "";
  background-image: url("/_themes/light/content/media/switchapp/big%20arrows.svg?stamp=240311&t=0");
  background-repeat: no-repeat;
  background-size: contain;
  left: 50%;
  top: 40%;
  height: 300px;
  width: 1033px;
  position:absolute;
  transform: translate(-50%, -40%);
  margin-top: 200px;
}

.main-menu-popup .field .field-value {
  color: #404040;
}

.main-menu-popup .field.description {
  max-width: 180px;
}

.main-menu-popup .field.description .field-value {
  color: #81878F;
}

.main-menu-popup .field.description .value-box {
  background-color: unset;
  padding: 0;
}

.main-menu-popup .popup-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  color: #13344D;
  padding: 0 60px;
  overflow: hidden;
}

.main-menu-popup .menu-links {
  position: absolute;
  left: 50%;
  top: 450px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.main-menu-popup .menu-links.valign2 {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -40%);
  white-space: nowrap;
}

.main-menu-popup .menu-links .top-logo {
  position: absolute;
  left: 50%;
  bottom: 140px;
  transform: translateX(-50%);
  background-image: url("/media/switchapp/360.svg?stamp=210122&icon_color=%23F0F5FA");
  width: 620px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}
.main-menu-popup .menu-links .top-logo:before{ 
  content: "Inspection Manager"; 
  display:block; 
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 28px;
  color: #EEEEEE;
  height: 50px;
  padding-top: 200px;
}
.main-menu-popup .menu-links .top-logo:after{ 
  content: "Supplier Edition"; 
  text-transform:uppercase; 
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 13px;
  color: #77BA43;
  padding: 0 10px;
  border-left: 119px solid #77BA43;
  border-right: 119px solid #77BA43;
}

.main-menu-popup .menu-links .top-logo2 {
  position: absolute;
  left: 50%;
  bottom: 140px;
  transform: translateX(-50%);
  /*background-image: url("/media/switchapp/360.svg?stamp=210122&icon_color=%23F0F5FA");*/
  width: 620px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}
.main-menu-popup .menu-links .top-logo2:before{ 
  content: "Administrative Console"; 
  display:block; 
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 28px;
  color: #EEEEEE;
  height: 50px;
}
.main-menu-popup .menu-links .top-logo2:after{ 
  content: "Supplier Portal - Private Cloud"; 
  text-transform:uppercase; 
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 13px;
  color: #77BA43;
  padding: 0 10px;
  border-left: 82px solid #77BA43;
  border-right: 82px solid #77BA43;
}

.main-menu-popup .powered-by-logo {
  position: absolute;
  right: 40px;
  bottom: 40px;
  /*background-image: url("/_themes/light/content/media/switchapp/powered%20by%20highqa.svg?stamp=240311&t=0&icon_color=%2313334C");*/
  background-image: url("/_themes/light/content/media/high_qa_logo_checkmark_horizontal_powered_by.svg?stamp=240311&t=0&icon_color=%2313334C");
  width: 173px;
  height: 68px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu-popup .link-block {
  display: inline-block;
  vertical-align: top;
  margin: 0 30px;
  cursor: pointer;
  padding: 15px 20px 0px 10px;
}

.main-menu-popup .link-block:hover{
  background-color: #355471;
}

.main-menu-popup .link-block:hover .image {
  background-size: 0 0, contain;
}

.main-menu-popup .link-block .image {
  width: 40px;
  height: 40px;
}

.main-menu-popup .link-block .icon-part {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.main-menu-popup .link-block .link-part {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.main-menu-popup .link-block .link-part .link-title {
  font-size: 28px;
  min-height: 25px;
  line-height: 30px;
  margin-bottom: 5px;
}

.main-menu-popup .link-block .link-part .link-title .value-box {
  font-size: inherit;
  background-color: unset;
  padding: 0;
  display: unset;
}

/*<-- --->*/
.main-menu-popup .main-menu:before {
  content: none;
}

/*<--- logo --->*/
.main-menu-popup .menu-logo {
  text-align: center;
  margin-top: 14px;
}

.main-menu-popup .menu-logo .value-box {
  display: inline-block;
  width: 152px;
  height: 120px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/360_core_logo_square.svg?stamp=240311&t=0&icon_color=%2313344D");
  /*background-image: url("/_themes/light/content/media/360core_logo_final_2024.png?stamp=240311&t=0&icon_color=%2313344D");*/
}

.main-menu-popup .menu-logo-hub {
  text-align: center;
  margin-top: 14px;
}

.main-menu-popup .menu-logo-hub .value-box {
  display: inline-block;
  width: 152px;
  height: 120px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/360_hub_logo_square.svg?stamp=240311&t=0&icon_color=%2313344D");
  /*background-image: url("/_themes/light/content/media/360hub_logo_final_2024.png?stamp=240311&t=0&icon_color=%2313344D");*/
}

.main-menu-popup .menu-logo-360 {
  text-align: center;
  margin-top: 30px;
}

.main-menu-popup .menu-logo-360 .value-box {
  display: inline-block;
  width: 152px;
  height: 120px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/hqa_360_square_logo_small.png?stamp=240311&t=0&icon_color=%2313344D");
}

/*<--- title --->*/
.main-menu-popup .menu-title {
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  margin-top: 60px;
  text-align: center;
  color: #77BA43;
}

.main-menu-popup .menu-title .value-box {
  position: relative;
}

/*.main-menu-popup .menu-title .value-box:before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  left: -42px;*/
/*  top: 0;*/
/*  width: 32px;*/
/*  height: 32px;*/
/*  background-size: contain, 0 0;*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-image: url("/_themes/light/content/media/icons/menu/psp_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");*/
/*}*/

.main-menu-popup .menu-title .icon {
  display: inline-block;
  vertical-align: top;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  background-size: contain, 0 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/psp_filled.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

/*<--- navigation --->*/
.main-menu-popup .navigation {
  position: absolute;
  left: 40px;
  top: 215px;
  right: 40px;
  bottom: 70px;
  color: inherit;
  overflow: auto;
  z-index: 1;
}

/*.main-menu-popup .navigation.scrollable {*/
/*  height: 550px;*/
/*}*/

.main-menu-popup .navigation .value-box {
  color: inherit;
}

.main-menu-popup .navigation .html > .nav {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  overflow: hidden;
}

.main-menu-popup .navigation .html > .nav > .item {
  position: relative;
  max-width: 170px;
  margin: 0 40px 40px 0;
  padding-left: 25px;
}

.main-menu-popup .navigation .html > .nav > .item:nth-child(4n+4) {
  margin-right: 0;
}

.main-menu-popup .navigation .html > .nav .item.level3,
.main-menu-popup .navigation .html > .nav .item.level4,
.main-menu-popup .navigation .html > .nav .item.level5,
.main-menu-popup .navigation .html > .nav .item.level6,
.main-menu-popup .navigation .html > .nav .item.level7,
.main-menu-popup .navigation .html > .nav .item.level8 {
  display: none;
}

.main-menu-popup .menu-version {
  position: absolute;
  right: 5px;
  bottom: 5px;
  margin: 0;
  height: 15px;
}

.main-menu-popup .navigation .html > .nav > .item:before {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.main-menu-popup .navigation .html > .nav > .item.page-presets:before {
  background-image: url("/_themes/light/content/media/icons/menu/cmm_data_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-softwarerequirements:before {
  background-image: url("/_themes/light/content/media/icons/menu/requirement_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-softwaretesting:before {
  background-image: url("/_themes/light/content/media/icons/menu/testin_acceptance_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-dashboard:before {
  background-image: url("/_themes/light/content/media/icons/menu/dashboard_layout_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-testrobot:before {
  background-image: url("/_themes/light/content/media/icons/menu/robot_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-help:before {
  background-image: url("/_themes/light/content/media/icons/menu/help_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-system:before {
  background-image: url("/_themes/light/content/media/icons/menu/system_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-licenses:before {
  background-image: url("/_themes/light/content/media/icons/menu/licenses_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-projectmanagement:before {
  background-image: url("/_themes/light/content/media/icons/menu/projects_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-workflow:before {
  background-image: url("/_themes/light/content/media/icons/menu/documents_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-workflow:before {
  background-image: url("/_themes/light/content/media/icons/menu/documents_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-reporting:before {
  background-image: url("/_themes/light/content/media/icons/menu/reporting_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-uisamples:before {
  background-image: url("/_themes/light/content/media/icons/menu/ui_samples_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-speech-recognition:before {
  background-image: url("/_themes/light/content/media/icons/menu/speech_recognition_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-jira:before {
  background-image: url("/_themes/light/content/media/icons/menu/jira_filled.svg?stamp=240311&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-dmr:before {
  background-image: url("/_themes/light/content/media/icons/menu/dmr.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-manufacturing:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/manufacturing.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-documents:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/recordsmanagement.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-extensions:before {
  background-image: url("/_themes/light/content/media/icons/menu/extensions.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-extensions2:before {
  background-image: url("/_themes/light/content/media/icons/menu/puzzle_filled.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-gages:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/metrology.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-organization:before {
  background-image: url("/_themes/light/content/media/icons/menu/settings.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-settings:before {
  background-image: url("/_themes/light/content/media/icons/menu/organization.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-maintenance:before {
  background-image: url("/_themes/light/content/media/icons/menu/wrench.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-help-a:before {
  background-image: url("/_themes/light/content/media/icons/menu/help.svg?stamp=240311&t=0&icon_color=%2313334C");
}


.main-menu-popup .navigation .html > .nav > .item.page-dashboards:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/reportdashboards.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-companies:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/companies.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-settings2:before {
  background-image: url("/_themes/light/content/media/icons/menu/settings2.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-help2:before {
  background-image: url("/_themes/light/content/media/icons/menu/help2.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-templates:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/templatelibraries.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-quality-records:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/qualityrecords.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-library:before {
  background-image: url("/_themes/light/content/media/icons/menu/library.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-data-collection:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/importinspectionplan.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-portal:before {
  background-image: url("/_themes/light/content/media/icons/menu/big-data_filled.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-tools:before {
  background-image: url("/_themes/light/content/media/icons/menu/tools_filled.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-monitoring:before {
  background-image: url("/_themes/light/content/media/icons/menu/ecg_filled.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-licenses:before {
  background-image: url("/_themes/light/content/media/icons/menu/software-license_filled.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-digitalrights:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/digitalrightsmanagement.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-engineering:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/engineeringchanges.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-admintools:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/admin.svg?stamp=240311&t=0&icon_color=%2313334C");
}
.main-menu-popup .navigation .html > .nav > .item.page-versions:before {
  background-image: url("/_themes/light/content/media/icons/collection-c/versions.svg?stamp=240311&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item > a {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  text-decoration: none;
  color: inherit;
}

.main-menu-popup .navigation .html > .nav > .item > .nav {
  margin-top: 15px;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: 5px;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item:first-child {
  margin-top: 0;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item a {
  position: relative;
  text-decoration: none;
  color: inherit;
  font-weight: 400;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item a:hover {
  color: #81878F;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item a:before {
  /*content: '';*/
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color .2s ease;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item a:hover:before {
  background-color: #81878F;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item.active a {
  color: #158DDC;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item.active a:before  {
  background-color: #158DDC;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item.disabled a {
  color: rgba(144, 146, 150, 1);
  cursor: default;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item.disabled a:before {
  display: none;
}

/*<--- navigation menu popup --->*/
.navigation-menu-popup {
  overflow: hidden;
  border: none;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(10px);
}

.navigation-menu-popup .cmd-close {
  background-image: url("/_themes/light/content/media/icons/cube_cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cube_cross_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.navigation-menu-popup .popup-head {
  display: none;
}

.navigation-menu-popup .popup-content {
  overflow: unset;
}

.navigation-menu-popup .popup-content .grid .items > .group {
  position: relative;
}

.navigation-menu-popup .popup-content .grid .items .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

.navigation-menu-popup .popup-content .grid .items .button:last-child {
  right: 5px;
}

.navigation-menu-popup .popup-content .grid .items .button .image-confirm {
  background-image: url("/_themes/light/content/media/icons/approve_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/approve_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.navigation-menu-popup .popup-content .grid .items .button .image-reject {
  background-image: url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.navigation-menu-popup .popup-buttons {
  margin-bottom: 10px;
}

.popup.navigation-menu-popup .popup-buttons .button {
  float: unset;
  display: block;
  text-align: center;
  border: 1px solid #D5D7DA;
  color: #13344D;
  background-color: unset;
  transition: none;
  white-space: nowrap;
}

.popup.navigation-menu-popup .popup-buttons .button .text {
  margin-left: 5px;
}

.navigation-menu-popup .faviorites-type-title {
  color: #77BA43;
  font-weight: 500;
  font-size: 16px;
  line-height: 18.75px;
  margin: 50px 0 10px 0;
  white-space: nowrap;
}

.navigation-menu-popup .submenu-type-title {
  color: #77BA43;
  font-weight: 500;
  font-size: 16px;
  line-height: 18.75px;
  margin: 10px 0;
  white-space: nowrap;
  padding: 0 10px;
}

.navigation-menu-popup .navigation-panel-popup.submenu-a .submenu-type-title {
  margin: 50px 0 10px 15px;
}

.navigation-menu-popup .items > .group .favorites-item {
  padding: 10px 8px 5px 10px;
  border-top: 1px solid rgba(224, 224, 224, 1);
  background-color: #FFFFFF;
  transition: background-color .3s ease;
}

.navigation-menu-popup .items > .group:first-child .favorites-item {
  border: none;
}

.navigation-menu-popup .items > .group:last-child .favorites-item {
  border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.navigation-menu-popup .items > .group .favorites-item:hover {
  background-color: #F0F5FA;
}

.navigation-menu-popup .items > .group .favorites-item .title {
  color: #404040;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

.navigation-menu-popup .items > .group .favorites-item .hint {
  color: #81878F;
  font-size: 10px;
  line-height: 13px;
  font-weight: 300;
}

.themes-popup .theme-selector .repeatable-group {
  display: flex;
  justify-content: space-around;
}

.themes-popup .popup-content {
  padding: 0;
}

.themes-popup .theme-selector {
  margin-left: 40px;
  margin-top: 20px;
}

.themes-popup .theme-selector .theme {
  padding: 15px;
  margin-right: 40px;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
  width: 200px;
}

/*Light theme*/
.themes-popup .theme-selector .theme.qmsviewer {
  background-color: #ffffff;
}

.themes-popup .theme-selector .theme.qmsviewer .text {
  color: #404040;
}

.themes-popup .theme-selector .theme.qmsviewer .colors .color {
  background-color: #13334C !important;
  color: #ffffff;
}

.themes-popup .theme-selector .theme.qmsviewer .color:before {
  background-image: url("/_themes/light/content/media/icons/fill_color.svg?stamp=240311&t=0&icon_color=%23FFFFFF");
}

/*Dark theme*/
.themes-popup .theme-selector .theme.qmsviewerdark {
  background-color: #33373C;  
}

.themes-popup .theme-selector .theme.qmsviewerdark .text {
  color: #EEEEEE;
}

.themes-popup .theme-selector .theme.qmsviewerdark .colors .color {
  background-color: #229EEF !important;
  color: #ffffff;
}

.themes-popup .theme-selector .theme.qmsviewerdark .color:before {
  background-image: url("/_themes/light/content/media/icons/fill_color.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.themes-popup .theme-selector .theme .colors {
  margin: 0;
}

.themes-popup .theme-selector .theme .color {
  cursor: pointer;
  position: relative;
  display: block;
  height: 30px;
  border-radius: 5px;
  transition: transform .3s ease, box-shadow .4s ease;
}

.themes-popup .theme-selector .theme .color:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  width: 20px;
  height: 20px;
}

.themes-popup .theme-selector .theme .color:after {
  content: 'Apply Theme';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 35px;
  font-weight: 400;
}

.themes-popup .theme-selector .theme .text {
  margin-top: 3px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.themes-popup .popup-buttons {
  text-align: center;
}

.themes-popup .popup-buttons .content .button {
  float: unset;
}

/* --- express popup --- */
.express-popup {
  /*padding: 0;*/
}

.express-popup .popup-content {
  
}

/* --- lookup popup --- */
.lookup-popup { 
  position: absolute; 
  z-index: 25; 
  /*max-height: 300px; */
  overflow: hidden;
  box-sizing: border-box;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px #00000033;
  border: 1px solid #D5D7DA;
  min-width: 50px !important;
}

.lookup-popup.text {
  z-index: 100;
}

.lookup-popup .lookup-tab {
  overflow: auto;
}

.lookup-popup .lookup-tab .items {
  /*max-height: 100px;*/
}

.lookup-popup.hidden { 
  visibility: hidden; 
}
.lookup-tab .loading {
  width: 30px; 
  height: 30px; 
  background: transparent url(/media/ajax-loader.gif) center center no-repeat; 
}
.lookup-tab .items .item { 
  position: relative;
  overflow: hidden; 
  padding: 7px 10px; 
  cursor: pointer;
  line-height: 16px; 
  min-height: 16px; 
  transition: background-color .3s ease-in-out;
  color: #13344D;
}

.lookup-tab .items .item:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 10px;
  left: 10px;
  height: 1px;
  background-color: #D5D7DA;
}

.lookup-tab .items .item:last-child:before {
  content: none;
}

.lookup-tab .items .item:hover { 
  background: #F0F5FA; 
}

.lookup-tab .items .item .image { 
  float: left; 
  margin-right: 5px; 
  width: 16px; 
  height: 16px; 
  cursor: pointer;
  background-size: contain, 0 0;
}

.lookup-tab .items .item:hover .image {
  background-size: 0 0, contain;
}

.lookup-tab .items .item .name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.lookup-tab .items .item .details { display: block; overflow: hidden; color: #888; font-size: 11px; line-height: 1; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.lookup-tab .items .item .details .remarks { margin-right: 0.5em; font-style: italic; }
.lookup-tab .items.tree .item .name { position: relative; padding-left: 16px; }
.lookup-tab .items.tree .item .name:before { content: " "; overflow: hidden; position: absolute; left: 0; top: 2px; width: 6px; height: 9px;
                                       background-color: transparent; background-image: url(../media/toggle1.png); background-position: 0 -9px; background-repeat: no-repeat; }
.lookup-tab .items.tree .item.level-2 { padding-left: 20px; }
.lookup-tab .items.tree .item.level-3 { padding-left: 40px; }
.lookup-tab .items.tree .item.level-4 { padding-left: 60px; }
.lookup-tab .items.tree .item.level-5 { padding-left: 80px; }
.lookup-tab .items.tree .item.level-6 { padding-left: 100px; }
.lookup-tab .items.tree .item.level-7 { padding-left: 110px; }
.lookup-tab .items.tree .item.level-8 { padding-left: 120px; }
.lookup-tab .items.tree .item.level-9 { padding-left: 130px; }
.lookup-tab .items.tree .item.level-10 { padding-left: 140px; }
.lookup-tab .items.tree .item.level-11 { padding-left: 150px; }


/* menu-tab */
.menu-popup { 
  position: absolute; 
  z-index: 25; 
  max-height: 300px; 
  max-width: 500px; 
  overflow: auto;
  box-sizing: border-box;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
  border: 1px solid #D5D7DA;
  border-radius: 2px;
}

.menu-tab::-webkit-scrollbar {   
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  transition: border-color .2s ease;
}
.menu-tab::-webkit-scrollbar-track {
  border-radius: 2px;
}
.menu-tab::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}
.menu-tab::-webkit-scrollbar-corner {
  background-color: transparent;
}

.menu-tab .items {
  position: relative;
}

.menu-tab .items .loading { 
  width: 30px; 
  height: 30px; 
  background: transparent url(../media/loader2.gif) center center no-repeat; 
}

.menu-tab .items .item { 
  position: relative; 
  overflow: hidden;
  padding: 4px;
  cursor: pointer;
  font-size: 12px;
  padding-right: 15px;
}

.menu-tab .items .item:before {
  content: '';
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  background-color: rgba(224, 224, 224, 1);
  height: 1px;
}

.menu-tab .items .item:last-child {
  border-bottom: none;
}

.menu-tab .items .item .details {
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
}

.menu-tab .items .item .image-col {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.menu-tab .items .item .image-col .image {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}

.menu-tab .items .item .name {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
}

.menu-tab .items .item .sub {
  float: right;
  background-image: url("/_themes/light/content/media/icons/menu_popup_arrow_right.svg?stamp=240311&t=0&icon_color=%23404040");
  width: 20px;
  height: 20px;
}

.menu-tab .items .item .image-col .image {
  background-size: contain, 0 0;
}

.menu-tab .items .item .image-col .image.many-states {
  background-size: contain, 0, 0, 0, 0, 0, 0, 0, 0, 0;
}

.menu-tab .items .item .image-col .image-logout {
  background-image: url("/_themes/light/content/media/icons/logout.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/logout_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.menu-tab .items .item:hover .image-col .image {
  background-size: 0 0, contain;
}

.menu-tab .items .item:hover { 
  background: #F0F5FA; 
}

.menu-tab .items .item.disabled { color: #aaa; cursor: default; background-color: #F0F5FA; }
.menu-tab .items .item.disabled .name { cursor: default; }
.menu-tab .items .item.disabled .image-col { cursor: default; background-color: #F0F5FA; }
.menu-tab .items .noitems { position: relative; overflow: hidden; padding: 7px 20px 7px 10px; font-size: 12px; line-height: 15px; height: 15px; color: #aaa; }
.menu-tab .items .item:hover .cmd-ide  { visibility: visible; }
.menu-tab .items .item:hover .cmd-ide:hover { opacity: 1; }

.menu-tab .sep { 
  margin: 0 10px 1px; 
  height: 1px; 
  overflow: hidden; 
  border-bottom: 1px solid #D5D7DA; 
}
.menu-tab.menu-popup .sep {
  position: relative;
  border-width: 2px;
  margin: 0;
  height: 1px;
  border: none;
  overflow: unset;
}
.menu-tab .upload-widget-container .upload {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
}

.menu-tab .upload-widget-container .uploading {
  padding-left: 25px;
  line-height: 26px;
  font-size: 12px;
}

.menu-tab.menu-popup .sep:before {
  content: '';
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 1px;
  height: 1px;
  background-color: rgba(129, 135, 143, 1);
}

.lookup-popup .menu-tab .items .item .image-col { background: transparent; border: none; }
.lookup-popup .menu-tab .items .item .name { padding-left: 0; }

/*<--- menu tab style-a --->*/
.menu-tab.style-a {
  background-color: unset;
  border: none;
  box-shadow: none;
  overflow: unset;
}

.menu-tab.style-a .items {
  margin-left: 5px;
  transform: translateY(-10px);
}

.menu-tab.style-a .item {
  border: none;
  background-color: rgba(87, 139, 175, 1);
  margin-bottom: 5px;
  width: 30px;
  height: 30px;
  border-radius: 33px;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 5px 15px  5px 5px;
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
}

.menu-tab .items .item:before {
  content: none;
}

.menu-tab.style-a .item:hover {
  width: auto;
  background-color: rgba(87, 139, 175, 1);
}

.menu-tab.style-a .item .name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #EEEEEE;
}

.menu-tab.style-a .item .image-col .image-template {
  background-image: url("/_themes/light/content/media/icons/template.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/template_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.menu-tab.style-a .item .image-col .image-plus {
  background-image: url("/_themes/light/content/media/icons/plus_default.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/plus_default_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

/*<--- context message --->*/
.context-message {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  padding: 20px;
  border: 1px solid #D5D7DA;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  min-width: 100px;
  text-align: center;
  z-index: 25;
}

.context-message::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 3px;
  width: 100%;
  background: #77BA43;
  /* one-shot animation */
  animation: strip 5s linear forwards;
}

/* decrease width */
@keyframes strip {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

/*<--- Express edit --->*/
.edit-tab { 
  position: absolute; 
  margin-top: -1px; 
  z-index: 99; 
  box-sizing: border-box; 
  padding: 0; 
  overflow: visible;
  font-size: 12px; 
  line-height: 14px;
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  color: #13344D;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  min-height: 44px;
  min-width: 100px;
}
.edit-tab input,
.edit-tab textarea { display: block; padding: 1px 22px 1px 3px; background-color: transparent; border: none; resize: none; width: 100%; overflow-y: hidden;
                     color: inherit; text-decoration: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; text-align: inherit;
                     vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                     font-family: 'Noto Sans JP', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma' }
.edit-tab input { height: 26px; }

.edit-tab .tab-cmd { 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.edit-tab .cmd-apply { 
  position: absolute; 
  top: 3px; 
  width: 16px; 
  height: 16px; 
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/approve_green.svg?stamp=240311&t=0&icon_color=%23404040"); 
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.edit-tab .cmd-cancel { 
  position: absolute; 
  top: 23px;
  width: 16px; 
  height: 16px; 
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/reject_red.svg?stamp=240311&t=0&icon_color=%23404040"); 
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.edit-tab .cmd-0 { right: 2px; z-index: 40; }
.edit-tab .cmd-1 { right: 2px; z-index: 40; }

.edit-tab.viewlookup .lookup { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100px; vertical-align: top; font-size: 12px; line-height: 14px; padding: 7px 5px 5px; margin: 5px; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: none; background: #FFFFFF; resize: none; font-family: 'Noto Sans JP', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }
.edit-tab.viewlookup .value-item { display: inline-block; white-space: nowrap; padding: 2px 5px; margin: 5px; background: #EDF5FF; 
                                                             -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.edit-tab.viewlookup .value-item .text { display: inline-block; vertical-align: middle; max-width: 150px; overflow: hidden; padding: 0; white-space: nowrap; text-overflow: ellipsis; }
.edit-tab.viewlookup .value-item .cmd-delete { display: inline-block; vertical-align: middle; width: 11px; height: 16px; margin-left: 3px; color: #aaa;  cursor: pointer; }
.edit-tab.viewlookup .value-item .cmd-delete:hover { color: #000; }
.edit-tab.viewlookup .value-item .cmd-delete .icon { display: inline-block; width: 11px; height: 16px; line-height: 16px; font-size: 11px; vertical-align: top; text-align: center; text-decoration: none;
                         font-family: FontAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.edit-tab.viewlookup .value-item .cmd-delete .icon:before { content: "\f00d"; }

.edit-tab.multichoicecompact .items { 
  max-height: 100vh;
  overflow: auto;
}

.edit-tab.multichoicecompact .item { 
  position: relative;
  overflow: hidden; 
  padding: 5px 20px 5px 10px; 
  cursor: pointer; 
  white-space: nowrap; 
  line-height: 16px; 
  height: 16px; 
}

.edit-tab.multichoicecompact .item:before {
  content: '';
  position:absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  height: 1px;
  background-color: #D5D7DA;
}

.edit-tab.multichoicecompact .item:last-child:before {
  content: none;
}


.edit-tab.multichoicecompact .item .check {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-size: 12px, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040")
}

.edit-tab.multichoicecompact .item.active .check {
  background-size: 0, 12px;
}

.edit-tab.multichoicecompact .item .name { 
  display: inline-block; 
  vertical-align: middle; 
  cursor: pointer; 
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #404040;
  margin-left: 5px;
}

.edit-tab.multichoicecompact .image { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; text-align: center;
                         font-family: FontAwesome; font-style: normal; font-weight: normal; background-size: contain;
                         -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
                         
.signature-tab canvas {
  border: 1px solid #D5D7DA;
}

.popup.signature-tab.view-UserSelect .popup-content{
  min-height: 200px;
}

.popup.signature-tab.view-UserSelect .signature-overlay{
  position: absolute;
  left: 0;
  right: 0;
  top: 32px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 100px 150px 0 150px;
  z-index: 2;
}

.popup.signature-tab.view-UserSelect .signature-overlay .field .field-label span{
  color: #FFFFFF;
}

.popup.signature-tab.view-UserSelect .signature-overlay .field.edit.text .value-box:after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("/_themes/light/content/media/formsigning/pin-enter.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 8px;
  top: 7px;
}

.signature-tab.view-UserSelect .signature-type {
  display: block;
}

.signature-tab.view-UserSelect .signature-type > div {
  margin-bottom: 7px;
}

.signature-tab.view-UserSelect .signature-type input {
  display: inline-block;
  width: auto;
  margin-right: 7px;
  vertical-align: top;
}

.signature-tab.view-UserSelect canvas {
  position: absolute;
  top: 0;
  right: 20px;
  border: 2px solid rgba(20, 115, 230, 0.4);
  border-radius: 1px;
}

.signature-tab.view-UserSelect .field.signature-text {
  position: absolute;
  top: 0;
  right: 20px;
  width: 450px;
  min-width: 450px;
  min-height: 150px;
  background: #FFFFFF;
  border: 2px solid rgba(20, 115, 230, 0.4);
  border-radius: 1px;
}

.popup.signature-tab.view-UserSelect .field.signature-text.required .field-value:before {
  display: none;
}

.signature-tab.view-UserSelect .field.signature-text input{
  padding: 20px 10px 20px 10px;
  min-height: 150px;
  text-align: center;
  font-family: 'Brush Script MT', BirthstoneBounce, Georgia, Garamond;
  font-style: italic;
  font-weight: 400;
  font-size: 44px;
  line-height: 44px;
  color: #13344D;
  background: #FFFFFF;
}

.signature-tab.view-UserSelect .field.signature-text.required .field-value .value-box:before {
  display: none;
}

.signature-tab.view-UserSelect .field.signature-text.required .field-value .value-box {
  border: none !important;
}

.signature-tab .button.clear {
  position: absolute;
  top: 6px;
  right: 30px;
  z-index: 1;
}

.signature-tab .button.clear:hover {
  opacity: 0.7;
}

.signature-tab .button.clear .image {
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
}

.signature-tab .button .image-clear {
  background-image: url("/_themes/light/content/media/formsigning/clear.svg?stamp=240311&t=0&icon_color=%23404040");
}

/*popup images*/
.popup .popup-buttons .button .image {
  margin-right: 5px;
}

.popup .popup-buttons .button .image-opened-folder {
  background-image: url("/_themes/light/content/media/icons/opened_folder.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/opened_folder_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE")
}

.popup .popup-buttons .button .image-plus {
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE")
}

/*<--- favorites-manager-popup --->*/
.favorites-manager-popup {
  
}

.favorites-manager-popup .popup-head {
  margin: 0;
}

.favorites-manager-popup .popup-content {
  padding: 0;
  border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.favorites-manager-popup .popup-content > .group {
  width: 100%;
  height: 100%;
}

.favorites-manager-popup .popup-content > .group > .content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.favorites-manager-popup .popup-content .tree-pane {
  height: 100%;
  position: relative;
  overflow: auto;
  float: left;
  border-right: 1px solid rgba(224, 224, 224, 1);
  box-sizing: border-box;
}

.favorites-manager-popup .popup-content .tree-pane .widget-tree {
  position: relative;
  top: 0;
  margin: 0;
  height: 100%;
}

.favorites-manager-popup .popup-content .tree-pane .widget-tree .scrollbar-container {
  height: 100% !important;
}

.favorites-manager-popup .popup-content .main-pane {
  padding: 10px;
  overflow: hidden;
}

.favorites-manager-popup .popup-content .main-pane .grid .grid-toppane {
  margin-bottom: 10px;
}

.favorites-manager-popup .popup-content .main-pane .grid-toppane .search {
  position: absolute;
  right: 0;
  top: 39px;
  z-index: 5;
  background-color: #FFFFFF;
}

.favorites-manager-popup .popup-content .main-pane .grid-toppane .search input {
  border: none;
}

.popup .favorites-manager-popup .popup-buttons {
  
}

.popup .favorites-manager-popup .popup-buttons .button {
  float: unset;
  margin-right: 0;
  margin-left: 10px;
}

.popup .favorites-manager-popup .popup-buttons .button.status-1 {
  background-color: rgba(40, 167, 69, 1);
}

.popup .favorites-manager-popup .popup-buttons .button.status-2 {
  background-color: rgba(220, 53, 69, 1);
}

.popup .favorites-manager-popup .popup-buttons .button.status-3 {
  background-color: #F0F5FA;
  color: #EEEEEE;
  cursor: default;
}

.popup .favorites-manager-popup .popup-buttons .button.status-4 {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  color: #13344D;
}

.popup .favorites-manager-popup .popup-buttons .button.status-4 .image {
  background-size: 0, contain, 0;
}

.popup .favorites-manager-popup .popup-buttons .button.status-5 {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  color: rgba(144, 146, 150, 1);
  cursor: default;
}

.popup .favorites-manager-popup .popup-buttons .button.status-5 .image {
  background-size: 0, 0, contain;
}


.popup .favorites-manager-popup .popup-buttons .button .image {
  margin-right: 5px;
}

.popup .favorites-manager-popup .popup-buttons .button:hover .image {
  background-size: contain, 0, 0;
}

.popup .favorites-manager-popup .popup-buttons .button.status-4:hover .image {
  background-size: 0, contain, 0;
}

.popup .favorites-manager-popup .popup-buttons .button.status-5:hover .image {
  background-size: 0, 0, contain;
}

.popup .favorites-manager-popup .popup-buttons .button .image-add {
  background-image: url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-reject {
  background-image: url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-share {
  background-image: url("/_themes/light/content/media/icons/share_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/share_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/share_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-import {
  background-image: url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-export {
  background-image: url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-clear {
  background-image: url("/_themes/light/content/media/icons/clean_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/clean_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/clean_filled.svg?stamp=240311&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .grid-a .col .image.image-reject {
  background-image: url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.popup .favorites-manager-popup .grid-a .col .image.image-confirm {
  background-image: url("/_themes/light/content/media/icons/approve_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/approve_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.popup .popup-buttons .button .image.image-export {
  background-image: url("/_themes/light/content/media/icons/export.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

/* popup-b */
.popup .popup-b .popup-head {
  background-color: transparent;
  color: #13344D;
  padding: 10px 0 1px 15px;
  height: 40px;
  font-size: 18px;
}

.popup .popup-b .popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px 11px 0 0;
  width: 21px;
  height: 21px;
  z-index: 1;
  margin: 0;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left bottom;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                                  url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.popup .popup-b .popup-close:hover {
  background-color: #FFFFFF;
}

/*<--- popup microinteraction --->*/
.popup.mi-preset {
  opacity: 0;
}

.popup.mi-preshow {
  transform: scale(.1);
}

.popup.mi-show {
  transform: scale(1);
  opacity: 1;
}

.popup.mi-hide {
  opacity: 0;
  transform: scale(.1);
}

.popup.mi-transition {
  transition: right .35s ease, bottom .35s ease, width .35s ease, height .35s ease, opacity .25s ease, transform .35s cubic-bezier(.47, 1.64, .41, .8);
}

/* widget-mainmenu */
.main-menu-popup .widget-mainmenu .main-menu-search {
  left: unset;
  width: 300px;
  top: 147px;
}

.main-menu-popup .widget-mainmenu .main-menu-search.active input {
  width: 265px;
}

.widget-mainmenu .main-menu-search.active .main-menu-search-clear {
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

/* global-search */
.popup.global-search { border-radius: 15px; }

.popup.global-search .popup-head {
  display: none;
}

.popup.global-search .cmd-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url("/_themes/light/content/media/icons/cube_cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cube_cross_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.popup.global-search .popup-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: auto !important;
}

.popup.global-search .popup-content .search-head {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #D5D7DA;
}

.popup.global-search .popup-content .search-head > .field { margin: 0; }
.popup.global-search .popup-content .search-head .search-input { 
  flex: 1; 
  margin-right: 30px;
  padding-left: 46px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 15px 5px;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.popup.global-search .popup-content .search-head .search-input:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  border-left: 1px solid #D5D7DA;
  margin-left: -46px;
}

.popup.global-search .popup-content .search-head .search-input .value-box {
  position: relative;
  background-color: unset;
  border: none;
}

.popup.global-search .popup-content .search-head .search-input .value-box input {
  padding-left: 0px;
  height: 30px;
  color: #404040;
  font-size: 18px;
}

.popup.global-search .popup-content .search-head .search-input.has-value .value-box input { padding-right: 25px; }

.popup.global-search .popup-content .search-head .search-input .value-box input::placeholder {
  font-weight: 400;
  font-style: normal;
}

.popup.global-search .popup-content .search-head .search-input .cmd-clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -17px;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: right .2s ease;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.popup.global-search .popup-content .search-head .search-input .cmd-clear:hover { background-size: 0, contain; }
.popup.global-search .popup-content .search-head .search-input.has-value .cmd-clear { right: 0; }

.popup.global-search .popup-content .search-head .search-for {
  display: flex;
  align-items: center;
  margin-right: 40px;
}

.popup.global-search .popup-content .search-head .search-for .field-label {
  font-size: 14px;
  text-transform: none;
  text-transform: none;
  margin-right: 2px;
  color: transparent;
}

.popup.global-search .popup-content .search-head .search-for .field-label span { color: #81878F; }

.popup.global-search .popup-content .search-head .search-for .value-box {
  display: flex;
  background-color: unset;
  border: none;
  padding-left: 0;
  cursor: pointer;
  min-height: unset;
  font-size: 15px;
}

.popup.global-search .popup-content .search-head .search-for .field-value { min-width: 20px; }

.popup.global-search .popup-content .search-head .search-for .field-value .value-item { 
  text-decoration: underline; 
  color: #158DDC;
}

.popup.global-search .popup-content .search-head .search-for .field-value .value-item .text { color: #158DDC; }

.popup.global-search .popup-content .search-head .search-for .field-value .sep { margin-right: 3px; }

.popup.global-search .popup-content .search-head .search-for .cmd-open {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/triangle_down2.svg?stamp=240311&t=0&icon_color=%2381878F");
  cursor: pointer;
}

.popup.global-search .popup-content .search-content { margin-top: 60px; }

.popup.global-search .popup-content .search-content .group .head {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  color: #81878F;
}

.popup.global-search .grid-t1 .field.image {
  width: 100%;
  height: 70px;
  margin-left: 5px;
}

.popup.global-search .grid-t1 .item:after { content: none; }
.popup.global-search .grid-t1 .drawingpreview .image { margin-left: 10px; }

.popup.global-search .search-results .group.extra-column,
.popup.global-search .search-results .group.left-column {
  background-color: unset;
}

.popup.global-search .search-results > .content > .group.extra-column {
  background-color: #FFFFFF;
}

.popup.error .download-error {
  padding-top: 16px;
}

.popup.error .download-error .description {
  padding-top: 9px;
  font-size: 13px;
  font-weight: 300;
  color: #81878F;
}

.autofilter-tab {
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 12px #00000026;
  color: #81878F;
  padding: 5px;
  max-height: 500px;
  max-width: 400px;
  z-index: 100;
}

.autofilter-tab .head .item {
  overflow: hidden;
  padding: 5px 0;
  cursor: pointer;
  white-space: nowrap;
}

.autofilter-tab .head .item .text {
  margin-left: 5px;
}

.autofilter-tab .head .image {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-size: contain, 0 0, 0 0;
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes autofilter_appear {
  from {
    transform: scale(.5);
    opacity: 0;
  }
  to {
    transform: scale(1); 
    opacity: 1;
  }
}

.autofilter-tab .loading {
  width: 30px; 
  height: 30px; 
  background: transparent url(../media/loader2.gif) center center no-repeat;
}

.autofilter-tab .intervals {
  margin-bottom: 5px;
}

.autofilter-tab .intervals .item > label {
  display: none;
}

.autofilter-tab .intervals .interval-field {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.autofilter-tab .intervals .interval-field:first-child {
  margin-right: 5px;
}

.autofilter-tab .intervals .interval-field input {
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
  height: 30px;
  background-color: #F0F5FA;
  color: inherit;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  padding: 0 25px 0 30px;
  width: 150px;
  /*background-image: url("/_themes/light/content/media/icons/calendar.svg?stamp=240311&t=0&icon_color=%2381878F");*/
  /*background-repeat: no-repeat;*/
  /*background-position: 4px 3px;*/
  /*background-size: 20px;*/
}

.autofilter-tab .intervals .interval-field img {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  /*opacity: 0;*/
}

.autofilter-tab .intervals .interval-field .cmd-options {
  position: absolute;
  right: 5px;
  top: 5px;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  transition: transform .3s ease-in-out;
  cursor: pointer;
}

.autofilter-tab .intervals .interval-field .cmd-options:hover {
  transform: rotate(90deg) translateX(2px);
}

.autofilter-tab .intervals.mark-invalid .interval-field input {
  border-color: rgba(220, 53, 69, 1);
}

.autofilter-tab .intervals.mark-invalid {
  -webkit-animation-name: autofilter-invalid-animation;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0.001s;
}

@keyframes autofilter-invalid-animation {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(3px);
  }
  50% {
    transform: translateX(-3px);
  }
  60% {
    transform: translateX(2px);
  }
  70% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0px);
  }
}

.autofilter-tab .pattern {
  margin-bottom: 5px;
}

.autofilter-tab .pattern .pattern-field {
  display: block;
}

.autofilter-tab .pattern .pattern-field input {
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
  height: 30px;
  background-color: #F0F5FA;
  color: #13344D;
  font-size: 14px;
  padding: 0 10px;
  width: !00%;
}

.autofilter-tab .formatting {
  margin-bottom: 5px;
}

.autofilter-tab .formatting .filter-item {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}

.autofilter-tab .formatting .filter-item:hover {
  border-color: #81878F;
}

.autofilter-tab .formatting .filter-item.active {
  border-color: #77BA43;
}

.autofilter-tab .formatting .filter-item span {
  display: inline-block;
  line-height: 18px;
  min-width: 18px;
  text-align: center;
}

.autofilter-tab .value-items {
  position: relative;
}

.autofilter-tab .search {
  margin: 5px 0;
}

.autofilter-tab .search label {
  display: none;
}

.autofilter-tab .search .actions {
  position: absolute;
  right: 5px;
  top: 5px;
  overflow: hidden;
}

.autofilter-tab .search .actions span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center;
  border-radius: 2px;
  transition: background-color .3s ease-in-out;
}

.autofilter-tab .search .actions .cmd-search span {
  background-color: #F0F5FA;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain;
}

.autofilter-tab .search .actions .cmd-search.active span {
  background-color: #158DDC;
}

.autofilter-tab .search .actions .cmd-cancelsearch {
  float: left;
  margin-right: 5px;
}

.autofilter-tab .search .actions .cmd-cancelsearch span {
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.autofilter-tab .search input {
  border: 1px solid #D5D7DA;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  background-color: #F0F5FA;
  color: #13344D;
  font-size: 14px;
  padding: 0 50px 0 10px;
}

.autofilter-tab .search input::placeholder {
  font-weight: 300;
  font-style: italic;
  color: #81878F;
}

.autofilter-tab .search input:hover {
  border-color: #81878F;
}

.autofilter-tab .value-items-scroll {
  overflow: auto;
}

.autofilter-tab .value-items .item {
  /*height: 30px;*/
  border-bottom: 1px solid #D5D7DA;
  box-sizing: border-box;
  line-height: 29px;
  font-size: 12px;
}

.autofilter-tab .value-items .item.disabled {
  opacity: .6;
}


.autofilter-tab .value-items .check {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%2381878F"), 
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%2381878F");
  background-size: contain, 0 0;
  margin-right: 10px;
}

.autofilter-tab .value-items .item.clear-item .check {
  background-image: url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&icon_color=%2381878F");
  width: 13px;
  height: 13px;
  background-size: 150%;
  background-position: center;
}


.autofilter-tab .sep {
  width: 100%;
  height: 1px;
  background: #81878F;
}

.autofilter-tab .value-items .check.checked,
.autofilter-tab .value-items .item.active .check {
  background-size: 0 0, contain;
}

.autofilter-tab .value-items .name {
  line-height: 29px;
}

.autofilter-tab .buttons {
  text-align: right; 
  margin-top: 5px;
  overflow: hidden;
}

.autofilter-tab .buttons .button {
  float: left;
  height: 30px;
  border-radius: 3px;
  padding: 0 30px;
  line-height: 29px;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
  text-decoration: none;
  background-color: #13334C;
  color: #13344D;
}

.autofilter-tab .buttons .button:first-child {
  float: right;
  color: #EEEEEE;
  margin-left: 5px;
  background-color: #13334C;
}

.autofilter-tab .buttons .button:nth-child(2) {
  background-color: unset;
  border: 1px solid #D5D7DA;
}

.autofilter-tab .buttons .button:first-child:hover,
.autofilter-tab .buttons .button:nth-child(2):hover {
  background-color: rgba(19, 51, 76, 0.5);
}

/* --- autofilter options tab --- */
.autofilter-options-tab {
  position: absolute;
  z-index: 101;
  box-shadow: 0px 0px 12px #00000026;
  background-color: #FFFFFF;
  box-sizing: border-box;
  min-width: 200px;
  max-width: 330px;
  font-size: 12px;
  line-height: 12px;
}

.autofilter-options-tab .group {
  float: left;
  margin: 5px;
}

.autofilter-options-tab > .group > .name {
  margin-bottom: 5px;
  background: #F0F5FA;
  padding: 3px 8px;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
  transition: background-color .3s ease-in-out;
}

.autofilter-options-tab > .group > .name:hover {
  background-color: rgba(21, 141, 220, 0.2);
}

.autofilter-options-tab .group .item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background: #F0F5FA;
  padding: 3px;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
  transition: background-color .3s ease-in-out;
}

.autofilter-options-tab .group .item:hover {
  background-color: rgba(21, 141, 220, 0.2);
}

.autofilter-options-tab .group .item:first-child {
  margin-left: 0;
}

.autofilter-options-tab .group .item .name {
  margin-bottom: 5px;
  padding: 3px 8px;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
}

.autofilter-options-tab .group .item .value {
  color: #81878F;
  font-size: 10px;
  font-weight: 300;
}
.wizard-steps .tabs-head {
  margin: 0 0 10px 0;
}

.wizard-steps .tabs-content {
  position: unset;
}

.wizard-steps .tabs-content .tabs.no-scroll {
  overflow: hidden;
}

.wizard-steps .tabs-content .part-info {
  position: absolute;
  overflow: hidden;
  top: 30px;
  right: 100px;
}

.wizard-steps .tabs-content .part-info .field:first-child {
  float: left;
  margin-right: 20px;
}

.wizard-steps .steps {
  margin-bottom: 70px;
}

.wizard-steps .steps .step {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 140px;
}

.wizard-steps .steps .step:hover .step-title {
  text-decoration: underline;
}

.wizard-steps .steps .step:first-child {
  margin-left: 40px;
}

.wizard-steps .steps .step .head {
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.wizard-steps .steps .step .head .text {
  font-weight: 500;
  color: rgba(144, 146, 150, 1);
}

.wizard-steps .steps .step.current-step .head .text,
.wizard-steps .steps .step.completed-step .head .text {
  color: #158DDC;
}

.wizard-steps .steps .step-number {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  border: 2px solid #D5D7DA;
  border-radius: 50%;
  background-color: #F0F5FA;
  text-align: center;
  line-height: 30px;
  font-weight: 600;
  color: rgba(144, 146, 150, 1);
  user-select: none;
  cursor: pointer;
}

.wizard-steps .steps .step-number .value-box > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.wizard-steps .steps .step-number input {
  color: rgba(144, 146, 150, 1);
  font-weight: 500;
  margin: 1px;
}

.wizard-steps .steps .step.completed-step .step-number {
  color: #EEEEEE;
  background-color: #158DDC;
  border-color: #158DDC;
}

.wizard-steps .steps .step.current-step .step-number {
  border-color: #158DDC;
  color: #404040;
}
.wizard-steps .steps .step-number:before {
  content: '';
  position: absolute;
  right: -142px;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 140px;
  background-color: #D5D7DA;
  cursor: default;
}

.wizard-steps .steps .step.completed-step .step-number:before,
.wizard-steps .steps .step.skipped-step .step-number:before{
  background-color: #158DDC;
}

.wizard-steps .steps .step.skipped-step .step-number {
  border-color: rgba(255, 193, 7, 1);
  color: #404040;
}

.wizard-steps .steps .skipped-step .step-title-group .step-title {
  color: #404040;
}

.wizard-steps .steps .step:last-child .step-number {
  background-image: url("/_themes/light/content/media/icons/finish.svg?stamp=240311&t=0&icon_color=%238999A5"),
                    url("/_themes/light/content/media/icons/finish.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto, 0 0;
}

.wizard-steps .steps .step:last-child.current-step .step-number {
  background-size: 0 0, auto;
  background-color: rgba(40, 167, 69, 1);
  border-color: rgba(40, 167, 69, 1);
}

.wizard-steps .steps .step-title-group {
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
}

.wizard-steps .steps .step-title-group .step-title {
  font-weight: 500;
  font-size: 16px;
  color: rgba(144, 146, 150, 1);
  white-space: nowrap;
  cursor: pointer;
}

.wizard-steps .steps .current-step .step-title-group .step-title {
  color: #404040;
}

.wizard-steps .steps .completed-step .step-title-group .step-title {
  color: #158DDC;
}

.wizard-steps .steps .step:last-child.current-step .step-title-group .step-title {
  color: rgba(40, 167, 69, 1);
}

/*step hint*/
.wizard-steps .steps .step-title-group .step-hint {
  position: absolute;
  left: 0;
  top: 20px;
  width: 120px;
  text-align: left;
  margin: 0;
  color: #81878F;
  font-size: 10px;
  line-height: 10px;
}

.wizard-steps .steps .step-title-group .step-hint .field-value {
  color: inherit;
}

.wizard-steps .steps .step-title-group .step-hint .field-value .value-box {
  padding: 0;
  min-height: unset;
  background-color: unset;
  font-size: inherit;
  line-height: inherit;
}

.wizard-steps .steps .step:last-child.current-step .head .text {
  color: rgba(40, 167, 69, 1);
}

.wizard-steps .steps .step:last-child .step-number:before {
  content: none;
}



.wizard-steps .menu-links {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  overflow: hidden;
}

.wizard-steps .menu-links .image {
  width: 32px;
  height: 32px;
}

.wizard-steps .menu-links .link-block .link-part .link-title .field-value {
  min-height: 25px;
}

.wizard-steps .menu-links .left-links {
  float: left;
}

.wizard-steps .menu-links .left-links .link-block {
  margin-bottom: 80px;
  margin-right: 80px;
} 

.wizard-steps .menu-links .left-links .link-block:last-child {
  margin-bottom: 0;
}

.wizard-steps .menu-links .right-links {
  overflow: hidden;
}

.wizard-steps .menu-links .right-links .link-block {
  margin-bottom: 80px;
}

.wizard-steps .menu-links .right-links .link-block:last-child {
  margin-bottom: 0;
}

.wizard-steps .menu-links .link-block .link-part .link-title {
  margin: 0;
}

.wizard-steps .menu-links .link-block .link-part .link-title .value-box {
  font-size: 28px;
  font-weight: 500;
  color: #404040;
}

.wizard-steps .menu-links .link-block .link-part .description .value-box {
  font-size: 10px;
  font-weight: 300;
  color: #81878F;
}

.wizard-steps .menu-links .link-block .link-part .field .value-box {
  min-height: unset;
  background: unset;
  padding: 0;
  vertical-align: middle;
}

.wizard-steps .menu-links .link-block {
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
}

.wizard-steps .menu-links .link-block:hover .icon-part .image {
  background-size: 0 0, contain, 0 0;
}

.wizard-steps .menu-links .link-block .icon-part {
  margin-right: 10px;
}

.wizard-steps .menu-links .link-block .icon-part, 
.wizard-steps .menu-links .link-block .link-part {
  display: inline-block;
  vertical-align: top;
}

.wizard-steps .menu-links .link-block .link-part a.button:link,
.wizard-steps .menu-links .link-block .link-part a.button:hover,
.wizard-steps .menu-links .link-block .link-part a.button:active,
.wizard-steps .menu-links .link-block .link-part a.button:visited{
  text-decoration: none;
}

/* <--- step hint fiels --->*/
.wizard-steps .field.hint .field-value {
  color: #81878F;
}

/* <--- for test purposes ---> @@@Improve later*/
.wizard-steps .components-catalog .columns .extra-column {
  position: absolute;
  top: 95px;
  left: 330px;
  right: 15px;
  bottom: 55px;
}

.wizard-steps .components-catalog .component-details .content > .widget {
  position: absolute;
  left: 0;
  right: 0;
  top: 85px;
  bottom: 0;
  overflow: auto;
}

.popup .wizard-steps .components-catalog .component-details .content > .widget {
  top: 125px;
}

/*Calendar > create time slot > status meeting*/
.wizard-steps .status-meeting-details {
  position: relative;
  padding: 15px;
  border-radius: 5px;
  margin: 15px;
  background-color: #FFFFFF;
}

.wizard-steps .status-meeting-details:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 50px;
  border-radius: 5px;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
  z-index: -1;
}

.wizard-steps .status-meeting-details .status-meeting-details-content {
  overflow: auto;
  position: absolute;
  left: 20px;
  top: 80px;
  right: 10px;
  bottom: 0;
}

.wizard-steps .status-meeting-details .field.title {
  border-bottom: 1px solid #D5D7DA;
  margin-bottom: 20px;
}

.wizard-steps .status-meeting-details .statusmeeting-date {
  position: absolute;
  right: 10px;
  top: 35px;
}

.wizard-steps .status-meeting-details .statusmeeting-date .field-value .value-box {
  color: #81878F;
}

.wizard-steps .status-meeting-details .statusmeeting-date .value-box {
  background-color: unset;
  padding: 0;
}

.wizard-steps .status-meeting-details .field.title .field-value {
  color: #13344D;
  font-weight: 500;
}

.wizard-steps .status-meeting-details .field.title .field-value .value-box {
  font-size: 28px;
  line-height: 28px;
  background-color: unset;
  padding: 0;
}

.wizard-steps .status-meeting-details .group.has-head {
  margin-bottom: 10px;
}

.wizard-steps .status-meeting-details .group.has-head .head {
  padding: 0;
  font-size: 14px;
  font-weight: 700;
}

.wizard-steps .status-meeting-details .grid-f .items > div {
  padding-left: 0;
}

.wizard-steps .status-meeting-details .grid-f .items > div:before {
  left: 20px;
}

/*<--- Begin Calendar styles --->*/
/*<--- slot-dates --->*/
.wizard-steps .slot-dates > .content .repeatable-group:first-child {
  margin-bottom: 10px;
}

.wizard-steps .slot-dates .content > .repeatable-group {
  overflow: hidden;
}

.wizard-steps .slot-dates .content .repeatable-group > div {
  float: left;
  margin-right: 40px;
}

.wizard-steps .slot-dates .slot-date {
  margin-bottom: 0;
}

.wizard-steps .slot-dates .slot-date .field-value {
  color: #404040;
  font-weight: 500;
  cursor: pointer;
}

.wizard-steps .slot-dates .slot-date.selected .field-value {
  color: #158DDC;
}

.wizard-steps .slot-dates .slot-date .field-value .value-box {
  background-color: unset;
  padding: 0;
  font-size: 24px;
  line-height: 28px;
}

/*<--- slot --->*/
.wizard-steps .slots .slot {
  position: relative;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 10px;
  min-height: 50px;
  border: 1px solid #D5D7DA;
}

.wizard-steps .slots .slot.selected {
  background-color: rgba(21, 141, 220, 0.2);
  border-color: transparent;
}

.wizard-steps .slots .slot .slot-head {
  overflow: hidden;
}

.wizard-steps .slots .slot .slot-title {
  overflow: hidden;
  color: #404040;
  font-weight: 700;
  margin-bottom: 0;
}

.wizard-steps .slots .slot .slot-code {
  margin-bottom: 10px;
}

.wizard-steps .slots .slot .slot-time {
  float: right;
}

.wizard-steps .slots .slot .slot-time .workload {
  float: left;
  margin-left: 5px;
  margin-bottom: 0;
}

.wizard-steps .slots .slot .slot-comment {
  color: #13344D;
  margin-bottom: 0;
}

.wizard-steps .slots .slot .slot-contact {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 10px;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}

.wizard-steps .slots .slot .slot-contact.color-0 {
  background-color: #F0F5FA;
}

.wizard-steps .slots .slot .slot-contact.color-1 {
  background-color: rgba(91, 91, 223, 1);
}

.wizard-steps .slots .slot .slot-contact.color-2 {
  background-color: rgba(21, 134, 139, 1);
}

.wizard-steps .slots .slot .slot-contact.color-3 {
  background-color: rgba(255, 149, 0, 1);
}

.wizard-steps .slots .slot .slot-contact.color-4 {
  background-color: rgba(146, 86, 217, 1);
}

.wizard-steps .slots .slot .slot-contact.color-5 {
  background-color: rgba(220, 53, 69, 1);
}

.wizard-steps .slots .slot .slot-contact.color-6 {
  background-color: rgba(255, 193, 7, 1);
}

.wizard-steps .slots .slot .slot-contact.color-7 {
  background-color: rgba(20, 115, 233, 1);
}

.wizard-steps .slots .slot .slot-contact.color-8 {
  background-color: rgba(216, 55, 144, 1);
}

.wizard-steps .slots .slot .slot-contact.color-9 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(91, 91, 223, 0.2) 2px,
    rgba(91, 91, 223, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-10 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(21, 134, 139, 0.2) 2px,
    rgba(21, 134, 139, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-11 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(219, 124, 18, 0.2) 2px,
    rgba(219, 124, 18, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-12 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(133, 75, 203, 0.2) 2px,
    rgba(133, 75, 203, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-13 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(214, 54, 62, 0.2) 2px,
    rgba(214, 54, 62, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-14 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(211, 179, 1, 0.2) 2px,
    rgba(211, 179, 1, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-15 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(19, 114, 229, 0.2) 2px,
    rgba(19, 114, 229, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-16 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(205, 38, 130, 0.2) 2px,
    rgba(205, 38, 130, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-17 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(91, 91, 223, 0.2) 2px,
    rgba(91, 91, 223, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-18 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(21, 134, 139, 0.2) 2px,
    rgba(21, 134, 139, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-19 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(219, 124, 18, 0.2) 2px,
    rgba(219, 124, 18, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-20 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(133, 75, 203, 0.2) 2px,
    rgba(133, 75, 203, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-21 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(214, 54, 62, 0.2) 2px,
    rgba(214, 54, 62, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-22 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(211, 179, 1, 0.2) 2px,
    rgba(211, 179, 1, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-23 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(19, 114, 229, 0.2) 2px,
    rgba(19, 114, 229, 0.2) 6px
  );
}

.wizard-steps .slots .slot .slot-contact.color-24 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(205, 38, 130, 0.2) 2px,
    rgba(205, 38, 130, 0.2) 6px
  );
}

.wizard-steps .slots .slot .field.check {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin: 0;
}










/*<--- End Calendar styles --->*/










































/* wf-scheme */
.wf-scheme { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;
             -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
             white-space: nowrap; }
.widget.indent-top .wf-scheme { top: 50px; }

/* Layers */
.wf-scheme .wf-graphics { position: absolute; z-index: 1; left: 0; top: 0; }
.wf-scheme .wf-stages { position: relative; z-index: 2; }

/* history-tag */
.wf-scheme .history-tag { position: absolute; left: 3px; top: 4px; width: 4px; height: 4px; background-color: #15C23C;
                          -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Icons */
.wf-scheme .wf-icon { display: inline-block; position: relative; }
.wf-scheme .wf-icon .icon { display: inline-block; width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
.wf-scheme .wf-icon:hover .icon {background-position: -16px 0; }
.wf-scheme .wf-icon.wf-element-condition .icon  { background-image: url(/media/icons/condition2.png); }
.wf-scheme .wf-icon.wf-element-validation .icon  { background-image: url(/media/icons/approval2.png); }
.wf-scheme .wf-icon.wf-element-notification .icon  { background-image: url(/media/icons/notify2.png); }
.wf-scheme .wf-icon.wf-element-email .icon  { background-image: url(/media/icons/message2.png); }
.wf-scheme .wf-icon.wf-element-history .icon  { background-image: url(/media/icons/history2.png); }
.wf-scheme .wf-icon.wf-element-print .icon  { background-image: url(/media/icons/print2.png); }
.wf-scheme .wf-icon.wf-element-timer .icon  { background-image: url(/media/icons/alarm_clock2.png); }
.wf-scheme .wf-icon.wf-element-form .icon  { background-image: url(/media/icons/form2.png); }
.wf-scheme .wf-icon.wf-element-auto .icon  { background-image: url(/media/icons/flash_auto2.png); }
.wf-scheme .wf-icon .history-tag { left: 0; top: 0; }


/* Stage */
.wf-scheme .wf-stage { display: inline-block; vertical-align: top; white-space: normal; width: 270px; border-right: 1px dashed #323232;
                       -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf-scheme .wf-stage > .head { position: relative; overflow: hidden; height: 78px; padding: 20px; border-bottom: 2px solid #323232;
                               -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                               font-size: 14px; line-height: 17px; }
.wf-scheme .wf-stage > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-stage > .head .title .text { font-weight: 700; }
.wf-scheme .wf-stage > .content { padding: 30px 40px; }
.wf-scheme .wf-stage:hover > .head { color: #3498db; }
.wf-scheme .wf-stage > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-stage > .head:hover .cmd-ide:hover { opacity: 1; }

/* View */
.wf-scheme .wf-view { border: 1px solid #323232; margin-bottom: 30px;
                      -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf-scheme .wf-view > .head { position: relative; padding: 10px 0 5px; border-bottom: 1px solid #323232; background: #f7f7f7;
                               -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                               font-size: 12px; line-height: 14px; }
.wf-scheme .wf-view > .head .status-tag { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 5px; }
.wf-scheme .wf-view.status-active > .head .status-tag { background: #3498db; }
.wf-scheme .wf-view.status-passed > .head .status-tag { background: #999; }
.wf-scheme .wf-view > .head .tooltip-tag { position: absolute; z-index: 3; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(/media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme .wf-view > .head .title { position: relative; padding: 0 10px; margin-bottom: 5px; }
.wf-scheme .wf-view > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-view > .head .title .text { font-weight: 700; }
.wf-scheme .wf-view > .head .icons-bar { padding: 0 10px; }
.wf-scheme .wf-view > .head .wf-icon { margin-right: 10px; }
.wf-scheme .wf-view > .head:hover { color: #3498db; }
.wf-scheme .wf-view.highlight-target > .head { color: #3498db; }
.wf-scheme .wf-view.has-concentrator > .head { padding-left: 15px; }
.wf-scheme .wf-view > .head .wf-concentrator { position: absolute; z-index: 2; left: 0; top: 0; width: 19px; height: 100%; }
.wf-scheme .wf-view > .head .wf-concentrator .icon { position: absolute; left: 2px; top: 50%; margin-top: -7px; width: 15px; height: 15px; background: transparent url(/media/concentrator.png) 0 0 no-repeat; }
.wf-scheme .wf-view > .head .wf-concentrator.hover .icon { background-position-x: -15px; }
.wf-scheme .wf-view > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-view > .head:hover .cmd-ide:hover { opacity: 1; }

/* Action */
.wf-scheme .wf-action { border-top: 1px dashed #323232; }
.wf-scheme .wf-action:first-child { padding-top: 0; border-top: none; }
.wf-scheme .wf-action > .head { position: relative; padding: 10px 0 5px; font-size: 12px; line-height: 14px; }
.wf-scheme .wf-action > .head .tooltip-tag { position: absolute; z-index: 2; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(/media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme .wf-action > .head .title { position: relative; padding: 0 10px; }
.wf-scheme .wf-action > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-action > .head .title .text { font-weight: 700; }
.wf-scheme .wf-action.hover > .head { color: #3498db; }
.wf-scheme .wf-action > .content { padding: 0 10px 5px; }
.wf-scheme .wf-action .wf-icon { margin-right: 10px; }
.wf-scheme .wf-action > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-action > .head:hover .cmd-ide:hover { opacity: 1; }

/* wf-actions-button */
/*.wf-actions-button { cursor: pointer; }*/
/*.workspace-tools-pane .wf-actions-button  { margin-right: 0; }*/
/*.wf-actions-button .image { padding: 0; width: 24px; height: 24px; background: transparent url(/media/approve2.png) 0 0 no-repeat; }*/
/*.wf-actions-button:hover .image { background-position: -24px 0; }*/

/* wf-tooltip */
.wf-tooltip .tooltip-tabs { border-collapse: collapse; border-spacing: 0; border: none; }
.wf-tooltip .definition-tab { float: left; min-width: 250px; max-width: 350px; }
.wf-tooltip .definition-tab > .head { font-size: 14px; line-height: 20px; font-weight: 700; margin-bottom: 5px; }
.wf-tooltip .history-tab { float: left; min-width: 250px; max-width: 350px; }
.wf-tooltip .history-tab > .head { font-size: 14px; line-height: 20px; font-weight: 700; margin-bottom: 5px; }
.wf-tooltip .sep-tab { float: left; width: 1px; min-height: 1px; margin: 0 10px; }
.wf-tooltip .sep-tab > div { position: absolute; width: 1px; top: 10px; bottom: 10px; background: #aaa; }
.wf-tooltip .history { max-height: 300px; overflow: auto; }
.wf-tooltip .history .item { margin-bottom: 15px; }
.wf-tooltip .history .item > .head { color: #777; font-size: 11px; line-height: 13px; }
.wf-tooltip .history .item > .head .time { display: inline; margin-right: 10px; font-style: italic; }
.wf-tooltip .history .item > .head .contact { display: inline; font-style: italic; }
.wf-tooltip .history .item > .head .action label { font-style: italic; margin-right: 7px; }
.wf-tooltip .history .item > .head .action .text { font-weight: 700; }
.wf-tooltip .history .item > .desc { white-space: pre-wrap; }


/* wf-scheme2 */
.wf-scheme2 {
  position: relative;
  overflow: auto;
}

.workspace-details-pane .wf-scheme2 {
  position: static;
  position: relative;
  overflow: auto;
}
.workspace-details-pane .wf-scheme2 > .content  { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; }
/*.popup .wf-scheme2 { overflow: auto; height: 500px; position: relative; }*/
/*.popup .wf-scheme2 > .content {*/
/*  height: 100%;*/
/*}*/
.workspace-details-pane .wf-scheme2.has-head > .content  { top: 50px; }
.wf-scheme2 .tools { margin-bottom: 0; position: relative; z-index: 2; padding-top: 10px; }
.wf-scheme2 .tools .field.formatting { height: auto; margin-top: 3px; }
.wf-scheme2 .wf-stages { 
  position: relative; 
  z-index: 2; 
  height: 100%;
}
.wf-scheme2 .wf-graphics { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }
.wf-scheme2 .graphics-workspace { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }


/* history-tag */
.wf-scheme2 .history-tag { position: absolute; left: 3px; top: 4px; width: 4px; height: 4px; background-color: #15C23C;
                          -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Icons */
.wf-scheme2 .wf-icon { display: inline-block; position: relative; }
.wf-scheme2 .wf-icon .icon { display: inline-block; width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
.wf-scheme2 .wf-icon:hover .icon {background-position: -16px 0; }
.wf-scheme2 .wf-icon.wf-element-condition .icon  { background-image: url(/media/icons/condition2.png); }
.wf-scheme2 .wf-icon.wf-element-validation .icon  { background-image: url(/media/icons/approval2.png); }
.wf-scheme2 .wf-icon.wf-element-notification .icon  { background-image: url(/media/icons/notify2.png); }
.wf-scheme2 .wf-icon.wf-element-email .icon  { background-image: url(/media/icons/message2.png); }
.wf-scheme2 .wf-icon.wf-element-history .icon  { background-image: url(/media/icons/history2.png); }
.wf-scheme2 .wf-icon.wf-element-print .icon  { background-image: url(/media/icons/print2.png); }
.wf-scheme2 .wf-icon.wf-element-timer .icon  { background-image: url(/media/icons/alarm_clock2.png); }
.wf-scheme2 .wf-icon.wf-element-form .icon  { background-image: url(/media/icons/form2.png); }
.wf-scheme2 .wf-icon.wf-element-auto .icon  { background-image: url(/media/icons/flash_auto2.png); }
.wf-scheme2 .wf-icon .history-tag { left: 0; top: 0; }

.wf-scheme2 .image-element { width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;
                            font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; line-height: 16px; text-align: center;
                            -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.image-element.element-op_app_setcommonfield { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/set_variable.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/set_variable_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_app_setcontentfield { background-image: url(/media/set-field-16.png); background-position: center -16px; }
.image-element.element-op_workflow_init { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/play.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/play_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_setvar { background-image: url(/media/set-field-16.png); background-position: center -16px; }
.image-element.element-op_workflow_addacl { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/add_role_participant.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/add_role_participant_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_history {
  background-image: url("/_themes/light/content/media/icons/workflow_icons/write_to_history.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/write_to_history_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_setview { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/go_to_state.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/go_to_state_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_form { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/form.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/form_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_task { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/execute_task.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/execute_task_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_validate { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/validate.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/validate_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_exporttoexternal { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/export.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/export_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_sla_starttimer { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/start_timer.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/start_timer_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_sla_pausetimer { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/pause_timer.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/pause_timer_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_sla_stoptimer { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/stop_timer.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/stop_timer_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-op_email_create { background-image: url(/media/email_x16.png); background-position: 0 -16px; }
.image-element.element-op_messages_send { 
  background-image: url("/_themes/light/content/media/icons/workflow_icons/send_by_email.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/workflow_icons/send_by_email_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}
.image-element.element-condition { background-image: url(/media/source-code.png); background-position: 0 0; }
.image-element.element-sla { background-image: url(/media/time-16.png); background-position: 0 -16px; }
.image-element.element-action-auto { background-image: url(/media/flash-auto-16.png); background-position: 0 -16px; }


/*active image elements*/
/*.wf-view.active .image-element.element-op_app_setcommonfield { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/set_variable.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/set_variable_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_app_setcontentfield { background-image: url(/media/workflow/set-field-16_active.png); background-position: center 0; }*/
/*.wf-view.active .image-element.element-op_workflow_init { background-image: url(/media/workflow/play-16_active.png); background-position: center 0; }*/
/*.wf-view.active .image-element.element-op_workflow_setvar { background-image: url(/media/workflow/set-field-16_active.png); background-position: center 0; }*/
/*.wf-view.active .image-element.element-op_workflow_addacl { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/add_role_participant.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/add_role_participant_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_history { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/write_to_history.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/write_to_history_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_setview { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/go_to_state.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/go_to_state_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_form { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/form.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/form_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_task { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/execute_task.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/execute_task_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_starttimer { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/start_timer.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/start_timer_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_pausetimer { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/pause_timer.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/pause_timer_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_stoptimer { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/stop_timer.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/stop_timer_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_email_create { background-image: url(/media/workflow/email_x16_active.png); background-position: 0 0; }*/
/*.wf-view.active .image-element.element-op_messages_send { */
/*  background-image: url("/_themes/light/content/media/icons/workflow_icons/send_by_email.svg?stamp=240311&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/light/content/media/icons/workflow_icons/send_by_email_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-condition { background-image: url(/media/source-code.png); background-position: 0 0; }*/
/*.wf-view.active .image-element.element-sla { background-image: url(/media/workflow/time-16_active.png); background-position: 0 0; }*/
/*.wf-view.active .image-element.element-action-auto { background-image: url(/media/flash-auto-16.png); background-position: 0 0; }*/

/*.wf-view.active .image-submit { background-image: url('/_themes/light/content/media/submit.svg?stamp=240311&t=0&icon_color=%23AADDFF');  background-position: 0 0;   background-size: contain; }*/
.wf-view.active .image-return { background-image:url(/_themes/light/content/media/return.svg/?stamp=240311&t=0&icon_color=%23AADDFF);  background-size: contain; }

.wf-view.active .image-check { background-image: url("/_themes/light/content/media/icons/workflow_icons/circle_check.svg?stamp=240311&t=0&icon_color=%23404040"),
                                                 url("/_themes/light/content/media/icons/workflow_icons/circle_check.svg?stamp=240311&t=0&icon_color=%23404040")
}

.wf-view.active .image-cancel { background-image: url("/_themes/light/content/media/icons/workflow_icons/denied.svg?stamp=240311&t=0&icon_color=%23404040"),
                                                  url("/_themes/light/content/media/icons/workflow_icons/denied.svg?stamp=240311&t=0&icon_color=%23404040")
}

/*.grid .items .col .image-element.element-op_app_setcommonfield { background-image: url(/media/set-common-field-16_gb.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_app_setcontentfield { background-image: url(/media/set-content-field-16_gb.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_addacl { background-image: url(/media/add-user-group-16_gb.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_history { background-image: url(/media/write-history-16_gb.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_setview { background-image: url(/media/assign_view_16_gb.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_sla_starttimer { background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_sla_pausetimer { background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_sla_stoptimer { background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_email_create { background-position: 0 0; }*/

/*.grid .items .col .image-element.element-op_workflow_history, .menu-tab .image-element.element-op_workflow_history { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_workflow_history, .menu-tab .item:hover .image-element.element-op_workflow_history {background-position: center -16px; }*/

/*.grid .items .col .image-element.element-op_workflow_setview, .menu-tab .image-element.element-op_workflow_setview { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_workflow_setview, .menu-tab .item:hover .image-element.element-op_workflow_setview {background-position: center -16px; }*/

/*.grid .items .col .image-element.element-op_workflow_setvar, .menu-tab .image-element.element-op_workflow_setvar { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_workflow_setvar, .menu-tab .item:hover .image-element.element-op_workflow_setvar {background-position: center -16px; }*/

/*.grid .items .col .image-element.element-op_app_setcommonfield, .menu-tab .image-element.element-op_app_setcommonfield { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_app_setcommonfield, .menu-tab .item:hover .image-element.element-op_app_setcommonfield {background-position: center -16px; }*/

/*.grid .items .col .image-element.element-op_app_setcontentfield, .menu-tab .image-element.element-op_app_setcontentfield { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_app_setcontentfield, .menu-tab .item:hover .image-element.element-op_app_setcontentfield {background-position: center -16px; }*/


/* Actions */
.wf-scheme2 .button.actions { visibility: hidden; position: absolute; z-index: 2; right: 5px; top: 5px; width: 16px; height: 16px; background: transparent; padding: 0; }
.wf-scheme2 .button.actions .image { width: 16px; height: 16px; background-image: url(/media/actions2_x16.png); background-position: center 0; margin: 0; }
.wf-scheme2 .button.actions:hover .image { background-position: 0 -16px; }

/* Stage */
.wf-scheme2 .wf-stages > .repeatable-group { 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-flex-direction: row; 
  -ms-flex-direction: row; 
  flex-direction: row; 
  flex-direction: row; 
  height: 100%;
}
.wf-scheme2 .wf-stage { 
  position: relative; 
  -webkit-box-flex: 0; 
  -ms-flex-positive: 0; 
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 270px; 
  flex-basis: 270px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  background: rgb(250,250,250); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(235,235,235,0.2) 0%, rgba(210,210,210,0.2) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(235,235,235,0.2) 0%,rgba(210,210,210,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(235, 235, 235, .2) 0%,rgba(235, 235, 235, .2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
  /*background-color: #FFFFFF;*/
}
.wf-scheme2 .wf-stage.drag-in-active:before { content: ""; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #1283FF;
                                              -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf-scheme2 .wf-stage .stage-name {
  font-size: 18px;
  margin: 20px 0 0 0;
  text-transform: uppercase;
  text-align: center;
}
.wf-scheme2 .wf-stage .stage-name .field-label {
  display:none; 
}

.wf-scheme2 .wf-stage .stage-name .field-value {
  font-size: inherit; 
  color: inherit; 
}

.wf-scheme2 .wf-stage .stage-name .field-value .value-box {
  background-color: unset;
  min-height: unset;
  padding: 0;
}

.wf-scheme2 .wf-stage .stage-content { 
  padding: 20px 40px; 
}
.wf-scheme2 .wf-stage:hover > .stage-name { color: #3498db; }
.wf-scheme2 .wf-stage .stage-name:hover .cmd-ide  { visibility: visible; }
.wf-scheme2 .wf-stage .stage-name:hover .cmd-ide:hover { opacity: 1; }
.wf-scheme2 .wf-stage .stage-head:hover .actions { visibility: visible; }

/* View */
.wf-scheme2 .wf-view { 
  position: relative; 
  margin-bottom: 30px; 
  background-color: #FFFFFF;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.wf-scheme2 .wf-view.moving { z-index: 2; background: #fff; }
.wf-scheme2 .wf-view .view-head { 
  position: relative; 
  padding: 10px 10px 0 10px; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  border: 1px solid #81878F;
  font-size: 12px; line-height: 14px;
}
.wf-scheme2 .wf-view.active .view-head {
  border-color: #158DDC;
  background-color: rgba(21, 141, 220, 0.2);
}

.wf-scheme2 .wf-view.passed .view-head { border-bottom-color: #aaa; }

.wf-scheme2 .wf-view.active .title {
  color: #13344D;
}

.wf-scheme2 .wf-view .view-head .status-tag { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 5px; }
.wf-scheme2 .wf-view.status-active .view-head .status-tag { background: #3498db; }
.wf-scheme2 .wf-view.status-passed .view-head .status-tag { background: #999; }
.wf-scheme2 .wf-view .view-head .tooltip-tag { position: absolute; z-index: 3; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(/media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme2 .wf-view .view-head .title { 
  position: relative;
  padding: 0 5px 0 20px;
  font-size: 14px;
  margin-bottom: 10px;
}

.wf-scheme2 .wf-view .view-head .title .value-box {
  margin-left: 5px;
}

.wf-scheme2 .wf-view .view-head .title .value-box > .text {
  display: inline-block;
}

.wf-scheme2 .wf-view .view-head .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain, 0 0;
}

.wf-scheme2 .wf-view .view-head .title.view-icon {
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
  color: #404040;
}

.wf-scheme2 .wf-view .view-head .title.role-icon:before {
  background-image: url("/_themes/light/content/media/icons/user.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/user.svg?stamp=240311&t=0&icon_color=%2313344D");
}

.wf-scheme2 .wf-view .view-head .title.view-icon:before {
  background-image: url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%2313344D");
}

.wf-scheme2 .wf-view.active .view-head .title:before {
  background-size: 0 0, contain;
}

.wf-scheme2 .wf-view .view-head .title .field-label { font-style: italic; margin-right: 7px; float: left; display:none; }
.wf-scheme2 .wf-view .view-head .title .field-value { font-weight: 400; display: block; color: #0072C6; font-size:13px; 
  font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif';}
.wf-scheme2 .wf-view .view-head .title.role-icon .field-value{ padding-left: 25px;}
.wf-scheme2 .wf-view .view-head .title.role-icon .field-value:before{ content:" "; 
  position: absolute; z-index: 3; left: 0; top: 3px; width: 16px; height: 16px; background: transparent url(/media/workflow-roles-16.png) 0 0 no-repeat;
}
.wf-scheme2 .wf-view.active .view-head .title.role-icon .field-value:before{ background: transparent url(/media/workflow/workflow-roles-16_active.png) 0 0 no-repeat; }
.wf-scheme2 .wf-view .view-head .title.view-icon .field-value{ padding-left: 25px; font-weight:bold; }
.wf-scheme2 .wf-view .view-head .title.view-icon .field-value:before{ content:" "; 
  position: absolute; z-index: 3; left: 0; top: 3px; width: 16px; height: 16px; background: transparent url(/media/workflow-view-16.png) 0 0 no-repeat;
}
.wf-scheme2 .wf-view.active .view-head .title.view-icon .field-value:before{  background: transparent url(/media/workflow/workflow-view-16_active.png) 0 0 no-repeat; }
.wf-scheme2 .wf-view .view-head .tag { position: absolute; left: 0; top: 0; padding: 1px; font-size: 10px; line-height: 10px; background-color: rgba(255, 255, 100, 0.8);
                                       -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.wf-scheme2 .wf-view .view-head .view-elements { 
  margin-left: 20px;
}
.wf-scheme2 .wf-view .view-head .description { position: relative; overflow: hidden; padding: 0 10px; font-size: 11px; line-height: 15px; height: 30px; overflow: hidden; }
.wf-scheme2 .wf-view .view-head .icons-bar { padding: 0 10px; }
.wf-scheme2 .wf-view .view-head .wf-icon { margin-right: 10px; }
/*.wf-scheme2 .wf-view .view-head:hover { color: #3498db; }*/
.wf-scheme2 .wf-view.highlight-target > .head { color: #3498db; }
.wf-scheme2 .wf-view.has-concentrator > .head { padding-left: 15px; }
.wf-scheme2 .wf-view .view-head .wf-concentrator { position: absolute; z-index: 2; left: 0; top: 0; width: 19px; height: 100%; }
.wf-scheme2 .wf-view .view-head .wf-concentrator .icon { position: absolute; left: 2px; top: 50%; margin-top: -7px; width: 15px; height: 15px; background: transparent url(/media/concentrator.png) 0 0 no-repeat; }
.wf-scheme2 .wf-view .view-head .wf-concentrator.hover .icon { background-position-x: -15px; }
.wf-scheme2 .wf-view .view-head:hover .actions { visibility: visible; }
.wf-scheme2 .wf-view .view-head:hover .cmd-ide  { visibility: visible; }
.wf-scheme2 .wf-view .view-head:hover .cmd-ide:hover { opacity: 1; }
.wf-scheme2 .wf-view .hidden-tooltip {
  
}
.wf-scheme2 .wf-view .drag-area { visibility: hidden; position: absolute; z-index: 2; overflow: hidden; left: 1px; top: 1px; width: 10px; bottom: 1px; background: transparent url(/media/drag-area.png) 0 0; cursor: move; }
.wf-scheme2 .wf-view .view-head:hover .drag-area { visibility: visible; }
.wf-scheme2 .wf-view .drag-area .cmd-move { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wf-scheme2 .wf-view .view-enforcement { display: inline-block; }
.wf-scheme2 .wf-view .view-enforcement .image-element { display: block; margin-left: 12px; }
.wf-scheme2 .wf-view .view-auto-actions { display: inline-block; }
.wf-scheme2 .wf-view .view-auto-actions .image-element { display: block; margin-left: 12px; }

.wf-scheme2 .wf-view.on-style-active:before { content: ""; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #1283FF;
                                              -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
                                              
.wf-scheme2 .wf-view.active .view-head .title .field-value{ color: #FFFFFF;}
.wf-scheme2 .wf-view.active .view-head .field-value{ color: #FFFFFF;}
.form .wf-scheme2 .wf-view.active .view-head .field .value-box > .text{ color: #FFFFFF;}
/* Action */
.wf-scheme2 .wf-action { 
  position: relative; 
  padding: 10px 10px 0 10px;
}

.wf-scheme2 .wf-action:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 1px;
  background-color: #D5D7DA;
}

.wf-scheme2 .wf-action:last-child:before {
  content: none;
}

.wf-scheme2 .wf-action:first-child { border-top: none; }
.wf-scheme2 .wf-action .action-head { 
  position: relative; 
  font-size: 12px;
}
.wf-scheme2 .wf-action .action-head .action-image { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 20px; 
  height: 20px; 
  background-size: contain, 0 0;
}

.wf-scheme2 .wf-action .action-head .action-image.image-return {
  background-image: url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=%23404040");
}

.wf-scheme2 .wf-action .action-head .action-image.image-workflow-action { 
  background-image: url("/_themes/light/content/media/icons/lightning.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/lightning.svg?stamp=240311&t=0&icon_color=%23404040");
}

.wf-scheme2 .wf-action .action-head .action-image.image-check { 
  background-image: url("/_themes/light/content/media/icons/check.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/check.svg?stamp=240311&t=0&icon_color=%23404040");
}

.wf-scheme2 .wf-view.active .wf-action .action-head .action-image.image-workflow-action {  background-image: url(/media/workflow/workflow_action-16_active.png); }
.wf-scheme2 .wf-action .action-head .title .field-value{ padding-left: 25px;}
.wf-scheme2 .wf-action .action-head .tooltip-tag { position: absolute; z-index: 2; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(/media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme2 .wf-action .action-head .title { 
  position: relative; 
  margin-left: 25px;
  font-size: 14px;
  color: #404040;
}
.wf-scheme2 .wf-action .action-head .title .field-label { font-style: italic; margin-right: 7px; float: left; display: none; }
.wf-scheme2 .wf-action .action-head .title .field-value .value-box { font-weight: 400; display: block; color: #0072C6; font-size:13px; 
  font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif';}
.wf-scheme2 .wf-action.hover .action-head { color: #3498db; }
.wf-scheme2 .wf-action .tag { position: absolute; left: 0; top: 0; padding: 1px; font-size: 10px; line-height: 10px; background-color: rgba(255, 255, 100, 0.8);
                                       -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.wf-scheme2 .wf-action .action-content {
  margin-left: 20px;
  min-height: 7px;
}
.wf-scheme2 .wf-view.active .wf-action .action-content { 
  
}
  
.wf-scheme2 .wf-view .action-element { 
  display: inline-block;
  /*margin-right: 10px;*/
}

.wf-scheme2 .wf-view .action-element .image-element {
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: 14px 14px, 0 0;
  cursor: pointer;
}

.wf-scheme2 .wf-view .action-element .image-element:hover { 
  background-size:  0 0, 14px 14px;
}
.wf-scheme2 .wf-action:hover .actions { visibility: visible; }
.wf-scheme2 .wf-action .action-head:hover .cmd-ide  { visibility: visible; }
.wf-scheme2 .wf-action .action-head:hover .cmd-ide:hover { opacity: 1; }
.wf-scheme2 .wf-action .action-condition { position: absolute; right: 17px; bottom: 14px; }
.wf-scheme2 .wf-action .action-condition .image-element { display: block; }

.wf-scheme2 .wf-action .hidden { display: none; }

.wf-scheme2 .wf-action.on-style-active:before { content: ""; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #1283FF;
                                              -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
                                              
.wf-scheme2 .wf-view.active .wf-action .action-head .title .field-value .value-box{ color: #FFFFFF;}

.wf-scheme2 .graphics .field.graphics { display: none; }
/*.wf-scheme2 .graphics-workspace .path { stroke: #D5D7DA; }*/

/*.wf-scheme2 .graphics-workspace #Triangle {*/
/*  fill: #D5D7DA!important;*/
/*}*/

.wf-scheme2 .graphics-workspace .path { stroke: black; }

.wf-scheme2 .graphics-workspace #Triangle {
  fill: black;
}

.wf-scheme2 .graphics-workspace .path.new { stroke: #FF0000; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-default { stroke: #000000; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-brown { stroke: #966665; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-red { stroke: #EA3737; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-orange { stroke: #E59700; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-yellow { stroke: #E5EA00; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-lime { stroke: #BEE34D; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-green { stroke: #2CBB8B; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-cyan { stroke: #4ABCE6; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-blue { stroke: #3794D7; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-purple { stroke: #A181BD; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-gray { stroke: #AAAAAA; }

.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-default { fill: #000000; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-brown { fill: #966665; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-red { fill: #EA3737; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-orange { fill: #E59700; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-yellow { fill: #E5EA00; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-lime { fill: #BEE34D; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-green { fill: #2CBB8B; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-cyan { fill: #4ABCE6; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-blue { fill: #3794D7; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-purple { fill: #A181BD; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-gray { fill: #AAAAAA; }
/*htmleditor paragraphs*/
.field.html h1,
.static-field.html h1 {
  font-size: 24px;
  margin: 15px 0;
  line-height: 24px;
}

.field.html h2,
.static-field.html h2 {
  font-size: 21px;
  margin: 15px 0;
  line-height: 21px;
}

.field.html h3,
.static-field.html h3 {
  font-size: 12px;
  margin: 15px 0;
  line-height: 12px;
}

.field.html div.note, 
.static-field.html div.note {
  position: relative;
  background-color: rgba( 255 ,204 ,0 ,0.3 );
  padding: 2px;
  padding-left: 20px;
  border: 1px solid #FFCC35;
  padding: 20px 20px 20px 80px;
  border-radius: 5px;
  margin-bottom: var(--ck-spacing-large);
}

.field.html div.note:after, 
.static-field.html div.note:after {
  content: '';
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 28px;
  background-image: url(/media/design/warning.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.field.html div.error, 
.static-field.html div.error {
  position: relative;
  background-color: rgba( 255 ,59 ,48 ,0.3 );
  padding: 2px;
  padding-left: 20px;
  border: 1px solid #FF3B30;
  padding: 20px 20px 20px 80px;
  border-radius: 5px;
  font-weight: bold;
  margin-bottom: var(--ck-spacing-large);;
}

.field.html div.error:after, 
.static-field.html div.error:after {
  content: '';
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-image: url(/media/error.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.field.html pre,
.static-field.html pre {
  white-space: pre-wrap;	
  word-wrap: break-word;
  -moz-tab-size: 4; 
  tab-size: 4;
  border: 1px solid #E3E3E3; 
  background-color: #FAFAFA; 
  padding: 15px;
}

.field.html .sample-block,
.static-field.html .sample-block {
  padding: 15px;
  color: #353535;
  background: #F2F2F2;
  border-radius: 2px;
  margin: 1em 0px;
}

.field.html code,
.static-field.html code {
  color: purple;
  background-color: hsla(0,0%,78%,.3);
  border-radius: 2px;
  padding: 0.1em 0.3em;
}

pre code,
pre code {
  background-color: unset !important;
}
.grid .image-print { background-image: url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                 url("/_themes/light/content/media/icons/print_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-send-by-email { background-image: url("/_themes/light/content/media/icons/send_email.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                         url("/_themes/light/content/media/icons/send_email_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); }
                                         
.grid .image-add { background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%2381878F"),
                               url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}
.grid .image-search { background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/icons/search_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); }
                                  
.grid .image-search-button { background-image: url("/_themes/light/content/media/icons/search_button.svg?stamp=240311&t=0&icon_color=%23158DDC"),
                                         url("/_themes/light/content/media/icons/search_button_filled.svg?stamp=240311&t=0&icon_color=%23158DDC"); }

.grid .image-register { background-image: url("/_themes/light/content/media/icons/register.svg?stamp=240311&t=0&icon_color=%2381878F"); }

.grid .image-trash-can { background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                     url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); }
                                     
.grid .image-merge { background-image: url("/_themes/light/content/media/icons/merge.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                 url("/_themes/light/content/media/icons/merge_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-clone { background-image: url("/_themes/light/content/media/icons/clone.svg?stamp=240311&t=0&icon_color=%23404040"),
                                 url("/_themes/light/content/media/icons/clone_filled.svg?stamp=240311&t=0&icon_color=%23404040"); }
.grid .image-menu { background-image: url("/_themes/light/content/media/icons/menu.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                url("/_themes/light/content/media/icons/menu_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-filter { background-image: url("/_themes/light/content/media/icons/filter.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/icons/filter_fill.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/icons/filter_fill.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image-settings { background-image: url("/_themes/light/content/media/icons/settings.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                    url("/_themes/light/content/media/icons/settings_filled.svg?stamp=240311&t=0&icon_color=%2381878F")}
.grid .image-grid { background-image: url("/_themes/light/content/media/icons/grid.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                url("/_themes/light/content/media/icons/grid_filled.svg?stamp=240311&t=0&icon_color=%2381878F")}
.grid .image-refresh { background-image: url("/_themes/light/content/media/icons/refresh.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-clear { background-image: url("/_themes/light/content/media/icons/clear.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-auto-match { background-image: url("/_themes/light/content/media/icons/auto-match.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-package { background-image: url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-build-package { background-image: url("/_themes/light/content/media/icons/build_package.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-document-box { background-image: url("/_themes/light/content/media/icons/document_box.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-document-list { background-image: url("/_themes/light/content/media/icons/document_list.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-delete { background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.grid .image-view { background-image: url("/_themes/light/content/media/icons/view.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                url("/_themes/light/content/media/icons/view.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                url("/_themes/light/content/media/icons/view.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
.grid .image-attachment { background-image: url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
.grid .image-download { background-image: url("/_themes/light/content/media/icons/download.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                    url("/_themes/light/content/media/icons/download_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                    url("/_themes/light/content/media/icons/download_filled.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
.grid .image-theme { background-image: url("/_themes/light/content/media/icons/medium/theme.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                 url("/_themes/light/content/media/icons/medium/theme.svg?stamp=240311&t=0&icon_color=%23158DDC"); }
                                 
.grid .image-circled-arrow-right { background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                               url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
                                               
.grid .image-circled-arrow-left { background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                                    url("/_themes/light/content/media/icons/circled_arrow_left_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
                                               
.grid .image-submit { background-image: url("/_themes/light/content/media/icons/submit.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/icons/submit_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.grid .image-return { background-image: url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                  url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}
.grid .image-close { background-image: url("/_themes/light/content/media/icons/close.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                 url("/_themes/light/content/media/icons/close_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-im-pqp { background-image: url("/_themes/light/content/media/pqp.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                       url("/_themes/light/content/media/pqpfull.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.grid .image-im-explorer { background-image: url("/_themes/light/content/media/switchapp/caliper.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                       url("/_themes/light/content/media/switchapp/caliper.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.grid .image-im-express { background-image: url("/_themes/light/content/media/switchapp/rule.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                       url("/_themes/light/content/media/switchapp/rule.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.grid .image-im-spc { background-image: url("/_themes/light/content/media/switchapp/spc.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                       url("/_themes/light/content/media/switchapp/spc.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.grid .image-im-qms { background-image: url("/_themes/light/content/media/switchapp/pqp.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                       url("/_themes/light/content/media/switchapp/pqp.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-add-link { 
  background-image: url('/_themes/light/content/media/icons/add_link.svg?stamp=240311&t=0&icon_color=%2381878F'), 
                    url('/_themes/light/content/media/icons/add_link_filled.svg?stamp=240311&t=0&icon_color=%2381878F'); 
}

.grid .image-delete-link { 
  background-image: url('/_themes/light/content/media/icons/delete_link.svg?stamp=240311&t=0&icon_color=%2381878F'), 
                    url('/_themes/light/content/media/icons/delete_link_filled.svg?stamp=240311&t=0&icon_color=%2381878F'); 
}

.grid .image-check {
  background-image: url("/_themes/light/content/media/icons/check.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/check_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-issue {
  background-image: url("/_themes/light/content/media/icons/info.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/info_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-actions {
  background-image: url("/_themes/light/content/media/icons/actions.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/actions_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.actions-pane .grid .image-actions {
  background-image: url("/_themes/light/content/media/icons/actions.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/actions_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-add-comment {
  background-image: url("/_themes/light/content/media/icons/new_chat.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/new_chat_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-plus {
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-software {
  background-image: url("/_themes/light/content/media/icons/software.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/software_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-edit {
  background-image: url("/_themes/light/content/media/icons/edit.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/edit_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.icon-default,
.grid .image-workflow {
  background-image: url("/_themes/light/content/media/icons/workflow.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/workflow_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-revoke {
  background-image: url("/_themes/light/content/media/icons/revoke.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/revoke_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-import {
  background-image: url("/_themes/light/content/media/icons/import.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/import_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-export {
  background-image: url("/_themes/light/content/media/icons/export.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/export_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-save {
  background-image: url("/_themes/light/content/media/icons/save.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/save_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-reload {
  background-image: url("/_themes/light/content/media/icons/reload.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/reload_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-form {
  background-image: url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/form_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-book {
  background-image: url("/_themes/light/content/media/icons/book.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/book_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-upload {
  background-image: url("/_themes/light/content/media/icons/upload.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/upload_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-purchase {
  background-image: url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/purchase_order_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-back {
  background-image: url("/_themes/light/content/media/icons/circle_arrow.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circle_arrow_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-back {
  background-image: url("/_themes/light/content/media/icons/circle_arrow.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circle_arrow_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-revision {
  background-image: url("/_themes/light/content/media/icons/revision.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/revision_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-confirm {
  background-image: url("/_themes/light/content/media/icons/approve.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/approve_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-cancel {
  background-image: url("/_themes/light/content/media/icons/reject.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/reject_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-logout {
  background-image: url("/_themes/light/content/media/icons/logout.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/logout_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-house {
  background-image: url("/_themes/light/content/media/icons/house.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/house_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-lock {
  background-image: url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/lock_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-opened-folder {
  background-image: url("/_themes/light/content/media/icons/opened_folder.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/opened_folder_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-pencil {
  background-image: url("/_themes/light/content/media/icons/edit.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/edit_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-delete-user {
  background-image: url("/_themes/light/content/media/icons/delete_user.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/delete_user_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-user {
  background-image: url("/_themes/light/content/media/icons/user.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/user_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-current-element {
  background-image: url("/_themes/light/content/media/icons/circle_check_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/circle_check_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.grid .image-database-view {
  background-image: url("/_themes/light/content/media/icons/database.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/database_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-move-up {
  background-image: url("/_themes/light/content/media/icons/move_up.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/move_up_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-move-down {
  background-image: url("/_themes/light/content/media/icons/move_down.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/move_down_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-cut {
  background-image: url("/_themes/light/content/media/icons/cut.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/cut_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-paste {
  background-image: url("/_themes/light/content/media/icons/paste.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/paste_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-add-folder {
  background-image: url("/_themes/light/content/media/icons/create_folder.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/create_folder_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-mark-unread {
  background-image: url("/_themes/light/content/media/icons/unread_message.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/unread_message_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-mark-read {
  background-image: url("/_themes/light/content/media/icons/read_message.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/read_message_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-hide {
  background-image: url("/_themes/light/content/media/icons/hide_message.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/hide_message_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-new-discussion {
  background-image: url("/_themes/light/content/media/icons/create_discussion.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/create_discussion_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-eye {
  background-image: url("/_themes/light/content/media/icons/eye.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/eye_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-function {
  background-image: url("/_themes/light/content/media/icons/function.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/function_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-start {
  background-image: url("/_themes/light/content/media/icons/play.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/play_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-play-all {
  background-image: url("/_themes/light/content/media/icons/play_all.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/play_all_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-play-selected {
  background-image: url("/_themes/light/content/media/icons/play_selected.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/play_selected_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-history {
  background-image: url("/_themes/light/content/media/icons/history.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/history_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-reassign {
  background-image: url("/_themes/light/content/media/icons/reassign_developer.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/reassign_developer_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-finish {
  background-image: url("/_themes/light/content/media/icons/finish_flag.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/finish_flag_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-build {
  background-image: url("/_themes/light/content/media/icons/build.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/build_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-this-version {
  background-image: url("/_themes/light/content/media/icons/this_version.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/this_version_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-next-version {
  background-image: url("/_themes/light/content/media/icons/next_version.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/next_version_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-signature-valid {
  background-image: url("/_themes/light/content/media/icons/signature_valid.svg?stamp=240311&t=0");
}

.grid .image-signature-invalid {
  background-image: url("/_themes/light/content/media/icons/signature_invalid.svg?stamp=240311&t=0");
}



/*<--- figures --->*/
.grid .image-pflow-fab {
  background-image: url("/_themes/light/content/media/icons/rhombus.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-pflow-move {
  background-image: url("/_themes/light/content/media/icons/ellipse.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-pflow-storeget {
  background-image: url("/_themes/light/content/media/icons/triangle.svg?stamp=240311&t=0&icon_color=%2381878F");
}


.grid .image-pflow-rework {
  background-image: url("/_themes/light/content/media/icons/pentagon.svg?stamp=240311&t=0&icon_color=%2381878F");
}


.grid .image-pflow-scrapcontain {
  background-image: url("/_themes/light/content/media/icons/octagon.svg?stamp=240311&t=0&icon_color=%2381878F");
}


.grid .image-pflow-inspect {
  background-image: url("/_themes/light/content/media/icons/rectangle.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-required {
  background-image: url("/_themes/light/content/media/icons/lightning.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/lightning_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

/*<--- statuses --->*/
.grid .image-status_denied {
  background-image: url("/_themes/light/content/media/icons/statuses/reject.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-status_exp {
  background-image: url("/_themes/light/content/media/icons/statuses/status_exp.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-status_no {
  background-image: url("/_themes/light/content/media/icons/statuses/status_no.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.grid .image-status_question {
  background-image: url("/_themes/light/content/media/icons/statuses/status_question.svg?stamp=240311&t=0&icon_color=%23158DDC")
}

.grid .image-status_warning {
  background-image: url("/_themes/light/content/media/icons/statuses/status_warning.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)")
}

.grid .image-status_warning_gray {
  background-image: url("/_themes/light/content/media/icons/statuses/status_warning.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-status_warning_magenta {
  background-image: url("/_themes/light/content/media/icons/statuses/status_warning.svg?stamp=240311&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")
}

.grid .image-status_yes {
  background-image: url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.grid .image-status_yes_blue {
  background-image: url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23158DDC")
}

.grid .image-status_yes_gray {
  background-image: url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-status_yes_violet {
  background-image: url("/_themes/light/content/media/icons/statuses/approve.svg?stamp=240311&t=0&icon_color=%23B130BD")
}

.grid .image-status_cancelled {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.grid .image-status_completed {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.grid .image-status_deferred {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=%23158DDC")
}

.grid .image-status_in_progress {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)")
}

.grid .image-status_not_started {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.grid .image-status_waiting {
  background-image: url("/_themes/light/content/media/icons/statuses/status.svg?stamp=240311&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")
}

/*<--- statuses --->*/
.grid .image-decrypted {
  background-image: url("/_themes/light/content/media/icons/decrypted.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.grid .image-encrypted {
  background-image: url("/_themes/light/content/media/icons/encrypted.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.grid .image-decrypting {
  background-image: url("/_themes/light/content/media/icons/decrypting.svg?stamp=240311&t=0&icon_color=%2381878F")
}

/*<--- images types --->*/
.grid .image-type-0 {
  background-image: url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-type-1 {
  background-image: url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-type-2 {
  background-image: url("/_themes/light/content/media/icons/workflow.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/workflow.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-type-3,
.grid .image-type-8 {
  background-image: url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-type-4 {
  background-image: url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-type-5 {
  background-image: url("/_themes/light/content/media/icons/index.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/index_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.grid .image-type-6 {
  background-image: url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%2381878F");
}



.grid .image-content-type-0 { background-image: url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                          url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%2381878F"); }

.grid .image-content-type-1 { background-image: url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                          url("/_themes/light/content/media/icons/form.svg?stamp=240311&t=0&icon_color=%2381878F"); }

.grid .image-content-type-2 { background-image: url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                          url("/_themes/light/content/media/icons/attach.svg?stamp=240311&t=0&icon_color=%2381878F"); }

.grid .image-content-type-3,
.grid .image-content-type-8 { background-image: url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                          url("/_themes/light/content/media/icons/purchase_order.svg?stamp=240311&t=0&icon_color=%2381878F"); }

.grid .image-content-type-4 { background-image: url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                          url("/_themes/light/content/media/icons/package.svg?stamp=240311&t=0&icon_color=%2381878F"); }
                                          
.grid .image-content-type-5 { background-image: url("/_themes/light/content/media/icons/index.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                          url("/_themes/light/content/media/icons/index_filled.svg?stamp=240311&t=0&icon_color=%2381878F"); }

.grid .image-content-type-6 { background-image: url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                          url("/_themes/light/content/media/icons/print.svg?stamp=240311&t=0&icon_color=%2381878F"); }


 

.grid .image-progress0 { background-image: url("/_themes/light/content/media/progress/progress_0.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-progress1 { background-image: url("/_themes/light/content/media/progress/progress_1.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-progress2 { background-image: url("/_themes/light/content/media/progress/progress_2.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-progress3 { background-image: url("/_themes/light/content/media/progress/progress_3.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-progress4 { background-image: url("/_themes/light/content/media/progress/progress_4.svg?stamp=240311&t=0&icon_color=%2381878F"); }

/* Dim Types */
/*.grid .image.image-dim-Width { background-image: url("/_themes/light/content/media/dimtypes/dim_width.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Width-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_width_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Welding { background-image: url("/_themes/light/content/media/dimtypes/dim_welding.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Unilateral { background-image: url("/_themes/light/content/media/dimtypes/dim_unilateral.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-UnequallyDisposed { background-image: url("/_themes/light/content/media/dimtypes/dim_unequallydisposed.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-True-Position { background-image: url("/_themes/light/content/media/dimtypes/dim_true_position.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-True-Position-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_true_position_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Total-Runout { background-image: url("/_themes/light/content/media/dimtypes/dim_total_runout.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Total-Runout-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_total_runout_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Thread { background-image: url("/_themes/light/content/media/dimtypes/dim_thread.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-TangentPlane { background-image: url("/_themes/light/content/media/dimtypes/dim_tangentplane.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Symmetry { background-image: url("/_themes/light/content/media/dimtypes/dim_symmetry.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Symmetry-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_symmetry_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Profile { background-image: url("/_themes/light/content/media/dimtypes/dim_surface_profile.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Profile-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_surface_profile_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Finish { background-image: url("/_themes/light/content/media/dimtypes/dim_surface_finish.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Straightness { background-image: url("/_themes/light/content/media/dimtypes/dim_straightness.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Straightness-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_straightness_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Square { background-image: url("/_themes/light/content/media/dimtypes/dim_square.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Square-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_square_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Radius { background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_radius.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Radius-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_radius_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Diameter { background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_diameter.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Diameter-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_spherical_diameter_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-RegardlessOfFeatureSize { background-image: url("/_themes/light/content/media/dimtypes/dim_regardlessoffeaturesize.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Radial { background-image: url("/_themes/light/content/media/dimtypes/dim_radial.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Radial-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_radial_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Question { background-image: url("/_themes/light/content/media/dimtypes/dim_question.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-ProjectedToleranceZone { background-image: url("/_themes/light/content/media/dimtypes/dim_projectedtolerancezone.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-PolarRadial { background-image: url("/_themes/light/content/media/dimtypes/dim_polarradial.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-PolarRadial-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_polarradial_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Polar { background-image: url("/_themes/light/content/media/dimtypes/dim_polar.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Polar-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_polar_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Point-Profile { background-image: url("/_themes/light/content/media/dimtypes/dim_point_profile.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Points { background-image: url("/_themes/light/content/media/dimtypes/dim_points.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Point { background-image: url("/_themes/light/content/media/dimtypes/dim_point.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Perpendicularity { background-image: url("/_themes/light/content/media/dimtypes/dim_perpendicularity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Perpendicularity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_perpendicularity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Parallelism { background-image: url("/_themes/light/content/media/dimtypes/dim_parallelism.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Parallelism-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_parallelism_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Note { background-image: url("/_themes/light/content/media/dimtypes/dim_note.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-NotConvex { background-image: url("/_themes/light/content/media/dimtypes/dim_notconvex.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-noimage { background-image: url("/_themes/light/content/media/dimtypes/dim_noimage.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-MaximumMaterialCondition { background-image: url("/_themes/light/content/media/dimtypes/dim_maximummaterialcondition.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile { background-image: url("/_themes/light/content/media/dimtypes/dim_line_profile.svg)?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_line_profile_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Linear { background-image: url("/_themes/light/content/media/dimtypes/dim_linear.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Linear-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_linear_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile { background-image: url("/_themes/light/content/media/dimtypes/dim_line profile.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-LeastMaterialCondition { background-image: url("/_themes/light/content/media/dimtypes/dim_leastmaterialcondition.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-General { background-image: url("/_themes/light/content/media/dimtypes/dim_general.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FreeState { background-image: url("/_themes/light/content/media/dimtypes/dim_freestate.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Flatness { background-image: url("/_themes/light/content/media/dimtypes/dim_flatness.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Flatness-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_flatness_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FlagNote { background-image: url("/_themes/light/content/media/dimtypes/dim_flagnote.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerTankSealPlane { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenertanksealplane.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerRefLocation { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerReference { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerNote { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenernote.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerLocation { background-image: url("/_themes/light/content/media/dimtypes/dim_fastener.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerHoleLocation { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerholelocation.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerHidden { background-image: url("/_themes/light/content/media/dimtypes/dim_fastenerhidden.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Fastener { background-image: url("/_themes/light/content/media/dimtypes/dim_fastener.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Fastener-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_fastener_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Edge { background-image: url("/_themes/light/content/media/dimtypes/dim_edge.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Edge-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_edge_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-DTS { background-image: url("/_themes/light/content/media/dimtypes/dim_dts.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Diameter { background-image: url("/_themes/light/content/media/dimtypes/dim_diameter.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Diameter-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_diameter_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Depth { background-image: url("/_themes/light/content/media/dimtypes/dim_depth.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Cylindricity { background-image: url("/_themes/light/content/media/dimtypes/dim_cylindricity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Cylindricity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_cylindricity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomPassFail { background-image: url("/_themes/light/content/media/dimtypes/dim_custompassfail.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomBilateral { background-image: url("/_themes/light/content/media/dimtypes/dim_custombilateral.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomBilateral-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_custombilateral_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CS-Dist { background-image: url("/_themes/light/content/media/dimtypes/dim_cs_dist.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CS-Dist-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_cs_dist_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Countersink { background-image: url("/_themes/light/content/media/dimtypes/dim_countersink.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Counterbore { background-image: url("/_themes/light/content/media/dimtypes/dim_counterbore.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Coordinate { background-image: url("/_themes/light/content/media/dimtypes/dim_coordinate.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Coordinate-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_coordinate_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Concentricity { background-image: url("/_themes/light/content/media/dimtypes/dim_concentricity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Concentricity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_concentricity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CommonZone { background-image: url("/_themes/light/content/media/dimtypes/dim_commonzone.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circular-Runout { background-image: url("/_themes/light/content/media/dimtypes/dim_circular_runout.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circular-Runout-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_circular_runout_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circularity { background-image: url("/_themes/light/content/media/dimtypes/dim_circularity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circularity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_circularity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Chamfer { background-image: url("/_themes/light/content/media/dimtypes/dim_chamfer.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-BSC { background-image: url("/_themes/light/content/media/dimtypes/dim_bsc.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Z { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_z.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Z-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_z_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Y { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_y.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Y-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_y_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-X { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_x.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-X-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_bilateral_x_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angularity { background-image: url("/_themes/light/content/media/dimtypes/dim_angularity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angularity-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_angularity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angular { background-image: url("/_themes/light/content/media/dimtypes/dim_angular.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angular-Basic { background-image: url("/_themes/light/content/media/dimtypes/dim_angular_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
*/

/* Dim Types */
.grid .image.image-dim-Width { background-image: url("/_themes/light/content/media/dimtypes2/dim_width.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Width-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_width_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Welding { background-image: url("/_themes/light/content/media/dimtypes2/dim_welding.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Unilateral { background-image: url("/_themes/light/content/media/dimtypes2/dim_unilateral.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-UnequallyDisposed { background-image: url("/_themes/light/content/media/dimtypes2/dim_unequallydisposed.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-True-Position { background-image: url("/_themes/light/content/media/dimtypes2/dim_true_position.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-True-Position-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_true_position_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Total-Runout { background-image: url("/_themes/light/content/media/dimtypes2/dim_total_runout.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Total-Runout-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_total_runout_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Thread { background-image: url("/_themes/light/content/media/dimtypes2/dim_thread.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-TangentPlane { background-image: url("/_themes/light/content/media/dimtypes2/dim_tangentplane.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Symmetry { background-image: url("/_themes/light/content/media/dimtypes2/dim_symmetry.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Symmetry-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_symmetry_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Profile { background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_profile.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Profile-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_profile_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Finish { background-image: url("/_themes/light/content/media/dimtypes2/dim_surface_finish.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Straightness { background-image: url("/_themes/light/content/media/dimtypes2/dim_straightness.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Straightness-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_straightness_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Square { background-image: url("/_themes/light/content/media/dimtypes2/dim_square.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Square-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_square_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Radius { background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_radius.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Radius-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_radius_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Diameter { background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_diameter.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Diameter-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_spherical_diameter_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-RegardlessOfFeatureSize { background-image: url("/_themes/light/content/media/dimtypes2/dim_regardlessoffeaturesize.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Radial { background-image: url("/_themes/light/content/media/dimtypes2/dim_radial.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Radial-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_radial_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Question { background-image: url("/_themes/light/content/media/dimtypes2/dim_question.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-ProjectedToleranceZone { background-image: url("/_themes/light/content/media/dimtypes2/dim_projectedtolerancezone.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-PolarRadial { background-image: url("/_themes/light/content/media/dimtypes2/dim_polarradial.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-PolarRadial-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_polarradial_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Polar { background-image: url("/_themes/light/content/media/dimtypes2/dim_polar.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Polar-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_polar_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Point-Profile { background-image: url("/_themes/light/content/media/dimtypes2/dim_point_profile.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Points { background-image: url("/_themes/light/content/media/dimtypes2/dim_points.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Point { background-image: url("/_themes/light/content/media/dimtypes2/dim_point.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Perpendicularity { background-image: url("/_themes/light/content/media/dimtypes2/dim_perpendicularity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Perpendicularity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_perpendicularity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Parallelism { background-image: url("/_themes/light/content/media/dimtypes2/dim_parallelism.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Parallelism-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_parallelism_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Note { background-image: url("/_themes/light/content/media/dimtypes2/dim_note.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-NotConvex { background-image: url("/_themes/light/content/media/dimtypes2/dim_notconvex.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-noimage { background-image: url("/_themes/light/content/media/dimtypes2/dim_noimage.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-MaximumMaterialCondition { background-image: url("/_themes/light/content/media/dimtypes2/dim_maximummaterialcondition.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile { background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile.svg)?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Linear { background-image: url("/_themes/light/content/media/dimtypes2/dim_linear.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Linear-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_linear_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile { background-image: url("/_themes/light/content/media/dimtypes2/dim_line_profile.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-LeastMaterialCondition { background-image: url("/_themes/light/content/media/dimtypes2/dim_leastmaterialcondition.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-General { background-image: url("/_themes/light/content/media/dimtypes2/dim_general.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FreeState { background-image: url("/_themes/light/content/media/dimtypes2/dim_freestate.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Flatness { background-image: url("/_themes/light/content/media/dimtypes2/dim_flatness.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Flatness-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_flatness_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FlagNote { background-image: url("/_themes/light/content/media/dimtypes2/dim_flagnote.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerTankSealPlane { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenertanksealplane.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerRefLocation { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerReference { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerreference.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerNote { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenernote.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerLocation { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerHoleLocation { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerholelocation.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerHidden { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastenerhidden.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Fastener { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Fastener-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_fastener_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Edge { background-image: url("/_themes/light/content/media/dimtypes2/dim_edge.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Edge-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_edge_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-DTS { background-image: url("/_themes/light/content/media/dimtypes2/dim_dts.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Diameter { background-image: url("/_themes/light/content/media/dimtypes2/dim_diameter.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Diameter-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_diameter_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Depth { background-image: url("/_themes/light/content/media/dimtypes2/dim_depth.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Cylindricity { background-image: url("/_themes/light/content/media/dimtypes2/dim_cylindricity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Cylindricity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_cylindricity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomPassFail { background-image: url("/_themes/light/content/media/dimtypes2/dim_custompassfail.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomBilateral { background-image: url("/_themes/light/content/media/dimtypes2/dim_custombilateral.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomBilateral-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_custombilateral_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CS-Dist { background-image: url("/_themes/light/content/media/dimtypes2/dim_cs_dist.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CS-Dist-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_cs_dist_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Countersink { background-image: url("/_themes/light/content/media/dimtypes2/dim_countersink.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Counterbore { background-image: url("/_themes/light/content/media/dimtypes2/dim_counterbore.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Coordinate { background-image: url("/_themes/light/content/media/dimtypes2/dim_coordinate.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Coordinate-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_coordinate_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Concentricity { background-image: url("/_themes/light/content/media/dimtypes2/dim_concentricity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Concentricity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_concentricity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CommonZone { background-image: url("/_themes/light/content/media/dimtypes2/dim_commonzone.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circular-Runout { background-image: url("/_themes/light/content/media/dimtypes2/dim_circular_runout.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circular-Runout-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_circular_runout_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circularity { background-image: url("/_themes/light/content/media/dimtypes2/dim_circularity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circularity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_circularity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Chamfer { background-image: url("/_themes/light/content/media/dimtypes2/dim_chamfer.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-BSC { background-image: url("/_themes/light/content/media/dimtypes2/dim_bsc.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Z { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_z.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Z-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_z_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Y { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_y.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Y-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_y_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-X { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_x.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-X-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_bilateral_x_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angularity { background-image: url("/_themes/light/content/media/dimtypes2/dim_angularity.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angularity-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_angularity_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angular { background-image: url("/_themes/light/content/media/dimtypes2/dim_angular.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angular-Basic { background-image: url("/_themes/light/content/media/dimtypes2/dim_angular_basic.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-ArcLength { background-image: url("/_themes/light/content/media/dimtypes2/dim_arclength.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-ConicalTaper { background-image: url("/_themes/light/content/media/dimtypes2/dim_conicaltaper.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spotface { background-image: url("/_themes/light/content/media/dimtypes2/dim_spotface.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Slope { background-image: url("/_themes/light/content/media/dimtypes2/dim_slope.svg?stamp=240311&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomUnilateral { background-image: url("/_themes/light/content/media/dimtypes2/dim_customunilateral.svg?stamp=240311&t=0&icon_color=%2381878F");}

.grid .image-add-package {
  background-image: url('/_themes/light/content/media/open_box.svg?stamp=240311&t=0&icon_color=%2381878F'),
    url('/_themes/light/content/media/open_box.svg?stamp=240311&t=0&icon_color=%2381878F');
  background-size:contain, 0;
  background-position: 0 0; 
}
.grid .image-add-package {
  background-size: 0, contain;
}

/* form designer */
.grid .image-undo { background-image: url("/_themes/light/content/media/designer/undo.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/undo.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-redo { background-image: url("/_themes/light/content/media/designer/redo.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/redo.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-cut { background-image: url("/_themes/light/content/media/designer/cut.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/cut.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-copy { background-image: url("/_themes/light/content/media/designer/copy-to-clipboard.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/copy-to-clipboard.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-paste { background-image: url("/_themes/light/content/media/designer/paste.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/paste.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-formatpaint { background-image: url("/_themes/light/content/media/designer/paint-roller.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/paint-roller.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-modifyviews { background-image: url("/_themes/light/content/media/designer/static-views.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/static-views.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-preview { background-image: url("/_themes/light/content/media/designer/analyze.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/analyze.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-addpage { background-image: url("/_themes/light/content/media/designer/insert-page.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/insert-page.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-editstyles { background-image: url("/_themes/light/content/media/designer/font-style-formatting.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/font-style-formatting.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-toggleborders { background-image: url("/_themes/light/content/media/designer/square-border.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/square-border.svg?stamp=240311&t=0&icon_color=%2381878F"); }
.grid .image-datasources { background-image: url("/_themes/light/content/media/designer/database.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/database.svg?stamp=240311&t=0&icon_color=%2381878F"); }
                                  
.grid .image-menu-vertical { background-image: url("/_themes/light/content/media/designer/menu-vertical.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/designer/menu-vertical.svg?stamp=240311&t=0&icon_color=%2381878F"); }
                                  
.grid .image-question { background-image: url("/_themes/light/content/media/question.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/question.svg?stamp=240311&t=0&icon_color=%2381878F"); }
                                  
.field-buttons .grid .image-upload {
  background-image: url("/_themes/light/content/media/icons/upload.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/upload_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.field-buttons .grid .image-eye {
  background-image: url("/_themes/light/content/media/icons/eye.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/eye_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}
.project-selector {
  position: relative;
}

.project-selector .head {
  display: block;
  margin-bottom: 5px;
}

.project-selector .head .text {
  font-size: 10px;
  line-height: 10px;
  font-weight: 300;
  color: #81878F;
  text-transform: uppercase;
}

.project-selector:before {
  /*content: 'PROJECTS';*/
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  font-weight: 300;
  color: #81878F;
}

.project-selector > div {
  display: inline-block;
  vertical-align: top;
}

.project-selector .field.lookup {
  float: unset;
  margin-left: 0;
}

.project-selector .repeatable-group > .group {
  display: inline-block;
  margin-right: 10px;
}

.project-selector .project {
  display: inline-block;
  /*background-color: rgba(27, 149, 154, 0.2);*/
  padding: 5px;
  border-radius: 5px;
  height: 20px;
  box-sizing: border-box;
}

.project-selector .project .button,
.project-selector .project .field {
  display: inline-block;
  vertical-align: top;
}

.project-selector .project .button {
  width: 10px;
  height: 10px;
  margin-left: 10px;
}

.project-selector .project .button .image {
  vertical-align: top;
}

.project-selector .project .button:first-child {
  margin-left: 0;
}

.project-selector .project .button .image {
  width: 10px;
  height: 10px;
  background-size: contain, 0 0, 0 0;
}

.project-selector .project .button .image:hover {
  background-size: 0 0, contain, 0 0;
}

.project-selector .project .button .image.image-eye {
  background-image: url("/_themes/light/content/media/icons/eye.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/eye_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.project-selector .project .button .image.image-no-eye {
  background-image: url("/_themes/light/content/media/icons/no_eye.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/no_eye_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.project-selector .project .button .image.image-delete {
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.project-selector .project .button .text {
  display: none;
}

.project-selector .content .project .field {
  float: unset;
  margin-left: 10px;
}

.project-selector .project .field .value-box {
  background-color: unset;
  padding: 0;
  min-height: unset;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

/*<--- responsible selector --->*/
.responsible-selector {
  position: relative;
  transform: translateY(15px);
}

.responsible-selector:before {
  /*content: 'RESPONSIBLE';*/
  position: absolute;
  top: -15px;
  right: 0;
  font-size: 10px;
  line-height: 10px;
  font-weight: 300;
  color: #81878F;
}

.responsible-selector > a {
  width: 20px;
}

.responsible-selector > a,
.responsible-selector > div {
  float: right;
  margin-left: 5px;
}

.responsible-selector .repeatable-group > .group {
  display: inline-block;
  margin-left: 5px;
}

.responsible-selector .repeatable-group > .group:first-child {
  margin-left: 0;
}

.responsible-selector .responsible {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
}

.responsible-selector .responsible.color-0 {
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
}

.responsible-selector .responsible.color-0 .name-full,
.responsible-selector .responsible.color-0 .name-short {
  color: #13344D;
}

.responsible-selector .responsible:hover {
  padding: 0 10px;
  border-radius: 10px;
  box-sizing: border-box;
  width: auto;
}

.responsible-selector .responsible .name-short {
  display: inline-block;
}

.responsible-selector .responsible:hover .name-short {
  display: none;
}

.responsible-selector .responsible .name-full,
.responsible-selector .responsible .button {
  display: none;
  vertical-align: top;
}

.responsible-selector .responsible:hover .name-full, 
.responsible-selector .responsible:hover .button {
  display: inline-block;
}

.responsible-selector .responsible .name-full,
.responsible-selector .responsible .name-short {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #EEEEEE;
}

.responsible-selector .responsible .button {
  width: 13px;
  height: 15px;
  margin-left: 10px;
  margin-top: 3px;
}

.responsible-selector .responsible .button .image {
  vertical-align: top;
  width: 14px;
  height: 14px;
  background-size: contain, 0, 0, 0;
}

.responsible-selector .responsible .button .image:hover {
  background-size: 0, contain, 0, 0;
}

.responsible-selector .responsible.color-0 .button .image {
  background-size: 0, 0, contain, 0;
}

.responsible-selector .responsible.color-0 .button .image:hover {
  background-size: 0, 0, 0, contain;
}

.responsible-selector > .button .image {
  background-size: 0 0, contain;
}

.responsible-selector .responsible .button .image.image-eye {
  background-image: url("/_themes/light/content/media/icons/eye.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/eye_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/eye.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/eye_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.responsible-selector .responsible .button .image.image-no-eye {
  background-image: url("/_themes/light/content/media/icons/no_eye.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/no_eye_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/no_eye.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/no_eye_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.responsible-selector .responsible .button .image.image-trash-can {
  background-image: url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/trash_can.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/trash_can_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.responsible-selector .content .responsible .field {
  float: unset;
  margin-left: 0;
}

.responsible-selector .responsible .field .field-value {
  color: #EEEEEE;
}

.responsible-selector .responsible .field .value-box {
  background-color: unset;
  padding: 0;
  min-height: unset;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
}

/*<--- schedule --->*/
.schedule {
  position: absolute;
  left: 0;
  top: 85px;
  right: 0;
  bottom: 0;
}

.schedule .move-left {
  position: absolute;
  left: 15px;
  top: 35px;
  display: block;
  width: 23px;
  height: 23px;
  background-position:center;
  background-size: 18.5px 18.5px, 0 0;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circled_arrow_left_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  z-index: 1;
}

.schedule .move-right {
  position: absolute;
  right: 15px;
  top: 35px;
  display: block;
  width: 23px;
  height: 23px;
  background-position:center;
  background-size: 18.5px 18.5px, 0 0;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  z-index: 1;
}

.schedule .move-left .text,
.schedule .move-right .text {
  display: none;
}

.schedule .move-left:hover,
.schedule .move-right:hover {
  background-size: 0 0, 18.5px 18.5px;
}

.schedule .days {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.schedule .days .day .add-slot {
  display: block;
  width: 100%;
  height: 40px;
  background-color: #F0F5FA;
  line-height: 40px;
  text-align: center;
  border-radius: 2px;
  opacity: 0;
  transition: opacity .3s ease;
  margin-bottom: 10px;
}

.schedule .days .day:hover .add-slot {
  opacity: 1;
}

.schedule .days .day .add-slot .image {
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.schedule .days > .repeatable-group {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}

.schedule .days .day {
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  border-right: 1px dashed #D5D7DA;
  padding: 15px 15px 0 15px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.schedule .days .day:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #D5D7DA;
}

.schedule .days .day:first-child:before {
  left: 15px;
}

.schedule .days .day:last-child:before {
  right: 15px;
}

.schedule .days .day:last-child {
  border-right: none;
}

.schedule .day-head {
  position: relative;
}

.schedule .day-content {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 15px;
  top: 65px;
  bottom: 1px;
  overflow: auto;
}

.schedule .day:first-child .day-head .date-day {
  margin-left: 30px;
}

.schedule .day-head .date-day {
   
}

.schedule .day .day-time {
  position: absolute;
  bottom: -25px;
  right: 15px;
}

.schedule .day .day-time .workload {
  position: relative;
  float: right;
  margin-bottom: 0;
  margin-left: 30px;
}

.schedule .day .day-time .workload.time-estimate:before,
.schedule .day .day-time .workload.time-fact:before {
  content: '';
  position: absolute;
  left: -18px;
  top: 2px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 13.5px 13.5px;
}

.schedule .day .day-time .workload.time-estimate:before {
  background-image: url("/_themes/light/content/media/icons/time_planned.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.schedule .day .day-time .workload.time-fact:before {
  background-image: url("/_themes/light/content/media/icons/auto_action.svg?stamp=240311&t=0&icon_color=%2381878F")
}

.schedule .day-head .date-day .value-box {
  color: #404040;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  padding: 0;
  min-height: unset;
  background-color: unset;
}

.schedule .days .day.today .date-day .value-box {
  color: #77BA43;
}

.schedule .day-head .check {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 12px;
  height: 12px;
}

.schedule .day:last-child .day-head > .check {
  right: 30px;
}

.schedule .day-head .check .field-value .value-box {
  width: 12px;
  height: 12px;
}

.schedule .slots .slot {
  position: relative;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 10px;
  border: 1px solid #FFFFFF;
}

.schedule .slots .slot.priority-1:before,
.schedule .slots .slot.priority-2:before {
  content: '';
  position: absolute;
  left:  -2px;
  top: 2px;
  bottom: 2px;
  width: 3px;
  border-radius: 5px;
  background-color: rgba(220, 53, 69, 1);
}

.schedule .slots .slot.priority-4:before {
  content: '';
  position: absolute;
  left:  -2px;
  top: 2px;
  bottom: 2px;
  width: 3px;
  border-radius: 5px;
  background-color: #158DDC;
}

.schedule .slots .slot .field-columns {
  margin: 0;
}

.schedule .slots .slot.selected {
  border-color: #158DDC;
}

.schedule .slots .slot .slot-head {
  overflow: hidden;
}

.schedule .slots .slot .slot-title {
  overflow: hidden;
  color: #404040;
  font-weight: 700;
  margin-bottom: 0;
}

.schedule .slots .slot.object-unfinished .slot-title {
  color: rgba(220, 53, 69, 1);
}

.schedule .slots .slot .slot-code {
  cursor: pointer;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}

.schedule .slots .slot .slot-time {
  float: right;
}

.schedule .slots .slot .slot-time .workload {
  float: left;
  margin-left: 5px;
  margin-bottom: 0;
}

.schedule .slots .slot .slot-content {
  overflow: hidden;
} 

.schedule .slots .slot .slot-content .slot-content-details {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.schedule .slots .slot .slot-comment {
  color: #13344D;
  margin: 10px 5px 0 0;
}

.schedule .slots .slot .slot-contact {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #EEEEEE;
  font-size: 10px;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 0;
  cursor: pointer;
}

.schedule .slots .slot .field.check {
  margin: 0 0 4px 5px;
  height: 12px;
  width: 12px;
}

.schedule .slots .slot .field.check label {
  vertical-align: top;
}

.project-selector .project.color-0,
.schedule .slots .slot.color-0 {
  background-color: #F0F5FA;
}

.project-selector .project.color-1,
.schedule .slots .slot.color-1 {
  background-color: rgba(91, 91, 223, 0.2);
}

.project-selector .project.color-2,
.schedule .slots .slot.color-2 {
  background-color: rgba(21, 134, 139, 0.2);
}

.project-selector .project.color-3,
.schedule .slots .slot.color-3 {
  background-color: rgba(219, 124, 18, 0.2);
}

.project-selector .project.color-4,
.schedule .slots .slot.color-4 {
  background-color: rgba(133, 75, 203, 0.2);
}

.project-selector .project.color-5,
.schedule .slots .slot.color-5 {
  background-color: rgba(214, 54, 62, 0.2);
}

.project-selector .project.color-6,
.schedule .slots .slot.color-6 {
  background-color: rgba(211, 179, 1, 0.2);
}

.project-selector .project.color-7,
.schedule .slots .slot.color-7 {
  background-color: rgba(19, 114, 229, 0.2);
}

.project-selector .project.color-8,
.schedule .slots .slot.color-8 {
  background-color: rgba(205, 38, 130, 0.2);
}

.project-selector .project.color-9,
.schedule .slots .slot.color-9 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(91, 91, 223, 0.2) 2px,
    rgba(91, 91, 223, 0.2) 6px
  );
}

.project-selector .project.color-10,
.schedule .slots .slot.color-10 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(21, 134, 139, 0.2) 2px,
    rgba(21, 134, 139, 0.2) 6px
  );
}

.project-selector .project.color-11,
.schedule .slots .slot.color-11 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(219, 124, 18, 0.2) 2px,
    rgba(219, 124, 18, 0.2) 6px
  );
}

.project-selector .project.color-12,
.schedule .slots .slot.color-12 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(133, 75, 203, 0.2) 2px,
    rgba(133, 75, 203, 0.2) 6px
  );
}

.project-selector .project.color-13,
.schedule .slots .slot.color-13 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(214, 54, 62, 0.2) 2px,
    rgba(214, 54, 62, 0.2) 6px
  );
}

.project-selector .project.color-14,
.schedule .slots .slot.color-14 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(211, 179, 1, 0.2) 2px,
    rgba(211, 179, 1, 0.2) 6px
  );
}

.project-selector .project.color-15,
.schedule .slots .slot.color-15 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(19, 114, 229, 0.2) 2px,
    rgba(19, 114, 229, 0.2) 6px
  );
}

.project-selector .project.color-16,
.schedule .slots .slot.color-16 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(205, 38, 130, 0.2) 2px,
    rgba(205, 38, 130, 0.2) 6px
  );
}

.project-selector .project.color-17,
.schedule .slots .slot.color-17 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(91, 91, 223, 0.2) 2px,
    rgba(91, 91, 223, 0.2) 6px
  );
}

.project-selector .project.color-18,
.schedule .slots .slot.color-18 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(21, 134, 139, 0.2) 2px,
    rgba(21, 134, 139, 0.2) 6px
  );
}

.project-selector .project.color-19,
.schedule .slots .slot.color-19 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(219, 124, 18, 0.2) 2px,
    rgba(219, 124, 18, 0.2) 6px
  );
}

.project-selector .project.color-20,
.schedule .slots .slot.color-20 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(133, 75, 203, 0.2) 2px,
    rgba(133, 75, 203, 0.2) 6px
  );
}

.project-selector .project.color-21,
.schedule .slots .slot.color-21 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(214, 54, 62, 0.2) 2px,
    rgba(214, 54, 62, 0.2) 6px
  );
}

.project-selector .project.color-22,
.schedule .slots .slot.color-22 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(211, 179, 1, 0.2) 2px,
    rgba(211, 179, 1, 0.2) 6px
  );
}

.project-selector .project.color-23,
.schedule .slots .slot.color-23 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(19, 114, 229, 0.2) 2px,
    rgba(19, 114, 229, 0.2) 6px
  );
}

.project-selector .project.color-24,
.schedule .slots .slot.color-24 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(205, 38, 130, 0.2) 2px,
    rgba(205, 38, 130, 0.2) 6px
  );
}

.responsible-selector .responsible.color-0,
.schedule .slots .slot .slot-contact.color-0 {
  background-color: #F0F5FA;
}

.responsible-selector .responsible.color-1,
.schedule .slots .slot .slot-contact.color-1 {
  background-color: rgba(91, 91, 223, 1);
}

.responsible-selector .responsible.color-2,
.schedule .slots .slot .slot-contact.color-2 {
  background-color: rgba(21, 134, 139, 1);
}

.responsible-selector .responsible.color-3,
.schedule .slots .slot .slot-contact.color-3 {
  background-color: rgba(255, 149, 0, 1);
}

.responsible-selector .responsible.color-4,
.schedule .slots .slot .slot-contact.color-4 {
  background-color: rgba(146, 86, 217, 1);
}

.responsible-selector .responsible.color-5,
.schedule .slots .slot .slot-contact.color-5 {
  background-color: rgba(220, 53, 69, 1);
}

.responsible-selector .responsible.color-6,
.schedule .slots .slot .slot-contact.color-6 {
  background-color: rgba(255, 193, 7, 1);
}

.responsible-selector .responsible.color-7,
.schedule .slots .slot .slot-contact.color-7 {
  background-color: rgba(20, 115, 233, 1);
}

.responsible-selector .responsible.color-8,
.schedule .slots .slot .slot-contact.color-8 {
  background-color: rgba(216, 55, 144, 1);
}

.responsible-selector .responsible.color-9,
.schedule .slots .slot .slot-contact.color-9 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(91, 91, 223, 0.2) 2px,
    rgba(91, 91, 223, 0.2) 6px
  );
}

.responsible-selector .responsible.color-10,
.schedule .slots .slot .slot-contact.color-10 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(21, 134, 139, 0.2) 2px,
    rgba(21, 134, 139, 0.2) 6px
  );
}

.responsible-selector .responsible.color-11,
.schedule .slots .slot .slot-contact.color-11 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(219, 124, 18, 0.2) 2px,
    rgba(219, 124, 18, 0.2) 6px
  );
}

.responsible-selector .responsible.color-12,
.schedule .slots .slot .slot-contact.color-12 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(133, 75, 203, 0.2) 2px,
    rgba(133, 75, 203, 0.2) 6px
  );
}

.responsible-selector .responsible.color-13,
.schedule .slots .slot .slot-contact.color-13 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(214, 54, 62, 0.2) 2px,
    rgba(214, 54, 62, 0.2) 6px
  );
}

.responsible-selector .responsible.color-14,
.schedule .slots .slot .slot-contact.color-14 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(211, 179, 1, 0.2) 2px,
    rgba(211, 179, 1, 0.2) 6px
  );
}

.responsible-selector .responsible.color-15,
.schedule .slots .slot .slot-contact.color-15 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(19, 114, 229, 0.2) 2px,
    rgba(19, 114, 229, 0.2) 6px
  );
}

.responsible-selector .responsible.color-16,
.schedule .slots .slot .slot-contact.color-16 {
  background: repeating-linear-gradient(
    45deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(205, 38, 130, 0.2) 2px,
    rgba(205, 38, 130, 0.2) 6px
  );
}

.responsible-selector .responsible.color-17,
.schedule .slots .slot .slot-contact.color-17 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(91, 91, 223, 0.2) 2px,
    rgba(91, 91, 223, 0.2) 6px
  );
}

.responsible-selector .responsible.color-18,
.schedule .slots .slot .slot-contact.color-18 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(21, 134, 139, 0.2) 2px,
    rgba(21, 134, 139, 0.2) 6px
  );
}

.responsible-selector .responsible.color-19,
.schedule .slots .slot .slot-contact.color-19 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(219, 124, 18, 0.2) 2px,
    rgba(219, 124, 18, 0.2) 6px
  );
}

.responsible-selector .responsible.color-20,
.schedule .slots .slot .slot-contact.color-20 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(133, 75, 203, 0.2) 2px,
    rgba(133, 75, 203, 0.2) 6px
  );
}

.responsible-selector .responsible.color-21,
.schedule .slots .slot .slot-contact.color-21 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(214, 54, 62, 0.2) 2px,
    rgba(214, 54, 62, 0.2) 6px
  );
}

.responsible-selector .responsible.color-22,
.schedule .slots .slot .slot-contact.color-22 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(211, 179, 1, 0.2) 2px,
    rgba(211, 179, 1, 0.2) 6px
  );
}

.responsible-selector .responsible.color-23,
.schedule .slots .slot .slot-contact.color-23 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(19, 114, 229, 0.2) 2px,
    rgba(19, 114, 229, 0.2) 6px
  );
}

.responsible-selector .responsible.color-24,
.schedule .slots .slot .slot-contact.color-24 {
  background: repeating-linear-gradient(
    135deg,
    rgba(1, 1, 1, 0),
    rgba(1, 1, 1, 0) 2px,
    rgba(205, 38, 130, 0.2) 2px,
    rgba(205, 38, 130, 0.2) 6px
  );
}

.schedule .slots .slot.slot-finished {
  opacity: .5;
  background-color: rgba(249, 249, 249, 1);
  transition: opacity .3s ease;
}

.schedule .slots .slot.slot-finished:hover {
  opacity: 1;
}





































/* chats */
.static-field .extension.value-box {
  display: block;
  position: relative; 
  width: 20px; 
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat; 
  background-position: center;
}

.static-field .extension-name-chats.value-box {
  background-size: 20px, 0, 0, 0, 0, 0, 0, 0, 0;
  background-image: url("/_themes/light/content/media/icons/messenger.svg?stamp=240311&t=0&icon_color=%2381878F"),                  
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=%2381878F"),           
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),                 
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),              
                    url("/_themes/light/content/media/icons/messenger_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),               
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=%2381878F&notification_color=%23158DDC"),   
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)&notification_color=%23158DDC"),         
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)&notification_color=%23158DDC"),      
                    url("/_themes/light/content/media/icons/messenger_notification_filled.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)&notification_color=%23158DDC");       
}

.static-field.chat .extension-name-chats.value-box.extension-attached {
  background-size: 0, 20px, 0, 0, 0, 0, 0, 0, 0;
}

.static-field.chat .extension-name-chats.value-box.extension-attached.extension-status-1 {
  background-size: 0, 0, 0, 0, 20px, 0, 0, 0, 0;
}

.static-field.chat .extension-name-chats.value-box.extension-attached.extension-status-2 {
  background-size: 0, 0, 0, 20px, 0, 0, 0, 0, 0;
}

.static-field.chat .extension-name-chats.value-box.extension-attached.extension-status-3 {
  background-size: 0, 0, 20px, 0, 0, 0, 0, 0, 0;
}

.static-field.chat .extension-name-chats.value-box.extension-attached.extension-marker-1 {
  background-size: 0, 0, 0, 0, 0, 20px, 0, 0, 0;
}

.static-field.chat .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-1 {
  background-size: 0, 0, 0, 0, 0, 0, 20px, 0, 0;
}

.static-field.chat .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-2 {
  background-size: 0, 0, 0, 0, 0, 0, 0, 20px, 0;
}

.static-field.chat .extension-name-chats.value-box.extension-attached.extension-marker-1.extension-status-3 {
  background-size: 0, 0, 0, 0, 0, 0, 0, 0, 20px;
}


.static-field.chat .extension-name-chats.value-box.extension-marker-1:before {
  content: none; position: absolute; right: 0; top: 0; width: 7px; height: 7px;
  background: #158DDC; border-radius: 7px; border: 1px solid #fff;
}

/*<--- Notes --->*/
.static-field.note .extension-name-notes.value-box {
  background-size: 20px, 0, 0, 0, 0, 0, 0, 0, 0;
  background-image: url("/_themes/light/content/media/icons/notes.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/notes_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.static-field.note .extension-name-notes.value-box.extension-attached {
  background-size: 0, 20px, 0, 0, 0, 0, 0, 0, 0;
}

/*<--- Reminders --->*/
.static-field.note .extension-name-reminder.value-box {
  background-size: 20px, 0, 0, 0, 0, 0, 0, 0, 0;
  background-image: url("/_themes/light/content/media/icons/notes.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/notes_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

















.footerbar {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  width: 34px;
  height: 85px;
  background-color: #FFFFFF;
  z-index: 1;
  overflow: visible;
  font-size: 16px;
  /*padding: 5px;*/
  box-sizing: border-box;
  box-shadow: 0px 0px 5px #00000033;
  color: #EEEEEE;
  /*font-weight: 500;*/
  border-top: 10px solid #FFFFFF;
}

.leftnav-expanded .footerbar {
  width: 165px;
}

.footerbar:before {
  /*content: '';*/
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  width: 40%;
  background-color: #13344D;
  z-index: -1;transform: skewX(-30deg);
}

.footerbar:after {
  /*content: '';*/
  position: absolute;
  top: 50%;
  right: 40%;
  width: 8px;
  height: 50px;
  background-color: #F0F5FA;
  z-index: -1;transform: translateY(-50%) rotate(30deg);
}

.footerbar-expanded .footerbar {
  height: 30px;
  right: 0;
  width: auto;
  overflow: hidden;
  border-top: none;
}

.footerbar.color1 .left-part:after { right: -30px;  border-right: 15px solid #0267E8; }
.footerbar.color2 .left-part:after { right: -30px;  border-right: 15px solid #C5491A; }
.footerbar.color3 .left-part:after { right: -30px;  border-right: 15px solid #23B6B9; }
.footerbar.color4 .left-part:after { right: -30px;  border-right: 15px solid #A93B5F; }
.footerbar.color5 .left-part:after { right: -30px;  border-right: 15px solid #C6CF2D; }
.footerbar.color6 .left-part:after { right: -30px;  border-right: 15px solid #1DD171; }

.footerbar .field-value {
  color: inherit;
}

.footerbar .field .value-box {
  margin: 0;
  padding: 0;
  background-color: unset;
  font-size: inherit;
}

.footerbar .left-part {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  float: left;
  padding: 5px 4px 5px 5px;
  background-color: #578BAF;
}

.footerbar-expanded .footerbar .left-part {
  position: relative;
  padding: 5px;
}

.footerbar .left-part:before {
  content: '';
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  width: 30px;
  background-color: #578BAF;
  z-index: -1;
  transform: skewX(-30deg);
  display: none;
}

.footerbar .left-part:after {
  content: '';
  position: absolute;
  right: -18px;
  top: 0;
  bottom: 0;
  width: 10px;
  background-color: #F0F5FA;
  z-index: -1;
  transform: skewX(-30deg);
  display: none;
}

.footerbar-expanded .footerbar .left-part:before, 
.footerbar-expanded .footerbar .left-part:after {
  display: block;
}

.footerbar.color1 .left-part:after { right: -30px;  border-right: 15px solid #0267E8; }
.footerbar.color2 .left-part:after { right: -30px;  border-right: 15px solid #C5491A; }
.footerbar.color3 .left-part:after { right: -30px;  border-right: 15px solid #23B6B9; }
.footerbar.color4 .left-part:after { right: -30px;  border-right: 15px solid #A93B5F; }
.footerbar.color5 .left-part:after { right: -30px;  border-right: 15px solid #C6CF2D; }
.footerbar.color6 .left-part:after { right: -30px;  border-right: 15px solid #1DD171; }

.footerbar .left-part .menu .button {
  display: block;
  float: none;
  margin-top: 9px;
}

.footerbar .left-part .menu .button .text {
  display: none;
}

.leftnav-expanded .footerbar .left-part .menu .button .text {
  display: inline-block;
  padding-left: 5px;
  font-size: 14px;
}

.footerbar-expanded .footerbar .left-part .menu .button {
  margin-top: 0;
  margin-bottom: 0;
  float: left;
}

.footerbar-expanded .footerbar .left-part .menu .button .text {
  display: none;
}

.footerbar .left-part .menu.no-menu-button .field:first-child {
  margin-left: 10px;
}

.footerbar .left-part2 {
  float: left;
  padding-left: 35px;
  padding-top: 5px;
  display: none;
}

.footerbar-expanded .footerbar .left-part2 {
  display: block;
}

.footerbar .button.footerbar-home {
  margin: 0;
  font-weight: 500;
}

.footerbar .sep {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/breadcrumbs_arrow_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: 9px 9px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.footerbar .left-part .menu,
.footerbar .left-part .breadcrumbs {
  display: inline-block;
  vertical-align: top;
}

.footerbar .left-part .menu {
  margin-right: 0;
}

.footerbar .left-part .breadcrumbs {
  font-size: 14px;
}

.footerbar .left-part .breadcrumbs a,
.footerbar .left-part .breadcrumbs .item {
  color: #EEEEEE;
  text-decoration: unset;
}

.footerbar .left-part .breadcrumbs span.item {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

.footerbar .left-part .breadcrumbs .item .label {
  font-weight: 500;
  margin-right: 3px;
}

.footerbar .left-part .breadcrumbs .item .label:after {
  content: ':';
}

.footerbar .left-part .menu .button.active .image {
  background-size: 0 0, 0 0, contain;
}

.footerbar .right-part {
  float: right;
  padding: 5px;
  display: none;
}

.footerbar-expanded .footerbar .right-part {
  display: block;
}

.footerbar.shrinked .right-part {
  margin-right: 10px;
}

.footerbar .right-part:before {
  /*content: '';*/
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  background-color: #13344D;
  z-index: -1;
}

.footerbar .right-part .widget {
  display: inline-block;
}

.footerbar .button.has-unred > .text {
  position: absolute;
  overflow: hidden;
  top: -2px;
  right: -3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #158DDC;
  text-align: center;
  line-height: 12px;
  box-sizing: border-box;
  color: #158DDC;
}

.footerbar .right-part .icon {
  _margin-right: 5px;
}

.footerbar .notifications,
.footerbar .notifications .html {
  display: inline;
}

.footerbar .notifications-bar .image {
  background-image: url("/_themes/light/content/media/icons/notification.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/notification_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/notification_unread.svg?stamp=240311&t=0&icon_color=%23EEEEEE&notification_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/notification_unread_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE&notification_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/icons/notification_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/notification_unread_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE&notification_color=rgba(220%2c+53%2c+69%2c+1)");
  background-size: contain, 0, 0, 0, 0, 0;
  background-position: 0 0; 
}

.footerbar .notifications-bar:hover .image {
  background-size: 0, contain, 0, 0, 0, 0;
}

.footerbar .notifications-bar.has-unread .image {
  background-size: 0, 0, contain, 0, 0, 0;
}

.footerbar .notifications-bar.has-unread:hover .image {
  background-size: 0, 0, 0, contain, 0, 0;
}

.footerbar .notifications-bar .text {
  position: absolute;
  top: -2px;
  right: -3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #158DDC;
  text-align: center;
  line-height: 12px;
  box-sizing: border-box;
  font-size: 10px;
  font-weight: 300;
  color: #158DDC;
  display: none;
}

.footerbar .notifications-bar.has-unread > .text {
  /*display: unset;*/
}

.footerbar .menu .title {
  color: #404040;
  font-weight: 500;
  margin-left: 3px;
  margin-right: 20px;
}

.footerbar .username {
  margin-left: 10px;
}

.footerbar .username > .text {
  display: inline-block;
  position: unset;
  width: auto;
  height: auto;
  background-color: unset;
  border: none;
  font-size: inherit;
  font-weight: inherit;
}

.footerbar .icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.footerbar .button {
  position: relative;
  color: inherit;
  margin-right: 5px;
}

.footerbar .image-home { background-image: url("/_themes/light/content/media/icons/menu.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                         url("/_themes/light/content/media/icons/menu_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
                                         }
.footerbar .image-search { background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                           url("/_themes/light/content/media/icons/search_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
.footerbar .image-tasks { background-image: url("/_themes/light/content/media/icons/tasks.svg?stamp=240311&t=0&icon_color=%23404040"),
                                          url("/_themes/light/content/media/icons/tasks_filled.svg?stamp=240311&t=0&icon_color=%23404040");}
.footerbar .image-messages { background-image: url("/_themes/light/content/media/icons/message.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                             url("/_themes/light/content/media/icons/message_filled.svg?stamp=240311&t=0&icon_color=%2381878F");}
.footerbar .image-notifications { background-image: url("/_themes/light/content/media/icons/reminder.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                                  url("/_themes/light/content/media/icons/reminder_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");}
.footerbar .image-circled-arrow-right { background-image: url("/_themes/light/content/media/icons/circled_arrow_right_hover.svg?stamp=240311&t=0&icon_color=%2381878F");}
.footerbar .arrow { background-image: url("/_themes/light/content/media/icons/breadcrumbs_arrow.svg?stamp=240311&t=0&icon_color=%2381878F");}
.footerbar .image-theme { background-image: url("/_themes/light/content/media/icons/theme.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                          url("/_themes/light/content/media/icons/theme_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE")}
                                          
.footerbar .image-settings { background-image: url("/_themes/light/content/media/icons/settings.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                                    url("/_themes/light/content/media/icons/settings_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE")}

.footerbar .image-house {
  background-image: url("/_themes/light/content/media/icons/house_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/house_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.footerbar .image-tree {
  background-image: url("/_themes/light/content/media/icons/tree.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/tree.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.footerbar .image-folder {
  background-image: url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/folder.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.footerbar .image-edit {
  background-image: url("/_themes/light/content/media/icons/edit.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/edit_filled.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.footerbar .search {
  float: left;
  margin-left: 200px;
  width: 350px;
}

.footerbar .search input {
  background: #FFFFFF;
  color: #000000;
}

.footerbar .breadcrumbs .item,
.footerbar .breadcrumbs a.item:link,
.footerbar .breadcrumbs a.item:active,
.footerbar .breadcrumbs a.item:hover,
.footerbar .breadcrumbs a.item:visited{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #404040;
  text-decoration: none;
  cursor: pointer;
}

.footerbar .breadcrumbs .item .label{
  text-decoration: underline;
  margin-right: 5px;
  color: #81878F;
}
.footerbar .breadcrumbs .item .label:after{
  content: ":";
}

.footerbar .breadcrumbs .item .text{
  font-weight: bold;
}

.footerbar .button.toggle-button {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  right: 5px;
  left: auto;
}

.footerbar .button.toggle-button {
  padding: 2px;
}

.footerbar .button.toggle-button.expand {
  right: -18px;
  top: 25px;
  opacity: 0;
  transition: opacity .3s ease;
}

.footerbar:hover .button.toggle-button.expand {
  display: block;
  opacity: 1;
}

.footerbar .button .image-expand-footerbar {
  width: 18px;
  height: 18px;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2313334C"),
                    url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2313334C");
  background-color: #FFFFFF;
  border-radius: 18px;
  background-size: 28px;
}

.footerbar .button .image-collapse-footerbar {
  width: 18px;
  height: 18px;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%23404040");
}



.g-row {
  display: flex;
  flex-wrap: wrap;
}

.g-row > * {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
}

.g-col {
  flex: 1 0 0%;
}

.g-row .g-col-auto {
  flex: 0 0 auto;
  width: auto;
}

.g-row .g-col-2 {
  width: 16.66%;
}

.g-row .g-col-3 {
  width: 25%;
}

.g-row .g-col-4 {
  width: 33.33%;
}

.g-row .g-col-5 {
  width: 41.66%;
}

.g-row .g-col-6 {
  width: 50%;
}

.g-row .g-col-7 {
  width: 58.33%;
}

.g-row .g-col-8 {
  width: 66.66%;
}

.g-row .g-col-9 {
  width: 75%;
}

.g-row .g-col-10 {
  width: 83.33%;
}

.g-row .g-col-11 {
  width: 91.66%;
}

.g-row .g-col-12 {
  width: 100%;
}

.g-row .g-col-left {
  margin-right: auto;
}

.g-row .g-col-right {
  margin-left: auto;
}

.g-row.justify-content-start {
  justify-content: flex-start;
}

.g-row.justify-content-end {
  justify-content: flex-end;
}

.g-row.justify-content-center {
  justify-content: center;
}

.g-row.justify-content-between {
  justify-content: space-between;
}

.g-row.justify-content-around {
  justify-content: space-around;
}

.g-row.justify-content-evenly {
  justify-content: space-evenly;
}

.g-text-bold {
  font-weight: 700 !important;
}

.g-text-right {
  text-align: right;
}

.g-text-center {
  text-align: center;
}

















.xgrid {
  position: relative;
}

.xgrid .table-area {
  display: flex;
  /*border: 1px solid #ededed;*/
}
.xgrid .table-fixed {
  /*border: 1px solid #ededed;*/
}
.xgrid .table-main {
  /*border: 1px solid #ededed;*/
  /*width: 500px;*/
  overflow: hidden;
}

.xgrid .table-head {
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}
.xgrid .table-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  
  align-items: flex-start;
  /*border-bottom: 1px solid #ededed;*/
}

.xgrid .table-items {
  /*height: 500px;*/
  overflow: auto;
  /*border-right: 1px solid blue;*/
}

.xgrid .scroll-height {
  /*border: 1px solid black;*/
  position: relative;
}

.xgrid .main-area {
  /*flex-basis: 100%;*/
  /*padding: 5px;*/
  /*border: 1px solid #ededed; */
}

.xgrid .xgrid-items {
  /*padding: 5px;*/
  height: 100%;
  overflow: auto;
  /*border-right: 1px solid blue;*/
}

.xgrid .group-body {
  position: relative;  
  /*padding: 20px;*/
  /*border-right: 1px solid #ededed;*/
}

.xgrid .card-area {
  position: relative;  
}

.xgrid .head { 
  display: flex; 
  align-items: center;
}

.xgrid .row { 
  position: relative;
  display: flex;
  box-sizing: border-box; 
  /*border-bottom: 1px solid #ededed; */
  /*background-color: #ffffff;*/
  overflow: hidden;
  
  color: #13344D;
}

.xgrid .head-cell {
  box-sizing: border-box;
  overflow: hidden;
	text-overflow: ellipsis;  
	text-wrap: nowrap;
	
	height: 100%;
}

.xgrid .cell { 

  box-sizing: border-box;
  overflow: hidden;
	text-overflow: ellipsis;  
	white-space: nowrap;
}

.xgrid .item {
  padding: 15px; 
  box-sizing: border-box; 
  border: 1px solid #ededed; 
  border-radius: 2px; 
  background-color: #ffffff; 
}

@keyframes placeholder-animation {
  50% {
    opacity: 0.4;
  }
}

@keyframes preloader-animation {
  50% {
    background-color: #ffffff;
  }
}

.xgrid .preloader {
  color: transparent;
  background-color: #fcfcfc;
  animation: preloader-animation 1s ease-in-out infinite;
}

.xgrid .preloader .cell {
  display: flex;
}

.xgrid .placeholder {
  border-radius: 2px;
  margin: 5px;
  width: 100%;
  color: transparent;
  background-color: #ededed80;
  animation: placeholder-animation 1s ease-in-out infinite;
}

.xgrid .selection {  
  background-image: url("/_themes/light/content/media/x-grid/checkbox.svg?stamp=240311&t=0"),
                    url("/_themes/light/content/media/x-grid/checkbox_checked.svg?stamp=240311&t=0"),
                    url("/_themes/light/content/media/x-grid/checkbox_part_checked.svg?stamp=240311&t=0");
  background-size: auto, 0 0, 0 0;
  background-position: center; 
  background-repeat: no-repeat;
  cursor: pointer;
}

.xgrid .row.selected .selection {
  background-size: 0 0, auto, 0 0;
}

.xgrid .head-cell.selection.selected {
  background-size: 0 0, 0 0, auto;
}

.xgrid .head-cell.selection.selected.all {
  background-size: 0 0, auto, 0 0;
}

.xgrid .button-expand {  
  position: absolute;
  height: 100%;
  width: 30px;
  background-image: url("/_themes/light/content/media/x-grid/expand_icon.svg?stamp=240311&t=0&icon_color=%23404040");
  background-position: center; 
  background-repeat: no-repeat;
  cursor: pointer;
  transform: rotate(180deg);
  transition: transform 0.3s linear;
  opacity: 0.8; 
}
.xgrid .button-expand:hover {
  opacity: 1; 
}
.xgrid .button-collapse {  
  transform: rotate(90deg);
}

.xgrid .title-weight {  
  font-weight: 700;
}

.xgrid .row-hover {  
  background-color: rgba(227, 227, 228, 0.4);
}

.xgrid .row-select {  
  background-color: rgba(20, 115, 230, 0.1);
}

.xgrid .row.selected {  
  background-color: rgba(20, 115, 230, 0.1);
}

.xgrid .row-checked {  
  background-color: rgba(20, 115, 230, 0.2);
}

.xgrid .cell-select {  
  outline: 2px solid rgba(20, 115, 230, 0.4);
  border-radius: 2px;
  outline-offset: -2px;
}

.xgrid .handle-marker {
  background-image: url("/_themes/light/content/media/x-grid/handle_marker.svg?stamp=240311&t=0&icon_color=%23404040");
  height: 12px;
  width: 16px;
  padding: 7px;
  background-position: center; 
  background-repeat: no-repeat;
  position: absolute;
  cursor: ns-resize;
  opacity: 0.5;
}

.xgrid .handle-marker:hover {  
  opacity: 1;
}

.xgrid .badge {
  position: absolute;
  right: -10px;
  top: -4px;
  height: 15px;
  width: 15px;
  border-radius: 8px;
  background-color: #f4f4f4;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  opacity: 0;
}

.xgrid .z-1 {  
  z-index: 1;
}

.xgrid .row.removed {  
  opacity: 0.1;
}

.xgrid .drag-drop-marker {  
  position: relative;
}

.xgrid .drag-drop-marker:hover {
  cursor: grab;
}

.xgrid .drag-drop-marker::before {
  height: 30px;
  width: 30px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(90deg);
  background-image: url("/_themes/light/content/media/x-grid/handle_marker.svg?stamp=240311&t=0&icon_color=%23404040");
  background-position: center;
  background-repeat: no-repeat;
}

.xgrid .drag-drop-marker.cell {
  color: transparent;
}

.xgrid .drag-drop-line,  
.xgrid .drag-drop-line-top {  
  position: relative;
}

/*.xgrid .drag-drop-line::before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  box-sizing: border-box;*/
/*  border-bottom: solid 1px #1473E6;*/
/*}*/

/*.xgrid .drag-drop-line-top::before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  box-sizing: border-box;*/
/*  border-bottom: solid 1px #1473E6;*/
/*}*/

.xgrid .drag-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  border-bottom: solid 2px #1473E6;
  border-radius: 2px;
  /*transition: left 0.1s linear;*/
}

.xgrid .drag-span {
  display: flex;
  position: absolute;
  height: 30px;
  width: 100%;
  background-color: rgba(227, 227, 228, 0.4);
  opacity: 0.6;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}

.xgrid .filter-button-area {
  padding: 4px;
  position: absolute;
  right: 3px;
  width: 15px;
  height: 15px;
  /*opacity: 0%;*/
  transition: opacity 0.1s linear;
}

.xgrid .filter-icon {
  width: 100%;
  height: 100%;
  background-image: url("/_themes/light/content/media/icons/filter.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/filter_fill.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain, 0 0;
  
  transition: background-size 0.1s linear;
}

.xgrid .filter-button-area:hover{
  cursor: pointer;
}

.xgrid .filter-button-area:hover div.filter-icon{
  background-size: 0 0, contain;
}

.xgrid .filter-button-area.active {
  opacity: 100%;
}

.xgrid .filter-button-area.active .filter-icon {
  background-size: 0 0, contain;
}

.xgrid .transparent {
  opacity: 0;
}

.xgrid .field-input {  
  height: 95%;
  padding: 0px 2px;
  margin-left: -2px;
  border-radius: 2px;
  background-color: #FFFFFF;
}

.xgrid.auto-filter {
  z-index: 1;
  position: absolute;
  width: 300px;
  padding: 5px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
  border: 1px solid #D5D7DA;
  border-radius: 2px;
}

.xgrid.auto-filter .filter-area { 
  padding: 2px;
}

.xgrid.auto-filter .filter-head-top {
  display: flex;
  gap: 5px 5px;
  align-items: center;
}

.xgrid.auto-filter .filter-head-middle {
  display: flex;
  flex-direction: column;
}

.xgrid.auto-filter .filter-middle {
  margin: 4px 0;
  display: flex;
  flex-direction: column;
  height: 200px;
  overflow: auto;
}

.xgrid.auto-filter .filter-item {
  cursor: pointer;
}

.xgrid.auto-filter .filter-item:hover {
  background-color: rgba(227, 227, 228, 0.4);
}

.xgrid.auto-filter .filter-item-checkbox {
  width: 30px;
  height: 30px;
  
  user-select: none;
  pointer-events: none;
}

.xgrid.auto-filter .filter-item-body {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
  user-select: none;
  pointer-events: none;
}

.xgrid.auto-filter .filter-input {  
  height: 30px;
  font-size: 12px;
  border: 1px solid #D5D7DA;
  border-radius: 2px;
  background-color: #FFFFFF;
}

.xgrid.auto-filter .filter-input-area {
  display: flex; 
  position: relative;
}

.xgrid.auto-filter .filter-input-area img {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
}

.xgrid.auto-filter .filter-input-date {
  padding: 2px 30px 2px 30px;
}

.xgrid.auto-filter .filter-input-search {
  padding-right: 30px;
}

.xgrid.auto-filter .filter-input-action {  
  position: absolute;
  display: flex;
  right: 5px;
  top: 5px;
}

.xgrid.auto-filter .filter-input-action-remove{
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain;
  
  opacity: 0%;
  transition: opacity 0.1s linear;
}

.xgrid.auto-filter .filter-input-action-search{
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-size: contain;
}

.xgrid.auto-filter .filter-item-body span.value-box {
  background: none; 
  user-select: none;
  pointer-events: none;
}

.xgrid.auto-filter .filter-item-body span.image {  
  display: block;
  width: 20px;
  height: 20px;
  background-color: none; 
  background-position: center; 
  background-repeat: no-repeat;
  
  user-select: none;
  pointer-events: none;
}

.xgrid.auto-filter .filter-bottom-button-area {
  display: flex;
  justify-content: space-between;
}

.xgrid.auto-filter .filter-bottom-button-area div.filter-button {
  border: 1px solid #D5D7DA;
  border-radius: 2px;
}

.xgrid.auto-filter .filter-head-button-area {
  display: flex;
  margin-bottom: 5px;
  gap: 15px;
}

.xgrid.auto-filter .filter-head-button {
  display: flex;
  cursor: pointer;
  gap: 4px;
  user-select: none;
}

.xgrid.auto-filter .filter-reset-icon {
  position: relative;
  width: 18px;
  height: 18px;
  background-image: url("/_themes/light/content/media/icons/clean.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/clean_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat;
  background-size: contain, 0 0;
}

.xgrid.auto-filter .filter-head-button:hover div.filter-reset-icon {
  background-size: 0 0, contain;
}

.xgrid.auto-filter .filter-button {  
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  width: 91px;
  height: 28px;

  border-radius: 2px;
  cursor: pointer;
  
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  
  color: #414448;
}

.xgrid.auto-filter .filter-button-active {  
  background: #1473E6;
  border-radius: 2px;
  
  color: #EEEEEE; 
}

.xgrid .row.muted .cell {
  color: #d0d0d0;
}

.xgrid .column-divider {
  position: absolute;
  height: 29px;
  width: 0px;
  border-right: 1px solid  #DEE0E3;
  box-sizing: border-box;
  transition: opacity 0.1s linear;
}
.xgrid .column-divider:hover {
  cursor: e-resize;
}

.xgrid .column-divider::after {
    content: '';
    position: absolute;
    left: -5px;
    top: 0;
    height: 100%;
    width: 10px;
}

.xgrid .column-divider-dragged {
  position: absolute;
  height: 100%;
  border-right: 2px solid  #1473E6;
  opacity: 20%;
  box-sizing: border-box;
}

.xgrid .footer-toolbars > div {
  display: inline-block;
  vertical-align: top;
}

.xgrid .footer-toolbars .toolbar .cmd {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  
  cursor: pointer;
}

.xgrid .footer-toolbars .toolbar .cmd .image {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain, 0;
  background-position: center;
}

.xgrid .footer-toolbars .toolbar .cmd:hover .image {
  background-size: 0, contain;
}

/* Formattings: */
/* Font Bold */
.xgrid .f-b { font-weight: 700; }

/* Font Italic */
.xgrid .f-i { font-style: italic; }

/* Font Underline */
.xgrid .f-u { text-decoration: underline; }

/* Font Strikethrough */
.xgrid .f-s { text-decoration: line-through; }

/* Text Transform Uppercase */
.xgrid .f-t-u { text-transform: uppercase; }

/* Text Transform Lowercase */
.xgrid .f-t-l { text-transform: lowercase; }

/* Text Transform Capitalize */
.xgrid .f-t-c { text-transform: capitalize; }


/* Font color */
.xgrid .f-c-white { color: #FFFFFF;}
.xgrid .f-c-brown { color: rgba(97, 79, 56, 1);}
.xgrid .f-c-red { color: rgba(132, 32, 41, 1);}
.xgrid .f-c-orange { color: rgba(153, 89, 0, 1);}
.xgrid .f-c-yellow { color: rgba(153, 116, 4, 1);}
.xgrid .f-c-green { color: rgba(24, 100, 41, 1);}
.xgrid .f-c-blue { color: rgba(12, 69, 140, 1);}
.xgrid .f-c-purple { color: rgba(88, 52, 130, 1);}
.xgrid .f-c-cyan { color: rgba(14, 97, 110, 1);}
.xgrid .f-c-lime { color: rgba(80, 125, 41, 1);}
.xgrid .f-c-gray { color: #c0c0c0;}

/* Background color */
.xgrid .f-bg-brown { background-color: rgba(199, 181, 158, 1);}
.xgrid .f-bg-red { background-color: rgba(234, 134, 143, 1);}
.xgrid .f-bg-orange { background-color: rgba(255, 191, 102, 1);}
.xgrid .f-bg-yellow { background-color: rgba(255, 218, 106, 1);}
.xgrid .f-bg-green { background-color: rgba(126, 202, 143, 1);}
.xgrid .f-bg-blue { background-color: rgba(114, 171, 242, 1);}
.xgrid .f-bg-purple { background-color: rgba(190, 154, 232, 1);}
.xgrid .f-bg-cyan { background-color:  rgba(116, 199, 212, 1);}
.xgrid .f-bg-lime { background-color: rgba(182, 227, 143, 1);}
.xgrid .f-bg-gray { background-color: #f0f0f0;}

/* Indent */
.xgrid .f-it-1 { padding-left: 10px; }
.xgrid .f-it-2 { padding-left: 20px; }
.xgrid .f-it-3 { padding-left: 30px; }
.xgrid .f-it-4 { padding-left: 40px; }
.xgrid .f-it-5 { padding-left: 50px; }
.xgrid .f-it-6 { padding-left: 60px; }
.xgrid .f-it-7 { padding-left: 70px; }
.xgrid .f-it-8 { padding-left: 80px; }
.xgrid .f-it-9 { padding-left: 90px; }
.xgrid .f-it-10 { padding-left: 100px; }
.widgets-indicators-counter1 {
  text-align: center;
}

.single-content .widgets-indicators-counter1 {
  margin-top: 15px;
}

.widgets-indicators-counter1 .value .value-box {
  font-size: 36px;
  font-weight: 700;
  color: #404040;
  text-shadow:
    -1px -1px 0 #ffffff,  
     1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
     1px 1px 0 #ffffff;
}

.widgets-indicators-counter1 .title .value-box {
  font-size: 14px;
  font-weight: 700;
  color: #404040;
}

.widgets-indicators-counter1 .image {
  width: 89px;
  height: 89px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0, 71px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: -1;
  opacity: .1;
}

.widgets-indicators-counter1 .image2 {
  width: 30px;
  height: 89px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0, 20px;
  position: absolute;
  left: 10px;
  top: 17px;
  z-index: -1;
  opacity: .4;
}

.widgets-indicators-counter1 .value {
  position: relative;
}

.widgets-indicators-counter1 .value:before {
  content: '';
  position: absolute;
  left: -10px;
  top: -11px;
  height: 56px;
  width: 1px;
  background-color: #D5D7DA;
}

.first-content .widgets-indicators-counter1 .value:before {
  content: none;
}

.widgets-indicators-counter1.active .value .value-box,
.widgets-indicators-counter1.active .title .value-box {
  color: rgba(32, 134, 55, 1);
}

.dashboard-item:first-child .widgets-indicators-counter1 .value:before {
  content: none;
}

/*<--- widgets-indicators-score2 --->*/
.widgets-indicators-score2,
.widgets-indicators-score2 > div {
  overflow: hidden;
}

.widgets-indicators-score2.view-a {
  position: relative;
  margin-top: 30px;
  overflow: unset;
}

.widgets-indicators-score2.view-a > div {
  overflow: unset;
  display: inline-block;
}

.widgets-indicators-score2 .widget {
  margin-right: 10px;
  float: left;
}

.widgets-indicators-score2 .title {
  color: #404040;
  font-size: 14px;
  /*line-height: 18.75px;*/
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.widgets-indicators-score2.view-a .title {
  position: absolute;
  left: 5px;
  top: -27px;
}

.widgets-indicators-score2 .details .value {
  display: inline-block;
  vertical-align: top;
  color: #404040;
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
  margin: 6px 0 0 0 ;
}

.widgets-indicators-score2.view-a .details .value {
  min-width: 55px;
  line-height: 50px;
  margin-right: 15px;
}

.widgets-indicators-score2 .details .trend {
  display: inline-block;
  vertical-align: top;
  color: #4A4A4A;
  font-size: 12px;
  font-weight: 700;
  margin-left: 5px;
}

.widgets-indicators-score2.view-a .details .trend {
  position: absolute;
  right: 0;
  top: -3px;
  margin: 0;
  min-width: 45px;
  text-align: left;
}

.widgets-indicators-score2.view-a .details .value-remarks {
  position: absolute;
  top: 46px;
  right: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  min-width: 45px;
  text-align: left;
}

.widgets-indicators-score2 .details .trend.trend-minus {color: #D6363E;}
.widgets-indicators-score2 .details .trend.trend-plus {color: #258D6B;}

.widgets-indicators-score2 circle.stroke-color-black {stroke: black;}
.widgets-indicators-score2 circle.stroke-color-red {stroke: rgba(176, 42, 55, 1);}
.widgets-indicators-score2 circle.stroke-color-green {stroke: rgba(32, 134, 55, 1);}

.widgets-indicators-score2 svg text {
  font-size: 14px;
}

.widget-dashboard .widgets-indicators-score2 {
  overflow: unset;
  position: relative;  
}

.widget-dashboard .widgets-indicators-score2.view-a {
  margin-top: 10px;
}

.widget-dashboard .widgets-indicators-score2 .title {
  position: absolute;
  left: 5px;
  top: -25px;
  font-size: 14px;
  color: rgba(46, 46, 46, 1);
}

.widget-dashboard .widgets-indicators-score2 svg text {
  fill: rgba(46, 46, 46, 1);
}

.widget-dashboard .widgets-indicators-score2.main-color-black svg circle:last-child {stroke: black;}
.widget-dashboard .widgets-indicators-score2.main-color-red svg circle:last-child {stroke: rgba(176, 42, 55, 1);}
.widget-dashboard .widgets-indicators-score2.main-color-green svg circle:last-child {stroke: rgba(32, 134, 55, 1);}

/*<--- widgets-dashboard-label --->*/
.widgets-dashboard-label .button {
  position: absolute;
  right: 5px;
  top: 20px;
}

.widgets-dashboard-label .title {
  position: absolute;
  top: 22px;
  left: 20px;
  font-size: 28px;
  color: #EEEEEE;
}

.widgets-dashboard-label .subtitle {
  position: absolute;
  left: 21px;
  top: 50px;
  color: #EEEEEE;
}

.widgets-dashboard-label .image-brand-bg {
  position: absolute;
  left: 10px;
  top: 10px;
  right: 0;
  bottom: 10px;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  z-index: -1;
  border-radius: 10px;
  background-image: url("/_themes/light/content/media/highqa_dashboard_background.png?stamp=240311&t=0");
}

.widgets-dashboard-label .image-context-menu { 
  background-image: url("/_themes/light/content/media/icons/context_menu.svg?stamp=240311&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/light/content/media/icons/context_menu.svg?stamp=240311&t=0&icon_color=%23EEEEEE");
}

.widget-dashboard .grid {
  position: relative;
}

.widget-dashboard .grid .views-selector {
  float: right;
  padding: 2px;
  border: 1px solid rgba(214, 214, 214, 1);
  border-radius: 2px;
  margin-bottom: 10px;
}

.widget-dashboard .grid .grid-toppane {
  float: left;
  margin-bottom: 10px;
}

.widget-dashboard .grid .head {
  clear: both;
}

.widget-dashboard .grid .grid-toppane {
  margin-bottom: 10px;
}

.widget-dashboard .grid .views-selector >.label {
  display: none;
}

.widget-dashboard .grid .views-selector .selector-items {
  display: inline-flex;
}

.widget-dashboard .grid .views-selector .selector-item {
  position: relative;
  padding: 5px 25px;
  margin-right: 8px;
  border-radius: 2px;
}

.widget-dashboard .grid .views-selector .selector-item a {
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  text-decoration: none;
}

.widget-dashboard .grid .views-selector .selector-item.active a {
  color: #FFFFFF;
}

.widget-dashboard .grid .views-selector .selector-item a .remarks {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}

.widget-dashboard .grid .views-selector .selector-item a .remarks:before {
  content: '(';
}

.widget-dashboard .grid .views-selector .selector-item a .remarks:after {
  content: ')';
}

.widget-dashboard .grid .views-selector .selector-item:before {
  content: '';
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: -5px;
  width: 1px;
  border-radius: 1px;
  background-color: rgba(214, 214, 214, 1);
}

.widget-dashboard .grid .views-selector .selector-item:last-child {
  margin: 0;
}

.widget-dashboard .grid .views-selector .selector-item:last-child:before {
  content: none;
}

.widget-dashboard .grid .views-selector .selector-item.active {
  background-color: #13344D; 
}

/* --- views-selector-style-b --- */
.widget-dashboard .grid.views-selector-style-b .views-selector > .label {
  display: none;
}

.widget-dashboard .grid.views-selector-style-b .views-selector {
  margin: 0 15px;
  height: 35px;
  border: none;
}

.widget-dashboard .grid.views-selector-style-b .views-selector > .label {
  display: none;
}

.widget-dashboard .grid.views-selector-style-b .views-selector .selector-items {
  position: relative;
  overflow: hidden;
}

.widget-dashboard .grid.views-selector-style-b .views-selector .selector-item:first-child {
  margin: 0 40px 0 0;
}

.widget-dashboard .grid.views-selector-style-b .views-selector .selector-item {
  float: left;
  margin: 0 40px 0 20px;
  padding-bottom: 1px;
  border-bottom: 3px solid transparent;
  background: none;
  padding: 0 0 5px 0;
}

.widget-dashboard .grid.views-selector-style-b .views-selector .selector-item:before {
  display: none;
}

.widget-dashboard .grid.views-selector-style-b .views-selector .selector-item {
  border-bottom: 3px solid transparent;
}

.widget-dashboard .grid.views-selector-style-b .views-selector .selector-item:hover {
  border-color: #A2A2A2;
}

.widget-dashboard .grid.views-selector-style-b .views-selector .selector-item.active {
  border-bottom: 3px solid #77BA43;
}

.widget-dashboard .grid.views-selector-style-b .views-selector .selector-item a {
  text-decoration: none;
  color: inherit;
  font-size: 14px;
}


/*<--- grid-d --->*/
.widget-dashboard .grid-d .field .value-box {
  color: #81878F;
  font-weight: 300;
}

.widget-dashboard .grid-d .field.title .value-box {
  color: #404040;
  font-size:14px;
  font-weight: 500;
}

.widget-dashboard .grid-d .items .col {
  padding: 30px 0;
}

.widget-dashboard .grid-d .items .col.image .media {
  width: 100px !important;
  height: 100px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(247, 248, 250, 1);
}

.widgets-indicators-score2 .title.score-title-black,
.widgets-indicators-score2 .widget.widget-color-black svg text,
.widgets-indicators-score2.main-color-black .details .value {
  color: black;
  fill: black
}

.widgets-indicators-score2 .title.score-title-magenta,
.widgets-indicators-score2 .widget.widget-color-magenta svg text,
.widgets-indicators-score2.main-color-magenta .details .value {
  color: rgba(173, 44, 115, 1); 
  fill: rgba(173, 44, 115, 1);
}

.widgets-indicators-score2 .title.score-title-red,
.widgets-indicators-score2 .widget.widget-color-red svg text,
.widgets-indicators-score2.main-color-red .details .value {
  color: rgba(176, 42, 55, 1); 
  fill: rgba(176, 42, 55, 1);
}

.widgets-indicators-score2 .title.score-title-orange,
.widgets-indicators-score2 .widget.widget-color-orange svg text,
.widgets-indicators-score2.main-color-orange .details .value {
  color: rgba(204, 119, 0, 1); 
  fill: rgba(204, 119, 0, 1);
}

.widgets-indicators-score2 .title.score-title-yellow,
.widgets-indicators-score2 .widget.widget-color-yellow svg text,
.widgets-indicators-score2.main-color-yellow .details .value {
  color: rgba(204, 154, 6, 1); 
  fill: rgba(204, 154, 6, 1);
}

.widgets-indicators-score2 .title.score-title-charteuse,
.widgets-indicators-score2 .widget.widget-color-charteuse svg text,
.widgets-indicators-score2.main-color-charteuse .details .value {
  color: rgba(106, 166, 54, 1); 
  fill: rgba(106, 166, 54, 1);
}

.widgets-indicators-score2 .title.score-title-green,
.widgets-indicators-score2 .widget.widget-color-green svg text,
.widgets-indicators-score2.main-color-green .details .value {
  color: rgba(32, 134, 55, 1); 
  fill: rgba(32, 134, 55, 1);
}

.widgets-indicators-score2 .title.score-title-turquoise,
.widgets-indicators-score2 .widget.widget-color-turquoise svg text,
.widgets-indicators-score2.main-color-turquoise .details .value {
  color: rgba(18, 130, 147, 1); 
  fill: rgba(18, 130, 147, 1);
}

.widgets-indicators-score2 .title.score-title-blue,
.widgets-indicators-score2 .widget.widget-color-blue svg text,
.widgets-indicators-score2.main-color-blue .details .value {
  color: rgba(16, 92, 186, 1); 
  fill: rgba(16, 92, 186, 1);
}

.widgets-indicators-score2 .title.score-title-purple,
.widgets-indicators-score2 .widget.widget-color-purple svg text,
.widgets-indicators-score2.main-color-purple .details .value {
  color: rgba(117, 69, 174, 1); 
  fill: rgba(117, 69, 174, 1);
}

.widgets-indicators-score2 .title.score-title-brown,
.widgets-indicators-score2 .widget.widget-color-brown svg text,
.widgets-indicators-score2.main-color-brown .details .value {
  color: rgba(130, 106, 75, 1); 
  fill: rgba(130, 106, 75, 1);
}

.widgets-indicators-score2 .widget.widget-color-black svg circle:last-child {stroke: black;}
.widgets-indicators-score2 .widget.widget-color-magenta svg circle:last-child {stroke: rgba(173, 44, 115, 1);}
.widgets-indicators-score2 .widget.widget-color-red svg circle:last-child {stroke: rgba(176, 42, 55, 1);}
.widgets-indicators-score2 .widget.widget-color-orange svg circle:last-child {stroke: rgba(204, 119, 0, 1);}
.widgets-indicators-score2 .widget.widget-color-yellow svg circle:last-child {stroke: rgba(204, 154, 6, 1);}
.widgets-indicators-score2 .widget.widget-color-charteuse svg circle:last-child {stroke: rgba(106, 166, 54, 1);}
.widgets-indicators-score2 .widget.widget-color-green svg circle:last-child {stroke: rgba(32, 134, 55, 1);}
.widgets-indicators-score2 .widget.widget-color-turquoise svg circle:last-child {stroke: rgba(18, 130, 147, 1);}
.widgets-indicators-score2 .widget.widget-color-blue svg circle:last-child {stroke: rgba(16, 92, 186, 1);}
.widgets-indicators-score2 .widget.widget-color-purple svg circle:last-child {stroke: rgba(117, 69, 174, 1);}
.widgets-indicators-score2 .widget.widget-color-brown svg circle:last-child {stroke: rgba(130, 106, 75, 1);}

.dashboard .dashboard-item .static-field.has-link,
.dashboard .dashboard-item .field.has-link {
  cursor: pointer;
  opacity: 1;
}

.dashboard .dashboard-item .static-field.has-link:hover,
.dashboard .dashboard-item .field.has-link:hover {
  opacity: 0.85;
}









.dashboard-workspace {
  top: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  padding: 5px !important;
}

.dashboard-workspace .title-pane {
  display: flex;
  align-items: center;
  padding: 20px 20px 0 20px;
  background-color: #FFFFFF;
  margin: 0;
  position: relative;
}

.dashboard-workspace .title-pane .head {
  display: inline-block;
  padding: 0;
  margin-right: 20px;
}

.dashboard-workspace .title-pane .field-columns {
  margin: 0;
}

.dashboard-workspace .title-pane .field-columns .button {
  margin-right: 10px;
}

.dashboard-workspace .title-pane .head .text {
  max-width: unset;
}

.dashboard-workspace .title-pane .content {
  display: inline-block;
}

.dashboard-workspace .dashboard-filter {
  background-color: #FFFFFF;
  margin: 0;
  padding: 0 0 5px 20px;
}

.dashboard-workspace .preferences-selector {
  position: absolute;
  z-index: 3;
  right: 25px;
  top: 25px;
  margin: 0;
}

.dashboard-workspace .preferences-selector .lookup-a .tooltip-marker {
  display: none;
}

.dashboard-workspace .actions-pane {
  margin: 0;
}

.dashboard-workspace .actions-pane > .content:before {
  content: none !important;
}

.dashboard-workspace .block {
  border-radius: 10px;
}

.dashboard-workspace .maximize {
  display: none;
}

.proftools-dashboards-contexts .items .item {
  padding: 5px;
}

.proftools-dashboards-contexts .items .item:hover {
  background-color: #F0F5FA;
}

.proftools-dashboards-contexts .items .item.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.proftools-dashboards-contexts .items .item .field {
  margin-bottom: 0;
}



















.contact-box {
  width: 286px; 
  height: 101px;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #DEE0E3;
  border-radius: 5px;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
}
.contact-box .left-column {
  margin: 0px;
}
.contact-box .contact-photo {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.contact-box .contact-name {
  margin-bottom: 0px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  
  color: #414448;
}
.contact-box .contact-position {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  
  color: #727478;
}
.contact-box .field.text {
  display: flex;
  align-items: center; 
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 2px;
  height: 20px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  
  color: #13344D;
}
.contact-box .field.text .value-box {
  background: transparent;
}
.color-0 .contact-box {
  background: #FFFFFF;
}
.color-1 .contact-box {
  background: #EFD5F2;
}
.color-5 .contact-box {
  background: #E7DBF5;
}
.color-3 .contact-box {
  background: #F5D4E6;
}
.color-2 .contact-box {
  background: #FFF3CD;
}
.color-4 .contact-box {
  background: #D0E7E8;
}
.color-7 .contact-box {
  background: #F7D7D9;
}
.color-8 .contact-box {
  background: #F8E5CF;
}
.color-6 .contact-box {
  background: #D4E8E2;
}

/* participants-list1 */
.participants-list1 {
  margin-bottom: 20px;
}
.participants-list1 .role {
  position: relative;
  padding: 10px 20px 10px 13px;
  background-color: #FFFFFF;
  transition: background-color .3s ease;
}

.participants-list1 .role:before {
  content: '';
  position: absolute;
  width: 3px;
  top: 10px;
  left: 0;
  bottom: 10px;
}

.participants-list1 .role:hover:before {
  background-color: #D5D7DA;
}

.participants-list1 .role:hover {
  background-color: #F0F5FA;
}

.participants-list1 .role .role-name {
  color: #13344D;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.participants-list1 .role .role-participants {
  overflow: hidden;
}

.participants-list1 .role .role-participants .label {
  float: left;
  font-size: 14px;
  font-weight: 300;
  color: #81878F;
  margin-right: 10px;
}

.participants-list1 .role .role-participants .list  {
  overflow: hidden;
}

.participants-list1 .role .role-participants .list .repeatable-group {
  float: left;
}

.participants-list1 .role .role-participants .list .repeatable-group .participant {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  padding-left: 5px;
  margin: 0 5px 5px 0;
}

.participants-list1 .role .role-participants .list .repeatable-group .participant .participant-name {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  font-size: 10px;
  line-height: 20px;
  margin-right: 5px;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #13344D;
  padding-left: 15px;
}

.participants-list1 .role .role-participants .list .repeatable-group .participant .participant-name:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/user_filled.svg?stamp=240311&t=0&icon_color=%23404040");
}

.participants-list1 .role .role-participants .list .repeatable-group .participant .button {
  display: inline-block;
  vertical-align: middle;
}

.participants-list1 .role .role-participants .list .repeatable-group .participant .button span {
  background-size: 10px;
}

.participants-list1 .role .role-participants .list .add-participant {
  overflow: hidden;
}

.participants-list1 .image-add { 
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/plus_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.participants-list1 .image-delete { background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%2381878F"),
                                  url("/_themes/light/content/media/icons/cross_filled.svg?stamp=240311&t=0&icon_color=%2381878F")
}












/* grid5 */

.requirements-grid1 { 
  position: relative; 
  clear:both;
}

.requirements-grid1.horizontal > .items { 
  display: flex;
}

.requirements-grid1.fields-grid > .items .item { 
  margin-bottom: 5px; 
}

.requirements-grid1.borderless > .items { 
  border: none;
}

.requirements-grid1 .grid-toppane { 
  position: relative; 
  z-index: 2; 
  text-align: right; 
  overflow: hidden; 
}

.requirements-grid1 .grid-toppane > .content { 
  background: #fff; 
}

.requirements-grid1 .grid-toppane.fixed > .content { 
  position: fixed; 
  left: 0; 
  top: 0; 
  width: 100%; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.requirements-grid1 .grid-toppane .search { 
  float: left; 
  border-bottom: 1px solid #ddd; 
  color: #aaa; 
  font-size:12px; 
  margin: 0 0 5px 10px;
}

.requirements-grid1.search-right .grid-toppane .search {
  float: right;
  margin: 0 10px 5px 0;
}
.requirements-grid1 .grid-toppane .search label { 
  display: none; 
}

.requirements-grid1 .grid-toppane .search input { 
  border: none; 
  background: transparent; 
  padding: 0 9px 0 2px; 
  width: 150px; 
}

.requirements-grid1 .grid-toppane .search .cmd-search { 
  display: inline-block; 
  vertical-align: middle; 
}

.requirements-grid1 .grid-toppane .search .cmd-search span { 
  display: inline-block; 
  width: 21px; 
  height: 21px; 
  background: transparent url(/media/grid-sprite1.png) -42px 0; 
}

.requirements-grid1 .grid-toppane .search .cmd-cancelsearch { 
  display: inline-block; 
  vertical-align: middle; 
}

.requirements-grid1 .grid-toppane .search .cmd-cancelsearch span { 
  display: inline-block; 
  width: 21px; 
  height: 21px; 
  background: transparent url(/media/grid-sprite1.png) -63px 0; 
}

.requirements-grid1 .head { 
  position: relative; 
  z-index: 2; 
  overflow: hidden; 
  border-style: solid; 
  border-width: 1px; 
  border-color: transparent;
  margin-bottom: 0px;
}

.requirements-grid1 .head > .content { 
  background: transparent; 
}

.requirements-grid1 .head.fixed > .content { 
  position: fixed; 
  left: 0; 
  top: 0; 
  width: 100%; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.requirements-grid1 .head-fixed { 
  float: left; 
  position: relative;
}

.requirements-grid1 .head-scroll { 
  overflow: hidden; 
  position: relative; 
}

.requirements-grid1 .head-scroll .head-table { 
  display: inline-table; 
  vertical-align: top; 
  margin-right: 20px; 
  table-layout: fixed; 
  width: 0; 
  border-collapse: collapse; 
  border-bottom: 1px solid #E8E8E8;
}

.requirements-grid1 .head-scroll .head-table .col {
  border-top: none;
  border-left: none;
}

.requirements-grid1 .head-scroll .groups-table { 
  display: inline-table; 
  vertical-align: top; 
  margin-right: 20px; 
}

.requirements-grid1 .head-scroll .groups-table .head-table { 
  margin-right: 0; 
  border-left: 1px solid #E8E8E8; 
}

.requirements-grid1 .head-scroll .groups-table > tbody > tr > td:first-child .head-table {
  border-left: none; 
}

.requirements-grid1 .items-scroll { 
  overflow: hidden; 
  position: relative; 
}

.requirements-grid1 .items-scroll .items-table { 
  display: inline-table; 
  vertical-align: top; 
  margin-right: 20px; 
  table-layout: fixed; 
  width: 0; 
  border-collapse: collapse; 
  border-style: solid; 
  border-width: 0 1px 1px 0; 
  border-color: #E8E8E8; 
}

.requirements-grid1 .items { 
  /*overflow: hidden;  */
  border-style: none; 
  border-width: 0 1px 1px; 
  border-color: #E8E8E8; 
}

.requirements-grid1 .scroll-bar { 
  height: 19px; 
  overflow-y: hidden; 
  overflow-x: scroll; 
}

.requirements-grid1 .scroll-bar > .content { 
  height: 19px;  
  overflow: hidden; 
}

.requirements-grid1 .grid-bottompane { 
  position: relative; 
  z-index: 2; 
  text-align: right; 
  overflow: hidden; 
}

.requirements-grid1 .head-table,
.requirements-grid1 .items-table { 
  empty-cells: show; 
  font-size: 11px; 
  line-height: 14px; 
  color: #000f66; 
}

.requirements-grid1 .col { 
  border-left: 1px solid #E8E8E8; 
  -moz-user-select: -moz-none; 
  border-top:1px solid #E8E8E8;
}

.requirements-grid1 .item.group-start-2 .col { border-top-color: #000000; }
.requirements-grid1 .item.group-start-0 .col { border-top-width: 2px; border-top-color: #000000; }
.requirements-grid1 .item.group-start-2:first-child .col { border-top: none; }

.requirements-grid1 .clickable { cursor: pointer; text-decoration: underline; }
.requirements-grid1 .clickable:hover .text { text-decoration: underline; }

.requirements-grid1 .field.inline-block { 
  display: inline-block; 
  vertical-align: middle; 
  font-weight: 300;
  margin-bottom: 0;
}
.requirements-grid1 .field.text .value-box { min-height: 14px; }
.requirements-grid1 .field .value-box .text { padding-top: 0; }

.requirements-grid1 .col * { 
  -moz-user-select: text; 
}

.requirements-grid1 .col:first-child { 
  border-left: none; 
}

.requirements-grid1 .col > div { 
  position: relative; 
  padding: 5px 7px; 
  min-height: 16px; 
}

.requirements-grid1 .col.edit > div { 
  padding: 1px; 
  overflow: hidden; 
}

.requirements-grid1 .col.padding1 > div { padding-left: 10px; }
.requirements-grid1 .col.padding2 > div { padding-left: 20px; }
.requirements-grid1 .col.padding3 > div { padding-left: 30px; }
.requirements-grid1 .col.padding4 > div { padding-left: 40px; }
.requirements-grid1 .col.padding5 > div { padding-left: 50px; }

.requirements-grid1 .items-table .col > div { 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
}

.requirements-grid1.line-edit .items-table .col { 
  height: 29px; 
}

.requirements-grid1 .head-table .col > div { 
  min-height: 12px; 
  padding: 8px 5px; 
}

.requirements-grid1 .head-table .col > div.height-2lines { 
  height: 24px; 
  padding: 4px 5px 6px; 
  line-height: 12px; 
}

.requirements-grid1 .head-table .col > div.height-3lines { 
  height: 36px; 
  padding: 4px 5px 6px; 
}

.requirements-grid1 .head-table .col > div .text { 
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .6px;
  line-height: 10px;
  color: #81878F;
}

.requirements-grid1 .head-table .col > div.height .text { 
  white-space: normal; 
  word-wrap: break-word; 
}

.requirements-grid1 .head-table .row .col { 
  border-top: 1px solid #d0d0d0;
}

.requirements-grid1 .head-table .row:first-child .col { 
  border-top: none; 
}

.requirements-grid1 .items-table .col > div > .cmd { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%; 
  padding: 2px 5px; 
  color: inherit; 
  text-decoration: none;
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.requirements-grid1 .items-table .col > div > .cmd:hover { 
  color: #1283ff; 
  text-decoration: none;
}

.requirements-grid1 .items-table .col > div > .cmd:hover .image { 
  color: #1283ff; 
}

.requirements-grid1 .items-table .col.has-formatting > div > .cmd,
.requirements-grid1 .items-table .col.has-formatting > div > .cmd:hover { 
  color: inherit; 
}

.requirements-grid1 .items-table .col > div > .url-popup { 
  visibility: hidden; 
  position: absolute; 
  z-index: 2; 
  right: 2px; 
  top: 2px; 
  width: 16px; 
  height: 16px; 
  font-size: 16px; 
  line-height: 16px; 
  color: #777;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .items-table .col > div > .url-popup:hover { 
  color: #1283ff; 
}

.requirements-grid1 .items-table .col > div > .url-popup:before { 
  content: "\f08e"; 
}

.requirements-grid1 .items-table .col > div:hover > .url-popup { 
  visibility: visible; 
}

.requirements-grid1 .items-table .col > div .link { 
  color: #1283ff; 
  position: relative; 
}

.requirements-grid1 .items-table .col > div .link .link-popup { 
  visibility: hidden; 
  position: absolute; 
  z-index: 2; 
  right: 0; 
  top: 0; 
  width: 16px; 
  height: 16px; 
  font-size: 16px; 
  line-height: 16px; 
  color: #777;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .items-table .col > div .link .link-popup:hover { 
  color: #333; 
}

.requirements-grid1 .items-table .col > div .link .link-popup:before { 
  content: "\f08e"; 
}

.requirements-grid1 .items-table .col > div .link:hover .link-popup { 
  visibility: visible; 
}

.requirements-grid1 .items-table .col.edit_account > div > .cmd:before {
  font-family:FontAwesome; 
  content:"\f002"
}

.requirements-grid1 .items-table .col.add_account > div > .cmd:before {
  font-family:FontAwesome; 
  content:"\f067"
}

.requirements-grid1 .head-table .col.main { 
  background-color: #B6DDE8; 
}

.requirements-grid1 .col.image { 
  padding: 1px; 
  text-align: center;
  text-align: center; 
}

.requirements-grid1 .col.check { 
  text-align: center; 
}

.requirements-grid1 .col.check .field-value label.edit.check { 
  margin: 0; 
}

.requirements-grid1 .col.check label.check.checked { 
  display: inline-block; 
  text-align: center; 
  color: #000000;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}                                  

.requirements-grid1 .col.check label.check.checked:before { 
  content: "\f00c"; 
}

.requirements-grid1 .col.number { 
  text-align: right; 
}

.requirements-grid1 .col.date { 
  text-align: center; 
}

.requirements-grid1 .col.time { 
  text-align: center; 
}

.requirements-grid1 .col.progress .progress { 
  display: inline-block; 
  width: 70px; 
  height: 5px; 
  border: 1px solid #007AFF; 
  position: relative; 
  background: transparent url(/media/loading2.gif) -3px -3px no-repeat; 
}

.requirements-grid1 .col.progress .progress > span { 
  position: absolute; 
  left: 0; 
  top: 0; 
  height: 5px; 
  background: #007AFF; 
  width: 1%; 
}

.requirements-grid1 .col.progress .text { 
  margin-left: 7px; 
}

.requirements-grid1 .items .col.multiline > div { 
  white-space: pre-wrap; 
}

.requirements-grid1 .items-table .col.multiline > div > .cmd { 
  position: static; 
  display: block; 
  left: 0; 
  top: 0; 
  width: auto; 
  height: auto; 
  min-height: 16px; 
  padding: 0; 
}

.requirements-grid1 .col .icon { 
  display: inline-block; 
  width: 12px; 
  height: 16px; 
  vertical-align: middle; 
  color: #000000; 
  text-decoration: none; 
  margin-right: 5px;
  background-color: transparent; 
  background-position: center center; 
  background-repeat: no-repeat;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 1; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .col .icon:last-child {
  margin: 0; 
}

.requirements-grid1 .col .image { 
  display: inline-block; 
  width: 16px; 
  vertical-align: middle; 
  text-align: center; 
  color: #000000; 
  text-decoration: none; 
  margin-right: 5px;
  background-color: transparent; 
  background-position: center center; 
  background-repeat: no-repeat; 
  min-height: 16px;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .col .icon-edit:before { 
  content: "\f040";
}

.requirements-grid1 .col .icon-delete { 
  width: 16px; 
  height: 16px; 
  background-image: url(/media/delete.png); 
  background-position: center 0; 
}

.requirements-grid1 .col :hover .icon-delete {
  background-position: center -16px; 
}

.requirements-grid1 .col .icon-look:before { 
  content: "\f002"; 
}

.requirements-grid1 .col .icon-goods:before { 
  content: "\f1b3"; 
}

.requirements-grid1 .col .icon-plus:before { 
  content: "\f067"; 
}

.requirements-grid1 .col .icon-minus:before { 
  content: "\f068"; 
}

.requirements-grid1 .col .icon-report:before { 
  content: "\f022";
}

.requirements-grid1 .col .icon-transfer:before { 
  content: "\f064";
}

.requirements-grid1 .col .icon-key:before { 
  content: "\f084";
}

.requirements-grid1 .col .image-start:before { 
  content: "\f04b"; 
}

.requirements-grid1 .head .groups-row .col { 
  border-bottom: 1px solid #d0d0d0; 
  background-color: #f7f7f7; 
}

.requirements-grid1 .head .groups-row .text { 
  position: relative; 
  height: 26px; 
  overflow: hidden; 
  font-size: 13px; 
  line-height: 1; 
  color: #555; 
  text-align: center; 
}

.requirements-grid1 .head .groups-row:hover .cmd-ide  { 
  visibility: visible; 
}

.requirements-grid1 .head .groups-row:hover .cmd-ide:hover { 
  opacity: 1; 
}

.requirements-grid1 .head .groups-selector { 
  overflow: hidden; 
  padding: 5px 10px; 
}

.requirements-grid1 .head .groups-selector .label { 
  float: left; 
  padding: 2px 0; 
  margin-right: 15px; 
  color: #aaa; 
}

.requirements-grid1 .head .groups-selector .items { 
  overflow: hidden;
}

.requirements-grid1 .head .groups-selector .item { 
  display: inline-block; 
  padding: 2px 8px; 
  margin: 0 15px 5px 0; 
  background-color: #f7f7f7;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
}

.requirements-grid1 .head .groups-selector .item label.check { 
  vertical-align: middle; 
  margin-right: 5px; 
}

.requirements-grid1 .head .groups-selector .item .name { 
  display: inline-block; 
  vertical-align: middle; 
  color: #445555; 
  text-decoration: none; 
  cursor: pointer; 
}

.requirements-grid1 .head .groups-selector .item .name:hover { 
  color: #445555; 
  text-decoration: none; 
}

.requirements-grid1 .head .groups-selector .item.active { 
  background-color: #eee; 
}

.requirements-grid1 .grid-toppane .search ::-webkit-input-placeholder { 
  /* WebKit browsers */ 
  color: #aaa; 
  font-style: italic;
}

.requirements-grid1 .grid-toppane .search :focus::-webkit-input-placeholder { 
  color: transparent; 
}

.requirements-grid1 .grid-toppane .search :-moz-placeholder { 
  /* Mozilla Firefox 4 to 18 */ 
  color: #aaa; 
  font-style: italic;
}

.requirements-grid1 .grid-toppane .search :focus:-moz-placeholder { 
  color: transparent; 
}

.requirements-grid1 .grid-toppane .search ::-moz-placeholder { 
  /* Mozilla Firefox 19+ */ 
  color: #aaa; 
  font-style: italic; 
}

.requirements-grid1 .grid-toppane .search :focus::-moz-placeholder { 
  color: transparent; 
}

.requirements-grid1 .grid-toppane .search :-ms-input-placeholder { 
  /* Internet Explorer 10+ */ 
  color: #aaa; 
  font-style: italic;
}

.requirements-grid1 .grid-toppane .search :focus:-ms-input-placeholder { 
  color: transparent; 
}

.requirements-grid1  .recordscount { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 15px; 
  color: #000f66; 
}

.requirements-grid1  .recordscount .text { 
  margin: 0 0.5em; 
  color: #323232; 
}

.requirements-grid1 .settings { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 14px; 
}

.requirements-grid1 .settings .cmd { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  width: 20px; 
  line-height: 20px; 
  text-align: center; 
  color: #aaa;
  font-family: FontAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .settings .cmd:hover { 
  color: #1283ff;
}

.requirements-grid1 .settings .cmd-settings span:before { 
  content: "\f013"; 
}

.requirements-grid1 .export { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 14px; 
}

.requirements-grid1 .export .cmd { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  width: 20px; 
  line-height: 20px; 
  text-align: center; 
  color: #aaa;
  font-family: FontAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .export .cmd:hover { 
  color: #1283ff; 
}

.requirements-grid1 .export .cmd-excel span:before { 
  content: "\f1c3"; 
}

/*.requirements-grid1  .paging { */
/*  display: inline-block; */
/*  vertical-align: middle; */
/*  font-size: 12px; */
/*}*/

/*.requirements-grid1  .paging .prev { */
/*  display: inline-block; */
/*  vertical-align: middle; */
/*  height: 20px; */
/*  padding: 0; */
/*  text-align: center; */
/*  cursor: pointer; */
/*  background-color: #fff; */
/*  min-width: 1em;*/
/*  border-style: solid none solid solid; */
/*  border-color: #ddd; */
/*  border-width: 1px;*/
/*  transition: all 0.3s ease 0s; */
/*  -webkit-transition: all 0.3s ease 0s;*/
/*}*/

/*.requirements-grid1 .paging .prev:hover { */
/*  color: #1283ff;*/
/*}*/

/*.requirements-grid1 .paging .prev span { */
/*  display: inline-block; */
/*  width: 20px; */
/*  height: 20px; */
/*  line-height: 20px; */
/*  font-family: FontAwesome; */
/*  -webkit-font-smoothing: antialiased; */
/*  -moz-osx-font-smoothing: grayscale; */
/*}*/

/*.requirements-grid1 .paging .prev span:before { */
/*  content: "\f053"; */
/*}*/

/*.requirements-grid1 .paging .prev.disabled { */
/*  cursor: default; */
/*  color: #eee; */
/*}*/

/*.requirements-grid1 .paging .prev.disabled:hover { */
/*  color: #eee; */
/*}*/

/*.requirements-grid1 .paging .next { */
/*  display: inline-block; */
/*  vertical-align: middle; */
/*  height: 20px; */
/*  padding: 0; */
/*  text-align: center; */
/*  cursor: pointer; */
/*  background-color: #fff; */
/*  min-width: 1em;*/
/*  border-style: solid; */
/*  border-color: #ddd; */
/*  border-width: 1px;*/
/*  -webkit-transition: all 0.3s ease 0s;*/
/*  transition: all 0.3s ease 0s; */
/*  -webkit-transition: all 0.3s ease 0s;  */
/*}*/

/*.requirements-grid1 .paging .next:hover { */
/*  color: #1283ff; */
/*}*/

/*.requirements-grid1 .paging .next span {   */
/*  display: inline-block; */
/*  width: 20px; */
/*  height: 20px; */
/*  line-height: 20px; */
/*  font-family: FontAwesome; */
/*  -webkit-font-smoothing: antialiased; */
/*  -moz-osx-font-smoothing: grayscale; */
/*}*/

/*.requirements-grid1 .paging .next span:before { */
/*  content: "\f054"; */
/*}*/

/*.requirements-grid1 .paging .next.disabled { */
/*  cursor: default; */
/*  color: #eee; */
/*}*/

/*.requirements-grid1 .paging .next.disabled:hover { */
/*  color: #eee; */
/*}*/

/*.requirements-grid1 .paging .paging-page { */
/*  display: inline-block; */
/*  vertical-align: middle; */
/*  height: 20px; */
/*  padding: 0; */
/*  cursor: pointer; */
/*  background-color: #fff; */
/*  min-width: 1em;*/
/*  border-style: solid none solid solid; */
/*  border-color: #ddd; */
/*  border-width: 1px;*/
/*  transition: all 0.3s ease 0s; */
/*  -webkit-transition: all 0.3s ease 0s; */
/*}*/

/*.requirements-grid1 .paging .paging-page:hover { */
/*  color: #1283ff; */
/*}*/

/*.requirements-grid1 .paging .paging-page.active {*/
/*  color: #777; */
/*  background-color:#EEEEEE; */
/*}*/

/*.requirements-grid1 .paging .paging-page span { */
/*  display: block; */
/*  min-width: 20px; */
/*  height: 20px; */
/*  line-height: 20px; */
/*  text-align: center; */
/*}*/

/*.requirements-grid1 .paging .paging-spacer { */
/*  display: inline-block; */
/*  vertical-align: middle;  */
/*  width: 20px; */
/*  height: 20px; */
/*  padding: 0; */
/*  background: transparent; */
/*  cursor: pointer; */
/*  min-width: 1em;*/
/*  border-style: none none none solid; */
/*  border-color: #ddd; */
/*  border-width: 1px; */
/*}*/

/*.requirements-grid1 .paging .paging-spacer span { */
/*  display: inline-block; */
/*  width: 20px; */
/*  height: 20px; */
/*  text-align: center; */
/*}*/

.requirements-grid1 .views-selector { 
  text-align: left; 
}

.requirements-grid1 .views-selector .label { 
  display: inline-block; 
  vertical-align: top; 
  padding: 2px 0; 
  margin-right: 5px; 
  color: #aaa; 
}

.requirements-grid1 .views-selector .selector-items { 
  display: inline-block; 
  vertical-align: top; 
}

.requirements-grid1 .views-selector .selector-item { 
  position: relative; 
  display: inline-block; 
  vertical-align: top; 
  margin: 0 0 5px 15px; 
  background-color: #f7f7f7;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;
  -webkit-transition: color .3s ease-out, 
  background-color .3s ease-out; 
  transition: color .3s ease-out, 
  background-color .3s ease-out; 
}

.requirements-grid1 .views-selector .selector-item .name { 
  display: inline-block; 
  vertical-align: middle; 
  padding: 2px 8px; 
  color: #445555; 
  text-decoration: none; 
  cursor: pointer; 
}

.requirements-grid1 .views-selector .selector-item .name:hover { 
  color: #445555; 
  text-decoration: none; 
}

.requirements-grid1 .views-selector .selector-item .name .remarks { 
  color: #EEEEEE; 
  font-weight: 700; 
  margin-left: 5px;
}

.requirements-grid1 .views-selector .selector-item .name .remarks:before { 
  content: "("; 
}

.requirements-grid1 .views-selector .selector-item .name .remarks:after { 
  content: ")";
}

.requirements-grid1 .views-selector .selector-item.active { 
  background-color: #dcebf4; 
}

.requirements-grid1 .views-selector .selector-item:hover { 
  background: #EDF0F2; 
}

.requirements-grid1 .views-selector .selector-item:hover .cmd-ide  { 
  visibility: visible; 
}

.requirements-grid1 .views-selector .selector-item:hover .cmd-ide:hover { 
  opacity: 1; 
}

.requirements-grid1 .items-fixed { 
  float: left; 
  position: relative; 
}

.requirements-grid1 .head .groups-table > tbody > tr > td { 
  vertical-align: top; 
}

.requirements-grid1 .head-fixed .head-table { 
  table-layout: fixed; 
  width: 0; 
  border-collapse: collapse; 
  border-style: solid; 
  border-width: 0 0 0 0; 
  border-color: #000000; 
}

.requirements-grid1 .head-fixed .head-table { 
  border-right: 1px solid #000; 
}

.requirements-grid1 .head-fixed > tbody > tr > td:first-child .head-table { 
  border-left: none; 
}

.requirements-grid1 .head-fixed .groups-table .head-table { 
  border-left: 1px solid #000; 
}

.requirements-grid1 .head-fixed .groups-table > tbody > tr > td:first-child .head-table {
  border-left: none; 
}

.requirements-grid1 .head-fixed .groups-table  { 
  border-right: 1px solid #000; 
}

.requirements-grid1 .items .groups-table > tbody > tr > td { 
  vertical-align: top; 
}

.requirements-grid1 .items-fixed .items-table { 
  table-layout: fixed; 
  width: 0; 
  border-collapse: collapse; 
  border-style: solid; 
  border-width: 0 0 1px 0; 
  border-color: #d0d0d0; 
}

.requirements-grid1 .items-fixed .items-table { 
  border-right: 1px solid #d0d0d0; 
}

.requirements-grid1 .items-fixed > tbody > tr > td:first-child .items-table { 
  border-left: none; 
}

.requirements-grid1 .items-fixed .groups-table .items-table { 
  border-left: 1px solid #d0d0d0; 
}

.requirements-grid1 .items-fixed .groups-table > tbody > tr > td:first-child .items-table { 
  border-left: none; 
}

.requirements-grid1 .items-fixed .groups-table { 
  border-right: 1px solid #d0d0d0; 
}

.requirements-grid1 .items-scroll .groups-table { 
  display: inline-table; 
  vertical-align: top; 
  margin-right: 20px; 
}

.requirements-grid1 .items-scroll .groups-table .items-table { 
  margin-right: 0; 
  border-left: 1px solid #d0d0d0; 
}

.requirements-grid1 .items-scroll .groups-table > tbody > tr > td:first-child .items-table { 
  border-left: none; 
}

.requirements-grid1 .head-table .cmd-filter { 
  visibility: hidden; 
  position: absolute; 
  z-index: 3; 
  right: 0; 
  bottom: 0; 
  padding: 8px 2px 2px 8px; 
  cursor: pointer; 
  opacity: 0.7; 
}

.requirements-grid1 .head-table .col:hover .cmd-filter  { 
  visibility: visible; 
}

.requirements-grid1 .head-table .col:hover .cmd-filter:hover { 
  opacity: 1; 
}

.requirements-grid1 .head-table .cmd-filter.active { 
  visibility: visible; 
  opacity: 1; 
}

.requirements-grid1 .head-table .cmd-filter span { 
  display: block; 
  width: 10px; 
  height: 10px; 
  background: transparent url(/media/autofilter.png) 0 0 no-repeat;  
}

.requirements-grid1 .head-table .cmd-filter.active span { 
  background-position: 0 -10px;
}

@media (pointer:coarse) {
    .requirements-grid1 .head-table .cmd-filter { 
      visibility: visible; 
      opacity: 0.1; 
      width: 14px; 
      height: 14px; 
    }
}

.requirements-grid1 .head-table .col:hover .cmd-ide  { 
  visibility: visible; 
}

.requirements-grid1 .head-table .col:hover .cmd-ide:hover { 
  opacity: 1; 
}

.requirements-grid1 .head-table .col.has-sorting { 
  cursor: pointer; 
}

.requirements-grid1 .head-table .col.has-sorting .sorting-marker { 
  position: absolute; 
  z-index: 2; 
  right: 4px;
  top: 0; 
}

.requirements-grid1 .head-table .col.has-sorting .sorting-marker span { 
  display: block; 
  width: 12px; 
  height: 12px; 
  text-align: center;
  font-size: 12px; 
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 1; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;  
}

.requirements-grid1 .head-table .col.has-sorting .sorting-marker.sorting-asc span:before { 
  content: "\f0d8";
}

.requirements-grid1 .head-table .col.has-sorting .sorting-marker.sorting-desc span:before { 
  content: "\f0d7";
}

.requirements-grid1 .head-table .col .width-adjust { 
  position: absolute; 
  z-index: 4; 
  right: -2px; 
  top: 0; 
  bottom: 0; 
  width: 4px; 
  cursor: e-resize; 
}

.requirements-grid1 .item.group-head .col { 
  border-top: 1px solid #d0d0d0; 
  border-bottom: 1px solid #d0d0d0; 
}

.requirements-grid1 .item .col.grouping-col { 
  text-align: left;
}

.requirements-grid1 .item.group-end .col { 
  border-bottom: 1px solid #d0d0d0; 
}

.requirements-grid1 .item.group-totals .col { 
  border-top: 1px solid #d0d0d0; 
  border-bottom: 1px solid #d0d0d0; 
  color: #000000; 
  font-weight: 700; 
}

.requirements-grid1 .item .group-merge-cell { 
  vertical-align: bottom; 
  border-bottom: 1px solid #d0d0d0; 
}

.requirements-grid1 .group-displayname-remarks { 
  color: #000000; 
  font-weight: 700; 
  margin-left: 5px; 
}

.requirements-grid1 .group-displayname-remarks:before { 
  content: "("; 
}

.requirements-grid1 .group-displayname-remarks:after { 
  content: ")"; 
}

.requirements-grid1 .items-table .grouping-expand { 
  display: inline-block; 
  vertical-align: middle; 
  color: #777; 
  width: 12px; 
  height: 12px; 
  overflow: hidden;
  font-size: 8px; 
  line-height: 12px; 
  text-align: center; 
  margin-right: 5px; 
  cursor: pointer;
  border: 1px solid #777; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border-radius: 3px;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .items-table .grouping-expand:before { 
  content: "\f067";
}

.requirements-grid1 .items-table .group-expanded .grouping-expand:before { 
  content: "\f068";
}

.requirements-grid1 .group-paging { 
  text-align: right; 
  font-weight: 400; 
}

.requirements-grid1 .group-paging .paging .prev { 
  height: 16px; 
}

.requirements-grid1 .group-paging .paging .prev span { 
  width: 16px; 
  height: 16px; 
  line-height: 16px; 
}

.requirements-grid1 .group-paging .paging .next { 
  height: 16px;  
}

.requirements-grid1 .group-paging .paging .next span { 
  width: 16px; 
  height: 16px; 
  line-height: 16px; 
}

.requirements-grid1 .items-table .item:nth-child(even) { 
  /*background-color: #ffffff; */
}

.requirements-grid1 .item.totals { 
  color: #000000; 
}

.requirements-grid1 .item.totals .col { 
  font-weight:700;
}

.requirements-grid1 .item.totals.totals-top .col { 
  border-top: none; 
  border-bottom: 1px solid #ddd; 
}

.requirements-grid1 .noitems { 
  padding: 8px; 
  color: #777; 
  text-align: center; 
}

.requirements-grid1 .grid-error { 
  padding: 0 15px 15px; 
  margin: 15px; 
  border-style: solid; 
  border-width: 3px 1px 1px; 
  border-color: #E36159; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
}

.requirements-grid1 .grid-error h3 { 
  margin: 15px 0 5px; 
  padding: 0; 
  font-size: 11px; 
  font-weight: 700; 
}

.requirements-grid1 .grid-error .description { 
  color: #E74C3C; 
  white-space: pre-line;
}

.requirements-grid1 .grid-error .system-details { 
  white-space: pre-line; 
}

.requirements-grid1 .grid-error .actions {
  margin: 15px 0; 
}

.requirements-grid1 .field { 
  margin-bottom: 5px; 
  min-height: 0;
}

.requirements-grid1 .field.check {
  margin-bottom: 0;
}

.requirements-grid1 .field-value { 
  color: #13344D; 
  background-color: inherit; 
  font-weight: inherit; 
  font-style: inherit; 
}

.requirements-grid1 .field-value.has-icon > .icon { 
  left: 5px; 
  top: 1px; 
}

.requirements-grid1 .field-value input.edit,
.requirements-grid1 .field-value textarea.edit { 
  border-color: transparent; 
  background: transparent; 
  padding: 1px 5px; 
  height: 18px; 
  line-height: 14px; 
  font-size: 11px; 
}

.requirements-grid1 .field.edit.singlechoice .value-box { 
  border-color: transparent; 
  background: transparent;  
  padding: 1px 5px; 
  height: 18px; 
  line-height: 16px; 
  font-size: 11px; 
}

.requirements-grid1 .field.singlechoice .value-box .image { 
  width: 14px; 
  height: 14px; 
  line-height: 14px; 
}

.requirements-grid1 .field.edit .cmd-lookup { 
  height: 18px; 
  width: 18px; 
  opacity: 0; 
}

.requirements-grid1 .field.edit:hover .cmd-lookup { 
  opacity: 1; 
}

.requirements-grid1 .field.edit .cmd-lookup .icon { 
  height: 18px; 
  width: 18px; 
  line-height: 16px; 
}

.requirements-grid1 .field-value input.edit.active,
.requirements-grid1 .field-value input.edit:hover,
.requirements-grid1 .field-value select.edit:hover,
.requirements-grid1 .field-value textarea.edit.active,
.requirements-grid1 .field-value textarea.edit:hover,
.requirements-grid1 .field.edit.singlechoice.active .value-box,
.requirements-grid1 .field.edit.singlechoice .value-box:hover { 
  z-index: 1; 
  background: rgba(255, 255, 255, 0.9); 
}

.requirements-grid1 .field-value select.edit { 
  border-color: transparent; 
  background: transparent; 
}

.requirements-grid1 .field.edit .value-box.datetime .date-part { 
  width: 70px; 
}

.requirements-grid1 .field.edit .value-box.datetime .date-part input { 
  padding: 1px 2px; 
}

.requirements-grid1 .field.edit .value-box.datetime .ui-datepicker-trigger { 
  position: absolute; 
  z-index: 2; 
  left: 1px; 
  top: 1px; 
  opacity: 0; 
}

.requirements-grid1 .field.edit .value-box.datetime .time-part { 
  width: 40px; 
  margin-left: 0; 
}

.requirements-grid1 .field.edit .value-box.datetime .time-part input { 
  padding: 1px 2px; 
  background-position: -30px -30px
}

.requirements-grid1 .field.edit.date .value-box.datetime .date-part { 
  width: 100%; 
}

.requirements-grid1 .field.edit.date .value-box.datetime .date-part:hover .ui-datepicker-trigger { 
  opacity: 1; 
}

.requirements-grid1 .field.edit.time .value-box.datetime .time-part { 
  width: 100%; 
}

.requirements-grid1 .field.edit.time .value-box.datetime .time-part:hover input { 
  background-position: 1px 0px; 
}

.requirements-grid1 .field.editable .value-box { 
  padding: 1px 4px; 
}



.requirements-grid1 .field-value input.edit.mark-updated,
.requirements-grid1 .field-value select.edit.mark-updated,
.requirements-grid1 .field-value textarea.edit.mark-updated,
.requirements-grid1 .field-value label.edit.mark-updated,
.requirements-grid1 .field.edit .field-value .value-box.mark-updated { 
  background: #87D381; 
}

.requirements-grid1 .col.validation-0 .field-value input.edit.mark-updated,
.requirements-grid1 .col.validation-0 .field-value select.edit.mark-updated,
.requirements-grid1 .col.validation-0 .field-value textarea.edit.mark-updated,
.requirements-grid1 .col.validation-0 .field-value label.edit.mark-updated,
.requirements-grid1 .col.validation-0 .field.edit .field-value .value-box.mark-updated { 
  background: #87D381;
}

.requirements-grid1 .col.validation-1 .field-value input.edit.mark-updated,
.requirements-grid1 .col.validation-1 .field-value select.edit.mark-updated,
.requirements-grid1 .col.validation-1 .field-value textarea.edit.mark-updated,
.requirements-grid1 .col.validation-1 .field-value label.edit.mark-updated,
.requirements-grid1 .col.validation-1 .field.edit .field-value .value-box.mark-updated { 
  background: #87D381; 
}

.requirements-grid1 .col.validation-2 .field-value input.edit.mark-updated,
.requirements-grid1 .col.validation-2 .field-value select.edit.mark-updated,
.requirements-grid1 .col.validation-2 .field-value textarea.edit.mark-updated,
.requirements-grid1 .col.validation-2 .field-value label.edit.mark-updated,
.requirements-grid1 .col.validation-2 .field.edit .field-value .value-box.mark-updated { 
  background: #FF6D6D; 
}

.requirements-grid1 .field-value input.edit.mark-failed,
.requirements-grid1 .field-value select.edit.mark-failed,
.requirements-grid1 .field-value textarea.edit.mark-failed,
.requirements-grid1 .field-value label.edit.mark-failed,
.requirements-grid1 .field.edit .field-value .value-box.mark-failed { 
  background: #FF7F7F; 
}

.requirements-grid1 .field.files .field-value { 
  min-height: 20px; 
}

.requirements-grid1 .field.files .upload { 
  position: static; 
  padding: 0 0 2px 4px;
}

.requirements-grid1 .field.files .files .item { 
  margin: 2px 5px 2px 0; 
}

.requirements-grid1 .field.files.edit .files { 
  padding-left: 5px; 
}

.requirements-grid1 .field.files.edit .files .item .name { 
  max-width: 250px; 
}

.requirements-grid1 .field .field-value .upload .icon{
  height:20px;
}
.requirements-grid1 .field .field-value .upload .icon:before{
    /*background: transparent url(/media/upload_file.png) left top no-repeat;*/
    content: "UPLOAD";
    padding-left: 25px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    font-family: 'Noto Sans JP', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif';
    font-size: 11px;
    color: #323232;
    background-size: 20px;
}

.requirements-grid1 .field.multichoicelookup .value-item { 
  margin: 0 5px 0 0; 
}

.requirements-grid1 .items-table .col.ordering { 
  cursor: move; 
}

.requirements-grid1 .items-table .col.ordering.ordering-image-on > div:before { 
  visibility: hidden; 
  content: " "; 
  display: block; 
  overflow: hidden; 
  width: 10px; 
  height: 16px;
  background: transparent url(/media/drag-area.png); 
  position: relative; 
  left: 3px; 
}

.requirements-grid1 .items-table .item:hover .col.ordering.ordering-image-on > div:before { 
  visibility: visible; 
}

.requirements-grid1 .ui-sortable-helper .col,
.requirements-grid1 .ui-sortable-helper .col:first-child { 
  border: 1px solid #d0d0d0; 
  background: #fff; 
}

.requirements-grid1 .item.drop-placeholder,
.requirements-grid1 .item.drop-placeholder:nth-child(even) { 
  background-color: #dcebf4; 
}

.requirements-grid1 .item.drop-placeholder td { 
  height: 47px; 
}

.requirements-grid1 .items-table .col .cmd-menu { 
  visibility: hidden; 
  position: absolute; 
  z-index: 2; 
  right: 0; 
  top: 2px; 
  width: 16px; 
  height: 16px;
  background-image: url(/media/actions2_x16.png); 
  background-position: center 0; 
}

.requirements-grid1 .items-table .col .cmd-menu:hover { 
  background-position: 0 -16px; 
}

.requirements-grid1 .items-table .item:hover .col .cmd-menu { 
  visibility: visible; 
}

.requirements-grid1 .head-table .col.validation { 
  text-align: center; 
}

.requirements-grid1 .head-table .col.validation label.validation { 
  display: inline-block; 
  text-align: center; 
  color: #000000;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .head-table .col.validation label.validation-0:before { 
  content: "\f069"; 
  color: #FFD800; 
}

.requirements-grid1 .head-table .col.validation label.validation-1:before { 
  content: "\f00c"; 
  color: #00f; 
}

.requirements-grid1 .head-table .col.validation label.validation-2:before { 
  content: "\f12a"; 
  color: #f00; 
}

.requirements-grid1 .items-table .col.validation { 
  text-align: center; 
}

.requirements-grid1 .items-table .col.validation label.validation { 
  display: inline-block; 
  text-align: center; 
  color: #000000;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.requirements-grid1 .items-table .item.validation-0 .col.validation label.validation:before { 
  content: "\f069"; 
  color: #FFD800; 
}

.requirements-grid1 .items-table .item.validation-1 .col.validation label.validation:before { 
  content: "\f00c"; 
  color: #00f; 
}

.requirements-grid1 .items-table .item.validation-2 .col.validation label.validation:before { 
  content: "\f12a"; 
  color: #f00; 
}

.requirements-grid1 .items-table .col.validation-2 { 
  background: #FFD8D8; 
}

.requirements-grid1 .items-table .item.hover .col { 
  background: rgba(210, 231, 247, 0.1); 
}

.requirements-grid1 .items-table .item .col.hover { 
  background: rgba(173, 215, 244, 0.1); 
}

.requirements-grid1 .footer .items-table .item .col.hover { 
  background: rgba(210, 231, 247, 0.1); 
}

.requirements-grid1 .items-table .item.hover .col.validation-2 { 
  background: rgba(249, 201, 162, 0.1); 
}

.requirements-grid1 .items-table .item.active .col { 
  background: rgba(218, 218, 242, 0.1); 
}

.requirements-grid1 .items-table .item.active .col.hover { 
  background: rgba(133, 198, 242, 0.1); 
}

.requirements-grid1 .items-table .item.active .col.validation-2 { 
  background: rgba(185, 185, 138, 0.1); 
}

.requirements-grid1 .col.selection {
  text-align: center;
}

.requirements-grid1 .head-table .col.selection label.check {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position:center;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/light/content/media/icons/checkbox_minus.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040");
}

.requirements-grid1 .head-table .col.selection.partial-selected label.check,
.requirements-grid1 .head-table .col.selection.page-selected label.check {
  background-size: 0 0, 20px 20px;
}

.requirements-grid1 .head-table .col.selection .count {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
}

.requirements-grid1 .col.check label,
.requirements-grid1 .col.selection label {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/light/content/media/icons/checkbox.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"), 
                    url("/_themes/light/content/media/icons/checkbox_checked.svg?stamp=240311&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0 0;
}

.requirements-grid1 .col.selection.partial-selected label,
.requirements-grid1 .item.selected .col.selection label,
.requirements-grid1 .col.check label.checked {
  background-size: 0 0, contain;
}

.requirements-grid1 .col.selection label.checked {
  background-size: 0 0, contain;
}

.requirements-grid1 .items-table .item .col.active { 
  background: rgba(133, 198, 242, 0.1); 
  
}

.requirements-grid1 .items-table .item .col.active > div:before { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 2px; 
  height: 100%; 
  background: #1283ff; 
  content: ""; 
}

.requirements-grid1 .head-table .col.hover { 
  background: #D2E7F7; 
}

.requirements-grid1 .col .marker-comments { 
  position: absolute; 
  z-index: 2; 
  right: 0; 
  top: 0; 
  width: 0; 
  height: 0; 
  border-top: 5px solid red; 
  border-left: 5px solid transparent; 
}

.requirements-grid1 .items .col.multiline > div { 
  white-space: pre-line; 
}

.requirements-grid1 .items-table .item .col.mark-diff { 
  background-color: #FFD8D8; 
}

.requirements-grid1 .items-table .item .col.mark-selected { 
  background-color: #CCFFCC; 
}

.requirements-grid1 .items-table .item.marker-readmarker .col { 
  font-weight: 700; 
}

.requirements-grid1 .items-table .item.marker-readmarker .col .icon-markread:before { 
  content: "\f058"; 
}

.requirements-grid1 .items-table .item.marker-hasfile .col { 
  font-weight: 700; 
}

.requirements-grid1 .items-table .item .col.mark-control1-0 { 
  background-color: #FFD8D8; 
}

.requirements-grid1 .items-table .item .col.mark-control1-1 {
  background-color: #CCFFCC; 
}

.requirements-grid1 .items-table .item .col.mark-upward > div:before { 
  position: absolute; 
  left: 5px; 
  top: 2px; 
  text-align: center; 
  content: "\f176"; 
  color: #f00;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}                                  

.requirements-grid1 .items-table .item .col.mark-downward > div:before { 
  position: absolute; 
  left: 5px; 
  top: 2px; 
  text-align: center; 
  content: "\f175"; 
  color: #00f;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}                                  
.requirements-grid1 .items-table .item .col.mark-photo-status-0 > div:before { 
  position: absolute; 
  left: 5px; 
  top: 2px; 
  text-align: center; 
  content: "\f12a"; 
  color: #f00;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}                                  

.requirements-grid1 .items-table .item .col.mark-photo-status-1 > div:before { 
  position: absolute; 
  left: 5px; 
  top: 2px; 
  text-align: center; 
  content: "\f00c"; 
  color: #00f;
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}  

.requirements-grid1 .footer { 
  position: relative; 
  z-index: 2; 
  overflow: hidden; 
  border-style: none; 
  border-width: 0 1px 0; 
  border-color: #000000; 
  background: transparent; 
  border-bottom-width: 1px; 
  min-height: 26px; 
}

.requirements-grid1 .footer.fixed > .content { 
  position: fixed; 
  left: 0; 
  bottom: 0; 
  width: 100%; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.requirements-grid1 .footer .head-fixed .head-table { 
  border-bottom-width: 0; 
}

.requirements-grid1 .footer  .head-scroll .head-table { 
  border-bottom-width: 0; 
}

.requirements-grid1 .footer  .items-fixed .items-table {  
  border-bottom-width: 0; 
}

.requirements-grid1 .footer  .items-scroll .items-table {  
  border-bottom-width: 0; 
}

.requirements-grid1 .footer .col > div { 
  padding-top: 5px; 
  padding-bottom: 5px;
}

.requirements-grid1 .footer .footer-sizer { 
  height: 26px;
}

.requirements-grid1 .footer .footer-toolbars { 
  position: absolute; 
  left: 0; 
  top: 0;
  font-size: 12px; 
  height: 26px; 
  line-height: 20px;
  box-sizing: border-box;
}

.requirements-grid1 .footer .paging-bar { 
  display: inline-block; 
  vertical-align: middle; 
}

.requirements-grid1 .footer .export { 
  display: inline-block; 
  vertical-align: middle; 
  margin-left: 10px; 
}

.requirements-grid1 .items-table .col.formatting-indent-1 > div > .cmd { 
  padding-left: 20px; 
}

.requirements-grid1 .field-icon .field{ padding-left: 16px; }
.requirements-grid1 .field-icon .singlechoice.icon-only{ position:absolute; left:0; top:-4px; padding:0;}

.requirements-grid1 .field .value-box {
  background-color: unset;
  padding: 0;
  min-height: 0;
}

.requirements-grid1 .field .value-box .text {
  display: inline-block;
}

.requirements-grid1 .field.percent-0{ 
  background-image: url("/_themes/light/content/media/progress/progress_0.svg?stamp=240311&t=0&icon_color=%23404040"); 
  background-size: contain; 
  background-repeat:no-repeat; 
  width:16px; 
  height:16px;
}
.requirements-grid1 .field.percent-0 .text { 
  width:16px; 
  height:16px; 
  display:inline-block; 
}
.requirements-grid1 .field.percent-25 { 
  background-image: url("/_themes/light/content/media/progress/progress_1.svg?stamp=240311&t=0&icon_color=%23404040"); 
  background-size: contain; 
  background-repeat:no-repeat; 
  width:16px; 
  height:16px;
}
.requirements-grid1 .field.percent-25 .text { 
  width:16px; 
  height:16px; 
  display:inline-block; 
}

.requirements-grid1 .field.percent-50 { 
  background-image: url("/_themes/light/content/media/progress/progress_2.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain; 
  background-repeat:no-repeat; 
  width:16px; 
  height:16px;
}

.requirements-grid1 .field.percent-50 .text { 
  width:16px; 
  height:16px; 
  display:inline-block; 
}

.requirements-grid1 .field.percent-75{ 
  background-image: url("/_themes/light/content/media/progress/progress_3.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain; 
  background-repeat:no-repeat; 
  width:16px; 
  height:16px;
}

.requirements-grid1 .field.percent-75 .text { 
  width:16px; 
  height:16px; 
  display:inline-block; 
}

.requirements-grid1 .field.percent-100{  
  background-image: url("/_themes/light/content/media/progress/progress_4.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain; 
  background-repeat:no-repeat; 
  width:16px; 
  height:16px;
}
.requirements-grid1 .field.percent-100 .text{ 
  width:16px; 
  height:16px; 
  display:inline-block; 
}

.requirements-grid1 .col .image-gantt-passive { 
  width: 16px; 
  height: 16px;
  background-image: url("/_themes/light/content/media/grid/gantt.png?stamp=240311&t=0&icon_color=%23404040");
  background-position: center 0; 
}

.requirements-grid1 .col .image-gantt-active { 
  width: 16px; 
  height: 16px; 
  background-image: url("/_themes/light/content/media/grid/gantt.png?stamp=240311&t=0&icon_color=%23404040");
  background-position: center -32px; 
}

.requirements-grid1 .col .image-gantt-hover { 
  width: 16px; 
  height: 16px;
  background-image: url("/_themes/light/content/media/grid/gantt.png?stamp=240311&t=0&icon_color=%23404040");
  background-position: center -16px; 
}

.requirements-grid1 .has-task-links .text { 
  width: 16px; 
  height: 16px;
  background-image: url("/_themes/light/content/media/grid/gantt.png?stamp=240311&t=0&icon_color=%23404040");
  background-position: center -32px; 
}

.requirements-grid1 .hasno-task-links .text { 
  width: 16px; 
  height: 16px;
  background-image: url("/_themes/light/content/media/grid/gantt.png?stamp=240311&t=0&icon_color=%23404040");
  background-position: center 0; 
}

.requirements-grid1 .has-testcase-links .text { 
  width: 16px; 
  height: 16px; 
  background-image: url("/_themes/light/content/media/grid/testcase.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain, 0; 
}

.requirements-grid1 .hasno-testcase-links .text { 
  width: 16px; 
  height: 16px; 
  background-image: url("/_themes/light/content/media/grid/testcase.svg?stamp=240311&t=0&icon_color=%23404040"); 
  background-size: contain, 0; 
}

.image-reqtype-1{
  background-image: url("/_themes/light/content/media/grid/bug.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain; 
}
.image-reqtype-2{
  background-image: url("/_themes/light/content/media/grid/new.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain; 
}
.image-reqtype-3{ 
  background-image: url("/_themes/light/content/media/grid/increase.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain; 
}

















.taskboard1 {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
}

.taskboard1 .board-title-bar { 
  padding: 15px;
}

.taskboard1 .board-title { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 40px; 
  font-size: 28px;
  font-weight: 700;
  color: #404040;
}

.taskboard1 .board-count { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 10px; 
  font-size: 28px; 
  font-weight: 700;
  color: #404040;
}

.taskboard1 .board-prev { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 10px; 
  width: 20px; 
  height: 20px; 
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circled_arrow_left_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat; 
  background-size: contain, 0 0; 
}

.taskboard1 .board-next {
  display: inline-block; 
  vertical-align: middle; 
  width: 20px; 
  height: 20px; 
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat; 
  background-size: contain, 0 0; 
}

.taskboard1 .board-prev:hover,
.taskboard1 .board-next:hover {
  background-size: 0 0, contain; 
}

.taskboard1 .board-next.disabled,
.taskboard1 .board-prev.disabled { 
  opacity: 0.1; 
  cursor: default;
  background-size: contain, 0 0; 
}

.taskboard1 .cards { 
  position: absolute;
  top: 50px;
  left: 5px;
  right: 5px;
  bottom: 0;
  padding: 0;
  overflow: auto;
}

.taskboard1 .card { 
  position: relative; 
  width: 350px; 
  height: 300px; 
  display: inline-block; 
  vertical-align: top; 
  margin: 15px 10px 5px 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  box-sizing: border-box; 
  border-radius: 2px; 
  overflow: hidden;
}

.taskboard1 .card .card-main-content { 
  position: relative; 
  z-index: 1; 
  width: 350px; 
  height: 300px; 
  display: block;
  border: 1px solid #D5D7DA; 
  border-radius: 2px; 
  box-sizing: border-box; 
  padding: 10px; 
}

.taskboard1 .card .card-main-content .content > .repeatable-group {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 45px;
  bottom: 30px;
  overflow: auto;
}

.taskboard1 .card-actions { 
  visibility: hidden; 
  position: absolute; 
  z-index: 3; 
  right: 10px; 
  top: 10px; 
  width: 20px; 
  height: 20px; 
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/context_menu.svg?stamp=240311&t=0&icon_color=%2381878F"); 
  background-repeat: no-repeat; 
  background-size: contain; 
}

.taskboard1 .card:hover .card-actions { 
  visibility: visible; 
}

/* Card - On Track */
.taskboard1 .card.status-1 .card-main-content { 
  border-color: rgba(40, 167, 69, 1);
}
/* Card - At Risk */
.taskboard1 .card.status-2 .card-main-content { 
  border-color: rgba(255, 193, 7, 1);
  border-width: 2px;
}
/* Card - Overdue */
.taskboard1 .card.status-3 .card-main-content { 
  border-color: rgba(220, 53, 69, 1);
  border-width: 2px;
}

.taskboard1 .field { min-height: auto; margin: 0; }

.taskboard1 .field .field-label { 
  display: none;
  padding: 0; 
  min-height: auto; 
  color: inherit;
  margin-right: 5px; 
}

.taskboard1 .field .field-value { color: inherit; }
.taskboard1 .field .value-box > .text { padding: 0; }

.taskboard1 .card-title { 
  display: block;
  font-size: 18px; 
  font-weight: 700; 
  line-height: 1; 
  height: 20px;
  margin-right: 22px;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  color: #404040;
}

.taskboard1 .card-actualization-content { 
  position: absolute; 
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #D5D7DA;
}

.taskboard1 .card-date { 
  position: relative;
  width: 115px;
  text-align: right;
  float: right; 
  font-size: 10px; 
  font-weight: 400; 
  line-height: 18px; 
  color: #81878F;
}

.taskboard1 .card-date:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/reload.svg?stamp=240311&t=0&icon_color=%2381878F"); 
  background-size: 17px;
  background-repeat: no-repeat;
}

.taskboard1 .card.actual-2 .card-date:before {
  background-image: url("/_themes/light/content/media/icons/reload.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); 
}

.taskboard1 .card-date .field-value .value-box {
  background-color: unset;
}

/* Card - not actual */
.taskboard1 .card.actual-2 {
  opacity: 0.5; 
}

.taskboard1 .card.actual-2 .card-date .field-label { color: #000000; }
.taskboard1 .card.actual-2 .card-date .field-label:before { content: " "; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 5px;
    background-image: url(/media/widgets/taskboards/alert.svg); background-repeat: no-repeat; background-size: contain; }

.taskboard1 .card.actual-2 .card-date .field-value { 
  color: rgba(220, 53, 69, 1); 
}

/* Tasks */
.taskboard1 .task { 
  position: relative;
  padding: 5px 8px 5px 0;
  margin-bottom: 5px;
  overflow: hidden; 
  box-sizing: content-box;
  border-radius: 5px;
}

.taskboard1 .task:before { 
  content: '';
  position: absolute; 
  left: 5px; 
  top: 5px;
  bottom: 5px;
  width: 3px;
  background-color: #D5D7DA;
  border-radius: 1.5px;
}

.taskboard1 .task-date-col {
  overflow: hidden;
  float: right;
}

.taskboard1 .task-date { 
  float: right;
  font-size: 14px; 
  font-weight: 700;
  margin-left: 5px;
  margin-bottom: 0;
  color: #81878F;
}

.taskboard1 .task-date-old {
  overflow: hidden;
  font-size: 10px; 
  font-weight: 300;
  margin-bottom: 0;
  text-decoration: line-through;
}

.taskboard1 .task-title {
  overflow: hidden; 
  position: relative; 
  padding-left: 16px;
  font-weight: 400;
  margin-bottom: 0;
  color: #13344D;
}

.taskboard1 .task.status-overdue .task-title,
.taskboard1 .task.status-at-risk .task-title {
  font-weight: 700;
}

.taskboard1 .task.status-overdue:before {
  background-color: rgba(220, 53, 69, 1);
}

.taskboard1 .task.status-at-risk:before {
  background-color: rgba(255, 193, 7, 1);
}

.taskboard1 .task-priority .value-box {
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: unset;
}



/* Task - On Track */
.taskboard1 .task.status-on-track { 
  /*background: rgba(223, 191, 0, 0.15);*/
}
/* Task - At Risk */
.taskboard1 .task.status-at-risk { 
  background: rgba(223, 191, 0, 0.15);
}
.taskboard1 .task.status-at-risk .task-date { 
  color: rgba(255, 193, 7, 1);
  font-weight: 700; 
}
/* Task - Overdue */
.taskboard1 .task.status-overdue { 
  background: rgba(215, 55, 63, 0.15);
}
.taskboard1 .task.status-overdue .task-date { 
  color: rgba(220, 53, 69, 1);
}
/* Task - Hold */
.taskboard1 .task.status-hold { 
  background: #E5E5EA;
}
.taskboard1 .task.status-hold .task-date {
  color: #323232;
  font-weight: 700; 
}
/* Task - Completed */
.taskboard1 .task.status-completed { 
  /*color: #AAAAAA; */
  opacity: .3;
}

/*<--- task-card --->*/

.task-card {}

.task-card .board-title-bar { 
  padding: 15px;
}

.task-card .board-title { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 40px; 
  font-size: 28px;
  font-weight: 700;
  color: #404040;
}

.task-card .task-priority {
  position: absolute;
  right: 3.5px;
  top: 3.5px;
  width: 20px;
  height: 20px;
}

.task-card .board-count { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 10px; 
  font-size: 28px; 
  font-weight: 700;
  color: #404040;
}

.task-card .board-prev { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 10px; 
  width: 20px; 
  height: 20px; 
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_left.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circled_arrow_left_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat; 
  background-size: contain, 0 0; 
}

.task-card .board-next {
  display: inline-block; 
  vertical-align: middle; 
  width: 20px; 
  height: 20px; 
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2381878F"),
                    url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2381878F");
  background-repeat: no-repeat; 
  background-size: contain, 0 0; 
}

.task-card .board-prev:hover,
.task-card .board-next:hover {
  background-size: 0 0, contain; 
}

.task-card .board-next.disabled,
.task-card .board-prev.disabled { 
  opacity: 0.1; 
  cursor: default;
  background-size: contain, 0 0; 
}

.task-card .cards { 
  position: absolute;
  top: 50px;
  left: 5px;
  right: 5px;
  bottom: 0;
  padding: 0;
  overflow: auto;
}

.task-card .card { 
  position: relative; 
  width: 350px; 
  height: 300px; 
  display: inline-block; 
  vertical-align: top; 
  margin: 15px 10px 5px 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  box-sizing: border-box; 
  border-radius: 2px; 
  overflow: hidden;
  background-color: #ffffff;
}

.task-card .card .card-main-content { 
  position: relative; 
  z-index: 1; 
  width: 350px; 
  height: 300px; 
  display: block;
  border: 1px solid #D5D7DA; 
  border-radius: 2px; 
  box-sizing: border-box; 
  padding: 10px; 
}

.task-card .card .card-main-content .content > .repeatable-group {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 45px;
  bottom: 30px;
  overflow: auto;
}

.task-card .card-actions { 
  visibility: hidden; 
  position: absolute; 
  z-index: 3; 
  right: 10px; 
  top: 10px; 
  width: 20px; 
  height: 20px; 
  cursor: pointer;
  background-image: url("/_themes/light/content/media/icons/context_menu.svg?stamp=240311&t=0&icon_color=%2381878F"); 
  background-repeat: no-repeat; 
  background-size: contain; 
}

.task-card .card:hover .card-actions { 
  visibility: visible; 
}

/* Card - On Track */
.task-card .card.status-1 .card-main-content { 
  border-color: rgba(40, 167, 69, 1);
}
/* Card - At Risk */
.task-card .card.status-2 .card-main-content { 
  border-color: rgba(255, 193, 7, 1);
  border-width: 2px;
}
/* Card - Overdue */
.task-card .card.status-3 .card-main-content { 
  border-color: rgba(220, 53, 69, 1);
  border-width: 2px;
}

.task-card .field { min-height: auto; margin: 0; }

.task-card .field .field-label { 
  display: none;
  padding: 0; 
  min-height: auto; 
  color: inherit;
  margin-right: 5px; 
}

.task-card .field .field-value { color: inherit; }
.task-card .field .value-box > .text { padding: 0; }

.task-card .card-title { 
  display: block;
  font-size: 18px; 
  font-weight: 700; 
  line-height: 1; 
  height: 20px;
  margin-right: 22px;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  color: #404040;
}

.task-card .card-actualization-content { 
  position: absolute; 
  left: 0;
  right: -10px;
  bottom: 0;
  height: 30px;
  box-sizing: border-box;
}

.task-card .card-date { 
  position: relative;
  width: 115px;
  text-align: right;
  float: right; 
  font-size: 10px; 
  font-weight: 400; 
  line-height: 18px; 
  color: #81878F;
}

.task-card .card-date:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/reload.svg?stamp=240311&t=0&icon_color=%2381878F"); 
  background-size: 17px;
  background-repeat: no-repeat;
}

.task-card .card.actual-2 .card-date:before {
  background-image: url("/_themes/light/content/media/icons/reload.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); 
}

.task-card .card-date .field-value .value-box {
  background-color: unset;
}

/* Card - not actual */
.task-card .card.actual-2 {
  opacity: 0.5; 
}

.task-card .card.actual-2 .card-date .field-label { color: #000000; }
.task-card .card.actual-2 .card-date .field-label:before { content: " "; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 5px;
    background-image: url(/media/widgets/taskboards/alert.svg); background-repeat: no-repeat; background-size: contain; }

.task-card .card.actual-2 .card-date .field-value { 
  color: rgba(220, 53, 69, 1); 
}

/* Tasks */
.task-card .task { 
  position: relative;
  padding: 5px 8px 5px 0;
  margin-bottom: 10px;
  overflow: hidden; 
  box-sizing: content-box;
  border-radius: 5px;
}

.task-card .task:before { 
  content: '';
  position: absolute; 
  left: 5px; 
  top: 5px;
  bottom: 5px;
  width: 2px;
  background-color: #D5D7DA;
  border-radius: 1.5px;
}

.task-card .task-date-col {
  overflow: hidden;
  float: right;
}

.task-card .task-date { 
  font-size: 14px; 
  margin-left: 5px;
  margin-bottom: 0;
  color: #81878F;
  line-height: 13px;
}

.task-card .status-on-track .task-date,
.task-card .status-at-risk .task-date,
.task-card .status-overdue .task-date {
  font-weight: 700;  
}

.task-card .task-date-old {
  font-size: 10px; 
  font-weight: 300;
  margin-bottom: 0;
  text-decoration: line-through;
  color: #81878F;
  line-height: 13px;
}

.task-card .status-on-track .task-date-old,
.task-card .status-on-track .task-date { 
  color: rgba(32, 134, 55, 1);
}
.task-card .status-at-risk .task-date-old,
.task-card .status-at-risk .task-date { 
  color: rgba(204, 119, 0, 1);
}
.task-card .status-overdue .task-date-old,
.task-card .status-overdue .task-date { 
  color: rgba(176, 42, 55, 1);
}

.task-card .task-title {
  overflow: hidden; 
  position: relative; 
  padding-left: 16px;
  font-weight: 400;
  margin-bottom: 0;
  margin-right: 20px;
  color: #13344D;
}

.task-card .task.status-overdue .task-title,
.task-card .task.status-at-risk .task-title,
.task-card .task.status-on-track .task-title {
  font-weight: 700;
}

.task-card .task-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  margin-top: 5px;
}

.task-card .task-content .task-dates {
  display: flex;
  white-space: nowrap;
  margin-left: auto;
}


.task-card .task.status-overdue:before {
  background-color: rgba(220, 53, 69, 1);
}

.task-card .task.status-at-risk:before {
  background-color: rgba(255, 193, 7, 1);
}

.task-card .task.status-on-track:before {
  background-color: #268E6C;
}

.task-card .task-content .task-progress {
  display: flex;
  align-items: center;
  font-size: 10px;
}

.task-card .task-content .task-progress .prev-value {
  margin-bottom: 0;
}

.task-card .task-content .task-progress .current-value {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0;
  margin-left: 3px;
  font-weight: 700;
}

.task-card .task-content .task-progress .current-value:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("/_themes/light/content/media/icons/dotted_arrow_down.svg?stamp=240311&t=0&icon_color=rgba(0%2c+0%2c+0%2c+1)"),
                    url("/_themes/light/content/media/icons/dotted_arrow_down.svg?stamp=240311&t=0&icon_color=rgba(0%2c+0%2c+0%2c+1)"),
                    url("/_themes/light/content/media/icons/dotted_arrow_down.svg?stamp=240311&t=0&icon_color=rgba(0%2c+0%2c+0%2c+1)"),
                    url("/_themes/light/content/media/icons/dotted_arrow_down.svg?stamp=240311&t=0&icon_color=rgba(0%2c+0%2c+0%2c+1)");
  background-size: 13px, 0, 0, 0;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(-90deg);
  margin-right: 3px;
}

.task-card .task-content .task-progress .prev-value,
.task-card .task-content .task-progress .current-value {
  line-height: 13px;
}

.task-card .status-on-track .task-progress .prev-value {
  color: rgba(40, 167, 69, 1); 
}

.task-card .status-at-risk .task-progress .prev-value {
  color: rgba(255, 149, 0, 1); 
}

.task-card .status-overdue .task-progress .prev-value {
  color: rgba(220, 53, 69, 1); 
}

.task-card .status-on-track .task-progress .current-value {
  color: rgba(24, 100, 41, 1); 
}

.task-card .status-at-risk .task-progress .current-value {
  color: rgba(153, 89, 0, 1); 
}

.task-card .status-overdue .task-progress .current-value {
  color: rgba(132, 32, 41, 1); 
}

/* Task - On Track */
.task-card .task.status-on-track { 
  background: rgba(212, 237, 218, 1);
}
/* Task - At Risk */
.task-card .task.status-at-risk { 
  background: rgba(255, 234, 204, 1);
}
/* Task - Overdue */
.task-card .task.status-overdue { 
  background: rgba(248, 215, 218, 1);
}
/* Task - Hold */
.task-card .task.status-hold { 
  background: #E5E5EA;
}
.task-card .task.status-hold .task-date {
  color: #323232;
  font-weight: 700; 
}
/* Task - Completed */
.task-card .task.status-completed { 
  /*color: #AAAAAA; */
  opacity: .3;
}

.task-card .card .task-priority .value-box {
  padding: 0;
  border: none;
  background-color: unset;
}

.task-card .card .task-priority .value-box .cmd-lookup {
  display: none;
}

.task-card .task-priority .value-box {
  width: 20px;
  height: 20px;
  padding: 0;
}

.task-card .card .task.milestone:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 10px;
  bottom: 5px;
  width: 8px;
  background-image: url("/_themes/light/content/media/icons/milestone.svg?stamp=240311&t=0&icon_color=rgba(0%2c+0%2c+0%2c+1)");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: unset;
}

/*<--- task-card progress --->*/
.task-card .field.progress {
  overflow: hidden;
  border: 1px solid rgba(240, 245, 250, 1);
  background-color: rgba(240, 245, 250, 1);
  border-radius: 2px;
  width: 200px;
  height: 10px;
}

.task-card .field.progress .value-box .html {
  overflow: hidden;
}

.task-card .status-on-track .field.progress {background-color: rgba(169, 220, 181, 1);}
.task-card .status-on-track .field.progress {border-color: rgba(169, 220, 181, 1);}
.task-card .status-on-track .field.progress .progress span {background-color: rgba(40, 167, 69, 1);}

.task-card .status-at-risk .field.progress {background-color: rgba(255, 213, 153, 1);}
.task-card .status-at-risk .field.progress {border-color: rgba(255, 213, 153, 1);}
.task-card .status-at-risk .field.progress .progress span {background-color: rgba(255, 149, 0, 1);}

.task-card .status-overdue .field.progress {background-color: rgba(241, 174, 181, 1);}
.task-card .status-overdue .field.progress {border-color: rgba(241, 174, 181, 1);}
.task-card .status-overdue .field.progress .progress span {background-color: rgba(220, 53, 69, 1);}

.task-card .status-on-track .field.progress {
  
}

.task-card .field.progress .progress {
  height: 100%;
  border: none;
  border-radius: 0;
  background-color: unset;
}

.task-card .field.progress .progress > span {
  background-color: rgba(186, 186, 186, 1);
}

.task-card .field.progress span.text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 8px;
  color: rgba(255, 255, 255, 1);
  text-shadow: unset;
  display: inline-flex;
  margin: 0;
  height: unset;
  justify-content: center;
  align-items: center;
}

.task-card .field.progress .field-value,
.task-card .field.progress .field-value .value-box, 
.task-card .field.progress .field-value .value-box .html {
  min-height: unset;
  height: 100%;
  overflow: hidden;
}

.taskcard {
  position: absolute;
  left: 10px;
  top: 35px;
  right: 0px;
  bottom: 0;
}

.taskcard .task-card .card-main-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 30px;
  overflow: auto;
}
















.grid-da {
  color: #13344D;
  position: relative;
}

.grid-da .column {
  padding: 0 5px;
}

.grid-da .table-head {
  border-bottom: 1px solid #D5D7DA;
  text-transform: uppercase;
  height: 30px;
}

.grid-da .head {
  text-transform: uppercase;
  height: 30px;
}

.grid-da .head-cell {
  display: flex;
  align-items: center;
  
  font-size: 10px;
  color: #81878F;
  font-weight: 300;
  
  letter-spacing: .6px;
  line-height: 10px;
}

.grid-da .row {
  height: 30px;
  border-bottom: 1px solid #D5D7DA;
  transition: background-color .2s ease;
}

.grid-da .cell {
  /*display: flex;*/
  /*align-items: center;*/
  /*height: 100%;*/
  line-height: 30px;
}

.grid-da .row-hover {
  background-color: #F0F5FA;  
}

.grid-da .cell-hover {
  border-bottom: 1px solid #81878F;
}

.grid-da .row-select {
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-da .cell-select {
  border-bottom: 1px solid #158DDC;
  outline: none;
  border-radius: 0;
}

.grid-da .head-cell-select {
  color: #158DDC;
}

.grid-da .row-checked {  
  background-color: rgba(21, 141, 220, 0.2);
}

.grid-da .cell.column.number {
  text-align: right;
  justify-content: flex-end;
}

/* Footer */
.grid-da .footer {
  border-top: 1px solid #D5D7DA;
  min-height: 40px;
}

.grid-da .footer-toolbars {
  margin-top: 10px;
  margin-left: 5px;
  min-height: 25px;
}

.grid-da .paging-bar {
  margin: 0;
}

.grid-da .paging-bar .recordscount {
  font-size: 14px;
}
.scrollbar-container {
  position: absolute;
  width: 7px;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity .25s ease, width .2s ease;
  opacity: 0;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
}

/*.scrollbar-container {*/
/*  display: none;*/
/*}*/

.scrollbar-container.shown {
  opacity: 1;
}

.scrollbar-container.wide {
  width: 12px;
  border-color: #D5D7DA;
}

.scrollbar-container .scrollbar-track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  overflow: auto;
}

.scrollbar-container .scrollbar-track.wide {
  width: 12px;
}
.scrollbar-container .scrollbar-track::-webkit-scrollbar {
  width: 5px;
}
.scrollbar-container .scrollbar-track.wide::-webkit-scrollbar {
  width: 10px;
}
.scrollbar-container .scrollbar-track::-webkit-scrollbar-track {
  border-radius: 2px;
}
.scrollbar-container .scrollbar-track::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}
.scrollbar-container .scrollbar-track.wide::-webkit-scrollbar-thumb {
  background-color: #158DDC;
  border-radius: 2px;
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0;
}

/*<--- horizontal scrollbar --->*/

.scrollbar-h-container {
  position: absolute;
  bottom: 0;
  height: 7px;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity .25s ease, height .2s ease, transform .2s ease;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
}
.scrollbar-h-container.tall {
  height: 12px;
  border-color: #D5D7DA;
}
.scrollbar-h-container .scrollbar-h-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  overflow: auto;
}
.scrollbar-h-container .scrollbar-h-track.tall {
  height: 12px;
}
.scrollbar-h-container .scrollbar-h-track::-webkit-scrollbar {
  height: 5px;
}
.scrollbar-h-container .scrollbar-h-track.tall::-webkit-scrollbar {
  height: 10px;
}
.scrollbar-h-container .scrollbar-h-track::-webkit-scrollbar-track {
  border-radius: 2px;
}
.scrollbar-h-container .scrollbar-h-track::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 2px;
}
.scrollbar-h-container .scrollbar-h-track.tall::-webkit-scrollbar-thumb {
  background-color: #158DDC;
  border-radius: 2px;
}
.scrollbar-h-spacer {
  height: 1px;
}
.hide-h-scrollbar::-webkit-scrollbar {
  height: 0;
}

/* <--- scroll shadows ---> */

.top-shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
  overflow: hidden;
  display: none;
  transition: height .2s ease;
}

.top-shadow:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to bottom ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: top .3s ease;
}

.top-shadow.shown-1,
.top-shadow.shown {
  display: block;
}

.top-shadow.shown-1:before {
  top: -15px;
}

.top-shadow.shown:before {
  top: 0;
}

.top-shadow.mouse-in-zone {
  height: 0;
}

.bottom-shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 10px;
  overflow: hidden;
  display: none;
  transition: height .2s ease, transform .2s ease;
}

.bottom-shadow:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: bottom .3s ease;
}

.bottom-shadow.shown-1,
.bottom-shadow.shown {
  display: block;
}

.bottom-shadow.shown-1:before {
  bottom: -5px;
}

.bottom-shadow.shown:before {
  bottom: 0;
}

.bottom-shadow.mouse-in-zone {
  transform: translateY(10px);
  height: 0;
}

/* <--- scroll side shadows ---> */

.left-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0px;
  background: linear-gradient(to right ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
}

.left-shadow.shown-1 {
  width: 15px;
}

.left-shadow.shown {
  width: 30px;
}

.right-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  background: linear-gradient(to left ,#FFFFFF, rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
}

.right-shadow.shown-1 {
  width: 15px;
}

.right-shadow.shown {
  width: 30px;
}
.field.widget-accessmatrix .table-container .operation-cell {
  text-align: left;
  padding-left: 5px;
  color: #13344D;
  font-weight: 400;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
}

.field.widget-accessmatrix .table-container .role-cell {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  color: #13344D;
  white-space: nowrap;
}
.field.widget.widget-captcha {
  min-height: 30px;
  margin-bottom: 25px;
}

.field.widget.widget-captcha.align-center {
  display: flex;
  justify-content: center;
}
.lookup-popup.color {
  z-index: 20 !important;
}

.field.edit.color .value-box .cmd-lookup .icon:before {
  display: none;
}

.field.edit.color .value-box .cmd-lookup {
  position: absolute;
  top: 4px;
  right: 2px;
}

.field.edit.color.changed .value-box .cmd-lookup {
  right: 25px;
}

.field.edit.color .value-box .cmd-lookup .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/arrow_down.svg?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

.field.edit.color .value-box.active .cmd-lookup .icon {
  transform: rotate(-180deg);
}
.ws1 .widget-dashboard .dashboard-item.single-content {
  padding-top: 40px;
}

.widget-dashboard.dashboard-a .dashboard-item {
  cursor: pointer;
  opacity: 0.9;
}

.widget-dashboard.dashboard-a .dashboard-item:hover {
  opacity: 1;
}

.widget-dashboard.dashboard-a .block:hover {
  cursor: pointer;
}

.field.widget.widget-chart.pie-chart text {
  font-size: 14px;
}
.widget-datapreview .left-shadow {
  background: linear-gradient(to right ,#FFFFFF, transparent) !important;
}

.widget-datapreview .right-shadow {
  background: linear-gradient(to left ,#FFFFFF, transparent) !important;
}

.widget-datapreview .data-preview-table-head-container{
  overflow: hidden;
}

.widget-datapreview .data-preview-table-container::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
  border: 0px solid transparent;
}
.page-designer .sitebar{ z-index: 2;}
.designer-workspace.ws1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; padding-top: 30px; }
.designer-workspace .design-element.tool-pane .button{ color: #404040; }

.designer-workspace.ws1 .designer-main-pane{
  background-color: #F0F5FA;
  position: absolute;
  left: 0;
  right: 0;
  top: 124px;
  bottom: 0;
  margin: 0;
}
.designer-workspace.ws1 .designer-main-pane.box-a{ box-shadow:none;}

/* workspace-pane-a */
.designer-workspace .designer-pane-a { margin: 0;}

.designer-workspace .designer-pane-a > .head{ 
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  padding: 15px 0 10px 15px;
  background-color: #FFFFFF;
  font-family: Roboto, sans-serif;
  line-height: 19px;
  color: #404040;
  height: 44px;
  box-sizing: border-box;
}

.designer-workspace .designer-pane-a > .head .pin{
  position: absolute;
  top: 5px;
  right: 5px;
  width: 13.5px;
  height: 13.5px;
  background-image: url("/_themes/light/content/media/icons/pin.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/pin_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/pin_pinned.svg?stamp=240311&t=0&icon_color=%23158DDC");
  background-size: contain, 0 0, 0 0;
  background-repeat: no-repeat;
  cursor: pointer;  
  border: none;
  transform: none;
}

.designer-workspace .designer-pane-a > .head .pin:hover {
  background-size: 0 0,contain;
}

.designer-workspace .designer-pane-a.pinned > .head .pin {
  background-size: 0 0, 0 0, contain;
}

/* Pin bar */
.designer-workspace .left-pin-bar .pin-bar-element, .designer-workspace .left-pin-bar .pin-bar-element:hover,
.designer-workspace .right-pin-bar .pin-bar-element, .designer-workspace .right-pin-bar .pin-bar-element:hover{ background-color: transparent; border:none;}

.designer-workspace .designer-properties-pane .content,
.designer-workspace .designer-toolbox-pane > .content,
.designer-workspace .designer-explorer-pane.preview-pages > .content,
.designer-workspace .designer-pane-a > .content{ top: 44px; height: Calc(100% - 44px);}

.designer-workspace .designerv2 .designer-left-pane{ top: 0; border-color: #F0F5FA; border-right-width: 0px; border-bottom-width: 3px;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
  box-shadow: 0px 0px 5px #00000033;
  border-style: none;
  z-index: 5;
}
.designer-workspace .designerv2 .designer-left-pane:after{ content: ' '; position:absolute; right: -10px; width: 10px; top: 0; bottom: 0; 
    box-shadow: 0px 0px 5px #00000033;
}
.designer-workspace .designerv2 .designer-content-pane{ top: 0; border-color: #F0F5FA; border-width: 10px; border-bottom-width: 3px;
    box-shadow: 0px 0px 5px #00000033;
}
.designer-workspace .designerv2 .designer-right-pane{ top: 0; border-color: #F0F5FA;  border-left-width: 0px; border-bottom-width: 3px;}

/* Main Title */
.ws1 .title-pane-style-d .title-pane{ background-color: #F0F5FA; height: 84px;}
.ws1 .title-pane-style-d > .title-pane .head{ background-color: #FFFFFF; }
.ws1 .title-pane-style-d .tool-pane{ padding-bottom: 4px; }
.ws1 .title-pane-style-d .tool-pane:before, .ws1 .title-pane-style-d .tool-pane:after{ display:none;}
.ws1 .title-pane-style-d .designer-main-pane{ top: 124px; }
  
.designer-workspace .design-element.designer-pane-a .search input{ font-size: 12px; font-style:normal; }  

.form.left-collapsed .field.widget-formdesigner2{ left: 10px;}
.form.right-collapsed .field.widget-formdesigner2{ right: 10px;}


.page-designer .designer-tools-pane {
  position: relative;
  text-align: left;
  height: 30px;
  line-height: 30px;
  color: #404040;
  z-index: 2;
  margin-bottom: 20px;
}

.page-designer .designer-tools-pane .image {
  vertical-align: middle;
  background-size: 0 0, contain;
}

.page-designer .designer-tools-pane .button {
  padding: 0 40px 0 0;
  text-decoration: none;
  color: inherit;
}

.page-designer .designer-tools-pane .button .image {
  margin-right: 5px;
}

.page-designer .grid .icon { display:block; width:16px; height:16px; background-size:contain;}
.page-designer .grid .icon.icon-delete { background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040"); }

/* Properties */
.page-designer .elements-properties .items .item .cell.value .input{ font-size:12px; line-height: 18px; padding: 1px 2px 1px 2px;}
.page-designer .properties-item-picker, .page-designer .properties-color-picker, .page-designer .properties-views-picker{ z-index: 30;}
.page-designer .properties-color-picker .colors-container .color-block .color-name{ color: #323232;}
.page-designer .properties-item-picker .items-container .item-block .item-name{ color: #323232;}
.page-designer .properties-views-picker .views-container .views-block label{ color: #323232;}
.page-designer .properties-views-picker .views-container .views-block input{ width: auto;}
.elements-properties .items .item .cell.name{ background-color: #FFFFFF; }
.design-element.designer-pane-a .items .item .cell.type-text{ background-color: #FFFFFF; }

/* Toolbar */
.page-designer .toolbar-drop-down .drop-down-menu-item{ color: #323232;}
.designer-workspace .widget-toolbar .toolbar-drop-down-menu{ color: #323232;}

/* Dragging */
.page-designer .drag-info{ color: #323232; }

/* Menu */
.page-designer .menu-tab.designer-menu .items .item{ background: #FFF; }
.page-designer .menu-tab.designer-menu .items .item:hover{ background: #EEE; }
.page-designer .menu-tab.designer-menu .items .item .image-col{ display:none;}
.page-designer .menu-tab.designer-menu .items .item .name{ padding-left: 5px;}

.designer-workspace .design-element.tool-pane .button.disabled{ opacity: 0.5;}
.designer-workspace .design-element.tool-pane .button.has-items{ background-color: #000; }
.preview-popup .views-label{ color: #323232;}
.preview-popup .popup-close{ color: #323232; }

/* Styles */
.page-designer .popup .styles-editor .search input{ font-size: 12px; font-style:normal; background-color: #FFFFFF; }  
.page-designer .popup .styles-editor .grid-part .item{ color: #404040; }
.page-designer .popup .styles-editor .grid-part .item.selected{ background-color: #FAFAFA;}
.page-designer .popup .styles-editor .grid-part .item:hover{ background-color: #FFFFFF;}
.page-designer .popup .cmd-close, .context-message .cmd-close{ z-index: 5;}

/* toolbar */
.designer-workspace.ws1 .tool-pane .button.collapse{ display: inline-block !important;}
.designer-workspace.ws1 .tool-pane .button.collapse-buttons{ display:none !important; }
@media only screen and (max-width: 1735px) 
{
	.designer-workspace.ws1 .tool-pane .button.collapse{ display: none !important;}
	.designer-workspace.ws1 .tool-pane .button.collapse-buttons{ display:inline-block !important; }
}

.designer-right-pane .right-pane-horizontal-slider {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: transparent;
  cursor: row-resize;
  z-index: 3;
}

/*.group.formsigning{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; }*/
/*.formsigning .group.viewform { position: absolute; left: 0; top: 0; bottom: 0; right: 315px;  }*/
/*.formsigning .group.thumbnails { position: absolute; left: auto; right: 0; top: 0; bottom: 0; width: 300px; overflow: hidden; box-sizing: border-box; }*/
/*.formsigning .group.thumbnails > .content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}*/
.group.formsigning{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #F7F8FA; border-bottom: 1px solid #D5D7DA;}
.formsigning .group.viewform { position: absolute; right: 0; top: 32px; bottom: 0; left: 315px;  }
.formsigning .group.thumbnails { position: absolute; right: auto; left: 0; top: 39px; bottom: 0; width: 300px; 
    overflow: hidden; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
.formsigning .group.thumbnails > .content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}

.group.formsigning .pform1{ background-color: #F7F8FA; }
/*.group.formsigning .pform1::-webkit-scrollbar {*/
/*  width: 10px;*/
/*  height: 10px;*/
/*}*/
.group.formsigning .viewform .pform1 .pf-part-type-page{ box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); }

/*.group.formsigning div[data-scroll-element="scrollbar-partial"]{ display: none; }*/

.group.formpreview1{ position: absolute; left: 0; right: 0; top: 70px; bottom: 0; background-color: #F7F8FA; border-bottom: 1px solid #D5D7DA;}
.group.formpreview1.style-b{ top: 0; bottom: 0; }
.formpreview1 .group.viewform { position: absolute; right: 0; top: 32px; bottom: 0; left: 315px;  }
.formpreview1.style-b .group.viewform{ top: 2px; left: 0; right: 301px; }
.formpreview1 .group.thumbnails { position: absolute; right: auto; left: 0; top: 39px; bottom: 0; width: 300px; 
  overflow: hidden; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); z-index: 30; }
.formpreview1 .group.thumbnails > .content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.formpreview1.style-b .group.thumbnails { top: 2px; right: 0; left: auto; }

.group.formpreview1 .pform1{ background-color: #F7F8FA; }
/*.group.formpreview1 .pform1::-webkit-scrollbar {*/
/*  width: 10px;*/
/*  height: 10px;*/
/*}*/
.group.formpreview1 .viewform .pform1 .pf-part-type-page{ 
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); 
  margin: 0 auto 20px auto;
}

.formsigning .toolbar-field, .formpreview1 .toolbar-field{
  position: relative; 
  display: inline-block; 
  width: 100%; 
  box-sizing: border-box;
  min-height: 30px; 
  vertical-align: top;
  margin: 0;
  border: 1px solid #D5D7DA;
  background-color: #F0F5FA;
  cursor: text;
  padding: 0;
  overflow: hidden;
  padding: 0 6px;
  color: #13344D;
}

.formsigning .toolbar-field:hover, .formpreview1 .toolbar-field:hover {
  border-color: #81878F;
}

.formsigning .toolbar-field .image, .formpreview1 .toolbar-field .image {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 16px 16px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}

.toolbar-field.thumbnails-select{
  width: 75px;
  cursor: pointer;
}

.toolbar-field.input-page{
  width: 30px;
}

.formsigning .widget.pform1.thumbnails > div.thumbnails-toolbar,
.formpreview1 .widget.pform1.thumbnails > div.thumbnails-toolbar{
  background-color: #FFFFFF;
}

.formsigning .widget.pform1.thumbnails > div.thumbnails-footer, 
.formpreview1 .widget.pform1.thumbnails > div.thumbnails-footer {
  background-color: #FFFFFF;
}

.formsigning .widget.pform1.thumbnails > div[data-path],
.formpreview1 .widget.pform1.thumbnails > div[data-path]{
  background-color: #FFFFFF;
}

.formsigning .widget.pform1.thumbnails > div.thumbnails-footer .pages-value,
.formpreview1 .widget.pform1.thumbnails > div.thumbnails-footer .pages-value{ 
  color: #13344D; 
}

.formsigning .widget.pform1.thumbnails > div.thumbnails-toolbar .left-part:before,
.formsigning .widget.pform1.thumbnails > div.thumbnails-toolbar .right-part:before,
.formpreview1 .widget.pform1.thumbnails > div.thumbnails-toolbar .left-part:before,
.formpreview1 .widget.pform1.thumbnails > div.thumbnails-toolbar .right-part:before{ 
  color: #81878F;
}

.thumbnails-toolbar .totalpages{ 
  vertical-align: top; 
  font-size: 14px; 
  line-height: 30px; 
  color: #13344D;
}

.thumbnails-toolbar .button{
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  margin-top: 5px;
}

.thumbnails-toolbar .button.move-first{
  background-image: url("/_themes/light/content/media/formsigning/move-first.svg?stamp=240311&t=0&icon_color=%23404040");
}
.thumbnails-toolbar .button.move-prev{
  background-image: url("/_themes/light/content/media/formsigning/move-prev.svg?stamp=240311&t=0&icon_color=%23404040");
}
.thumbnails-toolbar .button.move-next{
  background-image: url("/_themes/light/content/media/formsigning/move-next.svg?stamp=240311&t=0&icon_color=%23404040");
}
.thumbnails-toolbar .button.move-last{
  background-image: url("/_themes/light/content/media/formsigning/move-last.svg?stamp=240311&t=0&icon_color=%23404040");
}

.formpreview1.style-b .zoom-toolbar{
  left: 8px;
}

.formpreview1.style-b .zoom-toolbar-horizontal {
  left: 8px;
}

.formsigning .zoom-toolbar .button, .formsigning .zoom-toolbar-horizontal .button,
.formpreview1 .zoom-toolbar .button, .formpreview1 .zoom-toolbar-horizontal .button{  
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFFFFF;
}

.formsigning .zoom-toolbar .button:hover, .formsigning .zoom-toolbar-horizontal .button:hover,
.formpreview1 .zoom-toolbar .button:hover, .formpreview1 .zoom-toolbar-horizontal .button:hover{
  background-color: #F7F7F7;
}

.formsigning .zoom-toolbar .button.zoomin,
.formpreview1 .zoom-toolbar .button.zoomin{
  background-image: url("/_themes/light/content/media/formsigning/zoom_plus.svg?stamp=240311&t=0&icon_color=%23404040");
}
.formsigning .zoom-toolbar .button.zoomout,
.formpreview1 .zoom-toolbar .button.zoomout{
  background-image: url("/_themes/light/content/media/formsigning/zoom_minus.svg?stamp=240311&t=0&icon_color=%23404040");
}
.formsigning .zoom-toolbar-horizontal .button.zoomfit,
.formpreview1 .zoom-toolbar-horizontal .button.zoomfit{
  background-image: url("/_themes/light/content/media/formsigning/zoom_normal.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: 16px 16px;
}
.formsigning .zoom-toolbar-horizontal .button.zoomfitwidth,
.formpreview1 .zoom-toolbar-horizontal .button.zoomfitwidth{
  background-image: url("/_themes/light/content/media/formsigning/zoom_fit_width.svg?stamp=240311&t=0&icon_color=%23404040");
}
.formsigning .zoom-toolbar-horizontal .button.zoomfitheight,
.formpreview1 .zoom-toolbar-horizontal .button.zoomfitheight{
  background-image: url("/_themes/light/content/media/formsigning/zoom_fit_height.svg?stamp=240311&t=0&icon_color=%23404040");
}
.formsigning .zoom-toolbar-horizontal .button.zoomfitall,
.formpreview1 .zoom-toolbar-horizontal .button.zoomfitall{
  background-image: url("/_themes/light/content/media/formsigning/zoom_fit_all.svg?stamp=240311&t=0&icon_color=%23404040");
}
.formsigning .zoom-toolbar-horizontal .button.zoomarea,
.formpreview1 .zoom-toolbar-horizontal .button.zoomarea{
  background-image: url("/_themes/light/content/media/formsigning/zoom_fit_all.svg?stamp=240311&t=0&icon_color=%23404040");
}

.formsigning .zoom-toolbar-horizontal .toolbar-field.zoom-select,
.formpreview1 .zoom-toolbar-horizontal .toolbar-field.zoom-select{ 
  width: 100px; display: inline-block; margin-right: 10px; cursor: pointer;
}

.formsigning .actions-pane > .content, .formpreview1 .actions-pane > .content { 
  background-color: #FFFFFF;
  padding-top: 2px;
}
.formsigning .actions-pane:before, .formpreview1 .actions-pane:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  height: 1px;
  transform: translateX(-50%);
  width: 98%;
  border-top: 1px solid #D5D7DA;
}
.formsigning .actions-pane:after, .formpreview1 .actions-pane:after {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  height: 50%;
  transform: translateX(-50%);
  width: 98%;
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  border-radius: 50%;
  z-index: -1;
}
.formsigning .actions-pane .button, .formpreview1 .actions-pane .button { 
  margin-left: 21px;
  margin-right: 21px;
}
.formsigning .actions-pane .button .image, .formpreview1 .actions-pane .button .image{ 
  margin-right: 5px;
}

.formpreview1.collapsed.style-b .widget.thumbnails .toolbar-pin {
  border-left: none;
  border-right: 3px solid #D5D7DA;
}

.formpreview1.collapsed.style-b .widget.thumbnails .toolbar-pin:hover {
  border-left: none;
  border-right: 3px solid #158DDC;
}

.formsigning .pf-field.type-signature.edit.signature-active .pf-field-value:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  border: 1px solid red;
  z-index: 1;
}


/* sig-field */
.pform1 .pf-field.edit.type-signature .pf-value-box.pf-type-customappearance.pf-empty{
  transform: none !important;
}

.pform1 .pf-field.edit.type-signature .pf-value-box.pf-type-customappearance:not(.pf-empty){
  background-color: transparent;
}

.sig-field.positioning-absolute{
  position: absolute;
}

.form .field.signature.custom-appearance .value-box .sig-field:not(.type-signature) .sig-field-value,
.form .field.signature.custom-appearance .value-box .sig-field:not(.type-signature) .sig-value-box {
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  text-align: left;
}

.sig-field.type-signature .sig-field-value .sig-value-box.sig-type-simple > div { display: none; }

.sig-field.type-signature .sig-field-value .sig-value-box.sig-type-simple > canvas 
{ 
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; 
}

/*.sig-field.type-signature .sig-field-value .sig-value-box.sig-type-simple div.sig-signature-text
{ 
  display: block;
  line-height: 84px;
  word-wrap: normal; 
  text-align: inherit;
  font-family: inherit; 
  font-size: inherit; 
  font-weight: inherit; 
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
}*/

.sig-field.type-signature .sig-field-value .sig-value-box.sig-type-simple {
  position: relative;
  display: flex;
}

.sig-field.type-signature .sig-field-value .sig-value-box.sig-type-simple div.sig-signature-text
{
  display: flex;
  line-height: 120%;
  text-align: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #000000;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
  height: 100%;
  width: 100%;
}

.sig-field.type-signature.align-center .sig-field-value .sig-value-box.sig-type-simple div.sig-signature-text{ text-align: center; }
.sig-field.type-signature.align-left .sig-field-value .sig-value-box.sig-type-simple div.sig-signature-text{ text-align: left; }
.sig-field.type-signature.align-right .sig-field-value .sig-value-box.sig-type-simple div.sig-signature-text{ text-align: right; }

.sig-field.type-signature.sig-textalign_1 .sig-field-value .sig-value-box.sig-type-simple div.sig-signature-text{ text-align: center; }
.sig-field.type-signature.sig-textalign_2 .sig-field-value .sig-value-box.sig-type-simple div.sig-signature-text{ text-align: left; }
.sig-field.type-signature.sig-textalign_3 .sig-field-value .sig-value-box.sig-type-simple div.sig-signature-text{ text-align: right; }

.sig-field.sig-logo{
  background: url("/_themes/light/content/media/formsigning/logo_opacity.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain;
  background-repeat: no-repeat;
}

.formsigning .signature-tools:not(.signed) {
  display: none;
}

/* field custom-appearance */
.form .field.signature.custom-appearance > .field-value > .value-box{
  border: 1px solid #D5D7DA;
  display: block;
  background: #FFFFFF;
  min-height: 100px;
}
.form .field.signature.custom-appearance > .field-label {
  float: none;
  display: block;
  margin-bottom: 5px;
}








.group.group-welding{
  background-image: url("/_themes/light/content/media/gdtviewer/welding_group.png?stamp=240311&t=0&icon_color=%23404040");
  background-repeat: no-repeat;
  background-size: 403px 111px;
  position: relative;
  min-height: 111px;
  min-width: 403px;
}

.group-welding .group, .group-welding .content{
  position: absolute;
  width: 100%;
  height: 100%;
}

.group-welding .field {
  position: absolute;
  top: 100px;
  z-index: 2;
}

.group-welding .field.DimTolMod1 {
  left: 175px;
  top: 44px;
}

.group-welding .field.DimTolMod3 {
  left: 0;
  top: 40px;
}

.group-welding .field.WeldAllAround {
  left: 0;
  top: 10px;
}

.group-welding .field.WeldField {
  left: 0;
  top: 80px;
}

.group-welding .field.WeldContour1 {
  left: 245px;
  top: 15px;
}

.group-welding .field.WeldContour2 {
  left: 245px;
  top: 75px;
}

.group-welding .field.WeldDesignator1 {
  left: 175px;
  top: 10px;
}

.group-welding .field.WeldDesignator2 {
  left: 175px;
  top: 80px;
}

.group-welding .field.WeldSize1 {
  left: 100px;
  top: 20px;
}

.group-welding .field.WeldSize2 {
  left: 100px;
  top: 70px;
}

.group-welding .field.WeldLength1 {
  left: 295px;
  top: 20px;
}

.group-welding .field.WeldLength2 {
  left: 295px;
  top: 70px;
}

/* Surface Finish */
.group.group-surfacefinish{
  background-image: url("/_themes/light/content/media/gdtviewer/group_surfacefinish.png?stamp=240311&t=0&icon_color=%23404040&v=5");
  background-repeat: no-repeat;
  background-size: 420px 119px;
  position: relative;
  min-height: 119px;
  min-width: 420px;
}

.group-surfacefinish .group, .group-surfacefinish .content{
  position: absolute;
  width: 100%;
  height: 100%;
}

.group-surfacefinish .field {
  position: absolute;
  top: 100px;
  z-index: 2;
}

.group-surfacefinish .field.DimTolMod1 {
  left: 125px;
  top: 80px;
}

.group-surfacefinish .field.DimTolMod2 {
  display: none;
}

.group-surfacefinish .field.DimDatum2 {
  left: 50px;
  top: 0px;
}

.group-surfacefinish .field.DimDatum1 {
  left: 50px;
  top: 40px;
}

.group-surfacefinish .field.DimDatMod3 {
  left: 0px;
  top: 80px;
}

.group-surfacefinish .field.DimDatum3 {
  left: 220px;
  top: 0px;
}

.group-surfacefinish .field.DimDatMod1 {
  left: 220px;
  top: 40px;
}

.group-surfacefinish .field.DimDatMod2 {
  left: 220px;
  top: 80px;
}

.group-surfacefinish .field.DimData {
  left: 311px;
  top: 0px;
  min-width: 100px;
}
.group-surfacefinish .field.DimData .field-label { float: left; }

.group-surfacefinish .field.DimUpperTol {
  left: 330px;
  top: 40px;
  min-width: 100px;
}
.group-surfacefinish .field.DimUpperTol .field-label { float: left; }

.group-surfacefinish .field.DimLowerTol {
  left: 332px;
  top: 80px;
  min-width: 100px;
}
.group-surfacefinish .field.DimLowerTol .field-label { float: left; }

.lookup-popup.gdt-font .lookup-tab .items .item .name{
  overflow: visible;
  text-align: left;
}


.widget.mapcontrol .dataview {
  border: 1px solid #D5D7DA;
  border-radius: 2px;
}

.widget.mapcontrol .dataview .dataview-menu {
  background-image: url("/_themes/light/content/media/icons/datadesigner/more.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget.mapcontrol .dataview .dataview-property .property-addmenu {
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23404040");
  width: 17px;
  height: 17px;
  margin-bottom: -3px;
}

.widget.mapcontrol .dataview .dataview-property .property-delete {
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget.mapcontrol .dataview .dataview-property .join-delete {
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget.mapcontrol .dataview .dataview-property .property-label { 
  color: #81878F;
  font-size: 14px;
  font-weight: 300;
  min-width: 82px;
}

.widget.mapcontrol .dataview .dataview-property.joins .property-label{
  min-width: 77px;
}

.widget.mapcontrol .dataview .dataview-property .property-value,
.widget.mapcontrol .dataview .dataview-property:hover .property-value{
  color: #13344D;
  font-size: 14px;
  vertical-align: top;
}

.widget.mapcontrol .dataview .dataview-property .property-content {
  width: 256px;
}

.widget.mapcontrol .dataview .dataview-property .join-table {
  font-size: 14px;
}

.widget.mapcontrol .dataview .dataview-fields .field .displayname {
  color: #81878F;
  font-size: 12px;
  font-weight: 300;
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype {
  background-size: 11px;
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype,
.widget.mapcontrol .dataview .dataview-fields .field .datatype.Text,
.menu-tab.custommenu .image-Text{
  background-image: url("/_themes/light/content/media/icons/datadesigner/datatype-text.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Int,
.widget.mapcontrol .dataview .dataview-fields .field .datatype.Long,
.menu-tab.custommenu .image-Int, .menu-tab.custommenu .image-Long{
  background-image: url("/_themes/light/content/media/icons/datadesigner/datatype-number.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Date,
.widget.mapcontrol .dataview .dataview-fields .field .datatype.DateTime,
.menu-tab.custommenu .image-Date, .menu-tab.custommenu .image-DateTime{
  background-image: url("/_themes/light/content/media/icons/datadesigner/datatype-date.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Double,
.menu-tab.custommenu .image-Double{
  background-image: url("/_themes/light/content/media/icons/datadesigner/datatype-float.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Decimal,
.menu-tab.custommenu .image-Decimal{
  background-image: url("/_themes/light/content/media/icons/datadesigner/datatype-money.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Binary,
.menu-tab.custommenu .image-Binary{
  background-image: url("/_themes/light/content/media/icons/datadesigner/datatype-token.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Boolean,
.menu-tab.custommenu .image-Boolean{
  background-image: url("/_themes/light/content/media/icons/datadesigner/datatype-boolean.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.menu-tab.custommenu .items .item .image-col .image, .menu-tab.custommenu .items .item:hover .image-col .image {
  background-size: 16px;
}

.widget.mapcontrol .dataview .dataview-fields .field .alias {
  font-weight: bold;
  font-size: 14px;
  margin-right: 10px;
  width: auto;
  vertical-align: text-top;
}

.widget.mapcontrol .dataview .dataview-fields .field .tablealias {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
}

.widget.mapcontrol .dataview .dataview-fields .field .tabletype {
  margin-right: 5px;
  padding-right: 0;
  background-image: url("/_themes/light/content/media/icons/datadesigner/table.svg?stamp=240311&t=0&icon_color=%2381878F");
  width: 10px;
  height: 10px;
  background-size: contain;
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype {
  margin-right: 5px;
  padding-right: 0;
}

.widget.mapcontrol .dataview .dataview-fields .field .field-content {
  background: #F0F5FA;
  border-radius: 0;
  padding: 1px 0px 1px 5px;
  vertical-align: unset;
}

.widget.mapcontrol .dataview .dataview-fields .field .field-formula {
  margin-bottom: 0;
}

.widget.mapcontrol .dataview .dataview-fields .field .field-delete {
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040");
  margin-bottom: 0;
}

.widget.mapcontrol .dataview .dataview-fields .field .field-addmenu {
  margin-left: 3px;
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23404040");
  width: 17px;
  height: 17px;
  margin-bottom: -3px;
}

.widget.mapcontrol .dataview .dataview-filter .section {
  border-radius: 2px;
}

.widget.mapcontrol .dataview .section.empty .section-add {
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: 17px;
}

.widget.mapcontrol .dataview .dataview-filter .section-delete {
  background-image: url("/_themes/light/content/media/icons/datadesigner/delete-basket.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget.mapcontrol .dataview .dataview-filter .section-name {
  font-size: 14px;
  margin-bottom: 5px;
}

.widget.mapcontrol .dataview .dataview-filter .section .filter-field .filter-name {
  font-size:14px;
}

.widget.mapcontrol .dataview .dataview-filter .section .filter-field .filter-value {
  font-size:14px;
}

.widget.mapcontrol .dataview .dataview-filter .section .filter-field .filter-field-delete {
  background-image: url("/_themes/light/content/media/icons/cross.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget.mapcontrol .dataview .dataview-filter .section .filter-field-addmenu {
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23404040");
  width: 17px;
  height: 17px;
  margin-bottom: -4px;
}

.widget.mapcontrol .dataview.empty .dataview-add {
  background-image: url("/_themes/light/content/media/icons/plus.svg?stamp=240311&t=0&icon_color=%23404040");
}

.drawing-selector-popup .drawing-items .item:hover {
  background-color: #F0F5FA !important;
}

.drawing-selector-popup .drawing-items .item.selected {
  background-color: rgba(21, 141, 220, 0.2) !important;
}
body > .popup-pane {
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(1,1,1,.2);
  z-index: 18;
  padding: 10px;
  transition: top .2s ease, opacity .2s ease;
  opacity: 1;
  box-sizing: border-box;
  /*background-image: url(/media/tooltip-loading.gif);*/
  /*background-size: 20px;*/
  /*background-repeat: no-repeat;*/
  /*background-position: center;*/
}

body > .popup-pane > .callout {
  background-color: #FFFFFF;
}

body > .popup-pane.hidden {
  display: none;
}

body > .popup-pane .context-content {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 26px;
  bottom: 10px;
}

body > .popup-pane.breadcrumbs {
  min-width: 92px;
  min-height: 34px;
}

body > .popup-pane.breadcrumbs .context-content { top: 10px; }

body > .popup-pane.breadcrumbs .context-content.loading { 
  color: transparent;
  width: 20px; 
  height: 20px; 
  background: transparent url(/media/loader2.gif) center center no-repeat; 
  background-size: contain;
  display: block;
}

body > .popup-pane > a.button-close span { display:none; }

body > .popup-pane > a.button-close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/cube_cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cube_cross_filled.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain, 0 0;
  background-repeat: no-repeat;
  z-index: 1;
}

body > .popup-pane > a.button-close:hover{
  background-size: 0 0, contain;
}
body > .popup-pane > a.button-close:hover span{ background-color: transparent; }

body > .popup-pane .popup-pane-content .context-title.workspace-title-pane {
  border-bottom: 1px solid #D5D7DA;
  background-color: unset;
  font-size: 16px;
  line-height: 18.75px;
  font-weight: 500;
  padding: 0 0 5px 0;
  color: #404040;
  min-height: unset;
  margin-bottom: 20px;
}

body > .popup-pane.breadcrumbs > a.button-close { display: none; }
:root {
  --grid-width: 830px;
}

.form .field.project-plan1 { 
  position: absolute; 
  left: 5px; 
  top: 3px; 
  right: 0; 
  bottom: 0; 
  overflow: hidden; 
}

.project-plan1.crosshair-cursor { 
  /*cursor: crosshair !important;*/
}

.project-plan1 .grid-pane { 
  position: absolute; 
  z-index: 2; 
  left: 0; 
  top: 0; 
  width: var( --grid-width ); 
  bottom: 0; 
  overflow: hidden; 
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  background: #ffffff; 
  overflow: auto; 
  user-select: none;
}

.project-plan1 .timeline-pane { 
  position: absolute; 
  z-index: 1; 
  left: var( --grid-width ); 
  top: 0; 
  right: 0; 
  bottom: 0; 
  overflow: auto;
  user-select: none;
}

.project-plan1 .grid-pane .head { 
  position: absolute; 
  left: 0; 
  top: 0; 
  right: 0; 
  width: var( --grid-width ); 
  height: 40px; 
  line-height: 40px;
  box-sizing: border-box;
  background: linear-gradient(0deg, #F2F3F4 0%, #F2F3F4 39%, #F8F8F9 60%, #F8F8F9 100%);
  border-bottom: 1px solid #d0d0d0;
}

.project-plan1 .grid-pane .col { 
  float: left; 
  height: 25px; 
  box-sizing: border-box; 
  padding: 0 5px; 
  /*line-height: 25px;*/
  overflow: hidden; 
  white-space: nowrap; 
  text-overflow: ellipsis;
  border-right: 1px solid #d0d0d0;
  text-decoration: inherit;
}

.project-plan1 .grid-pane .col-number { 
  width: 50px;
  text-align: center;
}

.project-plan1 .grid-pane .col-drag { 
  width: 15px;
}

.project-plan1 .grid-pane .col-title { width: 250px; }
.project-plan1 .grid-pane .col-responsible { 
  width: 120px; 
  text-align: center;
}
.project-plan1 .grid-pane .col-start { width: 65px; text-align: center; }
.project-plan1 .grid-pane .col-end { width: 65px; text-align: center; }
.project-plan1 .grid-pane .col-pctcomplete { width: 45px; text-align: center; }
.project-plan1 .grid-pane .col-duration { width: 50px; text-align: center; }
.project-plan1 .grid-pane .col-predecessors { width: 100px; text-align: left; }
.project-plan1 .grid-pane .col-health { width: 30px; text-align: center; }

.project-plan1 .grid-pane .head .col { 
  font-size: 13px;
  color: rgb(68, 68, 68);
  text-align: center; 
  user-select: none;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  /*border-right: 1px solid #d0d0d0;*/
}

.project-plan1 .grid-pane .items { 
  position: absolute; 
  left: 0; 
  top: 40px; 
  width: var( --grid-width ); 
  bottom: 0; 
  overflow-x: hidden; 
  overflow-y: auto; 
  box-sizing: border-box;
  padding-top: 0;
}

.project-plan1 .grid-pane .items .item { 
  height: 25px; 
  line-height: 25px; 
  /*padding: 0 5px; */
  box-sizing: border-box; 
  border-bottom: 1px solid #d0d0d0;
}

.project-plan1 .grid-pane .items .item.selected {
  background-color: #eaeaea;
}

.project-plan1 .grid-pane .grid-item-imitation {
  position: absolute;
  line-height: 25px;
  border: 1px solid #3278C8;
  opacity: .6;
}

.project-plan1 .grid-pane .grid-item-imitation .col-drag,
.project-plan1 .grid-pane .items .col-drag {
  position: relative;
  padding: 0px;
}

.project-plan1 .grid-pane .grid-item-imitation .col-drag .drag,
.project-plan1 .grid-pane .items .col-drag .drag {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 95%;
  background-image: url(/media/gridpod.png);
  border: 1px solid white;
  box-sizing: border-box;
  background-size: 9px 9px;
  cursor: move;
}

.project-plan1 .grid-pane .grid-item-imitation .col-drag .drag {
  background-color: #3278C8 ;
}

.project-plan1 .grid-pane .selection-line {
  position: absolute;
  left: 0;
  height: 2px;
  background-color: #3278C8;
}

.project-plan1 .grid-pane .items .item.highlight-hover { 
  background: rgba(243, 243, 243, 0.8); 
}

.project-plan1 .grid-pane .items .item.highlight-hover .col-drag .drag {
  border-color: #3278C8;
  background-color: #3278C8;
}

.project-plan1 .grid-pane .items .item.level-0 .col-title { 
  font-weight: 700; 
}

.project-plan1 .grid-pane .items .item.level-1 .col-title { 
  padding-left: 30px; 
}

.project-plan1 .grid-pane .items .item.group-parent.level-1 .col-title { 
  padding-left: 30px; 
}

.project-plan1 .grid-pane .items .item.group-parent.level-2 .col-title { 
  padding-left: 40px; 
}

.project-plan1 .grid-pane .items .item.group-parent.level-3 .col-title { 
  padding-left: 50px; 
}

.project-plan1 .grid-pane .items .item.group-parent.level-4 .col-title { 
  padding-left: 70px; 
}

.project-plan1 .grid-pane .items .item.level-2 .col-title { 
  padding-left: 40px; 
}

.project-plan1 .grid-pane .items .item.level-3 .col-title { 
  padding-left: 50px; 
}

.project-plan1 .grid-pane .items .item.level-4 .col-title { 
  padding-left: 70px; 
}

.project-plan1 .grid-pane .items .item.level-5 .col-title { 
  padding-left: 100px; 
}

.project-plan1 .grid-pane .items .item.group-parent .col-title {
  padding-left: 20px;
}

.project-plan1 .grid-pane .items .item .col-title {
  position: relative;
}

.project-plan1 .grid-pane .items .item .col-title .toggle {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 7px;
  left: 5px;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  background-color: lightgrey;
  background-size: cover;
  background-repeat: no-repeat;
}

.project-plan1 .grid-pane .items .item.level-1 .col-title .toggle {
  left: 15px;
}

.project-plan1 .grid-pane .items .item.level-2 .col-title .toggle {
  left: 25px;
}

.project-plan1 .grid-pane .items .item.level-3 .col-title .toggle {
  left: 35px;
}

.project-plan1 .grid-pane .items .item.level-4 .col-title .toggle {
  left: 45px;
}

.project-plan1 .grid-pane .items .item.level-5 .col-title .toggle {
  left: 55px;
}

.project-plan1 .grid-pane .items .item .col-title .toggle.collapse {
  background-image: url(/media/minus_simple.svg); 
}

.project-plan1 .grid-pane .items .item .col-title .toggle.expand {
  background-image: url(/media/plus_simple.svg); 
}

.project-plan1 .grid-pane .items .img {
  width: 16px; height: 16px; display: inline-block; margin-top: 4px;
  background-position: center center; background-repeat: no-repeat; background-size: contain;
}

.project-plan1 .grid-pane .items .img-health-0 { background-image: url(/_themes/webdesktop/content/media/image-not_authorized.svg/?stamp=210110&icon_color=%2300000);
                                                 background-size: 74%; }
.project-plan1 .grid-pane .items .img-health-1 { background-image: url(/_themes/webdesktop/content/media/filled-circle.svg/?stamp=210110&icon_color=%2300AA00); }
.project-plan1 .grid-pane .items .img-health-2 { background-image: url(/_themes/webdesktop/content/media/filled-circle.svg/?stamp=210110&icon_color=%23FFD800); }
.project-plan1 .grid-pane .items .img-health-3 { background-image: url(/_themes/webdesktop/content/media/filled-circle.svg/?stamp=210110&icon_color=%23CE0000); }

.project-plan1 .grid-pane .items .item.state-completed { color: #bbb; text-decoration: line-through; }

.project-plan1 .timeline-pane .head { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 4000px; 
  height: 40px; 
  box-sizing: border-box; 
  background: linear-gradient(0deg, #F2F3F4 0%, #F2F3F4 39%, #F8F8F9 60%, #F8F8F9 100%);
  border-bottom: 1px solid #d0d0d0;
}
.project-plan1 .timeline-pane .head .colgroup { position: relative; float: left; overflow: hidden; box-sizing: border-box;  }
.project-plan1 .timeline-pane .head .colgroup:before { content: ""; position: absolute; width: 1px; height: 100%; top: 0; right: 0; background: #d0d0d0; }
.project-plan1 .timeline-pane .head .line1 { 
  height: 20px; 
  line-height: 20px; 
  font-size: 11px; 
  text-align: center; 
}

.project-plan1 .timeline-pane .head .col { 
  float: left; 
  height: 20px; 
  line-height: 20px; 
  font-size: 11px; 
  text-align: center; 
  box-sizing: border-box; 
  width: 20px; 
  user-select: none;
  /*border: 1px solid #d0d0d0;*/
  border-top: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}

.project-plan1 .timeline-pane .head .col.vertical-highlight-hover { background: rgba(243, 243, 243, 0.8);}

.project-plan1 .timeline-pane .selection-line {
  position: absolute;
  left: 0;
  height: 2px;
  background-color: #3278C8;
}

.project-plan1 .timeline-pane .items { 
  position: absolute; 
  left: 0; 
  top: 40px; 
  width: 4000px;
  bottom: 0; 
  overflow: auto; 
  box-sizing: border-box; 
  padding-top: 0; 
}

.project-plan1 .timeline-pane .items .item { 
  position: relative; 
  height: 25px; 
  box-sizing: border-box; 
  border-bottom: 1px solid #d0d0d0; 
}

.project-plan1 .timeline-pane .items .item.highlight-hover { background: rgba(243, 243, 243, 0.8); }
.project-plan1 .timeline-pane .items .colgroup { float: left; overflow: hidden; box-sizing: border-box; }

.project-plan1 .timeline-pane .items .col { 
  float: left; 
  height: 25px; 
  box-sizing: border-box; 
  border-right: 1px solid #d0d0d0; 
  width: 20px; 
}

.project-plan1 .timeline-pane .items .col.weekend { 
  background-color: rgba(243, 243, 243, 0.8); 
  border-bottom: 1px solid #d0d0d0; 
}

.project-plan1 .timeline-pane .items .col.special-day {
  background-color: #af424c1c;
  border-bottom: 1px solid #d0d0d0;
}

.project-plan1 .timeline-pane .items .item .colgroup .col.vertical-highlight-hover { 
  background: rgba(243, 243, 243, 0.8); 
  border-bottom: 1px solid #d0d0d0;
}

.project-plan1 .timeline-pane .predecessor-horizontal-line {
  position: absolute;
  height: 1px;
  background-color: #000;
}

.project-plan1 .timeline-pane .predecessor-vertical-line {
  position: absolute;
  width: 1px;
  background-color: #000;
}

.project-plan1 .timeline-pane .predecessor-arrow {
  position: absolute;
  width: 7px;
  height: 7px;
  background-image: url(/media/arrow_down.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.project-plan1 .timeline-pane .predecessor-arrow.reverse {
  transform: rotate(180deg);
}

.project-plan1 .timeline-pane .bar.imitation {
  position: absolute;
  opacity: .6;
}

.project-plan1 .timeline-pane .bar.imitation,
.project-plan1 .timeline-pane .bar { 
  position: absolute; 
  top: 5px; 
  height: 10px; 
  box-sizing: border-box; 
  background: #C6E6F7;
}

.project-plan1 .timeline-pane .bar.imitation.duration {
  border-color: #3278C8 !important;
  border-width: 2px !important;
}

.project-plan1 .timeline-pane .bar .progress { position: absolute; z-index: 2; left: 0px; top: 2px; height: 7px; box-sizing: border-box; background: #FFFFFF;
      border-style: solid solid solid none; border-width: 1px; border-color: #909090; opacity: 0.5; }

.project-plan1 .timeline-pane .bar.sum { position: absolute; height: 19px;
      background: url(/media/widgets/projectplan/bar_sum_middle_v1.1x.png) 0 0 repeat-x; background-size: contain; }
.project-plan1 .timeline-pane .bar.sum .left { position: absolute; z-index: 1; left: 0; top: 0; width: 6px; height: 20px;
      background: url(/media/widgets/projectplan/bar_sum_left_v1.1x.png) 0 0 repeat-x; background-size: contain; }
.project-plan1 .timeline-pane .bar.sum .right { position: absolute; z-index: 1; right: 0; top: 0; width: 6px; height: 20px;
      background: url(/media/widgets/projectplan/bar_sum_right_v1.1x.png) 0 0 repeat-x; background-size: contain; }
      
.project-plan1 .timeline-pane .bar.std .right {
  position: absolute;
  top: 0;
  right: -11px;
  width: 10px;
  height: 100%;
  cursor: ew-resize;
  z-index: 1;
}

.project-plan1 .timeline-pane .bar.std .left {
  position: absolute;
  top: 0;
  left: -11px;
  width: 10px;
  height: 100%;
  cursor: ew-resize;
  z-index: 1;
}

.project-plan1 .timeline-pane .bar.imitation.std,
.project-plan1 .timeline-pane .bar.std { 
  height: 13px; 
  border: 1px solid #C0C0C0; 
  background: #C6E6F7; 
}

.project-plan1 .timeline-pane .stone { 
  position: absolute; 
  top: 5px; 
  width: 15px; 
  margin-left: 2px; 
  height: 19px;
  background: url(/media/widgets/projectplan/milestone_v1.1x.png) 0 0 no-repeat; 
  background-size: contain; 
}

.project-plan1 .timeline-pane .element .text { 
  position: absolute; 
  left: 100%; 
  margin-left: 7px; 
  top: -1px; 
  font-size: 11px; 
  line-height: 11px; 
  white-space: nowrap; 
}

.project-plan1 .timeline-pane .element.imitation .text {
  display: none;
}

.project-plan1 .timeline-pane .element.stone .text { top: 5px; }

/* health tooltip */
.project-plan1.health-tooltip .tooltip-content {
  overflow: auto; padding: 10px; font-family: Roboto, sans-serif; max-height: 350px;
}
.project-plan1.health-tooltip .tooltip-content::-webkit-scrollbar { width: 8px; }
.project-plan1.health-tooltip .tooltip-content::-webkit-scrollbar { height: 8px; }
.project-plan1.health-tooltip .tooltip-content::-webkit-scrollbar-track, 
.project-plan1.health-tooltip .tooltip-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0); -webkit-border-radius: 2px; border-radius: 2px;
}
.project-plan1.health-tooltip .tooltip-content::-webkit-scrollbar-thumb, 
.project-plan1.health-tooltip .tooltip-content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px; border-radius: 2px; background: #777; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
}
.project-plan1.health-tooltip .tooltip-content::-webkit-scrollbar-thumb:window-inactive, 
.project-plan1.health-tooltip .tooltip-content::-webkit-scrollbar-thumb:window-inactive { background: #777; }

.project-plan1.health-tooltip .meeting { margin-bottom: 20px; }
.project-plan1.health-tooltip .meeting-title-line { overflow: hidden; border-bottom: 1px solid #D0D0D0; margin-bottom: 5px; }
.project-plan1.health-tooltip .meeting-name { float: left; font-size: 11px; font-weight: 100; }
.project-plan1.health-tooltip .meeting-date { float: right; font-size: 11px; font-weight: 100; font-weight: 100; }

/* User Tasks */
.widget-box.widget-trend { 
  border: 1px solid #ddd; 
  display:inline-block;
  position:relative;
  width: 110px;
}
.widget-box.widget-trend .widget-title{
  display:block;  
  float:none; 
  clear:both; 
  padding-bottom:10px;
  font-weight: bold;
  font-size: 11px;
}
.widget-box.widget-trend .field.widget.widget-chart{ margin: 0;}
.widget-box.widget-trend .delta{ 
  color: green; 
  /*margin-right: 50px;*/
  position: absolute;
  top: 28px;
  right: 1px;
  font-size: 10px;
}
.widget-box.widget-trend .delta.plus{  color: red; margin-right: 50px;}
.widget-box.widget-trend .last-value {      
  font-size: 16px;
  position: absolute;
  right: -10px;
  bottom: 12px;
  margin: 0;
  width: 50px;
  text-align: center;
  color: #555;
}

.widget-box.widget-trend .last-value-left {
  right: -8px;
}

.widget-box.widget-trend .unread-messages {
  position: absolute;
  top: -3px;
  right: -8px;
  color: #ffffff;
}

.widget-box.widget-trend .unread-messages:before {
  content: "";
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate( -50%, -50% );
  width: 7px;
  height: 7px;
  background-color: #ff0102;
  border-radius: 50%;
  z-index: -1;
}

.widget-box.widget-trend.widget-issues-open {
  background-color: rgba(255, 216, 216, 0.6);
}

.widget-box.widget-trend.widget-issues-resolved {
  background-color: rgba(255, 255, 100, 0.6);
}

.widget-box.widget-trend.widget-issues-closed {
  background-color: rgba(178, 255, 193, 0.6);
}

.widget-box.widget-usertasks-semicircle{ border: 1px solid #ddd; display:inline-block; padding: 5px;}
.widget-box.widget-usertasks-semicircle .widget-title{  display:block; float:none; clear:both; padding-bottom:10px;}
.widget-box.widget-usertasks-semicircle .field.widget.widget-chart{ margin: 0;}
.widget-box.widget-usertasks-semicircle .group1{ float:left; min-width:65px; padding-right: 10px;}
.widget-box.widget-usertasks-semicircle .group2{ float:left; text-align:center; position:relative;}
.widget-box.widget-usertasks-semicircle .group3{ float:left; min-width:65px; padding-left: 10px;}
.widget-box.widget-usertasks-semicircle .group2 .total{ display:block; text-align:center; margin:0; font-size: 9px;
  position:absolute; left: 50%;  transform: translateX(-50%); bottom: 0;
}
.widget-box.widget-usertasks-semicircle .value1{ font-size: 22px; float:none; display:block; text-align:center; margin:0;}
.widget-box.widget-usertasks-semicircle .value2{ font-size: 22px; float:none; display:block; text-align:center; margin:0;}
.widget-box.widget-usertasks-semicircle .title-value1{ font-size: 10px; float:none; display:block; text-align:center; margin:0;}
.widget-box.widget-usertasks-semicircle .title-value1:before{ content: "\f07b"; font-family: FontAwesome; margin-right: 3px;}
.widget-box.widget-usertasks-semicircle .title-value2{ font-size: 10px; float:none; display:block; text-align:center; margin:0;}
.widget-box.widget-usertasks-semicircle .title-value2:before{ content: "\f07c"; font-family: FontAwesome; margin-right: 3px;}

.widget-trend .text {
  background-color: unset !important;
  padding: unset !important;
  margin: 2px 2px !important;
}


/* End User Tasks */

.widget-box.obsolete{ opacity: 0.5; }










/*.widget-resulttable .left-shadow {*/
/*  background: linear-gradient(to right ,#FFFFFF, transparent) !important;*/
/*}*/

/*.widget-resulttable .right-shadow {*/
/*  background: linear-gradient(to left ,#FFFFFF, transparent) !important;*/
/*}*/

.widget-resulttable .matrix-table-head-container {
  overflow: hidden;
}

.widget-resulttable .matrix-table-left-body-container .matrix-table-left-body-col {
  text-align: left;
  padding: 0 5px;
  border-bottom: .5px solid #D5D7DA;
  color: #13334C;
}
.widget-roadmap .stage-container .stage-icon.icon-purchase-list:before {
  background-image: url("/_themes/light/content/media/widgets/roadmap/purchase_list.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/roadmap/purchase_list.svg?stamp=240311&t=0&icon_color=%23EEEEEE") !important;
}

.widget-roadmap .stage-container .stage-icon.icon-planing:before {
  background-image: url("/_themes/light/content/media/widgets/roadmap/planing.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/roadmap/planing.svg?stamp=240311&t=0&icon_color=%23EEEEEE") !important;
}

.widget-roadmap .stage-container .stage-icon.icon-article:before {
  background-image: url("/_themes/light/content/media/widgets/roadmap/article.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/roadmap/article.svg?stamp=240311&t=0&icon_color=%23EEEEEE") !important;
}

.widget-roadmap .stage-container .stage-icon.icon-production:before {
  background-image: url("/_themes/light/content/media/widgets/roadmap/production.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/roadmap/production.svg?stamp=240311&t=0&icon_color=%23EEEEEE") !important;
}

.widget-roadmap .stage-container .stage-icon.icon-inspection:before {
  background-image: url("/_themes/light/content/media/widgets/roadmap/inspection.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/roadmap/inspection.svg?stamp=240311&t=0&icon_color=%23EEEEEE") !important;
}

.widget-roadmap .stage-container .stage-icon.icon-report:before {
  background-image: url("/_themes/light/content/media/widgets/roadmap/report.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/roadmap/report.svg?stamp=240311&t=0&icon_color=%23EEEEEE") !important;
}

.widget-roadmap .stage-container.status-1 .stage-icon.icon-purchase-list:before {
  background-image: url("/_themes/light/content/media/widgets/roadmap/purchase_list.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/roadmap/purchase_list.svg?stamp=240311&t=0&icon_color=%23404040") !important;
}

.widget.style-b .widget-roadmap .stage-container {
  opacity: 0.3;
}

.widget.style-b .widget-roadmap .stage-container .stage-icon{
  border-radius: 12px;
  border: 2px solid #414448;
}

.widget.style-b .widget-roadmap .stage-container:before{
  background-color: #DEE0E3;
  height: 2px;
}

/*.widget.style-b .widget-roadmap .stage-container .state:before{*/
/*  background-size: 0, 0, contain;*/
/*}*/

.widget.style-b .widget-roadmap .stage-container.status-1 {
  opacity: 1;
}

.widget.style-b .widget-roadmap .stage-container.status-1 .states-container:before {
  background-color: #414448;
}

.widget.style-b .widget-roadmap .stage-container.status-1 .stage-icon{
  border-radius: 12px;
  border: 2px solid #414448;
}

.widget.style-b .widget-roadmap .stage-container.status-1:before{
  background-color: #414448;
  height: 2px;
}

.widget.style-b .widget-roadmap .stage-container.status-2 {
  opacity: 1;
}

.widget.style-b .widget-roadmap .stage-container.status-2 .states-container:before {
  background-color: rgba(40, 167, 69, 1);
}

.widget.style-b .widget-roadmap .stage-container.status-2 .stage-icon{
  border-radius: 12px;
  border: 2px solid rgba(40, 167, 69, 1);
}

.widget.style-b .widget-roadmap .stage-container.status-2:before{
  background-color: rgba(40, 167, 69, 1);
  height: 2px;
}

.widget-roadmap {
  align-items: stretch;
}

.widget-roadmap .stage-container{
  flex: 1;
}

.widget-roadmap .stage-container .stage-name .stage-remarks {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sitebar .field.widget-search.search {
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  float: left;
  margin-left: 200px;
  width: 350px;
  margin-top: 2px;
  clear: none;
  padding-top: 0;
}

.sitebar .field.widget-search.search input {
  background: #FFFFFF;
  color: #000000;
  font-size: 13px;
  padding: 4px 25px 4px 25px;
  line-height: 100%;
}

.sitebar .field.widget-search.search:before{ 
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-image: url("/_themes/light/content/media/icons/search.svg?stamp=240311&t=0&icon_color=%23404040"); 
}

.sitebar .field.widget-search.search a.button-clear {
  position: absolute;
  right: 4px;
  top: 3px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.sitebar .field.widget-search.search a.button-clear span{
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-image: url("/_themes/light/content/media/icons/close-x.svg?stamp=240311&t=0&icon_color=%23404040");
  opacity: 0.8;
} 

.sitebar .field.widget-search.search a.button-clear:hover span{
  opacity: 1;
} 

.search-results {
  /*background-size: 150px 150px;*/
  /*background-position: 80% 50%;*/
  /*background-repeat: no-repeat;*/
  /*background-image: url("/_themes/light/content/media/search_placeholder.svg?stamp=240311&t=0&icon_color=%2381878F");*/
}

.search-results:before {
  content: "Nothing here yet...";
  background-image: url("/_themes/light/content/media/empty_record.png?stamp=240311&t=0&icon_color=%2381878F");
  color: #404040; 
  font-weight: 500;
  text-align: center; 
  display: block; 
  padding: 147px 0 0 0; 
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 56%;
  transform: translateY(-50%);
  height: 150px;
  width: 150px;
  right: 190px;
  left: auto;
}

.search-results .group.left-column, .search-results .group.extra-column {
  background-color: #FFFFFF;
}


/* im-session-popup */
.im-session-popup-text{
  padding-bottom: 15px;
  font-size: 14px;
}

.im-session-popup-progress { 
  margin-bottom: 5px; 
  border: 1px solid #42484E; 
  border-radius: 3px; 
  overflow:hidden;
	height: 25px;
	position: relative;
	background: #2D3136;
	padding: 0px;
}

.im-session-popup-percent {
  display: block;
  color: #FFF; 
  text-align: center; 
  padding-top: 3px;
  width: 100%;
  height: 100%;
  background-color: rgb(21,141,220);
  background-image: linear-gradient(
    center bottom,
    rgb(21,141,220) 37%,
    rgb(19,127,198) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.im-session-popup-percent:after {
  content: "";
  position: absolute;
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: im-session-popup-move 2s linear infinite;
  overflow: hidden;
}

@keyframes im-session-popup-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.popup .popup-buttons.im-session-popup-buttons{
  margin: 0px 0 20px 0;
}
.paperform {
  background-color: #F0F5FA;
  position: absolute;
  top: 110px;
  bottom: 0px;
  overflow: auto;
  left: 0;
  right: 0;
  padding: 20px 40px;
}

.paperform.top-aligned{
  top: 0;
}

.paperform .statusmeeting {
  margin: 0 auto;
}

.statusmeeting.page {
  margin-bottom: 15px;
}

.statusmeeting {
  position: relative;
  max-width: 996px;
  padding: 40px;
  box-sizing: border-box;
  background-color: #FFFFFF;
}

.statusmeeting .statusmeeting-head {
  position: relative;
}

.statusmeeting .statusmeeting-title {
  border-bottom: 1px solid #D5D7DA;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.statusmeeting .statusmeeting-title .value-box {
  color: #404040;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  padding: 0;
  background-color: unset;
}

.statusmeeting .statusmeeting-date {
  position: absolute;
  right: 0;
  top: 35px;
}

.statusmeeting .statusmeeting-head .statusmeeting-subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.75px;
  color: #13344D;
  margin-bottom: 14.5px;
}

.statusmeeting .statusmeeting-head .statusmeeting-subtitle.statusmeeting-top {
  color: #404040;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(224, 224, 224, 1);
  margin-bottom: 5px;
}

.statusmeeting .statusmeeting-participants > .head {
  padding-top: 0;
}

.statusmeeting .statusmeeting-participants-grid .participant {
  position: relative;
  margin-bottom: 10px;
}

.statusmeeting .statusmeeting-participants-grid .org-separator {
  border-top: 1px dashed #D5D7DA;
  margin-bottom: 10px;
}

.statusmeeting .statusmeeting-participants-grid .org-logo {
  position: absolute;
  top: 10px;
  right: 0;
}

.statusmeeting .statusmeeting-participants-grid .participant .contact-info {
  margin-right: 7px;
  margin-bottom: 0;
}

.statusmeeting .statusmeeting-participants-grid .participant .contact-info img {
  border-radius: 50%;
}

.statusmeeting .statusmeeting-participants-grid .title-line {
  margin-bottom: 0;
}

.statusmeeting .statusmeeting-participants-grid .title-line .title {
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 0;
}

.statusmeeting .statusmeeting-participants-grid .content-line {
  margin-bottom: 0;
}
 
.statusmeeting .statusmeeting-participants-grid .content-line .static-field {
  margin-bottom: 0;
  margin-right: 5px;
}

.statusmeeting .statusmeeting-participants-grid .content-line .static-field:after {
  content: '/';
  margin-left: 5px;
}

.statusmeeting .statusmeeting-participants-grid .content-line .static-field:last-child:after {
  content: none;
}

.statusmeeting .multichoicelookup .value-box input {
  float: left;
}

.statusmeeting .participant-search {
  overflow: hidden;
}

.statusmeeting .participant-search .field,
.statusmeeting .participant-search .button {
  float: right;
}

.statusmeeting .participant-search .button {
  margin-top: 5px;
}

.statusmeeting .project-tasks {
  margin-bottom: 40px;
}

.statusmeeting .project-tasks.position-top1 {
  margin-top: 40px;
}

.statusmeeting .project-tasks > .group {
  margin-bottom: 20px;
}

.statusmeeting .project-tasks > .group > .head {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin-right: 5px;
}

.statusmeeting .project-tasks > .group > .content {
  display: inline-block;
  vertical-align: top;
}

.statusmeeting .project-tasks .project-task {
  
}

.statusmeeting .project-tasks .project-task .item-head {
  overflow: hidden;
  margin-bottom: 5px;
}

.statusmeeting .project-tasks .project-task .item-head .project-complete-status {
  float: right;
}

.statusmeeting .project-tasks .project-task .item-head .project-name {
  float: left;
  color: #13344D;
  font-weight: 700;
}

.statusmeeting .project-tasks .project-task .item-head a {
  opacity: 0;
  float: left;
  transition: opacity .3s ease;
}

.statusmeeting .project-tasks .project-task:hover .item-head a {
  opacity: 1;
}

.statusmeeting .project-tasks .project-task .item-content {
  margin-bottom: 5px;
}

.statusmeeting .project-tasks .project-task .item-content:last-child {
  margin-bottom: 0;
}

.statusmeeting .project-tasks .project-task .item-content .project-comment {
  
}

.statusmeeting .project-tasks .project-task .item-content .project-comment .field-label {
  float: left;
  font-size: 14px;
  text-transform: unset;
}

.statusmeeting .statusmeeting-content-editable .project-tasks .project-task .item-content .project-comment .field-label {
  margin-top: 5px;
}

.statusmeeting .project-tasks .project-task .item-content .project-comment .field-value {
}

.statusmeeting .project-tasks .project-task .item-content .project-comment .field-value .value-box {
  min-height: unset;
  background-color: unset;
  padding: 0;
}

.statusmeeting .project-tasks .project-task .item-content .project-comments .project-info .field-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
}

.statusmeeting .project-tasks .project-task .item-content .project-comments .project-info .field-value {
  display: inline-block;
  vertical-align: middle;
}

.statusmeeting .project-tasks .project-task .item-content .project-comments .project-info .field-value .value-box {
  background-color: unset;
  padding: 0;
  min-height: unset;
  line-height: 18px;
  color: #13344D;
}

.statusmeeting .statusmeeting-content-editable .project-tasks .project-task .item-content .project-comment .field-value .value-box {
  background-color: #F0F5FA;
}

.statusmeeting .statusmeetings-summary {
  margin-bottom: 0;
}

.statusmeeting .statusmeetings-summary .content {
  overflow: hidden;
}

.statusmeeting .statusmeetings-summary .statusmeeting-comment {
  border: 1px solid #D5D7DA;
  width: 500px;
  margin-bottom: 0;
}

.statusmeeting .statusmeetings-summary .date {
  float: right;
}

.statusmeeting .page-number {
  border-top: 1px solid #81878F;
  text-align: right;
  padding-top: 5px;
}

/*<--- statusmeeting grid-f --->*/
.statusmeeting .grid-f .items > div {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #D5D7DA;
}

.statusmeeting .grid-f .items > div:before {
  content: none;
}

.statusmeeting .grid-f .items > div:hover .item-head .button {
  opacity: 1;
}

.statusmeeting .grid-f .item-head .project-complete-status {
  float: right;
  margin-right: 0;
  overflow: hidden;
}

.statusmeeting .grid-f .item-head .project-complete-status .field,
.statusmeeting .grid-f .item-head .project-complete-status .static-field {
  float: left;
  margin-left: 10px;
}

.statusmeeting .grid-f .item-content .project-comments {
  margin-bottom: 10px;
  max-width: 550px;
}

.statusmeeting .grid-f .item-content .project-comment {
  margin-left: 25px;
}

.statusmeeting .grid-f .item-content .project-responsible {
  color: #13344D;
  font-weight: 400;
  margin-left: 25px;
}

.statusmeeting .grid-f .item-content {
  overflow: hidden;
}

.statusmeeting .grid-f .item-content .project-dates {
  position: unset;
  float: right;
}

.statusmeeting .grid-f .item-head .button {
  float: left;
  opacity: 0;
  transition: opacity .2s ease;
}

.statusmeeting .grid-f .item-head .project-name {
  overflow: auto;
  float: left;
  padding: 0;
}

.statusmeeting .grid-f .item-head .project-name.clickable {
  cursor: pointer;
}

.statusmeeting .grid-f .item-head .project-name.clickable:hover {
  text-decoration: underline;
}

















































body > .tooltip {
  background-color: #FFFFFF;
}

body > .tooltip > .content {
  max-height: 600px;
  overflow: auto;
}

body > .tooltip > .callout {
  background-color: #FFFFFF;
}

body > .tooltip.popup-pane {
  box-sizing: border-box;
  /*background-image: url(/media/tooltip-loading.gif);*/
  /*background-size: 20px;*/
  /*background-repeat: no-repeat;*/
  /*background-position: center;*/
}

body > .tooltip.hidden {
  display: none;
}

body > .tooltip .context-content {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 26px;
  bottom: 5px;
}

body > .tooltip > a.button-close span { display:none; }

body > .tooltip > a.button-close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/light/content/media/icons/cube_cross.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/cube_cross_filled.svg?stamp=240311&t=0&icon_color=%23404040");
  background-size: contain, 0 0;
  background-repeat: no-repeat;
  z-index: 1;
}

body > .tooltip > a.button-close:hover{
  background-size: 0 0, contain;
}
body > .tooltip > a.button-close:hover span{ background-color: transparent; }

body > .tooltip .tooltip-head {
  border-bottom: 1px solid #D5D7DA;
  background-color: unset;
  font-size: 16px;
  line-height: 18.75px;
  font-weight: 500;
  padding: 0 0 5px 0;
  color: #404040;
  min-height: unset;
  margin-bottom: 20px;
}





.widget-tree.organizations-tree {
  
}

.widget-tree .node .node-title .name {
  color: #404040;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: .6px;
}

.widget-tree.organizations-tree .node > .node-title:before,
.widget-tree.organizations-tree .node.has-child > .node-title:before {
  position: absolute;
  top: 0;
  left: 17px;
  bottom: 10px;
  width: 10px;
  border-left: 1px solid #D5D7DA;
  border-bottom: 1px solid #D5D7DA;
  border-bottom-left-radius: 5px;
}

.widget-tree.organizations-tree .node:not(.has-child) > .node-title:before{
  left: 34px;
}

.widget-tree.organizations-tree .node.has-child.expanded > .node-title:before {
  /*border-color: #81878F;*/
}


.widget-tree.organizations-tree .node.level-2 .node-title:before,
.widget-tree.organizations-tree .node.has-child.level-2 .node-title:before {
  content: '';
  left: 18px;
}

.widget-tree.organizations-tree .nodes .node.level-2 > .node-title:after,
.widget-tree.organizations-tree .nodes .node.level-3 > .node-title:after,
.widget-tree.organizations-tree .nodes .node.level-4 > .node-title:after{
  content: '';
  position: absolute;
  left: 17px;
  top: 0;
  bottom: auto;
  width: 10px;
  height: 19px;
  margin-top: -13px;
  border-left: 1px solid #D5D7DA;
}

.widget-tree.organizations-tree .nodes > .node:first-child > .node-title:after {
  display: none;
}

.widget-tree.organizations-tree .nodes > .node.level-3 > .node-title:after {
  left: 35px;
}

.widget-tree.organizations-tree .nodes > .node.level-3 .node.level-3 > .node-title:after {
  left: 54px;
}

.widget-tree.organizations-tree .nodes > .node.level-4 > .node-title:after {
  left: 54px;
}

.widget-tree.organizations-tree .nodes > .node.level-4 .node.level-4 > .node-title:after {
  left: 75px;
}

.widget-tree.organizations-tree .node.has-child.level-3 .node-title:before {
  content: '';
  left: 35px;
}

.widget-tree.organizations-tree .node.level-3:not(.has-child) > .node-title:before {
  left: 35px;
}

.widget-tree.organizations-tree .node.level-3 .node.level-3:not(.has-child) > .node-title:before {
  left: 54px;
}

.widget-tree.organizations-tree .node.has-child.level-4 .node-title:before {
  content: '';
  left: 54px;
}

.widget-tree.organizations-tree .node.level-4:not(.has-child) > .node-title:before {
  left: 54px;
}

.widget-tree.organizations-tree .node.level-4 .node.level-4:not(.has-child) > .node-title:before {
  left: 75px;
}

/*.widget-tree.organizations-tree .node.has-child:last-child .node-title:after {*/
/*  content: none;*/
/*}*/

/*.widget-tree.organizations-tree .node.has-child.level-2:last-child .node-title:after {*/
/*  content: none;*/
/*}*/

.widget-tree.organizations-tree .node .node-title .name {
  margin-left: 5px;
}

.widget-tree.organizations-tree .node.selected > .node-title .icon {
  background-size: 0, 0, contain;
}

.widget-tree.organizations-tree .node.selected.has-child > .node-title .icon {
  background-size: 0, contain, 0;
}

.widget-tree.organizations-tree .node.has-child.expanded > .node-title .icon {
  background-size: 0, 0, contain;
}

.widget-tree.organizations-tree .node .toggle {
  background-image: url("/_themes/light/content/media/widgets/tree/tree_arrow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/tree/tree_arrow_open.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget-tree.organizations-tree .node.type-3 > .node-title .icon {
  background-image: url("/_themes/light/content/media/widgets/tree/user.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/tree/user.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/widgets/tree/user_filled.svg?stamp=240311&t=0&icon_color=%23158DDC");
}

.widget-tree.organizations-tree .node.has-child > .node-title .icon, 
.widget-tree.organizations-tree .node.type-dir > .node-title .icon,
.widget-tree.organizations-tree .node.type-0 >.node-title .icon,
.widget-tree.organizations-tree .node.type-1 >.node-title .icon,
.widget-tree.organizations-tree .node.type-2 >.node-title .icon,
.widget-tree.organizations-tree .node.type-4 >.node-title .icon {
   background-image: url("/_themes/light/content/media/widgets/tree/location.svg?stamp=240311&t=0&icon_color=%23404040"),
                     url("/_themes/light/content/media/widgets/tree/location.svg?stamp=240311&t=0&icon_color=%23404040"),
                     url("/_themes/light/content/media/widgets/tree/location.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget-tree.organizations-tree .node.type-1 >.node-title .icon {
   background-image: url("/_themes/light/content/media/widgets/tree/department2.svg?stamp=240311&t=0&icon_color=%23404040"),
                     url("/_themes/light/content/media/widgets/tree/department2.svg?stamp=240311&t=0&icon_color=%23404040"),
                     url("/_themes/light/content/media/widgets/tree/department2.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget-tree.organizations-tree .node.type-2 >.node-title .icon {
   background-image: url("/_themes/light/content/media/widgets/tree/management.svg?stamp=240311&t=0&icon_color=%23404040"),
                     url("/_themes/light/content/media/widgets/tree/management.svg?stamp=240311&t=0&icon_color=%23404040"),
                     url("/_themes/light/content/media/widgets/tree/management.svg?stamp=240311&t=0&icon_color=%23404040");
}

.widget-tree.organizations-tree .node.level-3 > .nodes > .node.level-3 .node-title {
  padding-left: 84px;
}

/*tree-b*/
.widget-tree.tree-b.has-goparent .tree-search {
  padding-bottom: 20px;
}

.widget-tree.tree-b .node .toggle {
  top: 3px;
}

.widget-tree.tree-b .node .node-title {
  height: 27px;
  line-height: 27px;
}

.widget-tree.tree-b .node .node-title .icon,
.widget-tree.tree-b .node.has-child > .node-title .icon{
  background-size: 20px, 0, 0;
  margin: 3px 5px 0 0;
}

.widget-tree.tree-b .node > .node-title .icon,
.widget-tree.tree-b .node.has-child > .node-title .icon,
.widget-tree.tree-b .node.has-child > .node-title > .icon,
.widget-tree.tree-b .node.type-dir > .node-title .icon,
.widget-tree.tree-b .node.type-2  >.node-title .icon {
  background-image: url("/_themes/light/content/media/icons/collection-e/foldercollapsed_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-e/foldercollapsed.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-e/foldercollapsed.svg?stamp=240311&t=0&icon_color=%23404040");}
}

.widget-tree.tree-b .node.type-partcategory.content-type-1 > .node-title .icon,
.widget-tree.tree-b .node.has-child.type-partcategory.content-type-1 > .node-title .icon{
  background-image: url('/_themes/light/content/media/tree-b/root_folder_-21.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/root_folder_-21.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/root_folder_-21.png?stamp=240311&t=0');
}

.widget-tree.tree-b .node.type-partcategory.content-type-2 > .node-title .icon,
.widget-tree.tree-b .node.has-child.type-partcategory.content-type-2 > .node-title .icon{
  background-image: url('/_themes/light/content/media/tree-b/automatic-21.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/automatic-21.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/automatic-21.png?stamp=240311&t=0');
}

.widget-tree.tree-b .node.type-partcategory.content-type-3 > .node-title .icon,
.widget-tree.tree-b .node.has-child.type-partcategory.content-type-3 > .node-title .icon{
  background-image: url('/_themes/light/content/media/tree-b/automatic-21_lock.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/automatic-21_lock.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/automatic-21_lock.png?stamp=240311&t=0');
}

.widget-tree.tree-b .node.type-partcategory.content-type-4 > .node-title .icon,
.widget-tree.tree-b .node.has-child.type-partcategory.content-type-4 > .node-title .icon{
  background-image: url('/_themes/light/content/media/tree-b/fairytale-21.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/fairytale-21.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/fairytale-21.png?stamp=240311&t=0');
}

.widget-tree.tree-b .node.type-partcategory.content-type-5 > .node-title .icon,
.widget-tree.tree-b .node.has-child.type-partcategory.content-type-5 > .node-title .icon{
  background-image: url('/_themes/light/content/media/tree-b/fairytale-21_lock.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/fairytale-21_lock.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/fairytale-21_lock.png?stamp=240311&t=0');
}

.widget-tree.tree-b .node.type-partcategory.content-type-6 > .node-title .icon,
.widget-tree.tree-b .node.has-child.type-partcategory.content-type-6 > .node-title .icon{
  background-image: url('/_themes/light/content/media/tree-b/root_folder_black_-21.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/root_folder_black_-21.png?stamp=240311&t=0'),
                    url('/_themes/light/content/media/tree-b/root_folder_black_-21.png?stamp=240311&t=0');
}

/* collection-a */
.widget-tree.tree-b .node.content-type-assembly > .node-title .icon, .node.has-child.content-type-assembly > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/assembley-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-boc > .node-title .icon, .node.has-child.content-type-boc > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/boc-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/boc-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-cadmodel > .node-title .icon, .node.has-child.content-type-cadmodel > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/cadmodel-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-compositepart > .node-title .icon, .node.has-child.content-type-compositepart > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/compozitepart-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/compozitepart-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-drawing > .node-title .icon, .node.has-child.content-type-drawing > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/drawing-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/drawing-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-inspectioninstruction > .node-title .icon, .node.has-child.content-type-inspectioninstruction > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectioninstruction-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-inspectionprocedure > .node-title .icon, .node.has-child.content-type-inspectionprocedure > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-inspectionprocedure2 > .node-title .icon, .node.has-child.content-type-inspectionprocedure2 > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspectionprocedure2-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-inspector > .node-title .icon, .node.has-child.content-type-inspector > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/inspector-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/inspector-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-job > .node-title .icon, .node.has-child.content-type-job > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/job-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/job-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-lots > .node-title .icon, .node.has-child.content-type-lots > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/lots-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/lots-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-machine > .node-title .icon, .node.has-child.content-type-machine > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/machine-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/machine-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-manufacturingprocedure > .node-title .icon, .node.has-child.content-type-manufacturingprocedure > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/manufacturingprocedure-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-material > .node-title .icon, .node.has-child.content-type-material > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/material-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/material-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-mfgoperationmachine > .node-title .icon, .node.has-child.content-type-mfgoperationmachine > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/mfgoperation-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperation-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/mfgoperation-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-operator > .node-title .icon, .node.has-child.content-type-operator > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/operator-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/operator-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-part > .node-title .icon, .node.has-child.content-type-part > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/part-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/part-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-pdr > .node-title .icon, .node.has-child.content-type-pdr > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pdr-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pdr-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-pmr > .node-title .icon, .node.has-child.content-type-pmr > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/pmr-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/pmr-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-po > .node-title .icon, .node.has-child.content-type-po > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/po-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/po-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-poitem > .node-title .icon, .node.has-child.content-type-poitem > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/poitem-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/poitem-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-processplan > .node-title .icon, .node.has-child.content-type-processplan > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/processplan-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/processplan-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-productioninstruction > .node-title .icon, .node.has-child.content-type-productioninstruction > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/productioninstruction-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/productioninstruction-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-report > .node-title .icon, .node.has-child.content-type-report > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/report-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/report-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-routing > .node-title .icon, .node.has-child.content-type-routing > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/routing-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/routing-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-samples > .node-title .icon, .node.has-child.content-type-samples > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/samples-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-default.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-a/samples-default.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-solid > .node-title .icon, .node.has-child.content-type-solid > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/large/3d_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/large/3d.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/large/3d.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-locked > .node-title .icon, .node.has-child.content-type-locked > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/lock_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/lock.svg?stamp=240311&t=0&icon_color=%23404040");}
    
/* Content Type. Statuses */
.widget-tree.tree-b .node.content-type-status-red > .node-title .icon, .node.has-child.content-type-status-red > .node-title .icon { 
    background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); }
.widget-tree.tree-b .node.content-type-status-orange > .node-title .icon, .node.has-child.content-type-status-orange > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");}
.widget-tree.tree-b .node.content-type-status-green > .node-title .icon, .node.has-child.content-type-status-green > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");}
.widget-tree.tree-b .node.content-type-status-yellow > .node-title .icon, .node.has-child.content-type-status-yellow > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)");}
.widget-tree.tree-b .node.content-type-status-gray > .node-title .icon, .node.has-child.content-type-status-gray > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(128%2c+128%2c+128%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(128%2c+128%2c+128%2c+1)"),
                      url("/_themes/light/content/media/icons/circle.svg?stamp=240311&t=0&icon_color=rgba(128%2c+128%2c+128%2c+1)");}
    
.widget-tree.tree-b .node.content-type-revision > .node-title .icon, .node.has-child.content-type-revision > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/revision_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/revision.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/revision.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-param > .node-title .icon, .node.has-child.content-type-param > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/variable_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/variable.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/variable.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-view > .node-title .icon, .node.has-child.content-type-view > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/cadview_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/cadview.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/cadview.svg?stamp=240311&t=0&icon_color=%23404040");}
.widget-tree.tree-b .node.content-type-model > .node-title .icon, .node.has-child.content-type-model > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/cadmodel-default_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/collection-a/cadmodel-default.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/collection-a/cadmodel-default.svg?stamp=240311&t=0&icon_color=%23404040");}
    
    
.widget-tree.tree-b .node.content-type-3dmodel > .node-title .icon, .node.has-child.content-type-3dmodel > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-d/3d_model_cube_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/3d_model_cube.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/3d_model_cube.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-coordinatessystem > .node-title .icon, .node.has-child.content-type-coordinatessystem > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-d/coordinates_system_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/coordinates_system.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/coordinates_system.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-assembley > .node-title .icon, .node.has-child.content-type-assembley > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-d/assembley_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/assembley.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/assembley.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-3dmodelfolder > .node-title .icon, .node.has-child.content-type-3dmodelfolder > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-d/3d_model_cube_folder_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/3d_model_cube_folder.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/3d_model_cube_folder.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-3dview > .node-title .icon, .node.has-child.content-type-3dview > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-d/3d_vision_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/3d_vision.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/3d_vision.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-3dviewfolder > .node-title .icon, .node.has-child.content-type-3dviewfolder > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-d/3d_vision_folder_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/3d_vision_folder.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-d/3d_vision_folder.svg?stamp=240311&t=0&icon_color=%23404040");}

.widget-tree.tree-b .node.content-type-anglerule > .node-title .icon, .node.has-child.content-type-anglerule > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-e/anglerule_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-e/anglerule.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-e/anglerule.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-cubemodel > .node-title .icon, .node.has-child.content-type-cubemodel > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-e/cubemodel_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-e/cubemodel.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-e/cubemodel.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-foldercollapsed > .node-title .icon, .node.has-child.content-type-foldercollapsed > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-e/foldercollapsed_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-e/foldercollapsed.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-e/foldercollapsed.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-drawing2d > .node-title .icon, .node.has-child.content-type-drawing2d > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/2d_drawing.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/2d_drawing.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/2d_drawing.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-assembly > .node-title .icon, .node.has-child.content-type-assembly > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-a/assembley-default.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/collection-a/assembley-default.svg?stamp=240311&t=0&icon_color=%23404040"),
                      url("/_themes/light/content/media/icons/collection-a/assembley-default.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.type-2 > .node-title .icon {
  background-image: url("/_themes/light/content/media/icons/collection-f/workflow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/workflow.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/workflow.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget-tree.tree-b .node.type-4 > .node-title .icon {
  background-image: url("/_themes/light/content/media/icons/collection-f/gantt.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/gantt.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/gantt.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget-tree.tree-b .node.type-5 > .node-title .icon {
  background-image: url("/_themes/light/content/media/icons/collection-f/package.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/package.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/package.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget-tree.tree-b .node.type-6 > .node-title .icon {
  background-image: url("/_themes/light/content/media/icons/collection-f/print.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/print.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/print.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget-tree.tree-b .node.type-8 > .node-title .icon {
  background-image: url("/_themes/light/content/media/icons/collection-f/report.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/report.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/collection-f/report.svg?stamp=240311&t=0&icon_color=%2381878F");
}

.widget-tree.tree-b .node.content-type-camera > .node-title .icon, .node.has-child.content-type-camera > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-g/camera_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/camera.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/camera.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-ruler > .node-title .icon, .node.has-child.content-type-ruler > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-g/ruler_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/ruler.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/ruler.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-abscissa > .node-title .icon, .node.has-child.content-type-abscissa > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-g/abscissa_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/abscissa.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/abscissa.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-model3d > .node-title .icon, .node.has-child.content-type-model3d > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-g/model3d_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/model3d.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/model3d.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-eyevisible > .node-title .icon, .node.has-child.content-type-eyevisible > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-g/eye-visible_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/eye-visible.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/eye-visible.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-eyehidden > .node-title .icon, .node.has-child.content-type-eyehidden > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-g/eye-hidden_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/eye-hidden.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/eye-hidden.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-pminote > .node-title .icon, .node.has-child.content-type-pminote > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-g/pmi-note_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/pmi-note.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/pmi-note.svg?stamp=240311&t=0&icon_color=%23404040");}
    
.widget-tree.tree-b .node.content-type-viewsfolder > .node-title .icon, .node.has-child.content-type-viewsfolder > .node-title .icon{ 
    background-image: url("/_themes/light/content/media/icons/collection-g/viewsfolder_filled.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/viewsfolder.svg?stamp=240311&t=0&icon_color=%23404040"),
    url("/_themes/light/content/media/icons/collection-g/viewsfolder.svg?stamp=240311&t=0&icon_color=%23404040");
    background-size: 22px;
}
    
/* node styles */
.widget-tree .node.strikethrough > .node-title > .name {
  text-decoration: line-through;
}

.widget-tree .node.bold > .node-title > .name {
  font-weight: bold;
}

.widget-tree .node.italic > .node-title > .name {
  font-style: italic;
}

.widget-tree .node.underline > .node-title > .name {
  text-decoration: underline;
}

.widget-tree .node.uppercase > .node-title > .name {
  text-transform: uppercase;
}

.widget-tree .node.red > .node-title > .name {
  color: rgba(220, 53, 69, 1) !important;
}

.widget-tree .node.yellow > .node-title > .name {
  color: rgba(255, 193, 7, 1) !important;
}

.widget-tree .node.blue > .node-title > .name {
  color: rgba(19, 114, 229, 1) !important;
}

.widget-tree .node.green > .node-title > .name {
  color: rgba(40, 167, 69, 1) !important;
}

.widget-tree .node.gray > .node-title > .name {
  color: #AAA !important;
}

.widget-tree .node.lightgray > .node-title > .name {
  color: #DDD !important;
}

.widget-tree .node.recycled > .node-title > .name {
  color: #ae0d0d !important;
}

.widget-tree .node .node-title .node-command.image-circled-arrow-right { 
  background-image: url("/_themes/light/content/media/icons/circled_arrow_right_filled.svg?stamp=240311&t=0&icon_color=%2377BA43"),
           url("/_themes/light/content/media/icons/circled_arrow_right.svg?stamp=240311&t=0&icon_color=%2377BA43");
}

.wizard-steps .field.widget.widget-tree.components-tree.autosize {
  margin-bottom: 0;
}

.wizard-steps .field.widget.widget-tree.components-tree.autosize > .tree {
  height: 98%;
}
/* wf-scheme */
.workspace-details-pane .widget-workflowscheme { position: static; }

.wf-scheme { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;
             -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
             white-space: nowrap; }
             
.workflow-container-a {
  min-height: 330px;
}

/* Layers */
.wf-scheme .wf-graphics { position: absolute; z-index: 1; left: 0; top: 0; }
.wf-scheme .wf-stages { position: relative; z-index: 2; }

/* history-tag */
.wf-scheme .history-tag { position: absolute; left: 3px; top: 4px; width: 4px; height: 4px; background-color: #15C23C;
                          -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Icons */
.wf-scheme .wf-icon { display: inline-block; position: relative; }
.wf-scheme .wf-icon .icon { display: inline-block; width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
.wf-scheme .wf-icon:hover .icon {background-position: -16px 0; }
.wf-scheme .wf-icon.wf-element-condition .icon  { background-image: url(/media/icons/condition2.png); }
.wf-scheme .wf-icon.wf-element-validation .icon  { background-image: url(/media/icons/approval2.png); }
.wf-scheme .wf-icon.wf-element-notification .icon  { background-image: url(/media/icons/notify2.png); }
.wf-scheme .wf-icon.wf-element-email .icon  { background-image: url(/media/icons/message2.png); }
.wf-scheme .wf-icon.wf-element-history .icon  { background-image: url(/media/icons/history2.png); }
.wf-scheme .wf-icon.wf-element-print .icon  { background-image: url(/media/icons/print2.png); }
.wf-scheme .wf-icon.wf-element-timer .icon  { background-image: url(/media/icons/alarm_clock2.png); }
.wf-scheme .wf-icon.wf-element-form .icon  { background-image: url(/media/icons/form2.png); }
.wf-scheme .wf-icon.wf-element-auto .icon  { background-image: url(/media/icons/flash_auto2.png); }
.wf-scheme .wf-icon .history-tag { left: 0; top: 0; }


/* Stage */
.wf-scheme .wf-stage { display: inline-block; vertical-align: top; white-space: normal; width: 270px; border-right: 1px dashed #323232;
                       -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf-scheme .wf-stage > .head { position: relative; overflow: hidden; height: 78px; padding: 20px; border-bottom: 2px solid #323232;
                               -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                               font-size: 14px; line-height: 17px; }
.wf-scheme .wf-stage > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-stage > .head .title .text { font-weight: 700; }
.wf-scheme .wf-stage > .content { padding: 30px 40px; }
.wf-scheme .wf-stage:hover > .head { color: #3498db; }
.wf-scheme .wf-stage > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-stage > .head:hover .cmd-ide:hover { opacity: 1; }

/* View */
.wf-scheme .wf-view { border: 1px solid #323232; margin-bottom: 30px;
                      -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf-scheme .wf-view > .head { position: relative; padding: 10px 0 5px; border-bottom: 1px solid #323232; background: #f7f7f7;
                               -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                               font-size: 12px; line-height: 14px; }
.wf-scheme .wf-view > .head .status-tag { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 5px; }
.wf-scheme .wf-view.status-active > .head .status-tag { background: #3498db; }
.wf-scheme .wf-view.status-passed > .head .status-tag { background: #999; }
.wf-scheme .wf-view > .head .tooltip-tag { position: absolute; z-index: 3; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(/media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme .wf-view > .head .title { position: relative; padding: 0 10px; margin-bottom: 5px; }
.wf-scheme .wf-view > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-view > .head .title .text { font-weight: 700; }
.wf-scheme .wf-view > .head .icons-bar { padding: 0 10px; }
.wf-scheme .wf-view > .head .wf-icon { margin-right: 10px; }
.wf-scheme .wf-view > .head:hover { color: #3498db; }
.wf-scheme .wf-view.highlight-target > .head { color: #3498db; }
.wf-scheme .wf-view.has-concentrator > .head { padding-left: 15px; }
.wf-scheme .wf-view > .head .wf-concentrator { position: absolute; z-index: 2; left: 0; top: 0; width: 19px; height: 100%; }
.wf-scheme .wf-view > .head .wf-concentrator .icon { position: absolute; left: 2px; top: 50%; margin-top: -7px; width: 15px; height: 15px; background: transparent url(/media/concentrator.png) 0 0 no-repeat; }
.wf-scheme .wf-view > .head .wf-concentrator.hover .icon { background-position-x: -15px; }
.wf-scheme .wf-view > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-view > .head:hover .cmd-ide:hover { opacity: 1; }

/* Action */
.wf-scheme .wf-action { border-top: 1px dashed #323232; }
.wf-scheme .wf-action:first-child { padding-top: 0; border-top: none; }
.wf-scheme .wf-action > .head { position: relative; padding: 10px 0 5px; font-size: 12px; line-height: 14px; }
.wf-scheme .wf-action > .head .tooltip-tag { position: absolute; z-index: 2; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(/media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme .wf-action > .head .title { position: relative; padding: 0 10px; }
.wf-scheme .wf-action > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-action > .head .title .text { font-weight: 700; }
.wf-scheme .wf-action.hover > .head { color: #3498db; }
.wf-scheme .wf-action > .content { padding: 0 10px 5px; }
.wf-scheme .wf-action .wf-icon { margin-right: 10px; }
.wf-scheme .wf-action > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-action > .head:hover .cmd-ide:hover { opacity: 1; }

.widget.entry-preview { position: relative; min-height: 300px; }
.widget.entry-preview .wf-scheme2 { overflow: auto; }


.kanban-columns {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 90px;
}

.kanban-columns.top-offset-a { top: 40px; }

.kanban-columns > .repeatable-group {
  display: flex;
  flex-flow: row;
  height: 100%;
  overflow-x: scroll;
}

.kanban-column {
  flex: 1;
  position: relative;
}

.kanban-column > .repeatable-group {
  position: relative;
  height: 90%;
  overflow: auto;
  padding: 10px;
}

.kanban-column:before {
  content: '';
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background-color: #D5D7DA;
}

.kanban-column:last-child:before {
  content: none;
}

.kanban-columns .trash-bin {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 80px;
  height: 80px;
  background-color: #FFFFFF;
  background-size: 90%, 0;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  background-image: url("/_themes/light/content/media/icons/trash_empty.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/icons/trash_full.svg?stamp=240311&t=0&icon_color=%23404040");  
}

.kanban-columns .trash-bin.filled {
  background-size: 0, 90%;
}

.kanban-columns .trash-bin .value-box {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  background-color: #77BA43;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EEEEEE;
  font-size: 18px;
  font-weight: 400;
  display: none;
}

.kanban-columns .trash-bin.filled .value-box {
  display: flex;
}

.kanban-column-head {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.kanban-column-head .name {
  font-size: 20px;
  font-weight: 500;
  color: #404040;
  white-space: nowrap;
}

.kanban-column-head .counter {
  font-size: 10px;
  font-weight: 500;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #77BA43;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EEEEEE;
  margin-left: 5px;
  transform: translate(-3px, -5px);
}

.kanban-item {
  margin-bottom: 10px;
}

.kanban-item .slot {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 10px 15px 10px 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.kanban-item .slot:before {
  content: '';
  position: absolute;
  top: 5px;
  right: 5px;
  bottom:5px;
  width: 5px;
  background-color: #D5D7DA;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.kanban-item .slot.bordercolor-1:before { background-color: rgba(220, 53, 69, 1); }
.kanban-item .slot.bordercolor-2:before { background-color: rgba(40, 167, 69, 1); }
.kanban-item .slot.bordercolor-3:before { background-color: rgba(20, 115, 233, 1); }

.kanban-item .slot-head {
  
}

.kanban-item .slot-head .slot-title {
  color: #13344D;
}

.kanban-item .slot-head .slot-title-line {
  display: flex;
}

.kanban-item .slot-head .slot-title-line .slot-title {
  
}

.kanban-item .slot-head .slot-title-line .slot-actions {
  margin-left: auto;
  display: flex;
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity .3s ease, transform .3s ease;
}

.kanban-item:hover .slot-head .slot-title-line .slot-actions {
  opacity: 1;
  transform: translateY(0);
}

.kanban-item .slot-head .slot-title-line  .slot-actions .button {
  margin-right: 5px;
}

.kanban-item .slot-head .slot-title-line  .slot-actions .button:last-child {
  margin-right: 0;
}

.kanban-item .slot-head .slot-date {
  font-size: 12px;
}

.kanban-item .slot-body {
  
}

.kanban-item .slot-body .slot-status {
  font-size: 12px;
}

.kanban-item .slot-body .slot-status .value-box {
   
}
.image-fit {
  background-image: url("/_themes/light/content/media/images/fit.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/fit-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-completed {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-completed_green {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-completed_orange {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-completed_purple {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-completed_red {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-completed_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-completed {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-completed_green {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-completed_orange {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-completed_purple {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-completed_red {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-completed_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/completed.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/completed-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-connect {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-connect_green {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-connect_orange {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-connect_purple {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-connect_red {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-connect_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-connect {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-connect_green {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-connect_orange {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-connect_purple {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-connect_red {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-connect_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/connect.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-done {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-done_green {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-done_orange {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-done_purple {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-done_red {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-done_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-done {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-done_green {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-done_orange {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-done_purple {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-done_red {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-done_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/done.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/done-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-editing {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-editing_green {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-editing_orange {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-editing_purple {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-editing_red {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-editing_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-editing {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-editing_green {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-editing_orange {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-editing_purple {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-editing_red {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-editing_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/editing.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/editing-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-link {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-link_green {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-link_orange {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-link_purple {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-link_red {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-link_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-link {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-link_green {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-link_orange {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-link_purple {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-link_red {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-link_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/link.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-linkedfile {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-linkedfile_green {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-linkedfile_orange {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-linkedfile_purple {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-linkedfile_red {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-linkedfile_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-linkedfile {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-linkedfile_green {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-linkedfile_orange {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-linkedfile_purple {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-linkedfile_red {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-linkedfile_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/linkedfile.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linkedfile-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-linked {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-linked_green {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-linked_orange {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-linked_purple {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-linked_red {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-linked_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-linked {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-linked_green {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-linked_orange {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-linked_purple {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-linked_red {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-linked_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/linked.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-matched {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-matched_green {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-matched_orange {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-matched_purple {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-matched_red {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-matched_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-matched {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-matched_green {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-matched_orange {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-matched_purple {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-matched_red {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-matched_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/matched.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-requested {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-requested_green {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-requested_orange {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-requested_purple {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-requested_red {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-requested_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-requested {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-requested_green {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-requested_orange {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-requested_purple {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-requested_red {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-requested_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/requested.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/requested-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-revision-review {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-revision-review_green {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-revision-review_orange {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-revision-review_purple {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-revision-review_red {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-revision-review_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-revision-review {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-revision-review_green {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-revision-review_orange {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-revision-review_purple {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-revision-review_red {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-revision-review_lightblue {
  background-image: url("/_themes/light/content/media/images/revisions/review.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/revisions/review-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-connect {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.image-connect_green {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-connect_orange {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.image-connect_purple {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.image-connect_red {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-connect_lightblue {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.image-connect_purple {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-connect {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=%23404040"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=%23404040");
}

.icon-connect_green {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.icon-connect_orange {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)");
}

.icon-connect_purple {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}

.icon-connect_red {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.icon-connect_lightblue {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
}

.icon-connect_purple {
  background-image: url("/_themes/light/content/media/images/connect/connect.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                    url("/_themes/light/content/media/images/connect/connect-hover.svg?stamp=240311&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)");
}