@import url('/css/fonts/roboto/roboto.css');
@import url('/css/fonts/NotoSans/NotoSans.css');
@import url('/css/fonts/NotoSansDisplay/NotoSansDisplay.css');
@import url('/css/fonts/fontawesome/font-awesome.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/arrow_left_circled_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/arrow_left_circled_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  border: 1px solid rgba(222, 224, 227, 1);
  background-color: rgba(255, 255, 255, 1);
  background-position: right 4px center;
  background-size: 14px;
  color: inherit;
}

.ui-datepicker .ui-datepicker-title select:hover {
  border-color: rgba(178, 178, 178, 1);
}

.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 rgba(222, 224, 227, 1);
}

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

.ui-datepicker th {
	padding: 0 5px 5px 5px;
	text-align: center;
	font-weight: 300;
	border: 0;
	color: rgba(111, 111, 111, 1);
}
.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 rgba(222, 224, 227, 1);
	box-shadow: 0px 0px 12px #00000026;
	font-family: Roboto, sans-serif;
	color: rgba(62, 63, 66, 1);
}
.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: #000000;
	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: NotoSans, sans-serif;
  line-height: 19px;
  min-height: 100%;
  color: #404040;
  background-color: #E0E0E0;
}

body > * {
  font-family: NotoSans, sans-serif;
}

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;
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  background-image:  url("/_themes/default/content/media/preloader.png?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  background-repeat: no-repeat;
  width: 52px;
  height: 52px;
  animation: 1s ease infinite loading_animation;
  transform: rotateY(0deg);
}

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

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

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

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

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

textarea {
  border-color: rgba(222, 224, 227, 1);
  border-radius: 4px;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  padding: 5px 10px;
  font-size: 12px;
}

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

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

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

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

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

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

.ide {
  color: red;
}

.heading1 {
  font-weight: 600;
  font-size: 24px;
  color: rgba(62, 63, 66, 1);
  line-height: 32px;
}

.heading3 .head,
.heading3.group .head {
  font-weight: 500;
  font-size: 18px;
  color: rgba(62, 63, 66, 1);
  line-height: 24px;
  padding: 0;
}

.clickable {
  cursor: pointer;
}

.right {
  float: right;
}

.static-field.html figure img {
  display: block;
  width: 100%;
}

.group .content > .title-line {
  overflow: hidden;
  margin-bottom: 10px;
}

.group .content > .title-line .title {
  float: left;
  margin-right: 10px;
}

.group .content > .title-line .status {
  overflow: hidden;
}

.group .content > .title-line .status .value-box {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  overflow: hidden;
}

.group .content > .title-line .status.approved .value-box {
  color: rgba(37, 141, 107, 1);
}

.group .content > .title-line .status.rejected .value-box {
  color: rgba(214, 54, 62, 1);
}

.group .content > .title-line .status.draft .value-box {
  color: rgba(19, 114, 229, 1);
}

.group .content > .title-line .name {
  font-weight: 700;
}

.group .content > .title-line .datetime {
  float: right;
}

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

.widget-columns {
  overflow: hidden;
}

.widget-columns .widget {
  float: left;
  margin-right: 45px;
}

.widget-columns .widget:last-child {
  margin: 0;
}

.widget-columns .widget-arrow {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  background-image: url("/_themes/default/content/media/icons/widget_arrow.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
  margin: 25px 10px 0 10px;
}

.widget-columns .widget-arrow .value-box {
  display: none;
}

.widget-columns .widget-group {
  float: left;
  margin-right: 45px;
}

.widget-columns .widget-group .widget {
  margin: 0;
}

.widget-group .widget-arrow,
.widget-group .widget {
  float: left;
}

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

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

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

div::-webkit-scrollbar-thumb {
  background-color: rgba(222, 224, 227, 1);
  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(214, 54, 62, 1) !important;
}

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

.formatting-fontcolor-green {
  color: rgba(37, 141, 107, 1) !important;
}

.formatting-fontcolor-blue {
  color: #000000 !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: rgba(222, 224, 227, 1);
}

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

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

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

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

.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: rgba(255, 255, 255, 1);
  padding-left: 15px;
}

.bottom-panel:before {
  /*content: '';*/
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  height: 1px;
  background-color: rgba(222, 224, 227, 1);
}

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

.testing-notification {
  position: relative;
  padding: 8px;
  border: 1px solid #FFC107;
  border-radius: 4px;
  background-color: #FFF3CD;
  max-width: 400px;
  min-height: 49px;
  box-sizing: border-box;
  cursor: pointer;
}

.testing-notification > .content {
  margin-left: 40px;
}

.testing-notification:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 30px;
  height: 30px;
  background-image: url("/_themes/default/content/media/icons/issue.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px;
  background-color: #FFC107;
}

.testing-notification .title {
  font-weight: 700;
  font-size: 14px;
  color: #404040;
  line-height: 19px;
  margin: 0;
}

.testing-notification .description {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(111, 111, 111, 1);
  margin: 0;
}

.testing-notification .repeatable-group > .group {
  margin-bottom: 10px;
}

.testing-notification .repeatable-group > .group:last-child {
  margin-bottom: 0;
}

.testing-notification.single-test .repeatable-group > .group {
  margin-top: 5px;
  margin-bottom: 0;
}

.testing-notification .testing-item .button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.testing-notification .testing-item .testing-name {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}

.image-radius-8 img {
  border-radius: 8px;
}

.columns .left-column .item > .media {
  display: flex;
  justify-content: center;
  align-items: center;
}

.widget .empty-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(244, 244, 244, 1);
  opacity: .66;
}

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

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

/* new default palette colors from design */
.field.formatting-fontcolor-red,
.static-field.formatting-fontcolor-red {
  color: rgba(214, 54, 62, 1);
}

.field.formatting-fontcolor-green,
.static-field.formatting-fontcolor-green {
  color: rgba(37, 141, 107, 1);
}

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

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

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

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

/* old default palette colors */
.formatting-fillcolor-brown { background-color: rgba(209, 194, 192, 0.6); }
.formatting-fillcolor-red { background-color: rgba(255, 216, 216, 0.6); }
.formatting-fillcolor-orange { background-color: rgba(255, 222, 153, 0.6); }
.formatting-fillcolor-yellow { background-color: rgba(255, 255, 100, 0.6); }
.formatting-fillcolor-lime { background-color: rgba(243, 255, 153, 0.6); }
.formatting-fillcolor-green { background-color: rgba(178, 255, 193, 0.6); }
.formatting-fillcolor-cyan { background-color: rgba(200, 255, 255, 0.6); }
.formatting-fillcolor-blue { background-color: rgba(180, 218, 255, 0.6); }
.formatting-fillcolor-purple { background-color: rgba(241, 209, 255, 0.6); }
.formatting-fillcolor-gray {  background-color: rgba(240, 240, 240, 0.6); }

.formatting-fontcolor-default { color: #000000; }
.formatting-fontcolor-brown { color: #966665; }
.formatting-fontcolor-red { color: #EA3737; }
.formatting-fontcolor-orange { color: #E59700; }
.formatting-fontcolor-yellow { color: #E5EA00; }
.formatting-fontcolor-lime { color: #BEE34D; }
.formatting-fontcolor-green { color: #2CBB8B; }
.formatting-fontcolor-cyan { color: #4ABCE6; }
.formatting-fontcolor-blue { color: #3794D7; }
.formatting-fontcolor-purple { color: #A181BD; }
.formatting-fontcolor-gray { color: #AAAAAA; }

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

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

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

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

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

.vertical-scrollbar-container.expanded {
  width: 12px;
  border-color: rgba(222, 224, 227, 1);
}

 .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: rgba(222, 224, 227, 1);
  border-radius: 2px;
}

.vertical-scrollbar-container .scrollbar-track.expanded::-webkit-scrollbar-thumb {
  background-color: #000000;
  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: 3;
}

.horizontal-scrollbar-container.expanded {
  height: 12px;
  border-color: rgba(222, 224, 227, 1);
}

.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: rgba(222, 224, 227, 1);
  border-radius: 2px;
}

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

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

.ws1 > .horizontal-scrollbar-container,
.ws1 > .vertical-scrollbar-container {
  z-index: 30;
}

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

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

.top-shadow:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to bottom ,rgba(255, 255, 255, 1), 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: 2;
  transition: height .3s ease;
}

.bottom-shadow:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top ,rgba(255, 255, 255, 1), 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 ,rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
  z-index: 2;
}

.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 ,rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
  z-index: 2;
}

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

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

.ws1 > .left-shadow,
.ws1 > .right-shadow {
  z-index: 29;
}

.grid-settings .tabs-a .tabs-content {
  overflow: hidden;
}

.news-page {
  width: 840px;
  margin: 40px auto;
}

.news-page .news-container {
  border: 1px solid rgba(222, 224, 227, 1);
  padding: 10px;
}

.news-page .news-container .news-title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
  color: rgba(62, 63, 66, 1);
}

.news-group {
  position: relative;
  margin: 0 15px;
  max-width: 1200px;
}

.news-group.has-head > .head {
  color: rgba(62, 63, 66, 1);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding: 0;
  margin-bottom: 17px;
}

.news-group .news-show-all,
.news-group .news-read-all {
  position: absolute;
  top: -1px;
  font-size: 12px;
  left: 190px;
  padding: 4px 15px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 5px;
  color: rgba(111, 111, 111, 1);
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
  transition: background-color .3s ease;
}

.news-group .news-read-all {
  left: 105px;
}

.news-group .news-show-all:hover,
.news-group .news-read-all:hover {
  background-color: rgba(222, 224, 227, 1);
}

/*<--- forum-group --->*/
.forum-group {
  position: relative;
  margin: 0 15px;
}

.forum-group .static-field,
.forum-group .field {
  margin: 0;
}

.forum-group.has-head .head {
  color: rgba(62, 63, 66, 1);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding: 0;
  margin-bottom: 17px;
}

.user-tests {
  
}

.forum-group .forum-show-all {
  position: absolute;
  top: -1px;
  font-size: 12px;
  left: 85px;
  padding: 4px 15px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 5px;
  color: rgba(111, 111, 111, 1);
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
  transition: background-color .3s ease;
}

.forum-group .forum-show-all:hover {
  background-color: rgba(222, 224, 227, 1);
}

.forum-group .forum-item {
  box-sizing: border-box;
  padding: 10px 20px 10px 10px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 4px;
  height: 110px;
  overflow: hidden;
  margin-bottom: 16px;
  max-width: 1200px;
}

.forum-group .forum-item .forum-info {
  position: relative;
  overflow: hidden;
  float: left;
  width: 60%;
  margin-right: 20px;
}

.forum-group .forum-item .forum-info:before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 0;
  width: 1px;
  background-color: rgba(222, 224, 227, 1);
}

.forum-group .forum-item .forum-info .forum-image {
  float: left;
  display: inline-block;
  margin-right: 15px;
}

.forum-group .forum-item .forum-info .forum-details {
  overflow: hidden;
  margin-right: 20px;
}

.forum-group .forum-item .forum-info .forum-image img{
  border-radius: 4px;
}

.forum-group .forum-item .forum-info .forum-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #404040;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.forum-group .forum-item .forum-info .forum-title.clickable {
  cursor: pointer;
}

.forum-group .forum-item .forum-info .forum-description {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: rgba(111, 111, 111, 1);
}

.forum-group .forum-item .forum-stats {
  overflow: hidden;
}

.forum-group .forum-item .top-stats .datetime {
  
}

.forum-group .forum-item .top-stats .field-label {
  font-size: 10px;
  font-weight: 300;
  line-height: 13px;
  color: rgba(111, 111, 111, 1);
  margin-bottom: 2px;
}

.forum-group .forum-item .top-stats {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid rgba(222, 224, 227, 1);
  padding-bottom: 7px;
}

.forum-group .forum-item .field-value {
  
}

.forum-group .forum-item .field-value .value-box {
  background-color: unset;
  padding: 0;
  min-height: unset;
  line-height: unset;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: rgba(111, 111, 111, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.forum-group .forum-item .forum-users-label {
  font-size: 10px;
}

.forum-group .forum-item .field-value .value-box .text {
  line-height: unset;
}

.forum-group .forum-item .forum-participants {
  float: left;
}

.forum-group .forum-item .forum-participants > .repeatable-group > .group {
  display: inline-block;
  vertical-align: top;
}

.forum-group .forum-item .forum-participants > .repeatable-group > .group:nth-child(2) {
  transform: translateX(-10px);
}

.forum-group .forum-item .forum-participants > .repeatable-group > .group:nth-child(3) {
  transform: translateX(-20px);
}

.forum-group .forum-item .forum-participants img {
  display: block;
  border-radius: 50%;
  border: 1px solid white;
}

.forum-group .forum-item .forum-users {
  position: relative;
}

.forum-group .forum-item .forum-users-count {
  position: absolute;
  top: 22px;
  left: 62px;
  font-weight: 300;
  font-size: 10px;
  color: rgba(111, 111, 111, 1);
}

.forum-group .forum-item .bottom-stats {
  position: relative;
  padding-top: 2px;
}

.forum-group .forum-item .bottom-stats .last-message-image {
  position: absolute;
  top: 21px;
  left: 0;
}

.forum-group .forum-item .bottom-stats .last-message-image img {
  border-radius: 50%;
}

.forum-group .forum-item .bottom-stats .last-message {
  height: 45px;
}

.forum-group .forum-item .bottom-stats .last-message .field-value {
  margin-left: 30px;
  margin: 3px 0 0 30px;
}

.forum-group .forum-item .bottom-stats .last-message .field-label {
  font-size: 10px;
  font-weight: 300;
  color: rgba(111, 111, 111, 1);
}

/*<--- tooltip elements --->*/
.tooltip .title-line {
  white-space: nowrap;
  margin-bottom: 8px;
}

.tooltip .title-line .datetime {
  float: right;
}

.tooltip .title-line .name {
  font-weight: 700;
  font-size: 14px;
  color: rgba(62, 63, 66, 1);
}

.tooltip .title-line .name.read {
  opacity: .7;
}

/*<--- help search --->*/
.help-search {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

.help-search input {
  padding: 5px 30px 5px 30px;
}

.help-search .button .image {
  width: 20px;
  height: 20px;
}

.help-search .field,
.help-search .static-field {
  margin: 0;
}

.help-search .head {
  position: relative;
  padding: 12px 16px;
  border-bottom: 2px solid #E0E0E0;
  box-sizing: border-box;
  z-index: 1;
}

.help-search .head.title-center {
  text-align: center;
}

.help-search .head .title {
  display: inline-block;
  vertical-align: top;
  color: rgba(62, 63, 66, 1);
  font-size: 24px;
  font-weight: 700;
  margin: 0 16px 5px 0;
  line-height: 1.2;
}

.help-search .search {
  display: inline-block;
  margin-top: 5px;
}

.help-search .button {
  position: absolute;
  left: 4px;
  top: 2px;
}

.help-search .cancel-search {
  left: unset;
  right: 6px;
}

.help-search .results {
  overflow: auto;
}

.help-search .results .grid {
  width: 840px;
  margin: 40px auto 0 auto;
}

.help-search .results .item {
  padding: 10px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-bottom: none;
}

.help-search .results .item:last-child {
  border-bottom: 1px solid rgba(222, 224, 227, 1);
}

.help-search .results .item .title {
  font-size: 14px;
  margin-bottom: 5px;
  color: rgba(62, 63, 66, 1);
  font-weight: 700;
}

.help-search .results .item .volume {
  font-size: 13px;
}

.help-search .results .footer {
  margin-left: 10px;
}

.color-Brown {color: brown;}
.color-Red {color: rgba(214, 54, 62, 1);}
.color-Orange {color: rgba(219, 124, 18, 1);}
.color-Yellow {color: #FFC107;}
.color-Lime {color: lime;}
.color-Green {color: rgba(37, 141, 107, 1);}
.color-Cyan {color: cyan;}
.color-Blue {color: rgba(19, 114, 229, 1);}
.color-Gray {color: gray;}
.color-Purple {color: rgba(133, 75, 203, 1);}
.color-Seafoam {color: rgba(21, 134, 139, 1);}
.color-Magenta {color: #CE2783;}
.color-Indigo {color: rgba(91, 91, 223, 1);}
.color-Fuchsia {color: #B130BD;}

.bg-color-Brown {background-color: brown;}
.bg-color-Red {background-color: rgba(214, 54, 62, 1);}
.bg-color-Orange {background-color: rgba(219, 124, 18, 1);}
.bg-color-Yellow {background-color: #FFC107;}
.bg-color-Lime {background-color: lime;}
.bg-color-Green {background-color: rgba(37, 141, 107, 1);}
.bg-color-Cyan {background-color: cyan;}
.bg-color-Blue {background-color: rgba(19, 114, 229, 1);}
.bg-color-Gray {background-color: gray;}
.bg-color-Purple {background-color: rgba(133, 75, 203, 1);}
.bg-color-Seafoam {background-color: rgba(21, 134, 139, 1);}
.bg-color-Magenta {background-color: #CE2783;}
.bg-color-Indigo {background-color: rgba(91, 91, 223, 1);}
.bg-color-Fuchsia {background-color: #B130BD;}



















































/*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: rgba(222, 224, 227, 1);
}

.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: rgba(222, 224, 227, 1);
  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: rgba(222, 224, 227, 1);
}
.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: rgba(222, 224, 227, 1);
  border-radius: 2px;
}
.grid .scrollbar-h-container .scrollbar-h-track.tall::-webkit-scrollbar-thumb {
  background-color: #000000;
  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;
}

.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 ,rgba(255, 255, 255, 1), 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;
}

.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 ,rgba(255, 255, 255, 1), 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 ,rgba(255, 255, 255, 1), 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 ,rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.001));
  transition: width .2s ease;
}

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

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

.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 .field-value .value-box {
  min-height: unset;
  line-height: unset;
  background-color: unset;
  padding-left: unset;
}

.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 .tooltip-marker {
  top: 0;
}

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

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

.grid .grid-toppane .search > label {
  font-size: 10px;
  color: rgba(141, 141, 141, 1);
  font-weight: 300;
  text-transform: uppercase;
  display: none;
}

.grid .grid-toppane .search > input {
  border: 1px solid rgba(222, 224, 227, 1);
  box-sizing: border-box;
  min-height: 30px;
  padding-left: 30px;
  padding-right: 55px;
  background-image: url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: 20px 20px;
  background-position: 5px center;
  background-repeat: no-repeat;
}

.grid .grid-toppane .search > input:hover {
  border-color: rgba(178, 178, 178, 1);
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .grid-toppane .search .cmd-cancelsearch {
  right: 30px;
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(178%2c+178%2c+178%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=transparent&bg=rgba(233%2c+233%2c+233%2c+1)&mark=rgba(178%2c+178%2c+178%2c+1)");
  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.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;
  height: 27px;
  border-radius: 3px;
  border: 1px solid rgba(222, 224, 227, 1);
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 10px;
}

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

.grid.views-selector-style-a .views-selector .selector-items .selector-item {
  float: left;
  background-color: rgba(255, 255, 255, 1);
  height: 100%;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: rgba(222, 224, 227, 1);
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item a {
  padding: 0 20px;
  display: block;
}

.grid .views-selector .selector-items .selector-item a .remarks {
  position: relative;
  margin-left: 2px;
  color: #000000;
}

.grid .views-selector .selector-items .selector-item.active a .remarks {
  position: relative;
  margin-left: 2px;
  color: #EEEEEE;
}

.grid .views-selector .selector-items .selector-item a .remarks:before {
  content: '(';
}

.grid .views-selector .selector-items .selector-item a .remarks:after {
  content: ')';
}

.grid.views-selector-style-a .views-selector .selector-items .selector-item:hover {
  background-color: rgba(43, 43, 43, 0.06);
}

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

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

.grid.views-selector-style-a .views-selector .selector-items .selector-item

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

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

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

.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: rgba(62, 63, 66, 1);
  font-weight: 400;
  overflow: hidden;
}

.grid .items {
  overflow: auto;
}

.grid .items .noitems {
  /*color: transparent;*/
  color: rgba(111, 111, 111, 1);
  text-align: center;
  margin-top: 20px;
  font-weight: 300;
  font-size: 14px;
  /*background-image: url("/_themes/default/content/media/no_items_image.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");*/
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30%;
}

.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 {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 17.5px 17.5px, 0 0;
}

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

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

.grid-a {
  color: rgba(62, 63, 66, 1);
  position: relative;
}

.grid-a.size-b > .items {
  height: 500px;
}

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

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

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

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

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

.grid-a .head-fixed {
  float: left;
  position: relative;
  /*border-bottom: 1px solid rgba(222, 224, 227, 1);*/
}

.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 rgba(222, 224, 227, 1);
}

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

.grid-a .head-table .col {
  position: relative;
  font-size: 10px;
  color: rgba(111, 111, 111, 1);
  font-weight: 300;
  height: 30px;
}

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

.grid-a .head-table .col > div.height-2lines { height: 24px; padding: 4px 5px 6px; line-height: 12px; overflow: hidden; }
.grid-a .head-table .col > div.height-3lines { height: 30px; padding: 4px 5px 12px; overflow: hidden; }

/*.grid-a .head-scroll .head-table .col:last-child .width-adjust {*/
/*  display: none;*/
/*}*/

.grid-a .head-table .col[colspan] {
  /*border-bottom: 1px solid rgba(222, 224, 227, 1);*/
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/filter_fill.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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: rgba(222, 224, 227, 1);
  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 .groups-table > tbody > tr > td { vertical-align: top; }

.grid-a .head-table .groups-row {
  border: 1px solid rgba(222, 224, 227, 1);
  text-align: center;
  border-left: none;
}

.grid-a .head .head-scroll .groups-table > tbody > tr > td:last-child .groups-row {
  border-right: none;
}

.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 4px 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: 14px;
  height: 14px;
  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;
  font-size: 12px;
}

.grid-a .items-table .col.edit > div {
  padding: 0;
}

.grid-a .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;
  background-image: url("/_themes/default/content/media/icons/circled_arrow_right.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                        url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  background-size: contain, 0;
}
.grid-a .items-table .col > div > .url-popup:hover { 
  background-size: 0, contain;
}
.grid-a .items-table .col > div:hover > .url-popup { 
  visibility: visible;
}

.grid-a .items-table .col .preload-content {
  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: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.number.edit .value-box input {
  text-align: right;
}

.grid-a .items-table .col.check {
  text-align: center;
}

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

.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: 1px;
  overflow-y: hidden;
  overflow-x: scroll;
  visibility: hidden;
}

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

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

.grid-a .items {
  padding-bottom: 10px;
  box-sizing: border-box;
}

.grid-a > .items tr.item {
  height: 30px;
  border-bottom: 1px solid rgba(222, 224, 227, 1);
  transition: background-color .2s ease;
}

.grid-a .item.hover {
  background-color: rgba(43, 43, 43, 0.06);
}

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

.grid-a .item.selected {
  background-color: #63d66347;
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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: rgba(111, 111, 111, 1);
  transform: translateX(20px);
}

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

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

.grid-a .item .col.editable:hover .value-box {
  cursor: pointer;
  background-color: #63d66347;
}

.grid-a .item .col:hover a {
  color: #000000;
  text-decoration: underline;
}

.grid-a .item .col[rowspan] {
  border-left: 1px solid rgba(222, 224, 227, 1);
  border-right: 1px solid rgba(222, 224, 227, 1);
}

.grid-a .item .col.hover {
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

.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 rgba(222, 224, 227, 1);*/
}

.grid-a .item .col.multiline > div {
  white-space: normal;
}

.grid-a .item .col.multiline > div {
  white-space: normal;
}

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

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

.grid-a .item .col.multiline .field-value .value-box  .value-item:last-child {
  /*margin-bottom: 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;
}

.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 .col .image {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 17.5px 17.5px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-a .col .field.image {
  width: auto;
  height: auto;
  margin: 0;
}

.grid-a .col .cmd .image {
  opacity: 0;
}

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

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

.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 .item.selected .col.hover {;
  border-bottom-color: rgba(178, 178, 178, 1);
}

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

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

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

.grid-a .item .col .field.viewlookup .value-box > * {
  display: inline-block;
}

.grid-a .item .col.edit .field .value-box {
  padding: 0 5px;
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_minus.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)");
}

.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: 14px;
  height: 14px;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(178%2c+178%2c+178%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=transparent&bg=rgba(233%2c+233%2c+233%2c+1)&mark=rgba(178%2c+178%2c+178%2c+1)");
  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 lookup --->*/
.grid-a .item .col .lookup .value-box {
  padding-right: 20px;
}

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

.grid-a .item .col .lookup .value-box .cmd-lookup .icon {
  background-repeat: no-repeat;
  transform: unset;
  width: 10px;
  height: 10px;
  background-image: url("/_themes/default/content/media/icons/grid_arrow_down.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"), 
                    url("/_themes/default/content/media/icons/grid_arrow_down.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.grid-a .item .col .multichoicelookup .value-item {
  display: inline-block;
  vertical-align: middle;
  background-color: #63d66347;
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

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

/*<--- grid-a footer --->*/
.grid-a .footer {
  border-top: 1px solid rgba(222, 224, 227, 1);
}

.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 .cmd {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain, 0;
  margin-left: 5px;
}

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

.grid-a .footer-toolbars .cmd-excel {
  background-image: url("/_themes/default/content/media/icons/export.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.grid-a .footer-toolbars .cmd-settings {
  background-image: url("/_themes/default/content/media/icons/settings.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/settings_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.grid-a .footer-toolbars .cmd-settings {
  background-image: url("/_themes/default/content/media/icons/settings.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/settings_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}


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

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

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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 .tooltip-marker {
  position: absolute;
  right: 2px; top: 0px;
  width: 18px; height: 18px;
  background-image: url("/_themes/default/content/media/icons/info.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/info_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: contain, 0;
  display: none;
}

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

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


/* grid-a chats */
.grid-a .extension-name-chats {
  display: none;
  position: relative; width: 18px; height: 18px;
  background-repeat: no-repeat; background-position: 0 0; background-size: contain;
  background-image:url(/_themes/default/content/media/icons/chat.svg?stamp=250403&t=0&color=%2381878F);
  cursor: pointer;
}
.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=250403&t=0&color=%23268E6C);
}
.grid-a .extension-name-chats.extension-status-2 {
  background-image:url(/_themes/default/content/media/icons/chat.svg?stamp=250403&t=0&color=%23DFBF00);
}
.grid-a .extension-name-chats.extension-status-3 {
  background-image:url(/_themes/default/content/media/icons/chat.svg?stamp=250403&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.views-selector-position-a .views-selector {
  position: absolute;
  top: -60px;
  left: 400px;
}

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

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

.grid-a .views-selector {
  display: inline-block;
  min-height: 27px;
  border-radius: 3px;
  border: 1px solid rgba(222, 224, 227, 1);
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 10px;
}

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

.grid-a .views-selector .selector-items .selector-item {
  float: left;
  background-color: rgba(255, 255, 255, 1);
  height: 100%;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

.grid-a .views-selector .selector-items .selector-item:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: rgba(222, 224, 227, 1);
}

.grid-a .views-selector .selector-items .selector-item a {
  padding: 0 20px;
  display: block;
}

.grid-a .views-selector .selector-items .selector-item:hover {
  background-color: rgba(43, 43, 43, 0.06);
}

.grid-a .views-selector .selector-items .selector-item.active {
  background-color: #0BDA51;
  z-index: 2;
}

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

.grid-a.view-b .items .col {
  border-left: 1px solid rgba(222, 224, 227, 1);
}

.grid-a.view-b .items .item .col:first-child {
  border-left: none;
}


/*<--- 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: rgba(178, 178, 178, 1);
}

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

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

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

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

.grid-b .items .item .title {
  font-weight: 400;
  color: rgba(62, 63, 66, 1);
}

.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: rgba(222, 224, 227, 1)
}

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

.grid-b .items .item:hover {
  background-color: rgba(43, 43, 43, 0.06);
}

.grid-b .items .item.selected {
  background-color: #63d66347;
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.grid-c .item .document-type.type-2 {
 background-image: url("/_themes/default/content/media/icons/list.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.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: rgba(111, 111, 111, 1);
}

.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: rgba(222, 224, 227, 1)
}

.grid-d .item:hover {
  background-color: rgba(43, 43, 43, 0.06);
}

.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: rgba(178, 178, 178, 1);
}

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

.grid-d .item.selected {
  background-color: #63d66347;
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.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: rgba(255, 255, 255, 1);
}

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

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

.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: rgba(222, 224, 227, 1);
}

.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: #000000;
  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=250403&t=0&icon_color=%23000000");
  background-size: 13.5px 13.5px;
  background-position: center;
  background-repeat: no-repeat;
}

.grid-f .item-head .project-name {
  overflow: hidden;
  color: rgba(62, 63, 66, 1);
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
}

.grid-f .project-status .value-box .image.image-circle_green {
  background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)");
}

.grid-f .project-status .value-box .image.image-circle_yellow {
  background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  transform: rotate(270deg);
}

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

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

.grid-j .field.approved .value-box {
  color: rgba(37, 141, 107, 1);
}

.grid-j .field.reject .value-box {
  color: rgba(214, 54, 62, 1);
}

.grid-j .field.draft .value-box {
  color: rgba(19, 114, 229, 1);
}

.grid-j .items .item {
  position: relative;
  padding: 8px 12px;
  background-color: rgba(249, 249, 249, 1);
  border-radius: 4px;
  margin-bottom: 4px;
}

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

/*<--- status-icons --->*/
.grid-j .items .item .status-icons {
  position: absolute;
  right: 5px;
  top: 5px;
}

.grid-j .items .item .status-icons > div {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
}

.grid-j .items .item .status-icons > div:first-child {
  background-image: url("/_themes/default/content/media/icons/wifi.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+.2)"),
                    url("/_themes/default/content/media/grid/wi_fi.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
}

.grid-j .items .item .status-icons .icon-connection-status-0 {
  display: none;
}

.grid-j .items .item .status-icons .icon-connection-status-1 {
  background-size: 16px, 0;
}

.grid-j .items .item .status-icons .icon-connection-status-2 {
  background-size: 0, contain;
}

.grid-j .items .item .status-icons > div:last-child {
  margin-left: 5px;
  background-image: url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+.2)"),
                    url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=%23FFC107"),
                    url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=rgba(219%2c+124%2c+18%2c+1)"),
                    url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
}

.grid-j .items .item .status-icons .icon-health-status-0 {
  display: none;
}

.grid-j .items .item .status-icons .icon-health-status-1 {
  background-size: contain, 0, 0, 0;
}

.grid-j .items .item .status-icons .icon-health-status-2 {
  background-size: 0, contain, 0, 0;
}

.grid-j .items .item .status-icons .icon-health-status-3 {
  background-size: 0, 0, contain, 0;
}

.grid-j .items .item .status-icons .icon-health-status-4 {
  background-size: 0, 0, 0, contain;
}

.grid-j .items .item.selected {
  background-color: #63d66347;
}

.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: rgba(62, 63, 66, 1);
  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 .title-line .icon-not-connected {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  background-image:  url("/_themes/default/content/media/icons/wifi_lost_filled.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.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(214, 54, 62, 1);
}

.grid-j .items .item .consumption .prev.plus {
  color: rgba(37, 141, 107, 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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/pause_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/pending_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/failure_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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(214, 54, 62, 1);
}

.grid-j .item .deposit.plus .value-box {
  color: rgba(37, 141, 107, 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=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)"),
                    url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%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-y*/
.grid-y .items > .item {
  position: relative;
  background-color: rgba(249, 249, 249, 1);
  margin: 5px;
  border-radius: 8px;
  float: left;
  border: 1px solid rgba(222, 224, 227, 1);
}

.grid-y .items > .item > .content {
  border: 1px solid transparent;
}

.grid-y .items > .item.selected > .content {
  border: none;
}

.grid-y .items .item .application,
.grid-y .items .item .applications {
  width: 200px;
}

.grid-y .items .item .applications .company-logo {
  margin-bottom: 4px;
  text-align: center;
}

.grid-y .items .item .applications .company-logo .media {
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-y .items .item .applications .company-logo img {
  padding: 3px;
  box-sizing: border-box;
  border-radius: 4px;
  max-width: 100%;
  width: auto;
}

.grid-y .items .item.selected .applications .company-logo img {
  padding: 2px;
}

.grid-y .items .item .application .card-content,
.grid-y .items .item .applications .card-content {
  padding: 0 12px 12px 12px;
  margin-top: 18px;
}

.grid-y .items .item .applications .card-content {
  margin-top: 4px;
}

.grid-y .items .item .applications .card-content .title {
  margin-bottom: 15px;
}

.grid-y .items .item .application .title {
  position: relative;
  padding: 12px 12px 0 12px;
}

.grid-y .items .item .application .title .field-value {
  display: inline-block;
  vertical-align: top;
}

.grid-y .items .item .application .title:before {
  content: '';
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image:  url("/_themes/default/content/media/icons/products.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
}

.grid-y .items .item .application .title .value-box {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 140px;
  white-space: nowrap;
}

.grid-y .items .item.selected {
  border: 2px solid #000000;
  background-color: rgba(255, 255, 255, 1)
}

.grid-y .button{
  display: block;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  text-align: center;
  margin-top: 14px;
  border: 1px solid rgba(222, 224, 227, 1);
  font-weight: 700;
}

.grid-y .items .item.selected .button{
  background-color: rgba(19, 114, 229, 1);
  border: 1px solid #000000;
  color: rgba(255, 255, 255, 1);
}

.grid-y .items .title {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  color: rgba(62, 63, 66, 1);
}

.grid-y .group.line {
  position: relative;
}

.grid-y .icon-health-status-2 {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=%23FFC107");
  background-size: contain;
  background-position: center;
}

.grid-y .icon-health-status-3 {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=rgba(219%2c+124%2c+18%2c+1)");
  background-size: contain;
  background-position: center;
}

.grid-y .icon-health-status-4 {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
  background-size: contain;
  background-position: center;
}

.grid-y .icon-health-status-0,
.grid-y .icon-health-status-1 {
  display: none;
}

.grid-y .items .details .field {
  margin-bottom: 8px;
}

.grid-y .items .details .field:last-child {
  margin: 0;
}

.grid-y .items .details .field .field-label {
  color: rgba(111, 111, 111, 1);
}

.grid-y .items .details .field.warning .field-value {
  color: #FFC107;
}

.grid-y .items .details .field.error .field-value {
  color: rgba(214, 54, 62, 1);
}

.grid-y .items .details .field.working .field-value {
  color: rgba(37, 141, 107, 1);
}

.grid-y .items .details .field.warning .field-value .value-box,
.grid-y .items .details .field.working .field-value .value-box,
.grid-y .items .details .field.error .field-value .value-box {
  display: inline-block;
  vertical-align: top;
  width: auto;
}

.grid-y .items .details .field.warning .field-value:after,
.grid-y .items .details .field.working .field-value:after,
.grid-y .items .details .field.error .field-value:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  position: absolute;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
  margin-top: 2px;
}

.grid-y .items .details .field.warning .field-value:after {
  background-image:  url("/_themes/default/content/media/icons/warning.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.grid-y .items .details .field.working .field-value:after {
  background-image:  url("/_themes/default/content/media/icons/working.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)");
}

.grid-y .items .details .field.error .field-value:after {
  background-image:  url("/_themes/default/content/media/icons/error.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
}

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

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

.tasks-grid .items > div {
  padding: 5px 0 10px 0;
  border-bottom: 1px solid rgba(222, 224, 227, 1);
}

.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: rgba(62, 63, 66, 1);
  font-weight: 400;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

.ws5 .grid .views-selector {
  display: inline-block;
  height: 28px;
  border-radius: 3px;
  border: 1px solid rgba(222, 224, 227, 1);
  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: rgba(255, 255, 255, 1);
  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: rgba(222, 224, 227, 1);
}

.ws5 .grid .views-selector .selector-items .selector-item:hover {
  background-color: rgba(43, 43, 43, 0.06);
}

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

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


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

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  background-position: 5px center;
  min-height: 30px;
  border: 1px solid rgba(222, 224, 227, 1);
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 1);
}
.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: rgba(62, 63, 66, 1);
  margin-left: 3px;
}

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

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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: rgba(43, 43, 43, 0.06); 
}
.tree1 .item.selected > .content > .name { 
  background-color: #63d66347; 
}

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

.tree1 .item .name > .content .static-field.product-name .value-box {
  color: rgba(111, 111, 111, 1);
}

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

/*.contact-info .field.info-type .value-box .image-phone,*/
/*.contact-info .field.info-type .value-box .image-phone-active {*/
/*  background-image: url("/_themes/default/content/media/icons/phone_1.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),*/
/*                    url("/_themes/default/content/media/icons/phone_1.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")*/
/*}*/

/*.contact-info .field.info-type .value-box .image-email2,*/
/*.contact-info .field.info-type .value-box .image-email2-active {*/
/*  background-image: url("/_themes/default/content/media/icons/envelope_1.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),*/
/*                    url("/_themes/default/content/media/icons/envelope_1.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")*/
/*}*/

.user-card {
  margin: 12px 15px 38px 15px;
  min-height: 100px;
}

.user-card .static-field {
  margin: 0;
}

.user-card .user-name {
  font-size: 18px;
  color: rgba(62, 63, 66, 1);
  line-height: 30px;
}

.user-card .user-position {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: rgba(111, 111, 111, 1);
  margin-bottom: 10px;
}

.user-card .user-info {
  margin-top: 16px;
}

.user-card .user-photo {
  float: left;
  margin-right: 20px;
}

.user-card .user-photo img {
  border-radius: 10px;
  width: 100px;
  height: 100px;
}

.user-card .user-info .user-photo {
  float: left;
  margin-right: 40px;
}

.user-card .user-info  .user-certificates .left-column {
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 2px;
  padding: 2px;
}

.user-card .user-info  .user-certificates img {
  display: block;
}

.user-card .testing-notification {
  margin-top: 16px;
}

.user-tests .repeatable-group {
  white-space: nowrap;
}

.user-tests .static-field {
  margin: 0;
}

.user-tests .widget .group {
  margin: 0;
}

.user-tests .has-head > .head {
  font-weight: 500;
  font-size: 18px;
  color: rgba(62, 63, 66, 1);
  padding: 0;
  margin-bottom: 16px;
}

.user-tests .test-notification {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  width: 300px;
  height: 45px;
  border-radius: 4px;
  background-color: #FFF3CD;
  padding: 4px 11px 7px 46px;
  box-sizing: border-box;
  user-select: none;
  border: 1px solid #FFC107;
}

.user-tests .test-notification:first-child {
  margin: 0;
}

.user-tests .test-notification.index-0 {
  background-color: #EFD6F2;
  border: 1px solid #B130BD;
}

.user-tests .test-notification.index-1 {
  background-color: #F5D4E6;
  border: 1px solid #CE2783;
}

.user-tests .test-notification .test-hint {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #404040;
}

.user-tests .test-notification .test-name {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: rgba(111, 111, 111, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-tests .test-notification .test-start {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-image: url("/_themes/default/content/media/icons/ide/play.svg?stamp=250403&t=0&icon_color=%23FFC107&play_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/ide/play.svg?stamp=250403&t=0&icon_color=%23FFC107&play_color=%23EEEEEE");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain, 0;
}

.user-tests .test-notification.index-0 .test-start {
  background-image: url("/_themes/default/content/media/icons/ide/play.svg?stamp=250403&t=0&icon_color=%23B130BD&play_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/ide/play.svg?stamp=250403&t=0&icon_color=%23B130BD&play_color=%23EEEEEE");
}

.user-tests .test-notification.index-1 .test-start {
  background-image: url("/_themes/default/content/media/icons/ide/play.svg?stamp=250403&t=0&icon_color=%23CE2783&play_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/ide/play.svg?stamp=250403&t=0&icon_color=%23CE2783&play_color=%23EEEEEE");
}

.application-group {
  position: relative;
  margin: 16px 15px 35px 15px;
}

.application-group > .content {
  overflow: unset;
}

.application-group .appliaction-show-all {
  position: absolute;
  top: -1px;
  left: 185px;
  font-size: 12px;
  padding: 4px 15px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 5px;
  color: rgba(111, 111, 111, 1);
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
  transition: background-color .3s ease;
}

.application-group .appliaction-show-all:hover {
  background-color: rgba(222, 224, 227, 1);
}

.application-group.has-head .head {
  color: rgba(62, 63, 66, 1);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding: 0;
  margin-bottom: 5px;
}

.application-grid {
}

.application-grid.view-a {
  position: relative;
}

.application-grid > .items {
  overflow: unset;
}

.application-grid.view-a > .items {
  width: 490px;
}

.application-grid .items > .group {
  display: inline-block;
  vertical-align: top;
  padding: 4px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  margin: 12px 15px 16px 0;
  width: 196px;
  border: 1px solid rgba(222, 224, 227, 1);
  box-sizing: border-box;
  position: relative;
}

.application-grid.view-a .items > .group {
  width: auto;
  background-color: rgba(43, 43, 43, 0.06);
  width: 170px;
  box-sizing: border-box;
  margin-right: 12px;
}

.application-grid.view-a .items .app-image .value-box {
  width: 150px;
  height: 150px;
}

.application-grid.view-a .items > .group {
  box-shadow: none;
  border-color: rgba(222, 224, 227, 1);
  margin-bottom: 0;
}

.application-grid .items > .group.selected {
  border-color: rgba(19, 114, 229, 1);
}

.application-grid .items .app-org-logo {
  position: absolute;
  top: 127px;
  right: 8px;
  z-index: 1;
  background-color: #FFF;
  width: 50px;
  height: 50px;
  box-shadow: 0px 0px 5px 0px #00000033;
  border-radius: 3px;
}

.application-grid .items .app-org-logo .value-box {
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
}

.application-grid .items .app-org-logo .value-box img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 46px;
  height: auto;
  border-radius: 3px;
}

.application-grid .items .app-image .value-box {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  width: 188px;
  height: 150px;
}

.application-grid .items .app-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.application-grid .items .app-image {
  text-align: center;
  min-height: 137px;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 4px;
}

.application-grid.view-a .items .app-image img {
}

.application-grid .items .app-illustration .value-box {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  width: 188px;
  height: 150px;
}

.application-grid .items .app-illustration .value-box .image {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}

.application-grid .items .app-illustration .value-box .text {
  display: none;
}

.application-grid .items .app-illustration {
  text-align: center;
  min-height: 137px;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 4px;
}

.application-grid .items .app-title {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  color: rgba(62, 63, 66, 1);
  margin: 0 55px 0 4px;
  min-height: 39px;
}

.application-grid .items .app-title.text-center {
  text-align: center;
}

.application-grid .items .app-org-name {
  font-size: 12px;
  color: rgba(111, 111, 111, 1);
  line-height: 16px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 60%;
}

.application-grid .items .app-open-date {
  font-size: 12px;
  color: rgba(111, 111, 111, 1);
  line-height: 16px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*width: 40%;*/
}

.application-grid .items .bottom-line {
  overflow: hidden;
  margin: 0 4px;
}

.application-grid .items .bottom-line .app-open-date {
  /*float: right;*/
}

.application-grid .items .bottom-line .field,
.application-grid .items .bottom-line .static-field {
  margin-bottom: 0;
}

.application-grid .grid-toppane .search {
  position: absolute;
  top: -5px;
  right: 0;
}

.application-grid .grid-toppane .search .cmd-search {
  display: none;
}

.application-grid .grid-toppane .search input {
  border: none;
  padding-right: 0;
}

.application-grid .grid-toppane .search input::placeholder {
  font-size: 14px;
  line-height: 19px;
  font-style: italic;
  font-weight: 400;
  color: rgba(111, 111, 111, 1);
}

.application-grid.view-a .grid-toppane .search {
  position: relative;
  top: unset;
  right: unset;
}

.application-grid.view-a .grid-toppane .search input {
  padding-right: 30px;
  padding-left: 5px;
  background-image: unset;
  border: 1px solid rgba(222, 224, 227, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.application-grid.view-a .grid-toppane .search .cmd-search {
  display: block;
  background-image: url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
  background-color: #E4E4E4;
  border-radius: 4px;
  cursor: pointer;
}

.application-grid.view-a .grid-toppane .search .cmd-search

.application-group .application-grid .items {
  overflow: unset;
}

.application-details > .tabs {
  position: absolute;
  left: 12px;
  right: 0;
  top: 30px;
  bottom: 60px;
}

.application-details > .tabs > .tabs-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 0;
}

.application-details > .tabs > .tabs-content .tab {
  height: 100%;
}

.application-details > .tabs > .tabs-content .tab .field,
.application-details > .tabs > .tabs-content .tab .field-value,
.application-details > .tabs > .tabs-content .tab .value-box {
  height: 100%;
}

.application-details > .tabs > .tabs-content .tab .value-box {
  display: block;
}

.application-details .app-title {
  color: rgba(62, 63, 66, 1);
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.application-details .field {
  margin-bottom: 12px;  
}

.application-details .field p {
  margin: 0;
}

.application-details .field .field-label {
  float: left;
  margin-right: 5px;
}


.application-details a span {
  text-decoration: underline;
}

.application-columns.view-a .application-details-button {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 15px;
  overflow: hidden;
}

.application-details-button .button {
  float: right;
  margin-left: 12px;
}

.application-details-button .button span {
  text-decoration: none;
  height: 32px;
}

.application-details-button .button span.text {
  line-height: 32px;
  padding: 0 24px;
}

.application-details-button .field {
  overflow: hidden;
}

.application-details-button .field .field-value .icon {
  position: absolute;
  top: 6px;
  left: 5px;
  width: 20px;
  height: 20px;
  background-size: 0, contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.application-details-button .field .field-value.has-icon input{
  padding-left: 30px;
}

.application-details .static-field.image .value-box {
}

.application-details .static-field.image .value-box img {
}

@media (max-width: 1440px) {
  .application-grid .items > .group {
    width: 140px;
  }
  
  .application-grid .items .app-image .value-box {
    width: 100%;
    height: 130px;
  }
  
  .application-grid .items .app-image {
    margin: 0;
    min-height: unset;
  }
}

.ide-applications-page {
}

.ide-applications-page .application-details {
  padding-left: 12px;
}

.ide-applications-page .application-details .field.image .media img {
  height: 25px;
  width: auto;
}

.application-columns {
  
}

.application-columns  .content {
  overflow: unset;
}

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

.application-columns .right-column {
  position: relative;
  max-width: 400px;
  min-width: 400px;
  box-sizing: border-box;
  padding: 0 20px;
}

.application-columns.view-a .right-column {
  flex: 1;
}

.application-columns .right-column:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 13px;
  background-color: rgba(224, 224, 224, 1);
  width: 1px;
}

.application-columns.view-a .field .value-box {
  font-size: 14px;
}

/*<--- ide-applications-page --->*/
.ide-applications-page {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ide-applications-page .applications {
  overflow: auto;
  flex: 1;
}

.ide-applications-page .applications-details {
  overflow: auto;
  width: 350px;
  border-left: 1px solid rgba(224, 224, 224, 1);
}

.ide-applications-page .applications::-webkit-scrollbar,
.ide-applications-page .applications-details::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/*<--- history-grid2 --->*/
.history-grid2 {
  
}

.history-grid2 .items > .group {
  margin-bottom: 4px;
}

.history-grid2 .items > .group:last-child {
  margin-bottom: 0;
}

.history-grid2 .record {
  padding: 8px 8px 8px 12px;
  background-color: rgba(249, 249, 249, 1);
  border-radius: 4px;
  max-width: 550px;
}

.history-grid2 .record .head {
  overflow: hidden;
}

.history-grid2 .record .head .initiator {
  overflow: hidden;
  font-size: 14px;
  line-height: 19.07px;
  font-weight: 700;
  color: rgba(74, 74, 74, 1);
}

.history-grid2 .record .head .record-date {
  float: right;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.07px;
  color: rgba(109, 109, 109, 1);
}

.history-grid2 .record .head .content {
  
}

.history-grid2 .record .head .content .action-name {
  
}

/*<--- monitor-grid --->*/
.ws-clear .monitor-grid {
  padding: 15px;
}

.ws-clear .monitor-grid .group.has-head {
  margin-bottom: 30px;
}

.ws-clear .monitor-grid .group.has-head .head {
  font-size: 64px;
  color: rgba(62, 63, 66, 1);
}

.ws-clear .monitor-grid > .content {
  overflow: unset;
}

.monitor-grid > .content > .repeatable-group {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}

.monitor-grid .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  box-sizing: border-box;
  margin: 0 15px 15px 0;
  min-width: 420px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 3px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  min-height: 150px;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.monitor-grid .item .title-line {
  margin-bottom: 10px;
}

.monitor-grid .item .title-line .company-logo {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
}

.monitor-grid .item .title-line .company-logo img {
  display: inline-block;
  vertical-align: bottom;
  width: 30px;
  background-position: center;
  background-repeat: no-repeat;
}

.monitor-grid .item .title-line .company-logo.no-logo {
  background-image: url("/_themes/default/content/media/icons/application.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)"),
                    url("/_themes/default/content/media/icons/application.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.monitor-grid .item .title-line .company-logo.no-logo.icon-servers {
  background-image: url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)"),
                    url("/_themes/default/content/media/icons/servers.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.monitor-grid .item .title-line .company-logo.no-logo.icon-realtimes {
  background-image: url("/_themes/default/content/media/icons/application_1.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)"),
                    url("/_themes/default/content/media/icons/application_1.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.monitor-grid .item .title-line .company-logo.no-logo .value-box {
  display: none;
}

.monitor-grid .item .title-line .title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height:18.2px;
  display: inline-block;
  vertical-align: middle;
  float: unset;
  color: rgba(62, 63, 66, 1);
  margin-left: 5px;
}

.monitor-grid .item .title-line .title a {
  text-decoration: none;
  color: inherit;
}


.monitor-grid .item .status-time {
  position: absolute;
  right: 15px;
  top: 15px;
  text-align: right;
}

.monitor-grid .item .status-time .datetime {
  position: unset;
}

.monitor-grid .item .status-time .static-field {
  font-weight: 300;
  color: rgba(111, 111, 111, 1);
  font-size: 12px;
  margin: 0;
}

.monitor-grid .item .status-fields {
  display: flex;
}

.monitor-grid .item .status-field {
  margin-bottom: 6px;
}

.monitor-grid .item .status-field .name {
  margin-right: 5px;
  color: rgba(111, 111, 111, 1);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}

.monitor-grid .item .status-field .health-status {
  position: relative;
  color: rgba(62, 63, 66, 1);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}

.monitor-grid .item .status-field.status-2 .name,
.monitor-grid .item .status-field.status-3 .name,
.monitor-grid .item .status-field.status-4 .name {
  font-weight: 700;
}

.monitor-grid .item .status-field.status-2 .name,
.monitor-grid .item .status-field.status-2 .health-status {
  color: #FFC107;
}

.monitor-grid .item .status-field.status-2 .health-status:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  margin-right: 3px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/issue.svg?stamp=250403&t=0&icon_color=%23FFC107"),
                    url("/_themes/default/content/media/icons/issue.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                    url("/_themes/default/content/media/icons/issue.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.monitor-grid .item .status-field.status-3 .name,
.monitor-grid .item .status-field.status-3 .health-status {
  color: rgba(214, 54, 62, 1);
}

.monitor-grid .item .status-field.status-2 .health-status,
.monitor-grid .item .status-field.status-3 .health-status,
.monitor-grid .item .status-field.status-4 .health-status {
  padding-left: 20px;
}

.monitor-grid .item .status-field.status-3 .health-status:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  margin-right: 3px;
  background-size: 0, contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/issue.svg?stamp=250403&t=0&icon_color=%23FFC107"),
                    url("/_themes/default/content/media/icons/issue.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                    url("/_themes/default/content/media/icons/issue.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.monitor-grid .item .status-field.status-4 .health-status:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  margin-right: 3px;
  background-size: 0, contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/fire.svg?stamp=250403&t=0&icon_color=%23FFC107"),
                    url("/_themes/default/content/media/icons/fire.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                    url("/_themes/default/content/media/icons/fire.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.monitor-grid .item.connection-status-2 .status-field .health-status:before {
  background-size: 0, 0, contain;
}

.monitor-grid .item .status-field.status-4 .name,
.monitor-grid .item .status-field.status-4 .health-status {
  color: rgba(214, 54, 62, 1);
}

.monitor-grid .item.connection-status-2 .status-field .name,
.monitor-grid .item.connection-status-2 .status-field .health-status {
  color: #EEEEEE;
}


/*<--- monitor-grid statuses --->*/
.monitor-grid .item.health-status-2 {
  background-color: rgba(255, 249, 233, 1);
  border-color: rgba(211, 179, 1, .2);
}

.monitor-grid .item.health-status-3 {
  background-color: rgba(214, 54, 62, .1);
  border-color: rgba(214, 54, 62, 1);
  border-width: 2px;
}

.monitor-grid .item.health-status-4,
.monitor-grid .item.health-status-5,
.monitor-grid .item.connection-status-2 {
  background-color: rgba(214, 54, 62, 1);
}

.monitor-grid .item.health-status-4 .static-field,
.monitor-grid .item.health-status-5 .static-field,
.monitor-grid .item.connection-status-2 .static-field {
  color: #EEEEEE;
}

.monitor-grid .item.health-status-4 .server-logo,
.monitor-grid .item.health-status-5 .server-logo {
  background-size: 0, contain;
}

.monitor-grid .item.health-status-5:before {
  content: '';
  position: absolute;
  right: -60px;
  bottom: -95px;
  width: 286px;
  height: 286px;
  opacity: .4;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/grid/wi_fi.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.monitor-grid .item.connection-status-2:before {
  content: '';
  position: absolute;
  right: -22px;
  bottom: -40px;
  width: 226px;
  height: 226px;
  opacity: .4;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/grid/wi_fi.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.monitor-grid .item.health-status-4 .status-field.status-2 .name,
.monitor-grid .item.health-status-5 .status-field.status-2 .name,
.monitor-grid .item.health-status-4 .status-field.status-2 .health-status,
.monitor-grid .item.health-status-5 .status-field.status-2 .health-status,
.monitor-grid .item.health-status-4 .status-field.status-3 .name,
.monitor-grid .item.health-status-5 .status-field.status-3 .name,
.monitor-grid .item.health-status-4 .status-field.status-3 .health-status,
.monitor-grid .item.health-status-5 .status-field.status-3 .health-status,
.monitor-grid .item.health-status-4 .status-field.status-4 .name,
.monitor-grid .item.health-status-5 .status-field.status-4 .name,
.monitor-grid .item.health-status-4 .status-field.status-4 .health-status,
.monitor-grid .item.health-status-5 .status-field.status-4 .health-status,
.monitor-grid .item.connection-status-2 .status-field .health-status {
  color: #EEEEEE;
}

.monitor-grid .item.health-status-4 .status-field.status-2 .health-status:before,
.monitor-grid .item.health-status-5 .status-field.status-2 .health-status:before,
.monitor-grid .item.health-status-4 .status-field.status-3 .health-status:before,
.monitor-grid .item.health-status-5 .status-field.status-3 .health-status:before,
.monitor-grid .item.health-status-4 .status-field.status-4 .health-status:before,
.monitor-grid .item.health-status-5 .status-field.status-4 .health-status:before {
  background-size: 0, 0, contain;
}


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

.news-grid .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: unset;
}

.news-page .news-grid .items {
  overflow: auto;
  display: unset;
}

.news-grid .items > .group {
  margin: 0 15px 15px 0;
}

.news-grid .items > .group > *,
.news-grid .items > .group > * > *,
.news-grid .items > .group > * > * > *,
.news-grid .items > .group > * > * > * > *,
.news-grid .items > .group > * > * > * > * > *,
.news-grid .items > .group > * > * > * > * > * > * {
  height: 100%;
}

.news-page .news-grid .items > .group {
  margin-right: 0;
}

.news-grid .items > .group:nth-child(2n) {
  margin-right: 0;
}

.news-grid .items .item {
  position: relative;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 4px;
  padding: 8px 10px;
  box-sizing: border-box;
}

.news-grid .items .item.read {
  background-color: rgba(247, 248, 250, 1);
  border-color: transparent;
}

.news-page .news-grid .items > .group {
  border-radius: 0;
  box-shadow: unset;
  border: 1px solid rgba(222, 224, 227, 1);
}

.news-grid .items > .group .title-line {
  margin-bottom: 8px;
}

.news-grid .items > .group .title-line .name {
  margin: 0;
  color: rgba(62, 63, 66, 1);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
}

.news-grid .items .item.read .title-line .name {
  color: rgba(178, 178, 178, 1) ;
}

.news-grid .items > .group .title-line .name.read {
  opacity: .7;
}

.news-grid .items > .group .title-line .datetime {
  margin: 0 0 0 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: rgba(111, 111, 111, 1);
}

.news-grid .items > .group .description p {
  margin: 0;
}

.news-grid .items > .group .link {
  position: absolute;
  right: 12px;
  bottom: 8px;
  font-size: 12px;
  text-decoration: underline;
  color: rgba(19, 114, 229, 1);
}

.news-grid .image {
  height: 90px;
}

.news-grid .image img {
  border-radius: 4px;
}

.news-grid .columns .extra-column {
  position: unset;
}

.contrast-grid > .items .item, 
.contrast-grid .item .col.hover,
.contrast-grid .item.selected .col.hover {
  border-bottom: 1px solid black;
}

.contrast-grid.view-b .items .col {
  border-left: 1px solid black;
}

.contrast-grid .head-fixed .head-table, 
.contrast-grid .head-scroll .head-table {
  border-bottom: 1px solid black;
}

.contrast-grid .head-table .col {
  color: black;
  border-right: 1px solid rgba(222, 224, 227, 1);
}

.contrast-grid .head-table .groups-row .col {
  border-right: none;
}

.grid-a.contrast-grid .items-fixed .items-table,
.grid-a.contrast-grid .items-scroll .items-table {
  border-right: 1px solid black;
}

.grid-a.contrast-grid .head-table .col .width-adjust {
  right: -1px;
  background-color: black;
}

.grid-a.contrast-grid .items-table > tbody > tr .col {
  border-left: 1px solid black;
}

.grid-a.contrast-grid .items-table > tbody > tr .col:first-child {
  border-left: none;
}

/*<--- grid-search --->*/
.grid-search .item {
  padding: 10px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-bottom: none;
}

.grid-search .item:last-child {
  border-bottom: 1px solid rgba(222, 224, 227, 1);
}

/*<--- grid-search forum --->*/
.grid-search .forum {
  overflow: hidden;
}

.grid-search .forum .forum-title {
  float: left;
  width: 400px;
  margin-right: 20px;
}

.grid-search .forum .forum-description  {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid-search .forum .forum-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  color: rgba(62, 63, 66, 1);
}

.grid-search .forum .forum-name .value-box {
  position: relative;
}

.grid-search .forum .forum-name .value-box:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/forum/messenger.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/messenger_notification_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)&notification_color=rgba(214%2c+54%2c+62%2c+1)");
  margin-right: 8px;
}

.grid-search .forum .forum-name.has-unread .value-box:before {
  background-size: 0, contain;
}

.grid-search .forum .forum-name a {
  text-decoration: none;
  color: rgba(62, 63, 66, 1);
}

.grid-search .forum .forum-name.clickable {
  cursor: pointer;
}

.grid-search .forum .forum-details {
  float: left;
  text-align: center;
  margin: 5px 20px 0 0;
}

.grid-search .forum .forum-details .detail-name {
  color: rgba(111, 111, 111, 1);
  margin-bottom: 2px;
}

.grid-search .forum .forum-details .detail-value {
  color: rgba(62, 63, 66, 1);
  font-size: 18px;
  font-weight: 500;
}

.grid-search .forum .last-message {
  overflow: hidden;
  white-space: nowrap;
}

.grid-search .forum .last-message .user-initials {
  float: left;
  width: 48px;
  height: 48px;
  background-color: lightblue;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  color: #ffffff;
  margin-right: 8px;
  font-size: 18px;
  font-weight: 500;
}

.grid-search .forum .last-message .user-logo {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
}

.grid-search .forum .last-message .user-logo img {
  border-radius: 50%;
}

.grid-search .forum .last-message .last-message-info {
  overflow: hidden;
  margin-right: 20px;
}

.grid-search .forum .last-message .last-message-info .title {
  font-weight: 700;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  color:  #6D6D6D;
}

.grid-search .forum .last-message .last-message-info .title br {
  display: none;
}

.grid-search .forum .last-message .last-message-info .last-message-details .message-creation-date {
  float: left;
  font-weight: 300;
  color: #6D6D6D;
  margin-right: 16px;
}

.grid-search .forum .last-message .last-message-info .last-message-details .message-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: #6D6D6D;
}

.grid-search .forum .button {
  position: absolute;
  right: 10px;
  top: 10px;
}

.grid-search .forum .button .image {
  background-size: contain, 0, 0;
  background-image: url("/_themes/default/content/media/icons/forum/pin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.grid-search .forum .button:hover .image {
  background-size: 0, contain, 0;
}

.grid-search .forum .forum.pinned .button .image {
  background-size: 0, 0, contain;
}

/*<--- grid-search message --->*/
.grid-search .message .user-details {
  width: 95px;
  position: relative;
  float: left;
  margin-right: 16px;
  text-align: center;
}

.grid-search .message .user-details .user-logo {
  margin-bottom: 10px;
  width: 89px;
  height: 89px;
}

.grid-search .message .user-details .user-initials {
  position: relative;
  width: 89px;
  height: 89px;
  background-color: lightblue;
  border-radius: 16px;
  line-height: 89px;
  text-align: center;
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

.grid-search .message .user-details .user-name {
  color: rgba(62, 63, 66, 1);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-search .message .user-details .user-position {
  font-weight: 300;
}

.grid-search .message .user-details .user-level {
  position: absolute;
  right: 5px;
  top: 75px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/forum/brain_skill.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.grid-search .message .message-content {
  position: relative;
  overflow: hidden;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 14px 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
  min-height: 170px;
}

.grid-search .message .message-content .message-info .rating {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.grid-search .message .message-content .message-info .rating .value {
  display: inline-block;
  vertical-align: middle;
}

.grid-search .message .message-content .message-info .rating .button {
  float: left;
  display: inline-block;
  vertical-align: middle;
}

.grid-search .message .message-content .message-info .button,
.grid-search .message .message-content .message-info .creation-date {
  display: inline-block;
  vertical-align: middle;
}

.grid-search .message .message-content .message-info .creation-date {
  font-size: 12px;
  font-weight: 300;
  margin-right: 16px;
}

.grid-search .message .message-content .message-info .button {
  margin-right:4px;
}

.grid-search .message .message-content .message-controls {
  position: absolute;
  right: 8px;
  top: 8px;
}

.grid-search .message .message-content .message-controls .button {
  margin-bottom: 4px;
  display: block;
}

.grid-search .message .message-content .content {
  margin: 14px  28px 0 0;
}

.grid-search .message .message-content .answer-message {
  position: relative;
  float: right;
  width: 70%;
  border: 1px solid rgba(201, 201, 201, .2);
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  min-height: 70px;
}

.grid-search .message .message-content .answer-message .head {
  position: absolute;
  top: 0;
  left: -55px;
  color: rgba(111, 111, 111, 1);
  font-size: 12px;
}

.grid-search .message .message-content .answer-message .user-logo {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
}

.grid-search .message .message-content .answer-message .user-initials {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
}

.grid-search .message .message-content .answer-message .answer-message-info {
  overflow: hidden;
  margin-right: 20px;
}

.grid-search .message .message-content .answer-message .answer-message-info .title {
  font-weight: 700;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  color:  #6D6D6D;
}

.grid-search .message .message-content .answer-message .answer-message-info .answer-message-details {
  
}

.grid-search .message .message-content .answer-message .answer-message-info .answer-message-details .message-creation-date {
  float: left;
  font-weight: 300;
  color: #6D6D6D;
  margin-right: 16px;
}

.grid-search .message .message-content .answer-message .answer-message-info .answer-message-details .message-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: #6D6D6D;
}

.grid-search .message .message-content .answer-message .answer-message-buttons {
  position: absolute;
  right: 10px;
  top: 10px;
}

.grid-search .message .message-content .answer-message .button {
  display: block;
  margin-bottom: 5px;
}

.grid-search .message .thread-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  margin-bottom: 10px;
}

.grid-search .message .footer {
  margin-left: 110px;
}

/*<--- grid search thread --->*/
.grid-search .thread {
  position: relative;
  height: 80px;
  border-bottom: 1px solid #E0E0E0;
  padding: 0 16px;
  overflow: hidden;
}

.grid-search .thread .thread-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

.grid-search .thread .thread-name.clickable {
  cursor: pointer;
}

.grid-search .thread .thread-name a {
  color: #4A4A4A;
  text-decoration: none;
}

.grid-search .thread .user-initials {
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  background-color: lightblue;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin: 16px 8px 0 0;
}

.grid-search .thread .user-logo {
  position: relative;
  width: 48px;
  height: 48px;
  float: left;
  margin: 16px 8px 0 0;
}

.grid-search .thread .user-logo img {
  border-radius: 50%;
}

.grid-search .thread .thread-info {
  margin-top: 16px;
  overflow: hidden;
}

.grid-search .thread.has-unread .user-logo:before,
.grid-search .thread.has-unread .user-initials:before{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: rgba(214, 54, 62, 1);
  box-sizing: border-box;
}

.grid-search .thread .widget {
  float: right;
  text-align: center;
  margin: 17px 25px 0 20px;
}

.grid-search .thread .widget .title {
  font-weight: 400;
  font-size: 14px;
  color: #6D6D6D;
  line-height: unset;
}

.grid-search .thread .widget .value {
  font-weight: 500;
  font-size: 18px;
  color: rgba(62, 63, 66, 1);
  line-height: unset;
}

.grid-search .thread .widget .trend {
  font-size: 10px;
}

.grid-search .footer {
  padding-left: 16px;
}

.grid-search .thread .thread-details {
  margin-top: 8px;
  overflow: hidden;
}

.grid-search .thread .thread-details .creation-date {
  float: left;
  font-weight: 300;
  color: #6D6D6D;
}

.grid-search .thread .thread-details .thread-owner {
  float: left;
  margin-left: 16px;
  font-weight: 500;
  color: #6D6D6D;
}

.grid-search .thread .thread-details .thread-status {
  float: left;
  margin-left: 16px;
  font-weight: 500;
  color: rgba(214, 54, 62, 1);
}

.grid-search .thread .button {
  position: absolute;
  right: 10px;
  top: 10px;
}


.grid-search .thread .button .image {
  background-size: contain, 0, 0;
  background-image: url("/_themes/default/content/media/icons/forum/pin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.grid-search .thread .button .image:hover {
  background-size: 0, contain, 0;
}

.grid-search .thread.pinned .button .image {
  background-size: 0, 0, contain;
}

/*<--- help-documents-tree --->*/
.help-documents-tree  {
  
}

.help-documents-tree .item {
  height: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}

.help-documents-tree .item .field {
  margin: 0;
}

/*<--- help-feedback --->*/
.help-feedback {
  max-width: 800px;
  margin-top: 40px;
}

.help-feedback > .content {
  overflow: hidden;
}

.help-feedback .grid {
  margin-bottom: 20px;
}

.help-feedback .grid .item {
  overflow: hidden;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 4px;
}

.help-feedback .grid .item:last-child {
  margin: 0;
}

.help-feedback .grid .item .html p:last-child {
  margin: 0;
}

.help-feedback .title-line {
  
}

.help-feedback .title-line .feedback-status {
  float: left;
  color: #FFC107;
}

.help-feedback .title-line .feedback-status.status-1 {
  color: rgba(37, 141, 107, 1);
}

.help-feedback .title-line .date {
  float: right;
}

.help-feedback .feedback-text {
  margin-bottom: 10px;
}

.help-feedback  .feedback-new > .html {
  margin-bottom: 10px;
}

.help-feedback .feedback-comment {
  float: right;
  margin: 0;
  max-width: 400px;
  font-style: italic;
}

.help-feedback .send-feedback {
  display: inline-block;
  float: right;
  margin-bottom: 20px;
  padding: 5px 20px;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 4px;
  color: rgba(62, 63, 66, 1);
  cursor: pointer;
}

















































































.image-print { background-image: url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                 url("/_themes/default/content/media/icons/print_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");}
.image-send-by-email { background-image: url("/_themes/default/content/media/icons/send_email.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                         url("/_themes/default/content/media/icons/send_email_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }
                                         
.image-add { background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                               url("/_themes/default/content/media/icons/plus_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-search { background-image: url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                  url("/_themes/default/content/media/icons/search_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }
                                  
.image-search-button { background-image: url("/_themes/default/content/media/icons/search_button.svg?stamp=250403&t=0&icon_color=%23000000"),
                                         url("/_themes/default/content/media/icons/search_button_filled.svg?stamp=250403&t=0&icon_color=%23000000"); }

.image-register { background-image: url("/_themes/default/content/media/icons/register.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

.image-trash-can { background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                     url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }
.image-menu { background-image: url("/_themes/default/content/media/icons/menu.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                url("/_themes/default/content/media/icons/menu_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.image-filter { background-image: url("/_themes/default/content/media/icons/filter.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                  url("/_themes/default/content/media/icons/filter_fill.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                  url("/_themes/default/content/media/icons/filter_fill.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");}
.image-settings { background-image: url("/_themes/default/content/media/icons/settings.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                    url("/_themes/default/content/media/icons/settings_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")}
.image-grid { background-image: url("/_themes/default/content/media/icons/grid.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                url("/_themes/default/content/media/icons/grid_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")}
.image-refresh { 
  background-image: url("/_themes/default/content/media/icons/refresh.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/refresh_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); 
}

.image-clear { 
  background-image: url("/_themes/default/content/media/icons/clear.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/clear.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/clear.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}
.image-auto-match { background-image: url("/_themes/default/content/media/icons/auto-match.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }
.image-package { background-image: url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }
.image-build-package { background-image: url("/_themes/default/content/media/icons/build_package.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }
.image-document-box { background-image: url("/_themes/default/content/media/icons/document_box.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }
.image-document-list { background-image: url("/_themes/default/content/media/icons/document_list.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

.image-context-menu { 
  background-image: url("/_themes/default/content/media/icons/context_menu.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/context_menu.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.image-share {
  background-image: url("/_themes/default/content/media/icons/share.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/share_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-login-enter {
  background-image: url("/_themes/default/content/media/icons/login_enter.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/login_enter.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-restart-app {
  background-image: url("/_themes/default/content/media/icons/restart_app.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/restart_app.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-update-db {
  background-image: url("/_themes/default/content/media/icons/update_database.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/update_database.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-archive {
  background-image: url("/_themes/default/content/media/icons/archive.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/archive_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-pause { 
  background-image: url("/_themes/default/content/media/icons/pause.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/pause_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-delete { background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                  url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-delete-trash { background-image: url("/_themes/default/content/media/icons/delete_trash.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                        url("/_themes/default/content/media/icons/delete_trash_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-details { background-image: url("/_themes/default/content/media/icons/details.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                   url("/_themes/default/content/media/icons/details.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-view { background-image: url("/_themes/default/content/media/icons/view.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                url("/_themes/default/content/media/icons/view.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                url("/_themes/default/content/media/icons/view.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
.image-attachment { background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
.image-download { background-image: url("/_themes/default/content/media/icons/download.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
.image-theme { background-image: url("/_themes/default/content/media/icons/medium/theme.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                 url("/_themes/default/content/media/icons/medium/theme.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
                                 
.image-circled-arrow-right { 
  background-image: url("/_themes/default/content/media/icons/circled_arrow_right.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-circled-arrow-left { 
  background-image: url("/_themes/default/content/media/icons/circled_arrow_left.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
                                               
.image-submit { background-image: url("/_themes/default/content/media/icons/submit.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                  url("/_themes/default/content/media/icons/submit_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-checkin { background-image: url("/_themes/default/content/media/icons/submit.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                  url("/_themes/default/content/media/icons/submit_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-return { background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                                  url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)")
}
.image-reject { background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                                  url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)") }
                                  
.image-close { background-image: url("/_themes/default/content/media/icons/close.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                 url("/_themes/default/content/media/icons/close_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-collapse { background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                 url("/_themes/default/content/media/icons/folder_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
                transform: scale(1.5);
}

.image-expand { background-image: url("/_themes/default/content/media/icons/folder_expanded.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                 url("/_themes/default/content/media/icons/folder_expanded_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
                  transform: scale(1.5)
}

.image-cloud-connect { background-image: url("/_themes/default/content/media/icons/cloud_connect.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                         url("/_themes/default/content/media/icons/cloud_connect_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-cloud-reconnect { background-image: url("/_themes/default/content/media/icons/cloud_reconnect.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                           url("/_themes/default/content/media/icons/cloud_reconnect_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-cloud-disconnect { background-image: url("/_themes/default/content/media/icons/cloud_disconnect.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                            url("/_themes/default/content/media/icons/cloud_disconnect_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-favorites {
  background-image: url("/_themes/default/content/media/icons/favorites.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/favorites_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

/**/
.image-repository { 
  background-image: url("/_themes/default/content/media/icons/repository.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/repository.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/repository.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-repository-update {
  background-image: url("/_themes/default/content/media/icons/repository_update.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_update.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_update.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-repository-commit {
  background-image: url("/_themes/default/content/media/icons/repository_commit.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_commit.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_commit.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-repository-lock {
  background-image: url("/_themes/default/content/media/icons/repository_lock.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_lock.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_lock.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-repository-unlock {
  background-image: url("/_themes/default/content/media/icons/repository_unlock.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_unlock.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_unlock.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-repository-versions {
  background-image: url("/_themes/default/content/media/icons/repository_versions.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_versions.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/repository_versions.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}


/**/

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

.image-has-slot {
  background-image: url("/_themes/default/content/media/icons/calendar_has_slot.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/calendar_has_slot_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-check {
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)")
}

.image-square-check {
  background-image: url("/_themes/default/content/media/icons/check_square_thin.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/check_square_thin_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-issue {
  background-image: url("/_themes/default/content/media/icons/info.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/info_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.actions-pane .image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-add-comment {
  background-image: url("/_themes/default/content/media/icons/new_chat.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/new_chat_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-add-table-field {
  background-image: url("/_themes/default/content/media/icons/add_table_field.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/add_table_field_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-plus {
  background-image: url("/_themes/default/content/media/icons/round_plus.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/round_plus.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-software {
  background-image: url("/_themes/default/content/media/icons/software.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/software_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-edit {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.icon-default,
.image-workflow {
  background-image: url("/_themes/default/content/media/icons/workflow.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-revoke {
  background-image: url("/_themes/default/content/media/icons/revoke.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/revoke_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-force {
  background-image: url("/_themes/default/content/media/icons/lightning.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/lightning_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-import {
  background-image: url("/_themes/default/content/media/icons/import.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/import_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-export {
  background-image: url("/_themes/default/content/media/icons/export.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-save {
  background-image: url("/_themes/default/content/media/icons/save.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/save_filled.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/save.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-reload {
  background-image: url("/_themes/default/content/media/icons/reset_reload_update.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/reset_reload_update.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/reset_reload_update.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-snapshots {
  background-image: url("/_themes/default/content/media/icons/snapshot.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/snapshot.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/snapshot.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-add-board {
  background-image: url("/_themes/default/content/media/icons/add_boards.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/add_boards_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-reorder-board {
  background-image: url("/_themes/default/content/media/icons/reorder_boards.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/reorder_boards_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-add-card {
  background-image: url("/_themes/default/content/media/icons/add_cards.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/add_cards_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-reorder-card {
  background-image: url("/_themes/default/content/media/icons/reorder_cards.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/reorder_cards_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-form {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/form_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-book {
  background-image: url("/_themes/default/content/media/icons/book.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/book_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-upload {
  background-image: url("/_themes/default/content/media/icons/upload.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-purchase {
  background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/purchase_order_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-back {
  background-image: url("/_themes/default/content/media/icons/circle_arrow.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-recover {
  transform: rotate(180deg);
  background-image: url("/_themes/default/content/media/icons/circle_arrow.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-revision {
  background-image: url("/_themes/default/content/media/icons/revision.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/revision_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-approve,
.image-confirm {
  background-image: url("/_themes/default/content/media/icons/approve.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/approve_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-cancel {
  background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-logout {
  background-image: url("/_themes/default/content/media/icons/logout.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/logout_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-house {
  background-image: url("/_themes/default/content/media/icons/house.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/house_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-lock {
  background-image: url("/_themes/default/content/media/icons/lock.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/lock_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-opened-folder {
  background-image: url("/_themes/default/content/media/icons/opened_folder.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/opened_folder_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-pencil {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-delete-user {
  background-image: url("/_themes/default/content/media/icons/delete_user.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/delete_user_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-user {
  background-image: url("/_themes/default/content/media/icons/user.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/user_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

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

.image-database-view {
  background-image: url("/_themes/default/content/media/icons/database.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/database_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-move-up {
  background-image: url("/_themes/default/content/media/icons/move_up.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/move_up_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-move-down {
  background-image: url("/_themes/default/content/media/icons/move_down.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/move_down_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-cut {
  background-image: url("/_themes/default/content/media/icons/cut.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/cut_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-paste {
  background-image: url("/_themes/default/content/media/icons/paste.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/paste_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-add-folder {
  background-image: url("/_themes/default/content/media/icons/create_folder.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/create_folder_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-mark-unread {
  background-image: url("/_themes/default/content/media/icons/unread_message.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/unread_message_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-mark-read {
  background-image: url("/_themes/default/content/media/icons/read_message.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/read_message_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-hide {
  background-image: url("/_themes/default/content/media/icons/hide_message.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/hide_message_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-new-discussion {
  background-image: url("/_themes/default/content/media/icons/create_discussion.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/create_discussion_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-eye {
  background-image: url("/_themes/default/content/media/icons/eye.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-link {
  background-image: url("/_themes/default/content/media/icons/link.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/link_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-no-eye {
  background-image: url("/_themes/default/content/media/icons/no_eye.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/no_eye_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-function {
  background-image: url("/_themes/default/content/media/icons/function.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/function_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-start {
  background-image: url("/_themes/default/content/media/icons/play.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/play_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-play-all {
  background-image: url("/_themes/default/content/media/icons/play_all.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/play_all_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-play-selected {
  background-image: url("/_themes/default/content/media/icons/play_selected.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/play_selected_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-history {
  background-image: url("/_themes/default/content/media/icons/history.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/history_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-reassign {
  background-image: url("/_themes/default/content/media/icons/reassign_developer.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/reassign_developer_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-finish {
  background-image: url("/_themes/default/content/media/icons/finish_flag.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/finish_flag_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-build {
  background-image: url("/_themes/default/content/media/icons/build.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/build_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-this-version {
  background-image: url("/_themes/default/content/media/icons/this_version.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/this_version_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-next-version {
  background-image: url("/_themes/default/content/media/icons/next_version.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/next_version_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-skip {
  background-image: url("/_themes/default/content/media/icons/skip.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/skip_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-up-arrow {
  background-image: url("/_themes/default/content/media/icons/circled_arrow_up.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_up_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-down-arrow {
  background-image: url("/_themes/default/content/media/icons/circled_arrow_down.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_down_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-dots {
  background-image: url("/_themes/default/content/media/icons/menu.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/menu_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-phone,
.image-phone-active {
  background-image: url("/_themes/default/content/media/icons/phone.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/phone_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-web,
.image-web-active {
  background-image: url("/_themes/default/content/media/icons/web.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/web_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-office,
.image-office-active {
  background-image: url("/_themes/default/content/media/icons/office_phone.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/office_phone_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.image-mob,
.image-mob-active {
  background-image: url("/_themes/default/content/media/icons/phone.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/phone_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-fax,
.image-fax-active {
  background-image: url("/_themes/default/content/media/icons/fax.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/fax_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-email2,
.image-email2-active {
  background-image: url("/_themes/default/content/media/icons/mail_unread.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/mail_unread_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-skype,
.image-skype-active {
  background-image: url("/_themes/default/content/media/icons/skype.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/skype_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

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

.image-analysis {
  background-image: url("/_themes/default/content/media/icons/add_analysis.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/add_analysis.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-frontend {
  background-image: url("/_themes/default/content/media/icons/html_5.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/html_5.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-misc {
  background-image: url("/_themes/default/content/media/icons/add_misc.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/add_misc.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

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

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

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

.image-datamodel {
  background-image: url("/_themes/default/content/media/icons/data_model.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/data_model.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

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

.image-html {
  background-image: url("/_themes/default/content/media/icons/html_5.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/html_5.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

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

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

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

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

.image-other {
  background-image: url("/_themes/default/content/media/icons/xml.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/xml.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

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

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

.icon-add-document {
  background-image: url("/_themes/default/content/media/icons/add_document.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/add_document.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

/*<--- figures --->*/
.image-pflow-fab {
  background-image: url("/_themes/default/content/media/icons/rhombus.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-pflow-move {
  background-image: url("/_themes/default/content/media/icons/ellipse.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-pflow-storeget {
  background-image: url("/_themes/default/content/media/icons/triangle.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}


.image-pflow-rework {
  background-image: url("/_themes/default/content/media/icons/pentagon.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}


.image-pflow-scrapcontain {
  background-image: url("/_themes/default/content/media/icons/octagon.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}


.image-pflow-inspect {
  background-image: url("/_themes/default/content/media/icons/rectangle.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-required {
  background-image: url("/_themes/default/content/media/icons/lightning.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/lightning_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-insert-row {
  background-image: url("/_themes/default/content/media/icons/insert_row.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/insert_row_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-insert-row-above {
  background-image: url("/_themes/default/content/media/icons/insert_row_above.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/insert_row_above_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-indent {
  background-image: url("/_themes/default/content/media/icons/indent.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/indent_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-outdent {
  background-image: url("/_themes/default/content/media/icons/outdent.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/outdent_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

/*<--- statuses --->*/
.image-status_denied {
  background-image: url("/_themes/default/content/media/icons/statuses/reject.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*<--- images types --->*/
.image-type-0 {
  background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-type-1 {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-type-2 {
  background-image: url("/_themes/default/content/media/icons/workflow.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-type-3,
.image-type-8 {
  background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-type-4 {
  background-image: url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-type-5 {
  background-image: url("/_themes/default/content/media/icons/index.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/index_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-type-6 {
  background-image: url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.image-content-type-0 { background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                          url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

.image-content-type-1 { background-image: url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                          url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

.image-content-type-2 { background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                          url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

.image-content-type-3,
.image-content-type-8 { background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                          url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

.image-content-type-4 { background-image: url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                          url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }
                                          
.image-content-type-5 { background-image: url("/_themes/default/content/media/icons/index.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                          url("/_themes/default/content/media/icons/index_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

.image-content-type-6 { background-image: url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                          url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

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

.image-circle_gray { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                       url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.image-circle_green { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)"),
                                       url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)"); }
.image-circle_yellow { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=%23FFC107"),
                                       url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=%23FFC107"); }
.image-circle_red { background-image: url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                                       url("/_themes/default/content/media/icons/circle.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"); }
.image-check_green { background-image: url("/_themes/default/content/media/icons/check_green.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)"),
                                       url("/_themes/default/content/media/icons/check_green.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)"); }
.image-goto { background-image: url("/_themes/default/content/media/icons/goto.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                       url("/_themes/default/content/media/icons/goto_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

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

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

.field-buttons .image-eye {
  background-image: url("/_themes/default/content/media/icons/eye.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}
                                  
.image-commit {
  background-image: url("/_themes/default/content/media/icons/commit.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/commit.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/commit.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-codecompare-open, .image-diff-open {
  background-image: url("/_themes/default/content/media/icons/diff-open.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/diff-open.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/diff-open.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.image-avatar_undefined {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_1.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_1.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_1 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_1.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_1.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_2 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_2.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_2.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_3 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_3.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_3.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_4 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_4.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_4.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_5 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_5.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_5.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_6 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_6.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_6.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_7 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_7.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_7.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_8 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_8.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_8.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_9 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_9.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_9.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_10 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_10.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_10.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-avatar_11 {
  background-image: url("/_themes/default/content/media/icons/avatars/avatar_11.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/avatars/avatar_11.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.image-recyclebin { background-image: url("/_themes/default/content/media/icons/notes_delete.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                                  url("/_themes/default/content/media/icons/notes_delete.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
}

.image-illustration {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_1 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_2 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_02.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_02.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_3 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_03.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_03.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_4 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_04.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_04.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_5 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_05.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_05.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_6 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_06.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_06.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_7 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_07.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_07.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_8 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_08.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_08.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_9 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_09.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_09.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_10 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_10.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_10.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_11 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_11.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_11.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_12 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_12.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_12.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_13 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_13.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_13.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_14 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_14.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_14.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_15 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_15.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_15.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_16 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_16.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_16.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_17 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_17.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_17.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_18 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_18.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_18.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_19 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_19.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_19.svg?stamp=250403&t=0&icon_color=%2382868F");
}
.image-illustration_20 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_20.svg?stamp=250403&t=0&icon_color=%2382868F"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_20.svg?stamp=250403&t=0&icon_color=%2382868F");
}

.color_0 .image-illustration {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_1 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_2 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_02.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_02.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_3 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_03.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_03.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_4 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_04.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_04.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_5 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_05.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_05.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_6 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_06.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_06.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_7 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_07.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_07.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_8 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_08.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_08.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_9 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_09.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_09.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_10 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_10.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_10.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_11 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_11.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_11.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_12 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_12.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_12.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_13 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_13.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_13.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_14 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_14.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_14.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_15 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_15.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_15.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_16 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_16.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_16.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_17 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_17.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_17.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_18 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_18.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_18.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_19 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_19.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_19.svg?stamp=250403&t=0&icon_color=%232E69A7");
}
.color_0 .image-illustration_20 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_20.svg?stamp=250403&t=0&icon_color=%232E69A7"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_20.svg?stamp=250403&t=0&icon_color=%232E69A7");
}

.color_1 .image-illustration {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_1 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_01.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_2 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_02.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_02.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_3 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_03.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_03.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_4 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_04.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_04.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_5 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_05.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_05.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_6 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_06.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_06.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_7 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_07.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_07.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_8 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_08.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_08.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_9 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_09.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_09.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_10 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_10.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_10.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_11 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_11.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_11.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_12 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_12.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_12.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_13 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_13.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_13.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_14 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_14.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_14.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_15 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_15.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_15.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_16 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_16.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_16.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_17 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_17.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_17.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_18 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_18.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_18.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_19 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_19.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_19.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}
.color_1 .image-illustration_20 {
  background-image: url("/_themes/default/content/media/icons/illustrations/illustration_20.svg?stamp=250403&t=0&icon_color=%2381DA9A"),
                    url("/_themes/default/content/media/icons/illustrations/illustration_20.svg?stamp=250403&t=0&icon_color=%2381DA9A");
}

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

.field .field-label {
  color: rgba(111, 111, 111, 1);
  font-weight: 300;
  font-size: 12px;
}

.field.hidden-displayname .field-label {
  visibility: hidden;
}

.field .field-value {
  position: relative;
  overflow: hidden;
  color: rgba(62, 63, 66, 1);
}

.field .field-value .remarks {
  display: block;
  text-align: right;
  line-height: 15px;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 400;
  color: rgba(111, 111, 111, 1);
  opacity: .6;
}

.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;
  font-size: 12px;
  background-color: rgba(247, 248, 250, 1);
  min-height: 32px;
  border-radius: 4px;
  line-height: 32px;
  padding-left: 10px;
}

/*<--- field view by default --->*/
.field.text .value-box,
.field.number .value-box,
.field.date .value-box,
.field.datetime .value-box,
.field.images .value-box,
.field.textarea .value-box,
.field.time .value-box,
.field.options .value-box,
.field.objectpicker .value-box,
.field.singlechoice .value-box {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 0;
  font-size: 12px;
  background-color: rgba(247, 248, 250, 1);
  min-height: 32px;
  border-radius: 4px;
  line-height: 32px;
  padding-left: 10px;
}

.helpdesk-theme .field .value-box {
  display: inline-block;
  min-height: 32px;
  background-color: rgba(249, 249, 249, 1);
  border-radius: 4px;
  padding: 6px;
  color: rgba(62, 63, 66, 1);
  font-size: 14px;
  box-sizing: border-box;
}

.field .tooltip-marker {
  position: absolute;
  right: 4px; 
  top: 5px;
  width: 18px; 
  height: 18px;
  background-image: url("/_themes/default/content/media/icons/info.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/info_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/copy_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.field.image .actions a.cmd-download {
  background-image: url("/_themes/default/content/media/icons/download.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.field.image .actions a.cmd-delete {
  background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.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;
  cursor: pointer;
  background-size: contain, 0 0;
  background-position: center;
  background-image: url("/_themes/default/content/media/icons/upload.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  cursor: pointer;
}

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

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

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: contain, 0 0;
}

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

.field.edit.singlechoice:hover .value-box {
  border-color: rgba(178, 178, 178, 1);
}

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

/*<--- multichoicecompact --->*/
.field.multichoicecompact.edit .value-box {
  padding: 5px 10px;
  z-index: 1;
}

.field.multichoicecompact.edit .field-value:before {
  content: '';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/dropdown_arrow.svg?stamp=250403&t=0&icon_color=rgba(111%2c+111%2c+111%2c+1)");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

.field.multichoicecompact.changed .field-value:before {
  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: 3px;
}

.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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"), 
                    url("/_themes/default/content/media/icons/checkbox_hover.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=%230BDA51&mark=rgba(255%2c+255%2c+255%2c+1)+");
  background-size: contain, 0, 0;
}

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

.field.check .field-label {
  color: rgba(111, 111, 111, 1);
}

.field.check.edit:hover .field-label {
  color: rgba(62, 63, 66, 1);
}

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

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

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

.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 rgba(222, 224, 227, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  transition: background-color .2s ease, border-color .2s ease;
  cursor: pointer;
}

.field.check.toggle-a label.check.checked {
  background-color: #000000;
  border-color: #000000;
}

.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: rgba(141, 141, 141, 1);
  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: rgba(178, 178, 178, 1);
}

.field.edit.check.toggle-a:hover .field-value label.check:before {
  background-color: rgba(74, 74, 74, 1);
}

.field.edit.check.toggle-a:hover .field-value label.check:before {
  left: 8px;
}

.field.edit.check.toggle-a:hover .field-value label.check.checked:before {
  left: 30px;
}

.field.edit.changed.check.toggle-a .field-value:after {
  content: none;
}

/*<--- 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: 32px; 
  vertical-align: top;
  margin: 0;
  border: 1px solid rgba(222, 224, 227, 1);
  cursor: text;
  padding: 0;
  border-radius: 4px;
  line-height: unset;
  background-color: rgba(255, 255, 255, 1);
}

.field.edit .value-box {
  border: 1px solid rgba(222, 224, 227, 1);
}

.field.edit .value-box:hover {
  border-color: rgba(178, 178, 178, 1);
}

.field.edit .value-box .cmd-open {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/function.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/function_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  background-size: contain, 0;
  background-position: center;
  cursor: pointer;
}

.field.edit .value-box .cmd-open:hover {
  background-size: 0, contain;
}

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

.field .value-box input {
  font-size: 12px;
}

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

.field.html .value-box .image {
  display: inline-block;
}

.field.html .value-box .image img {
  width: 100%;
}

/*<--- singlechoice edit --->*/
.field.edit.singlechoice .value-box {
  padding: 4px 10px;
}

.field.edit.singlechoice .value-box .cmd-lookup {
  position: absolute;
  top: 4px;
  right: 2px;
  cursor: pointer;
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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 .value-box a {
  color: #158DDC;
  /*text-decoration: none;*/
}

.field.files .value-box .item {
  min-height: 30px;
  box-sizing: border-box;
  padding: 6px 10px;
}

.field.files .value-box .item .name {
  display: inline;
  text-decoration: underline;
}

.field.files .value-box .item .name .icon {
  display: none;
}

.field.files.edit .value-box .item .actions {
  display: inline;
  margin-left: 8px;
}

.field.files.field-horizontal .field-value .value-box {
  border: 1px solid rgba(222, 224, 227, 1);
}

.field.files .value-box .item .cmd {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-size: 10px, 0 0;
  background-position: center;
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
}

.field.files .value-box .item .cmd:hover {
  background-size: 0 0, 10px;
}

.field.files .value-box .upload-widget-container .upload {
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  cursor: pointer;
}

.field.files .value-box .upload-widget-container .upload:hover {
  background-size: 0 0, contain;
}

.field.files .value-box .upload .upload-text {
  display: none;
}

.field.files .value-box input[type="file"] {
  display: none;
}

.field.required .field-value {
  position: relative;
}

.field.required .mark-required {
  display: none;
}

.field.required .field-value .value-box:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 4px;
  bottom: 4px;
  width: 3px;
  background-color: rgba(214, 54, 62, 1);
  z-index: 1;
  border-radius: 1px;
}

.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.horizontal .field-value .option {
  display: inline-block;
  padding-right: 7px;
}

.field.singlechoicelist .field-value .option {
  display: inline-block;
  white-space: nowrap;
  margin: 0 0 5px 5px;
}

.field.singlechoicelist .field-value .option label.check {
  position: relative;
  border-radius: 12px;
  border: 1px solid rgba(222, 224, 227, 1);
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, 1);
  box-sizing: border-box;
  cursor: pointer;
}

.field.singlechoicelist .field-value .option .option-label {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
}

.field.singlechoicelist .field-value .option label.edit.check {
  border-color: rgba(222, 224, 227, 1);
  background-color: rgba(255, 255, 255, 1);
}

.field.singlechoicelist .field-value .option .option-label .text {
  padding: 2px;
  cursor: pointer;
  color: rgba(62, 63, 66, 1);
}

.field.singlechoicelist .value-box {
  min-height: 30px;
  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: rgba(141, 141, 141, 1);
}

.field.singlechoicelist .field-value .option:hover label.check {
  border-color: rgba(178, 178, 178, 1);
}

.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: rgba(19, 114, 229, 1);
}

.field.singlechoicelist .field-value .option.checked label.edit.check {
  border-color: rgba(19, 114, 229, 1);
}

.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 rgba(222, 224, 227, 1);
  border-radius: 3px;
  display: flex;
  height: 27px;
  box-sizing: border-box;
}

.field.singlechoicelist.view-a .option {
  position: relative;
  padding: 3px 25px;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  margin: 0;
}

.field.singlechoicelist.view-a .option:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: rgba(222, 224, 227, 1);
}

.field.singlechoicelist.view-a .option:first-child:before {
  content: none;
}

.field.singlechoicelist.view-a .option.checked {
  background-color: #000000;
  z-index: 1;
}

.field.singlechoicelist.view-a .option.checked:after {
  content: '';
  position: absolute;
  right: -1px;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: rgba(222, 224, 227, 1);
}

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

.field.singlechoicelist.view-a .field-value .value-box .option.checked .text {
  color: #FFFFFF;
}

/*<-- 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 > .edit {
  border: none;
  height: unset;
}

.field.singlechoicelist.view-c .option {
  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: #000000;  
}

.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: 0 0 0 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: rgba(249, 249, 249, 1);
  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: #000000;*/
}

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

/*<--- signature field --->*/
.field.signature .value-box {
  padding: 5px;
  min-height: 100px;
}

/*<--- html field ---> */
.field.htmlarea .value-box {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.field.htmlarea .value-box iframe,
.static-field.htmlarea .value-box iframe {
  width: 100%;
  height: 100%;
}

/*<--- datetime && date --->*/
.field.date {
  
}

.field.date .date-part {
  position: relative;
}

.field.date .date-part input {
  font-size: 12px;
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/datepicker_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.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: rgba(255, 255, 255, 1);
  border: 1px solid rgba(222, 224, 227, 1);
  width: 55%;
  box-sizing: border-box;
  border-radius: 5px;
}

.field.edit.datetime .time-part:hover,
.field.edit.datetime .date-part:hover {
  border-color: rgba(178, 178, 178, 1);
}

.field.datetime .time-part input,
.field.datetime .date-part input {
  padding: 6px 10px 6px 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: rgba(178, 178, 178, 1);
}

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

.field.viewlookup .field-value {
  
}

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

.field.viewlookup .field-value .value-box .value-item {
  display: inline-block;
  margin: 2.5px 0 2.5px 7px;
}

.field.viewlookup .field-value .value-box .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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: 100%, 0;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.field.viewlookup .field-value .value-box .value-item .cmd-delete:hover {
  background-size: 0, 100%;
}

.field.viewlookup.edit .field-value .value-box .value-item .text {
  display: inline-block;
  vertical-align: middle;
}

.field.viewlookup .field-value .value-box .lookup {
  /*padding: 0;*/
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/search_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

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

.helpdesk-theme .field.viewlookup .field-value {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 4px;
}

.helpdesk-theme .field.viewlookup .field-value .value-box {
  display: inline-block;
}

.helpdesk-theme .field.viewlookup .field-value .value-box .value-item {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

/* style-b */
.field.style-b {
  display: flex;
  align-items: center;
}

.field.style-b .field-label {
  color: rgba(111, 111, 111, 1);
}

.field.style-b .field-value {
  margin-left: 5px;
  color: rgba(62, 63, 66, 1);
}

.field.style-b .field-value .value-box {
  font-size: 12px;
  background-color: unset;
  padding: 0;
  min-height: unset;
  line-height: unset;
}

/*<--- rating --->*/
.helpdesk-theme .field.rating  .field-value {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 4px;
}

/*<--- lookup --->*/
.field.lookup .value-box {
  /*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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

.field.edit.lookup .value-box.active .cmd-lookup .icon {
  transform: rotate(-180deg);
}

.field.edit.lookup .value-box input {
  font-size: 12px;
  padding: 6px 10px;
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/search_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/sort_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  transform: rotate(180deg);
  background-size: contain, 0 0;
}

.field.edit.title-lookup .value-box .cmd-lookup .icon:hover {
  background-size: 0 0, contain;
}

/* object-picker */
.field.objectpicker .value-box {
  /*padding: 5px 10px;*/
}

.field.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

.field.edit.objectpicker .value-box.active .cmd-lookup .icon {
  transform: rotate(-180deg);
}

.field.edit.objectpicker .value-box input {
  font-size: 12px;
  padding: 6px 10px;
}

.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/cross.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.field.time .offset-part {
  display: none;
}

.field.time .remarks {
  float: right;
  margin-top: 2px;
  color: rgba(111, 111, 111, 1);
  font-weight: 300;
}

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

.field.title .field-label {
  display: none;
}

.field.title .remarks {
  text-align: left;
  position: relative;
  margin-top: 0;
  font-size: 12px;
  color: rgba(62, 63, 66, 1);
  opacity: 1;
}

/*<--- search --->*/
.field.edit.search input {
  padding-left: 30px;
  background-image:  url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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: #63d66347;
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/full_arrow_down_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.field.search .search-value .token .action.action-delete {
  background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                     url("/_themes/default/content/media/icons/search_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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;
}

/*<--- field-layout2 --->*/
.field.field-layout2 .html {
  padding: 5px;
}

/*<--- multichoice --->*/
.field.multichoice .field-value .value-box {
  background-color: unset;
  border: none;
}

.field.multichoice .value-box .option {
  display: block;
  margin-left: 5px;
}

.field.multichoice .value-box .option .check {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)");
  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 {
  padding: 0 30px 0 5px;
  max-height: 105px;
  overflow: auto;
}

.field.multichoicelookup .value-box .value-item {
  background: #63d66347;
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.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=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)");
}

.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=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)");
}

/*<--- 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: rgba(255, 255, 255, 1);
  box-sizing: border-box;
}

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

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

/*<--- switch --->*/
.field.switch .value-box {
  user-select: none;
  cursor: pointer;
  padding: 5px;
}

.static-field {
  font-weight: 400;
  color: rgba(111, 111, 111, 1);
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 19px;
}

.static-field.heading1 {
  font-weight: 700;
  font-size: 22px;
  color: rgba(62, 63, 66, 1);
  line-height: 30px;
}

.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: rgba(62, 63, 66, 1);
}

.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=250403&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;
}

/*<--- options --->*/
.field.options .field-value .value-box {
  background-color: unset;
  border: none;
}

.field.options .value-box .option {
  display: block;
  margin-left: 5px;
}

.field.options .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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)");
  background-size: contain, 0 0;
}

.field.options .value-box .option.checked .check {
  background-size: 0 0, contain;
}

.field.options .value-box .option .option-label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

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

/* 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; 
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
}

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

.expression-editor .toolbox-pane .item .element-image.element-form {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/form_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.expression-editor .toolbox-pane .item .element-image.element-contact {
  background-image: url("/_themes/default/content/media/icons/contact.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/contact_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.expression-editor .toolbox-pane .item .element-image.element-location {
  background-image: url("/_themes/default/content/media/icons/location.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/location_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.expression-editor .toolbox-pane .item .element-image.element-function {
  background-image: url("/_themes/default/content/media/icons/function.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/function_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.expression-editor .toolbox-pane .item .element-image.element-field {
  background-image: url("/_themes/default/content/media/icons/function.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/function_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.expression-editor .toolbox-pane .item .element-image.element-url {
  background-image: url("/_themes/default/content/media/icons/web.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/web_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.field.html .quote-block, 
.static-field.html .quote-block {
  position: relative;
  padding-left: 10px;
}

.field.html .quote-block:before, 
.static-field.html .quote-block:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  bottom: 0;
  background-color: rgba(222, 224, 227, 1);
}

.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.mark-invalid .field-value .option label.check {
  border-color: rgba(214, 54, 62, 1);
}

.field.edit.multichoice.mark-invalid label.check,
.field.edit.check.mark-invalid label.check{
  background-color: rgba(214, 54, 62, 1);
  border-radius: 2px;
}

/* 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(214, 54, 62, 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=250403&t=0&icon_color=rgba(255%2c+255%2c+255%2c+1)");
  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=250403&t=0&icon_color=rgba(255%2c+255%2c+255%2c+1)");
  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=250403&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;
}

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

/* audio */
.field.audio .value-box.mode-compact audio {
  display: none;
}

.field.audio .value-box:not(.mode-compact) audio {
  display: block;
}

.field.audio .media .play {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/play.svg?stamp=250403&t=0&icon_color=%23000000");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  cursor: pointer;
}

.field.audio .media .play:hover {
  background-image: url("/_themes/default/content/media/icons/play_filled.svg?stamp=250403&t=0&icon_color=%23000000");
}

.field.audio .media .stop {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/stop.svg?stamp=250403&t=0&icon_color=%23000000");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  cursor: pointer;
}

.field.audio .media .stop:hover {
  background-image: url("/_themes/default/content/media/icons/stop_filled.svg?stamp=250403&t=0&icon_color=%23000000");
}

.field.audio .media .play.hidden,
.field.audio .media .stop.hidden {
  display:none;
}

.field.audio .value-box:not(.mode-compact) .media .play,
.field.audio .value-box:not(.mode-compact) .media .stop {
  display: none;
}

/* field-i2 (avatar) */
.field.field-i2.singlechoice .value-box > .image {
  vertical-align: middle;
  margin-right: 7px;
}

.field.field-i2.singlechoice.edit .value-box > .image {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  background-size: 26px 26px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.field.field-i2.singlechoice.edit .value-box .value-text {
  line-height: 30px;
  margin-left: 3px;
  color: rgba(62, 63, 66, 1);
  font-family: NotoSans, sans-serif;
  font-size: 14px;
}

/* field-i3 (illustration) */
.field.field-i3.singlechoice .value-box > .image {
  vertical-align: middle;
  margin-right: 7px;
}

.field.field-i3.singlechoice.edit .value-box > .image {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  background-size: 100px 100px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.field.field-i3.singlechoice.edit .value-box .value-text {
  line-height: 100px;
  margin-left: 3px;
  color: rgba(62, 63, 66, 1);
  font-family: NotoSans, sans-serif;
  font-size: 14px;
}






.group > .head {
  font-size: 18px;
  font-weight: 700;
  padding: 10px 0;
  color: rgba(111, 111, 111, 1);
}

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

.helpdesk-theme .group.has-head {
  margin-bottom: 20px;
}

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

.group .grid-top-buttons {
  margin-top: 20px;
  margin-bottom: 15px;
}

.group .grid-top-buttons .button {
  margin-right: 20px;
}

.group .grid-top-buttons .field {
  margin-top: 20px;
}

.group .tabs-head:before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: rgba(222, 224, 227, 1);
}

.group .tabs-head .tab {
  position: relative;
  text-decoration: none;
  color: #404040;
  float: left;
  padding-bottom: 4px;
  margin-right: 40px;
  z-index: 1;
  font-size: 16px;
}

.group .tabs-head .tab:before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 2px;
  background-color: transparent;
}

.group .tabs-head .tab:hover:before {
  background-color: rgba(222, 224, 227, 1);
}

.group .tabs-head .tab.active:before {
  background-color: #000000;
}

.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: rgba(62, 63, 66, 1);
  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: rgba(111, 111, 111, 1);
  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: rgba(255, 255, 255, 1);
  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: rgba(43, 43, 43, 0.06);
}

.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: rgba(222, 224, 227, 1);
}

.repeatable-group-a:after {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  height: 1px;
  background-color: rgba(222, 224, 227, 1);
}

.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 rgba(222, 224, 227, 1);
}

.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: rgba(62, 63, 66, 1);
  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: rgba(62, 63, 66, 1);
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.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=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
}

.repeatable-group-a .issue.status-2 .issue-head:before {
  background-image: url("/_themes/default/content/media/icons/info_filled.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)");
}

.repeatable-group-a .issue.status-3 .issue-head:before {
  background-image: url("/_themes/default/content/media/icons/info_filled.svg?stamp=250403&t=0&icon_color=%23000000");
}

.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: rgba(255, 255, 255, 1);
}

.repeatable-group-a.issue.status-1:before {
  /*background-color:;*/
}

.repeatable-group-a.issue.status-2 {
  background-color: rgba(255, 255, 255, 1);
}

.repeatable-group-a.issue.status-2:before {
  /*background-color:;*/
}

.repeatable-group-a.issue.status-3 {
  background-color: rgba(255, 255, 255, 1);
}

.repeatable-group-a.issue.status-3:before {
  /*background-color:;*/
}

.repeatable-group-a .issue.status-1 .issue-code {
  color: rgba(214, 54, 62, 1);
}

.repeatable-group-a .issue.status-2 .issue-code {
  color: rgba(37, 141, 107, 1);
}

.repeatable-group-a .issue.status-3 .issue-code {
  color: rgba(62, 63, 66, 1);
}

.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: rgba(255, 255, 255, 1);
}

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










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

.ws1 {
  position: absolute;
  top: 119px;
  left: 54px;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.navigation-accordion .ws1 {
  top: 89px;
}

.navigation-expanded .ws1 {
  left: 254px;
}

.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: rgba(111, 111, 111, 1);
  font-weight: 300;
  white-space: nowrap;
}

/*<--- ws-clear --->*/
.ws-clear {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
}

/*pform*/
.ws1 .pform1 {
  background-color: rgba(255, 255, 255, 1);
}

/*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: rgba(255, 255, 255, 1);
  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: rgba(244, 244, 244, 1); 
  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: rgba(255, 255, 255, 1);
}
.ws1 .title-pane-style-d .tool-pane{ padding-bottom: 4px; }
.ws1 .title-pane-style-d .workspace-main-pane{ top: 94px; }

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

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

.workspace-right-pane.absolute-show,
.workspace-right-pane .absolute-show {
  border-left: 2px solid rgba(224, 224, 224, 1);
}

/*add document button - right bottom corner*/
.ws1 .button.floating {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #77BA43;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
  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: rgba(74, 74, 74, 1);
  height: 2px;
}

.ws1 .button.floating:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 12px;
  width: 2px;
  background-color: rgba(74, 74, 74, 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 rgba(222, 224, 227, 1);
}

.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, rgba(255, 255, 255, 1));
}


/*left pane styles*/
.ws1 .workspace-left-pane {
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
}

.workspace-left-pane.absolute-show,
.workspace-left-pane .absolute-show {
  border-right: 2px solid rgba(224, 224, 224, 1);
}

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

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

.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: rgba(255, 255, 255, 1);
}

.workspace-pane .buttons-pane:before {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), transparent);
}

.ws1 .workspace-main-pane .title-pane-button {
  display: inline-block;
  color: rgba(111, 111, 111, 1);
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.workspace-main-pane .title-pane {
  font-size: 24px;
  margin-bottom: 20px;
  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: rgba(255, 255, 255, 1);
}

/*.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: rgba(255, 255, 255, 1);
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #404040;
  z-index: 2;
  margin-bottom: 20px;
}

.actions-pane .button .text {
  
}

.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: rgba(255, 255, 255, 1);
  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: #F9F9F9;
}

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

/*<--- actions-pane view-a --->*/
.ws1 .actions-pane.view-a {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 4px;
  box-shadow: 0px 1px 4px rgb(0, 0, 0, .15);
  border-radius: 4px;
  overflow: hidden;
  z-index: 3;
  margin: 0;
}

.ws1 .actions-pane.view-a.position-a {
  top: unset;
  right: 15px;
  bottom: 60px;
  z-index: 4;
}

.ws1 .actions-pane.view-a:before,
.ws1 .actions-pane.view-a:after {
  content: none;
}

.ws1 .actions-pane.view-a .button {
  padding: 0;
  width: 32px;
  height: 32px;
}

.ws1 .actions-pane.view-a .button:hover {
  background-color: unset;
}

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

.ws1 .actions-pane.view-a .button .text {
  display: none;
}

.ws1 .actions-pane.view-a .sep {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 20px;
  background-color: rgba(224, 224, 224, 1);
}

.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 {
  font-size: 18px;
}

.ws1 .workspace-pane .views-selector {
  position: relative;
  margin: 0 15px;
  height: 28px;
  font-weight: 500;
}

.ws1 .workspace-pane .views-selector:before {
  /*content: '';*/
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: rgba(222, 224, 227, 1);
}

.ws1 .workspace-pane .views-selector > .label {
  display: none;
}

.ws1 .workspace-pane .views-selector .selector-items {
  position: relative;
  overflow: hidden;
}

.ws1 .workspace-pane .views-selector .selector-items:before {
  /*content: '';*/
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: rgba(222, 224, 227, 1);
  z-index: -1;
}

.ws1 .workspace-pane .views-selector .selector-item {
  float: left;
  margin-right: 40px;
  padding-bottom: 5px;
  border-bottom: 2px 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: rgba(19, 114, 229, 1);
}

.ws1 .workspace-pane .views-selector .selector-item a {
  text-decoration: none;
  color: inherit;
  padding: 0 3px;
  font-size: 14px;
}

.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 rgba(222, 224, 227, 1);
  background: rgba(255, 255, 255, 1);
  height: 30px;
  box-sizing: border-box;
  text-decoration: none;
  color: rgba(62, 63, 66, 1);
  background-image: url("/_themes/default/content/media/icons/arrow_right.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/arrow_down.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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: rgba(178, 178, 178, 1);
}

.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: rgba(255, 255, 255, 1);
  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: rgba(255, 255, 255, 1);
  border: 1px solid rgba(222, 224, 227, 1);
  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: rgba(111, 111, 111, 1);
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.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: rgba(244, 244, 244, 1);
  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: rgba(244, 244, 244, 1);
}

.ws3 .workspace-main-pane {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
}

.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: rgba(255, 255, 255, 1);
  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, rgba(255, 255, 255, 1));
}

.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: rgba(244, 244, 244, 1);
  user-select: none;
  z-index: 1;
}

.ws1 .help-component .filters-pane {
  padding: 15px 15px 0 15px;
}

.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 rgba(222, 224, 227, 1);
}

.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: rgba(255, 255, 255, 1);
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #404040;
  z-index: 2;
}

.ws1 .actions-pane > .content {
  background-color: rgba(255, 255, 255, 1);
}

.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: rgba(255, 255, 255, 1);
  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: 108px;
  z-index: 3;
  margin: 0;
}

/*<--- ws5 fields --->*/
/*<--- field title --->*/

.ws1 .field.title .field-value .value-box {
  border: none;
  background-color: unset;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  padding: 0;
  color: #404040;
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/title_dropdown_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.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;
  left: 0;
  top: 0;
  bottom: 0;
}

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

.workspace-main-pane .filters-pane > .content {
}

.workspace-main-pane .grid.views-selector-style-a .views-selector {
  /*position: absolute;*/
  /*top: -94px;*/
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
}

.workspace-main-pane .grid.views-selector-style-a.custom-position-a .views-selector {
  top: -50px;
  right: 0;
  left: unset;
  transform: unset;
}

.workspace-right-pane {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}


.workspace-right-pane .absolute-show {
  border-left: 2px solid rgba(224, 224, 224, 1);
}

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

.workspace-left-pane.single-panel,
.workspace-main-pane.single-panel,
.workspace-right-pane.single-panel {
  padding: 15px 15px 0 15px;
  background-color: rgba(255, 255, 255, 1);
  box-sizing: border-box;
}

.workspace-pane {
  position: relative;
  margin: 0 !important;
  background-color: rgba(255, 255, 255, 1);
  box-sizing: border-box;
  overflow: auto;
  padding: 15px 15px 0 15px;
}

.workspace-pane > .head {
  font-size: 14px;
  line-height: 19px;
  color: rgba(62, 63, 66, 1);
  font-family: NotoSansDisplay, sans-serif;
  margin: 8px 12px;
  padding: 0;
}

.workspace-pane > .head .text,
.workspace-pane > .head .extra {
  display: inline-block;
  vertical-align: top;
}

.workspace-pane .file-actions-pane {
  position: absolute;
  right: 16px;
  bottom: 16px;
  box-shadow: 0px 1px 4px rgb(0, 0, 0, .15);
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 1);
  z-index: 1;
}

.workspace-pane .pane-tools {
  margin: 0px 12px 8px 12px;
}

.workspace-pane .pane-tools .singlechoice {
  margin: 0;
}

.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-pane.changed .field.title .field-value .value-box {
  color: #DB9712;
}

.workspace-pane.changed .button.preset-save .image {
  background-size: contain, 0, 0;
}

.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: rgba(178, 178, 178, 1);
  opacity: 0;
  transition: opacity .3s ease, background-color .3s ease ;
}

.vertical-slider:hover:before {
  opacity: 1;
}

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

.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: rgba(178, 178, 178, 1);
  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:  #000000;
  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 #77BA43;*/
  /*box-sizing: border-box;*/
}

/*right pin bar*/
.rightPane-pin-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  /*box-shadow: 0px 0px 5px #00000033;*/
  z-index: 10;
}

.ws1 .rightPane-pin-bar {
  top: 4px;
}

.rightPane-pin-bar .pin-bar-element {
  position: relative;
  writing-mode: vertical-rl;
  user-select: none;
  margin: 16px 0 16px 6px;
  border-right: unset;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 700;
  color: rgba(111, 111, 111, 1);
  font-size: 12px;
  font-family: NotoSansDisplay, sans-serif;
}

.rightPane-pin-bar .pin-bar-element.active {
  color: #9c9c9c;
}

.rightPane-pin-bar .pin-bar-element:before {
  content: '';
  position: absolute;
  left: -8px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: rgba(222, 224, 227, 1);
}

.rightPane-pin-bar .pin-bar-element:hover:before {
  background-color: #000000;
}

.rightPane-pin-bar .pin-bar-element:hover:before {
  background-color: #000000;
}

.rightPane-pin-bar.tab-mode .pin-bar-element:before {
  content: none;
}

.rightPane-pin-bar.tab-mode .pin-bar-element:hover {
  color: #9c9c9c;
}

.rightPane-pin-bar.tab-mode .pin-bar-element:hover:before {
  content: '';
  background-color: rgba(178, 178, 178, 1);
}

.rightPane-pin-bar.tab-mode .pin-bar-element.active:before {
  content: '';
  background-color: #000000;
}

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

/*left pin bar*/
.leftPane-pin-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  /*box-shadow: 0px 0px 5px #00000033;*/
  z-index: 10;
}

.ws1 .leftPane-pin-bar {
  top: 4px;
}

.leftPane-pin-bar .pin-bar-element {
  position: relative;
  writing-mode: vertical-rl;
  user-select: none;
  margin: 16px 0 16px 6px;
  border-right: unset;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  font-family: NotoSansDisplay, sans-serif;
  color: rgba(111, 111, 111, 1);
  rotate: 180deg
}

.leftPane-pin-bar .pin-bar-element:hover {
  color: #9c9c9c;
}

.leftPane-pin-bar .pin-bar-element.active {
  color: #9c9c9c;
}

.leftPane-pin-bar .pin-bar-element:before {
  content: '';
  position: absolute;
  left: -9px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: rgba(222, 224, 227, 1);
}

.leftPane-pin-bar .pin-bar-element:hover:before {
  background-color: rgba(178, 178, 178, 1);
}

.leftPane-pin-bar.tab-mode .pin-bar-element:before {
  content: none;
}

.leftPane-pin-bar .pin-bar-element:hover:before {
  content: '';
  background-color: rgba(178, 178, 178, 1);
}

.leftPane-pin-bar.tab-mode .pin-bar-element.active:before {
  content: '';
  background-color: #000000;
}

.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: rgba(255, 255, 255, 1);
  border-left: 1px solid rgba(222, 224, 227, 1);
  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: rgba(222, 224, 227, 1);
}

.right-pin-bar .pin-bar-element:hover:before {
  background-color: #000000;
}

/*left pin bar*/
.left-pin-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  border-left: 1px solid rgba(222, 224, 227, 1);
  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: rgba(222, 224, 227, 1);
}

.left-pin-bar .pin-bar-element:hover:before {
  background-color: #000000;
}

.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: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/unpin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/unpin.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/pin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/pin.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
  background-size: contain, 0 0, 0 0, 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 2;
}

.pin:hover {
  background-size: 0 0,contain, 0 0;
}

.pinned .pin {
  background-size: 0 0, 0 0, contain, 0 0;
}

.pinned .pin:hover {
  background-size: 0 0, 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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/maximize_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/minimize.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/minimize_filled.svg?stamp=250403&t=0&icon_color=%23000000");
  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: 2px;
}

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

.workspace-paddings {
}

.workspace-loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 46px;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
  z-index: 10;
}














.sitebar {
  position: relative;
  width: 100%;
  height: 44px;
  background-color: #000000;
  z-index: 2;
  font-size: 16px;
  box-sizing: border-box;
  color: #EEEEEE;
  margin: 0;
  border-bottom: 2px solid rgba(224, 224, 224, 1);
  font-family: NotoSansDisplay, sans-serif;
}

.sitebar .html {
  margin: 10px;
}

.sitebar .field-value {
  color: inherit;
}

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

.sitebar .title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: 700;
  color: #EEEEEE;
}

.sitebar .left-part {
  position: relative;
  float: left;
}

.sitebar .left-part .company-name {
  margin-left: 15px;
  margin-top: 4px;
  font-size: 18px;
  display: none;
}

.sitebar .left-part .company-logo {
  float: left;
  width: 116px;
  height: 30px;
  background-image: url("/_themes/default/content/media/logo.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
  background-size: contain;
  background-position: left center; 
  background-repeat: no-repeat;
  margin-top: 6px;
  margin-left: 7px;
  margin-right: 15px;
}

.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 .left-part .menu,
.sitebar .left-part .breadcrumbs {
  display: inline-block;
  vertical-align: top;
}

.sitebar .left-part .menu {
  margin-right: 45px;
}

.sitebar .menu .button.active .image {
  background-size: 0 0, 0 0, contain;
}

.sitebar .search {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6px;
  width: 300px;
}

.sitebar .field.search .value-box {
  background-color: rgba(255, 255, 255, .4);
}

.sitebar .field.search input {
  background-image:  url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.sitebar .field.search input::placeholder {
  color: #EEEEEE;
}

.sitebar .right-part {
  float: right;
  margin-top: 11px;
  margin-right: 15px;
}

.sitebar .right-part .widget {
  float: left;
  margin-right: 5px;
}

.sitebar .button > .text {
  position: absolute;
  top: -2px;
  right: -3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(214, 54, 62, 1);
  text-align: center;
  line-height: 12px;
  border: .5px solid #EEEEEE;
  box-sizing: border-box;
  font-size: 10px;
  font-weight: 300;
  color: #EEEEEE;
  display: none;
}

.sitebar .button.has-unread > .text {
  display: unset;
}

.sitebar .right-part .icon {
  _margin-right: 5px;
}

.sitebar .notifications,
.sitebar .notifications .html {
  display: inline;
  margin: 0;
}

.sitebar .notifications-bar .image {
  background-image: url("/_themes/default/content/media/icons/sitebar/notification.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/sitebar/notification.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
  background-size: contain, 0 0;
  background-position: center; 
}

.sitebar .notifications-bar .text {
  position: absolute;
  top: -2px;
  right: -3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(214, 54, 62, 1);
  text-align: center;
  line-height: 12px;
  border: .5px solid #EEEEEE;
  box-sizing: border-box;
  font-size: 10px;
  font-weight: 300;
  color: #EEEEEE;
  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=250403&t=0&icon_color=%23EEEEEE"),
                                         url("/_themes/default/content/media/icons/menu_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
                                         }
.sitebar .image-search { background-image: url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                                           url("/_themes/default/content/media/icons/search_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE");}
.sitebar .image-tasks { background-image: url("/_themes/default/content/media/icons/tasks.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                          url("/_themes/default/content/media/icons/tasks_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");}
.sitebar .image-messages { background-image: url("/_themes/default/content/media/icons/message.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                             url("/_themes/default/content/media/icons/message_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");}
.sitebar .image-notifications { background-image: url("/_themes/default/content/media/icons/notification.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                                                  url("/_themes/default/content/media/icons/notification_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE");}
.sitebar .image-circled-arrow-right { background-image: url("/_themes/default/content/media/icons/circled_arrow_right_hover.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");}
.sitebar .arrow { background-image: url("/_themes/default/content/media/icons/breadcrumbs_arrow.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");}
.sitebar .image-theme { background-image: url("/_themes/default/content/media/icons/theme.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                                          url("/_themes/default/content/media/icons/theme_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE")}
                                          
.sitebar .image-settings { background-image: url("/_themes/default/content/media/icons/settings.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                                    url("/_themes/default/content/media/icons/settings_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE")}
.sitebar .image-chat-pane {
  background-image: url("/_themes/default/content/media/icons/message.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/message_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE")
}

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

/*<--- breadcrumbs --->*/
/*additional class "panel" to avoid conflict between breadcrumbs and help breadcrumbs*/
.breadcrumbs.panel {
  position: absolute;
  left: 54px;
  top: 46px;
  right: 0;
  height: 75px;
  background-color: #ffffff;
}

.navigation-accordion .breadcrumbs.panel {
  height: 45px;
}

.navigation-expanded .breadcrumbs.panel {
  left: 254px;
}

.breadcrumbs.panel .value-box {
  display: block;
  margin: 10px 10px 10px 17px;
}

.breadcrumbs.panel a,
.breadcrumbs.panel .item {
  color: rgba(111, 111, 111, 1);
  text-decoration: unset;
  font-size: 16px;
  border-bottom: 1px solid rgba(111, 111, 111, 1);
}

.breadcrumbs.panel .item.last {
  font-size: 18px;
  font-weight: 700;
  border: none;
  color: rgba(62, 63, 66, 1);
}

.breadcrumbs.panel span.item {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

.breadcrumbs.panel .item .label {
  font-weight: 500;
  margin-right: 3px;
}

.breadcrumbs.panel .item .label:after {
  content: ':';
}

.breadcrumbs.panel .sep {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/breadcrumbs_arrows.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
}

/*<--- navigation --->*/
.navigation {
  position: absolute;
  left: 0;
  top: 46px;
  width: 52px;
  bottom: 0;
  background-color: #ffffff;
  padding: 4px;
  box-sizing: border-box;
  margin: 0;
}

.navigation.expanded {
  width: 252px;
  overflow-y: auto;
}

.navigation .html > .nav > .item {
  width: 100%;
  min-height: 35px;
  margin-bottom: 4px;
  border-radius: 4px;
  background-size: 20px, 0, 0, 0;
  background-repeat: no-repeat;
  background-position: 12px 5px;
  cursor: pointer;
}

.navigation.expanded .html > .nav > .item {
  cursor: default;
}

.navigation .html > .nav > .item:hover {
  background-size: 0, 0, 20px, 0;
}

.navigation .html > .nav > .item.shown {
  background-size: 0, 0, 0, 20px;
}

.navigation .html > .nav > .item.active {
  background-size: 0, 20px, 0, 0;
}

.navigation .html > .nav > .item > a {
  display: block;
  min-height: 35px;
  box-sizing: border-box;
  font-size: 13px;
  color: #404040;
  cursor: pointer;
  padding: 5px 0 5px 44px;
}

.navigation .html > .nav > .item > a .text {
  display: none;
}

.navigation.expanded .html > .nav > .item > a .text {
  display: inline-block;
}

.navigation .item .nav .item > a .text {
  display: inline-block;
}

.navigation .item > .nav {
  display: none;
  cursor: default;
  font-weight: 700;
  margin-left: 15px;
}

.navigation .item.level1 > .nav {
  margin-left: 45px;
}

.navigation .item.level1 > .side-popup > .item {
  margin-left: 30px;
}

.navigation .nav-header {
  display: none;
}

.navigation .side-popup .nav-header {
  display: flex;
  padding: 10px 0 10px 30px;
  align-items: center;
  font-weight: 300;
  font-size: 13px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 4px center;
}

.navigation .item > .nav.side-popup {
  display: block;
  position: absolute;
  left: 54px;
  top: 0;
  bottom: 0;
  width: 200px;
  background-color: #ffffff;
  z-index: 2;
  margin: 0;
  border-right: 2px solid lightgray;
  padding: 0 5px 30px 5px;
  box-sizing: border-box;
  overflow-y: auto; 
}

.navigation .item > .nav a {
  display: block;
  color: rgba(111, 111, 111, 1);
  text-decoration: none;
  font-weight: 300;
}

.navigation.expanded .item.shown > .nav,
.navigation .side-popup .item.shown > .nav {
  display: block;
}

.navigation .item.active > .nav > .item,
.navigation .item.shown > .nav > .item {
  position: relative;
  padding-bottom: 5px;
  cursor: pointer;
}

.navigation .item.active > .nav > .item:last-child,
.navigation .item.shown > .nav > .item:last-child {
  padding: 0;
}

.navigation .item.level1.active .item.active > a {
  color: rgba(62, 63, 66, 1);
  font-weight: 700;
}

/*.navigation .item.shown > a {*/
/*  color: rgba(111, 111, 111, 1);*/
/*  font-weight: 700;*/
/*}*/

.navigation .item.level1.shown > a {
  color: #404040;
  font-weight: 300;
}

.navigation.helpdesk-theme .item > .nav a {
  font-weight: 400;
  color: #404040;
  /*font-size: 16px;*/
}

.navigation .item > .nav a .remarks {
  position: relative;
  margin: 0 10px;
  color: rgba(62, 63, 66, 1);
}

.navigation .item > .nav a .remarks:before {
  content: '(';
  position: absolute;
  left: -5px;
}

.navigation .item > .nav a .remarks:after {
  content: ')';
  position: absolute;
  right: -5px;
}

.navigation:not(.accordion) .item > .nav {
  display: none;
  position: absolute;
  top: 50px;
  left: 70px;
  width: 1500px;
  overflow: hidden;
  cursor: default;
  font-weight: 700;
  z-index: 2;
  margin: 0;
}

.navigation:not(.accordion) .item > .nav a {
  color: rgba(111, 111, 111, 1);
  text-decoration: none;
}

.navigation:not(.accordion) .item.active > .nav {
  display: block;
}

.navigation:not(.accordion) .item.active > .nav > .item {
  position: relative;
  float: left;
  margin: 0 20px;
  padding-bottom: 5px;
}

.navigation:not(.accordion) .item.active > .nav > .item:first-child {
  margin-left: 0;
}

.navigation:not(.accordion) .item.active > .nav > .item:hover {
  border-bottom: 2px solid rgba(222, 224, 227, 1);
}

.navigation:not(.accordion) .item.active > .nav > .item.active {
  border-bottom: 2px solid #000000;
}

.navigation:not(.accordion) .item.active > .nav > .item.active a {
  color: rgba(62, 63, 66, 1);
}

.navigation .navigation-pin {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  cursor: pointer;
  z-index: 4;
  background-size: 22px, 0, 0, 0;
  background-position: center;
  background-image: url("/_themes/default/content/media/icons/unpin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/unpin.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/pin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/pin.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .navigation-pin:hover {
  background-size: 0, 22px, 0, 0;
}

.navigation.expanded .navigation-pin {
  background-size: 0, 0, 22px, 0;
}

.navigation.expanded .navigation-pin:hover {
  background-size: 0, 0, 0, 22px;
}

.navigation .item.page-addressbook,
.navigation .item.page-addressbook .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/adress_book.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/adress_book.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/adress_book.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/adress_book.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-infrastructure2,
.navigation .item.page-infrastructure2 .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/infrastructure.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/infrastructure.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/infrastructure.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/infrastructure.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-billing,
.navigation .item.page-billing .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/finance.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/finance.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/finance.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/finance.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-licences,
.navigation .item.page-licences .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/licenses.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/licenses.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/licenses.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/licenses.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-system,
.navigation .item.page-system .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/system.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/system.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/system.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/system.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-updates,
.navigation .item.page-updates .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/updates.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/updates.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/updates.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/updates.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-orders,
.navigation .item.page-orders .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/finance.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/finance.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/finance.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/finance.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-ide,
.navigation .item.page-ide .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/ide.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/ide.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/ide.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/ide.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-help,
.navigation .item.page-help .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/ide.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/ide.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/ide.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/ide.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-goods,
.navigation .item.page-goods .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/goods.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/goods.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/goods.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/goods.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-labelprint,
.navigation .item.page-labelprint .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/labelprint.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/labelprint.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/labelprint.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/labelprint.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-dataexchange,
.navigation .item.page-dataexchange .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/dataexchange.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/dataexchange.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/dataexchange.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/dataexchange.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-licenses,
.navigation .item.page-licenses .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/license.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/license.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/license.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/license.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-overview,
.navigation .item.page-overview .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/overview.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/overview.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/overview.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/overview.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-tv,
.navigation .item.page-tv .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/tv.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/tv.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/tv.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/tv.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-tools,
.navigation .item.page-tools .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/tools.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/tools.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/tools.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/tools.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-messaging,
.navigation .item.page-messaging .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/web_planet.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/web_planet.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/web_planet.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/web_planet.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}

.navigation .item.page-forum,
.navigation .item.page-forum .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/messaging_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/messaging_filled.svg?stamp=250403&t=0&icon_color=%23000000"),
                    url("/_themes/default/content/media/icons/sitebar/messaging_filled.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/messaging_filled.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)");
}



.breadcrumbs-menu.tooltip {
  border-radius: 0px;
  border: 1px solid rgba(222, 224, 227, 1);
}

.breadcrumbs-menu .item {
  border-bottom: 1px solid rgba(222, 224, 227, 1);
}

.breadcrumbs-menu .item:last-child {
  border: none;
}

.breadcrumbs-menu .item:hover {
  background-color: rgba(43, 43, 43, 0.06);
}

.breadcrumbs-menu .item a {
  text-decoration: unset;
  padding: 10px 5px;
  display: block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #404040;
}




























.button { 
  cursor: pointer; 
  text-decoration: unset;
  color: inherit;
}
.button .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;
}
.button:hover .image {
  background-size: 0 0, contain, 0 0;
}

.button.disabled .image,
.button.disabled .text {
  opacity: .2;
}

.button.disabled:hover .image {
  background-size: contain, 0 0, 0 0;
}

.button.active .image {
  background-size: 0, contain, 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: #000000;
  color: #EEEEEE !important;
  font-weight: 700;
  padding: 6px 25px;
  border-radius: 3px;
  transition: background-color .3s ease;
  text-decoration: none;
  min-width: 100px;
  text-align: center;
  box-sizing: border-box;
}

/*.button-b:hover {*/
/*  background-color: rgba(43, 43, 43, 0.06);*/
/*}*/

.button-b.image {
  display: none;
}

.button-b.success {
  background-color: #77BA43;
}

.button-b.style-a {
  background-color: #000000;
  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=250403&t=0&icon_color=%23EEEEEE"),
                     url("/_themes/default/content/media/icons/add_participants_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE")
}

.button-b.style-a .image-plus {
   background-image: url("/_themes/default/content/media/icons/round_plus.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                     url("/_themes/default/content/media/icons/round_plus.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.button-b.secondary {
  transition: background-color .3s ease;
  background-color: transparent;
  border: 1px solid rgba(222, 224, 227, 1);
  color: rgba(62, 63, 66, 1);
}

.button-b.secondary:hover {
  background-color: #F9F9F9;
}

.button-b.disabled {
  background-color: #F3F3F3;
  color: rgba(178, 178, 178, 1) ;
  cursor: default;
}

.button-c {
  padding: 5px 10px;
  margin-right: 10px;
}

.button-d {
  
}

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

.buttons-pane-a {
  position: absolute;
  right: 25px;
  top: 25px;
  width: auto;
  height: auto;
}

.buttons-pane-a .button {
  margin-left: 15px;
}

.buttons-pane-a .field, .buttons-pane-a .static-field {
  margin-left: 15px;
  float: left;
}


.paging-bar {
  overflow: hidden; 
  margin: 4px 0; 
}

.paging-bar .recordscount {
  float: left; 
  color: rgba(111, 111, 111, 1); 
  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: rgba(111, 111, 111, 1);
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/arrow_left_circled_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
  background-size: 16px 16px;
}

.paging-bar .goto {
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  text-align: center; 
  cursor: pointer;
  min-width: 1em; 
}

.paging-bar .goto:hover {
  color: #1283ff; 
}

.paging-bar .goto span {
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  background-image: url("/_themes/default/content/media/icons/goto.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/goto_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: 16px 16px, 0 0;
  background-repeat: no-repeat;
  background-position: center;
}

.paging-bar .goto:hover span {
  background-size: 0 0, 16px 16px;
}

.paging-bar .goto.disabled {
  cursor: default;
}

.paging-bar .goto.disabled span {
  background-image: url("/_themes/default/content/media/icons/goto_filled.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
  background-size: 16px 16px;
}

.paging-bar .paging-page {
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  cursor: pointer;
  min-width: 1em;
}

.paging-bar .paging-page.active {
  color: rgba(178, 178, 178, 1) ; 
}

.paging-bar .paging-page.active span {
  text-decoration: none;
}

.paging-bar .paging-page span {
  display: inline-block; 
  min-width: 20px; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
  text-decoration: underline;
}

.paging-bar .paging-spacer {
  /*display: inline-block; */
  display: none;
  vertical-align: middle;  
  width: 20px; 
  height: 20px; 
  padding: 0; 
  background: transparent; 
  cursor: pointer; 
  min-width: 1em; 
  border-style: none none none solid; 
  border-color: #ddd; 
  border-width: 1px; 
}

.paging-bar .paging-spacer span {
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  text-align: center; 
}





.signin-formnew {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  /*min-height: 550px;*/
}

/*.signin-formnew:before{
  content: "";
  position: absolute;
  left: -50%;
  top: -28%;
  height: 160%;
  width: 150%;
  background-image: url("/_themes/default/content/media/omnitep_logo.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}*/

.signin-formnew:after {
  content: '';
  position: absolute;
  background-image: url("/_themes/default/content/media/signin_ide_image.svg?stamp=250403&t=0&icon_color=%23000000");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 80%;
  width: 50%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

.signin-formnew .field.password .field-value .value-box:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/_themes/default/content/media/icons/lock_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

.signin-formnew .field .field-value .value-box input {
  background-color: rgba(255, 255, 255, 1);
  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=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)");
  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: rgba(111, 111, 111, 1);
  font-weight: 300;
  font-size: inherit;
}

.signin-logo-pane .signin-subtitle {
  position: relative;
  text-align: left;
  color: #77BA43;
  font-size: inherit;
}

.signin-logo-pane .signin-subtitle:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #77BA43;
}

.signin-logo-pane .signin-subtitle2 {
  position: absolute;
  text-align: right;
  color: #77BA43;
  font-size: inherit;
  right: 0;
  margin-top: -22px;
}

.signin-panenew {
  position: absolute;
  top: 50%;
  width: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 1;
}

.signin-panenew > .content {
  overflow: unset;
}

.signin-panenew .field {
  text-align: left;
  margin-bottom: 15px;
}

.signin-panenew .field.captcha .value-box { 
  display: flex; 
  border: none;
}

.signin-panenew .field.captcha .value-box input {
  border-radius: 4px;
  border: 1px solid rgba(222, 224, 227, 1);
  margin-left: 10px;
  padding-left: 10px;
}

.signin-panenew .field.captcha .value-box input:hover { border-color: rgba(178, 178, 178, 1); }
/*.signin-panenew .field.required .field-value .value-box:before { left: 75px; }*/

.signin-panenew .button {
  text-align: center;
  margin-top: 40px;
  padding: 6.5px 62px;
}

.signin-panenew .button .image {
  background-image: url("/_themes/default/content/media/icons/login_enter.svg?stamp=250403&t=0&icon_color=rgba(255%2c+255%2c+255%2c+1)+"),
                    url("/_themes/default/content/media/icons/login_enter.svg?stamp=250403&t=0&icon_color=rgba(255%2c+255%2c+255%2c+1)+");
  margin-right: 4px;
}

.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=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)");
  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 {
  text-align: left;
  margin-left: 200px;
}

.signin-panenew .login-pane .signin-logo {
  margin-bottom: 10px;
}

.signin-panenew .login-pane .signin-title {
  position: relative;
  font-weight: 700;
  font-size: 58px;
  line-height: 79px;
  color: rgba(62, 63, 66, 1);
  display: inline-block;
  text-align: left;
}

.signin-panenew .login-pane .signin-quote {
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 40px;
  color: rgba(141, 141, 141, 1);
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .signin-panenew .login-pane {
    margin-left: 120px;
  }
  .signin-panenew .login-pane .signin-title {
    font-size: 48px;
    line-height: 57px;
  }
  .signin-panenew .login-pane .signin-quote {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

/*@media (max-width: 1280px) {*/
/*  .signin-panenew .login-pane {*/
/*    margin-left: 150px;*/
/*  }*/
/*  .signin-panenew .field {*/
/*    width: 300px;*/
/*  }*/
/*  .signin-panenew .login-pane .signin-title {*/
/*    font-size: 38px;*/
/*    line-height: 45px;*/
/*  }*/
/*  .signin-panenew .login-pane .signin-quote {*/
/*    font-size: 20px;*/
/*    line-height: 25px;*/
/*    margin-bottom: 20px;*/
/*  }*/
/*  .signin-panenew .button {*/
/*    margin-top: 20px;*/
/*  }*/
/*}*/

@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-content {
  position: relative;
  overflow: auto;
}

.tabs.navigation-tabs .tabs-content {
  top: 0;
}

.tabs-content .tab > .actions-pane {
  border-bottom: 1px solid rgba(224, 224, 224, 1);
  box-sizing: border-box;
}

.tabs-content .tab > .actions-pane .button {
  display: inline-block;
  vertical-align: top;
}

.tabs-content .tab > .actions-pane .button span {
  display: inline-block;
  vertical-align: middle;
}

.tabs-content .tab > .actions-pane .button .image {
  margin-right: 5px;
}

.tabs-content .tab > .actions-pane .button .text {
  color: #404040;
}

.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 rgba(222, 224, 227, 1);
  height: auto;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 1);
  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: rgba(255, 255, 255, 1);
  border-radius: 2px;
  padding: 6px 20px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: unset;
}

.tabs-a > .tabs-head .tab span:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -1px;
  width: 1px;
  background: rgba(222, 224, 227, 1);
  z-index: 1;
}

.tabs-a > .tabs-head .tab.active span:after {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: -1px;
  width: 1px;
  background: rgba(222, 224, 227, 1);
  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: rgba(43, 43, 43, 0.06);
}

.tabs-a > .tabs-head .tab.active span {
  color: #EEEEEE;
  background-color: #000000;
  z-index: 2;
}

.tabs-a > .tabs-head .tab.disabled.active span {
  background-color: unset;
}

.tabs-a > .tabs-head .tab.disabled {
  cursor: default;
}

.tabs-a > .tabs-head .tab.disabled span {
  color: rgba(178, 178, 178, 1) ;
}

.tabs-a > .tabs-head .tab.disabled:hover span {
  background-color: unset;
}

.tabs-a .tabs-content {
  margin-top: 0;
}

.tabs-a .tabs-content .tab.no-items {
  position: absolute;
  left: 15px;
  top: 60px;
  right: 15px;
  bottom: 15px;
  background-image: url("/_themes/default/content/media/no_items_image.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
  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: rgba(255, 255, 255, 1);
  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: rgba(255, 255, 255, 1);
}

.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: rgba(255, 255, 255, 1);
}

.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: rgba(255, 255, 255, 1);
}

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






.popup {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33);
  z-index: 20;
  border: 1px solid rgba(222, 224, 227, 1);
  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: #F9F9F9;
}

.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: 15px;
  height: 15px;
  background-image: url("/_themes/default/content/media/icons/close.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/close_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: contain, 0 0;
  background-repeat: no-repeat;
  z-index: 1;
}

.popup .cmd-close:hover,
.context-message .cmd-close:hover {
  background-size: 0 0, contain;
}
.popup .cmd-close:hover span{ background-color: transparent; }

.popup .field {
  margin-bottom: 15px;
}

.popup .field .field-label {
  text-transform: uppercase;
}

.popup .popup-head {
  text-align: left;
  font-size: 18px;
  font-weight: 300;
  color: #404040;
  margin-bottom: 20px;
  padding: 10px 15px 0 15px;
  text-transform: uppercase;
  background-image: none;
  background-color: transparent;
  user-select: none;
}

.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: #000000;
  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;
  font-weight: 700;
}

.popup .popup-buttons .button.secondary {
  color: rgba(62, 63, 66, 1);
  background-color: transparent;
  border: 1px solid rgba(222, 224, 227, 1);
}

.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-side {*/
/*  float: left;*/
/*}*/

.popup .popup-buttons .button:hover {
  /*background-color: #1A4465;*/
}

.popup .popup-buttons .button.disabled {
  color: #404040;
  background: #F3F3F3;
  cursor: default;
}

.popup .popup-buttons .button.button-secondary {
  background-color: transparent;
  border: 1px solid rgba(222, 224, 227, 1);
  transition: background-color .3s ease;
}

.popup .popup-buttons .button.button-secondary:hover {
  background-color: #F9F9F9;
}

.popup .popup-buttons .button.button-disabled {
  background-color: #F3F3F3;
  color: rgba(178, 178, 178, 1) ;
  cursor: default;
}

.popup .popup-buttons .button.button-reject {
  background: rgba(214, 54, 62, 1);
  color: #404040;
  text-decoration: unset;
}

.popup .popup-buttons .button.button-confirm,
.popup .popup-buttons .button.confirm {
  background: #77BA43;
  color: #EEEEEE;
  text-decoration: unset;
}

.popup .popup-buttons .button.left-position {
  /*float: left;*/
  margin-left: 0;
}

.main-menu-popup {
  overflow: hidden;
  padding: 0;
  background-color: #212427;
}

.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=250403&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 .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=250403&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: rgba(111, 111, 111, 1);
}

.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: rgba(255, 255, 255, 1);
  color: rgba(62, 63, 66, 1);
  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%);
  background-image: url("/media/switchapp/360.svg?stamp=210122&icon_color=%23F0F5FA");
  width: 620px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}
.main-menu-popup .menu-links .top-logo:before{ 
  content: "Inspection Manager"; 
  display:block; 
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 28px;
  color: #EEEEEE;
  height: 50px;
  padding-top: 200px;
}
.main-menu-popup .menu-links .top-logo:after{ 
  content: "Supplier Edition"; 
  text-transform:uppercase; 
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 13px;
  color: #77BA43;
  padding: 0 10px;
  border-left: 119px solid #77BA43;
  border-right: 119px solid #77BA43;
}

.main-menu-popup .menu-links .top-logo2 {
  position: absolute;
  left: 50%;
  bottom: 140px;
  transform: translateX(-50%);
  /*background-image: url("/media/switchapp/360.svg?stamp=210122&icon_color=%23F0F5FA");*/
  width: 620px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}
.main-menu-popup .menu-links .top-logo2:before{ 
  content: "Administrative Console"; 
  display:block; 
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 28px;
  color: #EEEEEE;
  height: 50px;
}
.main-menu-popup .menu-links .top-logo2:after{ 
  content: "Supplier Portal - Private Cloud"; 
  text-transform:uppercase; 
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 13px;
  color: #77BA43;
  padding: 0 10px;
  border-left: 82px solid #77BA43;
  border-right: 82px solid #77BA43;
}

.main-menu-popup .powered-by-logo {
  position: absolute;
  right: 40px;
  bottom: 40px;
  background-image: url("/_themes/default/content/media/switchapp/Powered%20by%20HIGHQA.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)");
  width: 173px;
  height: 68px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu-popup .link-block {
  display: inline-block;
  vertical-align: top;
  margin: 0 30px;
  cursor: pointer;
  padding: 15px 20px 0px 10px;
}

.main-menu-popup .link-block:hover{
  background-color: #355471;
}

.main-menu-popup .link-block:hover .image {
  background-size: 0 0, contain;
}

.main-menu-popup .link-block .image {
  width: 40px;
  height: 40px;
}

.main-menu-popup .link-block .icon-part {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.main-menu-popup .link-block .link-part {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.main-menu-popup .link-block .link-part .link-title {
  font-size: 28px;
  min-height: 25px;
  line-height: 30px;
  margin-bottom: 5px;
}

.main-menu-popup .link-block .link-part .link-title .value-box {
  font-size: inherit;
  background-color: unset;
  padding: 0;
  display: unset;
}

/*<-- --->*/
.main-menu-popup .main-menu:before {
  content: none;
}

/*<--- logo --->*/
.main-menu-popup .menu-logo {
  text-align: center;
  margin-top: 40px;
}

.main-menu-popup .menu-logo .value-box {
  display: inline-block;
  width: 60px;
  height: 45px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/360_logo.svg?stamp=250403&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: #77BA43;
}

.main-menu-popup .menu-title .value-box {
  position: relative;
}

.main-menu-popup .menu-title .value-box:before {
  content: '';
  position: absolute;
  left: -42px;
  top: 0;
  width: 32px;
  height: 32px;
  background-size: contain, 0 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/menu/psp_filled.svg?stamp=250403&t=0&icon_color=%2377BA43");
}

.main-menu-popup .menu-title .icon {
  display: inline-block;
  vertical-align: top;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  background-size: contain, 0 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/psp_filled.svg?stamp=250403&t=0&icon_color=%2377BA43");
}

/*<--- navigation --->*/
.main-menu-popup .navigation {
  color: inherit;
  overflow: auto;
  margin-top: 40px;
  width: 700px;
}

.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 .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=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}

.main-menu-popup .navigation .html > .nav > .item.page-softwarerequirements:before {
  background-image: url("/_themes/default/content/media/icons/menu/requirement_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}

.main-menu-popup .navigation .html > .nav > .item.page-softwaretesting:before {
  background-image: url("/_themes/default/content/media/icons/menu/testin_acceptance_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}

.main-menu-popup .navigation .html > .nav > .item.page-testrobot:before {
  background-image: url("/_themes/default/content/media/icons/menu/robot_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}

.main-menu-popup .navigation .html > .nav > .item.page-help:before {
  background-image: url("/_themes/default/content/media/icons/menu/help_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}

.main-menu-popup .navigation .html > .nav > .item.page-system:before {
  background-image: url("/_themes/default/content/media/icons/menu/system_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}

.main-menu-popup .navigation .html > .nav > .item.page-licenses:before {
  background-image: url("/_themes/default/content/media/icons/menu/licenses_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}

.main-menu-popup .navigation .html > .nav > .item.page-projectmanagement:before {
  background-image: url("/_themes/default/content/media/icons/menu/projects_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}

.main-menu-popup .navigation .html > .nav > .item.page-workflow:before {
  background-image: url("/_themes/default/content/media/icons/menu/documents_filled.svg?stamp=250403&t=0&icon_color=rgba(62%2c+63%2c+66%2c+1)")
}


.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 {
  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: rgba(111, 111, 111, 1);
}

.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: rgba(141, 141, 141, 1);
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item.active a {
  color: #000000;
}

.main-menu-popup .navigation .html > .nav > .item > .nav .item.active a:before  {
  background-color: #000000;
}

.themes-popup .theme-selector .repeatable-group {
  display: flex;
  justify-content: space-around;
}

.themes-popup .popup-content {
  padding: 0;
}

.themes-popup .theme-selector {
  margin-left: 40px;
  margin-top: 20px;
}

.themes-popup .theme-selector .theme {
  padding: 15px;
  margin-right: 40px;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
  width: 200px;
}

/*Light theme*/
.themes-popup .theme-selector .theme.qmsviewer {
  background-color: #ffffff;
}

.themes-popup .theme-selector .theme.qmsviewer .text {
  color: #404040;
}

.themes-popup .theme-selector .theme.qmsviewer .colors .color {
  background-color: #13334C !important;
  color: #ffffff;
}

.themes-popup .theme-selector .theme.qmsviewer .color:before {
  background-image: url("/_themes/default/content/media/icons/fill_color.svg?stamp=250403&t=0&icon_color=%23FFFFFF");
}

/*Dark theme*/
.themes-popup .theme-selector .theme.qmsviewerdark {
  background-color: #33373C;  
}

.themes-popup .theme-selector .theme.qmsviewerdark .text {
  color: #EEEEEE;
}

.themes-popup .theme-selector .theme.qmsviewerdark .colors .color {
  background-color: #229EEF !important;
  color: #ffffff;
}

.themes-popup .theme-selector .theme.qmsviewerdark .color:before {
  background-image: url("/_themes/default/content/media/icons/fill_color.svg?stamp=250403&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: 27; 
  overflow: hidden;
  box-sizing: border-box;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px #00000033;
  border: 1px solid rgba(222, 224, 227, 1);
  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: rgba(62, 63, 66, 1);
  font-size: 12px;
}

.lookup-tab .items .item:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 10px;
  left: 10px;
  height: 1px;
  background-color: rgba(222, 224, 227, 1);
}

.lookup-tab .items .item:last-child:before {
  content: none;
}

.lookup-tab .items .item:hover { 
  background: rgba(43, 43, 43, 0.06); 
}

.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: 100; 
  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 rgba(224, 224, 224, 1);
  border-radius: 4px;
}

.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 20px 4px 4px;
  cursor: pointer;
  font-size: 12px;
  border-bottom: 1px solid rgba(222, 224, 227, 1);
}

.menu-tab .items .item:last-child {
  border-bottom: none;
}

.menu-tab .items .item .details {
  overflow: hidden;
  cursor: pointer;
}

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

.menu-tab .items .item .sub {
  position: absolute;
  right: 1px;
  background-image: url("/_themes/default/content/media/icons/menu_popup_arrow_right.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  width: 20px;
  height: 20px;
}

.menu-tab .items .item .image-col .image {
  background-size: contain, 0 0;
}

.menu-tab .items .item .image-col .image-logout {
  background-image: url("/_themes/default/content/media/icons/logout.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                    url("/_themes/default/content/media/icons/logout_filled.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)")
}

.menu-tab .items .item:hover .image-col .image {
  background-size: 0 0, contain;
}

.menu-tab .items .item:hover { 
  background: rgba(43, 43, 43, 0.06); 
}

.menu-tab .items .item.disabled { color: #aaa; cursor: default; background-color: rgba(233, 233, 233, 1); }
.menu-tab .items .item.disabled .name { cursor: default; }
.menu-tab .items .item.disabled .image-col { cursor: default; background-color: rgba(255, 255, 255, 1); }
.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 rgba(222, 224, 227, 1); 
}
.menu-tab.menu-popup .sep {
  border-width: 2px;
  margin: 0;
  height: 0;
}
.lookup-popup .menu-tab .items .item .image-col { background: transparent; border: none; }
.lookup-popup .menu-tab .items .item .name { padding-left: 25px; }

/*<--- context message --->*/
.context-message {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;
  padding: 20px;
  border: 1px solid rgba(222, 224, 227, 1);
  background-color: rgba(255, 255, 255, 1);
  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: rgba(249, 249, 249, 1);
  border: 1px solid rgba(224, 224, 224, 1);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  min-height: 44px;
  min-width: 100px;
  border-radius: 4px;
}

.edit-tab .items:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    width: 1px;
    background-color: rgba(224, 224, 224, 1);
}

.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;
  z-index: 99;
  top: 6px; 
  width: 16px; 
  height: 16px; 
  cursor: pointer;
  background-image: url("/_themes/default/content/media/icons/approve_green.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); 
}

.edit-tab .cmd-cancel { 
  position: absolute;
  z-index: 99;
  top: 30px;
  width: 16px; 
  height: 16px; 
  cursor: pointer;
  background-image: url("/_themes/default/content/media/icons/reject_red.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); 
}

.edit-tab .cmd-0 { 
  right: 7px;
}
.edit-tab .cmd-1 { 
  right: 7px;
}

.edit-tab.viewlookup .lookup { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100px; vertical-align: top; font-size: 12px; line-height: 14px; padding: 7px 5px 5px; margin: 5px; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: none; background: #FFFFFF; resize: none; font-family: 'Noto Sans JP', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }
.edit-tab.viewlookup .value-item { display: inline-block; white-space: nowrap; padding: 2px 5px; margin: 5px; background: #EDF5FF; 
                                                             -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.edit-tab.viewlookup .value-item .text { display: inline-block; vertical-align: middle; max-width: 150px; overflow: hidden; padding: 0; white-space: nowrap; text-overflow: ellipsis; }
.edit-tab.viewlookup .value-item .cmd-delete { display: inline-block; vertical-align: middle; width: 11px; height: 16px; margin-left: 3px; color: #aaa;  cursor: pointer; }
.edit-tab.viewlookup .value-item .cmd-delete:hover { color: #000; }
.edit-tab.viewlookup .value-item .cmd-delete .icon { display: inline-block; width: 11px; height: 16px; line-height: 16px; font-size: 11px; vertical-align: top; text-align: center; text-decoration: none;
                         font-family: FontAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.edit-tab.viewlookup .value-item .cmd-delete .icon:before { content: "\f00d"; }

.edit-tab.multichoicecompact > .items {
  overflow-y: auto;
}

.edit-tab.multichoicecompact .item { 
  overflow: hidden; 
  padding: 5px 20px 5px 5px; 
  cursor: pointer; 
  white-space: nowrap; 
  line-height: 16px; 
  height: 16px; 
  margin-left: 4px;
  margin-right: 32px;
  border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.edit-tab.multichoicecompact .item:last-child {
  border: none;
}

.edit-tab.multichoicecompact .item .check { 
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 14px;
  height: 14px;
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=250403&t=0&bg=rgba(255%2c+255%2c+255%2c+1)&border=rgba(222%2c+224%2c+227%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&bg=%230BDA51&border=%230BDA51&mark=rgba(255%2c+255%2c+255%2c+1)+");
  background-size: contain, 0;
  background-repeat: no-repeat;
  cursor: pointer;
}

.edit-tab.multichoicecompact .item.active .check { 
  background-size: 0, contain;
}

.edit-tab.multichoicecompact .item .name { 
  display: inline-block; 
  vertical-align: middle; 
  cursor: pointer;
  color: rgba(62, 63, 66, 1);
}

.signature-tab canvas {
  border: 1px solid rgba(222, 224, 227, 1);
}                         


/*<--- news-popup --->*/
.news-popup {
  
}

.news-popup .news-title .value-box {
  margin: 0;
  color: rgba(62, 63, 66, 1);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
}

.news-popup .news-content span.image {
  display: inline-block;
}

.news-popup .news-content span.image img {
  width: 100%;
}

/*<--- grid-settings --->*/
.popup .grid-settings .tabs .tabs-head {
  margin-bottom: 5px;
}

.popup .grid-settings .field-columns {
  margin-bottom: 5px;
}

.popup .grid-settings .field-columns .field {
  margin: 0;
}













.autofilter-tab {
  position: absolute;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 12px #00000026;
  /*opacity: 0;*/
  color: rgba(111, 111, 111, 1);
  padding: 5px;
  max-height: 500px;
  z-index: 25;
  /*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 rgba(222, 224, 227, 1);
  box-sizing: border-box;
  height: 30px;
  background-color: rgba(255, 255, 255, 1);
  color: inherit;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  padding: 0 5px 0 5px;
  width: 150px;
}

.autofilter-tab .intervals.view-date .interval-field input,
.autofilter-tab .intervals.view-datetime .interval-field input {
  padding-left: 30px;
  padding-right: 25px;
  background-image: url("/_themes/default/content/media/icons/calendar.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  background-position: 4px 3px;
  background-size: 20px;
}

.autofilter-tab .intervals.mark-invalid .interval-field input {
  border-color: rgba(214, 54, 62, 1);
}

.autofilter-tab .intervals.mark-invalid {
  -webkit-animation-name: autofilter-invalid-animation;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0.001s;
}

@keyframes autofilter-invalid-animation {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(3px);
  }
  50% {
    transform: translateX(-3px);
  }
  60% {
    transform: translateX(2px);
  }
  70% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0px);
  }
}

.autofilter-tab .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/arrow_down.svg?stamp=250403&t=0&icon_color=rgba(111%2c+111%2c+111%2c+1)");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform .3s ease-in-out;
  cursor: pointer;
}

.autofilter-tab .intervals .interval-field .cmd-options:hover {
  transform: translateY(2px);
}

.autofilter-tab .pattern {
  margin-bottom: 5px;
}

.autofilter-tab .pattern .pattern-field {
  display: block;
}

.autofilter-tab .pattern .pattern-field input {
  border: 1px solid rgba(222, 224, 227, 1);
  box-sizing: border-box;
  height: 30px;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(62, 63, 66, 1);
  font-size: 14px;
  padding: 0 10px;
  width: 100%;
}

.autofilter-tab .formatting {
  margin-bottom: 5px;
}

.autofilter-tab .formatting .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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(141%2c+141%2c+141%2c+1)"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(141%2c+141%2c+141%2c+1)");
  background-size: contain, 0;
  margin-right: 5px;
}

.autofilter-tab .formatting.active .check {
  background-size: 0, contain;
}

.autofilter-tab .formatting .filter-items {
  display: inline-block;
  vertical-align: middle;
}

.autofilter-tab .formatting .filter-items .filter-item {
  display: inline-block;
  vertical-align: middle;
}

.autofilter-tab .formatting .filter-items .filter-item span {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
}

.autofilter-tab .formatting .filter-items .filter-item.active span {
  border-color: rgba(19, 114, 229, 1);
}

.autofilter-tab .value-items {
  position: relative;
}

.autofilter-tab .search {
  margin-bottom: 5px;
}

.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: #F3F3F3;
  background-image: url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: contain;
}

.autofilter-tab .search .actions .cmd-search.active span {
  background-color: #000000;
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.autofilter-tab .search input {
  border: 1px solid rgba(222, 224, 227, 1);
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(62, 63, 66, 1);
  font-size: 14px;
  padding: 0 50px 0 10px;
}

.autofilter-tab .search input::placeholder {
  font-weight: 300;
  font-style: italic;
  color: rgba(111, 111, 111, 1);
}

.autofilter-tab .search input:hover {
  border-color: rgba(178, 178, 178, 1);
}

.autofilter-tab .value-items-scroll {
  overflow: auto;
}

.autofilter-tab .value-items .item {
  /*height: 30px;*/
  border-bottom: 1px solid rgba(222, 224, 227, 1);
  box-sizing: border-box;
  line-height: 29px;
  font-size: 12px;
  cursor: pointer;
}

.autofilter-tab .value-items .item label {
  cursor: pointer;
}

.autofilter-tab .value-items .item.disabled {
  opacity: .6;
  cursor: default;
}

.autofilter-tab .value-items .item.disabled label {
  cursor: default;
}

.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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(141%2c+141%2c+141%2c+1)"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(141%2c+141%2c+141%2c+1)");
  background-size: contain, 0 0;
  margin-right: 10px;
}

.autofilter-tab .value-items .item.clear-item .check {
  width: 13px;
  height: 13px;
  background-image: url("/_themes/default/content/media/icons/checkbox_minus.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_minus.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(141%2c+141%2c+141%2c+1)");
  background-size: 150%, 0;
  background-position: center;
}

.autofilter-tab .value-items .item.clear-item.active2 .check {
  background-size: 0, 150%;
}

.autofilter-tab .sep {
  width: 100%;
  height: 1px;
  background: rgba(178, 178, 178, 1);
  margin-bottom: 3px;
}

.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: #000000;
  color: #EEEEEE;
  border: 1px solid transparent;
}

.autofilter-tab .buttons .button:first-child {
  float: right;
  margin-left: 5px;
}

.autofilter-tab .buttons .button:nth-child(2) {
  background-color: #F9F9F9;
  border-color: rgba(224, 224, 224, 1);
  color: rgba(111, 111, 111, 1);
}

.autofilter-tab .buttons .button:first-child:hover,
.autofilter-tab .buttons .button:nth-child(2):hover {
  /*background-color: #1A4465;*/
}

/* --- autofilter options tab --- */
.autofilter-options-tab {
  position: absolute;
  z-index: 101;
  box-shadow: 0px 0px 12px #00000026;
  background-color: rgba(255, 255, 255, 1);
  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: rgba(43, 43, 43, 0.06);
  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: #63d66347;
}

.autofilter-options-tab .group .item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background: rgba(43, 43, 43, 0.06);
  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: #63d66347;
}

.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: rgba(111, 111, 111, 1);
  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 .part-info {
  position: absolute;
  overflow: hidden;
  top: 30px;
  right: 100px;
}

.wizard-steps .tabs-content .part-info .field:first-child {
  float: left;
  margin-right: 20px;
}

.wizard-steps .steps {
  margin-bottom: 70px;
}

.wizard-steps .steps .step {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 140px;
}

.wizard-steps .steps .step:hover .step-title {
  text-decoration: underline;
}

.wizard-steps .steps .step:first-child {
  margin-left: 40px;
}

.wizard-steps .steps .step .head {
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.wizard-steps .steps .step .head .text {
  font-weight: 500;
  color: rgba(178, 178, 178, 1) ;
}

.wizard-steps .steps .step.current-step .head .text,
.wizard-steps .steps .step.completed-step .head .text {
  color: #158DDC;
}

.wizard-steps .steps .step-number {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  border: 2px solid rgba(222, 224, 227, 1);
  border-radius: 50%;
  background-color: rgba(233, 233, 233, 1);
  text-align: center;
  line-height: 30px;
  font-weight: 600;
  color: rgba(178, 178, 178, 1) ;
  user-select: none;
  cursor: pointer;
}

.wizard-steps .steps .step-number .value-box > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.wizard-steps .steps .step-number input {
  color: rgba(178, 178, 178, 1) ;
  font-weight: 500;
  margin: 1px;
}

.wizard-steps .steps .step.completed-step .step-number {
  color: #EEEEEE;
  background-color: #000000;
  border-color: #000000;
}

.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: rgba(222, 224, 227, 1);
  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: #FFC107;
  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=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/finish.svg?stamp=250403&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(37, 141, 107, 1);
  border-color: rgba(37, 141, 107, 1);
}

.wizard-steps .steps .step-title-group {
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
}

.wizard-steps .steps .step-title-group .step-title {
  font-weight: 500;
  font-size: 16px;
  color: rgba(178, 178, 178, 1) ;
  white-space: nowrap;
  cursor: pointer;
}

.wizard-steps .steps .current-step .step-title-group .step-title {
  color: #404040;
}

.wizard-steps .steps .completed-step .step-title-group .step-title {
  color: #000000;
}

.wizard-steps .steps .step:last-child.current-step .step-title-group .step-title {
  color: rgba(37, 141, 107, 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: rgba(111, 111, 111, 1);
  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(37, 141, 107, 1);
}

.wizard-steps .steps .step:last-child .step-number:before {
  content: none;
}



.wizard-steps .menu-links {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  overflow: hidden;
}

.wizard-steps .menu-links .image {
  width: 32px;
  height: 32px;
}

.wizard-steps .menu-links .link-block .link-part .link-title .field-value {
  min-height: 25px;
}

.wizard-steps .menu-links .left-links {
  float: left;
}

.wizard-steps .menu-links .left-links .link-block {
  margin-bottom: 80px;
  margin-right: 80px;
} 

.wizard-steps .menu-links .left-links .link-block:last-child {
  margin-bottom: 0;
}

.wizard-steps .menu-links .right-links {
  overflow: hidden;
}

.wizard-steps .menu-links .right-links .link-block {
  margin-bottom: 80px;
}

.wizard-steps .menu-links .right-links .link-block:last-child {
  margin-bottom: 0;
}

.wizard-steps .menu-links .link-block .link-part .link-title {
  margin: 0;
}

.wizard-steps .menu-links .link-block .link-part .link-title .value-box {
  font-size: 28px;
  font-weight: 500;
  color: #404040;
}

.wizard-steps .menu-links .link-block .link-part .description .value-box {
  font-size: 10px;
  font-weight: 300;
  color: rgba(111, 111, 111, 1);
}

.wizard-steps .menu-links .link-block .link-part .field .value-box {
  min-height: unset;
  background: unset;
  padding: 0;
  vertical-align: middle;
}

.wizard-steps .menu-links .link-block {
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
}

.wizard-steps .menu-links .link-block:hover .icon-part .image {
  background-size: 0 0, contain, 0 0;
}

.wizard-steps .menu-links .link-block .icon-part {
  margin-right: 10px;
}

.wizard-steps .menu-links .link-block .icon-part, 
.wizard-steps .menu-links .link-block .link-part {
  display: inline-block;
  vertical-align: top;
}

/* <--- step hint fiels --->*/
.wizard-steps .field.hint .field-value {
  color: rgba(111, 111, 111, 1);
}

/* <--- for test purposes ---> @@@Improve later*/
.wizard-steps .components-catalog .columns .extra-column {
  position: absolute;
  top: 155px;
  left: 430px;
  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: rgba(255, 255, 255, 1);
}

.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 .field.title {
  border-bottom: 1px solid rgba(222, 224, 227, 1);
  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: rgba(111, 111, 111, 1);
}

.wizard-steps .status-meeting-details .statusmeeting-date .value-box {
  background-color: unset;
  padding: 0;
}

.wizard-steps .status-meeting-details .field.title .field-value {
  color: rgba(62, 63, 66, 1);
  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: #000000;
}

.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 rgba(222, 224, 227, 1);
}

.wizard-steps .slots .slot.selected {
  background-color: #63d66347;
  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: rgba(62, 63, 66, 1);
  margin-bottom: 0;
}

.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.scroll-color-a::-webkit-scrollbar-thumb {
  background-color: rgba(178, 178, 178, 1);
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/set_variable_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/play_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/add_role_participant_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_updateacl { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/add_role_participant.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/add_role_participant_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_history {
  background-image: url("/_themes/default/content/media/icons/workflow_icons/write_to_history.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/write_to_history_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_setview { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/go_to_state.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/go_to_state_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_form { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/form.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/form_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_task { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/execute_task.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/execute_task_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_validate { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/validate.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/validate_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_exporttoexternal { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/export.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/export_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_sla_starttimer { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/start_timer.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/start_timer_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_sla_pausetimer { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/pause_timer.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/pause_timer_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.image-element.element-op_workflow_sla_stoptimer { 
  background-image: url("/_themes/default/content/media/icons/workflow_icons/stop_timer.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/stop_timer_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_icons/send_by_email_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.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=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/set_variable_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.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=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/add_role_participant_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_history { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/write_to_history.svg?stamp=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/write_to_history_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_setview { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/go_to_state.svg?stamp=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/go_to_state_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_form { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/form.svg?stamp=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/form_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_task { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/execute_task.svg?stamp=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/execute_task_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_starttimer { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/start_timer.svg?stamp=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/start_timer_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_pausetimer { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/pause_timer.svg?stamp=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/pause_timer_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.wf-view.active .image-element.element-op_workflow_sla_stoptimer { */
/*  background-image: url("/_themes/default/content/media/icons/workflow_icons/stop_timer.svg?stamp=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/stop_timer_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.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=250403&t=0&icon_color=%23000000"),*/
/*                    url("/_themes/default/content/media/icons/workflow_icons/send_by_email_filled.svg?stamp=250403&t=0&icon_color=%23000000");*/
/*}*/
/*.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=250403&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=250403&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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                                 url("/_themes/default/content/media/icons/workflow_icons/circle_check.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

.wf-view.active .image-cancel { background-image: url("/_themes/default/content/media/icons/workflow_icons/denied.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                                                  url("/_themes/default/content/media/icons/workflow_icons/denied.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}

/*.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: rgba(255, 255, 255, 1);
  -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 rgba(178, 178, 178, 1);
  font-size: 12px; line-height: 14px;
}
.wf-scheme2 .wf-view.active .view-head {
  border-color: #000000;
  background-color: #63d66347;
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/user.svg?stamp=250403&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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/form.svg?stamp=250403&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: rgba(222, 224, 227, 1);
}

.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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.wf-scheme2 .wf-action .action-head .action-image.image-workflow-action { 
  background-image: url("/_themes/default/content/media/icons/lightning.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/lightning.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}
.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: rgba(222, 224, 227, 1); }*/

/*.wf-scheme2 .graphics-workspace #Triangle {*/
/*  fill: rgba(222, 224, 227, 1)!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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                 url("/_themes/default/content/media/icons/print_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");}
.grid .image-send-by-email { background-image: url("/_themes/default/content/media/icons/send_email.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                         url("/_themes/default/content/media/icons/send_email_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
                                         
.grid .image-add { background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                               url("/_themes/default/content/media/icons/plus_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}
.grid .image-search { background-image: url("/_themes/default/content/media/icons/search.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                  url("/_themes/default/content/media/icons/search_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
                                  
.grid .image-search-button { background-image: url("/_themes/default/content/media/icons/search_button.svg?stamp=250403&t=0&icon_color=%23000000"),
                                         url("/_themes/default/content/media/icons/search_button_filled.svg?stamp=250403&t=0&icon_color=%23000000"); }

.grid .image-register { background-image: url("/_themes/default/content/media/icons/register.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }

.grid .image-trash-can { background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                     url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-menu { background-image: url("/_themes/default/content/media/icons/menu.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                url("/_themes/default/content/media/icons/menu_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-filter { background-image: url("/_themes/default/content/media/icons/filter.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                  url("/_themes/default/content/media/icons/filter_fill.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                  url("/_themes/default/content/media/icons/filter_fill.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");}
.grid .image-settings { background-image: url("/_themes/default/content/media/icons/settings.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                    url("/_themes/default/content/media/icons/settings_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")}
.grid .image-grid { background-image: url("/_themes/default/content/media/icons/grid.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                url("/_themes/default/content/media/icons/grid_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")}
.grid .image-refresh { background-image: url("/_themes/default/content/media/icons/refresh.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                          url("/_themes/default/content/media/icons/refresh_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-clear { background-image: url("/_themes/default/content/media/icons/clear.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-auto-match { background-image: url("/_themes/default/content/media/icons/auto-match.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-package { background-image: url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-build-package { background-image: url("/_themes/default/content/media/icons/build_package.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-document-box { background-image: url("/_themes/default/content/media/icons/document_box.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-document-list { background-image: url("/_themes/default/content/media/icons/document_list.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-delete { background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                  url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}
.grid .image-view { background-image: url("/_themes/default/content/media/icons/view.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                url("/_themes/default/content/media/icons/view.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                url("/_themes/default/content/media/icons/view.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
.grid .image-attachment { background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
.grid .image-download { background-image: url("/_themes/default/content/media/icons/download.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                    url("/_themes/default/content/media/icons/download_filled.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
.grid .image-theme { background-image: url("/_themes/default/content/media/icons/medium/theme.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                 url("/_themes/default/content/media/icons/medium/theme.svg?stamp=250403&t=0&icon_color=rgba(19%2c+114%2c+229%2c+1)"); }
                                 
.grid .image-circled-arrow-right { background-image: url("/_themes/default/content/media/icons/circled_arrow_right.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                               url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");}
                                               
.grid .image-submit { background-image: url("/_themes/default/content/media/icons/submit.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                  url("/_themes/default/content/media/icons/submit_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}
.grid .image-return { background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                                  url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)")
}
.grid .image-close { background-image: url("/_themes/default/content/media/icons/close.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                 url("/_themes/default/content/media/icons/close_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-im-pqp { background-image: url("/_themes/default/content/media/PQP.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                       url("/_themes/default/content/media/PQPFull.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}
.grid .image-im-explorer { background-image: url("/_themes/default/content/media/switchapp/Caliper.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                       url("/_themes/default/content/media/switchapp/Caliper.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}
.grid .image-im-express { background-image: url("/_themes/default/content/media/switchapp/Rule.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                       url("/_themes/default/content/media/switchapp/Rule.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}
.grid .image-im-spc { background-image: url("/_themes/default/content/media/switchapp/SPC.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                       url("/_themes/default/content/media/switchapp/SPC.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}
.grid .image-im-qms { background-image: url("/_themes/default/content/media/switchapp/PQP.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                       url("/_themes/default/content/media/switchapp/PQP.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-check {
  background-image: url("/_themes/default/content/media/icons/check.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/check_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-issue {
  background-image: url("/_themes/default/content/media/icons/info.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/info_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.actions-pane .grid .image-actions {
  background-image: url("/_themes/default/content/media/icons/actions.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/actions_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-add-comment {
  background-image: url("/_themes/default/content/media/icons/new_chat.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/new_chat_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-plus {
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-software {
  background-image: url("/_themes/default/content/media/icons/software.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/software_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-edit {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.icon-default,
.grid .image-workflow {
  background-image: url("/_themes/default/content/media/icons/workflow.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-revoke {
  background-image: url("/_themes/default/content/media/icons/revoke.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/revoke_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-import {
  background-image: url("/_themes/default/content/media/icons/import.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/import_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-export {
  background-image: url("/_themes/default/content/media/icons/export.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/export_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-save {
  background-image: url("/_themes/default/content/media/icons/save.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/save_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-reload {
  background-image: url("/_themes/default/content/media/icons/reload_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/reload_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-form {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/form_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-book {
  background-image: url("/_themes/default/content/media/icons/book.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/book_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-upload {
  background-image: url("/_themes/default/content/media/icons/upload.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/upload_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-purchase {
  background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/purchase_order_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-back {
  background-image: url("/_themes/default/content/media/icons/circle_arrow.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-back {
  background-image: url("/_themes/default/content/media/icons/circle_arrow.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_arrow_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-revision {
  background-image: url("/_themes/default/content/media/icons/revision.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/revision_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-confirm {
  background-image: url("/_themes/default/content/media/icons/approve.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/approve_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-cancel {
  background-image: url("/_themes/default/content/media/icons/reject.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/reject_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-logout {
  background-image: url("/_themes/default/content/media/icons/logout.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/logout_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-house {
  background-image: url("/_themes/default/content/media/icons/house.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/house_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-lock {
  background-image: url("/_themes/default/content/media/icons/lock.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/lock_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-opened-folder {
  background-image: url("/_themes/default/content/media/icons/opened_folder.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/opened_folder_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-pencil {
  background-image: url("/_themes/default/content/media/icons/edit.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/edit_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-delete-user {
  background-image: url("/_themes/default/content/media/icons/delete_user.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/delete_user_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-user {
  background-image: url("/_themes/default/content/media/icons/user.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/user_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-current-element {
  background-image: url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)"),
                    url("/_themes/default/content/media/icons/circle_check_filled.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)")
}

.grid .image-database-view {
  background-image: url("/_themes/default/content/media/icons/database.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/database_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-move-up {
  background-image: url("/_themes/default/content/media/icons/move_up.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/move_up_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-move-down {
  background-image: url("/_themes/default/content/media/icons/move_down.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/move_down_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-cut {
  background-image: url("/_themes/default/content/media/icons/cut.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/cut_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-paste {
  background-image: url("/_themes/default/content/media/icons/paste.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/paste_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-add-folder {
  background-image: url("/_themes/default/content/media/icons/create_folder.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/create_folder_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-mark-unread {
  background-image: url("/_themes/default/content/media/icons/unread_message.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/unread_message_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-mark-read {
  background-image: url("/_themes/default/content/media/icons/read_message.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/read_message_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-hide {
  background-image: url("/_themes/default/content/media/icons/hide_message.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/hide_message_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-new-discussion {
  background-image: url("/_themes/default/content/media/icons/create_discussion.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/create_discussion_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-eye {
  background-image: url("/_themes/default/content/media/icons/eye.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-function {
  background-image: url("/_themes/default/content/media/icons/function.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/function_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-start {
  background-image: url("/_themes/default/content/media/icons/play.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/play_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-play-all {
  background-image: url("/_themes/default/content/media/icons/play_all.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/play_all_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-play-selected {
  background-image: url("/_themes/default/content/media/icons/play_selected.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/play_selected_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-history {
  background-image: url("/_themes/default/content/media/icons/history.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/history_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-reassign {
  background-image: url("/_themes/default/content/media/icons/reassign_developer.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/reassign_developer_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-finish {
  background-image: url("/_themes/default/content/media/icons/finish_flag.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/finish_flag_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-build {
  background-image: url("/_themes/default/content/media/icons/build.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/build_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-this-version {
  background-image: url("/_themes/default/content/media/icons/this_version.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/this_version_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-next-version {
  background-image: url("/_themes/default/content/media/icons/next_version.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/next_version_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

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

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



/*<--- figures --->*/
.grid .image-pflow-fab {
  background-image: url("/_themes/default/content/media/icons/rhombus.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-pflow-move {
  background-image: url("/_themes/default/content/media/icons/ellipse.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-pflow-storeget {
  background-image: url("/_themes/default/content/media/icons/triangle.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}


.grid .image-pflow-rework {
  background-image: url("/_themes/default/content/media/icons/pentagon.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}


.grid .image-pflow-scrapcontain {
  background-image: url("/_themes/default/content/media/icons/octagon.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}


.grid .image-pflow-inspect {
  background-image: url("/_themes/default/content/media/icons/rectangle.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-required {
  background-image: url("/_themes/default/content/media/icons/lightning.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/lightning_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

/*<--- statuses --->*/
.grid .image-status_denied {
  background-image: url("/_themes/default/content/media/icons/statuses/reject.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-status_exp {
  background-image: url("/_themes/default/content/media/icons/statuses/status_exp.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.grid .image-status_no {
  background-image: url("/_themes/default/content/media/icons/statuses/status_no.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)")
}

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

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

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

.grid .image-status_warning_magenta {
  background-image: url("/_themes/default/content/media/icons/statuses/status_warning.svg?stamp=250403&t=0&icon_color=%23CE2783")
}

.grid .image-status_yes {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)")
}

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

.grid .image-status_yes_gray {
  background-image: url("/_themes/default/content/media/icons/statuses/approve.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

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

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

.grid .image-status_completed {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)")
}

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

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

.grid .image-status_not_started {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)")
}

.grid .image-status_waiting {
  background-image: url("/_themes/default/content/media/icons/statuses/status.svg?stamp=250403&t=0&icon_color=%23CE2783")
}

/*<--- images types --->*/
.grid .image-type-0 {
  background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-type-1 {
  background-image: url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-type-2 {
  background-image: url("/_themes/default/content/media/icons/workflow.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/workflow.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-type-3,
.grid .image-type-8 {
  background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-type-4 {
  background-image: url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-type-5 {
  background-image: url("/_themes/default/content/media/icons/index.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/index_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.grid .image-type-6 {
  background-image: url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}



.grid .image-content-type-0 { background-image: url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                          url("/_themes/default/content/media/icons/folder.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }

.grid .image-content-type-1 { background-image: url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                          url("/_themes/default/content/media/icons/form.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }

.grid .image-content-type-2 { background-image: url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                          url("/_themes/default/content/media/icons/attach.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }

.grid .image-content-type-3,
.grid .image-content-type-8 { background-image: url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                          url("/_themes/default/content/media/icons/purchase_order.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }

.grid .image-content-type-4 { background-image: url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                          url("/_themes/default/content/media/icons/package.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
                                          
.grid .image-content-type-5 { background-image: url("/_themes/default/content/media/icons/index.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                          url("/_themes/default/content/media/icons/index_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }

.grid .image-content-type-6 { background-image: url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                          url("/_themes/default/content/media/icons/print.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }


 

.grid .image-progress0 { background-image: url("/_themes/default/content/media/progress/progress_0.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-progress1 { background-image: url("/_themes/default/content/media/progress/progress_1.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-progress2 { background-image: url("/_themes/default/content/media/progress/progress_2.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-progress3 { background-image: url("/_themes/default/content/media/progress/progress_3.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }
.grid .image-progress4 { background-image: url("/_themes/default/content/media/progress/progress_4.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); }

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

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

.field-buttons .grid .image-eye {
  background-image: url("/_themes/default/content/media/icons/eye.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}
.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: rgba(111, 111, 111, 1);
  text-transform: uppercase;
}

.project-selector:before {
  /*content: 'PROJECTS';*/
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  font-weight: 300;
  color: rgba(111, 111, 111, 1);
}

.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: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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.project-selector .project .button .image.image-no-eye {
  background-image: url("/_themes/default/content/media/icons/no_eye.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/no_eye_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.project-selector .project .button .image.image-delete {
  background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.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;
  margin-top: 15px;
}

.responsible-selector:before {
  /*content: 'RESPONSIBLE';*/
  position: absolute;
  top: -15px;
  right: 0;
  font-size: 10px;
  line-height: 10px;
  font-weight: 300;
  color: rgba(111, 111, 111, 1);
}

.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;
  /*background-color: #854BCB;*/
  padding: 0 10px;
  border-radius: 10px;
  height: 20px;
  box-sizing: border-box;
}

.responsible-selector .responsible.color-0 {
  border: 1px solid rgba(222, 224, 227, 1);
  box-sizing: border-box;
}

.responsible-selector .responsible .field,
.responsible-selector .responsible .button {
  display: inline-block;
  vertical-align: top;
}

.responsible-selector .responsible .button {
  width: 13px;
  height: 15px;
  margin-left: 10px;
  margin-top: 3px;
}

.responsible-selector .responsible .button .image {
  width: 14px;
  height: 14px;
  background-size: contain, 0 0, 0 0;
}

.responsible-selector .responsible .button .image:hover {
  background-size: 0 0, contain, 0 0;
}

.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=250403&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/eye_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

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

.responsible-selector .responsible .button .image.image-trash-can {
  background-image: url("/_themes/default/content/media/icons/trash_can.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/trash_can_filled.svg?stamp=250403&t=0&icon_color=%23EEEEEE")
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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: rgba(255, 255, 255, 1);
  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 {
  margin-top: 10px;
  background-image: url("/_themes/default/content/media/icons/plus.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.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 rgba(222, 224, 227, 1);
  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: rgba(222, 224, 227, 1);
}

.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: 15px;
  right: 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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.schedule .day .day-time .workload.time-fact:before {
  background-image: url("/_themes/default/content/media/icons/auto_action.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.schedule .day-head .date-day .value-box {
  color: #404040;
  font-size: 24px;
  font-weight: 500;
  padding: 0;
  min-height: unset;
  background-color: unset;
}

.schedule .days .day.today .date-day .value-box {
  color: #77BA43;
}

.schedule .day-head .check {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 12px;
  height: 12px;
}

.schedule .day:last-child .day-head > .check {
  right: 30px;
}

.schedule .day-head .check .field-value .value-box {
  width: 12px;
  height: 12px;
}

.schedule .slots .slot {
  position: relative;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 10px;
  min-height: 50px;
  /*background-color: rgba(21, 134, 139, 0.2);*/
  border: 1px solid transparent;
}

.schedule .slots .slot.selected {
  border-color: #000000;
}

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

.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-comment {
  color: rgba(62, 63, 66, 1);
  margin-bottom: 0;
}

.schedule .slots .slot .slot-contact {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  /*background-color: #854BCB;*/
  color: #EEEEEE;
  font-size: 10px;
  text-align: center;
  line-height: 25px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 0;
}

.schedule .slots .slot .field.check {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin: 0;
  height: 12px;
  width: 12px;
}

.schedule .slots .slot .field.check label {
  vertical-align: top;
}

.project-selector .project.color-0,
.schedule .slots .slot.color-0 {
  background: linear-gradient(135.29deg, rgba(91, 91, 223, .2), rgba(60, 166, 77, .2));
}

.project-selector .project.color-1,
.schedule .slots .slot.color-1 {
  background-color: rgba(91, 91, 223, .2);
}

.project-selector .project.color-2,
.schedule .slots .slot.color-2 {
  background-color: rgba(60, 166, 77, .2);
}

.project-selector .project.color-3,
.schedule .slots .slot.color-3 {
  background-color: rgba(205, 38, 130, .2);
}

.project-selector .project.color-4,
.schedule .slots .slot.color-4 {
  background-color: rgba(176, 47, 188, .2);
}

.project-selector .project.color-5,
.schedule .slots .slot.color-5 {
  background-color: rgba(21, 134, 139, .2);
}

.project-selector .project.color-6,
.schedule .slots .slot.color-6 {
  background-color: rgba(133, 75, 203, .2);
}

.project-selector .project.color-7,
.schedule .slots .slot.color-7 {
  background-color: rgba(219, 124, 18, .2);
}

.responsible-selector .responsible.color-0,
.schedule .slots .slot .slot-contact.color-0 {
  background: linear-gradient(135.29deg, rgba(91, 91, 223, 1), rgba(60, 166, 77, 1));
}

.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(60, 166, 77, 1);
}

.responsible-selector .responsible.color-3,
.schedule .slots .slot .slot-contact.color-3 {
  background-color: rgba(205, 38, 130, 1);
}

.responsible-selector .responsible.color-4,
.schedule .slots .slot .slot-contact.color-4 {
  background-color: rgba(176, 47, 188, 1);
}

.responsible-selector .responsible.color-5,
.schedule .slots .slot .slot-contact.color-5 {
  background-color: rgba(21, 134, 139, 1);
}

.responsible-selector .responsible.color-6,
.schedule .slots .slot .slot-contact.color-6 {
  background-color: rgba(133, 75, 203, 1);
}

.responsible-selector .responsible.color-7,
.schedule .slots .slot .slot-contact.color-7 {
  background-color: rgba(219, 124, 18, 1);
}


































.workspace-main-pane.forum {
  padding: 0;
}

.workspace-main-pane .forum > .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

.forum-head {
  position: relative;
  padding: 12px 16px;
  border-bottom: 2px solid #E0E0E0;
  box-sizing: border-box;
  z-index: 1;
}

.forum-head.title-center {
  text-align: center;
}

.forum-head .static-field,
.forum-body .static-field {
  margin: 0;
}

.forum .forum-breadcrumbs {
  position: absolute;
  left: 10px;
  top: 85px;
  z-index: 2;
}

.forum-head .title-line.bottom-details .forum-details {
  display: block;
  margin-top: 5px;
}

.forum-head .description {
  margin: 0;
}

.forum-head .title-line .title {
  display: inline-block;
  vertical-align: top;
  color: rgba(62, 63, 66, 1);
  font-size: 24px;
  font-weight: 700;
  margin: 0 16px 5px 0;
  line-height: 1.2;
}

.forum-head .title-line .forum-details {
  display: inline-block;
  vertical-align: top;
}

.forum-head .title-line .forum-details .user-name {
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 500;
  margin: 2px 16px 0 0;
}

.forum-head .title-line .forum-details .user-name:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/_themes/default/content/media/icons/forum/photo_profile.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 4px;
}

.forum-head .title-line .forum-details .creation-date {
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 300;
  margin: 2px 16px 0 0;
}

.forum-head .title-line .forum-details .creation-date:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/_themes/default/content/media/icons/forum/timer.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 4px;
}

.forum-head .title-line .forum-details .forum-tags {
  display: inline-block;
  vertical-align: top;
}

.forum-head .title-line .forum-details .forum-tags .group {
  display: inline-block;
  vertical-align: top;
}

.forum-head .title-line .forum-details .tag {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  background-color: lightblue;
  padding: 3px 8px;
  border-radius: 4px;
  margin-right: 4px;
  color: #6D6D6D;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.forum-head > .new-forum {
  
}

.forum-head .forum-search {
  position: absolute;
  right: 12px;
  bottom: 16px;
}

.forum-head .forum-search.pos-a {
  position: relative;
  display: inline-block;
  bottom: unset;
  right: unset;
  margin-top: 5px;
}

.forum-head .forum-search.pos-a .cancel-search {
  left: unset;
  right: 7px;
}

.forum-head .forum-search > .field {
  margin: 0;
}

.forum-head .forum-search .button {
  position: absolute;
  left: 7px;
  top: 6px;
}

.forum-head .forum-search input {
  padding: 5px 30px 5px 30px;
}

.forum-body {
  /*position: absolute;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*top: 76px;*/
  overflow: auto;
}

.forum-body .forum-content {
  position: relative;
  width: 840px;
  margin: 0 auto;
}

.forum-body .forum-content > .singlechoicelist {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.forum-body .forum-content .section {
  border: 1px solid #E0E0E0;
  margin-bottom: 8px;
}

.forum-body .forum-content .section:first-child {
  margin-top: 16px;
}

.forum-body .forum-content .section .section-head {
  position: relative;
  padding: 10px 16px;
  border-bottom: 1px solid #E0E0E0;
}

.forum-body .forum-content .section .section-head .title {
  font-weight: 500;
  font-size: 24px;
  color: rgba(62, 63, 66, 1);
  margin-bottom: 10px;
}

.forum-body .forum-content .section .section-head .description {
  font-weight: 400;
  font-size: 14px;
}

.forum-body .forum-content .section .section-head .button {
  position: absolute;
  top: 8px;
  right: 8px;
}

.forum-body .forum-content .image {
  background-size: contain, 0, 0;
}

.forum-body .forum-content .image:hover {
  background-size: 0, contain, 0;
}

.forum-body .forum-content .section .section-head .button .image {
  background-image: url("/_themes/default/content/media/icons/forum/reminder.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/reminder_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/reminder_filled.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.forum-body .forum-content .section.reminder-on .section-head .button .image {
  background-size: 0, 0, contain;
}

.forum-body .forum-content .section .section-body {
  position: relative;
  padding: 0 16px;
}

.forum-body .forum-content .section .section-body .repeatable-group > .group {
  height: 80px;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #E0E0E0;
  padding-top: 15px;
  box-sizing: border-box;
}

.forum-body .forum-content .section .section-body .repeatable-group > .group:last-child {
  border: none;
}

.forum-body .forum-content .section .section-body .forum-title {
  float: left;
  width: 400px;
  margin-right: 20px;
}

.forum-body .forum-content .section .section-body .forum-description  {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.forum-body .forum-content .section .section-body .forum-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  color: rgba(62, 63, 66, 1);
}

.forum-body .forum-content .section .section-body .forum-name .value-box {
  position: relative;
}

.forum-body .forum-content .section .section-body .forum-name .value-box:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/forum/messenger.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/messenger_notification_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)&notification_color=rgba(214%2c+54%2c+62%2c+1)");
  margin-right: 8px;
}

.forum-body .forum-content .section .section-body .forum-name.has-unread .value-box:before {
  background-size: 0, contain;
}

.forum-body .forum-content .section .section-body .forum-name a {
  text-decoration: none;
  color: rgba(62, 63, 66, 1);
}

.forum-body .forum-content .section .section-body .forum-name.clickable {
  cursor: pointer;
}

.forum-body .forum-content .section .section-body .forum-details {
  float: left;
  text-align: center;
  margin: 5px 20px 0 0;
}

.forum-body .forum-content .section .section-body .forum-details .detail-name {
  color: rgba(111, 111, 111, 1);
  margin-bottom: 2px;
}

.forum-body .forum-content .section .section-body .forum-details .detail-value {
  color: rgba(62, 63, 66, 1);
  font-size: 18px;
  font-weight: 500;
}

.forum-body .forum-content .section .section-body .last-message {
  overflow: hidden;
  white-space: nowrap;
}

.forum-body .forum-content .section .section-body .last-message .user-initials {
  float: left;
  width: 48px;
  height: 48px;
  background-color: lightblue;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  color: #ffffff;
  margin-right: 8px;
  font-size: 18px;
  font-weight: 500;
}

.forum-body .forum-content .section .section-body .last-message .user-logo {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
}

.forum-body .forum-content .section .section-body .last-message .user-logo img {
  border-radius: 50%;
}

.forum-body .forum-content .section .section-body .last-message .last-message-info {
  overflow: hidden;
  margin-right: 20px;
}

.forum-body .forum-content .section .section-body .last-message .last-message-info .title {
  font-weight: 700;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  color:  #6D6D6D;
}

.forum-body .forum-content .section .section-body .last-message .last-message-info .title br {
  display: none;
}

.forum-body .forum-content .section .section-body .last-message .last-message-info .last-message-details .message-creation-date {
  float: left;
  font-weight: 300;
  color: #6D6D6D;
  margin-right: 16px;
}

.forum-body .forum-content .section .section-body .last-message .last-message-info .last-message-details .message-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: #6D6D6D;
}

.forum-body .forum-content .section .section-body .button {
  position: absolute;
  right: 10px;
  top: 10px;
}

.forum-body .forum-content .section .section-body .button .image {
  background-size: contain, 0, 0;
  background-image: url("/_themes/default/content/media/icons/forum/pin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.forum-body .forum-content .section .section-body .button:hover .image {
  background-size: 0, contain, 0;
}

.forum-body .forum-content .section .section-body .forum.pinned .button .image {
  background-size: 0, 0, contain;
}

.forum-body .forum-content .grid-search {
  margin: 50px 0 50px 0;
}

.forum .new-forum {
  position: absolute;
  right: 0;
  top: -47px;
  padding: 4px;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(62, 63, 66, 1);
  border-radius: 4px;
  font-weight: 700;
  border: 1px solid rgba(222, 224, 227, 1);
  box-sizing: border-box;
  transition: background-color .3s ease;
}

.forum .new-forum:hover .image {
  background-size: 0, contain;
}

.forum .grid .views-selector {
  position: absolute;
  top: -46px;
  left: 50%;
  transform: translateX(-50%);
}

.forum .grid-thread .grid-toppane {
  padding: 16px 16px 0 16px;
}

.forum .grid-thread.views-selector-style-a .views-selector {
  position: absolute;
  transform: translateX(-50%);
}

.forum .grid-thread .grid-toppane .search {
  max-width: unset;
}

.forum .grid-thread .grid-toppane .search input {
  border-radius: 4px;
}

.forum .grid-thread {
  margin-top: 62px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}

.forum .grid-thread {
  
}

.forum .grid-thread .items {
  
}

.forum .grid-thread .thread {
  position: relative;
  height: 80px;
  border-bottom: 1px solid #E0E0E0;
  padding: 0 16px;
  overflow: hidden;
}

.forum .grid-thread .thread .thread-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

.forum .grid-thread .thread .thread-name.clickable {
  cursor: pointer;
}

.forum .grid-thread .thread .thread-name a {
  color: #4A4A4A;
  text-decoration: none;
}

.forum .grid-thread .thread .user-initials {
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  background-color: lightblue;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin: 16px 8px 0 0;
}

.forum .grid-thread .thread .user-logo {
  position: relative;
  width: 48px;
  height: 48px;
  float: left;
  margin: 16px 8px 0 0;
}

.forum .grid-thread .thread .user-logo img {
  border-radius: 50%;
}

.forum .grid-thread .thread .thread-info {
  margin-top: 16px;
  overflow: hidden;
}

.forum .grid-thread .thread.has-unread .user-logo:before,
.forum .grid-thread .thread.has-unread .user-initials:before{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: rgba(214, 54, 62, 1);
  box-sizing: border-box;
}

.forum .grid-thread .thread .widget {
  float: right;
  text-align: center;
  margin: 17px 25px 0 20px;
}

.forum .grid-thread .thread .widget .title {
  font-weight: 400;
  font-size: 14px;
  color: #6D6D6D;
  line-height: unset;
}

.forum .grid-thread .thread .widget .value {
  font-weight: 500;
  font-size: 18px;
  color: rgba(62, 63, 66, 1);
  line-height: unset;
}

.forum .grid-thread .thread .widget .trend {
  font-size: 10px;
}

.forum .grid-thread .footer {
  padding-left: 16px;
}

.forum .grid-thread .thread .thread-details {
  margin-top: 8px;
  overflow: hidden;
}

.forum .grid-thread .thread .thread-details .creation-date {
  float: left;
  font-weight: 300;
  color: #6D6D6D;
}

.forum .grid-thread .thread .thread-details .thread-owner {
  float: left;
  margin-left: 16px;
  font-weight: 500;
  color: #6D6D6D;
}

.forum .grid-thread .thread .thread-details .thread-status {
  float: left;
  margin-left: 16px;
  font-weight: 500;
  color: rgba(214, 54, 62, 1);
}

.forum .grid-thread .thread .button {
  position: absolute;
  right: 10px;
  top: 10px;
}


.forum .grid-thread .thread .button .image {
  background-size: contain, 0, 0;
  background-image: url("/_themes/default/content/media/icons/forum/pin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.forum .grid-thread .thread .button .image:hover {
  background-size: 0, contain, 0;
}

.forum .grid-thread .thread.pinned .button .image {
  background-size: 0, 0, contain;
}

.forum .grid-message {
  margin-top: 62px;
}

.forum .grid.grid-message .views-selector {
  top: -46px;
}

.forum .grid-message .user-details {
  width: 95px;
  position: relative;
  float: left;
  margin-right: 16px;
  text-align: center;
}

.forum .grid-message .user-details .user-logo {
  margin-bottom: 10px;
  width: 89px;
  height: 89px;
}

.forum .grid-message .user-details .user-initials {
  position: relative;
  width: 89px;
  height: 89px;
  background-color: lightblue;
  border-radius: 16px;
  line-height: 89px;
  text-align: center;
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

.forum .grid-message .user-details .user-name {
  color: rgba(62, 63, 66, 1);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.forum .grid-message .user-details .user-position {
  font-weight: 300;
}

.forum .grid-message .user-details .user-level {
  position: absolute;
  right: 5px;
  top: 75px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/forum/brain_skill.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.forum .grid-message .message-content {
  position: relative;
  overflow: hidden;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 14px 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
  min-height: 170px;
}

.forum .grid-message .message-content .message-info {
  
}

.forum .grid-message .message-content .message-info .rating {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.forum .grid-message .message-content .message-info .rating .value {
  display: inline-block;
  vertical-align: middle;
}

.forum .grid-message .message-content .message-info .rating .button {
  float: left;
  display: inline-block;
  vertical-align: middle;
}

.forum .grid-message .message-content .message-info .button,
.forum .grid-message .message-content .message-info .creation-date {
  display: inline-block;
  vertical-align: middle;
}

.forum .grid-message .message-content .message-info .creation-date {
  font-size: 12px;
  font-weight: 300;
  margin-right: 16px;
}

.forum .grid-message .message-content .message-info .button {
  margin-right:4px;
}

.forum .grid-message .message-content .message-controls {
  position: absolute;
  right: 8px;
  top: 8px;
}

.forum .grid-message .message-content .message-controls .button {
  margin-bottom: 4px;
  display: block;
}

.forum .grid-message .message-content .content {
  margin: 14px  28px 0 0;
}

.forum .grid-message .message-content .answer-message {
  position: relative;
  float: right;
  width: 70%;
  border: 1px solid rgba(201, 201, 201, .2);
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  min-height: 70px;
}

.forum .grid-message .message-content .answer-message .head {
  position: absolute;
  top: 0;
  left: -55px;
  color: rgba(111, 111, 111, 1);
  font-size: 12px;
}

.forum .grid-message .message-content .answer-message .user-logo {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
}

.forum .grid-message .message-content .answer-message .user-initials {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
}

.forum .grid-message .message-content .answer-message .answer-message-info {
  overflow: hidden;
  margin-right: 20px;
}

.forum .grid-message .message-content .answer-message .answer-message-info .title {
  font-weight: 700;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  color:  #6D6D6D;
}

.forum .grid-message .message-content .answer-message .answer-message-info .answer-message-details {
  
}

.forum .grid-message .message-content .answer-message .answer-message-info .answer-message-details .message-creation-date {
  float: left;
  font-weight: 300;
  color: #6D6D6D;
  margin-right: 16px;
}

.forum .grid-message .message-content .answer-message .answer-message-info .answer-message-details .message-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: #6D6D6D;
}

.forum .grid-message .message-content .answer-message .answer-message-buttons {
  position: absolute;
  right: 10px;
  top: 10px;
}

.forum .grid-message .message-content .answer-message .button {
  display: block;
  margin-bottom: 5px;
}

.forum .grid-message .footer {
  margin-left: 110px;
}

.forum .forum-content .new-message-pane {
  border-radius: 4px;
  border: 1px solid #DEE0E3;
  padding: 16px;
  overflow: hidden;
  margin: 8px 0 0 110px;
  width: 695px;
}

.forum .forum-content .new-message-pane .message-container {
  
}

.forum .forum-content .new-message-pane .button {
  float: right;
  padding: 6px 34px;
  border-radius: 4px;
  border: 1px solid rgba(222, 224, 227, 1);
  color: rgba(62, 63, 66, 1);
  font-weight: 700;
}

.forum-body .forum-content .image-like {
  background-image: url("/_themes/default/content/media/icons/forum/like.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/like.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)");
}

.forum-body .forum-content .image-dislike {
  background-image: url("/_themes/default/content/media/icons/forum/dislike.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/dislike.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)");
}

.forum-body .forum-content .image-bookmark {
  background-size: contain, 0, 0;
  background-image: url("/_themes/default/content/media/icons/forum/bookmark.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/bookmark_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/bookmark_filled.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.forum-body .forum-content .bookmarked .image-bookmark {
  background-size: 0, 0, contain;
}

.forum-body .forum-content .image-reply {
  background-image: url("/_themes/default/content/media/icons/forum/reply.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/reply_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

/*<--- tooltip forum --->*/
.tooltip .forum {
  overflow: hidden;
}

.tooltip .forum .forum-title {
  float: left;
  width: 400px;
  margin-right: 20px;
}

.tooltip .forum .forum-description  {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tooltip .forum .forum-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  color: rgba(62, 63, 66, 1);
}

.tooltip .forum .forum-name .value-box {
  position: relative;
}

.tooltip .forum .forum-name .value-box:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-size: contain, 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/_themes/default/content/media/icons/forum/messenger.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/messenger_notification_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)&notification_color=rgba(214%2c+54%2c+62%2c+1)");
  margin-right: 8px;
}

.tooltip .forum .forum-name.has-unread .value-box:before {
  background-size: 0, contain;
}

.tooltip .forum .forum-name a {
  text-decoration: none;
  color: rgba(62, 63, 66, 1);
}

.tooltip .forum .forum-name.clickable {
  cursor: pointer;
}

.tooltip .forum .forum-details {
  float: left;
  text-align: center;
  margin: 5px 20px 0 0;
}

.tooltip .forum .forum-details .detail-name {
  color: rgba(111, 111, 111, 1);
  margin-bottom: 2px;
}

.tooltip .forum .forum-details .detail-value {
  color: rgba(62, 63, 66, 1);
  font-size: 18px;
  font-weight: 500;
}

.tooltip .forum .last-message {
  overflow: hidden;
  white-space: nowrap;
}

.tooltip .forum .last-message .user-initials {
  float: left;
  width: 48px;
  height: 48px;
  background-color: lightblue;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  color: #ffffff;
  margin-right: 8px;
  font-size: 18px;
  font-weight: 500;
}

.tooltip .forum .last-message .user-logo {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
}

.tooltip .forum .last-message .user-logo img {
  border-radius: 50%;
}

.tooltip .forum .last-message .last-message-info {
  overflow: hidden;
  margin-right: 20px;
}

.tooltip .forum .last-message .last-message-info .title {
  font-weight: 700;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  color:  #6D6D6D;
}

.tooltip .forum .last-message .last-message-info .title br {
  display: none;
}

.tooltip .forum .last-message .last-message-info .last-message-details .message-creation-date {
  float: left;
  font-weight: 300;
  color: #6D6D6D;
  margin-right: 16px;
}

.tooltip .forum .last-message .last-message-info .last-message-details .message-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: #6D6D6D;
}

.tooltip .forum .button {
  position: absolute;
  right: 10px;
  top: 10px;
}

.tooltip .forum .button .image {
  background-size: contain, 0, 0;
  background-image: url("/_themes/default/content/media/icons/forum/pin.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/forum/pin_filled.svg?stamp=250403&t=0&icon_color=%23FFC107");
}

.tooltip .forum .button:hover .image {
  background-size: 0, contain, 0;
}

.tooltip .forum .forum.pinned .button .image {
  background-size: 0, 0, contain;
}

/*<--- tooltip thread --->*/
.tooltip .thread {
  overflow: hidden;
}

.tooltip .thread .user-logo {
  float: left;
}

.tooltip .thread .user-logo img {
  border-radius: 50%;
}

.tooltip .thread .thread-info {
  overflow: hidden;
}

.tooltip .thread .thread-info .thread-name {
  margin-left: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tooltip .thread .thread-info .thread-details {
  overflow: hidden;
  margin-left: 10px;
}

.tooltip .thread .thread-info .thread-details .creation-date {
  float: left;
}

.tooltip .thread .thread-info .thread-details .thread-owner {
  float: right;
}





















body > .tooltip {
  background-color: rgba(255, 255, 255, 1);
}

body > .tooltip > .callout {
  background-color: rgba(255, 255, 255, 1);
}

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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/cube_cross_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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 rgba(222, 224, 227, 1);
  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;
}



.g-row {
  display: flex;
  flex-wrap: wrap;
}

.g-row > * {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
}

.g-col {
  flex: 1 0 0%;
}

.g-row .g-col-auto {
  flex: 0 0 auto;
  width: auto;
}

.g-row .g-col-2 {
  width: 16.66%;
}

.g-row .g-col-3 {
  width: 25%;
}

.g-row .g-col-4 {
  width: 33.33%;
}

.g-row .g-col-5 {
  width: 41.66%;
}

.g-row .g-col-6 {
  width: 50%;
}

.g-row .g-col-7 {
  width: 58.33%;
}

.g-row .g-col-8 {
  width: 66.66%;
}

.g-row .g-col-9 {
  width: 75%;
}

.g-row .g-col-10 {
  width: 83.33%;
}

.g-row .g-col-11 {
  width: 91.66%;
}

.g-row .g-col-12 {
  width: 100%;
}

.g-row .g-col-left {
  margin-right: auto;
}

.g-row .g-col-right {
  margin-left: auto;
}

.g-row.justify-content-start {
  justify-content: flex-start;
}

.g-row.justify-content-end {
  justify-content: flex-end;
}

.g-row.justify-content-center {
  justify-content: center;
}

.g-row.justify-content-between {
  justify-content: space-between;
}

.g-row.justify-content-around {
  justify-content: space-around;
}

.g-row.justify-content-evenly {
  justify-content: space-evenly;
}

.g-text-bold {
  font-weight: 700 !important;
}

.g-text-right {
  text-align: right;
}

.g-text-center {
  text-align: center;
}
.object-picker-item {
  background: green;
  display: flex;
  justify-content: center;
}

.object-picker-item .photo {
  width: 50px;
}

.object-picker-item .name {
  padding-left: 10px;
}
.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: rgba(62, 63, 66, 1);
}

.xgrid .head-cell {
  position: relative;
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/info_circle2_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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,  
.xgrid .checkbox {  
  background-image: url("/_themes/default/content/media/x-grid/checkbox.svg?stamp=250403&t=0"),
                    url("/_themes/default/content/media/x-grid/checkbox_checked.svg?stamp=250403&t=0"),
                    url("/_themes/default/content/media/x-grid/checkbox_part_checked.svg?stamp=250403&t=0");
  background-size: auto, 0 0, 0 0;
  background-position: center; 
  background-repeat: no-repeat;
  cursor: pointer;
}

.xgrid .selection.disabled,
.xgrid .checkbox.disabled {
  opacity: 0.4;
  cursor: default;
}

.xgrid .row.selected .selection,
.xgrid .checkbox.checked {
  background-size: 0 0, auto, 0 0;
}

.xgrid .row.partially-selected .selection,
.xgrid .checkbox.partially-checked {
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/filter_fill.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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: rgba(62, 63, 66, 1);
}

/* Auto-filter */
.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 {
  position: relative;
  height: 30px;
  width: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  border-bottom: solid 1px #DEE0E3;
  /*font-weight: 400;*/
  /*font-size: 14px;*/
  color: rgba(62, 63, 66, 1);
  
  user-select: none;
  cursor: pointer;
  
  box-sizing: border-box;
  width: 100%;
}

.xgrid.auto-filter .filter-item:hover {
  background-color: rgba(227, 227, 228, 0.4);
}

.xgrid.auto-filter .filter-item-checkbox {
  width: 30px;
  height: 30px;
  
  flex-grow: 0;
  flex-shrink: 0;
  
  user-select: none;
  pointer-events: none;
}

.xgrid.auto-filter .selection.selected {
  background-size: 0 0, auto, 0 0;
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/clean_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: contain;
  
  opacity: 0%;
  transition: opacity 0.1s linear;
}

.xgrid .search-area .search-input {
  font-size: 12px;
}

.xgrid .search-highlight {
  background-color: #FFC107;
}

/* 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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),                  
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),           
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)"),                 
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=250403&t=0&icon_color=%23FFC107"),              
                    url("/_themes/default/content/media/icons/messenger_filled.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)"),               
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)&notification_color=rgba(19%2c+114%2c+229%2c+1)"),   
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=250403&t=0&icon_color=rgba(214%2c+54%2c+62%2c+1)&notification_color=rgba(19%2c+114%2c+229%2c+1)"),         
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=250403&t=0&icon_color=%23FFC107&notification_color=rgba(19%2c+114%2c+229%2c+1)"),      
                    url("/_themes/default/content/media/icons/messenger_notification_filled.svg?stamp=250403&t=0&icon_color=rgba(37%2c+141%2c+107%2c+1)&notification_color=rgba(19%2c+114%2c+229%2c+1)"); 
}


.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}

.xgrid .extension-name-notes.extension-attached.value-box {
  display: block;
}
.grid-da {
  color: rgba(62, 63, 66, 1);
  position: relative;
}

.grid-da .column {
  padding: 0 5px;
}

.grid-da .table-head {
  border-bottom: 1px solid rgba(222, 224, 227, 1);
  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 rgba(222, 224, 227, 1);
  transition: background-color .2s ease;
}

.grid-da .cell {
  line-height: 30px;
}

.grid-da .row-hover {
  background-color: #F0F5FA;  
}

.grid-da .cell-hover {
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

.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 rgba(222, 224, 227, 1);
  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;
}
/* participants-list1 */
.participants-list1 {
  margin-bottom: 20px;
}
.participants-list1 .role {
  position: relative;
  padding: 10px 20px 10px 13px;
  background-color: rgba(255, 255, 255, 1);
  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: rgba(222, 224, 227, 1);
}

.participants-list1 .role:hover {
  background-color: rgba(43, 43, 43, 0.06);
}

.participants-list1 .role .role-name {
  color: rgba(62, 63, 66, 1);
  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: rgba(111, 111, 111, 1);
  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: #63d66347;
  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: rgba(62, 63, 66, 1);
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/plus_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
}

.participants-list1 .image-delete { background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                                  url("/_themes/default/content/media/icons/cross_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)")
}












/* grid5 */

.requirements-grid1 { 
  position: relative; 
  clear:both;
}

.requirements-grid1.horizontal > .items { 
  display: flex;
}

.requirements-grid1.fields-grid > .items .item { 
  margin-bottom: 5px; 
}

.requirements-grid1.borderless > .items { 
  border: none;
}

.requirements-grid1 .grid-toppane { 
  position: relative; 
  z-index: 2; 
  text-align: right; 
  overflow: hidden; 
}

.requirements-grid1 .grid-toppane > .content { 
  background: #fff; 
}

.requirements-grid1 .grid-toppane.fixed > .content { 
  position: fixed; 
  left: 0; 
  top: 0; 
  width: 100%; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.requirements-grid1 .grid-toppane .search { 
  float: left; 
  border-bottom: 1px solid #ddd; 
  color: #aaa; 
  font-size:12px; 
  margin: 0 0 5px 10px;
}

.requirements-grid1.search-right .grid-toppane .search {
  float: right;
  margin: 0 10px 5px 0;
}
.requirements-grid1 .grid-toppane .search label { 
  display: none; 
}

.requirements-grid1 .grid-toppane .search input { 
  border: none; 
  background: transparent; 
  padding: 0 9px 0 2px; 
  width: 150px; 
}

.requirements-grid1 .grid-toppane .search .cmd-search { 
  display: inline-block; 
  vertical-align: middle; 
}

.requirements-grid1 .grid-toppane .search .cmd-search span { 
  display: inline-block; 
  width: 21px; 
  height: 21px; 
  background: transparent url(/media/grid-sprite1.png) -42px 0; 
}

.requirements-grid1 .grid-toppane .search .cmd-cancelsearch { 
  display: inline-block; 
  vertical-align: middle; 
}

.requirements-grid1 .grid-toppane .search .cmd-cancelsearch span { 
  display: inline-block; 
  width: 21px; 
  height: 21px; 
  background: transparent url(/media/grid-sprite1.png) -63px 0; 
}

.requirements-grid1 .head { 
  position: relative; 
  z-index: 2; 
  overflow: hidden; 
  border-style: solid; 
  border-width: 1px; 
  border-color: transparent;
  margin-bottom: 0px;
}

.requirements-grid1 .head > .content { 
  background: transparent; 
}

.requirements-grid1 .head.fixed > .content { 
  position: fixed; 
  left: 0; 
  top: 0; 
  width: 100%; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

.requirements-grid1 .head-fixed { 
  float: left; 
  position: relative;
}

.requirements-grid1 .head-scroll { 
  overflow: hidden; 
  position: relative; 
}

.requirements-grid1 .head-scroll .head-table { 
  display: inline-table; 
  vertical-align: top; 
  margin-right: 20px; 
  table-layout: fixed; 
  width: 0; 
  border-collapse: collapse; 
  border-bottom: 1px solid #E8E8E8;
}

.requirements-grid1 .head-scroll .head-table .col {
  border-top: none;
  border-left: none;
}

.requirements-grid1 .head-scroll .groups-table { 
  display: inline-table; 
  vertical-align: top; 
  margin-right: 20px; 
}

.requirements-grid1 .head-scroll .groups-table .head-table { 
  margin-right: 0; 
  border-left: 1px solid #E8E8E8; 
}

.requirements-grid1 .head-scroll .groups-table > tbody > tr > td:first-child .head-table {
  border-left: none; 
}

.requirements-grid1 .items-scroll { 
  overflow: hidden; 
  position: relative; 
}

.requirements-grid1 .items-scroll .items-table { 
  display: inline-table; 
  vertical-align: top; 
  margin-right: 20px; 
  table-layout: fixed; 
  width: 0; 
  border-collapse: collapse; 
  border-style: solid; 
  border-width: 0 1px 1px 0; 
  border-color: #E8E8E8; 
}

.requirements-grid1 .items { 
  /*overflow: hidden;  */
  border-style: none; 
  border-width: 0 1px 1px; 
  border-color: #E8E8E8; 
}

.requirements-grid1 .scroll-bar { 
  height: 19px; 
  overflow-y: hidden; 
  overflow-x: scroll; 
}

.requirements-grid1 .scroll-bar > .content { 
  height: 19px;  
  overflow: hidden; 
}

.requirements-grid1 .grid-bottompane { 
  position: relative; 
  z-index: 2; 
  text-align: right; 
  overflow: hidden; 
}

.requirements-grid1 .head-table,
.requirements-grid1 .items-table { 
  empty-cells: show; 
  font-size: 11px; 
  line-height: 14px; 
  color: #000f66; 
}

.requirements-grid1 .col { 
  border-left: 1px solid #E8E8E8; 
  -moz-user-select: -moz-none; 
  border-top:1px solid #E8E8E8;
}

.requirements-grid1 .item.group-start-2 .col { border-top-color: #000000; }
.requirements-grid1 .item.group-start-0 .col { border-top-width: 2px; border-top-color: #000000; }
.requirements-grid1 .item.group-start-2:first-child .col { border-top: none; }

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

.requirements-grid1 .field.inline-block { 
  display: inline-block; 
  vertical-align: middle; 
  font-weight: 300;
  margin-bottom: 0;
}
.requirements-grid1 .field.text .value-box { min-height: 14px; }
.requirements-grid1 .field .value-box .text { padding-top: 0; }

.requirements-grid1 .col * { 
  -moz-user-select: text; 
}

.requirements-grid1 .col:first-child { 
  border-left: none; 
}

.requirements-grid1 .col > div { 
  position: relative; 
  padding: 5px 7px; 
  min-height: 16px; 
}

.requirements-grid1 .col.edit > div { 
  padding: 1px; 
  overflow: hidden; 
}

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

.requirements-grid1 .items-table .col > div { 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
}

.requirements-grid1.line-edit .items-table .col { 
  height: 29px; 
}

.requirements-grid1 .head-table .col > div { 
  min-height: 12px; 
  padding: 8px 5px; 
}

.requirements-grid1 .head-table .col > div.height-2lines { 
  height: 24px; 
  padding: 4px 5px 6px; 
  line-height: 12px; 
}

.requirements-grid1 .head-table .col > div.height-3lines { 
  height: 36px; 
  padding: 4px 5px 6px; 
}

.requirements-grid1 .head-table .col > div .text { 
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .6px;
  line-height: 10px;
  color: rgba(111, 111, 111, 1);
}

.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: rgba(62, 63, 66, 1); 
  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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_minus.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)");
}

.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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"), 
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); 
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); 
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); 
  background-size: contain, 0; 
}

.image-reqtype-1{
  background-image: url("/_themes/default/content/media/grid/bug.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  background-size: contain; 
}
.image-reqtype-2{
  background-image: url("/_themes/default/content/media/grid/new.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  background-size: contain; 
}
.image-reqtype-3{ 
  background-image: url("/_themes/default/content/media/grid/increase.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  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 rgba(222, 224, 227, 1); 
  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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); 
  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(37, 141, 107, 1);
}
/* Card - At Risk */
.taskboard1 .card.status-2 .card-main-content { 
  border-color: #FFC107;
  border-width: 2px;
}
/* Card - Overdue */
.taskboard1 .card.status-3 .card-main-content { 
  border-color: rgba(214, 54, 62, 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 rgba(222, 224, 227, 1);
}

.taskboard1 .card-date { 
  position: relative;
  width: 115px;
  text-align: right;
  float: right; 
  font-size: 10px; 
  font-weight: 400; 
  line-height: 18px; 
  color: rgba(111, 111, 111, 1);
}

.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=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"); 
  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=250403&t=0&icon_color=rgba(214%2c+54%2c+62%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(214, 54, 62, 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: rgba(222, 224, 227, 1);
  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: rgba(111, 111, 111, 1);
}

.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: rgba(62, 63, 66, 1);
}

.taskboard1 .task.status-overdue .task-title,
.taskboard1 .task.status-at-risk .task-title {
  font-weight: 700;
}

.taskboard1 .task.status-overdue:before {
  background-color: rgba(214, 54, 62, 1);
}

.taskboard1 .task.status-at-risk:before {
  background-color: #FFC107;
}



/* Task - On Track */
.taskboard1 .task.status-on-track { 
  /*background: rgba(223, 191, 0, 0.15);*/
}
/* Task - At Risk */
.taskboard1 .task.status-at-risk { 
  background: #FFF7D8;
}
.taskboard1 .task.status-at-risk .task-date { 
  color: #FFC107;
  font-weight: 700; 
}
/* Task - Overdue */
.taskboard1 .task.status-overdue { 
  background: rgba(215, 55, 63, 0.15);
}
.taskboard1 .task.status-overdue .task-date { 
  color: rgba(214, 54, 62, 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; 
}










/* 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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)");
  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=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)");
  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; }















/*<--- exam popup --->*/
.examination-popup > .cmd-close {
  display: none;
}

.examination {
  font-family: 'NotoSansDisplay', sans-serif;
}

.examination .title {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  height: 36px;
  color: #EEEEEE;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  background-color: #000000;
  padding: 6px 0 5px 15px;
  box-sizing: border-box;
}

.examination .popup-head {
  display: none;
}

.examination .exam-greetings .greetings-title {
  line-height: 49px;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
  color: rgba(62, 63, 66, 1);
}

.examination .exam-greetings {
  position: relative;
  padding: 144px 0 100px 120px;
  background-image: url("/_themes/default/content/media/omnitep_logo.svg?stamp=250403&t=0&icon_color=%23FFFFFF");
  background-size: 100%;
  background-position: -210px;
  background-repeat: no-repeat;
  min-height: 350px;
}

.examination .exam-greetings:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("/_themes/default/content/media/exam_notebook.svg?stamp=250403&t=0&icon_color=%23FFFFFF");
  background-repeat: no-repeat;
  background-position: top 50% right 20px;
  background-size: 50%;
  z-index: -1;
}

.examination .exam-fail .exam-greetings:before {
  opacity: .1;
  background-position: top 50% right 100px;
  background-image: url("/_themes/default/content/media/exam_failed.svg?stamp=250403&t=0&icon_color=%23FFFFFF");
}

.examination .exam-pass .exam-greetings:before {
  background-position: top 50% right 100px;
  background-image: url("/_themes/default/content/media/exam_failed.svg?stamp=250403&t=0&icon_color=%23FFFFFF");
}

.popup .examination .popup-content,
.popup.auto-height .examination .popup-content {
  padding: 0;
}

.examination .start-text {
  margin-bottom: 48px;
}

.examination .start-text p {
  margin: 0;
}

.examination .start-text .value-box {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: rgba(62, 63, 66, 1);
  padding: 0;
  background-color: unset;
}

.popup .examination .question-content {
  padding: 49px 0 0 16px;
}

.popup .examination .popup-buttons {
  border: none;
  padding: 0 16px 16px 16px;
  margin: 0;
}

.examination .exam-popup-start .buttons-group .button {
  float: left;
  clear: both;
  margin-bottom: 15px;
}

.examination .exam-timer {
  position: absolute;
  top: 49px;
  right: 16px;
  margin: 0;
}

.examination .exam-timer .value-box {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: rgba(111, 111, 111, 1);
}

.examination .question-number {
  margin-bottom: 12px;
}

/*.examination .question-number*/

.examination .question-number .value-box {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: rgba(62, 63, 66, 1);
}

.examination .question-text {
  margin-bottom: 40px;
  max-width: 70%;
  max-height: 350px;
  overflow: auto;
}

.examination .question-text p {
  margin: 0;
}

.examination .question-text .value-box {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(62, 63, 66, 1);
  padding: 0;
  background-color: unset;
}

.examination .question-answers {
  margin-bottom: 40px;
}

.examination .exam-answer {
  max-width: 70%;
  border: 1px solid rgba(222, 224, 227, 1);
  border-radius: 8px;padding: 8px;
  margin-bottom: 12px;
  background-color: rgba(255, 255, 255, 1);
  user-select: none;
}

.examination .exam-answer:hover {
  border-color: rgba(178, 178, 178, 1);
}

.examination .exam-answer.selected {
  border-color: rgba(19, 114, 229, 1);
}

.examination .exam-answer .exam-answer-text .value-box {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: rgba(111, 111, 111, 1);
  padding: 0;
  background-color: unset;
  min-height: unset;
}

.examination .exam-answer:hover .exam-answer-text .value-box {
  color: #9c9c9c;
}

.examination .exam-answer > .content {
  
}

.examination .exam-answer > .content .field {
  margin: 0;
}

.examination .exam-answer > .content .check {
  float: left;
}

.examination .exam-answer > .content .check .value-box > .check {
  margin-top: 3px;
}

.examination .exam-answer > .content .check .field-value:after {
  content: none;
}

.examination .exam-answer > .content .check.round-select .field-value label {
  background-image: url("/_themes/default/content/media/icons/radio_button.svg?stamp=250403&t=0&border=rgba(222%2c+224%2c+227%2c+1)&bg=%23F0F5FA"), 
                    url("/_themes/default/content/media/icons/radio_button_active.svg?stamp=250403&t=0&border=rgba(178%2c+178%2c+178%2c+1)&bg=%23F0F5FA"),
                    url("/_themes/default/content/media/icons/radio_button_active.svg?stamp=250403&t=0&border=%23158DDC&bg=%23F0F5FA");
}

.examination .doubt-question {
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 16px;*/
  margin-top: 40px;
}

.examination .doubt-question.check.edit .field-label {
  color: rgba(219, 124, 18, 1);
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

.examination .doubt-question .field-value label {
  vertical-align: top;
  margin-top: 3px;
  background-image: url("/_themes/default/content/media/icons/checkbox.svg?stamp=250403&t=0&border=rgba(219%2c+124%2c+18%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(74%2c+74%2c+74%2c+1)"), 
                    url("/_themes/default/content/media/icons/checkbox_hover.svg?stamp=250403&t=0&border=rgba(219%2c+124%2c+18%2c+1)&bg=rgba(255%2c+255%2c+255%2c+1)&mark=rgba(219%2c+124%2c+18%2c+1)"),
                    url("/_themes/default/content/media/icons/checkbox_checked.svg?stamp=250403&t=0&border=rgba(219%2c+124%2c+18%2c+1)&bg=rgba(219%2c+124%2c+18%2c+1)&mark=rgba(255%2c+255%2c+255%2c+1)+");
}

.examination .undefined-questions {
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 330px;*/
}

.examination .undefined-questions .group {
  float: left;
}

.examination .undefined-questions .field {
  margin-bottom: 4px;
}

.examination .undefined-questions p {
  margin: 0;
  font-size: 12px;
  line-height: 15px;]
  color: rgba(111, 111, 111, 1);
}

.examination .undefined-questions .field .value-box {
  min-height: unset;
  overflow: hidden;
}

.examination .orange-highlight {
  color: rgba(219, 124, 18, 1);
}

.examination .undefined-questions .skipped-question-number {
  float: left;
  padding: 0;
  background-color: unset;
  border: none;
  margin-right: 4px;
  margin-bottom: 0;
  color: rgba(111, 111, 111, 1);
  cursor: pointer;
}

.examination .undefined-questions .skipped-question-number.skipped {
  color: rgba(219, 124, 18, 1);
}

.examination .undefined-questions .skipped-question-number:hover {
  color: #9c9c9c;
  background-color: unset;
}

.examination .undefined-questions .skipped-question-number .text {
  text-decoration: underline;
  font-weight: 400;
}

.examination .dropdown-question {
  margin-bottom: 24px;
}

.examination .dropdown-question .field-columns {
  margin: 0;
}

.examination .dropdown-question .field {
  display: inline-block;
  vertical-align: middle;
  float: unset;
  margin: 0 4px 0 0;
}

.examination .dropdown-question .field .value-box {
  display: flex;
  position: relative;
  font-size: 14px;
  line-height: 19px;
  color: rgba(111, 111, 111, 1);
}

.examination .dropdown-question .field .value-box:after {
  content: '';
  flex: 1;
  border-bottom: 1px dashed rgba(111, 111, 111, 1);
}

.examination .dropdown-question .field.edit.singlechoice .value-box:after {
  content: none;
}

.examination .dropdown-question .field.edit.singlechoice.changed .cmd-lookup {
  right: 2px;
}

.examination .dropdown-question .field.edit.singlechoice.changed .field-value:after {
  content: none;
}

.examination .dropdown-question .field.edit.singlechoice .icon {
  background-size: contain, 0, 0;
  background-image: url("/_themes/default/content/media/icons/arrow_down_bold.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/arrow_down_bold.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/arrow_up_bold.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

.examination .dropdown-question .field.edit.singlechoice:hover .icon {
  background-size: 0, contain, 0;
}

.examination .dropdown-question .field.edit.singlechoice .value-box.active .icon {
  transform: none;
  background-size: 0, 0, contain;
}

.examination .typing-question {
  margin-bottom: 12px;
}

.examination .typing-question:last-child {
  margin: 0;
}

.examination .typing-question .field {
  margin: 0;
}

.examination .typing-question .field .field-value:after {
  content: none;
}

.examination .typing-question .field .field-label {
  margin-right: 10px;
}

.examination .typing-question .field .field-label,
.examination .typing-question .field .field-value {
  float: unset;
  display: inline-block;
  vertical-align: middle;
}

.examination .exam-timer .hours,
.examination .exam-timer .minutes,
.examination .exam-timer .seconds {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: rgba(111, 111, 111, 1);
}

.examination .exam-timer .minutes.ends,
.examination .exam-timer .seconds.ends {
  color: rgba(214, 54, 62, 1);
}

.examination .button {
  float: right;
  border: 1px solid rgba(222, 224, 227, 1);
  background-color: #000000;
  color: #EEEEEE;
  box-sizing: border-box;
  padding: 6px 24px 7px 24px;
  border-radius: 4px;
}

.examination .button.secondary {
  float: left;
  margin-right: 0;
  color: rgba(62, 63, 66, 1);
  background-color: rgba(255, 255, 255, 1);
}

.examination .button.secondary:hover {
  border-color: rgba(178, 178, 178, 1);
}

.examination .popup-buttons .button.secondary {
  margin-right: 0;
}

.examination .popup-buttons .button:first-child {
  margin-right: 17px;
}

.examination .button:hover {
  border-color: rgba(178, 178, 178, 1);
  background-color: rgba(0, 85, 187, 1);
}

.examination .button.secondary:hover {
  color: #9c9c9c;
  background-color: rgba(255, 255, 255, 1);
}

.examination .button.disabled {
  background-color: #F3F3F3;
  color: rgba(178, 178, 178, 1) ;
  border-color: transparent;
}

.examination .button.secondary.disabled {
  color: rgba(178, 178, 178, 1) ;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(222, 224, 227, 1);
}

.examination .button .image {
  background-size: contain, 0, 0;
}

.examination .button:hover .image {
  background-size: 0, contain, 0;
}

.examination .button.disabled .image {
  background-size: 0, 0, contain;
}

.examination .button.next .image {
  float: right;
  margin-left: 4px;
  margin-right: 0;
  background-image: url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_right_filled.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.examination .button.prev .image {
  margin-right: 4px;
  background-image: url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=250403&t=0&icon_color=rgba(43%2c+43%2c+43%2c+1)"),
                    url("/_themes/default/content/media/icons/circled_arrow_left_filled.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)");
}

.examination .button .text {
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
}

.examination-popup-content {
  padding: 12px 16px 0 16px;
}

.examination-popup-content .popup-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 40px;
}

.examination-popup-content .popup-text {
  line-height: 19px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(62, 63, 66, 1);
}

.examination.time-over .popup-buttons {
  text-align: center;
}

.examination.time-over .popup-buttons .button {
  float: unset;
}

.examination .field .value-box {
  padding: 0;
  background-color: unset;
}

/*.examination-time-over .popup-head {*/
/*  display: none;*/
/*}*/

/*.examination-time-over .popup-title {*/
/*  font-size: 24px;*/
/*  line-height: 32px;*/
/*  font-weight: 600;*/
/*  margin-bottom: 40px;*/
/*}*/

/*.examination-time-over .popup-text {*/
/*  line-height: 19px;*/
/*  font-size: 14px;*/
/*  font-weight: 400;*/
/*  color: rgba(62, 63, 66, 1);*/
/*}*/

/*.examination-time-over .examination-popup-content {*/
/*  padding: 12px 16px 0 16px;*/
/*}*/

/*.examination-time-over .popup-buttons {*/
/*  text-align: center;*/
/*}*/

/*.examination-time-over .popup-buttons .button {*/
/*  float: unset;*/
/*}*/



























.ide-workspace .designer-workspace .designer-main-pane {
  background-color: #F0F5FA;
  position: absolute;
  left: 0;
  right: 0;
  top: 41px;
  bottom: 0;
  margin: 0;
  box-shadow: none;
}

.ide-workspace .page-designer .sitebar{ z-index: 2;}
.ide-workspace .designer-workspace.ws1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; padding-top: 30px; }
.ide-workspace .designer-workspace .design-element.tool-pane{ padding-top: 10px; }
.ide-workspace .designer-workspace .design-element.tool-pane .button{ color: #404040; margin-bottom: 10px; }
.ide-workspace .workspace-main-pane .designer-workspace .title-pane{ margin-bottom: 0;}

.ide-workspace .designer-workspace.ws1 .designer-main-pane{
  background-color: rgba(244, 244, 244, 1);
  position: absolute;
  left: 0;
  right: 0;
  top: 124px;
  bottom: 0;
  margin: 0;
}
.ide-workspace .designer-workspace.ws1 .designer-main-pane.box-a{ box-shadow:none;}

/* workspace-pane-a */
.ide-workspace .designer-pane-a { margin: 0;}

.ide-workspace .designer-pane-a > .head{ 
  text-transform: none;
  font-size: 14px;
  padding: 0;
  background-color: rgba(255, 255, 255, 1);
  font-family: NotoSansDisplay, sans-serif;
  line-height: 19px;
  color: #404040;
  /*height: 44px;*/
  margin: 8px 12px;
  box-sizing: border-box;
}

.ide-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=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/pin_filled.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/icons/pin_pinned.svg?stamp=250403&t=0&icon_color=%23000000");
  background-size: contain, 0 0, 0 0;
  background-repeat: no-repeat;
  cursor: pointer;  
  border: none;
  transform: none;
}

.ide-workspace .designer-pane-a > .head .pin:hover {
  background-size: 0 0,contain;
}

.ide-workspace .designer-pane-a.pinned > .head .pin {
  background-size: 0 0, 0 0, contain;
}

/* Pin bar */
.ide-workspace .designer-workspace .left-pin-bar .pin-bar-element, .ide-workspace .designer-workspace .left-pin-bar .pin-bar-element:hover,
.ide-workspace .designer-workspace .right-pin-bar .pin-bar-element, .ide-workspace .designer-workspace .right-pin-bar .pin-bar-element:hover{ background-color: transparent; border:none;}

.ide-workspace .designer-properties-pane .content,
.ide-workspace .designer-toolbox-pane > .content,
.ide-workspace .designer-explorer-pane.preview-pages > .content,
.ide-workspace .designer-pane-a > .content{ top: 38px; height: Calc(100% - 38px);}

.ide-workspace .designer-workspace .designerv2 .designer-left-pane{ top: 0; border-color: rgba(244, 244, 244, 1); 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;
}
.ide-workspace .designer-workspace .designerv2 .designer-left-pane:after{ content: ' '; position:absolute; right: -10px; width: 10px; top: 0; bottom: 0; 
    box-shadow: 0px 0px 5px #00000033;
}
.ide-workspace .designer-workspace .designerv2 .designer-content-pane{ top: 0; border-color: rgba(244, 244, 244, 1); border-width: 10px; border-bottom-width: 3px;
    box-shadow: 0px 0px 5px #00000033;
}
.ide-workspace .designer-workspace .designerv2 .designer-right-pane{ top: 0; border-color: rgba(244, 244, 244, 1);  border-left-width: 0px; border-bottom-width: 3px;}

/* Main Title */
.ws1 .title-pane-style-d .title-pane{ background-color: rgba(244, 244, 244, 1); height: 84px;}
.ws1 .title-pane-style-d > .title-pane .head{ background-color: rgba(255, 255, 255, 1); }
.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; }

.design-element.designer-pane-a .items {
  top: 40px !important;
}

.ide-workspace .design-element.designer-pane-a .search {
  position: relative;
  display: block;
  box-sizing: border-box;
  min-height: 32px;
  vertical-align: top;
  margin: 0;
  border: 1px solid rgba(201, 201, 201, 1);
  cursor: text;
  padding: 0;
  border-radius: 4px;
  margin-left: 12px;
  margin-right: 12px;
}

.ide-workspace .design-element.designer-pane-a .search input{ 
  font-size: 12px; 
  font-style:normal; 
  padding-right: 50px !important;
  padding-left: 10px !important;
  min-height: 30px;
  border: none;
  border-radius: 4px;
  padding: 0 27px 0 27px;
}

.ide-workspace .design-element.designer-pane-a .search input::placeholder {
  font-size: 14px;
  font-family: NotoSans, sans-serif;
  color: rgba(141, 141, 141, 1);
}

.design-element.designer-pane-a .search .cmd-search{
  right: 5px !important;
  top: 4px !important;
  background-image: url("/_themes/default/content/media/icons/search_with_bg.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)") !important;
  background-size: 17px !important;
}

.design-element.designer-pane-a .search.has-input .cmd-cancel{
  left: auto !important;
  right: 27px !important;
  top: 4px !important;
}

.form.left-collapsed .field.widget-formdesigner2{ left: 10px;}
.form.right-collapsed .field.widget-formdesigner2{ right: 10px;}


.designer-tools-pane {
  position: relative;
  text-align: left;
  height: 30px;
  line-height: 30px;
  color: #404040;
  z-index: 2;
  margin-bottom: 20px;
}

.designer-tools-pane .image {
  vertical-align: middle;
  background-size: 0 0, contain;
}

.designer-tools-pane .button {
  padding: 0 40px 0 0;
  text-decoration: none;
  color: inherit;
}

.designer-tools-pane .button .image {
  margin-right: 5px;
}

.design-element .grid .icon { display:block; width:16px; height:16px; background-size:contain;}
.design-element .grid .icon.icon-delete { background-image: url("/_themes/default/content/media/icons/cross.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"); }

/* Properties */
.design-element .elements-properties .items .item .cell.value .input{ font-size:12px; line-height: 18px; padding: 1px 2px 1px 2px;}
.design-element .properties-item-picker, .design-element .properties-color-picker, .design-element .properties-views-picker{ z-index: 30;}
.design-element .properties-color-picker .colors-container .color-block .color-name{ color: #323232;}
.design-element .properties-item-picker .items-container .item-block .item-name{ color: #323232;}
.design-element .properties-views-picker .views-container .views-block label{ color: #323232;}
.design-element .properties-views-picker .views-container .views-block input{ width: auto;}
.design-element .elements-properties .items .item .cell.name{ background-color: #FFFFFF; }
.design-element .designer-pane-a .items .item .cell.type-text{ background-color: #FFFFFF; }

/* Toolbar */
.design-element .toolbar-drop-down .drop-down-menu-item{ color: #323232;}
.ide-workspace .designer-workspace .widget-toolbar .toolbar-drop-down-menu{ color: #323232;}

/* Dragging */
.ide-workspace .drag-info{ color: #323232; }

/* Menu */
.menu-tab.designer-menu .items .item{ background: #FFF; }
.menu-tab.designer-menu .items .item:hover{ background: #EEE; }
.menu-tab.designer-menu .items .item .image-col{ display:none;}
.menu-tab.designer-menu .items .item .name{ padding-left: 5px;}

.ide-workspace .designer-workspace .design-element.tool-pane .button.disabled{ opacity: 0.5;}
.ide-workspace .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 */
.popup .styles-editor .search input{ font-size: 12px; font-style:normal; background-color: #FFFFFF; }  
.popup .styles-editor .grid-part .item{ color: #404040; }
.popup .styles-editor .grid-part .item.selected{ background-color: rgba(255, 255, 255, 1);}
.popup .styles-editor .grid-part .item:hover{ background-color: rgba(255, 255, 255, 1);}
/*.popup .cmd-close, .context-message .cmd-close{ z-index: 5;}*/

/* toolbar */
.ide-workspace .designer-workspace.ws1 .tool-pane .button.collapse{ display: inline-block !important;}
.ide-workspace .designer-workspace.ws1 .tool-pane .button.collapse-buttons{ display:none !important; }
@media only screen and (max-width: 1735px) 
{
	.ide-workspace .designer-workspace.ws1 .tool-pane .button.collapse{ display: none !important;}
	.ide-workspace .designer-workspace.ws1 .tool-pane .button.collapse-buttons{ display:inline-block !important; }
}

.ide-workspace .designer-workspace .design-element .element-image{ background-size: auto; }

.pform1 .pf-field {
    overflow: hidden;
    box-sizing: border-box;
}

.pform1 .pf-field-value {
    overflow: hidden;
}


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










.widget-roadmap .stage-container.status-2:before {
  background-color: #000000 !important;
}

.widget-roadmap .stage-container.status-2 .stage-icon {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.widget-roadmap .stage-container.status-2 .stage-name {
  color: #000000 !important;
}
.paperform {
  background-color: rgba(244, 244, 244, 1);
  position: absolute;
  top: 110px;
  bottom: 0px;
  overflow: auto;
  left: 0;
  right: 0;
  padding: 20px 40px;
}

.paperform .statusmeeting {
  margin: 0 auto;
}

.statusmeeting.page {
  margin-bottom: 15px;
}

.statusmeeting {
  position: relative;
  max-width: 840px;
  padding: 40px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 1);
}

.statusmeeting .statusmeeting-head {
  position: relative;
}

.statusmeeting .statusmeeting-title {
  border-bottom: 1px solid rgba(222, 224, 227, 1);
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.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-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 rgba(222, 224, 227, 1);
  margin-bottom: 10px;
}

.statusmeeting .statusmeeting-participants-grid .org-logo {
  position: absolute;
  top: 10px;
  right: 0;
}

.statusmeeting .statusmeeting-participants-grid .participant .contact-info {
  margin-right: 7px;
  margin-bottom: 0;
}

.statusmeeting .statusmeeting-participants-grid .participant .contact-info img {
  border-radius: 50%;
}

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

.statusmeeting .statusmeeting-participants-grid .title-line .title {
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 0;
}

.statusmeeting .statusmeeting-participants-grid .content-line {
  margin-bottom: 0;
}
 
.statusmeeting .statusmeeting-participants-grid .content-line .static-field {
  margin-bottom: 0;
  margin-right: 5px;
}

.statusmeeting .statusmeeting-participants-grid .content-line .static-field:after {
  content: '/';
  margin-left: 5px;
}

.statusmeeting .statusmeeting-participants-grid .content-line .static-field:last-child:after {
  content: none;
}

.statusmeeting .multichoicelookup .value-box input {
  float: left;
}

.statusmeeting .participant-search {
  overflow: hidden;
}

.statusmeeting .participant-search .field,
.statusmeeting .participant-search .button {
  float: right;
}

.statusmeeting .participant-search .button {
  margin-top: 5px;
}

.statusmeeting .project-tasks {
  margin-bottom: 40px;
}

.statusmeeting .project-tasks > .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 .statusmeetings-summary {
  margin-bottom: 0;
}

.statusmeeting .statusmeetings-summary .content {
  overflow: hidden;
}

.statusmeeting .statusmeetings-summary .statusmeeting-comment {
  border: 1px solid rgba(222, 224, 227, 1);
  width: 500px;
  margin-bottom: 0;
}

.statusmeeting .statusmeetings-summary .date {
  float: right;
}

.statusmeeting .page-number {
  border-top: 1px solid rgba(178, 178, 178, 1);
  text-align: right;
  padding-top: 5px;
}

/*<--- statusmeeting grid-f --->*/
.statusmeeting .grid-f .items > div {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid rgba(222, 224, 227, 1);
}

.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: rgba(62, 63, 66, 1);
  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;
}

















































/* 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; }
.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: rgba(222, 224, 227, 1);
}

.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: rgba(74, 74, 74, 1);
  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=250403&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/context_menu.svg?stamp=250403&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: rgba(111, 111, 111, 1);
  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: rgba(255, 255, 255, 1);
  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: rgba(255, 255, 255, 1);
  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;
}
















.image-card {
  background-image: url("/_themes/default/content/media/images/card.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/card.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-circle_check {
  background-image: url("/_themes/default/content/media/images/circle_check.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/circle_check-hover.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-copy1 {
  background-image: url("/_themes/default/content/media/images/copy1.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/copy1-hover.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-document {
  background-image: url("/_themes/default/content/media/images/document.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/document-hover.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-excel {
  background-image: url("/_themes/default/content/media/images/excel.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/excel-hover.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-filter {
  background-image: url("/_themes/default/content/media/images/filter.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/filter-hover.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-folder {
  background-image: url("/_themes/default/content/media/images/folder.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/folder-hover.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-form {
  background-image: url("/_themes/default/content/media/images/form.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/form-hover.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-pay {
  background-image: url("/_themes/default/content/media/images/pay.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/pay-hover.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
.image-popup {
  background-image: url("/_themes/default/content/media/images/popup.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/images/popup.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)")
}
body {
  color: inherit;
}

body > * {
  font-family: ProximaNova, sans-serif;
}

.sitebar {
  border: none;
}

.sitebar .right-part {
  margin-top: 8px;
  margin-right: 5px;
}

.sitebar .username {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("/_themes/default/content/media/user.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.sitebar .left-part .company-logo {
  margin-top: 3px;
  width: 100px;
  background-image: url("/_themes/default/content/media/logo.svg?stamp=250403&t=0");
}

.popup .popup-buttons .button:first-child {
  background-color: #0BDA51;
  color: #000000;
}

.field.check .field-value label {
  padding-bottom: 3px;
}

.field.check.edit.changed .field-value:after {
  content: none;
}

.field .field-value .remarks {
  display: block;
  text-align: right;
  line-height: 15px;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(111, 111, 111, 1);
  opacity: .6;
}


.field .value-box input {
  height: 30px;
}

.field.edit.singlechoice .value-box {
  padding-top: 5px;
}

.signin-formnew {
  top: 40px;
  z-index: 2;
}

.signin-formnew:after {
  content: none;
}

.signin-panenew {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: unset;
  width: unset;
  display: flex;
}

.signin-panenew .signin-left-part {
  position: relative;
  width: 50%;
}

.signin-panenew .signin-data {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.signin-panenew .signin-right-part {
  position: relative;
  width: 50%;
}

.signin-panenew .signin-right-part:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/_themes/default/content/media/logo.svg?stamp=250403&t=0");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 10%;
  width: 40%;
  z-index: 1;
}

.signin-panenew .signin-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("/_themes/default/content/media/login_bg.png?stamp=250403&t=0");
}

.signin .field .field-label {
  color: #000000; 
}

.signin-formnew .field.username .field-value .value-box:before,
.signin-formnew .field.password .field-value .value-box:before {
  content: none;
}

.signin-formnew .field .field-value .value-box input {
  padding: 5px 10px;
  height: 30px;
}

.signin-formnew .field .field-value .value-box {
  overflow: hidden;
}

.signin-formnew .signin-title {
  font-weight: 700;
  font-size: 28px;
  text-align: left;
  margin-bottom: 25px;
  color: #000000;
}

.signin-formnew .signin-message {
  font-weight: 400;
  font-size: 14px;
  text-align: justify;
  color: #000000;
}

.signin-panenew .button {
  display: block;
  margin-top: 30px;
}

.signin-panenew .field.captcha {
  
}

.signin-panenew .field.captcha .value-box {
  border: none;
}

.signin-panenew .field.captcha .value-box:before {
  top: 33px;
}

.signin-panenew .field.captcha .value-box .captcha {
  border: 1px solid  rgba(222, 224, 227, 1);
  padding-left: 10px;
  height: 32px;
  border-radius: 4px;
}

.navigation {
  top: 44px;
  background-color: #000000;
}

.navigation .html > .nav > .item.active {
  background-size: 0, 20px, 0, 0;
}

.navigation .html > .nav > .item > a {
  color: #EEEEEE;
}

.navigation .item.level1.active .item.active > a {
  color: #EEEEEE;
}

.navigation .item > .nav a {
  color: #9c9c9c;
}

.navigation .item > .nav > .item:hover a {
  color: #EEEEEE;
}

.navigation .item.page-addressbook,
.navigation .item.page-addressbook .nav-header {
  background-image: url("/_themes/default/content/media/home.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/home.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/home.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/home.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.navigation .item.page-dataexchange,
.navigation .item.page-dataexchange .nav-header {
  background-image: url("/_themes/default/content/media/icons/sitebar/dataexchange.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/dataexchange.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/icons/sitebar/dataexchange.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/icons/sitebar/dataexchange.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.navigation .item.page-system,
.navigation .item.page-system .nav-header {
  background-image: url("/_themes/default/content/media/configuration.svg?stamp=250403&t=0&icon_color=rgba(141%2c+141%2c+141%2c+1)"),
                    url("/_themes/default/content/media/configuration.svg?stamp=250403&t=0&icon_color=%23EEEEEE"),
                    url("/_themes/default/content/media/configuration.svg?stamp=250403&t=0&icon_color=rgba(178%2c+178%2c+178%2c+1)"),
                    url("/_themes/default/content/media/configuration.svg?stamp=250403&t=0&icon_color=%23EEEEEE");
}

.navigation .navigation-pin:hover {
  background-size: 22px, 0, 0, 0;
}

.navigation.expanded .navigation-pin:hover {
  background-size: 0, 0, 22px, 0;
}

.navigation .item > .nav.side-popup {
  background-color: #000000;
}

.navigation .side-popup .nav-header {
  color: #EEEEEE;
}

.navigation .item > .nav.side-popup {
  left: 53px;
}

.horizontal-scrollbar-container .scrollbar-track.expanded::-webkit-scrollbar-thumb,
.vertical-scrollbar-container .scrollbar-track.expanded::-webkit-scrollbar-thumb {
  background-color: #0BDA51;
} 

.grid-a .item .col.active {
  border-color: #000000;
}

.grid-a .item.hover {
  background-color: rgba(249, 249, 249, 1);
}

.grid-a .item.selected {
  background-color: rgba(43, 43, 43, 0.06);
}

.grid-a .head-table .col.hover {
  color: #404040;
}

.popup .cmd-close {
  top: 10px;
  right: 15px;
  background-image: url("/_themes/default/content/media/cross.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)"),
                    url("/_themes/default/content/media/cross.svg?stamp=250403&t=0&icon_color=rgba(74%2c+74%2c+74%2c+1)");
}

body > .loading .box {
  width: 100px;
  height: 100px;
  background-image: url("/_themes/default/content/media/logo.svg?stamp=250403&t=0");
  /*animation: .8s ease infinite loading_animation;*/
}


@keyframes loading_animation {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

.right-align {
  justify-content: center;
}

.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;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 1);
  min-height: 32px;
  border-radius: 4px;
  line-height: 32px;
  padding-left: 10px;
}

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

.static-field.bottom-text {
  font-weight: bold;
  text-align: right;
}