@import url('/css/fonts/roboto/roboto.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;
}

.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/default/content/media/icons/arrow_left_circled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/arrow_left_circled_filled.svg?stamp=230323&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/default/content/media/icons/arrow_left_circled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/arrow_left_circled_filled.svg?stamp=230323&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/default/content/media/icons/arrow_right.svg?stamp=230323&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: -15px;
  margin-top: -15px;
  width: 31px;
  height: 31px;
  /*background: transparent url("/_themes/default/content/media/ajax-loader.gif?stamp=230323&t=0&icon_color=%23404040") center center no-repeat;*/
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  background-image:  url("/_themes/default/content/media/ajax-loader.gif?stamp=230323&t=0");
  background-repeat: no-repeat;
  width: 64px;
  height: 50px;
  animation: 1s ease infinite loading_animation;
  transform: rotateY(0deg);
}

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;
}

@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;
}

#overlay {
  position: absolute;
  background-color: rgba(0,0,0, .15);
}

#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: 18;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: #fff;
}

.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);}

.clickable {
  cursor: pointer;
}

.right {
  float: right;
}

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

/*<--- 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 --->*/
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:hover {
  /*border-color: #D5D7DA;*/
}

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*/

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

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

.hidden-tooltip {
  display: none;
}

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

.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;
}

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

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

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

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

.widget-workflowactions.dropdown .wf-actions-button { cursor: pointer; }
.widget-workflowactions.dropdown .workspace-tools-pane .wf-actions-button  { margin-right: 0; }
.widget-workflowactions.dropdown .wf-actions-button .image { 
  padding: 0; 
  width: 20px; 
  height: 20px; 
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=230323&t=0&icon_color=%23404040");
  background-repeat: no-repeat; 
}
.widget-workflowactions.dropdown .wf-actions-button:after {
  content: "Actions";
  font-size: 12px;
  font-weight: 500;
}

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

.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 .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;
}

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

.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;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  background: #FFFFFF;
  padding-left: 15px;
}

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

.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%;
}

.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: #FFCC000D;
}

.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.margin-bottom0 { 
  margin-bottom: 0;
}

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

.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, .field-columns .field.field-bottom, .field-columns .field.check.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: #0859B9;
  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: #0859B9;
  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;
}

/* User settings */

.flex-field-columns {
  display: flex;
  justify-content: end;
  flex-direction: column;
}

.flex-field-columns > .content > .field,
.flex-field-columns > .content > .button {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 0;
}

.flex-field-columns > .content > .field:last-child {
  margin-right: 0;
}

.html .clickable { cursor: pointer; }
.html .clickable:hover { text-decoration: underline; }

.context-title {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
}

/* about-form */
.about-form {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
}

.about-form:before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  opacity: .05;
  bottom: -120px;
  left: -120px;
  background-image: url("/_themes/default/content/media/logo_circle.svg?stamp=230323&t=0&icon_color=%23404040");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.about-form .app-title {
  margin: 0;
  height: 100px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 50px;
  margin: 50px 0 30px 0;
  font-size: 24px;
  text-transform: uppercase;
  color: #13344D;
  white-space: nowrap;
}

.about-form .app-title .value-box {
  transform: translateY(-7px);
}

.about-form .app-title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background-color: rgb(0, 150, 209);
}

.about-form .app-version {
  position: absolute;
  top: 106px;
  left: 51px;
}

.about-form .copyright {
  position: absolute;
  left: 51px;
  bottom: 25px;
}


.about-form .field {
  display: flex;
  align-items: center;
  margin: 0 100px 20px 100px;
}

.about-form .field .field-label {
  text-transform: uppercase;
  color: #158DDC;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
  min-width: 200px;
}

.about-form .field.license-status-0 .field-value .value-box { color: rgba(220, 53, 69, 1); }

.about-form .field .field-value .value-box {
  font-size: 16px;
  background-color: unset;
  color: #13344D;
}

.about-form .logo-bottom {
  position: absolute;
  right: 50px;
  bottom: 25px;
  width: 200px;
  height: 50px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/logo.svg?stamp=230323&t=0&icon_color=%230859B9");
}

/*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;
}

/* <--- general grid styles ---> */
.grid.grid-padding {
  padding: 0 15px;
}

.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 .field-label {
  float: left;
  font-size: inherit;
  text-transform: revert;
}

.grid .field .field-label {
  
}

/*<--- 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/default/content/media/icons/search.svg?stamp=230323&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/default/content/media/icons/arrow_right.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/arrow_right_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .grid-toppane .search .cmd-cancelsearch {
  right: 30px;
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&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;
}

.grid.top-pane-b .grid-toppane {
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 10px;
  vertical-align: bottom;
}

.grid.views-selector-style-a.views-selector-position-a .views-selector {
  position: absolute;
  top: -60px;
  left: 400px;
}

.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;
}

.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 10px;
}

.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: #0859B9;
  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: 30px;
}

.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: 5px;
  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.active {
  border-color: #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-items .selector-item .remarks {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  color: #158DDC;
}

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

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

.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: #0859B9;
}

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

.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 .title-line .title {
  color: #13344D;
  font-weight: bold;
}

.grid-d .title-line .title {
  font-size: 24px;
}

.grid .items {
  overflow: auto;
}

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

.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 .image,
.grid .footer-toolbars .export .cmd {
  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,
.grid .footer-toolbars .export .cmd:hover {
  background-size: 0, contain;
}

.grid .footer-toolbars .export .cmd-excel {
  background-image: url("/_themes/default/content/media/icons/excel.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/excel_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

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

.grid.views-selector-style-a.top-pane-b .views-selector {
  display: inline-block;
  margin-bottom: 10px;
}

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

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

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

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

.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.top-pane-b .grid-toppane {
  margin-bottom: 10px;
  vertical-align: bottom;
}

.grid-a .grid-toppane .filters .cmd-filters {
  display: inline-block; width: 21px; height: 21px; background: transparent url(/media/grid-sprite1.png) -42px 0;
  cursor: pointer;
}

.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;
}

.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/default/content/media/icons/filter.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/filter_fill.svg?stamp=230323&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;
}

/* Groups selector */
.grid-a .head .groups-selector { overflow: hidden; padding: 5px 10px; }
.grid-a .head .groups-selector .label { float: left; padding: 2px 0; margin-right: 15px; color: #aaa; }
.grid-a .head .groups-selector .items { overflow: hidden; }
.grid-a .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; }
.grid-a .head .groups-selector .item label.check { vertical-align: middle; margin-right: 5px; }
.grid-a .head .groups-selector .item .name { display: inline-block; vertical-align: middle; color: #445555; text-decoration: none; cursor: pointer; }
.grid-a .head .groups-selector .item .name:hover { color: #445555; text-decoration: none; }
.grid-a .head .groups-selector .item.active { background-color: #eee; }

.grid-a .head .groups-selector .item label {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/qmsviewer/content/media/icons/checkbox.svg?stamp=220819&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"), 
                    url("/_themes/qmsviewer/content/media/icons/checkbox_checked.svg?stamp=220819&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0 0;
}
.grid-a .head .groups-selector .item label.checked {
  background-size: 0 0, contain;
}
.grid-a .head .groups-selector .item label.check input { 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 .preload-content {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 20px;
  background-color: rgba(235, 237, 240, 1);
  border-radius: 3px;
  box-sizing: border-box;
  margin-left: 5px;
  overflow: hidden;
}

.grid-a .items-table .col .preload-content.full-width {
  display: block;
}

.grid-a .items-table .col .preload-content:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(20deg);
  left: 21px;
  height: 50px;
  width: 20px;
  background: linear-gradient(to right, #0000ff00, #ffffff78, #0000ff00);
  animation-duration: 2s;
  animation-name: slde;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

@keyframes slde {
  0% {
    left: -21px; 
  } 
  100%  {
    left: 110%;
  }
}

.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;
}

/* 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 .scroll-bar {
  height: 19px;
  overflow-y: hidden;
  overflow-x: scroll;
}

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

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

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

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

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

.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 .cmd-menu span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/medium/menu.svg?stamp=230323&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.hide {
  visibility: hidden;
}

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

.grid-a .item .col .formatting-bold input {
  font-weight: 700;
}

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

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

.grid-a .item .col.text:hover .clickable .text {
  color: #158DDC;
  text-decoration: underline;
  cursor: pointer;
}

.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 > div {
  white-space: normal;
}

.grid-a .item .col.multiline .field-value .value-box  .value-item {
  margin-bottom: 5px;
}

.grid-a .item .col.multiline .field-value .value-box  .value-item:first-child {
  margin-top: 5px;
}

.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 .cmd-lookup {
  display: none;
  position: absolute;
  top: 4px;
  right: 2px;
}

.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 {
  opacity: 1;
}

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

/*.grid-a .item.preloader {*/
/*  position: relative;*/
/*}*/

/*.grid-a .item.preloader .preloader {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  background-color: #5f9ea03b;*/
/*  padding: 4px 10px;*/
/*  opacity: .8;*/
/*}*/

/*.grid-a .item.preloader .preloader:before {*/
/*  content: 'Loading...';*/
/*}*/

.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 .item.hover .col .image {
  opacity: 1;
  /*display: inline-block;*/
}

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

.grid-a .col .image.image-favorites {
  background-size: contain, 0, 0;
  background-image: url("/_themes/default/content/media/icons/favorites.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites_filled.svg?stamp=230323&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 {
  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/default/content/media/icons/breadcrumbs_arrow.svg?stamp=230323&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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_minus.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040");
}

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

.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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=transparent&bg=%23F0F5FA&mark=%238999A5");
  background-size: contain, 0 0, 0 0, 0 0;
}

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

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

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

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

.grid-a .edit.singlechoice.dropdown-simple .value-box .cmd-lookup {
  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 {
  display: inline-block;
  background-repeat: no-repeat;
  transform: unset;
  width: 10px;
  height: 10px;
  background-image: url("/_themes/default/content/media/icons/grid_arrow_down.svg?stamp=230323&t=0&icon_color=%2381878F"), 
                    url("/_themes/default/content/media/icons/grid_arrow_down.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: contain;
}

/*<--- grid-a multichoicelookup --->*/
.grid-a .item .col .multichoicelookup .lookup {
  padding-left: 30px;
  background-image:  url("/_themes/default/content/media/icons/search.svg?stamp=230323&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/default/content/media/icons/cross.svg?stamp=230323&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;
}

/*<--- col bar --->*/
.grid-a .item .col.bar {
  position: relative;
}

.grid-a .item .col.bar div {
  color: transparent;
}

.grid-a .item .col.bar div:after {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 0%;
  bottom: 4px;
  background-color: rgba(20, 115, 233, 1);
  opacity: .4;
}

.grid-a .item .col.bar.align-right div:after {
  left: unset;
  right: 0;
}

.grid-a .item .col.bar div:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  right: 0;
  bottom: 4px;
  background-color: #919191;
  opacity: .15;
}

.grid-a .item .col.bar.value-10 div:after {width: 10%;}
.grid-a .item .col.bar.value-20 div:after {width: 20%;}
.grid-a .item .col.bar.value-30 div:after {width: 30%;}
.grid-a .item .col.bar.value-40 div:after {width: 40%;}
.grid-a .item .col.bar.value-50 div:after {width: 50%;}
.grid-a .item .col.bar.value-60 div:after {width: 60%;}
.grid-a .item .col.bar.value-70 div:after {width: 70%;}
.grid-a .item .col.bar.value-80 div:after {width: 80%;}
.grid-a .item .col.bar.value-90 div:after {width: 90%;}
.grid-a .item .col.bar.value-100 div:after {width: 100%;}

.grid-a .item .col.bar.color-brown div:after {background-color: brown;}
.grid-a .item .col.bar.color-red div:after {background-color: rgba(220, 53, 69, 1);}
.grid-a .item .col.bar.color-orange div:after {background-color: rgba(255, 149, 0, 1);}
.grid-a .item .col.bar.color-yellow div:after {background-color: rgba(255, 193, 7, 1);}
.grid-a .item .col.bar.color-lime div:after {background-color: lime;}
.grid-a .item .col.bar.color-green div:after {background-color: rgba(40, 167, 69, 1);}
.grid-a .item .col.bar.color-cyan div:after {background-color: cyan;}
.grid-a .item .col.bar.color-blue div:after {background-color: rgba(20, 115, 233, 1);}
.grid-a .item .col.bar.color-gray div:after {background-color: gray;}
.grid-a .item .col.bar.color-purple div:after {background-color: rgba(146, 86, 217, 1);}
.grid-a .item .col.bar.color-seafoam div:after {background-color: rgba(22, 135, 140, 1);}
.grid-a .item .col.bar.color-magenta div:after {background-color: rgba(216, 55, 144, 1);}
.grid-a .item .col.bar.color-indigo div:after {background-color: rgba(91, 91, 223, 1);}
.grid-a .item .col.bar.color-fuchsia  div:after{background-color: rgba(192, 56, 204, 1);}

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

.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: 5px;
  margin-left: 5px;
}

.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/default/content/media/icons/mover.svg?stamp=230323&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/default/content/media/icons/messenger.svg?stamp=230323&t=0&icon_color=%2381878F"),                  
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),           
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),                 
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),              
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),               
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=230323&t=0&icon_color=%2381878F&notification_color=%23158DDC"),   
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)&notification_color=%23158DDC"),         
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)&notification_color=%23158DDC"),      
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=230323&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/default/content/media/icons/chat.svg?stamp=230323&t=0&color=%23268E6C);*/
/*}*/
/*.grid-a .extension-name-chats.extension-status-2 {*/
/*  background-image:url(/_themes/default/content/media/icons/chat.svg?stamp=230323&t=0&color=%23DFBF00);*/
/*}*/
/*.grid-a .extension-name-chats.extension-status-3 {*/
/*  background-image:url(/_themes/default/content/media/icons/chat.svg?stamp=230323&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/default/content/media/icons/notes_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

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

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


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

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

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

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

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

.grid-a .extension-name-reminders.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-reminders.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-reminders.value-box.extension-attached.extension-marker-1.extension-status-3 {
  background-size: 0, 0, 0, 0, 0, 0, 0, 0, contain;
}


.grid-a .tooltip-marker {
  position: absolute;
  right: 2px; top: 0px;
  width: 18px; height: 18px;
  background-image: url("/_themes/default/content/media/icons/info.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/info_filled.svg?stamp=230323&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-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: #0859B9;
}

.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%;
}

.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 .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/default/content/media/icons/box.svg?stamp=230323&t=0&icon_color=%23404040");
}

.grid-c .item .document-type.type-2 {
 background-image: url("/_themes/default/content/media/icons/list.svg?stamp=230323&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 .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 .item:hover:before {
  background-color: #81878F;
}

.grid-d .item.selected:before {
  background-color: #0859B9;
}

.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/default/content/media/icons/circled_arrow_right_select.svg?stamp=230323&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/default/content/media/icons/trash_can.svg?stamp=230323&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 .field.singlechoice .value-box {
  background-color: transparent;
  padding: 0;
}

.grid-d .field.lookup .value-box .text {
  padding: 0;
}

.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/default/content/media/icons/check_square_thin_filled.svg?stamp=230323&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/default/content/media/icons/circle_clear.svg?stamp=230323&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/default/content/media/icons/circle.svg?stamp=230323&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/default/content/media/icons/circle.svg?stamp=230323&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/default/content/media/icons/circle.svg?stamp=230323&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/default/content/media/icons/dotted_arrow_down.svg?stamp=230323&t=0&icon_color=%2381878F");
  transform: rotate(270deg);
}

.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.selected {
  background-color: rgba(21, 141, 220, 0.2);
}

.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;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid-g .title-line .check {
  float: left;
  margin-right: 5px;
}

.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/default/content/media/icons/large/blueprint_drawing.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/large/blueprint_drawing_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

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

.grid-g .columns-view {
  overflow: hidden;
}

.grid-g .columns-view .left-column {
  overflow: hidden;
}

.grid-g .columns-view .extra-column {
  float: right;
  margin-left: 10px;
}

.grid-g .send-status,
.grid-g .send-date{
  font-weight: 700;
}

.grid-g .status-icon {
  margin-right: 5px;
}

.grid-g .status-icon span{
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/check.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
  background-size: contain, 0;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-g .status-icon.status-1 span {
  background-size: 0, contain;
}

.grid-g .send-date-status .status-icon,
.grid-g .send-date-status .send-date {
  display: inline-block;
  vertical-align: top;
}

.grid-g .send-notifications {
  text-align: right;
}

/*grid-j*/
.grid-j .views-selector {
  margin-bottom: 10px;
}

.grid-j .field .field-value {
  /*margin-right: 100px;*/
}

.grid-j .field.approved .value-box {
  color: rgba(40, 167, 69, 1);
}

.grid-j .field.reject .value-box {
  color: rgba(220, 53, 69, 1);
}

.grid-j .field.draft .value-box {
  color: rgba(20, 115, 233, 1);
}

.grid-j .items .item {
  position: relative;
  padding: 8px 12px;
  background-color: #F9F9F9;
  border-radius: 4px;
  margin-bottom: 4px;
}

.grid-j .items .item:last-child {
  margin: 0;
}

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

.grid-j .items .item .title-line {
  margin: 0 25px 12px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-j .items .item .title-line .static-field {
  margin-bottom: 0;
}

.grid-j .items .item .title-line .title {
  font-weight: 700;
  font-size: 14px;
  color: #13344D;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: unset;
}

.grid-j .items .item .title-line .check {
  float: left;
  margin-right: 5px;
}

.grid-j .items .item .title-line .initials {
  margin-left: 9px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: rgba(21, 134, 139, 1);
  border-radius: 5px;
  color: #EEEEEE;
  font-weight: 700;
  font-size: 10px;
}

.grid-j .items .item .item-content {
  display: flex;
  align-items: center;
}

.grid-j .items .item .item-content .content-image {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain, 0;
  margin: 0;
}

.grid-j .items .item .item-content .content-text {
  margin: 0 0 0 5px;
}

.grid-j .field {
  margin-bottom: 4px;
}

.grid-j .field .field-label {
  font-size: 12px;
}

.grid-j .items .item .consumption {
  float: right;
}

.grid-j .items .item .consumption .field,
.grid-j .items .item .consumption .static-field {
  float: left;
  margin: 0;
}

.grid-j .items .item .consumption .field .field-label {
  margin-right: 4px;
}

.grid-j .items .item .consumption .field .field-value {
  margin: 0;
}

.grid-j .items .item .consumption .prev {
  font-size: 10px;
  line-height: 1;
}

.grid-j .items .item .consumption .prev.minus {
  color: rgba(220, 53, 69, 1);
}

.grid-j .items .item .consumption .prev.plus {
  color: rgba(40, 167, 69, 1);
}

.grid-j .items .item .title-line .item-status {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
  background-image: url("/_themes/default/content/media/icons/play_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/pause_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/pending_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/failure_filled.svg?stamp=230323&t=0&icon_color=%23404040");
  background-size: contain, 0, 0, 0;
}

.grid-j .items .item .title-line.status-0 .item-status {
  background-size: 0, contain, 0, 0;
}

.grid-j .items .item .title-line.status-1 .item-status {
  background-size: 0, 0, contain, 0;
}

.grid-j .items .item .title-line.status-2 .item-status {
  background-size: 0, 0, 0, contain;
}

.grid-j .items .item .item-buttons {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  transition: opacity .3s ease;
}

.grid-j .items .item:hover .item-buttons {
  opacity: 1;
}

.grid-j .items .item.selected .item-buttons {
  opacity: 1;
}

.grid-j .items .item .item-buttons a {
  display: block;
  margin-bottom: 5px;
}

.grid-j .items .item .item-buttons a:last-child {
  margin: 0;
}

.grid-j .item .deposit {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin: 0;
  font-weight: 700;
}

.grid-j .item .deposit .field-value {
  margin: 0;
}

.grid-j .item .deposit.minus .value-box {
  color: rgba(220, 53, 69, 1);
}

.grid-j .item .deposit.plus .value-box {
  color: rgba(40, 167, 69, 1);
}

.grid-j .columns-view {
  overflow: hidden;
}

.grid-j .columns-view .left-column {
  overflow: hidden;
}

.grid-j .columns-view .extra-column {
  float: right;
  margin-left: 10px;
}

.grid-j .send-status,
.grid-j .send-date{
  font-weight: 700;
}

.grid-j .status-icon {
  margin-right: 5px;
}

.grid-j .status-icon span{
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/check.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
  background-size: contain, 0;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-j .status-icon.status-1 span {
  background-size: 0, contain;
}

.grid-j .send-date-status .status-icon,
.grid-j .send-date-status .send-date {
  display: inline-block;
  vertical-align: top;
}

.grid-j .send-notifications {
  text-align: right;
}

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

.grid-j .items .item .field .value-box .text {
  padding: 0;
}

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

.statistics-grid .statistics-item {
  background-color: #F9F9F9;
  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;
  float: left;
}

.tasks-grid .item-head .button {
  visibility: hidden;
}

.tasks-grid .group:hover .item-head .button {
  visibility: visible;
}

.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: #0859B9;
  z-index: 1;
}

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


/* tree1 */
.tree1 { 
  position: relative;
}

.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/default/content/media/icons/search.svg?stamp=230323&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; 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: hidden;
  white-space: nowrap;
}

.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 .item .toggle span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-image: url("/_themes/default/content/media/icons/tree_arrow.svg?stamp=230323&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-widget {
  margin-bottom: 10px;
}

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

.contact-info .noitems {
  display: none;
}

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

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

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

.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 {
  padding: 0;
  border: none;
}

.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 .col .cmd {
  opacity: 0;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 25px;
}

.contact-info .col .cmd .image {
  display: inline-block;
  width: 20px;
  height: 25px;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center;
}

.contact-info .item:hover .col .cmd {
  opacity: 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; 
}

/*<--- dynamic-scrollbar --->*/
.grid .dynamic-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  z-index: 40;
}

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

.grid .dynamic-scrollbar .scrollbar-track::-webkit-scrollbar {
  width: 10px;
}

.grid .dynamic-scrollbar .scrollbar-track::-webkit-scrollbar-track {
  background-color: #EEEEEE;
}

.grid .dynamic-scrollbar .scrollbar-track::-webkit-scrollbar-thumb {
  background-color: #0859B9;
}

.grid .dynamic-scrollbar .scrollbar-track .scrollbar-spacer {
  width: 1px;
}

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

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

.grid-h .items .field {
  margin-bottom: 2px;
}

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

.grid-h .items .field .field-label {
  text-transform: unset;
  padding-top: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.grid.grid-h .title-line {
  margin-bottom: 0;
}

.grid.grid-h .title-line .title{
  font-weight: bold;
  color: #13344D;
  display: inline-block;
}

.grid.grid-h .field .value-box {
  background: transparent;
}

.grid.grid-h .field .value-box .text {
  padding: 4px 0px 1px 0px;
  display: inline-block;
}

.grid.grid-h .field.viewlookup .field-value .value-box .value-item {
  padding-left: 0;
  background: transparent;
  font-size: 14px;
  margin: 4px 0 0 0;
}

.grid.grid-h .field.viewlookup .field-value .value-box .value-item .text {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
}

.grid.grid-h .field.viewlookup .field-value .value-box .sep {
  padding-left: 2px;
}

.grid.grid-h .field.error-type {
  width: 20px;
  height: 20px;
  margin: 0 7px 0 0;
  display: inline-block;
  background-position: center -2px;
  background-repeat: no-repeat;
}

.grid.grid-h .field.error-type.type-0 {
  background-image: url("/_themes/default/content/media/icons/medium/bug.svg?stamp=230323&t=0&icon_color=%23D7373FFA"),
                    url("/_themes/default/content/media/icons/medium/bug.svg?stamp=230323&t=0&icon_color=%23D7373FFA");
}

.grid.grid-h .field.error-type.type-1 {
  background-image: url("/_themes/default/content/media/icons/medium/feedback.svg?stamp=230323&t=0&icon_color=%2313344D"),
                    url("/_themes/default/content/media/icons/medium/feedback.svg?stamp=230323&t=0&icon_color=%2313344D");
}

/* repeatable-a */
.group.repeatable-a .static-field,
.group.repeatable-a .field
{
  margin-left: 0 !important;
  margin-right: 0 !important;
  cursor: pointer;
}

.group.repeatable-a .field .field-value {
  margin-right: 0 !important;
}

.group.repeatable-a .field.sep .field-value {
  margin-right: 5px !important;
}


/* grid-t1 */
.grid-t1 {
  position: relative;
}

.grid-t1 .items {
  height: 470px;
  overflow: auto;
}

.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 {
  margin-bottom: 3px;
}

.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 .item {
  position: relative;
  transition: background-color .2s ease;
  padding: 10px 20px 10px 13px;
  color: #81878F;
}

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

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

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

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

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

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

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

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

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

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

.grid-t1 .item.selected:before {
  background-color: #0859B9;
}

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

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

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

.grid-t1 .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/default/content/media/icons/circled_arrow_right_select.svg?stamp=230323&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/default/content/media/icons/trash_can.svg?stamp=230323&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 .footer {
  position: absolute;
  left: 14px;
  right: 0;
  bottom: 0;
  height: 30px;
  /*box-shadow: 0 0 10px -3px #ababab;*/
  background-color: #ffffff;
  z-index: 1;
  background-color: #FFFFFF;
}


.grid-t1 .paging-bar .paging {
  float: none;
  overflow: hidden;
}

/*.grid-t1 .title-line .title { font-size: 14px; }*/

.grid-t1 .field.lookup .value-box .text {
  padding: 0;
}

/*grid indent*/
.grid .col.indent-1 > div {
  padding-left: 20px;
}

.grid .col.indent-2 > div {
  padding-left: 40px;
}

.grid .col.indent-3 > div {
  padding-left: 60px;
}

.grid .col.indent-4 > div {
  padding-left: 80px;
}

.grid .col.indent-5 > div {
  padding-left: 100px;
}

.grid .col.indent-6 > div {
  padding-left: 120px;
}

.grid .col.indent-7 > div {
  padding-left: 140px;
}

.grid .col.indent-8 > div {
  padding-left: 160px;
}

.grid .col.indent-9 > div {
  padding-left: 180px;
}

.grid .col.indent-10 > div {
  padding-left: 200px;
}

/* grid-t1 */
.grid-t1 {
  position: relative;
}

.grid-t1 .items {
  /*height: 470px;*/
  overflow: auto;
}

.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 .item {
  position: relative;
  transition: background-color .2s ease;
  /*padding: 10px 20px 10px 13px;*/
  color: #81878F;
}

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

.grid-t1.style-c .item {
  padding: 7px 10px;
}

.grid-t1.style-c .item .field .tooltip-marker {
  top: 0;
}

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

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

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

.grid-t1.style-c .item:after {
  left: 10px;
}

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

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

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

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

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

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

.grid-t1 .item.selected:before {
  background-color: #0859B9;
}

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

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

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

.grid-t1 .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/default/content/media/icons/circled_arrow_right_select.svg?stamp=230323&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/default/content/media/icons/trash_can.svg?stamp=230323&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 .grouping-type { 
  border-bottom: 1px solid #D5D7DA; 
  margin-bottom: 10px;
}

.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;
}
.image-print { background-image: url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%23404040"),
                                 url("/_themes/default/content/media/icons/print_filled.svg?stamp=230323&t=0&icon_color=%23404040");}
.image-send-by-email { background-image: url("/_themes/default/content/media/icons/send_email.svg?stamp=230323&t=0&icon_color=%23404040"),
                                         url("/_themes/default/content/media/icons/send_email_filled.svg?stamp=230323&t=0&icon_color=%23404040"); }
                                         
.image-add { background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%23404040"),
                               url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-add-template,
.image-template {
  background-image: url("/_themes/default/content/media/icons/template.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/template_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-go-to {
  background-image: url("/_themes/default/content/media/icons/go_to.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/go_to_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-search { background-image: url("/_themes/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/search_filled.svg?stamp=230323&t=0&icon_color=%23404040"); }
                                  
.image-search-button { background-image: url("/_themes/default/content/media/icons/search_button.svg?stamp=230323&t=0&icon_color=%23158DDC"),
                                         url("/_themes/default/content/media/icons/search_button_filled.svg?stamp=230323&t=0&icon_color=%23158DDC"); }

.image-register { background-image: url("/_themes/default/content/media/icons/register.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-trash-can { 
  background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); 
}

.image-trash-can-m { 
  background-image: url("/_themes/default/content/media/icons/medium/trash_can.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/trash_can_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/trash_can.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/trash_can_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); 
  
}
                                     
.image-menu { background-image: url("/_themes/default/content/media/icons/menu.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                url("/_themes/default/content/media/icons/menu_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                
.image-measurement { background-image: url("/_themes/default/content/media/icons/measurement.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/icons/measurement.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/icons/measurement.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/icons/measurement.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                
.image-filter { background-image: url("/_themes/default/content/media/icons/filter.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/filter_fill.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/filter_fill.svg?stamp=230323&t=0&icon_color=%23404040");}
.image-settings,
.image-grid-settings { background-image: url("/_themes/default/content/media/icons/settings.svg?stamp=230323&t=0&icon_color=%23404040"),
                                         url("/_themes/default/content/media/icons/settings_filled.svg?stamp=230323&t=0&icon_color=%23404040")}
.image-grid { background-image: url("/_themes/default/content/media/icons/grid.svg?stamp=230323&t=0&icon_color=%23404040"),
                                url("/_themes/default/content/media/icons/grid_filled.svg?stamp=230323&t=0&icon_color=%23404040")}
.image-refresh { 
  background-image: url("/_themes/default/content/media/icons/refresh.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/refresh_filled.svg?stamp=230323&t=0&icon_color=%23404040"); 
}

.image-refresh2 { 
  background-image: url("/_themes/default/content/media/icons/refresh2.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/refresh2_filled.svg?stamp=230323&t=0&icon_color=%23404040"); 
}

.image-auto-match { background-image: url("/_themes/default/content/media/icons/auto-match.svg?stamp=230323&t=0&icon_color=%23404040"); }
/*.image-package { background-image: url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%23404040"); }*/
.image-build-package { background-image: url("/_themes/default/content/media/icons/build_package.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-document-box { background-image: url("/_themes/default/content/media/icons/document_box.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-document-list { background-image: url("/_themes/default/content/media/icons/document_list.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-context-menu { 
  background-image: url("/_themes/default/content/media/icons/context_menu.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/context_menu.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-share {
  background-image: url("/_themes/default/content/media/icons/share.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/share_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-archive {
  background-image: url("/_themes/default/content/media/icons/archive.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/archive_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-pause { 
  background-image: url("/_themes/default/content/media/icons/pause.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/pause_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-pending { 
  background-image: url("/_themes/default/content/media/icons/pending.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/pending_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-delete { background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-magick { background-image: url("/_themes/default/content/media/icons/magick.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/magick_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-convert-to { background-image: url("/_themes/default/content/media/icons/convert_to.svg?stamp=230323&t=0&icon_color=%23404040"),
                                      url("/_themes/default/content/media/icons/convert_to_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-rotate { background-image: url("/_themes/default/content/media/icons/rotate.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/rotate_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-update { background-image: url("/_themes/default/content/media/icons/change_update.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/change_update_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-number { background-image: url("/_themes/default/content/media/icons/number.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/number_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-angle-rule { background-image: url("/_themes/default/content/media/icons/angle_rule.svg?stamp=230323&t=0&icon_color=%23404040"),
                                      url("/_themes/default/content/media/icons/angle_rule_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-copy-to { background-image: url("/_themes/default/content/media/icons/copy.svg?stamp=230323&t=0&icon_color=%23404040"),
                                   url("/_themes/default/content/media/icons/copy_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-move-to { background-image: url("/_themes/default/content/media/icons/move_to.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/move_to_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-auto-baloon { background-image: url("/_themes/default/content/media/icons/auto_baloon.svg?stamp=230323&t=0&icon_color=%23404040"),
                                       url("/_themes/default/content/media/icons/auto_baloon.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-auto-parse { background-image: url("/_themes/default/content/media/icons/auto_parse.svg?stamp=230323&t=0&icon_color=%23404040"),
                                      url("/_themes/default/content/media/icons/auto_parse.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-print-pdf { background-image: url("/_themes/default/content/media/icons/print_to_pdf.svg?stamp=230323&t=0&icon_color=%23404040"),
                                      url("/_themes/default/content/media/icons/print_to_pdf_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-current-revision { background-image: url("/_themes/default/content/media/icons/revision.svg?stamp=230323&t=0&icon_color=%23404040"),
                                            url("/_themes/default/content/media/icons/revision_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-previous-revision { background-image: url("/_themes/default/content/media/icons/previous_revision.svg?stamp=230323&t=0&icon_color=%23404040"),
                                             url("/_themes/default/content/media/icons/previous_revision_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-merged-view { background-image: url("/_themes/default/content/media/icons/merged_view.svg?stamp=230323&t=0&icon_color=%23404040"),
                                       url("/_themes/default/content/media/icons/merged_view_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-properties { background-image: url("/_themes/default/content/media/icons/properties.svg?stamp=230323&t=0&icon_color=%23404040"),
                                      url("/_themes/default/content/media/icons/properties_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-report { background-image: url("/_themes/default/content/media/icons/send_by_email.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/send_by_email_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-view { background-image: url("/_themes/default/content/media/icons/view.svg?stamp=230323&t=0&icon_color=%23404040"),
                                url("/_themes/default/content/media/icons/view.svg?stamp=230323&t=0&icon_color=%23404040"),
                                url("/_themes/default/content/media/icons/view.svg?stamp=230323&t=0&icon_color=%23158DDC"); }
.image-attachment { background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%23404040"),
                                url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%23404040"),
                                url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%23158DDC"); }
.image-download { background-image: url("/_themes/default/content/media/icons/download.svg?stamp=230323&t=0&icon_color=%23404040"),
                                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-theme { background-image: url("/_themes/default/content/media/icons/medium/theme.svg?stamp=230323&t=0&icon_color=%23404040"),
                                 url("/_themes/default/content/media/icons/medium/theme.svg?stamp=230323&t=0&icon_color=%23158DDC"); }
                                 
.image-circled-arrow-right { background-image: url("/_themes/default/content/media/icons/circled_arrow_right.svg?stamp=230323&t=0&icon_color=%23404040"),
                                               url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=230323&t=0&icon_color=%23404040");}
                                               
.image-circled-arrow-left { background-image: url("/_themes/default/content/media/icons/circled_arrow_left.svg?stamp=230323&t=0&icon_color=%23404040"),
                                               url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=230323&t=0&icon_color=%23404040");}

.image-submit { background-image: url("/_themes/default/content/media/icons/submit.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/icons/submit_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-submit-m { background-image: url("/_themes/default/content/media/icons/medium/submit.svg?stamp=230323&t=0&icon_color=%23404040"),
                                    url("/_themes/default/content/media/icons/medium/submit_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                                    url("/_themes/default/content/media/icons/medium/submit.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                    url("/_themes/default/content/media/icons/medium/submit_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-return { background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                  url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.image-reject { background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                  url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); 
}

.image-analysis {
  background-image: url("/_themes/default/content/media/icons/add_analysis.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/add_analysis.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-restart-app {
  background-image: url("/_themes/default/content/media/icons/restart_app.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/restart_app.svg?stamp=230323&t=0&icon_color=%23404040");
}
                                  
.image-close { background-image: url("/_themes/default/content/media/icons/close.svg?stamp=230323&t=0&icon_color=%23404040"),
                                 url("/_themes/default/content/media/icons/close_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-clone { background-image: url("/_themes/default/content/media/icons/clone.svg?stamp=230323&t=0&icon_color=%23404040"),
                                 url("/_themes/default/content/media/icons/clone_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-clone-m { background-image: url("/_themes/default/content/media/icons/medium/clone.svg?stamp=230323&t=0&icon_color=%23404040"),
                                   url("/_themes/default/content/media/icons/medium/clone_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.testing-steps-grid .button .image-clone-m {
  background-image: url("/_themes/default/content/media/icons/medium/clone.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/clone_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/clone.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/clone_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.testing-steps-grid .button .image-rotate-reset-reverse-m {
  transform: scale(-1, 1);
  background-image: url("/_themes/default/content/media/icons/medium/rotate_reset.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/rotate_reset_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/rotate_reset.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/rotate_reset_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-close-x, .image-Close-x { background-image: url("/_themes/default/content/media/icons/close-x.svg?stamp=230323&t=0&icon_color=%23404040"),
                                 url("/_themes/default/content/media/icons/close-x.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-cloud-connect { background-image: url("/_themes/default/content/media/icons/cloud_connect.svg?stamp=230323&t=0&icon_color=%23404040"),
                                         url("/_themes/default/content/media/icons/cloud_connect_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-cloud-reconnect { background-image: url("/_themes/default/content/media/icons/cloud_reconnect.svg?stamp=230323&t=0&icon_color=%23404040"),
                                           url("/_themes/default/content/media/icons/cloud_reconnect_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-cloud-disconnect { background-image: url("/_themes/default/content/media/icons/cloud_disconnect.svg?stamp=230323&t=0&icon_color=%23404040"),
                                            url("/_themes/default/content/media/icons/cloud_disconnect_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-link {
  background-image: url("/_themes/default/content/media/icons/link.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/link_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-link2 {
  background-image: url("/_themes/default/content/media/icons/link2.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/link2_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-template {
  background-image: url("/_themes/default/content/media/icons/template.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/template_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-im-pqp { background-image: url("/_themes/default/content/media/PQP.svg?stamp=230323&t=0&icon_color=%23404040"),
                                       url("/_themes/default/content/media/PQPFull.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-im-explorer { background-image: url("/_themes/default/content/media/switchapp/Caliper.svg?stamp=230323&t=0&icon_color=%23404040"),
                                       url("/_themes/default/content/media/switchapp/Caliper.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-im-express { background-image: url("/_themes/default/content/media/switchapp/Rule.svg?stamp=230323&t=0&icon_color=%23404040"),
                                       url("/_themes/default/content/media/switchapp/Rule.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-im-spc { background-image: url("/_themes/default/content/media/switchapp/SPC.svg?stamp=230323&t=0&icon_color=%23404040"),
                                       url("/_themes/default/content/media/switchapp/SPC.svg?stamp=230323&t=0&icon_color=%23404040")
}
.image-im-qms { background-image: url("/_themes/default/content/media/switchapp/PQP.svg?stamp=230323&t=0&icon_color=%23404040"),
                                       url("/_themes/default/content/media/switchapp/PQP.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-has-slot {
  background-image: url("/_themes/default/content/media/icons/calendar_has_slot.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/calendar_has_slot_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-check {
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040")
}

.image-square-check {
  background-image: url("/_themes/default/content/media/icons/check_square_thin.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/check_square_thin_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-issue {
  background-image: url("/_themes/default/content/media/icons/info.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/info_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.actions-pane .image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-add-comment {
  background-image: url("/_themes/default/content/media/icons/new_chat.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/new_chat_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-chat {
  background-image: url("/_themes/default/content/media/icons/message.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/message_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-plus {
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-software {
  background-image: url("/_themes/default/content/media/icons/software.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/software_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-clear {
  background-image: url("/_themes/default/content/media/icons/clean.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-status {
  background-image: url("/_themes/default/content/media/icons/status.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/status_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-attach-location {
  background-image: url("/_themes/default/content/media/icons/attach_location.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/attach_location_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-attach-project {
  background-image: url("/_themes/default/content/media/icons/attach_project.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/attach_project_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-reset-part {
  background-image: url("/_themes/default/content/media/icons/reset_part.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reset_part_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-rotate-reset {
  background-image: url("/_themes/default/content/media/icons/rotate_reset.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/rotate_reset_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-rotate-reset-reverse {
  transform: scale(-1, 1);
  background-image: url("/_themes/default/content/media/icons/rotate_reset.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/rotate_reset_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-rotate-reset-reverse-m {
  transform: scale(-1, 1);
  background-image: url("/_themes/default/content/media/icons/medium/rotate_reset.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/rotate_reset_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-palette {
  background-image: url("/_themes/default/content/media/icons/palette.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/palette_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-edit {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-edit-m {
  background-image: url("/_themes/default/content/media/icons/medium/edit.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/edit_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/edit.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/edit_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-decline-m {
  background-image: url("/_themes/default/content/media/icons/medium/decline.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/decline_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/decline.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/decline_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-resolve-m {
  background-image: url("/_themes/default/content/media/icons/medium/resolve.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/resolve_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/resolve.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/resolve_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-resolve-already {
  background-image: url("/_themes/default/content/media/icons/already_resolved.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/already_resolved_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/already_resolved.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/already_resolved_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-resolve-already-m {
  background-image: url("/_themes/default/content/media/icons/medium/already_resolved.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/already_resolved_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/already_resolved.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/already_resolved_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.icon-default,
.image-workflow {
  background-image: url("/_themes/default/content/media/icons/workflow.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-revoke {
  background-image: url("/_themes/default/content/media/icons/revoke.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/revoke_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-revoke-m {
  background-image: url("/_themes/default/content/media/icons/medium/reject.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/reject_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/reject.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/reject_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-circled-arrow-left-m {
  background-image: url("/_themes/default/content/media/icons/medium/circled_arrow_left.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/circled_arrow_left_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/circled_arrow_left.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/circled_arrow_left_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-import {
  background-image: url("/_themes/default/content/media/icons/import.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/import_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-export,
.image-export-excel {
  background-image: url("/_themes/default/content/media/icons/export.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-save {
  background-image: url("/_themes/default/content/media/icons/save.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/save_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/save_filled.svg?stamp=230323&t=0&icon_color=%23DB9712");
}

.image-reload {
  background-image: url("/_themes/default/content/media/icons/reload.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reload_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-add-board {
  background-image: url("/_themes/default/content/media/icons/add_boards.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/add_boards_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-reorder-board {
  background-image: url("/_themes/default/content/media/icons/reorder_boards.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reorder_boards_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-add-card {
  background-image: url("/_themes/default/content/media/icons/add_cards.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/add_cards_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-reorder-card {
  background-image: url("/_themes/default/content/media/icons/reorder_cards.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reorder_cards_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-form {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/form_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-force {
  background-image: url("/_themes/default/content/media/icons/lightning.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/lightning_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-book {
  background-image: url("/_themes/default/content/media/icons/book.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/book_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-add-bookmark {
  background-image: url("/_themes/default/content/media/icons/add_bookmark.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/add_bookmark_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-upload {
  background-image: url("/_themes/default/content/media/icons/upload.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-purchase {
  background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/purchase_order_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-back {
  background-image: url("/_themes/default/content/media/icons/circle_arrow.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-revision {
  background-image: url("/_themes/default/content/media/icons/revision.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/revision_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-detach {
  background-image: url("/_themes/default/content/media/icons/detach.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/detach_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-details {
  background-image: url("/_themes/default/content/media/icons/details.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/details.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-confirm {
  background-image: url("/_themes/default/content/media/icons/approve.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/approve_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-confirm-m {
  background-image: url("/_themes/default/content/media/icons/medium/approve.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/approve_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/approve.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/approve_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-cancel {
  background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-logout {
  background-image: url("/_themes/default/content/media/icons/logout.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/logout_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-house {
  background-image: url("/_themes/default/content/media/icons/house.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/house_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-lock {
  background-image: url("/_themes/default/content/media/icons/lock.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/lock_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-opened-folder {
  background-image: url("/_themes/default/content/media/icons/opened_folder.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/opened_folder_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-pencil {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-delete-user {
  background-image: url("/_themes/default/content/media/icons/delete_user.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/delete_user_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-user {
  background-image: url("/_themes/default/content/media/icons/user.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/user_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-current-element {
  background-image: url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.image-circle-check {
  background-image: url("/_themes/default/content/media/icons/circle_check.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-database-view {
  background-image: url("/_themes/default/content/media/icons/database.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/database_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-move-up {
  background-image: url("/_themes/default/content/media/icons/move_up.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/move_up_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-move-down {
  background-image: url("/_themes/default/content/media/icons/move_down.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/move_down_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-add-multiply {
  background-image: url("/_themes/default/content/media/icons/multiply_dims.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/multiply_dims_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-delete-multiply {
  background-image: url("/_themes/default/content/media/icons/multiply_dims_remove.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/multiply_dims_remove_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-cut {
  background-image: url("/_themes/default/content/media/icons/cut.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/cut_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-paste {
  background-image: url("/_themes/default/content/media/icons/paste.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/paste_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-add-folder {
  background-image: url("/_themes/default/content/media/icons/create_folder.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/create_folder_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-mark-unread {
  background-image: url("/_themes/default/content/media/icons/unread_message.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/unread_message_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-mark-read {
  background-image: url("/_themes/default/content/media/icons/read_message.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/read_message_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-mark-message {
  background-image: url("/_themes/default/content/media/icons/favorites.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)");
}

.image-unmark-message {
  background-image: url("/_themes/default/content/media/icons/favorites_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-hide {
  background-image: url("/_themes/default/content/media/icons/hide_message.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/hide_message_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-new-discussion {
  background-image: url("/_themes/default/content/media/icons/create_discussion.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/create_discussion_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-eye {
  background-image: url("/_themes/default/content/media/icons/eye.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-no-eye {
  background-image: url("/_themes/default/content/media/icons/no_eye.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/no_eye_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-function {
  background-image: url("/_themes/default/content/media/icons/function.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/function_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-messenger {
  background-image: url("/_themes/default/content/media/icons/messenger.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-notes {
  background-image: url("/_themes/default/content/media/icons/notes.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/notes_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-reminder {
  background-image: url("/_themes/default/content/media/icons/reminder.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reminder_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-remove-bookmark {
  background-image: url("/_themes/default/content/media/icons/remove_bookmark.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/remove_bookmark_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-page-board {
  background-image: url("/_themes/default/content/media/icons/properties_panel.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/properties_panel_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/properties_panel_notification_filled.svg?stamp=230323&t=0&icon_color=%23404040&notification_color=%23158DDC");
}

.image-warning {
  background-image: url("/_themes/default/content/media/icons/warning.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/warning.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

/*.image-page-board:hover {*/
/*  background-size: 0, contain, 0;*/
/*}*/

.image-start {
  background-image: url("/_themes/default/content/media/icons/play.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/play_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-play-all {
  background-image: url("/_themes/default/content/media/icons/play_all.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/play_all_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-play-selected {
  background-image: url("/_themes/default/content/media/icons/play_selected.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/play_selected_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-history {
  background-image: url("/_themes/default/content/media/icons/history.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/history_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-reassign {
  background-image: url("/_themes/default/content/media/icons/reassign_developer.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reassign_developer_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-reassign-m {
  background-image: url("/_themes/default/content/media/icons/reassign_developer.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reassign_developer_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reassign_developer.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/reassign_developer_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-finish {
  background-image: url("/_themes/default/content/media/icons/finish_flag.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/finish_flag_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-build {
  background-image: url("/_themes/default/content/media/icons/build.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/build_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-build-m {
  background-image: url("/_themes/default/content/media/icons/medium/build.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/build_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/build.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/build_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-build-block {
  background-image: url("/_themes/default/content/media/icons/build_block.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/build_block_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-build-block-next {
  background-image: url("/_themes/default/content/media/icons/build_block_next.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/build_block_next_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-this-version {
  background-image: url("/_themes/default/content/media/icons/build_block_next.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/build_block_next_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-this-version-m {
  background-image: url("/_themes/default/content/media/icons/medium/this_version.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/this_version_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/this_version.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/this_version_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-next-version {
  background-image: url("/_themes/default/content/media/icons/next_version.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/next_version_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-next-version-m {
  background-image: url("/_themes/default/content/media/icons/medium/next_version.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/next_version_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium/next_version.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/medium/next_version_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-edit-history {
  background-image: url("/_themes/default/content/media/icons/edit_history.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/edit_history_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/edit_history.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/edit_history_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-skip {
  background-image: url("/_themes/default/content/media/icons/skip.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/skip_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-up-arrow {
  background-image: url("/_themes/default/content/media/icons/circled_arrow_up.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/circled_arrow_up_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-down-arrow {
  background-image: url("/_themes/default/content/media/icons/circled_arrow_down.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/circled_arrow_down_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-dots {
  background-image: url("/_themes/default/content/media/icons/menu.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/menu_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-phone,
.image-phone-active {
  background-image: url("/_themes/default/content/media/icons/phone.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/phone_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-web,
.image-web-active {
  background-image: url("/_themes/default/content/media/icons/web.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/web_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-office,
.image-office-active {
  background-image: url("/_themes/default/content/media/icons/office_phone.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/office_phone_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-mob,
.image-mob-active {
  background-image: url("/_themes/default/content/media/icons/phone.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/phone_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-fax,
.image-fax-active {
  background-image: url("/_themes/default/content/media/icons/fax.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/fax_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-email2,
.image-email2-active {
  background-image: url("/_themes/default/content/media/icons/mail_unread.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/mail_unread_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-skype,
.image-skype-active {
  background-image: url("/_themes/default/content/media/icons/skype.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/skype_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

/*<--- priorities --->*/
.image-priority-emergency {
  background-image: url("/_themes/default/content/media/icons/emergency_priority.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/emergency_priority.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-priority-high {
  background-image: url("/_themes/default/content/media/icons/high_priority.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/high_priority.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-priority-medium {
  background-image: url("/_themes/default/content/media/icons/medium_priority.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/medium_priority.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-priority-low {
  background-image: url("/_themes/default/content/media/icons/low_priority.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/low_priority.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-signature-valid {
  background-image: url("/_themes/default/content/media/icons/signature_valid.svg?stamp=230323&t=0");
}

.image-signature-invalid {
  background-image: url("/_themes/default/content/media/icons/signature_invalid.svg?stamp=230323&t=0");
}

.image-checkin {
  background-image: url("/_themes/default/content/media/icons/checkin.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/checkin.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-checkout {
  background-image: url("/_themes/default/content/media/icons/checkout.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/checkout.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-bug {
  background-image: url("/_themes/default/content/media/icons/bug.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/bug.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-mail-unread {
  background-image: url("/_themes/default/content/media/icons/mail_unread.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/mail_unread.svg?stamp=230323&t=0&icon_color=%23404040")
}



/*<--- figures --->*/
.image-pflow-fab {
  background-image: url("/_themes/default/content/media/icons/rhombus.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/rhombus.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-pflow-move {
  background-image: url("/_themes/default/content/media/icons/ellipse.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/ellipse.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-pflow-storeget {
  background-image: url("/_themes/default/content/media/icons/triangle.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/triangle.svg?stamp=230323&t=0&icon_color=%23404040");
}


.image-pflow-rework {
  background-image: url("/_themes/default/content/media/icons/pentagon.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/pentagon.svg?stamp=230323&t=0&icon_color=%23404040");
}


.image-pflow-scrapcontain {
  background-image: url("/_themes/default/content/media/icons/octagon.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/octagon.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-pflow-inspect {
  background-image: url("/_themes/default/content/media/icons/rectangle.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/rectangle.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-required {
  background-image: url("/_themes/default/content/media/icons/lightning.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/lightning_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-insert-row {
  background-image: url("/_themes/default/content/media/icons/insert_row.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/insert_row_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-insert-row-above {
  background-image: url("/_themes/default/content/media/icons/insert_row_above.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/insert_row_above_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-indent {
  background-image: url("/_themes/default/content/media/icons/indent.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/indent_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-outdent {
  background-image: url("/_themes/default/content/media/icons/outdent.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/outdent_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-favorites {
  background-image: url("/_themes/default/content/media/icons/favorites.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-favorites-link {
  background-image: url("/_themes/default/content/media/icons/favorites_link.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites_link_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-favorites-planet {
  background-image: url("/_themes/default/content/media/icons/favorites_planet.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites_planet_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-favorites-warning {
  background-image: url("/_themes/default/content/media/icons/favorites_warning.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites_warning_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-favorites-manager {
  background-image: url("/_themes/default/content/media/icons/favorites_manager.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/favorites_manager_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-star {
  background-image: url("/_themes/default/content/media/icons/star_outlined.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/star_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-quote {
  background-image: url("/_themes/default/content/media/icons/quote.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/quote_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

/*<--- statuses --->*/
.image-status_denied {
  background-image: url("/_themes/default/content/media/icons/statuses/reject.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-status_exp {
  background-image: url("/_themes/default/content/media/icons/statuses/status_exp.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-status_no {
  background-image: url("/_themes/default/content/media/icons/statuses/status_no.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.image-status_question {
  background-image: url("/_themes/default/content/media/icons/statuses/status_question.svg?stamp=230323&t=0&icon_color=%23158DDC")
}

.image-status_warning {
  background-image: url("/_themes/default/content/media/icons/statuses/status_warning.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)")
}

.image-status_warning_gray {
  background-image: url("/_themes/default/content/media/icons/statuses/status_warning.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-status_warning_magenta {
  background-image: url("/_themes/default/content/media/icons/statuses/status_warning.svg?stamp=230323&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")
}

.image-status_yes {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.image-status_yes_blue {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=230323&t=0&icon_color=%23158DDC")
}

.image-status_yes_gray {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-status_yes_violet {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=230323&t=0&icon_color=%23B130BD")
}

.image-status_cancelled {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-status_completed {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.image-status_deferred {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=%23158DDC")
}

.image-status_in_progress {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)")
}

.image-status_not_started {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.image-status_waiting {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")
}

/*<--- images types --->*/
.image-type-0 {
  background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/folder.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-type-1 {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-type-2 {
  background-image: url("/_themes/default/content/media/icons/workflow.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-type-3,
.image-type-8 {
  background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-type-4 {
  background-image: url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-type-5,
.image-index {
  background-image: url("/_themes/default/content/media/icons/index.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/index_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-type-6 {
  background-image: url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%23404040");
}



.image-content-type-0 { background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=230323&t=0&icon_color=%23404040"),
                                          url("/_themes/default/content/media/icons/folder.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-content-type-1 { background-image: url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%23404040"),
                                          url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-content-type-2 { background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%23404040"),
                                          url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-content-type-3,
.image-content-type-8 { background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%23404040"),
                                          url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-content-type-4 { background-image: url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%23404040"),
                                          url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%23404040"); }
                                          
.image-content-type-5 { background-image: url("/_themes/default/content/media/icons/index.svg?stamp=230323&t=0&icon_color=%23404040"),
                                          url("/_themes/default/content/media/icons/index_filled.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-content-type-6 { background-image: url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%23404040"),
                                          url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-progress0 { background-image: url("/_themes/default/content/media/progress/progress_0.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-progress1 { background-image: url("/_themes/default/content/media/progress/progress_1.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-progress2 { background-image: url("/_themes/default/content/media/progress/progress_2.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-progress3 { background-image: url("/_themes/default/content/media/progress/progress_3.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-progress4 { background-image: url("/_themes/default/content/media/progress/progress_4.svg?stamp=230323&t=0&icon_color=%23404040"); }

.image-circle { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=%23404040"),
                                       url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-circle_gray,
.image-circle-gray { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.image-circle_green,
.image-circle-green { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                                        url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"); }
.image-circle_lightblue,
.image-circle-lightblue { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"),
                                         url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
.image-circle_yellow,
.image-circle-yellow { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                                         url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"); }
.image-circle_red,
.image-circle-red { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                      url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"); }
.image-circle_blue,
.image-circle-blue { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=%23158DDC"),
                                       url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=%23158DDC"); }
.image-circle_purple,
.image-circle-purple { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                                       url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"); }
.image-circle_orange,
.image-circle-orange { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                                         url("/_themes/default/content/media/icons/circle.svg?stamp=230323&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"); }
.image-circle_stroke_gray,
.image-circle-stroke-gray { background-image: url("/_themes/default/content/media/icons/circle_clear.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                         url("/_themes/default/content/media/icons/circle_clear.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                       
.image-color-1 { background-image: url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(91%2c+91%2c+223%2c+1)"),
                                   url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(91%2c+91%2c+223%2c+1)")}
.image-color-2 { background-image: url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(21%2c+134%2c+139%2c+1)"),
                                   url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(21%2c+134%2c+139%2c+1)")}
.image-color-3 { background-image: url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)"),
                                   url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)")}
.image-color-4 { background-image: url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)"),
                                   url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(146%2c+86%2c+217%2c+1)")}
.image-color-5 { background-image: url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                   url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")}
.image-color-6 { background-image: url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                                   url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)")}
.image-color-7 { background-image: url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)"),
                                   url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)")}
.image-color-8 { background-image: url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)"),
                                   url("/_themes/default/content/media/icons/color_box.svg?stamp=230323&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")}

/* Dim Types */
.image.image-dim-Width { background-image: url("/_themes/default/content/media/dimtypes/dim_Width.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Width-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Width_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Welding { background-image: url("/_themes/default/content/media/dimtypes/dim_Welding.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Unilateral { background-image: url("/_themes/default/content/media/dimtypes/dim_Unilateral.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-UnequallyDisposed { background-image: url("/_themes/default/content/media/dimtypes/dim_UnequallyDisposed.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-True-Position { background-image: url("/_themes/default/content/media/dimtypes/dim_True_Position.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-True-Position-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_True_Position_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Total-Runout { background-image: url("/_themes/default/content/media/dimtypes/dim_Total_Runout.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Total-Runout-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Total_Runout_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Thread { background-image: url("/_themes/default/content/media/dimtypes/dim_Thread.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-TangentPlane { background-image: url("/_themes/default/content/media/dimtypes/dim_TangentPlane.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Symmetry { background-image: url("/_themes/default/content/media/dimtypes/dim_Symmetry.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Symmetry-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Symmetry_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Profile { background-image: url("/_themes/default/content/media/dimtypes/dim_Surface_Profile.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Profile-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Surface_Profile_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Surface-Finish { background-image: url("/_themes/default/content/media/dimtypes/dim_Surface_Finish.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Straightness { background-image: url("/_themes/default/content/media/dimtypes/dim_Straightness.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Straightness-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Straightness_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Square { background-image: url("/_themes/default/content/media/dimtypes/dim_Square.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Square-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Square_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Radius { background-image: url("/_themes/default/content/media/dimtypes/dim_Spherical_Radius.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Radius-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Spherical_Radius_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Diameter { background-image: url("/_themes/default/content/media/dimtypes/dim_Spherical_Diameter.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Spherical-Diameter-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Spherical_Diameter_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-RegardlessOfFeatureSize { background-image: url("/_themes/default/content/media/dimtypes/dim_RegardlessOfFeatureSize.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Radial { background-image: url("/_themes/default/content/media/dimtypes/dim_Radial.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Radial-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Radial_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Question { background-image: url("/_themes/default/content/media/dimtypes/dim_question.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-ProjectedToleranceZone { background-image: url("/_themes/default/content/media/dimtypes/dim_ProjectedToleranceZone.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-PolarRadial { background-image: url("/_themes/default/content/media/dimtypes/dim_PolarRadial.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-PolarRadial-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_PolarRadial_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Polar { background-image: url("/_themes/default/content/media/dimtypes/dim_Polar.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Polar-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Polar_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Point-Profile { background-image: url("/_themes/default/content/media/dimtypes/dim_Point_Profile.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Points { background-image: url("/_themes/default/content/media/dimtypes/dim_Points.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Point { background-image: url("/_themes/default/content/media/dimtypes/dim_Point.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Perpendicularity { background-image: url("/_themes/default/content/media/dimtypes/dim_Perpendicularity.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Perpendicularity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Perpendicularity_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Parallelism { background-image: url("/_themes/default/content/media/dimtypes/dim_Parallelism.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Parallelism-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Parallelism_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Note { background-image: url("/_themes/default/content/media/dimtypes/dim_Note.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-NotConvex { background-image: url("/_themes/default/content/media/dimtypes/dim_NotConvex.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-noimage { background-image: url("/_themes/default/content/media/dimtypes/dim_noimage.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-MaximumMaterialCondition { background-image: url("/_themes/default/content/media/dimtypes/dim_MaximumMaterialCondition.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile { background-image: url("/_themes/default/content/media/dimtypes/dim_Line_Profile.svg)?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Line_Profile_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Linear { background-image: url("/_themes/default/content/media/dimtypes/dim_Linear.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Linear-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Linear_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Line-Profile { background-image: url("/_themes/default/content/media/dimtypes/dim_Line Profile.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-LeastMaterialCondition { background-image: url("/_themes/default/content/media/dimtypes/dim_LeastMaterialCondition.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-General { background-image: url("/_themes/default/content/media/dimtypes/dim_General.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FreeState { background-image: url("/_themes/default/content/media/dimtypes/dim_FreeState.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Flatness { background-image: url("/_themes/default/content/media/dimtypes/dim_Flatness.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Flatness-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Flatness_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FlagNote { background-image: url("/_themes/default/content/media/dimtypes/dim_FlagNote.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FastenerTankSealPlane { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerTankSealPlane.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FastenerRefLocation { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerRefLocation.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FastenerReference { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerReference.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FastenerNote { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerNote.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FastenerLocation { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerLocation.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FastenerHoleLocation { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerHoleLocation.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-FastenerHidden { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerHidden.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Fastener { background-image: url("/_themes/default/content/media/dimtypes/dim_Fastener.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Fastener-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Fastener_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Edge { background-image: url("/_themes/default/content/media/dimtypes/dim_Edge.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Edge-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Edge_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-DTS { background-image: url("/_themes/default/content/media/dimtypes/dim_DTS.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Diameter { background-image: url("/_themes/default/content/media/dimtypes/dim_Diameter.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Diameter-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Diameter_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Depth { background-image: url("/_themes/default/content/media/dimtypes/dim_Depth.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Cylindricity { background-image: url("/_themes/default/content/media/dimtypes/dim_Cylindricity.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Cylindricity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Cylindricity_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-CustomPassFail { background-image: url("/_themes/default/content/media/dimtypes/dim_CustomPassFail.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-CustomBilateral { background-image: url("/_themes/default/content/media/dimtypes/dim_CustomBilateral.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-CustomBilateral-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_CustomBilateral_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-CS-Dist { background-image: url("/_themes/default/content/media/dimtypes/dim_CS_Dist.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-CS-Dist-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_CS_Dist_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Countersink { background-image: url("/_themes/default/content/media/dimtypes/dim_Countersink.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Counterbore { background-image: url("/_themes/default/content/media/dimtypes/dim_Counterbore.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Coordinate { background-image: url("/_themes/default/content/media/dimtypes/dim_Coordinate.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Coordinate-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Coordinate_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Concentricity { background-image: url("/_themes/default/content/media/dimtypes/dim_Concentricity.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Concentricity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Concentricity_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-CommonZone { background-image: url("/_themes/default/content/media/dimtypes/dim_CommonZone.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Circular-Runout { background-image: url("/_themes/default/content/media/dimtypes/dim_Circular_Runout.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Circular-Runout-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Circular_Runout_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Circularity { background-image: url("/_themes/default/content/media/dimtypes/dim_Circularity.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Circularity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Circularity_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Chamfer { background-image: url("/_themes/default/content/media/dimtypes/dim_Chamfer.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-BSC { background-image: url("/_themes/default/content/media/dimtypes/dim_BSC.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Z { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_Z.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Z-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_Z_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Y { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_Y.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-Y-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_Y_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-X { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_X.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Bilateral-X-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_X_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Angularity { background-image: url("/_themes/default/content/media/dimtypes/dim_Angularity.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Angularity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Angularity_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Angular { background-image: url("/_themes/default/content/media/dimtypes/dim_Angular.svg?stamp=230323&t=0&icon_color=%23404040");}
.image.image-dim-Angular-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Angular_Basic.svg?stamp=230323&t=0&icon_color=%23404040");}

.image-add-package {
  background-image: url('/_themes/default/content/media/open_box.svg?stamp=230323&t=0&icon_color=%23404040'),
    url('/_themes/default/content/media/open_box.svg?stamp=230323&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/default/content/media/designer/undo.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/undo.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-redo { background-image: url("/_themes/default/content/media/designer/redo.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/redo.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-cut { background-image: url("/_themes/default/content/media/designer/cut.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/cut.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-copy { background-image: url("/_themes/default/content/media/designer/copy-to-clipboard.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/copy-to-clipboard.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-paste { background-image: url("/_themes/default/content/media/designer/paste.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/paste.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-formatpaint { background-image: url("/_themes/default/content/media/designer/paint-roller.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/paint-roller.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-modifyviews { background-image: url("/_themes/default/content/media/designer/static-views.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/static-views.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-preview { background-image: url("/_themes/default/content/media/designer/analyze.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/analyze.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-addpage { background-image: url("/_themes/default/content/media/designer/insert-page.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/insert-page.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-editstyles { background-image: url("/_themes/default/content/media/designer/font-style-formatting.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/font-style-formatting.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-toggleborders { background-image: url("/_themes/default/content/media/designer/square-border.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/square-border.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-togglealignment { background-image: url("/_themes/default/content/media/designer/alignment-grid.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/alignment-grid.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-datasources { background-image: url("/_themes/default/content/media/designer/database.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/database.svg?stamp=230323&t=0&icon_color=%23404040"); }
.image-fittogrid { background-image: url("/_themes/default/content/media/designer/save-to-grid.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/save-to-grid.svg?stamp=230323&t=0&icon_color=%23404040"); }
                                  
.image-menu-vertical { background-image: url("/_themes/default/content/media/designer/menu-vertical.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/designer/menu-vertical.svg?stamp=230323&t=0&icon_color=%23404040"); }
                                  
.image-question { background-image: url("/_themes/default/content/media/Question.svg?stamp=230323&t=0&icon_color=%23404040"),
                                  url("/_themes/default/content/media/Question.svg?stamp=230323&t=0&icon_color=%23404040"); }
                                  
.field-buttons .image-upload {
  background-image: url("/_themes/default/content/media/icons/upload.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.field-buttons .image-eye {
  background-image: url("/_themes/default/content/media/icons/eye.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}
                                  
.icon-lock {
  background-image: url("/_themes/default/content/media/icons/lock.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/lock.svg?stamp=230323&t=0&icon_color=%23404040")
}

.icon-lock-red {
  background-image: url("/_themes/default/content/media/icons/lock.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/lock.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.image-minus-circle,
.icon-minus-circle{
  background-image: url("/_themes/default/content/media/icons/minus-sign.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/minus-sign_filled.svg?stamp=230323&t=0&icon_color=%23404040")
}

.image-carousel-right { background-image: url("/_themes/default/content/media/icons/arrow_right.svg?stamp=230323&t=0&icon_color=%23404040"),
                                               url("/_themes/default/content/media/icons/arrow_right_filled.svg?stamp=230323&t=0&icon_color=%23404040");}
                                               
.image-carousel-left { background-image: url("/_themes/default/content/media/icons/arrow_right.svg?stamp=230323&t=0&icon_color=%23404040"),
                                               url("/_themes/default/content/media/icons/arrow_right_filled.svg?stamp=230323&t=0&icon_color=%23404040");
  transform: rotate(-180deg);
}

.image-part {
  background-image: url("/_themes/default/content/media/icons/part-default.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/part-default_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-pdr {
  background-image: url("/_themes/default/content/media/icons/pdr-default.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/pdr-default_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-cadmodel {
  background-image: url("/_themes/default/content/media/icons/cadmodel-default.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/cadmodel-default_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-boc {
  background-image: url("/_themes/default/content/media/icons/boc-default.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/boc-default_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-assembly {
  background-image: url("/_themes/default/content/media/icons/assembly-default.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/assembly-default_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-drawing {
  background-image: url("/_themes/default/content/media/icons/drawing-default.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/drawing-default_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-material {
  background-image: url("/_themes/default/content/media/icons/material-default.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/material-default_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-pmr {
  background-image: url("/_themes/default/content/media/icons/pmr-default.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/pmr-default_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.image-info { background-image: url("/_themes/default/content/media/icons/info.svg?stamp=230323&t=0&icon_color=%23404040"),
                               url("/_themes/default/content/media/icons/info_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-bender {
  background-image: url("/_themes/default/content/media/icons/bender.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/bender.svg?stamp=230323&t=0&icon_color=%23404040");
}

.image-online-1 {
  background-image: url("/_themes/default/content/media/icons/online.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/online.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.image-online-2 {
  background-image: url("/_themes/default/content/media/icons/online.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),
                    url("/_themes/default/content/media/icons/online.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)");
}

.image-online-3 {
  background-image: url("/_themes/default/content/media/icons/online.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/online.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.image-online-4 {
  background-image: url("/_themes/default/content/media/icons/online2.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/online2.svg?stamp=230323&t=0&icon_color=%2381878F");
}
.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.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;
}

/*<--- 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.singlechoice .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/default/content/media/icons/info.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/info_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: contain, 0;
  display: none;
}

.field:hover .tooltip-marker,
.field:hover .clipboard-marker {
  display: block;
}

.field .tooltip-marker:hover,
.field .clipboard-marker:hover {
  background-size: 0, contain;
}

/*<--- field clipboard-marker --->*/
.field .clipboard-marker {
  position: absolute;
  right: 4px; 
  top: 5px;
  width: 18px; 
  height: 18px;
  background-image: url("/_themes/default/content/media/icons/copy.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/copy_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: contain, 0;
  display: none;
  cursor: pointer;
}

.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;
}

.field.code .value-box .editor iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*<--- image --->*/
/*.field.image,*/
/*.static-field.image {*/
/*  display: inline-block;*/
/*  vertical-align: top;*/
/*  width: 20px;*/
/*  height: 20px;*/
/*  background-size: 16px 16px;*/
/*  background-repeat: no-repeat;*/
/*  background-position: center;*/
/*}*/

.field.edit.image .value-box {
  padding: 5px 5px 25px 5px;
}

.field.image .media img {
  background-size: contain;
  /*width: 100%;*/
  /*height: 100%;*/
  background-position: center;
}

.field.image .actions {
  display: none;
}

.field.image.edit .actions {
  display: block;
}

.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/default/content/media/icons/circled_arrow_right.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.field.image .actions a.cmd-download {
  background-image: url("/_themes/default/content/media/icons/download.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.field.image .actions a.cmd-delete {
  background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.field.image .field-value .file {
  display: none;
}

.field.image .field-value .upload .upload-widget-container .upload {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.field.image .field-value .upload .upload-widget-container .icon {
  display: none;
}

.field.image .field-value .upload .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: contain, 0 0;
  cursor: pointer;
  background-image: url("/_themes/default/content/media/icons/upload.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.field.image .field-value .upload {
  position: absolute;
  left: 5px;
  bottom: 10px;
}

.field.image .field-value .upload .icon:hover {
  background-size: 0 0, contain;
}

.field.image .field-value .upload .upload-text {
  display: inline-block;
  vertical-align: middle;
}

.field.image .media img[data-image] {
  width: 100%;
}

/*<--- 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/default/content/media/icons/download.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: contain, 0 0;
}

.field.images.fit-contain .files .item .media{
  width: 100% !important;
}

.field.images.fit-contain .files .item .media img{
  width: 100% !important;
}

/*<--- document content --->*/
.field.document-content {
  
}

.field.document-content .value-box {
  padding: 10px;
}

/*<--- singlechoice --->*/
.field.singlechoice {
  
}

.field.edit.singlechoice.changed .value-box .cmd-lookup {
  right: 25px;
}

/*<--- 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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0 0;
}

.field.check .field-value label.checked {
  background-size: 0 0, contain;
}

.field.check.edit:hover .field-value label {
  background-size: 0 0, contain;
  opacity: .6;
}

.field.check.edit .field-value label.checked {
  opacity: 1;
}

.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;
}

/*<--- check toggle-a --->*/
.field.check.toggle-a .field-value {
  margin: 0;
  float: unset;
  display: inline-block;
}

.field.check.toggle-a .field-value .value-box {
  width: auto;
  display: inline-block;
}

.field.check.toggle-a .field-label {
  margin-right: 10px;
  margin-top: 2px;
  font-size: 14px;
  float: left;
}

.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: #0859B9;
  border-color: #0859B9;
}

.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 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;
}

/*<--- html --->*/
.field.html .value-box {
  overflow: auto;
  background-color: unset;
}

/*<--- 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/default/content/media/icons/arrow_down.svg?stamp=230323&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);
}

/*<--- files edit --->*/
.field.edit.files .value-box {
  cursor: default;
}

.field.files .files {
  margin-right: 60px;
}

.field .value-box a {
  color: #158DDC;
}

.static-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/default/content/media/icons/download_a_filled.svg?stamp=230323&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/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&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/default/content/media/icons/upload.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=230323&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;
}

.upload-widget-helpers {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.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: 0px;
  bottom: 0px;
  width: 3px;
  background-color: rgba(220, 53, 69, 1);
  z-index: 1;
}

.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%;
}

/*<--- singlechoicelist ---> */
.field.singlechoicelist {
  
}

.field.singlechoicelist .value-box .option {
  display: block;
  margin-bottom: 5px;
}

.field.singlechoicelist .value-box .option:last-child {
  margin: 0;
}

.field.singlechoicelist.horizontal .field-value .option {
  display: inline-block;
  padding-right: 7px;
}

.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-block;
  vertical-align: middle;
}

.field.singlechoicelist.edit .field-value .option .option-label {
  margin-left: 5px;
}

.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 .value-box {
  min-height: 30px;
  padding: 5px;
  border: none;
  background: unset;
  cursor: default;
}

.field.singlechoicelist .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 .field-value .option:hover label.check {
  border-color: #81878F;
}

.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 .field-value .option.checked label.edit.check {
  border-color: #158DDC;
}

.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;*/
  display: inline-block;
}

.field.singlechoicelist.view-a .option {
  position: relative;
  padding: 5px 25px;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 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: #0859B9;
  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;
}

/*<-- singlechoicelist view-c --->*/
.field.singlechoicelist.view-c .field-value .option label.check {
  display: none;
}

.field.singlechoicelist.view-c .option:before,
.field.singlechoicelist.view-c .option.checked:after{
  content: none;
}

.field.singlechoicelist.view-c .field-value .value-box {
  padding: 0;
}

.field.singlechoicelist.view-c .field-value .value-box > .edit {
  border: none;
  height: unset;
}

.field.singlechoicelist.view-c .option {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  margin: 0;
}

.field.singlechoicelist.view-c .option.checked {
  background-color: rgba(247, 248, 250, 1);
}

.field.singlechoicelist.view-c .field-value .value-box .option .text {
  font-weight: 400;
  font-size: 14px;
}

.field.singlechoicelist.view-c .field-value .value-box .option.checked .text {
  color: #0859B9;  
}

.field.singlechoicelist.view-c .field-value .option .option-label {
  margin: 0;
}

.field.singlechoicelist.view-image .value-box > span {
  display: flex;
  align-items: center;
  min-height: 30px;
}

.field.singlechoicelist.view-image .value-box > span .option .check {
  display: none;
}

.field.singlechoicelist.view-image .value-box > span .option {
  margin-left: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: #F9F9F9;
  border-radius: 5px;
  cursor: pointer;
}

.field.singlechoicelist.view-image .value-box > span .option:first-child {
  margin: 0;
}

.field.singlechoicelist.view-image .value-box > span .option:hover {
  background-color: #F0F5FA;
}

.field.singlechoicelist.view-image .value-box > span .option.checked {
  background-color: rgba(21, 141, 220, 0.2);
  /*background-color: #0859B9;*/
}

.field.singlechoicelist.view-image .value-box > span .option.checked .option-label .image {
  background-size: 0, contain;
}

.field.singlechoicelist.view-image .value-box > span .option .option-label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.field.singlechoicelist.view-image .value-box > span .option .option-label .image {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
}

.field.singlechoicelist.view-image .value-box > span .option:hover .option-label .image {
  background-size: 0, contain;
}

.field.singlechoicelist.view-image .value-box > span .option .option-label .text {
  display: none;
}

/*<--- 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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%2381878F&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&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 {
  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/default/content/media/signature.svg?stamp=230323&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%;
  color: #404040;
}

/*<--- 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/default/content/media/icons/datepicker.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/datepicker_filled.svg?stamp=230323&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:hover textarea {
  border-color: #81878F;
}

.field.textarea.gdt-font .value-box {
  font-size: 18px;
}

/*<--- viewlookup --->*/
.field.viewlookup {
  
}

.field.viewlookup .field-value {
  
}

.field.viewlookup .field-value .value-box {
  /*padding: 5px;*/
}

/*.col .field.viewlookup .field-value .value-box .value-item {*/
  
/*}*/

.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;
}

.col .field.viewlookup .field-value .value-box .value-item {
  padding: 0 5px;
  margin: 0;
}

.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/default/content/media/icons/field_cross.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/field_cross.svg?stamp=230323&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/default/content/media/icons/dropdown_arrow_down.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/dropdown_arrow_down.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/dropdown_arrow_up.svg?stamp=230323&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/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&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/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/search_filled.svg?stamp=230323&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;
}

.field.viewlookup.view-b {
  
}

.field.viewlookup.view-b .field-value .value-box {
  border: none;
}

.field.viewlookup.view-b .field-value .value-box .value-item {
  display: inline-block;
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  margin: 0 5px 5px 0;
  font-weight: 700;
  font-size: 10px;
}

.field.viewlookup.view-b .field-value .value-box .value-item .cmd-delete {
  margin-top: 4px;
  margin-right: 2px;
  width: 10px;
  height: 10px;
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.field.viewlookup.view-b .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/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/search_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.field.viewlookup.view-b .field-value .value-box.active input,
.field.viewlookup.view-b .field-value .value-box:hover input {
  background-size: 0 0, 15px 15px;
}

.field.viewlookup.view-c {
  
}

.field.viewlookup.view-c .field-value .value-box .value-item {
  background: none;
  margin: 0;
  padding: 0;
  border: none;
}

.field.viewlookup.view-c .field-value .value-box .value-item .text {
  font-size: unset;
  font-weight: unset;
}


/*<--- lookup --->*/
.field.lookup .value-box {
  /*padding: 5px 10px;*/
}

.field.lookup .value-box .text {
  display: inline-block;
  padding: 5px 10px;
}

.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/default/content/media/icons/arrow_down.svg?stamp=230323&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/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/search_filled.svg?stamp=230323&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/default/content/media/icons/sort.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/sort_filled.svg?stamp=230323&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 .text {
  display: inline-block;
  padding: 5px 10px;
}

.field.edit.objectpicker .value-box {
  cursor: pointer;
  padding-right: 30px;
}

.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/default/content/media/icons/arrow_down.svg?stamp=230323&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/default/content/media/icons/field_cross.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/field_cross.svg?stamp=230323&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 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/default/content/media/icons/time_planned.svg?stamp=230323&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 .remarks {
  display: block;
  text-align: right;
  line-height: 15px;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 300;
  color: #81878F;
}

/*<--- field title --->*/
.field.title {
  margin-bottom: 15px;
}

/*<--- search --->*/
.field.edit.search input {
  padding-left: 30px;
  background-image:  url("/_themes/default/content/media/icons/search.svg?stamp=230323&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/default/content/media/icons/full_arrow_down.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/full_arrow_down_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.field.search .search-value .token .action.action-delete {
  background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=230323&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/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%2381878F"),
                     url("/_themes/default/content/media/icons/search_filled.svg?stamp=230323&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;
}

/*<--- jira-avatar --->*/
.field.jira-avatar .html img {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  padding: 5px;
  border-radius: 50%;
}

/*<--- 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;
}

.field.multichoice .value-box .option .check {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&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 .value-box .option .option-label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.field.multichoice.edit .value-box .option .option-label {
  cursor: pointer;
}

/*<--- multichoicelookup --->*/
.field.multichoicelookup .value-box {
  display: block;
  padding: 0 30px 0 5px;
  max-height: 105px;
  min-height: 30px;
  overflow: auto;
}

.field.multichoicelookup .value-box .value-item {
  background: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  height: 20px;
  text-transform: uppercase;
  font-size: 10px;
  padding-left: 5px;
  margin: 4px 5px 1px 0;
  font-weight: 500;
}

.field.multichoicelookup .value-box .value-item .text:last-child { margin-right: 5px; }

.field.multichoicelookup .value-box .value-item .cmd-delete {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 12px, 0;
  background-position: center;
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.field.multichoicelookup .value-box .value-item .cmd-delete:hover { background-size: 0, 12px; }

.field.multichoicelookup .value-box .cmd-delete-all {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("/_themes/default/content/media/icons/clean.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
  background-size: 15px, 0;
  background-position: center;
  background-repeat: no-repeat;
}

.field.multichoicelookup .value-box .cmd-delete-all:hover { background-size: 0, 15px; }

.field.multichoicelookup .value-box > input {
  /*width: auto;*/
  height: 28px;
  padding: 0 0 0 5px;
}

.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/default/content/media/icons/search.svg?stamp=230323&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/default/content/media/icons/user_filled.svg?stamp=230323&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/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&t=0&icon_color=%2313334C");
}

/*<--- 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;
}

.col.progress .field-label {
  float: unset;
  font-size: 10px;
}

.col.progress span.progress {
  display: block;
  height: 20px;
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
}

.col.progress span.progress span {
  display: block;
  height: 100%;
  background-color: #158DDC;
  transition: width .3s ease;
}

.col.progress span.text {
  display: none;
}

.col.progress.style-a span.text {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: -20px;
  height: 20px;
  text-align: center;
  text-shadow: -1px -1px 0 #fff0, 0 -1px 0 #ffffff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
}

.pf-col.progress .field-label {
  float: unset;
  font-size: 10px;
}

.pf-col.progress span.progress {
  display: block;
  height: 20px;
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
}

.pf-col.progress span.progress span {
  display: block;
  height: 100%;
  background-color: #158DDC;
  transition: width .3s ease;
}

.pf-col.progress span.text {
  display: none;
}

.pf-col.progress.style-a span.text {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: -17px;
  height: 20px;
  text-align: center;
  text-shadow: -1px -1px 0 #fff0, 0 -1px 0 #ffffff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
}


.static-field {
  font-weight: 300;
  color: #81878F;
  margin-bottom: 3px;
}

.static-field.margin-bottom1 {
  margin-bottom: 10px;
}

.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/default/content/media/icons/save_preset.svg?stamp=230323&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: 25px;
}

.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;
}

/* 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: #0859B9;
  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;
}

.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.field-f{
  display: inline-block;
}

/* 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-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;
}

/* 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.indicator_1 .field-value .value-box:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 5px;
  background-color: rgba(220, 53, 69, 1);
  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/default/content/media/icons/triangle_down.svg?stamp=230323&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/default/content/media/icons/star_outlined.svg?stamp=230323&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/default/content/media/icons/star_filled.svg?stamp=230323&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 {
  position: absolute;
  right: 25px;
  top: 10px;
}

.field-preferences {
  position: relative;
}

.field-preferences .widget.preferences {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.field-preferences .widget.preferences.view-a {
  top: 30px;
}

/* field-s */
.static-field.field-s .value-box span.text{
  color: #404040;
  font-weight: normal;
}

.static-field.field-s.style-a .value-box span.text,
.static-field.field-s.style-a .value-box div.html{
  font-size: 20px;
  color: #77BA43;
  font-weight: bold;
  line-height: 30px;
}

.static-field.field-s.style-b .value-box span.text,
.static-field.field-s.style-b .value-box div.html{
  font-size: 20px;
  color: #77BA43;
  font-weight: normal;
  line-height: 30px;
}

.static-field.field-s.style-c .value-box span.text,
.static-field.field-s.style-c .value-box div.html{
  font-size: 20px;
  color: rgba(220, 53, 69, 1);
  font-weight: normal;
  line-height: 30px;
}

.static-field.field-s.style-d .value-box span.text,
.static-field.field-s.style-d .value-box div.html{
  font-size: 20px;
  color: #404040;
  font-weight: bold;
  line-height: 30px;
}

.static-field.field-s.style-e .value-box span.text,
.static-field.field-s.style-e .value-box div.html{
  line-height: 29px;
}

.static-field.field-s.label .value-box span.text:after,
.static-field.field-s.label .value-box div.html:after{
  content: ':';
}

.field.padding-right1{ padding-right: 10px; }
.field.padding-right2{ padding-right: 15px; }
.field.padding-right3{ padding-right: 20px; }

.field.padding-top1{ padding-top: 10px; }
.field.padding-top2{ padding-top: 15px; }
.field.padding-top3{ padding-top: 20px; }

.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;
}

/* 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 .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 .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;
}

.popup .field.style-b.lookup .value-box .text,
.field.style-b.lookup .value-box .text {
  padding: 0;
}

/*<--- group fields a --->*/
.group-fields-a {
  display: flex;
  align-items: center;
}

.group-fields-a .item {
  display: inline-flex;
  align-items: center;
  background-color: rgba(21, 141, 220, 0.2);
  padding: 2.5px 5px;
  border-radius: 5px;
  margin-left: 5px;
}

.group-fields-a .item:first-child {
  margin: 0;
}

.group-fields-a .item .item-name {
  margin: 0;
  user-select: none;
  font-weight: 700;
  font-size: 10px;
  color: #13344D;
  line-height: normal;
}

.group-fields-a .item .item-action {
  display: flex;
  height: 10px;
  width: 10px;
  margin-left: 2px;
}

.group-fields-a .item .item-action .image {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain, 0;
}

.group-fields-a .item .item-action:hover .image {
  background-size: 0, contain;
}

.group-fields-a .group-action {
  margin-left: 5px;
  display: inline-flex;
}

.group-fields-a .group-action:first-child {
  margin-left: 0;
}

.group-fields-a .group-action .image {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain, 0;
}

.group-fields-a .group-action:hover .image {
  background-size: 0, contain;
}


.popup-content.form .static-field.title {
  color: #13344D;
  font-weight: bold;
  /*font-size: 24px;*/
}

.field-with-right-button { overflow: hidden; }
.field-with-right-button .button { float: right; margin-left: 5px; }

.columns-to-assign {
  padding-top: 15px;
}

.columns-to-assign.unassigned {
  background-color: rgba(214, 54, 62, 0.2);
}

.columns-to-assign.assigned {
  border: 1px solid #268E6C;
}

.columns-to-assign .title, .columns-to-assign .assigned-mark {
  padding: 5px 0 15px 0;
}

.columns-to-assign .column .field {
  margin-left: 5px;
}









.group > .head {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
}

.content-style-a .group > .head {
  padding-top: 0;
  color: #81878F;
}

.group.has-head {
  /*margin-bottom: 40px;*/
}

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

.group.head-style-b {
 font-size: 28px;
 font-weight: 500;
}

.group.head-style-c > .head {
 font-size: 24px;
 font-weight: 500;
}

.group.head-padding > .head {
  padding-left: 15px;
}

.group.no-head-padding > .head {
  padding: 0;
}

.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;
}

.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-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: #0859B9;
}

.group .tabs-head .tab:hover {
  border-color: #81878F;
}

.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/default/content/media/icons/workflow.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_filled.svg?stamp=230323&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/default/content/media/icons/info_filled.svg?stamp=230323&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/default/content/media/icons/info_filled.svg?stamp=230323&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/default/content/media/icons/info_filled.svg?stamp=230323&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-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;
}

.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.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%;
}

.group.position-d {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: auto;
  min-height: 30px;
  z-index: 50;
}

.group.position-f {
  float: left;
  min-height: 33px;
  display: inline-block;
}

.group.grid-search-a {
  position: absolute;
  left: 425px;
  margin-top: -1px;
  z-index: 1;
}

.group.grid-search-a.collapsed {
  position: relative;
  margin-top: 0px;
  left: 0;
  top: 0;
}













.ws-test-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background-color: orangered;
}

.ws1 {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F5FA;
  z-index: 1;
}

.terminal .ws1 {
  top: 0;
}

.navigation-pane-on .ws1 {
  left: 40px;
}

.navigation-pane-on .leftnav-expanded .ws1 {
  left: 160px;
}

.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;
}

/*pform*/
.ws1 .pform1 {
  background-color: #FFFFFF;
}

/*end pform*/

.ws1 .workspace-pane > .head {
  padding-top: 15px;
}

.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-pane .head {
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
  padding-left: 15px;
  text-transform: unset;
}

.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; }

/*right pane styles*/
.ws1 .workspace-right-pane {
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
  z-index: 5;
}

.ws1 .title-pane-style-a .workspace-right-pane {
  top: 60px;
}

/*add document button - right bottom corner*/
.ws1 .button.floating {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #0859B9;
  border-radius: 50%;
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
  z-index: 2;
  right: 15px;
  bottom: 45px;
}

.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;
}

.ws1 .button.floating:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 12px;
  width: 2px;
  background-color: #404040;
}

.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/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%23EEEEEE");
  transition: transform .3s ease, opacity .3s ease;
}

.ws1 .button.floating.transition.transition-icon-cross:before {
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&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/default/content/media/icons/context_menu_horizontal.svg?stamp=230323&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 .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;
}

.ws1 .workspace-right-pane .workspace-pane.pinned {
  border-left: 1px solid #D5D7DA;
}

.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: 10px;
  bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
  box-shadow: 0px 0px 5px #00000033;
}

.ws1 .title-pane-style-a .workspace-left-pane {
  top: 60px;
}

.ws1 .workspace-main-pane {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  bottom: 0;
  margin: 0;
}

.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 .title-pane-style-a .workspace-main-pane {
  top: 60px;
}

.ws1 .title-pane-style-d .workspace-main-pane {
  top: 90px;
}

.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/default/content/media/icons/circle_arrow.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.workspace-main-pane .title-pane {
  font-size: 24px;
  margin-bottom: 15px;
  overflow: hidden;
  margin-top: 0;
}

.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: 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;
}

.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;
}

.ws1 .actions-pane .widget-workflowactions {
  margin: 0;
}

.ws1 .actions-pane:before,
.ws1 .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, .2);
  border-radius: 50%;
  z-index: -1;
}

.ws1 .actions-pane:after,
.ws1 .tool-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 {
  vertical-align: middle;
  background-size: 0 0, contain;
  margin-right: 5px;
}

.ws1 .actions-pane .button,
.ws1 .tool-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 .button > .text {
  font-size: 12px;
  font-weight: 500;
}

.ws1 .actions-pane .button:hover,
.ws1 .tool-pane .button:hover {
  background-color: #F0F5FA;
}

.ws1 .actions-pane .button.disabled:hover,
.ws1 .tool-pane .button.disabled:hover {
  background-color: unset;
}

.ws1 .actions-pane .button .image,
.ws1 .tool-pane .button .image {
  margin-right: 5px;
}


.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,
.ws1 .actions-pane .static-field.reminder:hover{
  background-color: #F0F5FA;
}

.ws1 .actions-pane .static-field.chat .value-box,
.ws1 .actions-pane .static-field.note .value-box,
.ws1 .actions-pane .static-field.reminder .value-box{
  height: 28px; 
  line-height: 28px;
  padding: 0 20px;
}

.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: #0859B9;
}

.ws1 .workspace-pane .views-selector .selector-item a {
  text-decoration: none;
  color: inherit;
}

.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/default/content/media/icons/arrow_right.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/arrow_down.svg?stamp=230323&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/default/content/media/icons/clip.svg?stamp=230323&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/default/content/media/icons/user.svg?stamp=230323&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: #13334C;
}

.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.calendar {
  margin-bottom: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #D5D7DA;
}

.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 > .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: 0 0, contain;
}

.ws1 .actions-pane .button {
  display: inline-block;
  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 .image {
  margin-right: 5px;
}

.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: 88px;
  z-index: 3;
  margin: 0;
}

.ws1 .actions-pane .preferences-selector {
  position: absolute;
  right: 0;
  top: 0;
}

.ws1 .actions-pane .preferences-selector .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  box-sizing: border-box;
}

.ws1 .actions-pane .preferences-selector .button .image {
  margin: 0;
  background-size: contain, 0;
}

.ws1 .actions-pane .preferences-selector .button.menu-opened .image {
  background-size: 0, contain;
}

/*.ws1 .title-style-a .actions-pane.tabs-actions-pane {*/
/*  top: 88px;*/
/*}*/

/*<--- 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 .value-box {
  border: none;
  background-color: unset;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  padding: 0;
  color: #404040;
}

.ws1 .field.title .field-value .value-box > .html {
  max-width: 800px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ws1 .field.title .field-value .value-box .issue-code {
  font-weight: 700;
}

.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 .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/default/content/media/icons/title_dropdown.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/title_dropdown_filled.svg?stamp=230323&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.edit.lookup.title .field-value .value-box {
  padding-right: 30px;
}

.workspace-left-pane {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
}

.workspace-main-pane {
  position: absolute;
  z-index: 1;
  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.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;
  z-index: 2;
  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 > .content,
.workspace-main-pane > .content,
.workspace-right-pane > .content {
  height: 100%;
}

.workspace-left-pane.single-panel,
.workspace-main-pane.single-panel,
.workspace-right-pane.single-panel {
  box-shadow: 0px 0px 5px #00000033;
  padding: 15px 15px 0 15px;
  overflow: auto;
  background-color: #FFFFFF;
  box-sizing: border-box;
}

.workspace-pane {
  position: relative;
  margin: 0 !important;
  box-shadow: 0px 0px 5px #00000033;
  background-color: #FFFFFF;
  padding: 15px 15px 0 15px;
  box-sizing: border-box;
  overflow: auto;
}

.workspace-pane.mapcontrol-drawings {
  padding: 0;
}

.workspace-pane.mapcontrol-drawings .mapcontrol3js .vertical-buttons {
  top: 2px;
  left: 10px;
}

.workspace-pane.mapcontrol-drawings .mapcontrol3js .drawing-selector {
  top: 47px;
  right: 15px;
}

.workspace-pane.mapcontrol-drawings .mapcontrol3js .layers-container {
  top: 40px;
}

.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 {
  opacity: 1;
}

.vertical-slider.active:before {
  opacity: 1;
  /*background-color: #158DDC;*/
}

.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 .highlight-container-second {
  
}

.highlight-container.vertical .highlight-container-first {
  /*position: relative;*/
  left: 0;
  top: 0;
  bottom: 0;
}

.highlight-container.vertical .highlight-container-first:before {
  content: '';
  position: absolute;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 75px;
  background-color:  #158DDC;
  border-radius: 4px;
}

.highlight-container.vertical .highlight-container-second {
  right: 0;
  top: 0;
  bottom: 0;
}

.highlight-container .highlight-zone {
  /*position: absolute;*/
}

.highlight-container.vertical .highlight-zone {
  display: inline-block;
  height: 100%;
  /*border-right: 2px solid #0859B9;*/
  /*box-sizing: border-box;*/
}

/*right pin bar*/
.rightPane-pin-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 10px;
  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;
}

.ws5 .vertical-slider {
  /*background-color: lightblue;*/
}

/*left pin bar*/
.leftPane-pin-bar {
  position: absolute;
  left: 0;
  top: 10px;
  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;
}

.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/default/content/media/icons/pin.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/pin_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/pin_pinned.svg?stamp=230323&t=0&icon_color=%23158DDC");
  background-size: contain, 0 0, 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 2;
}

.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/default/content/media/icons/maximize.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/maximize_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/minimize.svg?stamp=230323&t=0&icon_color=%23158DDC"),
                    url("/_themes/default/content/media/icons/minimize_filled.svg?stamp=230323&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: 10px;
}

.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;
}












.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 .field-value {
  color: inherit;
}

.sitebar .field .value-box {
  margin: 0;
  padding: 0;
  background-color: unset;
  font-size: inherit;
}

.sitebar .left-part {
  position: relative;
  float: left;
  padding: 5px;
  background-color: #0859B9;
}

.sitebar .left-part:before {
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  width: 30px;
  background-color: #0859B9;
  z-index: -1;
  transform: skewX(-30deg);
}

.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 .left-part .menu .button {
  float: left;
}

.sitebar .left-part .menu.no-menu-button .field:first-child {
  margin-left: 10px;
}

.sitebar .button.sitebar-home {
  margin: 0;
  font-weight: 500;
}

.sitebar .sep {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/breadcrumbs_arrow.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/breadcrumbs_arrow_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE");
  background-size: 14px 14px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.sitebar .left-part .menu,
.sitebar .left-part .breadcrumbs {
  display: inline-block;
  vertical-align: top;
}

.sitebar .left-part .breadcrumbs a,
.sitebar .left-part .breadcrumbs .item {
  color: #EEEEEE;
  text-decoration: none
}

.sitebar .left-part .breadcrumbs .item.last {
  font-weight: 700;
}

.sitebar .left-part .menu {
  margin-right: 45px;
}

/*.sitebar .left-part .breadcrumbs {*/
/*  font-size: 14px;*/
/*}*/

/*.sitebar .left-part .breadcrumbs a,*/
/*.sitebar .left-part .breadcrumbs .item {*/
/*  color: #EEEEEE;*/
/*  text-decoration: unset;*/
/*}*/

/*.sitebar .left-part .breadcrumbs span.item {*/
/*  font-weight: 500;*/
/*  font-size: 16px;*/
/*  line-height: 16px;*/
/*}*/

/*.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;
}

.sitebar .search {
  float: left;
  margin-left: 200px;
  width: 350px;
}

.sitebar .search input {
  background: #FFFFFF;
  color: #000000;
}

.popup-pane {
  overflow: auto;
}

.sitebar .right-part {
  float: right;
  padding: 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 .notifications,
.sitebar .notifications .html {
  display: inline;
}

.sitebar .notifications-bar .image {
  background-image: url("/_themes/default/content/media/icons/notification.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/notification_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/notification_unread.svg?stamp=230323&t=0&icon_color=%23EEEEEE&notification_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/notification_unread_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE&notification_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/notification_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/notification_unread_filled.svg?stamp=230323&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; 
}

.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 .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;
}

.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;
}

.sitebar .image-home { background-image: url("/_themes/default/content/media/icons/menu.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                                         url("/_themes/default/content/media/icons/menu_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE");
                                         }
.sitebar .image-search { background-image: url("/_themes/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                                           url("/_themes/default/content/media/icons/search_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE");}
.sitebar .image-tasks { background-image: url("/_themes/default/content/media/icons/tasks.svg?stamp=230323&t=0&icon_color=%23404040"),
                                          url("/_themes/default/content/media/icons/tasks_filled.svg?stamp=230323&t=0&icon_color=%23404040");}
.sitebar .image-messages { background-image: url("/_themes/default/content/media/icons/message.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                             url("/_themes/default/content/media/icons/message_filled.svg?stamp=230323&t=0&icon_color=%2381878F");}
.sitebar .image-notifications { background-image: url("/_themes/default/content/media/icons/reminder.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                                                  url("/_themes/default/content/media/icons/reminder_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE");}
.sitebar .image-circled-arrow-right { background-image: url("/_themes/default/content/media/icons/circled_arrow_right_hover.svg?stamp=230323&t=0&icon_color=%2381878F");}
.sitebar .arrow { background-image: url("/_themes/default/content/media/icons/breadcrumbs_arrow.svg?stamp=230323&t=0&icon_color=%2381878F");}
.sitebar .image-theme { background-image: url("/_themes/default/content/media/icons/theme.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                                          url("/_themes/default/content/media/icons/theme_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE")}
                                          
.sitebar .image-settings { background-image: url("/_themes/default/content/media/icons/settings.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                                    url("/_themes/default/content/media/icons/settings_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE")}

.sitebar .image-house {
  background-image: url("/_themes/default/content/media/icons/house_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/house_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE");
}

.breadcrumbs-menu.tooltip {
  border-radius: 0px;
  border: 1px solid #D5D7DA;
  min-width: 120px;
}

.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;
}

.navigation-panel {
  display: none;
}

.navigation-pane-on .navigation-panel {
  display: block;
}

.navigation-panel {
  position: absolute;
  left: 0;
  top: 30px;
  width: 30px;
  bottom: 0;
  background-color: #13344D;
  z-index: 20;
  margin: 0;
  padding: 10px 0 0 3.5px;
  box-sizing: border-box;
  overflow: hidden;
}

.leftnav-expanded .navigation-panel {
  width: 150px;
}

.navigation-panel .separator {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-bottom: 15px;
}

.leftnav-expanded .navigation-panel .separator {
  width: 95%;
}

.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;
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}

.leftnav-expanded .navigation-panel .button {
  width: auto;
}

.navigation-panel .button .text {
  display: none;
}

.leftnav-expanded .navigation-panel .button .text {
  display: inline-block;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #EEEEEE;
}

.navigation-panel .button.position-bottom {
  position: absolute;
  bottom: 0px;
  left: 7px;
  margin-bottom: 0;
}

.navigation-panel .button.hidden {
  display: none;
}

.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-right: 5px;
}

.navigation-panel .button:hover .image {
  background-size: 0, contain, 0;
}

.navigation-panel .button.popup-originator .image {
  background-size: 0, 0, contain;
}

.leftnav-expanded .navigation-panel .button.popup-originator:after {
  right: -8px;
}

.navigation-panel .button .image-tree {
  background-image: url("/_themes/default/content/media/icons/tree.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/tree_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/tree_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.navigation-panel .button .image-folder {
  background-image: url("/_themes/default/content/media/icons/opened_folder.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/opened_folder_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/opened_folder_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}


.navigation-panel .button .image-measure {
  background-image: url("/_themes/default/content/media/icons/blueprint_drawing.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/blueprint_drawing_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/blueprint_drawing_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}


.navigation-panel .button .image-3dmodel {
  background-image: url("/_themes/default/content/media/icons/3d_model.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/3d_model_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/3d_model_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.navigation-panel .button .image-favorites {
  background-image: url("/_themes/default/content/media/icons/favorites.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/favorites_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/favorites_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.navigation-panel .button .image-favorites-link {
  background-image: url("/_themes/default/content/media/icons/favorites_link.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/favorites_link_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/favorites_link_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.navigation-panel .button .image-favorites-planet {
  background-image: url("/_themes/default/content/media/icons/favorites_planet.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/favorites_planet_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/favorites_planet_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.navigation-panel .button .image-favorites-warning {
  background-image: url("/_themes/default/content/media/icons/favorites_warning.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/favorites_warning_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/favorites_warning_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.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: 13.5px;
  height: 13.5px;
  background-image: url("/_themes/default/content/media/icons/pin.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/pin.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/pin.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.navigation-panel .button .image-collapse-leftmenu {
  width: 13.5px;
  height: 13.5px;
  background-image: url("/_themes/default/content/media/icons/pin_pinned.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/pin_pinned.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/pin_pinned.svg?stamp=230323&t=0&icon_color=%23158DDC");
}


.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/default/content/media/icons/search.svg?stamp=230323&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; }

/* 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 .item:hover {
  background-color: #0859B9;
}

.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.type-2 .item {
  color: #EEEEEE;
  text-decoration: unset;
}
























.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;
  background-position: center;
  background-repeat: no-repeat;
}

.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, contain, 0, 0;
}

.button.disabled .image,
.button.disabled .text {
  opacity: .2;
}

.button.disabled:hover .image {
  background-size: contain, 0, 0, 0;
}

.button .text {
  /*margin-left: 5px;*/
}

.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;
}

.button-b:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.button-b.success {
  background-color: #0859B9;
}

.button-b .image {
  display: none;
}

.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/default/content/media/icons/add_participants.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                     url("/_themes/default/content/media/icons/add_participants_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE");
}

.button-b.secondary {
  transition: background-color .3s ease;
  background-color: transparent;
  border: 1px solid #D5D7DA;
}

.button-b.secondary:hover {
  background-color: #F0F5FA;
}

.button-b.disabled {
  background-color: #D5D7DA;
  color: #8999A5;
  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.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: #F9F9F9;
  cursor: default;
  border: 1px solid transparent;
}

.flat-button:hover {
  border-color: #81878F;
}

.flat-button.style-green {
  background-color: rgba(37, 141, 107, 0.2);
}

.flat-button.style-red {
  background-color: rgba(214, 54, 62, 0.2);
}

.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/default/content/media/icons/large/3d.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/large/3d_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

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

.flat-button .button .image-database {
  background-image: url("/_themes/default/content/media/icons/large/database.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/large/database_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.flat-button .button .image-sample-drawing {
  background-image: url("/_themes/default/content/media/icons/large/import_sample_drawing.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/large/import_sample_drawing_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.flat-button .button .image-import-xdf {
  background-image: url("/_themes/default/content/media/icons/large/import_xdf.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/large/import_xdf_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

/* button-f */
.popup .popup-buttons .button.button-f,
.button.button-f {
  float: unset;
  margin-right: 0;
  margin-left: 10px;
}

.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: #D5D7DA;
  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;
}

.popup .popup-buttons .button.button-f.status-5,
.button.button-f.status-5 {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  color: #8999A5;
  cursor: default;
}

.popup .popup-buttons .button.button-f.status-5 .image,
.button.button-f.status-5 .image {
  background-size: 0, 0, contain;
}

.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;
}

.popup .popup-buttons .button.button-f.status-4:hover .image,
.button.button-f.status-4:hover .image {
  background-size: 0, contain, 0;
}

.popup .popup-buttons .button.button-f.status-5:hover .image,
.button.button-f.status-5:hover .image {
  background-size: 0, 0, contain;
}

.popup .popup-buttons .button.button-f .image-add,
.button.button-f .image-add {
  background-image: url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-reject,
.button.button-f .image-reject {
  background-image: url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-share,
.button.button-f .image-share {
  background-image: url("/_themes/default/content/media/icons/share_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/share_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/share_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-import,
.button.button-f .image-import {
  background-image: url("/_themes/default/content/media/icons/import_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/import_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/import_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-export,
.button.button-f .image-export {
  background-image: url("/_themes/default/content/media/icons/export_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .popup-buttons .button.button-f .image-clear,
.button.button-f .image-clear {
  background-image: url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}




/* button-i */
.button-i .image {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background-size: contain, 0 0, 0 0;
  background-position: center;
  background-repeat: no-repeat;
}
.button-i:hover .image {
  background-size: 0 0, contain, 0 0;
}
.button-i .text {
  display: none;
}

/* 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-right1 {
  position: absolute;
  right: 20px;
  top: 50%;
}

/* button-j */
.button-j {
  background-color: #FFFFFF;
  border: 1px solid #D5D7DA;
  padding: 2px 10px;
  color: #13344D;
}

.button-j:hover {
  background-color: #F0F5FA;
}









.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/default/content/media/icons/arrow_left_circled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/arrow_left_circled_filled.svg?stamp=230323&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/default/content/media/icons/arrow_left_circled.svg?stamp=230323&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/default/content/media/icons/circled_arrow_right.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=230323&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/default/content/media/icons/circled_arrow_right.svg?stamp=230323&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/default/content/media/icons/go_to_page2.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/go_to_page2_filled.svg?stamp=230323&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: #8999A5; 
}

.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:before{*/
/*  content: "";*/
/*  position: absolute;*/
/*  right: 40px;*/
/*  bottom: 40px;*/
/*  background-image: url("/_themes/default/content/media/switchapp/Powered-by2.svg?stamp=230323&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/default/content/media/space_x_logo.png?stamp=230323&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/default/content/media/icons/user_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}

.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/default/content/media/icons/lock_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}

.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-logo-pane:before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  width: 60vw;
  height: 60vh;
  background: linear-gradient(151.12deg, #2D3136 0%, #212427 32.19%, #212427 55.17%);
}

.signin-logo-pane .company-logo {
  position: relative;
}

.signin-logo-pane .logo-default{ width: 246px; height: 45px; }
.signin-logo-pane .logo-default .content{
  display: block;
  background-image: url("/_themes/default/content/media/spacex-logo.svg?stamp=230323&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: #0859B9;
  font-size: inherit;
}

.signin-logo-pane .signin-subtitle:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #0859B9;
}

.signin-logo-pane .signin-subtitle2 {
  position: absolute;
  text-align: right;
  color: #0859B9;
  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/default/content/media/switchapp/PQP.svg?stamp=230323&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: 40px 20px;
  margin-bottom: 40px;
}

.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/default/content/media/logo.svg?stamp=230323&t=0&icon_color=%2313344D");
}

.signin-panenew .login-pane .signin-title {
  position: relative;
  font-weight: 500;
  font-size: 24px;
  color: #0859B9;
  display: inline-block;
  margin-bottom: 40px;
}

.signin-panenew .login-pane .signin-title:before {
  /*content: '';*/
  position: absolute;
  left: 2px;
  bottom: -19px;
  height: 7px;
  width: 143px;
  background-color: #0859B9;
}

.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: #0859B9;
}

.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/default/content/media/planet.png?stamp=230323&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/default/content/media/sign_in_logo.svg?stamp=230323&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/default/content/media/logo_small.svg?stamp=230323&t=0&icon_color=%23404040");
  background-size: contain;
  background-repeat: no-repeat;
}

@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 {
  
}

.tabs.dropdown > .tabs-head {
  height: 40px;
}

.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/default/content/media/product_selector.svg?stamp=230323&t=0&icon_color=%238999A5"),
                    url("/_themes/default/content/media/product_selector.svg?stamp=230323&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;
}

.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-actions-pane .tabs-content {
  margin-top: 30px;
}

.tabs-actions-pane .tabs-content .tab {
  padding-top: 20px;
}

.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-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: #0859B9;
  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: #8999A5;
}

.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/default/content/media/no_items_image.svg?stamp=230323&t=0&icon_color=%238999A5");
  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-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; }

/*<--- ws5 tabs --->*/
.ws5 .workspace-details-pane .tabs .tabs-content {
  position: absolute;
  left: 15px;
  top: 98px;
  right: 15px;
  bottom: 0;
  overflow: auto;
}

/* tabs carousel */
.group .tabs.carousel > .tabs-head > .tab {
  float: none;
}

.group .tabs.carousel > .tabs-head {
  white-space: nowrap;
  overflow-x: auto;
}

.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: -28px;
}

.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;
}




.popup {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33);
  z-index: 20;
  border: 1px solid #D5D7DA;
  transition: right .4s ease, bottom .4s ease, width .4s ease, height .4s ease;
}

.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;
}

.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 .cmd-close,
.context-message .cmd-close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/cube_cross.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/cube_cross_filled.svg?stamp=230323&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.margin-bottom0 {
  margin-bottom: 0;
}

.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 .content-style-a .popup-head {
  line-height: 28px;
  font-weight: 500;
  font-size: 28px;
  color: #0859B9;
}

.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-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.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.left {
  float: left;
}

.popup.confirm .popup-buttons .button,
.popup.confirm .popup-buttons .button:last-child {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}

.popup.confirm .popup-buttons .button:first-child {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

.popup .popup-buttons .button:hover {
  background-color: rgba(19, 51, 76, 0.5);
}

.popup .popup-buttons .button.disabled {
  color: #404040;
  background: #D5D7DA;
  cursor: default;
}

.popup .popup-buttons .button.button-secondary {
  background-color: transparent;
  border: 1px solid #D5D7DA;
  transition: background-color .3s ease;
}

.popup .popup-buttons .button.button-secondary:hover {
  background-color: #F0F5FA;
}

.popup .popup-buttons .button.button-disabled {
  background-color: #D5D7DA;
  color: #8999A5;
  cursor: default;
}

.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: #0859B9;
  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 .popup-buttons .button.link {
  background-color: unset;
  color: #158DDC;
}

.popup .popup-buttons .button .text {
  display: inline-block;
  vertical-align: middle;
}

.popup .popup-buttons .button.has-icon {
  padding: 6px 5px;
}

.popup .popup-buttons .button .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.popup .popup-buttons .button.has-icon .icon {
  
}

.popup .popup-buttons .button .icon.add {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain, 0;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/add.svg?stamp=230323&t=0&icon_color=%23158DDC"),
                    url("/_themes/default/content/media/icons/add_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.popup .popup-buttons .button:hover .icon {
  background-size: 0, contain;
}

/*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/default/content/media/icons/go_to_page.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.popup.grid-goto-tab .popup-content .field:last-child .value-box input {
  background-image: url("/_themes/default/content/media/icons/select_row_table.svg?stamp=230323&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: 999 !important;
}

.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/default/content/media/switchapp/Big%20Arrows.svg?stamp=230323&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/default/content/media/icons/cube_cross.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/cube_cross_filled.svg?stamp=230323&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/default/content/media/switchapp/Big%20Arrows.svg?stamp=230323&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;
}

.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%);
  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%);
  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;
  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: left;
  margin-top: 50px;
}

.main-menu-popup .menu-logo .value-box {
  display: inline-block;
  width: 60px;
  height: 45px;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/logo.svg?stamp=230323&t=0&icon_color=%2313344D");
}

/*<--- title --->*/
.main-menu-popup .menu-title {
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  margin-top: 10px;
  text-align: center;
  color: #0859B9;
}

.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/default/content/media/icons/menu/psp_filled.svg?stamp=230323&t=0&icon_color=%230859B9");
}

.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/default/content/media/icons/psp_filled.svg?stamp=230323&t=0&icon_color=%230859B9");
}

/*<--- navigation --->*/
.main-menu-popup .navigation {
  position: relative;
  color: inherit;
  overflow: auto;
  margin-top: 40px;
  z-index: 1;
}

.main-menu-popup .navigation.scrollable {
  height: 480px;
}

.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/default/content/media/icons/menu/cmm_data_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-softwarerequirements:before {
  background-image: url("/_themes/default/content/media/icons/menu/requirement_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-softwaretesting:before {
  background-image: url("/_themes/default/content/media/icons/menu/testin_acceptance_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-dashboard:before {
  background-image: url("/_themes/default/content/media/icons/menu/dashboard_layout_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-testrobot:before {
  background-image: url("/_themes/default/content/media/icons/menu/robot_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-help:before {
  background-image: url("/_themes/default/content/media/icons/menu/help_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-system:before {
  background-image: url("/_themes/default/content/media/icons/menu/system_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-licenses:before {
  background-image: url("/_themes/default/content/media/icons/menu/licenses_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-projectmanagement:before {
  background-image: url("/_themes/default/content/media/icons/menu/projects_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-workflow:before {
  background-image: url("/_themes/default/content/media/icons/menu/documents_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-workflow:before {
  background-image: url("/_themes/default/content/media/icons/menu/documents_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-reporting:before {
  background-image: url("/_themes/default/content/media/icons/menu/reporting_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-uisamples:before {
  background-image: url("/_themes/default/content/media/icons/menu/ui_samples_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-speech-recognition:before {
  background-image: url("/_themes/default/content/media/icons/menu/speech_recognition_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-jira:before {
  background-image: url("/_themes/default/content/media/icons/menu/jira_filled.svg?stamp=230323&t=0&icon_color=%2313334C")
}

.main-menu-popup .navigation .html > .nav > .item.page-dmr:before {
  background-image: url("/_themes/default/content/media/icons/menu/dmr.svg?stamp=230323&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-manufacturing:before {
  background-image: url("/_themes/default/content/media/icons/menu/manufacturing.svg?stamp=230323&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-documents:before {
  background-image: url("/_themes/default/content/media/icons/menu/documents.svg?stamp=230323&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-extensions:before {
  background-image: url("/_themes/default/content/media/icons/menu/extensions.svg?stamp=230323&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-gages:before {
  background-image: url("/_themes/default/content/media/icons/menu/measurment_gages.svg?stamp=230323&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-organization:before {
  background-image: url("/_themes/default/content/media/icons/menu/settings.svg?stamp=230323&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-settings:before {
  background-image: url("/_themes/default/content/media/icons/menu/organization.svg?stamp=230323&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-help-a:before {
  background-image: url("/_themes/default/content/media/icons/menu/help.svg?stamp=230323&t=0&icon_color=%2313334C");
}

.main-menu-popup .navigation .html > .nav > .item.page-feedback:before {
  background-image: url("/_themes/default/content/media/icons/menu/feedback.svg?stamp=230323&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: #8999A5;
  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);
}

.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/default/content/media/icons/approve_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/approve_filled.svg?stamp=230323&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/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&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: #0859B9;
  font-weight: 500;
  font-size: 16px;
  line-height: 18.75px;
  margin: 10px 0;
  white-space: nowrap;
}

.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;
}

/*<--- 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%;
  overflow: auto;
}

.favorites-manager-popup .popup-content .tree-pane .widget-tree .tree {
  overflow: hidden;
}

.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: 0px;
  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.secondary {
  float: left;
  margin-left: 0;
}

.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: #D5D7DA;
  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: #8999A5;
  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/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-reject {
  background-image: url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-share {
  background-image: url("/_themes/default/content/media/icons/share_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/share_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/share_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-import {
  background-image: url("/_themes/default/content/media/icons/import_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/import_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/import_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-export {
  background-image: url("/_themes/default/content/media/icons/export_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .popup-buttons .button .image-clear {
  background-image: url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&t=0&icon_color=%2313334C"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&t=0&icon_color=%238999A5");
}

.popup .favorites-manager-popup .grid-a .col .image.image-reject {
  background-image: url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&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/default/content/media/icons/approve_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/approve_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.preferences-last-selected {
  position: absolute;
  right: 10px;
  top: 0;
}






.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,
.themes-popup .theme-selector .theme.default {
  background-color: #ffffff;
}

.themes-popup .theme-selector .theme.default .text,
.themes-popup .theme-selector .theme.qmsviewer .text {
  color: #404040;
}

.themes-popup .theme-selector .theme.default .colors .color,
.themes-popup .theme-selector .theme.qmsviewer .colors .color {
  background-color: #13334C !important;
  color: #ffffff;
}

.themes-popup .theme-selector .theme.default .color:before,
.themes-popup .theme-selector .theme.qmsviewer .color:before {
  background-image: url("/_themes/default/content/media/icons/fill_color.svg?stamp=230323&t=0&icon_color=%23FFFFFF");
}

/*Dark theme*/
.themes-popup .theme-selector .theme.dark,
.themes-popup .theme-selector .theme.qmsviewerdark {
  background-color: #33373C;  
}

.themes-popup .theme-selector .theme.dark .text,
.themes-popup .theme-selector .theme.qmsviewerdark .text {
  color: #EEEEEE;
}

.themes-popup .theme-selector .theme.dark .colors .color,
.themes-popup .theme-selector .theme.qmsviewerdark .colors .color {
  background-color: #229EEF !important;
  color: #ffffff;
}

.themes-popup .theme-selector .theme.dark .color:before,
.themes-popup .theme-selector .theme.qmsviewerdark .color:before {
  background-image: url("/_themes/default/content/media/icons/fill_color.svg?stamp=230323&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: 30; 
  /*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 .lookup-tab {
  overflow: auto;
}

.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-left: 10px;
  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/default/content/media/icons/menu_popup_arrow_right.svg?stamp=230323&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/default/content/media/icons/logout.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/logout_filled.svg?stamp=230323&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.menu-popup .sep:before {
  content: '';
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 1px;
  height: 1px;
  background-color: rgba(129, 135, 143, 1);
}

.menu-tab .upload-widget-container .upload {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
}

.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(-20px);
}

.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/default/content/media/icons/template.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/template_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE");
}

.menu-tab.style-a .item .image-col .image-plus {
  background-image: url("/_themes/default/content/media/icons/plus_default.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/plus_default_filled.svg?stamp=230323&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;
}

/*<--- 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/default/content/media/icons/approve_green.svg?stamp=230323&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/default/content/media/icons/reject_red.svg?stamp=230323&t=0&icon_color=%23404040"); 
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.edit-tab .cmd-0 { right: 2px; }
.edit-tab .cmd-1 { right: 2px; }

.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 .item { overflow: hidden; padding: 5px 20px 5px 10px; cursor: pointer; white-space: nowrap; line-height: 16px; height: 16px; }*/
/*.edit-tab.multichoicecompact .item .check { vertical-align: middle; margin-right: 5px; }*/
/*.edit-tab.multichoicecompact .item.active .check { display: inline-block; text-align: center;*/
/*                                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  */
/*.edit-tab.multichoicecompact .item.active .check:before { content: "\f00c"; }*/
/*.edit-tab.multichoicecompact .item .name { display: inline-block; vertical-align: middle; cursor: pointer; }*/
/*.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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
                   
.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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&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; -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;
}

.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/default/content/media/formsigning/pin-enter.svg?stamp=230323&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;
  min-width: 450px;
  min-height: 150px;
  background: #FFFFFF;
  border: 2px solid rgba(20, 115, 230, 0.4);
  border-radius: 1px;
}

.signature-tab.view-UserSelect .field.signature-text input{
  padding: 20px 10px 20px 10px;
  min-height: 150px;
  text-align: center;
  font-family: 'Brush Script MT';
  font-style: normal;
  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/default/content/media/formsigning/clear.svg?stamp=230323&t=0&icon_color=%23404040");
}

/*popup images*/
.popup .popup-buttons .button .image-opened-folder {
  background-image: url("/_themes/default/content/media/icons/opened_folder.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/opened_folder_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE")
}

.popup .popup-buttons .button .image-plus {
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE")
}

/* 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/default/content/media/icons/cube_cross.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/cube_cross_filled.svg?stamp=230323&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 10px;
  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: 30px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 3px 5px;
  background-image: url("/_themes/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.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: 20px;
}

.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/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&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;
}

.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/default/content/media/icons/sort_borderless.svg?stamp=230323&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: 45px;
  margin-left: 5px;
}

.popup.global-search .grid-t1 .item:after { content: none; }
.popup.global-search .grid-t1 .image { margin-left: 10px; }

.popup.global-search .search-results .group.extra-column,
.popup.global-search .search-results .group.left-column {
  background-color: unset;
}
.autofilter-tab {
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 12px #00000026;
  /*opacity: 0;*/
  color: #81878F;
  padding: 5px;
  max-height: 500px;
  z-index: 100;
  /*transform: scale(.5);*/
  /*transform-origin: top right;*/
  /*animation: 3s ease-in-out autofilter_appear;*/
}

.autofilter-tab .head .item {
  overflow: hidden;
  padding: 5px 0;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  margin-right: 10px;
}

.autofilter-tab .head .item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.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/default/content/media/icons/calendar.svg?stamp=230323&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/default/content/media/icons/breadcrumbs_arrow.svg?stamp=230323&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 .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: #0859B9;
}

.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: #D5D7DA;
  background-image: url("/_themes/default/content/media/icons/search.svg?stamp=230323&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/default/content/media/icons/cross.svg?stamp=230323&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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%2381878F"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&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/default/content/media/icons/checkbox_minus.svg?stamp=230323&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: #8999A5;
}

.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: #8999A5;
  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: #8999A5;
  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/default/content/media/icons/finish.svg?stamp=230323&t=0&icon_color=%238999A5"),
                    url("/_themes/default/content/media/icons/finish.svg?stamp=230323&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: #8999A5;
  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.style-b {
  width: 1000px;
}

.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.style-b .link-block {
  float: left;
  height: 80px;
}

.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;
}

/* <--- 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: 60px;
  bottom: 0;
  overflow: auto;
}

/*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 */
.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/default/content/media/icons/workflow_icons/set_variable.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/set_variable_filled.svg?stamp=230323&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/default/content/media/icons/workflow_icons/play.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/play_filled.svg?stamp=230323&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/default/content/media/icons/workflow_icons/add_role_participant.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/add_role_participant_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_history {
  background-image: url("/_themes/default/content/media/icons/workflow_icons/write_to_history.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/write_to_history_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_setview { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/go_to_state.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/go_to_state_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_form { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/form.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/form_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_task { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/execute_task.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/execute_task_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_validate { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/validate.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/validate_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_exporttoexternal { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/export.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/export_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_sla_starttimer { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/start_timer.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/start_timer_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_sla_pausetimer { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/pause_timer.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/pause_timer_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
.image-element.element-op_workflow_sla_stoptimer { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/stop_timer.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/stop_timer_filled.svg?stamp=230323&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/default/content/media/icons/workflow_icons/send_by_email.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/workflow_icons/send_by_email_filled.svg?stamp=230323&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/default/content/media/icons/workflow_icons/set_variable.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/set_variable_filled.svg?stamp=230323&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/default/content/media/icons/workflow_icons/add_role_participant.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/add_role_participant_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_history { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/write_to_history.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/write_to_history_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_setview { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/go_to_state.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/go_to_state_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_form { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/form.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/form_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_task { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/execute_task.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/execute_task_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_starttimer { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/start_timer.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/start_timer_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_pausetimer { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/pause_timer.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/pause_timer_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_stoptimer { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/stop_timer.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/stop_timer_filled.svg?stamp=230323&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/default/content/media/icons/workflow_icons/send_by_email.svg?stamp=230323&t=0&icon_color=%23158DDC"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/send_by_email_filled.svg?stamp=230323&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/default/content/media/submit.svg?stamp=230323&t=0&icon_color=%23AADDFF');  background-position: 0 0;   background-size: contain; }*/
.wf-view.active .image-return { background-image:url(/_themes/default/content/media/return.svg/?stamp=230323&t=0&icon_color=%23AADDFF);  background-size: contain; }

.wf-view.active .image-check { background-image: url("/_themes/default/content/media/icons/workflow_icons/circle_check.svg?stamp=230323&t=0&icon_color=%23404040"),
                                                 url("/_themes/default/content/media/icons/workflow_icons/circle_check.svg?stamp=230323&t=0&icon_color=%23404040")
}

.wf-view.active .image-cancel { background-image: url("/_themes/default/content/media/icons/workflow_icons/denied.svg?stamp=230323&t=0&icon_color=%23404040"),
                                                  url("/_themes/default/content/media/icons/workflow_icons/denied.svg?stamp=230323&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(0, 0, 0, .2) 0%,rgba(0, 0, 0, .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: #EEEEEE;
}

.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/default/content/media/icons/user.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/user.svg?stamp=230323&t=0&icon_color=%23EEEEEE");
}

.wf-scheme2 .wf-view .view-head .title.view-icon:before {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%23EEEEEE");
}

.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/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=%23404040");
}

.wf-scheme2 .wf-action .action-head .action-image.image-workflow-action { 
  background-image: url("/_themes/default/content/media/icons/lightning.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/lightning.svg?stamp=230323&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;
}
.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/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                 url("/_themes/default/content/media/icons/print_filled.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image-send-by-email { background-image: url("/_themes/default/content/media/icons/send_email.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                         url("/_themes/default/content/media/icons/send_email_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                         
.grid .image-add { background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%2381878F"),
                               url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}
.grid .image-search { background-image: url("/_themes/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/icons/search_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                  
.grid .image-search-button { background-image: url("/_themes/default/content/media/icons/search_button.svg?stamp=230323&t=0&icon_color=%23158DDC"),
                                         url("/_themes/default/content/media/icons/search_button_filled.svg?stamp=230323&t=0&icon_color=%23158DDC"); }

.grid .image-register { background-image: url("/_themes/default/content/media/icons/register.svg?stamp=230323&t=0&icon_color=%2381878F"); }

.grid .image-trash-can { background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                     url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-menu { background-image: url("/_themes/default/content/media/icons/menu.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                url("/_themes/default/content/media/icons/menu_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-filter { background-image: url("/_themes/default/content/media/icons/filter.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/icons/filter_fill.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/icons/filter_fill.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image-settings { background-image: url("/_themes/default/content/media/icons/settings.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                    url("/_themes/default/content/media/icons/settings_filled.svg?stamp=230323&t=0&icon_color=%2381878F")}
.grid .image-grid { background-image: url("/_themes/default/content/media/icons/grid.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                url("/_themes/default/content/media/icons/grid_filled.svg?stamp=230323&t=0&icon_color=%2381878F")}
.grid .image-refresh { background-image: url("/_themes/default/content/media/icons/refresh.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-clear { background-image: url("/_themes/default/content/media/icons/clear.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-auto-match { background-image: url("/_themes/default/content/media/icons/auto-match.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-package { background-image: url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-build-package { background-image: url("/_themes/default/content/media/icons/build_package.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-document-box { background-image: url("/_themes/default/content/media/icons/document_box.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-document-list { background-image: url("/_themes/default/content/media/icons/document_list.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-delete { background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}
.grid .image-view { background-image: url("/_themes/default/content/media/icons/view.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                url("/_themes/default/content/media/icons/view.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                url("/_themes/default/content/media/icons/view.svg?stamp=230323&t=0&icon_color=%23158DDC"); }
.grid .image-attachment { background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%23158DDC"); }
.grid .image-download { background-image: url("/_themes/default/content/media/icons/download.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=230323&t=0&icon_color=%2381878F")}
.grid .image-theme { background-image: url("/_themes/default/content/media/icons/medium/theme.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                 url("/_themes/default/content/media/icons/medium/theme.svg?stamp=230323&t=0&icon_color=%23158DDC"); }
                                 
.grid .image-circled-arrow-right { background-image: url("/_themes/default/content/media/icons/circled_arrow_right.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                               url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=230323&t=0&icon_color=%2381878F");}
                                               
.grid .image-circled-arrow-left { background-image: url("/_themes/default/content/media/icons/circled_arrow_left.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=230323&t=0&icon_color=%2381878F");}
                                               
.grid .image-submit { background-image: url("/_themes/default/content/media/icons/submit.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/icons/submit_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}
.grid .image-return { background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                                  url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}
.grid .image-close { background-image: url("/_themes/default/content/media/icons/close.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                 url("/_themes/default/content/media/icons/close_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-im-pqp { background-image: url("/_themes/default/content/media/PQP.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/PQPFull.svg?stamp=230323&t=0&icon_color=%2381878F")
}
.grid .image-im-explorer { background-image: url("/_themes/default/content/media/switchapp/Caliper.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/switchapp/Caliper.svg?stamp=230323&t=0&icon_color=%2381878F")
}
.grid .image-im-express { background-image: url("/_themes/default/content/media/switchapp/Rule.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/switchapp/Rule.svg?stamp=230323&t=0&icon_color=%2381878F")
}
.grid .image-im-spc { background-image: url("/_themes/default/content/media/switchapp/SPC.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/switchapp/SPC.svg?stamp=230323&t=0&icon_color=%2381878F")
}
.grid .image-im-qms { background-image: url("/_themes/default/content/media/switchapp/PQP.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                       url("/_themes/default/content/media/switchapp/PQP.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-check {
  background-image: url("/_themes/default/content/media/icons/check.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/check_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-issue {
  background-image: url("/_themes/default/content/media/icons/info.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/info_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.actions-pane .grid .image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-add-comment {
  background-image: url("/_themes/default/content/media/icons/new_chat.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/new_chat_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-plus {
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-software {
  background-image: url("/_themes/default/content/media/icons/software.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/software_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-edit {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.icon-default,
.grid .image-workflow {
  background-image: url("/_themes/default/content/media/icons/workflow.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/workflow_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-revoke {
  background-image: url("/_themes/default/content/media/icons/revoke.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/revoke_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-import {
  background-image: url("/_themes/default/content/media/icons/import.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/import_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-export {
  background-image: url("/_themes/default/content/media/icons/export.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-save {
  background-image: url("/_themes/default/content/media/icons/save.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/save_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-reload {
  background-image: url("/_themes/default/content/media/icons/reload.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/reload_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-form {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/form_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-book {
  background-image: url("/_themes/default/content/media/icons/book.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/book_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-upload {
  background-image: url("/_themes/default/content/media/icons/upload.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-purchase {
  background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/purchase_order_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-back {
  background-image: url("/_themes/default/content/media/icons/circle_arrow.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-back {
  background-image: url("/_themes/default/content/media/icons/circle_arrow.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-revision {
  background-image: url("/_themes/default/content/media/icons/revision.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/revision_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-confirm {
  background-image: url("/_themes/default/content/media/icons/approve.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/approve_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-cancel {
  background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-logout {
  background-image: url("/_themes/default/content/media/icons/logout.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/logout_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-house {
  background-image: url("/_themes/default/content/media/icons/house.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/house_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-lock {
  background-image: url("/_themes/default/content/media/icons/lock.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/lock_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-opened-folder {
  background-image: url("/_themes/default/content/media/icons/opened_folder.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/opened_folder_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-pencil {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-delete-user {
  background-image: url("/_themes/default/content/media/icons/delete_user.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/delete_user_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-user {
  background-image: url("/_themes/default/content/media/icons/user.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/user_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-current-element {
  background-image: url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.grid .image-database-view {
  background-image: url("/_themes/default/content/media/icons/database.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/database_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-move-up {
  background-image: url("/_themes/default/content/media/icons/move_up.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/move_up_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-move-down {
  background-image: url("/_themes/default/content/media/icons/move_down.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/move_down_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-cut {
  background-image: url("/_themes/default/content/media/icons/cut.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/cut_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-paste {
  background-image: url("/_themes/default/content/media/icons/paste.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/paste_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-add-folder {
  background-image: url("/_themes/default/content/media/icons/create_folder.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/create_folder_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-mark-unread {
  background-image: url("/_themes/default/content/media/icons/unread_message.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/unread_message_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-mark-read {
  background-image: url("/_themes/default/content/media/icons/read_message.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/read_message_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-hide {
  background-image: url("/_themes/default/content/media/icons/hide_message.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/hide_message_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-new-discussion {
  background-image: url("/_themes/default/content/media/icons/create_discussion.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/create_discussion_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-eye {
  background-image: url("/_themes/default/content/media/icons/eye.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-function {
  background-image: url("/_themes/default/content/media/icons/function.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/function_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-start {
  background-image: url("/_themes/default/content/media/icons/play.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/play_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-play-all {
  background-image: url("/_themes/default/content/media/icons/play_all.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/play_all_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-play-selected {
  background-image: url("/_themes/default/content/media/icons/play_selected.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/play_selected_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-history {
  background-image: url("/_themes/default/content/media/icons/history.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/history_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-reassign {
  background-image: url("/_themes/default/content/media/icons/reassign_developer.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/reassign_developer_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-finish {
  background-image: url("/_themes/default/content/media/icons/finish_flag.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/finish_flag_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-build {
  background-image: url("/_themes/default/content/media/icons/build.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/build_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-this-version {
  background-image: url("/_themes/default/content/media/icons/this_version.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/this_version_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-next-version {
  background-image: url("/_themes/default/content/media/icons/next_version.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/next_version_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-signature-valid {
  background-image: url("/_themes/default/content/media/icons/signature_valid.svg?stamp=230323&t=0");
}

.grid .image-signature-invalid {
  background-image: url("/_themes/default/content/media/icons/signature_invalid.svg?stamp=230323&t=0");
}



/*<--- figures --->*/
.grid .image-pflow-fab {
  background-image: url("/_themes/default/content/media/icons/rhombus.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-pflow-move {
  background-image: url("/_themes/default/content/media/icons/ellipse.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-pflow-storeget {
  background-image: url("/_themes/default/content/media/icons/triangle.svg?stamp=230323&t=0&icon_color=%2381878F");
}


.grid .image-pflow-rework {
  background-image: url("/_themes/default/content/media/icons/pentagon.svg?stamp=230323&t=0&icon_color=%2381878F");
}


.grid .image-pflow-scrapcontain {
  background-image: url("/_themes/default/content/media/icons/octagon.svg?stamp=230323&t=0&icon_color=%2381878F");
}


.grid .image-pflow-inspect {
  background-image: url("/_themes/default/content/media/icons/rectangle.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-required {
  background-image: url("/_themes/default/content/media/icons/lightning.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/lightning_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

/*<--- statuses --->*/
.grid .image-status_denied {
  background-image: url("/_themes/default/content/media/icons/statuses/reject.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-status_exp {
  background-image: url("/_themes/default/content/media/icons/statuses/status_exp.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-status_no {
  background-image: url("/_themes/default/content/media/icons/statuses/status_no.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.grid .image-status_question {
  background-image: url("/_themes/default/content/media/icons/statuses/status_question.svg?stamp=230323&t=0&icon_color=%23158DDC")
}

.grid .image-status_warning {
  background-image: url("/_themes/default/content/media/icons/statuses/status_warning.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)")
}

.grid .image-status_warning_gray {
  background-image: url("/_themes/default/content/media/icons/statuses/status_warning.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-status_warning_magenta {
  background-image: url("/_themes/default/content/media/icons/statuses/status_warning.svg?stamp=230323&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")
}

.grid .image-status_yes {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.grid .image-status_yes_blue {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=230323&t=0&icon_color=%23158DDC")
}

.grid .image-status_yes_gray {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-status_yes_violet {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=230323&t=0&icon_color=%23B130BD")
}

.grid .image-status_cancelled {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-status_completed {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)")
}

.grid .image-status_deferred {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=%23158DDC")
}

.grid .image-status_in_progress {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=rgba(255%2c+149%2c+0%2c+1)")
}

.grid .image-status_not_started {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)")
}

.grid .image-status_waiting {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=230323&t=0&icon_color=rgba(216%2c+55%2c+144%2c+1)")
}

/*<--- images types --->*/
.grid .image-type-0 {
  background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/folder.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-type-1 {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-type-2 {
  background-image: url("/_themes/default/content/media/icons/workflow.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/workflow.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-type-3,
.grid .image-type-8 {
  background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-type-4 {
  background-image: url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-type-5 {
  background-image: url("/_themes/default/content/media/icons/index.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/index_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.grid .image-type-6 {
  background-image: url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%2381878F");
}



.grid .image-content-type-0 { background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                          url("/_themes/default/content/media/icons/folder.svg?stamp=230323&t=0&icon_color=%2381878F"); }

.grid .image-content-type-1 { background-image: url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                          url("/_themes/default/content/media/icons/form.svg?stamp=230323&t=0&icon_color=%2381878F"); }

.grid .image-content-type-2 { background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                          url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%2381878F"); }

.grid .image-content-type-3,
.grid .image-content-type-8 { background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                          url("/_themes/default/content/media/icons/purchase_order.svg?stamp=230323&t=0&icon_color=%2381878F"); }

.grid .image-content-type-4 { background-image: url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                          url("/_themes/default/content/media/icons/package.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                          
.grid .image-content-type-5 { background-image: url("/_themes/default/content/media/icons/index.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                          url("/_themes/default/content/media/icons/index_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); }

.grid .image-content-type-6 { background-image: url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                          url("/_themes/default/content/media/icons/print.svg?stamp=230323&t=0&icon_color=%2381878F"); }


 

.grid .image-progress0 { background-image: url("/_themes/default/content/media/progress/progress_0.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-progress1 { background-image: url("/_themes/default/content/media/progress/progress_1.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-progress2 { background-image: url("/_themes/default/content/media/progress/progress_2.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-progress3 { background-image: url("/_themes/default/content/media/progress/progress_3.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-progress4 { background-image: url("/_themes/default/content/media/progress/progress_4.svg?stamp=230323&t=0&icon_color=%2381878F"); }

/* Dim Types */
.grid .image.image-dim-Width { background-image: url("/_themes/default/content/media/dimtypes/dim_Width.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Width-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Width_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Welding { background-image: url("/_themes/default/content/media/dimtypes/dim_Welding.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Unilateral { background-image: url("/_themes/default/content/media/dimtypes/dim_Unilateral.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-UnequallyDisposed { background-image: url("/_themes/default/content/media/dimtypes/dim_UnequallyDisposed.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-True-Position { background-image: url("/_themes/default/content/media/dimtypes/dim_True_Position.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-True-Position-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_True_Position_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Total-Runout { background-image: url("/_themes/default/content/media/dimtypes/dim_Total_Runout.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Total-Runout-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Total_Runout_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Thread { background-image: url("/_themes/default/content/media/dimtypes/dim_Thread.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-TangentPlane { background-image: url("/_themes/default/content/media/dimtypes/dim_TangentPlane.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Symmetry { background-image: url("/_themes/default/content/media/dimtypes/dim_Symmetry.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Symmetry-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Symmetry_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Profile { background-image: url("/_themes/default/content/media/dimtypes/dim_Surface_Profile.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Profile-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Surface_Profile_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Surface-Finish { background-image: url("/_themes/default/content/media/dimtypes/dim_Surface_Finish.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Straightness { background-image: url("/_themes/default/content/media/dimtypes/dim_Straightness.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Straightness-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Straightness_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Square { background-image: url("/_themes/default/content/media/dimtypes/dim_Square.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Square-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Square_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Radius { background-image: url("/_themes/default/content/media/dimtypes/dim_Spherical_Radius.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Radius-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Spherical_Radius_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Diameter { background-image: url("/_themes/default/content/media/dimtypes/dim_Spherical_Diameter.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Spherical-Diameter-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Spherical_Diameter_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-RegardlessOfFeatureSize { background-image: url("/_themes/default/content/media/dimtypes/dim_RegardlessOfFeatureSize.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Radial { background-image: url("/_themes/default/content/media/dimtypes/dim_Radial.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Radial-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Radial_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Question { background-image: url("/_themes/default/content/media/dimtypes/dim_question.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-ProjectedToleranceZone { background-image: url("/_themes/default/content/media/dimtypes/dim_ProjectedToleranceZone.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-PolarRadial { background-image: url("/_themes/default/content/media/dimtypes/dim_PolarRadial.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-PolarRadial-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_PolarRadial_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Polar { background-image: url("/_themes/default/content/media/dimtypes/dim_Polar.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Polar-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Polar_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Point-Profile { background-image: url("/_themes/default/content/media/dimtypes/dim_Point_Profile.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Points { background-image: url("/_themes/default/content/media/dimtypes/dim_Points.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Point { background-image: url("/_themes/default/content/media/dimtypes/dim_Point.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Perpendicularity { background-image: url("/_themes/default/content/media/dimtypes/dim_Perpendicularity.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Perpendicularity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Perpendicularity_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Parallelism { background-image: url("/_themes/default/content/media/dimtypes/dim_Parallelism.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Parallelism-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Parallelism_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Note { background-image: url("/_themes/default/content/media/dimtypes/dim_Note.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-NotConvex { background-image: url("/_themes/default/content/media/dimtypes/dim_NotConvex.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-noimage { background-image: url("/_themes/default/content/media/dimtypes/dim_noimage.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-MaximumMaterialCondition { background-image: url("/_themes/default/content/media/dimtypes/dim_MaximumMaterialCondition.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile { background-image: url("/_themes/default/content/media/dimtypes/dim_Line_Profile.svg)?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Line_Profile_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Linear { background-image: url("/_themes/default/content/media/dimtypes/dim_Linear.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Linear-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Linear_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Line-Profile { background-image: url("/_themes/default/content/media/dimtypes/dim_Line Profile.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-LeastMaterialCondition { background-image: url("/_themes/default/content/media/dimtypes/dim_LeastMaterialCondition.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-General { background-image: url("/_themes/default/content/media/dimtypes/dim_General.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FreeState { background-image: url("/_themes/default/content/media/dimtypes/dim_FreeState.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Flatness { background-image: url("/_themes/default/content/media/dimtypes/dim_Flatness.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Flatness-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Flatness_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FlagNote { background-image: url("/_themes/default/content/media/dimtypes/dim_FlagNote.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerTankSealPlane { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerTankSealPlane.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerRefLocation { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerRefLocation.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerReference { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerReference.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerNote { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerNote.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerLocation { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerLocation.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerHoleLocation { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerHoleLocation.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-FastenerHidden { background-image: url("/_themes/default/content/media/dimtypes/dim_FastenerHidden.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Fastener { background-image: url("/_themes/default/content/media/dimtypes/dim_Fastener.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Fastener-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Fastener_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Edge { background-image: url("/_themes/default/content/media/dimtypes/dim_Edge.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Edge-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Edge_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-DTS { background-image: url("/_themes/default/content/media/dimtypes/dim_DTS.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Diameter { background-image: url("/_themes/default/content/media/dimtypes/dim_Diameter.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Diameter-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Diameter_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Depth { background-image: url("/_themes/default/content/media/dimtypes/dim_Depth.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Cylindricity { background-image: url("/_themes/default/content/media/dimtypes/dim_Cylindricity.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Cylindricity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Cylindricity_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomPassFail { background-image: url("/_themes/default/content/media/dimtypes/dim_CustomPassFail.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomBilateral { background-image: url("/_themes/default/content/media/dimtypes/dim_CustomBilateral.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CustomBilateral-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_CustomBilateral_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CS-Dist { background-image: url("/_themes/default/content/media/dimtypes/dim_CS_Dist.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CS-Dist-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_CS_Dist_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Countersink { background-image: url("/_themes/default/content/media/dimtypes/dim_Countersink.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Counterbore { background-image: url("/_themes/default/content/media/dimtypes/dim_Counterbore.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Coordinate { background-image: url("/_themes/default/content/media/dimtypes/dim_Coordinate.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Coordinate-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Coordinate_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Concentricity { background-image: url("/_themes/default/content/media/dimtypes/dim_Concentricity.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Concentricity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Concentricity_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-CommonZone { background-image: url("/_themes/default/content/media/dimtypes/dim_CommonZone.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circular-Runout { background-image: url("/_themes/default/content/media/dimtypes/dim_Circular_Runout.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circular-Runout-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Circular_Runout_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circularity { background-image: url("/_themes/default/content/media/dimtypes/dim_Circularity.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Circularity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Circularity_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Chamfer { background-image: url("/_themes/default/content/media/dimtypes/dim_Chamfer.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-BSC { background-image: url("/_themes/default/content/media/dimtypes/dim_BSC.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Z { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_Z.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Z-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_Z_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Y { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_Y.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-Y-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_Y_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-X { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_X.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Bilateral-X-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Bilateral_X_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angularity { background-image: url("/_themes/default/content/media/dimtypes/dim_Angularity.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angularity-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Angularity_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angular { background-image: url("/_themes/default/content/media/dimtypes/dim_Angular.svg?stamp=230323&t=0&icon_color=%2381878F");}
.grid .image.image-dim-Angular-Basic { background-image: url("/_themes/default/content/media/dimtypes/dim_Angular_Basic.svg?stamp=230323&t=0&icon_color=%2381878F");}

.grid .image-add-package {
  background-image: url('/_themes/default/content/media/open_box.svg?stamp=230323&t=0&icon_color=%2381878F'),
    url('/_themes/default/content/media/open_box.svg?stamp=230323&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/default/content/media/designer/undo.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/undo.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-redo { background-image: url("/_themes/default/content/media/designer/redo.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/redo.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-cut { background-image: url("/_themes/default/content/media/designer/cut.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/cut.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-copy { background-image: url("/_themes/default/content/media/designer/copy-to-clipboard.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/copy-to-clipboard.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-paste { background-image: url("/_themes/default/content/media/designer/paste.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/paste.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-formatpaint { background-image: url("/_themes/default/content/media/designer/paint-roller.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/paint-roller.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-modifyviews { background-image: url("/_themes/default/content/media/designer/static-views.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/static-views.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-preview { background-image: url("/_themes/default/content/media/designer/analyze.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/analyze.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-addpage { background-image: url("/_themes/default/content/media/designer/insert-page.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/insert-page.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-editstyles { background-image: url("/_themes/default/content/media/designer/font-style-formatting.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/font-style-formatting.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-toggleborders { background-image: url("/_themes/default/content/media/designer/square-border.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/square-border.svg?stamp=230323&t=0&icon_color=%2381878F"); }
.grid .image-datasources { background-image: url("/_themes/default/content/media/designer/database.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/database.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                  
.grid .image-menu-vertical { background-image: url("/_themes/default/content/media/designer/menu-vertical.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/designer/menu-vertical.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                  
.grid .image-question { background-image: url("/_themes/default/content/media/Question.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/Question.svg?stamp=230323&t=0&icon_color=%2381878F"); }
                                  
.field-buttons .grid .image-upload {
  background-image: url("/_themes/default/content/media/icons/upload.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.field-buttons .grid .image-eye {
  background-image: url("/_themes/default/content/media/icons/eye.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid .image-minus-circle,
.grid .icon-minus-circle{ 
    background-image: url("/_themes/default/content/media/icons/minus-sign.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/minus-sign_filled.svg?stamp=230323&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/default/content/media/icons/eye.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.project-selector .project .button .image.image-no-eye {
  background-image: url("/_themes/default/content/media/icons/no_eye.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/no_eye_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.project-selector .project .button .image.image-delete {
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&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/default/content/media/icons/eye.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/eye.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.responsible-selector .responsible .button .image.image-no-eye {
  background-image: url("/_themes/default/content/media/icons/no_eye.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/no_eye_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/no_eye.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/no_eye_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.responsible-selector .responsible .button .image.image-trash-can {
  background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/trash_can.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=230323&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/default/content/media/icons/circled_arrow_left.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=230323&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/default/content/media/icons/circled_arrow_right.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=230323&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/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&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/default/content/media/icons/time_planned.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.schedule .day .day-time .workload.time-fact:before {
  background-image: url("/_themes/default/content/media/icons/auto_action.svg?stamp=230323&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: #0859B9;
}

.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 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 20px;
}

.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: 5px 0 0 0;
}

.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;
}

.active-projects .repeatable-group > .group {
  display: inline-block;
}

.active-projects .project .value-box {
  display: inline-block;
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
  font-weight: 700;
  font-size: 10px;
  cursor: pointer;
}



































/* 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/default/content/media/icons/messenger.svg?stamp=230323&t=0&icon_color=%2381878F"),                  
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),           
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),                 
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)"),              
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),               
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=230323&t=0&icon_color=%2381878F&notification_color=%23158DDC"),   
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)&notification_color=%23158DDC"),         
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1)&notification_color=%23158DDC"),      
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=230323&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/default/content/media/icons/notes.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/notes_filled.svg?stamp=230323&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;
}

/*<-- Reminder --->*/
.static-field.reminder .extension-name-reminders.value-box {
  background-size: 20px, 0, 0, 0, 0, 0, 0, 0, 0;
  background-image: url("/_themes/default/content/media/icons/reminder.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/reminder_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.static-field.reminder .extension-name-reminders.value-box.extension-attached {
  background-size: 0, 20px, 0, 0, 0, 0, 0, 0, 0;
}



















.widget-dashboard.tv-dashboard {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
}

.taskboard1.tv-dashboard {
  top: 0;
}

.taskboard1.tv-dashboard .board-title-bar {
  padding-top: 23px;
}
.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;
	user-select: none;
	height: 100%;
}

.xgrid .cell { 
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
	text-overflow: ellipsis;  
	white-space: nowrap;
	user-select: none;
}

.xgrid .item {
  padding: 15px; 
  box-sizing: border-box; 
  border: 1px solid #ededed; 
  border-radius: 2px; 
  background-color: #ffffff; 
}

/* Tooltip marker */
.xgrid .tooltip-marker {
  position: absolute;
  height: 100%;
  right: 2px; 
  top: 0px;
  width: 18px; 
  /*height: 18px;*/
  background-image: url("/_themes/default/content/media/icons/info_circle2.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/info_circle2_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: contain, 0;
  background-position: center; 
  background-repeat: no-repeat;
  /*cursor: pointer;*/
  opacity: 0;
  transition: opacity 0.1s linear;
}

/*.xgrid .cell:hover .tooltip-marker {*/
.xgrid .cell.cell-hover .tooltip-marker {
  opacity: 1;
}

.xgrid .cell:has(.tooltip-marker) {
  padding-right: 20px;
}

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

/* Link */
.xgrid .cell.link {
  color: #158DDC;
}

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

/* Click event*/
.xgrid .cell.click-event:hover {
  color: #158DDC;
  cursor: pointer;
  /*text-decoration: underline;  */
}

@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/default/content/media/x-grid/checkbox.svg?stamp=230323&t=0"),
                    url("/_themes/default/content/media/x-grid/checkbox_checked.svg?stamp=230323&t=0"),
                    url("/_themes/default/content/media/x-grid/checkbox_part_checked.svg?stamp=230323&t=0");
  background-size: auto, 0 0, 0 0;
  background-position: center; 
  background-repeat: no-repeat;
  cursor: pointer;
}

.xgrid .selection.disabled {
  opacity: 0.4;
  cursor: default;
}

.xgrid .row.selected .selection {
  background-size: 0 0, auto, 0 0;
}

.xgrid .row.partially-selected .selection {
  background-size:  0 0, 0 0, auto;
}

.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/default/content/media/x-grid/expand_icon.svg?stamp=230323&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/default/content/media/x-grid/handle_marker.svg?stamp=230323&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/default/content/media/x-grid/handle_marker.svg?stamp=230323&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/default/content/media/icons/filter.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/filter_fill.svg?stamp=230323&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;
  
  color: #13344D;
}

.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/default/content/media/icons/cross.svg?stamp=230323&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/default/content/media/icons/search.svg?stamp=230323&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/default/content/media/icons/clean.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=230323&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; }

.xgrid .search-area {
  position: absolute;
  background: white;
  top: 1px;
  left: 1px;
  width: 300px;
  height: 27px;
  padding-left: 20px;
}

.xgrid .search-area .action-area {  
  position: absolute;
  display: flex;
  left: 5px;
  top: 3px;
}

.xgrid .search-area .action-search {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/search.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: contain;
}

.xgrid .search-area .action-remove {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-size: contain;
  
  opacity: 0%;
  transition: opacity 0.1s linear;
}

.xgrid .search-area .search-input {
  font-size: 12px;
}

.xgrid .search-highlight {
  background-color: rgba(255, 193, 7, 1);
}

/* Chats */
.xgrid .cell.extension {
  /*display: flex;*/
}

.xgrid .extension.value-box {
  display: block;
  position: relative; 
  width: 20px; 
  height: 100%;
  cursor: pointer;
  background-repeat: no-repeat; 
  background-position: center; 
  background-color: transparent;
}

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


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

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

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

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

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

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

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

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


.xgrid .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;
}

.xgrid .extension-name-notes.value-box {
  display: none;
  background-size: contain;
  background-image: url("/_themes/default/content/media/icons/notes_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.xgrid .extension-name-notes.extension-attached.value-box {
  display: block;
}
/* steps-grid */
.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: 10px 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 .issues {
  padding-bottom: 10px;
  max-width: 780px;
}

.testing-steps-grid .issues .issue { 
  position: relative;
  margin-top: 10px;
}

.testing-steps-grid .issues .issue > .content {
  overflow: hidden;
}

.testing-steps-grid .issues .issue:first-child {
  margin-top: 30px;
}

.testing-steps-grid.issue-tabs .issues .issue:first-child {
  margin-top: 15px;
}

.testing-steps-grid .issues .issue .value-box {
  font-weight: 400;
  background-color: unset;
  padding: 0;
  min-height: unset;
}

.testing-steps-grid.issue-tabs .tabs-content {
  margin-top: 30px;
}

.testing-steps-grid.issue-tabs .issues .issue.top0 {
  margin-top: 0;
}

.testing-steps-grid .issues .issue:after { 
  content: ""; 
  position: absolute; 
  left: 10px; 
  top: 10px; 
  width: 20px; 
  height: 20px;
  background-size: 13.5px 13.5px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/_themes/default/content/media/icons/approve_filled.svg?stamp=230323&t=0&icon_color=%23268E6C);
}

.testing-steps-grid .issues .issue.status-0:after,
.testing-steps-grid .issues .issue.status-1:after {
  background-image: url(/_themes/default/content/media/icons/issue_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1));
}

.testing-steps-grid .issues .issue.status-3:after,
.testing-steps-grid .issues .issue.status-8:after,
.testing-steps-grid .issues .issue.status-9:after,
.testing-steps-grid .issues .issue.status-10:after {
  background-image: url(/_themes/default/content/media/icons/info_filled.svg?stamp=230323&t=0&icon_color=%23158DDC); 
}

.testing-steps-grid .issues .issue.status-4:after,
.testing-steps-grid .issues .issue.status-7:after {
  background-image: url(/_themes/default/content/media/icons/circled_cross.svg?stamp=230323&t=0&icon_color=rgba(255%2c+193%2c+7%2c+1));
}

.testing-steps-grid .issues .issue.status-2:after,
.testing-steps-grid .issues .issue.status-5:after,
.testing-steps-grid .issues .issue.status-6:after,
.testing-steps-grid .issues .issue.status-11:after,
.testing-steps-grid .issues .issue.status-13:after {
  background-image: url(/_themes/default/content/media/icons/approve_filled.svg?stamp=230323&t=0&icon_color=%23268E6C);
}


.testing-steps-grid .issues .issue-details { 
  position: relative;
  padding-left: 10px;
  padding-bottom: 5px;
  overflow: hidden;
}

.testing-steps-grid .issues .issue-details > .content .field {
  margin-left: 20px;
}

.testing-steps-grid .issues .issue-details .field.htmlarea {
  margin-top: 11px;
  margin-right: 40px;
}

.testing-steps-grid .issues .issue-details .htmlarea-actions {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.testing-steps-grid .issues .issue-details .htmlarea-actions a {
  font-weight: 300;
  font-size: 10px;
}

.testing-steps-grid .issues .issue-details .priority-1 .field-value {
  color: #D6363E;
}

.testing-steps-grid .issues .issue-details .priority-2 .field-value {
  color: #DB7C12;
}

.testing-steps-grid .issues .issue-details .priority-3 .field-value {
  color: #D3B301;
}

.testing-steps-grid .issues .issue-details .priority-4 .field-value {
  color: #258D6B;
}

.testing-steps-grid .issues .issue-details .priority.edit .value-box {
  border: none;
  cursor: pointer;
}

.testing-steps-grid .issues .issue-details .field.lookup .value-box {
  border: none;
}

.testing-steps-grid .issues .issue-details .field.lookup .value-box .text {
  padding: 0;
}

.testing-steps-grid .issues .issue-details .field.lookup.issue-lookup .value-box input {
  padding: 0;
  cursor: pointer;
}

.testing-steps-grid .issues .issue-details .field.lookup.issue-lookup.edit .value-box input {
  text-decoration: underline;
}

.testing-steps-grid .issues .issue-details .priority.edit .value-box .cmd-lookup,
.testing-steps-grid .issues .issue-details .lookup.edit .value-box .cmd-lookup {
  display: none;
}


.testing-steps-grid .issues .issue.status-0,
.testing-steps-grid .issues .issue.status-1 {
  background-color: rgba(248, 215, 218, 1);
}

.testing-steps-grid .issues .issue.status-5,
.testing-steps-grid .issues .issue.status-6 {
  background-color: rgba(212, 237, 218, 1);
}

.testing-steps-grid .issues .issue.status-4,
.testing-steps-grid .issues .issue.status-7 {
  background-color: rgba(255, 243, 205, 1);
}

.testing-steps-grid .issues .issue.status-3,
.testing-steps-grid .issues .issue.status-8,
.testing-steps-grid .issues .issue.status-9,
.testing-steps-grid .issues .issue.status-10 {
  background-color: rgba(208, 227, 251, 1);
}

.testing-steps-grid .issues .issue:before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 4px;
  background-color: #268E6C;
}

.testing-steps-grid .issues .issue.status-0:before,
.testing-steps-grid .issues .issue.status-1:before {
  background-color: rgba(220, 53, 69, 1);
}

.testing-steps-grid .issues .issue.status-5:before,
.testing-steps-grid .issues .issue.status-6:before,
.testing-steps-grid .issues .issue.status-11:before {
  background-color: #268E6C;
}

.testing-steps-grid .issues .issue.status-4:before,
.testing-steps-grid .issues .issue.status-7:before {
  background-color: rgba(255, 193, 7, 1);
}

.testing-steps-grid .issues .issue.status-3:before,
.testing-steps-grid .issues .issue.status-8:before,
.testing-steps-grid .issues .issue.status-9:before,
.testing-steps-grid .issues .issue.status-10:before {
  background-color: #158DDC;
}

.testing-steps-grid .issues .issue.status-2:before,
.testing-steps-grid .issues .issue.status-13:before {
  background-color: #D5D7DA;
}

.testing-steps-grid .issues .issue.fit-width .issue-details { width: auto; }
.testing-steps-grid .issues .issue.status-2 .issue-details,
.testing-steps-grid .issues .issue.status-13 .issue-details { 
  border-color: #2CBB8B; 
}
.testing-steps-grid .issues .issue.status-3 .issue-details { border-color: #3794D7; }

.testing-steps-grid .issues .issue.status-2 .issue-details .htmlarea,
.testing-steps-grid .issues .issue.status-13 .issue-details .htmlarea {
  opacity: .5;
}

.testing-steps-grid .issues .issue.status-2 .issue-details .issue-head .field,
.testing-steps-grid .issues .issue.status-13 .issue-details .issue-head .field {
  opacity: .5;
}

.testing-steps-grid .issues .issue-head { 
  position: relative;
  margin-bottom: 3px; 
  font-weight: 500;
  padding-top: 10px;
}

.testing-steps-grid .issues .issue-head > .content .field,
.testing-steps-grid .issues .issue-head > .content .static-field {
  margin-left: 20px;
}

.testing-steps-grid .issues .issue-head .issue-title-line {
  overflow: hidden;
  margin-bottom: 20px;
}

.testing-steps-grid .issues .issue-head .issue-title-line .title {
  overflow: hidden;
  cursor: pointer;
}

.testing-steps-grid .issues .issue-head .issue-title-line .issue-date {
  float: right;
  color: #81878F;
}

.testing-steps-grid .issues .issue-head .issue-title-line .issue-code {
  font-weight: 700;
  text-decoration: underline;
}

.testing-steps-grid .issues .issue-head .issue-title-line .title a {
  color: unset;
  text-decoration: unset;
}

.testing-steps-grid .issues .issue-head .issue-comment-user {
  display: flex;
  align-items: center;
  margin-left: 20px;
  float: left;
}

.testing-steps-grid .issues .issue-head .issue-comment-user .contact-photo {
  margin: 0;
}

.testing-steps-grid .issues .issue-head .issue-comment-user .contact-photo img {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
}


.testing-steps-grid .issues .issue-head .issue-comment-user .user-name {
  
}

.testing-steps-grid .issues .issue-head .issue-comment-details {
  margin-right: 40px;
  margin-top: 5px;
  display: flex;
  justify-content: right;
}

.testing-steps-grid .issues .issue-head .issue-comment-details .issue-date {
  
}

.testing-steps-grid .issues .issue-head .issue-comment-details .datetime.issue-date {
  order: 1;
  margin-left: 5px;
}

.testing-steps-grid .issues .status-0 .issue-head .issue-title-line .title,
.testing-steps-grid .issues .status-1 .issue-head .issue-title-line .title {
  color: rgba(220, 53, 69, 1);
}

.testing-steps-grid .issues .status-2 .issue-head .issue-title-line .title,
.testing-steps-grid .issues .status-13 .issue-head .issue-title-line .title {
  color: #8999A5;
}

.testing-steps-grid .issues .status-2 .issue-head .issue-title-line .title .issue-code,
.testing-steps-grid .issues .status-11 .issue-head .issue-title-line .title .issue-code,
.testing-steps-grid .issues .status-13 .issue-head .issue-title-line .title .issue-code {
  color: #268E6C;
}

.testing-steps-grid .issues .status-2 .issue-head .issue-title-line .title .issue-title {
  text-decoration: line-through;
}

.testing-steps-grid .issues .status-3 .issue-head .issue-title-line .title,
.testing-steps-grid .issues .status-8 .issue-head .issue-title-line .title,
.testing-steps-grid .issues .status-9 .issue-head .issue-title-line .title,
.testing-steps-grid .issues .status-10 .issue-head .issue-title-line .title {
  color: #158DDC;
}

.testing-steps-grid .issues .status-4 .issue-head .issue-title-line .title,
.testing-steps-grid .issues .status-7 .issue-head .issue-title-line .title {
  color: rgba(255, 193, 7, 1);
}

.testing-steps-grid .issues .status-5 .issue-head .issue-title-line .title,
.testing-steps-grid .issues .status-6 .issue-head .issue-title-line .title,
.testing-steps-grid .issues .status-11 .issue-head .issue-title-line .title {
  color: #268E6C;
}

.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/default/content/media/icons/comment_filled.svg?stamp=230323&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 .issues .issue-head .static-field {
  color: #13344D;
}

.testing-steps-grid .issues .issue.status-0 .code,
.testing-steps-grid .issues .issue.status-1 .code {
  color: rgba(220, 53, 69, 1);
}

.testing-steps-grid .issues .issue.status-3 .code,
.testing-steps-grid .issues .issue.status-4 .code, 
.testing-steps-grid .issues .issue.status-5 .code, 
.testing-steps-grid .issues .issue.status-6 .code, 
.testing-steps-grid .issues .issue.status-7 .code, 
.testing-steps-grid .issues .issue.status-8 .code, 
.testing-steps-grid .issues .issue.status-9 .code, 
.testing-steps-grid .issues .issue.status-10 .code, 
.testing-steps-grid .issues .issue.status-11 .code {
  color: #158DDC;
}

.testing-steps-grid .issues .issue-head .issue-date { 
  float: right; 
  margin-right: 10px;
  color: #81878F;
}

.testing-steps-grid .issues .issue-head .linked-issues-label {
  margin-bottom: 8px;
}

.testing-steps-grid .issues .issue-head .issue-link {
  margin-bottom: 8px;
}

.testing-steps-grid .issues .issue-head .issue-link .value-box {
  background-color: rgba(21, 141, 220, 0.2);
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
  font-weight: 700;
  font-size: 10px;
}

.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/default/content/media/icons/circle_check.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_check.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=230323&t=0&icon_color=rgba(40%2c+167%2c+69%2c+1)");
}

.testing-steps-grid .image.image-issue {
  background-image: url("/_themes/default/content/media/icons/issue.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/issue_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/issue.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)"),
                    url("/_themes/default/content/media/icons/issue_filled.svg?stamp=230323&t=0&icon_color=rgba(220%2c+53%2c+69%2c+1)");
}

.testing-steps-grid .image.image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/actions.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.testing-steps-grid .image.image-add-comment {
  background-image: url("/_themes/default/content/media/icons/add_comment.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/add_comment_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/add_comment.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/add_comment_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); 
}

.testing-steps-grid .image.wf-actions-button {
  background-image: url("/_themes/default/content/media/icons/workflow_actions.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/workflow_actions_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/workflow_actions.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/workflow_actions_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); 
}

.testing-steps-grid .image.image-edit {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/edit.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); 
}

.testing-steps-grid .image.image-trash-can {
  background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/trash_can.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=230323&t=0&icon_color=%2381878F"); 
}

.testing-steps-grid .image-submit {
  background-image: url("/_themes/default/content/media/icons/submit.svg?stamp=230323&t=0&icon_color=%23158DDC"),
                    url("/_themes/default/content/media/icons/submit_filled.svg?stamp=230323&t=0&icon_color=%23158DDC"),
                    url("/_themes/default/content/media/icons/submit.svg?stamp=230323&t=0&icon_color=%23158DDC"),
                    url("/_themes/default/content/media/icons/submit_filled.svg?stamp=230323&t=0&icon_color=%23158DDC");
}

.image-up-arrow {
  background-image: url("/_themes/default/content/media/icons/circled_arrow_up.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_up_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_up.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_up_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-down-arrow {
  background-image: url("/_themes/default/content/media/icons/circled_arrow_down.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_down_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_down.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_down_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-dots {
  background-image: url("/_themes/default/content/media/icons/menu.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/menu_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/menu.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/menu_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.image-note {
  background-image: url("/_themes/default/content/media/icons/notes.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/notes_filled.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/notes.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/notes_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}



.testing-steps-grid .issues .issue.note:before {
  background-color: rgba(205, 38, 130, 1);
}

.testing-steps-grid .issues .issue.note:after {
  background-image: url("/_themes/default/content/media/icons/notes.svg?stamp=230323&t=0&icon_color=rgba(205%2c+38%2c+130%2c+1)");
}

.testing-steps-grid .issues .issue.note.status-0:after {
  background-image: url("/_themes/default/content/media/icons/notes.svg?stamp=230323&t=0&icon_color=rgba(205%2c+38%2c+130%2c+0.5)");
}

.testing-steps-grid .issues .issue.note .issue-details .issue-head .issue-title-line .title .value-box .html,
.testing-steps-grid .issues .issue.jira .issue-details .issue-head .issue-title-line .title .value-box .html {
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.testing-steps-grid .issues .issue.note .issue-details .issue-head .issue-title-line .title .issue-title {
  color: rgba(205, 38, 130, 1);
}

.testing-steps-grid .issues .issue.note.status-0 .issue-details .issue-head .issue-title-line .title .issue-title {
  color: rgba(205, 38, 130, 0.5);
}

.testing-steps-grid .issues .issue.note {
  background-color: #F0F5FA;
}

.testing-steps-grid .issues .issue.note .field.htmlarea {
  margin-left: 40px;
}

.testing-steps-grid .issues .issue.note .issue-actions .folder,
.testing-steps-grid .issues .issue.jira .issue-actions .folder {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/attach_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
  background-position: center;
  background-repeat: no-repeat;
}

.testing-steps-grid .issues .issue.note.status-0:before {
  background-color: rgba(205, 38, 130, 0.5);
}

.testing-steps-grid .issues .issue.history:before {
  background-color: #158DDC;
}

.testing-steps-grid .issues .issue.history {
  background-color: #F0F5FA;
}

.testing-steps-grid .issues .issue.history {
  background-color: #F0F5FA;
}

.testing-steps-grid .issues .issue.status-2 .item,
.testing-steps-grid .issues .issue.status-13 .item {
  opacity: .5;
}

.testing-steps-grid .issues .issue-head > .content .static-field.item-name {
  margin: 0;
}









.testing-steps-grid .issues .issue .protocol-issue-code{ color: #000; font-weight:bold;}

.testing-steps-grid .comment { position: relative; padding-left: 43px; width: 500px; margin: 20px 0 0; }
.testing-steps-grid .comment-details { border-left: 2px solid #3794D7; padding-left: 15px; }
.testing-steps-grid .comment:before { content: ""; position: absolute; left: 17px; top: 0; width: 16px; height: 16px; background: url(/media/comment-16.png) 0 -16px; }
.testing-steps-grid .comment-head { color: #808080; margin-bottom: 2px; }
.testing-steps-grid .comment-head .date { display: inline; margin-right: 10px; }
.testing-steps-grid .comment-head .name { display: inline; }
                                                
.testing-steps-grid .issue-summary .actions { display: inline; }
.testing-steps-grid .comments-count { display: inline; }
.testing-steps-grid .comments-count .value-box { cursor: pointer; }
.testing-steps-grid .comments-count .value-box .text { position: relative; display: block; padding-left: 20px; color: #808080; }
.testing-steps-grid .comments-count .value-box .text:before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: url(/media/comment-16.png) 0 0px; }
.testing-steps-grid .comments-count:hover .value-box .text:before,
.testing-steps-grid .comments-count.has-comments .value-box .text:before { background-position: 0 -16px; }

 /*discussions (grid) */
.testing-steps-grid .step-actions .discussion {
  position: relative; display: block; vertical-align: top; width: 20px; height: 20px; cursor: pointer; margin-bottom: 5px;
}

.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 .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;
}

.widgets-dashboard-label .image-context-menu { 
  background-image: url("/_themes/default/content/media/icons/context_menu.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/context_menu.svg?stamp=230323&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; 
}

/*<--- 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-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 .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;
}
















.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;
}
/* 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/default/content/media/icons/user_filled.svg?stamp=230323&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/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.participants-list1 .image-delete { background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%2381878F"),
                                  url("/_themes/default/content/media/icons/cross_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.participants-list1.minimal .role {
  padding: 0;
}

.participants-list1.minimal .role:hover {
  background-color: unset;
}

.participants-list1.minimal .role:before {
  content: none;
}










/* 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 55px 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: none;
  /*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: none;
  /*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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_minus.svg?stamp=230323&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/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&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/default/content/media/progress/progress_0.svg?stamp=230323&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/default/content/media/progress/progress_1.svg?stamp=230323&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/default/content/media/progress/progress_2.svg?stamp=230323&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/default/content/media/progress/progress_3.svg?stamp=230323&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/default/content/media/progress/progress_4.svg?stamp=230323&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/default/content/media/grid/gantt.png?stamp=230323&t=0&icon_color=%23404040");
  background-position: center 0; 
}

.requirements-grid1 .col .image-gantt-active { 
  width: 16px; 
  height: 16px; 
  background-image: url("/_themes/default/content/media/grid/gantt.png?stamp=230323&t=0&icon_color=%23404040");
  background-position: center -32px; 
}

.requirements-grid1 .col .image-gantt-hover { 
  width: 16px; 
  height: 16px;
  background-image: url("/_themes/default/content/media/grid/gantt.png?stamp=230323&t=0&icon_color=%23404040");
  background-position: center -16px; 
}

.requirements-grid1 .has-task-links .text { 
  width: 16px; 
  height: 16px;
  background-image: url("/_themes/default/content/media/grid/gantt.png?stamp=230323&t=0&icon_color=%23404040");
  background-position: center -32px; 
}

.requirements-grid1 .hasno-task-links .text { 
  width: 16px; 
  height: 16px;
  background-image: url("/_themes/default/content/media/grid/gantt.png?stamp=230323&t=0&icon_color=%23404040");
  background-position: center 0; 
}

.requirements-grid1 .has-testcase-links .text { 
  width: 16px; 
  height: 16px; 
  background-image: url("/_themes/default/content/media/grid/testcase.svg?stamp=230323&t=0&icon_color=%23404040");
  background-size: contain, 0; 
}

.requirements-grid1 .hasno-testcase-links .text { 
  width: 16px; 
  height: 16px; 
  background-image: url("/_themes/default/content/media/grid/testcase.svg?stamp=230323&t=0&icon_color=%23A1B9C5"); 
  background-size: contain, 0; 
}

.image-reqtype-1{
  background-image: url("/_themes/default/content/media/grid/bug.svg?stamp=230323&t=0&icon_color=%23404040");
  background-size: contain; 
}
.image-reqtype-2{
  background-image: url("/_themes/default/content/media/grid/new.svg?stamp=230323&t=0&icon_color=%23404040");
  background-size: contain; 
}
.image-reqtype-3{ 
  background-image: url("/_themes/default/content/media/grid/increase.svg?stamp=230323&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/default/content/media/icons/circled_arrow_left.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=230323&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/default/content/media/icons/circled_arrow_right.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=230323&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/default/content/media/icons/context_menu.svg?stamp=230323&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/default/content/media/icons/reload.svg?stamp=230323&t=0&icon_color=%2381878F"); 
  background-size: 17px;
  background-repeat: no-repeat;
}

.taskboard1 .card.actual-2 .card-date:before {
  background-image: url("/_themes/default/content/media/icons/reload.svg?stamp=230323&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/default/content/media/icons/circled_arrow_left.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=230323&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/default/content/media/icons/circled_arrow_right.svg?stamp=230323&t=0&icon_color=%2381878F"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=230323&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/default/content/media/icons/context_menu.svg?stamp=230323&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/default/content/media/icons/reload.svg?stamp=230323&t=0&icon_color=%2381878F"); 
  background-size: 17px;
  background-repeat: no-repeat;
}

.task-card .card.actual-2 .card-date:before {
  background-image: url("/_themes/default/content/media/icons/reload.svg?stamp=230323&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: rgba(32, 134, 55, 1);
}

.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/default/content/media/icons/dotted_arrow_down.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/dotted_arrow_down.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/dotted_arrow_down.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/dotted_arrow_down.svg?stamp=230323&t=0&icon_color=%23404040");
  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/default/content/media/icons/milestone.svg?stamp=230323&t=0&icon_color=%23404040");
  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: #EEEEEE;
  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;
}


/* grid-a chats */
.grid-da .cell.extension {
  /*display: flex;*/
}

.grid-da .extension.value-box {
  display: block;
  position: relative; 
  width: 20px; 
  height: 100%;
  cursor: pointer;
  background-repeat: no-repeat; 
  background-position: center; 
  background-color: transparent;
}

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


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

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

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

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

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

.grid-da .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-da .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-da .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-da .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-da .extension-name-notes.value-box {
  display: none;
  background-size: contain;
  background-image: url("/_themes/default/content/media/icons/notes_filled.svg?stamp=230323&t=0&icon_color=%2381878F")
}

.grid-da .extension-name-notes.extension-attached.value-box {
  display: block;
}
/* Access widget */
.group.access-items-legend > .head { float: left; margin: 0 30px 0 0; padding: 5px 0 0 0; }
.group.access-items-legend > .head .text { font-weight: 700; color: #000; }
.group.access-items-legend > .head .extra { display: none; }

.group.access-items-legend > .content { 
  display: flex;
  justify-content: space-between;
}

.group.access-items-legend .field { 
  display: inline-flex;
  align-items: center;
}
.group.access-items-legend .field-label { line-height: 27px; }
.group.access-items-legend .highlight { padding: 5px 10px; }
.group.access-items-legend .highlight-current { background-color: rgba(178, 255, 193, 0.6) !important; }
.group.access-items-legend .highlight.edit { background-color: rgba(243, 255, 153, 0.6) !important; }
.group.access-items-legend .highlight-custom { background-color: rgba(255, 222, 153, 0.6) !important; }

.group.access-items-legend .value-box {
  padding: 0;
  line-height: 0;
  min-height: unset;
}

.group.access-items-legend label.check {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
}

.group.access-items-legend label.check.checked {
  background-size: 0, contain;
}

.access-items .section-head { font-size: 16px; font-weight: 700; margin: 0 0 15px; }
.access-items .op-table { border-collapse: collapse; table-layout: fixed; margin: 0 0 20px 20px; }
.access-items .group-row { background: #f7f7f7; }
.access-items .op-table .image { display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-right: 5px; background-repeat: no-repeat; opacity: 0.5; }
.access-items .op-table td { border: 1px solid #d0d0d0; padding: 2px 5px; min-height: 16px; }
.access-items .op-table td.highlight-current { background-color: rgba(178, 255, 193, 0.6) !important; }
.access-items .op-table td.edit { background-color: rgba(243, 255, 153, 0.6) !important; }
.access-items .op-table td.highlight-custom.checked { background-color: rgba(255, 222, 153, 0.6) !important; }
.access-items .op-table tr.op-row:hover td { background: rgba(210, 231, 247, 0.8); }
.access-items .op-table td.group-name { font-size: 13px; font-weight: 700; margin: 0 0 15px; }
.access-items .op-table td.entity-name { font-size: 11px; font-weight: 700; }
.access-items .op-table td.entity-name > div { width: 110px; }
.access-items .op-table td.op-name { font-weight: 700; }
.access-items .op-table td.group-name > div,
.access-items .op-table td.op-name > div { width: 200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.access-items .op-table td.entity-check { 
  text-align: center;
  padding: 4px 0 0 0;
}
.access-items .op-table td.entity-check.edit label.check { border-color: #CCCCCC; cursor: pointer; color: #000000; }
.access-items .op-table td.entity-check label.check { 
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=230323&t=0&border=%23D5D7DA&bg=%23F0F5FA&mark=%23404040");
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
}

.access-items .op-table td.entity-check.checked label.check {
  background-size: 0, contain;
}

.access-items .op-table .indent2 td.op-name > div { padding-left: 20px; font-weight: 400; }
.access-items .op-table.name-width2 td.group-name > div,
.access-items .op-table.name-width2 td.op-name > div { width: 280px; }
.access-items .op-table.hidden { display: none; }















.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/default/content/media/icons/pin.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/pin_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/pin_pinned.svg?stamp=230323&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/default/content/media/icons/cross.svg?stamp=230323&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; pointer-events: none; }
.designer-workspace .design-element.tool-pane .button.permanent-disabled{ opacity: 0.5; pointer-events: none; }
.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.group-welding{
  background-image: url("/_themes/default/content/media/gdtviewer/welding_group.png?stamp=230323&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/default/content/media/gdtviewer/group_surfacefinish.png?stamp=230323&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: center;
}


/* --- Unic styles for 'hr-calendar' ---*/
/* Vacation (non-approved)*/
.hr-calendar.widget-gantt .slot.vacation { 
  border: 1px dashed rgba(40, 167, 69, 1);
}  

/* Vacation (approved) */
.hr-calendar.widget-gantt .slot.vacation-approved { 
  border: none;
  background: rgba(212, 237, 218, 1);
}  

/* Day-off (non-approved) */
.hr-calendar.widget-gantt .slot.day-off { 
  border: 1px dashed rgba(220, 53, 69, 1);
  border-radius: 2px;
  background: #F7F8FA;
  margin: 2px;
}  

/* Day-off (approved) */
.hr-calendar.widget-gantt .slot.day-off-approved { 
  border: none;
  background: none;
}  

.hr-calendar.widget-gantt .slot.day-off-approved:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 2px;
  height: 16px;
  background-color: rgba(234, 134, 143, 1);
}

.hr-calendar.widget-gantt .slot.day-off-approved:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 2px;
  height: 16px;
  background-color: rgba(234, 134, 143, 1);
}

/* Celebration  */
.hr-calendar.widget-gantt .slot.celebration { 
  border: none;
  background: none;
}  

.hr-calendar.widget-gantt .slot.celebration:before {
  content: '*';
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: rgba(220, 53, 69, 1);
}

.widget.mapcontrol .dataview {
  border: 1px solid #D5D7DA;
  border-radius: 2px;
}

.widget.mapcontrol .dataview .dataview-menu {
  background-image: url("/_themes/default/content/media/icons/datadesigner/more.svg?stamp=230323&t=0&icon_color=%23404040");
}

.widget.mapcontrol .dataview .dataview-property .property-addmenu {
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%23404040");
  width: 17px;
  height: 17px;
  margin-bottom: -3px;
}

.widget.mapcontrol .dataview .dataview-property .property-delete {
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%23404040");
}

.widget.mapcontrol .dataview .dataview-property .join-delete {
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=230323&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/default/content/media/icons/datadesigner/datatype-text.svg?stamp=230323&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/default/content/media/icons/datadesigner/datatype-number.svg?stamp=230323&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/default/content/media/icons/datadesigner/datatype-date.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Double,
.menu-tab.custommenu .image-Double{
  background-image: url("/_themes/default/content/media/icons/datadesigner/datatype-float.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Decimal,
.menu-tab.custommenu .image-Decimal{
  background-image: url("/_themes/default/content/media/icons/datadesigner/datatype-money.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Binary,
.menu-tab.custommenu .image-Binary{
  background-image: url("/_themes/default/content/media/icons/datadesigner/datatype-token.svg?stamp=230323&t=0&icon_color=%2381878F");
}

.widget.mapcontrol .dataview .dataview-fields .field .datatype.Boolean,
.menu-tab.custommenu .image-Boolean{
  background-image: url("/_themes/default/content/media/icons/datadesigner/datatype-boolean.svg?stamp=230323&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/default/content/media/icons/datadesigner/table.svg?stamp=230323&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/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%23404040");
  margin-bottom: 0;
}

.widget.mapcontrol .dataview .dataview-fields .field .field-addmenu {
  margin-left: 3px;
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&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/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%23404040");
  background-size: 17px;
}

.widget.mapcontrol .dataview .dataview-filter .section-delete {
  background-image: url("/_themes/default/content/media/icons/datadesigner/delete-basket.svg?stamp=230323&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/default/content/media/icons/cross.svg?stamp=230323&t=0&icon_color=%23404040");
}

.widget.mapcontrol .dataview .dataview-filter .section .filter-field-addmenu {
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%23404040");
  width: 17px;
  height: 17px;
  margin-bottom: -4px;
}

.widget.mapcontrol .dataview.empty .dataview-add {
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=230323&t=0&icon_color=%23404040");
}


body > .popup-pane {
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(1,1,1,.2);
  z-index: 22;
  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: 5px;
  right: 5px;
  top: 26px;
  bottom: 5px;
}

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/default/content/media/icons/cube_cross.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/cube_cross_filled.svg?stamp=230323&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; }


/* breadcrumbs */
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.breadcrumbs > a.button-close { display: none; }


/* search-lookup */
.search-lookup .select-button {
  position: absolute;
  right: 0; top: 0;
  z-index: 2;
}

.search-lookup .grid-t1 .items {
  height: 300px;
}

/*.search-popup-pane > 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 */
.group.field-columns > .content > .widget{ float:left; margin-right: 10px; margin-bottom:10px;}
.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; }










.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;
}

.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/default/content/media/icons/search.svg?stamp=230323&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/default/content/media/icons/close-x.svg?stamp=230323&t=0&icon_color=%23404040");
  opacity: 0.8;
} 

.sitebar .field.widget-search.search a.button-clear:hover span{
  opacity: 1;
} 
.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: 840px;
  padding: 40px;
  box-sizing: border-box;
  background-color: #FFFFFF;
}

.statusmeeting.no-padding {
  padding: 0;
}

.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;
  margin-top: 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 .title-line .static-field {
  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 .project-name.clickable {
  cursor: pointer;
}

.statusmeeting .project-tasks .project-task .item-head .project-name.clickable:hover {
  text-decoration: underline;
}

.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 .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 > .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/default/content/media/icons/cube_cross.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/cube_cross_filled.svg?stamp=230323&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;
}

body > .tooltip .field.style-b {
  margin-bottom: 5px;
}

body > .tooltip .field.image {
  margin: 0;
}



/*.widget-tree.tree-b .node .node-title .icon,*/
/*.widget-tree.tree-b .node.has-child > .node-title .icon {*/
/*  background-size: 16px, 0, 0;*/
/*}*/

.widget-tree.tree-b .node.content-type-part > .node-title .icon, .node.has-child.content-type-part > .node-title .icon { 
    background-image: url("/_themes/default/content/media/icons/part-default.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/part-default_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/part-default_filled.svg?stamp=230323&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/default/content/media/icons/pdr-default.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/pdr-default_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/pdr-default_filled.svg?stamp=230323&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/default/content/media/icons/cadmodel-default.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/cadmodel-default_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/cadmodel-default_filled.svg?stamp=230323&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/default/content/media/icons/boc-default.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/boc-default_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/boc-default_filled.svg?stamp=230323&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/default/content/media/icons/assembly-default.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/assembly-default_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/assembly-default_filled.svg?stamp=230323&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/default/content/media/icons/drawing-default.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/drawing-default_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/drawing-default_filled.svg?stamp=230323&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/default/content/media/icons/material-default.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/material-default_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/material-default_filled.svg?stamp=230323&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/default/content/media/icons/pmr-default.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/pmr-default_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
    url("/_themes/default/content/media/icons/pmr-default_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}
/* 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; }

/* 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; }
.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/default/content/media/icons/trash_empty.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/icons/trash_full.svg?stamp=230323&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: #0859B9;
  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: #0859B9;
  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-approve {
  background-image: url("/_themes/default/content/media/images/approve.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/approve-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-approve {
  background-image: url("/_themes/default/content/media/images/approve.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/approve-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/approve-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-auditor {
  background-image: url("/_themes/default/content/media/images/auditor.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/auditor-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-auditor {
  background-image: url("/_themes/default/content/media/images/auditor.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/auditor-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/auditor-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-calendar {
  background-image: url("/_themes/default/content/media/images/calendar.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/calendar-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-calendar {
  background-image: url("/_themes/default/content/media/images/calendar.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/calendar-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/calendar-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-clean {
  background-image: url("/_themes/default/content/media/images/clean.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/clean.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-clean {
  background-image: url("/_themes/default/content/media/images/clean.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/clean.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/clean.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-clean_filled {
  background-image: url("/_themes/default/content/media/images/clean_filled.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/clean_filled.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-clean_filled {
  background-image: url("/_themes/default/content/media/images/clean_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/clean_filled.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/clean_filled.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-copy1 {
  background-image: url("/_themes/default/content/media/images/copy1.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/copy1-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-copy1 {
  background-image: url("/_themes/default/content/media/images/copy1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/copy1-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/copy1-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-dashboard {
  background-image: url("/_themes/default/content/media/images/dashboard.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/dashboard-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-dashboard {
  background-image: url("/_themes/default/content/media/images/dashboard.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/dashboard-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/dashboard-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-department {
  background-image: url("/_themes/default/content/media/images/department.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/department-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-department {
  background-image: url("/_themes/default/content/media/images/department.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/department-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/department-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-diagram {
  background-image: url("/_themes/default/content/media/images/diagram.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/diagram-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-diagram {
  background-image: url("/_themes/default/content/media/images/diagram.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/diagram-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/diagram-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-document {
  background-image: url("/_themes/default/content/media/images/document.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/document-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-document {
  background-image: url("/_themes/default/content/media/images/document.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/document-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/document-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-down_0 {
  background-image: url("/_themes/default/content/media/images/down_0.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/down_0.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-down_0 {
  background-image: url("/_themes/default/content/media/images/down_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/down_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/down_0.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-down_dblarrow {
  background-image: url("/_themes/default/content/media/images/down_dblarrow.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/down_dblarrow-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-down_dblarrow {
  background-image: url("/_themes/default/content/media/images/down_dblarrow.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/down_dblarrow-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/down_dblarrow-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-einstein_0 {
  background-image: url("/_themes/default/content/media/images/einstein_0.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/einstein_0-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-einstein_0 {
  background-image: url("/_themes/default/content/media/images/einstein_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/einstein_0-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/einstein_0-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-email {
  background-image: url("/_themes/default/content/media/images/email.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/email-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-email {
  background-image: url("/_themes/default/content/media/images/email.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/email-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/email-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-favorites {
  background-image: url("/_themes/default/content/media/images/favorites.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/favorites-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-favorites {
  background-image: url("/_themes/default/content/media/images/favorites.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/favorites-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/favorites-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-favorites_manager1 {
  background-image: url("/_themes/default/content/media/images/favorites_manager1.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/favorites_manager1-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-favorites_manager1 {
  background-image: url("/_themes/default/content/media/images/favorites_manager1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/favorites_manager1-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/favorites_manager1-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-favorites_planet {
  background-image: url("/_themes/default/content/media/images/favorites_planet.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/favorites_planet-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-favorites_planet {
  background-image: url("/_themes/default/content/media/images/favorites_planet.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/favorites_planet-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/favorites_planet-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-file_excel {
  background-image: url("/_themes/default/content/media/images/file_excel.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/file_excel-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-file_excel {
  background-image: url("/_themes/default/content/media/images/file_excel.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_excel-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_excel-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-file_image {
  background-image: url("/_themes/default/content/media/images/file_image.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/file_image-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-file_image {
  background-image: url("/_themes/default/content/media/images/file_image.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_image-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_image-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-file_pdf {
  background-image: url("/_themes/default/content/media/images/file_pdf.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/file_pdf-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-file_pdf {
  background-image: url("/_themes/default/content/media/images/file_pdf.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_pdf-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_pdf-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-file_ppt {
  background-image: url("/_themes/default/content/media/images/file_ppt.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/file_ppt-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-file_ppt {
  background-image: url("/_themes/default/content/media/images/file_ppt.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_ppt-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_ppt-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-file_scheme {
  background-image: url("/_themes/default/content/media/images/file_scheme.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/file_scheme-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-file_scheme {
  background-image: url("/_themes/default/content/media/images/file_scheme.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_scheme-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_scheme-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-file_text {
  background-image: url("/_themes/default/content/media/images/file_text.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/file_text-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-file_text {
  background-image: url("/_themes/default/content/media/images/file_text.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_text-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_text-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-file_wod {
  background-image: url("/_themes/default/content/media/images/file_wod.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/file_wod-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-file_wod {
  background-image: url("/_themes/default/content/media/images/file_wod.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_wod-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_wod-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-file_word {
  background-image: url("/_themes/default/content/media/images/file_word.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/file_word.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-file_word {
  background-image: url("/_themes/default/content/media/images/file_word.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_word.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/file_word.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-filter {
  background-image: url("/_themes/default/content/media/images/filter.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/filter-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-filter {
  background-image: url("/_themes/default/content/media/images/filter.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/filter-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/filter-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-fire {
  background-image: url("/_themes/default/content/media/images/fire.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/fire.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-fire {
  background-image: url("/_themes/default/content/media/images/fire.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/fire.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/fire.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-fit {
  background-image: url("/_themes/default/content/media/images/fit.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/fit-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-fit {
  background-image: url("/_themes/default/content/media/images/fit.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/fit-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/fit-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-folder {
  background-image: url("/_themes/default/content/media/images/folder.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/folder-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-folder {
  background-image: url("/_themes/default/content/media/images/folder.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/folder-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/folder-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-form {
  background-image: url("/_themes/default/content/media/images/form.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/form-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-form {
  background-image: url("/_themes/default/content/media/images/form.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/form-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/form-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-globe {
  background-image: url("/_themes/default/content/media/images/globe.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/globe-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-globe {
  background-image: url("/_themes/default/content/media/images/globe.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/globe-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/globe-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-high_0 {
  background-image: url("/_themes/default/content/media/images/high_0.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/high_0-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-high_0 {
  background-image: url("/_themes/default/content/media/images/high_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/high_0-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/high_0-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-history {
  background-image: url("/_themes/default/content/media/images/history.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/history-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-history {
  background-image: url("/_themes/default/content/media/images/history.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/history-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/history-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-jellyfish {
  background-image: url("/_themes/default/content/media/images/jellyfish.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/jellyfish-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-jellyfish {
  background-image: url("/_themes/default/content/media/images/jellyfish.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/jellyfish-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/jellyfish-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-jellyfish_0 {
  background-image: url("/_themes/default/content/media/images/jellyfish_0.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/jellyfish_0-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-jellyfish_0 {
  background-image: url("/_themes/default/content/media/images/jellyfish_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/jellyfish_0-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/jellyfish_0-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-library {
  background-image: url("/_themes/default/content/media/images/library.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/library-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-library {
  background-image: url("/_themes/default/content/media/images/library.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/library-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/library-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-low_0 {
  background-image: url("/_themes/default/content/media/images/low_0.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/low_0-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-low_0 {
  background-image: url("/_themes/default/content/media/images/low_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/low_0-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/low_0-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-manager1 {
  background-image: url("/_themes/default/content/media/images/manager1.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/manager1.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-manager1 {
  background-image: url("/_themes/default/content/media/images/manager1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/manager1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/manager1.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-measurement_hover {
  background-image: url("/_themes/default/content/media/images/measurement_hover.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/measurement_hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-measurement_hover {
  background-image: url("/_themes/default/content/media/images/measurement_hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/measurement_hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/measurement_hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-medium_0 {
  background-image: url("/_themes/default/content/media/images/medium_0.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/medium_0-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-medium_0 {
  background-image: url("/_themes/default/content/media/images/medium_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/medium_0-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/medium_0-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-message {
  background-image: url("/_themes/default/content/media/images/message.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/message-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-message {
  background-image: url("/_themes/default/content/media/images/message.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/message-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/message-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-notification {
  background-image: url("/_themes/default/content/media/images/notification.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/notification-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-notification {
  background-image: url("/_themes/default/content/media/images/notification.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/notification-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/notification-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-package {
  background-image: url("/_themes/default/content/media/images/package.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/package-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-package {
  background-image: url("/_themes/default/content/media/images/package.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/package-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/package-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-planning {
  background-image: url("/_themes/default/content/media/images/planning.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/planning-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-planning {
  background-image: url("/_themes/default/content/media/images/planning.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/planning-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/planning-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-plus1 {
  background-image: url("/_themes/default/content/media/images/plus1.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/plus1-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-plus1 {
  background-image: url("/_themes/default/content/media/images/plus1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/plus1-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/plus1-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-popup {
  background-image: url("/_themes/default/content/media/images/popup.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/popup-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-popup {
  background-image: url("/_themes/default/content/media/images/popup.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/popup-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/popup-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-progress_0 {
  background-image: url("/_themes/default/content/media/images/progress_0.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/progress_0.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-progress_0 {
  background-image: url("/_themes/default/content/media/images/progress_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_0.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-progress_1 {
  background-image: url("/_themes/default/content/media/images/progress_1.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/progress_1.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-progress_1 {
  background-image: url("/_themes/default/content/media/images/progress_1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_1.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-progress_2 {
  background-image: url("/_themes/default/content/media/images/progress_2.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/progress_2.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-progress_2 {
  background-image: url("/_themes/default/content/media/images/progress_2.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_2.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_2.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-progress_3 {
  background-image: url("/_themes/default/content/media/images/progress_3.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/progress_3.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-progress_3 {
  background-image: url("/_themes/default/content/media/images/progress_3.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_3.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_3.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-progress_4 {
  background-image: url("/_themes/default/content/media/images/progress_4.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/progress_4.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-progress_4 {
  background-image: url("/_themes/default/content/media/images/progress_4.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_4.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/progress_4.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-properties1 {
  background-image: url("/_themes/default/content/media/images/properties1.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/properties1-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-properties1 {
  background-image: url("/_themes/default/content/media/images/properties1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/properties1-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/properties1-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-push {
  background-image: url("/_themes/default/content/media/images/push.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/push-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-push {
  background-image: url("/_themes/default/content/media/images/push.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/push-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/push-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-scheme {
  background-image: url("/_themes/default/content/media/images/scheme.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/scheme-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-scheme {
  background-image: url("/_themes/default/content/media/images/scheme.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/scheme-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/scheme-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-scheme_fill {
  background-image: url("/_themes/default/content/media/images/scheme_fill.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/scheme_fill.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-scheme_fill {
  background-image: url("/_themes/default/content/media/images/scheme_fill.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/scheme_fill.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/scheme_fill.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-select {
  background-image: url("/_themes/default/content/media/images/select.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/select-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-select {
  background-image: url("/_themes/default/content/media/images/select.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/select-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/select-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-sms {
  background-image: url("/_themes/default/content/media/images/sms.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/sms-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-sms {
  background-image: url("/_themes/default/content/media/images/sms.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/sms-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/sms-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-snapshot {
  background-image: url("/_themes/default/content/media/images/snapshot.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/snapshot-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-snapshot {
  background-image: url("/_themes/default/content/media/images/snapshot.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/snapshot-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/snapshot-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-sort {
  background-image: url("/_themes/default/content/media/images/sort.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/sort-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-sort {
  background-image: url("/_themes/default/content/media/images/sort.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/sort-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/sort-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-status_changed {
  background-image: url("/_themes/default/content/media/images/status_changed.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/status_changed.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-status_changed {
  background-image: url("/_themes/default/content/media/images/status_changed.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/status_changed.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/status_changed.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-status_deleted {
  background-image: url("/_themes/default/content/media/images/status_deleted.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/status_deleted.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-status_deleted {
  background-image: url("/_themes/default/content/media/images/status_deleted.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/status_deleted.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/status_deleted.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-status_published {
  background-image: url("/_themes/default/content/media/images/status_published.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/status_published.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-status_published {
  background-image: url("/_themes/default/content/media/images/status_published.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/status_published.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/status_published.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-status_start {
  background-image: url("/_themes/default/content/media/images/status_start.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/status_start.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-status_start {
  background-image: url("/_themes/default/content/media/images/status_start.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/status_start.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/status_start.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-tree_1 {
  background-image: url("/_themes/default/content/media/images/tree_1.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/tree_1.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-tree_1 {
  background-image: url("/_themes/default/content/media/images/tree_1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/tree_1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/tree_1.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-tree_2 {
  background-image: url("/_themes/default/content/media/images/tree_2.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/tree_2.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-tree_2 {
  background-image: url("/_themes/default/content/media/images/tree_2.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/tree_2.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/tree_2.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-tree_3 {
  background-image: url("/_themes/default/content/media/images/tree_3.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/tree_3.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-tree_3 {
  background-image: url("/_themes/default/content/media/images/tree_3.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/tree_3.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/tree_3.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-up_0 {
  background-image: url("/_themes/default/content/media/images/up_0.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/up_0.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-up_0 {
  background-image: url("/_themes/default/content/media/images/up_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/up_0.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/up_0.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-up_dblarrow {
  background-image: url("/_themes/default/content/media/images/up_dblarrow.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/up_dblarrow-hover.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-up_dblarrow {
  background-image: url("/_themes/default/content/media/images/up_dblarrow.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/up_dblarrow-hover.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/up_dblarrow-hover.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.image-user1 {
  background-image: url("/_themes/default/content/media/images/user1.svg?stamp=230323&t=0&icon_color=%23404040"),
                    url("/_themes/default/content/media/images/user1.svg?stamp=230323&t=0&icon_color=%23404040");
}

.navigation-panel .image-user1 {
  background-image: url("/_themes/default/content/media/images/user1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/user1.svg?stamp=230323&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/images/user1.svg?stamp=230323&t=0&icon_color=rgba(20%2c+115%2c+233%2c+1)");
}
.main-menu-popup .menu-logo .value-box {
  width: 340px;
  height: 55px;
  background-image: url("/_themes/default/content/media/logo.svg?stamp=230323&t=0");
}

.signin-panenew .login-pane .signin-logo .value-box {
  width: 340px;
  height: 55px;
  background-image: url("/_themes/default/content/media/logo.svg?stamp=230323&t=0");
}

body > .loading .box {
  background-image:  url("/_themes/default/content/media/loading_logo.svg?stamp=230323&t=0");
  background-position: center center;
}

.signin-form .head .logo {
  background-image: url("/_themes/default/content/media/logo.svg?stamp=230323&t=0");
}

.widget-tree .node.type-board > .node-title .icon {
   background-image: url('/media/custom/board.png'),
                    url('/media/custom/board.png'),
                    url('/media/custom/board.png');
  /*width: 20px;*/
  /*height: 20px;*/
  background-size: 14px;
}

.widget-tree .node.type-board .node-title:hover .icon, .widget-tree .node.selected > .node-title > .icon
{
  background-size: 14px !important;
}

.widget-tree .node.type-folder .node-title:hover .icon, .widget-tree .node.type-folder.selected > .node-title > .icon {
    background-size: 0, contain, 0 !important;
}

.widget-tree .node.type-board .node-title:hover .icon,
.widget-tree .node.type-board.selected > .node-title > .icon {
  background-size: 14px !important;
}