/*! jQuery UI - v1.12.1 - 2017-03-20
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23000000&borderColorHighlight=%23dddddd&bgTextureHighlight=flat&bgColorHighlight=%23e9e9e9&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%23dddddd&bgTextureActive=flat&bgColorActive=%23e83b83&iconColorHover=%23555555&fcHover=%23000000&borderColorHover=%23cccccc&bgTextureHover=flat&bgColorHover=%23ededed&iconColorDefault=%23777777&fcDefault=%23000000&borderColorDefault=%23c5c5c5&bgTextureDefault=flat&bgColorDefault=%23ffffff&iconColorContent=%23444444&fcContent=%23000000&borderColorContent=%23dddddd&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23444444&fcHeader=%23000000&borderColorHeader=%23dddddd&bgTextureHeader=flat&bgColorHeader=%23e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* 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-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;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

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

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.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: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.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;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 3px;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker td .ui-state-hover
{
	border: 1px solid #ededed;
}

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

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.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: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	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-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: "Open Sans", sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #000000;
}
.ui-widget-content a {
	color: #000000;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #000000;
}
.ui-widget-header a {
	color: #000000;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #ffffff;
	background: #ffffff;
	font-weight: normal;
	color: #000000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #000000;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	background: #ededed;
	font-weight: normal;
	color: #000000;
}
.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,
a.ui-button:hover,
a.ui-button:focus {
	color: #000000;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #dddddd;
	background: #e83b83;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #dddddd;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background-color: #e83b83;
	border: 1px solid #e83b83;
	color: white;
}
.ui-state-checked {
	border: 1px solid #dddddd;
	background: #e9e9e9;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #000000;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.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: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -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 {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/css/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/css/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/css/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/css/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/css/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/css/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/css/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/css/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/css/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/css/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/css/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/css/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/css/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/css/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/css/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/css/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/css/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }#popup_container {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	min-width: 200px; /* Dialog will be no smaller than this */
	max-width: 400px; /* Dialog will wrap after this width */
	background:#f4f4f4 url(../images/pic2.gif) repeat-x;
	border:1px solid #e6e6e6;
	padding:16px;
	margin-top:3px;
	margin-bottom:15px;
	color: #000;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

#popup_title {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75em;
	color: black;
	cursor: default;
	margin-bottom: 10px;
}

#popup_content {
        	
        
}

#popup_content.alert {

}

#popup_content.confirm {

}

#popup_content.prompt {

}

#popup_message {
    margin: 10px 10px 10px 0;
    line-height:200%;
}

#popup_panel {
	text-align: right;
	margin: 0;
        padding: 0px;
}

#popup_prompt {
	margin: .5em 0em;
}

#popup_overlay {
    /*background-color: black;
    background: transparent;*/
    zoom: 1;
    z-index: 99998;
    position: absolute;
    height: 100%;
    width: 100%;
    /*filter: alpha(opacity=70);*/
    /* Fallback for web browsers that doesn't support RGBa */
    /*background: rgb(0, 0, 0);*/
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.3);
    /* For IE 5.5 - 7*/    
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    background-image: url(../images/trans_bg.png);
}/* @group Base */
.chzn-container {
  font-size: 12px;
  position: relative;
  display: inline-block;
  zoom: 1;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  left: 0;
  z-index: 1010;
}

/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaaaaa;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  text-decoration: none;
}
.chzn-container-single .chzn-default {
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-default span {
  color: grey;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('chosen-sprite.png') right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('chosen-sprite.png') no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
  border-top: 1px solid #aaa;
}
.chzn-container-single .chzn-search input {
  background: #fff url('chosen-sprite.png') no-repeat 100% -22px;
  background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: default;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  background: white url('/images/icons/arrow-down.svg') 99% 10px no-repeat;
  background-size: 8px 8px;
}
.chzn-container-active.chzn-container-multi .chzn-choices {
  background-image: url('/images/icons/arrow-up.svg');
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #ccc;
  font-family:Verdana,Arial,Helvetica,sans-serif;
}
.chzn-container-multi .chzn-choices .search-choice {
  /*-webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;*/
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('chosen-sprite.png') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  max-height: 240px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid #222!important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 1;
  padding: 10px 15px;
  margin: 0;
  color: #222222;
  list-style: none;
  font-size: 14px;
}
.chzn-container .chzn-results li:not(:last-child) {
  border-bottom: 1px solid #DDD !important;
}
.chzn-container .chzn-results.tags li {
  line-height: 30px;
}
.chzn-container .chzn-results.tags li span{
	padding:0px;
	margin:0px;
	line-height:16px;
}
.chzn-container .chzn-results.tags li span a{

}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  /*background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);*/
  background-color: #1E6193;
  background-image: url("../images/submenuhover.gif");
  background-repeat: repeat-x;

  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  border: 1px solid #3AA7DD;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  background-color: #eee;
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  border: 1px solid #AAA;
}
.chzn-container-active .chzn-choices .search-field input {
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
}
.chzn-disabled .chzn-single {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; color:black; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: #fff url('chosen-sprite.png') no-repeat -38px -22px;
  background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
/* @end */

#feedbackCategories a.chzn-single, #feedbackCategories div.chzn-drop {
  border-color:#FF0000;
}

.chzn-container-single .chzn-single span img{
	vertical-align:middle;
}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.3
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  /*-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);*/
          /*box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);*/
  display: none;
}

.chosen-container.chosen-with-drop .chosen-drop {
  display: block;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  height: 25px;
  border: 1px solid #aaa;
  /*border-radius: 5px;*/
  background-color: #fff;
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));*/
  /*background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);*/
  background-clip: padding-box;
  /*-webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);*/
          /*box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);*/
  color: black;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-single input[type="text"] {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left:8px;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/css/chosen/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/css/chosen/chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("/css/chosen/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  /*background-color: #3875d7;*/
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));*/
  /*background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);*/
  background-color: #1E6193;
  background-image: url(../../images/submenuhover.gif);
  background-repeat: repeat-x;
  color: white;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background: white url(/images/arrow.png) 99% 5px no-repeat;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  /*-webkit-box-shadow: none;*/
          /*box-shadow: none;*/
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  /*border-radius: 3px;*/
  /*background-color: #eeeeee;*/
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));*/
  /*background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);*/
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  /*-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);*/
          /*box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);*/
  color: black;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/css/chosen/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  /*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
          /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));*/
  /*background-image: linear-gradient(#eee 20%, #fff 80%);*/
  /*-webkit-box-shadow: 0 1px 0 #fff inset;*/
          /*box-shadow: 0 1px 0 #fff inset;*/
  background-color: #eee;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  /*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
          /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("/css/chosen/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
.chosen-container .chosen-results
{
  font-size: 11px;
  color:black;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */
@charset "UTF-8";
#usersTableWrapper .feedback-corrective-actions p {
  padding: 10px 0; }
#usersTableWrapper .feedback-outstandings-table p {
  padding: 10px 0; }
#usersTableWrapper .feedback-outstandings-table.feedback-overall-status {
  width: 50%; }

.notifications-list .coll__name, .notifications-list .coll__actual, .notifications-list .coll__plan, .notifications-list .coll__target, .notifications-list .coll__progress, .notifications-list .coll__kpi, .notifications-list .coll__comment, .notifications-list .coll__actions {
  color: white; }

input[type=text]::-ms-clear {
  display: none;
  /* The cross is hidden by setting the display attribute as "none" */ }

.chzn-container {
  padding: 0;
  display: inline-block; }
  .chzn-container.chzn-container-active .chzn-single .ng-binding::after {
    border-right: 1px solid #e83b83 !important;
    border-bottom: 1px solid #e83b83 !important; }
  .chzn-container .chzn-single {
    height: auto !important;
    padding: 0 !important;
    border-bottom: 1px solid #ccc;
    border-radius: 0px !important;
    width: 100%;
    font-size: 16px !important;
    color: #303030 !important;
    background-color: transparent !important; }
    .chzn-container .chzn-single .ng-binding {
      margin: 0;
      position: relative;
      font-size: 12px !important;
      font-weight: 400 !important; }
      .chzn-container .chzn-single .ng-binding::after {
        content: '';
        position: absolute !important;
        top: 50%;
        right: 10px;
        display: block;
        width: 5px;
        height: 5px;
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        transform: rotate(45deg) translateY(-50%); }
    .chzn-container .chzn-single div {
      display: none; }
  .chzn-container .chzn-drop {
    top: 25px;
    border-top: none !important;
    border-radius: 0 !important;
    width: 100%;
    border: 1px solid #ccc; }
    .chzn-container .chzn-drop .chzn-search {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #eee;
      height: 42px;
      padding-left: 14px;
      padding-right: 16px;
      padding-top: 16px; }
      .chzn-container .chzn-drop .chzn-search input {
        font-family: "Graphik Web";
        height: 18px;
        width: calc(100% - 14px);
        border-radius: 11px;
        padding: 0;
        padding-left: 14px;
        font-weight: 400;
        font-size: 10px;
        background: none; }
      .chzn-container .chzn-drop .chzn-search .chzn-search-icon {
        width: 12px;
        height: 12px;
        background-size: 12px 12px;
        display: inline-block;
        position: absolute;
        right: 24px;
        top: 20px;
        background-image: url(/images/icons/search-ltgrey.svg); }
    .chzn-container .chzn-drop .chzn-results {
      border-bottom: 0 !important;
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
      .chzn-container .chzn-drop .chzn-results .active-result .chosen-optn-icon.icon-ascending, .chzn-container .chzn-drop .chzn-results .active-result .chosen-optn-icon.icon-ascending-positive, .chzn-container .chzn-drop .chzn-results .active-result .chosen-optn-icon.icon-ascending-negetive {
        background-image: url("/images/icons/kpis/7-Ascending-pink.svg"); }
      .chzn-container .chzn-drop .chzn-results .active-result .chosen-optn-icon.icon-descending {
        background-image: url("/images/icons/kpis/8-Descending-pink.svg"); }
      .chzn-container .chzn-drop .chzn-results .active-result .chosen-optn-icon.icon-smiley {
        background-image: url("/images/icons/kpis/8.5-Smiley-pink.svg"); }
      .chzn-container .chzn-drop .chzn-results li {
        font-size: 12px;
        color: #303030;
        padding: 0 15px;
        min-height: 42px;
        line-height: 25px;
        border-bottom: 1px solid #EDEDED !important;
        position: relative;
        display: flex;
        align-items: center; }
        .chzn-container .chzn-drop .chzn-results li.tag-selector-row {
          padding-left: 32px;
          width: calc(100% - 47px); }
          .chzn-container .chzn-drop .chzn-results li.tag-selector-row .tag-selector-icons {
            top: 4px; }
          .chzn-container .chzn-drop .chzn-results li.tag-selector-row.indented {
            padding-left: 48px;
            width: calc(100% - 63px); }
        .chzn-container .chzn-drop .chzn-results li .chosen-optn-icon {
          display: inline-block;
          width: 20px;
          height: 20px;
          background-size: 20px 20px;
          margin-right: 10px; }
          .chzn-container .chzn-drop .chzn-results li .chosen-optn-icon.icon-ascending, .chzn-container .chzn-drop .chzn-results li .chosen-optn-icon.icon-ascending-positive, .chzn-container .chzn-drop .chzn-results li .chosen-optn-icon.icon-ascending-negetive {
            background-image: url("/images/icons/kpis/7-Ascending.svg"); }
          .chzn-container .chzn-drop .chzn-results li .chosen-optn-icon.icon-descending {
            background-image: url("/images/icons/kpis/8-Descending.svg"); }
          .chzn-container .chzn-drop .chzn-results li .chosen-optn-icon.icon-smiley {
            background-image: url("/images/icons/kpis/8.5-Smiley.svg"); }
      .chzn-container .chzn-drop .chzn-results .highlighted {
        background-image: none;
        background-repeat: no-repeat;
        background-color: white; }
        .chzn-container .chzn-drop .chzn-results .highlighted:not(.no-hover) {
          background-color: #F2F2F2;
          color: #E83B83; }
        .chzn-container .chzn-drop .chzn-results .highlighted .chosen-optn-icon.icon-ascending, .chzn-container .chzn-drop .chzn-results .highlighted .chosen-optn-icon.icon-ascending-positive, .chzn-container .chzn-drop .chzn-results .highlighted .chosen-optn-icon.icon-ascending-negetive {
          background-image: url("/images/icons/kpis/7-Ascending-pink.svg");
          filter: grayscale(0%); }
        .chzn-container .chzn-drop .chzn-results .highlighted .chosen-optn-icon.icon-descending {
          background-image: url("/images/icons/kpis/8-Descending-pink.svg");
          filter: grayscale(0%); }
        .chzn-container .chzn-drop .chzn-results .highlighted .chosen-optn-icon.icon-smiley {
          background-image: url("/images/icons/kpis/8.5-Smiley-pink.svg");
          filter: grayscale(0%); }
    .chzn-container .chzn-drop .item-expander {
      display: inline-block;
      position: absolute;
      right: 24px;
      top: 12px;
      border: 1px solid #d6d6d6;
      border-radius: 4px;
      width: 16px;
      height: 16px;
      z-index: 2;
      cursor: pointer; }
      .chzn-container .chzn-drop .item-expander:before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        transform: rotate(225deg);
        position: relative;
        top: 5px;
        left: 4px; }
    .chzn-container .chzn-drop .item-expander.item-expanded {
      border: 1px solid #ffc5dc; }
      .chzn-container .chzn-drop .item-expander.item-expanded:before {
        border-left: 1px solid #E83B83;
        border-bottom: 1px solid #E83B83;
        transform: rotate(-45deg);
        top: 4px;
        left: 5px; }
    .chzn-container .chzn-drop .item-expander {
      right: 14px; }

.chosen-container-single .chosen-single {
  height: 38px;
  padding: 0 10px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  width: 100%;
  font-size: 16px !important;
  color: #ccc; }
.chosen-container-single .chosen-drop {
  top: 25px;
  border-radius: 0 !important;
  width: 100%;
  border: 1px solid #ccc;
  z-index: 1; }

.chosen-container.chosen-container-single {
  border-radius: 4px;
  background-color: white; }

.chosen-container .chosen-single {
  height: auto !important;
  padding: 0 !important;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  width: 100%;
  font-size: 12px !important;
  color: #303030;
  background-color: transparent !important; }

.chosen-container .chosen-single > span::after {
  content: '';
  position: absolute !important;
  top: 35%;
  right: 10px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg) translateY(-50%); }
.chosen-container.chosen-container-active .chosen-single > span::after {
  border-right: 1px solid #e83b83;
  border-bottom: 1px solid #e83b83; }

.chosen-container .chosen-results {
  margin: 0;
  padding: 0; }
  .chosen-container .chosen-results li {
    font-size: 12px;
    color: #303030;
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #EDEDED !important;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: none;
  border-bottom: 1px solid transparent; }

.chosen-container-single .chosen-single div {
  display: none; }

#sign_up_step2 .language_selector .chzn-single {
  width: 580%; }
#sign_up_step2 .language_selector .chzn-drop {
  width: 570%; }

/* Floaters */
/* displays */
.clear {
  clear: both; }

.graphical-view-icon-grey, .graphical-view-icon:after {
  background-image: url(/images/icons/graphical-view-grey.svg); }

.graphical-view-icon-pink, .graphical-view-icon:before {
  background-image: url(/images/icons/graphical-view-pink.svg); }

.list-view-icon-grey, .list-view-icon:after {
  background-image: url(/images/icons/list-view-grey.svg); }

.list-view-icon-pink, .list-view-icon:before {
  background-image: url(/images/icons/list-view-pink.svg); }

.tree-view-icon-grey, .tree-view-icon {
  background-image: url(/images/icons/tree-grey.svg); }

.tree-view-icon-pink, .tree-view-icon.active, .tree-view-icon:hover {
  background-image: url(/images/icons/tree-pink.svg); }

.tabular-view-icon-grey, .tabular-view-icon:after {
  background-image: url(/images/icons/tabular-view-grey.svg); }

.tabular-view-icon-pink, .tabular-view-icon:before {
  background-image: url(/images/icons/tabular-view-pink.svg); }

.update-icon-grey, .update-icon {
  background-image: url(/images/icons/icons-update.svg); }

.update-icon-pink, .update-icon.active, .update-icon:hover {
  background-image: url(/images/icons/icons-update-pink.svg); }

.update-icon-grey-compatible:after {
  background-image: url(/images/icons/icons-update-viewbox.svg); }

.tree-icon-grey, .tree-icon {
  background-image: url(/images/icons/icons-tree.svg); }

.tree-icon-pink, .tree-icon.active, .tree-icon:hover {
  background-image: url(/images/icons/icons-tree-pink.svg); }

.print-icon-grey, .print-icon {
  background-image: url(/images/icons/printer.svg); }

.print-icon-pink, .print-icon.active, .print-icon:hover {
  background-image: url(/images/icons/printer-pink.svg); }

.milestone-icon-grey:after, .milestone-icon:after {
  background-image: url("/images/icons/milestone-grey.svg"); }

.milestone-icon-pink, .milestone-icon.active, .milestone-icon:hover {
  background-image: url("/images/icons/milestone-pink.svg"); }

.milestone-icon-black {
  background-image: url("/images/icons/milestone-black.svg"); }

.action-icon-grey:after, .action-icon:after {
  background-image: url("/images/icons/action-grey.svg"); }
.action-icon-grey.meeting:after, .meeting.action-icon:after {
  background-image: url("/images/icons/meeting-grey.svg"); }
.action-icon-grey.team-meeting:after, .team-meeting.action-icon:after {
  background-image: url("/images/icons/team-meeting-grey.svg"); }

.focusarea-icon-grey:after {
  background-image: url("/images/icons/focusarea-grey_2-viewbox.svg"); }

.action-icon-pink, .action-icon.active, .action-icon:hover {
  background-image: url("/images/icons/action-pink.svg"); }

.action-icon-black {
  background-image: url("/images/icons/action-black.svg"); }

.feedback-empty-icon-grey, .feedback-empty-icon {
  background-image: url("/images/icons/feedback-empty-grey.svg"); }

.feedback-empty-icon-pink, .feedback-empty-icon.active, .feedback-empty-icon:hover {
  background-image: url("/images/icons/feedback-empty-pink.svg"); }

.comment-icon-grey, .comment-icon {
  background-image: url("/images/icons/comment-grey.svg"); }

.comment-icon-pink, .comment-icon.active, .comment-icon:hover {
  background-image: url("/images/icons/comment-pink.svg"); }

.task-icon-grey, .task-icon {
  background-image: url("/images/icons/task-grey.svg"); }

.task-icon-pink, .task-icon.active, .task-icon:hover {
  background-image: url("/images/icons/task-pink.svg"); }

.view-all-icon-grey, .view-all-icon {
  background-image: url("/images/icons/view-all-grey.svg"); }

.view-all-icon-pink, .view-all-icon.active, .view-all-icon:hover {
  background-image: url("/images/icons/view-all-pink.svg"); }

.comment-full-icon-grey, .comment-full-icon {
  background-image: url("/images/icons/comment-full-grey.svg"); }

.comment-full-icon-ltgrey, ap-comment .comment-button, ap-task-quick-edit .comment-button, ap-task-quick-add .comment-button {
  background-image: url("/images/icons/comment-full-ltgrey.svg"); }

.comment-full-icon-pink, .comment-full-icon.active, .comment-full-icon:hover {
  background-image: url("/images/icons/comment-full-pink.svg"); }

.comment-dots-icon-grey {
  background-image: url("/images/icons/comment-dots-grey.svg"); }

.comment-dots-icon-ping {
  background-image: url("/images/icons/comment-dots-pink.svg"); }

.checkbox-icon-grey, .checkbox-icon {
  background-image: url("/images/icons/icons-unchecked.svg"); }

.checkbox-icon-pink, .checkbox-icon.active, .checkbox-icon:hover {
  background-image: url("/images/icons/icons-checked.svg"); }

.expander-icon-expanded-pink {
  background-image: url("/images/icons/arrow-down.svg"); }

.expander-icon-collapsed-pink {
  background-image: url("/images/icons/arrow-right.svg"); }

.edit-icon-grey:after, .edit-icon:after {
  background-image: url("/images/icons/icons-edit-viewbox.svg"); }

.edit-icon-white:after {
  background-image: url("/images/icons/icons-edit-white-viewbox.svg"); }

.edit-icon-pink:after, .edit-icon.active:after, .edit-icon:hover:after {
  background-image: url("/images/icons/icons-edit-pink-viewbox.svg"); }

.delete-icon-grey:after, .delete-icon:after {
  background-image: url("/images/icons/icons-delete-viewbox.svg"); }

.delete-icon-lt-grey:after, .delete-icon.icon-disabled:after {
  background-image: url("/images/icons/icons-delete-ltgrey-viewbox.svg"); }

.delete-icon-pink:after, .delete-icon.active:after, .delete-icon:hover:after {
  background-image: url("/images/icons/icons-delete-pink-viewbox.svg"); }

.attach-file-icon-grey, .attach-file-icon {
  background-image: url("/images/icons/attach-file.svg"); }

.attach-file-icon-pink, .attach-file-icon.active, .attach-file-icon:hover {
  background-image: url("/images/icons/attach-file-pink.svg"); }

.draft-icon-grey, .draft-icon {
  background-image: url("/images/icons/draft-grey.svg"); }

.draft-icon-pink, .draft-icon.active, .draft-icon:hover {
  background-image: url("/images/icons/draft-pink.svg"); }

.subaction-icon-grey:after, .subaction-icon:after {
  background-image: url("/images/icons/subaction-grey.svg"); }

.subaction-icon-pink, .subaction-icon.active, .subaction-icon:hover {
  background-image: url("/images/icons/subaction-pink.svg"); }

.complete-action-icon-grey, .complete-action-icon {
  background-image: url("/images/icons/complete-action-grey.svg"); }

.complete-action-icon-pink, .complete-action-icon.active, .complete-action-icon:hover {
  background-image: url("/images/icons/complete-action-pink.svg"); }

.copy-action-icon-grey, .copy-action-icon {
  background-image: url("/images/icons/copy-action-grey.svg"); }

.copy-action-icon-pink, .copy-action-icon.active, .copy-action-icon:hover {
  background-image: url("/images/icons/copy-action-pink.svg"); }

.more-options-icon-grey, .more-options-icon {
  background-image: url("/images/icons/more-options-grey.svg"); }

.more-options-icon-pink, .more-options-icon.active, .more-options-icon:hover {
  background-image: url("/images/icons/more-options-pink.svg"); }

.less-options-icon-grey, .less-options-icon {
  background-image: url("/images/icons/less-options-grey.svg"); }

.less-options-icon-pink, .less-options-icon.active, .less-options-icon:hover {
  background-image: url("/images/icons/less-options-pink.svg"); }

.tag-icon-grey, .tag-icon {
  background-image: url("/images/icons/tag-grey.svg"); }

.tag-icon-pink, .tag-icon.active, .tag-icon:hover {
  background-image: url("/images/icons/tag-pink.svg"); }

.plus-filled-icon-grey, .plus-filled-icon {
  background-image: url("/images/icons/plus-filled-grey.svg"); }

.plus-filled-icon-pink, .plus-filled-icon.active, .plus-filled-icon:hover {
  background-image: url("/images/icons/plus-filled-pink.svg"); }

.minus-filled-icon-grey, .minus-filled-icon {
  background-image: url("/images/icons/minus-filled-grey.svg"); }

.minus-filled-icon-pink, .minus-filled-icon.active, .minus-filled-icon:hover {
  background-image: url("/images/icons/minus-filled-pink.svg"); }

/*.privacy-icon-grey,*/
.privacy-icon-grey:after, .privacy-icon:after {
  background-image: url("/images/icons/private_action-grey-viewbox.svg"); }

/*.privacy-icon-pink,*/
.privacy-icon-pink:after, .privacy-icon.active:after, .privacy-icon:hover:after {
  background-image: url("/images/icons/private_action_v2-viewbox.svg"); }

.paginator-next-icon-grey, .paginator-next-icon {
  background-image: url("/images/icons/paginator-next-grey.svg"); }

.paginator-next-icon-pink, .paginator-next-icon.active, .paginator-next-icon:hover {
  background-image: url("/images/icons/paginator-next-pink.svg"); }

.paginator-previous-icon-grey, .paginator-previous-icon {
  background-image: url("/images/icons/paginator-previous-grey.svg"); }

.paginator-previous-icon-pink, .paginator-previous-icon.active, .paginator-previous-icon:hover {
  background-image: url("/images/icons/paginator-previous-pink.svg"); }

.paginator-first-icon-grey, .paginator-first-icon {
  background-image: url("/images/icons/paginator-first-grey.svg"); }

.paginator-first-icon-pink, .paginator-first-icon.active, .paginator-first-icon:hover {
  background-image: url("/images/icons/paginator-first-pink.svg"); }

.paginator-last-icon-grey {
  background-image: url("/images/icons/paginator-last-grey.svg"); }

.paginator-last-icon-pink {
  background-image: url("/images/icons/paginator-last-pink.svg"); }

.cancel-icon-gray, .cancel-icon {
  background-image: url("/images/icons/icon-cancel.svg"); }

.cancel-icon-pink, .cancel-icon.active, .cancel-icon:hover {
  background-image: url("/images/icons/icon-cancel-pink.svg"); }

.decline-icon-gray, .decline-icon {
  background-image: url("/images/icons/icon-decline.svg"); }

.decline-icon-pink, .decline-icon.active, .decline-icon:hover {
  background-image: url("/images/icons/icon-decline-pink.svg"); }

.approve-icon-gray, .approve-icon {
  background-image: url("/images/icons/icon-approve.svg"); }

.approve-icon-pink, .approve-icon.active, .approve-icon:hover {
  background-image: url("/images/icons/icon-approve-pink.svg"); }

.modify-icon-gray, .modify-icon {
  background-image: url("/images/icons/icon-modify.svg"); }

.modify-icon-pink, .modify-icon.active, .modify-icon:hover {
  background-image: url("/images/icons/icon-modify-pink.svg"); }

.reminder-icon-gray, .reminder-icon {
  background-image: url("/images/icons/icon-send-rem.svg"); }

.reminder-icon-pink, .reminder-icon.active, .reminder-icon:hover {
  background-image: url("/images/icons/icon-send-rem-pink.svg"); }

.sort-asc-icon-pink {
  background-image: url("/images/icons/arrow-up.svg"); }

.sort-desc-icon-pink {
  background-image: url("/images/icons/arrow-down.svg"); }

.complete-icon {
  background-image: url("/images/icons/icons-complete.svg"); }

.complete-icon-full {
  background-image: url("/images/icons/icons-complete-full.svg"); }

.complete-icon-ok {
  background-image: url("/images/icons/icons-complete-ok.svg"); }

.strategy-icon-grey, .strategy-icon {
  background-image: url(/images/icons/plan-grey.svg); }

.strategy-icon-pink, .strategy-icon.active, .strategy-icon:hover, #initiative-view-mode-menu li:hover .strategy-icon {
  background-image: url(/images/icons/plan-pink.svg); }

.strategic-targets-icon-grey, .strategic-targets-icon {
  background-image: url(/images/icons/kpi-grey.svg); }

.strategic-targets-icon-pink, .strategic-targets-icon.active, .strategic-targets-icon:hover, #initiative-view-mode-menu li:hover .strategic-targets-icon {
  background-image: url(/images/icons/kpi-pink.svg); }

.role-supporter-icon:after {
  background-image: url(/images/icons/roles/supporter-simple-grey.svg); }

.controls-icon-gray, .controls-icon {
  background-image: url("/images/icons/controls.svg"); }

.controls-icon-pink, .controls-icon.active, .controls-icon:hover {
  background-image: url("/images/icons/controls-pink.svg"); }

.target-facelift-compatible:after {
  background-image: url(/images/icons/target_facelift-compatible-viewbox.svg); }

.delete-icon.icon-disabled {
  pointer-events: none; }

.list-view-icon-base, .tabular-view-icon, .list-view-icon, .graphical-view-icon {
  position: relative; }
  .list-view-icon-base:after, .tabular-view-icon:after, .list-view-icon:after, .graphical-view-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-size: 32px 32px; }
  .list-view-icon-base:before, .tabular-view-icon:before, .list-view-icon:before, .graphical-view-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 100%;
    height: 100%;
    display: none;
    background-position: 0 0;
    background-size: 32px 32px; }
  .list-view-icon-base.active:after, .active.tabular-view-icon:after, .active.list-view-icon:after, .active.graphical-view-icon:after, .list-view-icon-base:hover:after, .tabular-view-icon:hover:after, .list-view-icon:hover:after, .graphical-view-icon:hover:after {
    display: none; }
  .list-view-icon-base.active:before, .active.tabular-view-icon:before, .active.list-view-icon:before, .active.graphical-view-icon:before, .list-view-icon-base:hover:before, .tabular-view-icon:hover:before, .list-view-icon:hover:before, .graphical-view-icon:hover:before {
    display: block; }

.icon-middle {
  vertical-align: middle; }

.icon-sub {
  vertical-align: sub; }

.completionIcon {
  display: inline; }

.completionIcon svg {
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  background: #655;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%; }

.completionIcon .circle {
  display: inline;
  fill: #F0F0EE;
  stroke: #655;
  stroke-width: 32; }

.completionIcon-label {
  display: inline;
  position: relative;
  bottom: 4px;
  margin-left: 5px; }

.generic-icon, ap-comment .comment-button, ap-task-quick-edit .comment-button, ap-task-quick-add .comment-button {
  vertical-align: top;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative; }
  .generic-icon:after, ap-comment .comment-button:after, ap-task-quick-edit .comment-button:after, ap-task-quick-add .comment-button:after {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-size: 32px 32px; }
  .generic-icon.ie-compatible, ap-comment .ie-compatible.comment-button, ap-task-quick-edit .ie-compatible.comment-button, ap-task-quick-add .ie-compatible.comment-button {
    position: relative; }
    .generic-icon.ie-compatible:after, ap-comment .ie-compatible.comment-button:after, ap-task-quick-edit .ie-compatible.comment-button:after, ap-task-quick-add .ie-compatible.comment-button:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 32px;
      height: 32px;
      display: inline-block;
      background-size: 32px 32px;
      background-position: 0 0; }
  .generic-icon.icon-edit:after, ap-comment .icon-edit.comment-button:after, ap-task-quick-edit .icon-edit.comment-button:after, ap-task-quick-add .icon-edit.comment-button:after {
    background-image: url("/images/icons/icons-edit.svg"); }
  .generic-icon.icon-edit:hover:after, ap-comment .icon-edit.comment-button:hover:after, ap-task-quick-edit .icon-edit.comment-button:hover:after, ap-task-quick-add .icon-edit.comment-button:hover:after {
    background-image: url("/images/icons/icons-edit-pink.svg"); }
  .generic-icon.icon-delete, ap-comment .icon-delete.comment-button, ap-task-quick-edit .icon-delete.comment-button, ap-task-quick-add .icon-delete.comment-button {
    background-image: url("/images/icons/icons-delete.svg"); }
    .generic-icon.icon-delete:hover, ap-comment .icon-delete.comment-button:hover, ap-task-quick-edit .icon-delete.comment-button:hover, ap-task-quick-add .icon-delete.comment-button:hover {
      background-image: url("/images/icons/icons-delete-pink.svg"); }
  .generic-icon.icon-attach, ap-comment .icon-attach.comment-button, ap-task-quick-edit .icon-attach.comment-button, ap-task-quick-add .icon-attach.comment-button {
    background-image: url("/images/icons/attach-file.svg"); }
    .generic-icon.icon-attach:hover, ap-comment .icon-attach.comment-button:hover, ap-task-quick-edit .icon-attach.comment-button:hover, ap-task-quick-add .icon-attach.comment-button:hover {
      background-image: url("/images/icons/attach-file-pink.svg"); }
  .generic-icon.filter-icon, ap-comment .filter-icon.comment-button, ap-task-quick-edit .filter-icon.comment-button, ap-task-quick-add .filter-icon.comment-button {
    background-image: url("/images/icons/filter-grey.svg"); }
    .generic-icon.filter-icon:hover, ap-comment .filter-icon.comment-button:hover, ap-task-quick-edit .filter-icon.comment-button:hover, ap-task-quick-add .filter-icon.comment-button:hover {
      background-image: url("/images/icons/filter-pink.svg"); }
  .generic-icon.filter-icon-pink, ap-comment .filter-icon-pink.comment-button, ap-task-quick-edit .filter-icon-pink.comment-button, ap-task-quick-add .filter-icon-pink.comment-button {
    background-image: url("/images/icons/filter-pink.svg"); }
  .generic-icon.small, ap-comment .small.comment-button, ap-task-quick-edit .small.comment-button, ap-task-quick-add .small.comment-button {
    width: 8px;
    height: 8px;
    background-size: 8px 8px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px; }
    .generic-icon.small.ie-compatible, ap-comment .small.ie-compatible.comment-button, ap-task-quick-edit .small.ie-compatible.comment-button, ap-task-quick-add .small.ie-compatible.comment-button {
      position: relative; }
      .generic-icon.small.ie-compatible:after, ap-comment .small.ie-compatible.comment-button:after, ap-task-quick-edit .small.ie-compatible.comment-button:after, ap-task-quick-add .small.ie-compatible.comment-button:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px 16px;
        background-position: 0 0; }
    .generic-icon.small.action-icon-grey:after, .generic-icon.small.action-icon:after, ap-comment .small.action-icon.comment-button:after, ap-task-quick-edit .small.action-icon.comment-button:after, ap-task-quick-add .small.action-icon.comment-button:after, ap-comment .small.action-icon-grey.comment-button:after, ap-task-quick-edit .small.action-icon-grey.comment-button:after, ap-task-quick-add .small.action-icon-grey.comment-button:after {
      width: 14px;
      height: 14px;
      background-size: 14px 14px; }
    .generic-icon.small:after, ap-comment .small.comment-button:after, ap-task-quick-edit .small.comment-button:after, ap-task-quick-add .small.comment-button:after {
      width: 16px;
      height: 16px;
      background-size: 16px 16px; }
  .generic-icon.medium, ap-comment .medium.comment-button, ap-task-quick-edit .medium.comment-button, ap-task-quick-add .medium.comment-button {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    vertical-align: middle;
    margin-left: 5px; }
    .generic-icon.medium:after, ap-comment .medium.comment-button:after, ap-task-quick-edit .medium.comment-button:after, ap-task-quick-add .medium.comment-button:after {
      width: 24px;
      height: 24px;
      background-size: 24px 24px; }
  .generic-icon.small-medium, ap-comment .small-medium.comment-button, ap-task-quick-edit .small-medium.comment-button, ap-task-quick-add .small-medium.comment-button {
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    vertical-align: middle; }
    .generic-icon.small-medium:after, ap-comment .small-medium.comment-button:after, ap-task-quick-edit .small-medium.comment-button:after, ap-task-quick-add .small-medium.comment-button:after {
      width: 20px;
      height: 20px;
      background-size: 20px 20px; }
  .generic-icon.medium-large, ap-comment .medium-large.comment-button, ap-task-quick-edit .medium-large.comment-button, ap-task-quick-add .medium-large.comment-button {
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    vertical-align: middle; }
    .generic-icon.medium-large:after, ap-comment .medium-large.comment-button:after, ap-task-quick-edit .medium-large.comment-button:after, ap-task-quick-add .medium-large.comment-button:after {
      width: 28px;
      height: 28px;
      background-size: 28px 28px; }
  .generic-icon.big, ap-comment .big.comment-button, ap-task-quick-edit .big.comment-button, ap-task-quick-add .big.comment-button {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    vertical-align: middle; }
    .generic-icon.big:after, ap-comment .big.comment-button:after, ap-task-quick-edit .big.comment-button:after, ap-task-quick-add .big.comment-button:after {
      width: 40px;
      height: 40px;
      background-size: 40px 40px; }
  .generic-icon.big24, ap-comment .big24.comment-button, ap-task-quick-edit .big24.comment-button, ap-task-quick-add .big24.comment-button {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    vertical-align: middle; }
    .generic-icon.big24:after, ap-comment .big24.comment-button:after, ap-task-quick-edit .big24.comment-button:after, ap-task-quick-add .big24.comment-button:after {
      width: 48px;
      height: 48px;
      background-size: 48px 48px; }

.weather-icon {
  display: inline-block; }
  .weather-icon.cloudy:before {
    background-image: url("/images/icons/weather_icons/cloudy-viewbox.svg"); }
  .weather-icon.lightning:before {
    background-image: url("/images/icons/weather_icons/lightning-viewbox.svg"); }
  .weather-icon.partly-cloudy:before {
    background-image: url("/images/icons/weather_icons/partly_cloudy-viewbox.svg"); }
  .weather-icon.rain:before {
    background-image: url("/images/icons/weather_icons/rain-viewbox.svg"); }
  .weather-icon.sunny:before {
    background-image: url("/images/icons/weather_icons/sunny-viewbox.svg"); }

.editShortcut {
  width: 10px;
  height: 10px;
  margin: 7px auto 0; }
  .editShortcut img {
    width: 10px;
    height: 10px; }

.hoverIcon .icon {
  display: block; }
.hoverIcon .icon-active {
  display: none; }
.hoverIcon:hover .icon {
  display: none; }
.hoverIcon:hover .icon-active {
  display: block; }

.options_icon {
  background-image: url(/images/icons/options_hover_bg.svg);
  background-repeat: no-repeat;
  background-size: 29px; }

.edit_icon {
  background-image: url(/images/icons/icons-edit_bar.svg);
  background-repeat: no-repeat;
  background-size: 29px; }

.delete_icon {
  background-image: url(/images/icons/icons-delete_bar.svg);
  background-repeat: no-repeat;
  background-size: 29px; }

.feedback_icon {
  background-image: url(/images/icons/icons-feedback_bar.svg);
  background-repeat: no-repeat;
  background-size: 29px; }

.complete_icon {
  background-image: url(/images/icons/icons-complete-grey_bar.svg);
  background-repeat: no-repeat;
  background-size: 29px; }

.filters__button .icon_btn {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 26px 26px;
  cursor: pointer;
  background-image: url(/images/icons/icons-filter_bar.svg); }
  .filters__button .icon_btn.filter_active {
    background-image: url(/images/icons/icons-filter_bar_pink.svg); }
  .filters__button .icon_btn .bulk_option_drop_down .controls-link:after {
    background-image: none; }

.milestone-picture {
  border: 0px solid;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  color: white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.initiative-picture {
  border: 0px solid;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  color: white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 25%; }

.status-green {
  border-color: #58B947;
  background-color: #58B947; }

.status-yellow {
  border-color: #FFE601;
  background-color: #FFE601;
  color: black !important; }

.status-red {
  border-color: #E62E2C;
  background-color: #E62E2C; }

.status-blue {
  border-color: #5384C3;
  background-color: #5384C3; }

.status-black {
  border-color: #2E2F31;
  background-color: #2E2F31; }

.iconSmall-FullPicture {
  background-size: 1.2em;
  background-position: 0.6em 0;
  background-repeat: no-repeat;
  padding-left: 1.3em; }

.iconBig-FullPicture {
  background-size: 4em;
  background-position: 1.4em 1.5em;
  background-repeat: no-repeat;
  padding-left: 5.5em; }

.greenIcon {
  background-image: url(/images/icons/icons-complete-ok.svg); }

.greyIcon {
  background-image: url(/images/icons/icons-complete-grey.svg); }

.clockIcon {
  background-image: url(/images/icons/time-elapsed2.svg); }

.calendarIcon {
  background-image: url(/images/icons/calendar-grey.svg); }

* {
  margin: 0;
  padding: 0; }

body {
  min-width: 950px;
  font-family: "Graphik Web";
  color: #303030;
  background-color: #2E2F31;
  font-weight: 400;
  font-size: 10px; }

html {
  height: 100%; }

body {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: overlay; }
  body .wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto; }
    body .wrapper .container {
      flex: 1 0 auto; }
    body .wrapper .container_background {
      background-color: white;
      border: 1px solid #CDCDCD;
      border-radius: 4px; }
    body .wrapper #container {
      flex: 1 0 auto; }
  body footer {
    flex-shrink: 0; }

input, textarea {
  font-family: "Graphik Web";
  font-weight: 400;
  font-size: 10px; }

.hyperlink a {
  color: royalblue; }

a {
  text-decoration: none;
  color: #303030; }
  a:hover {
    text-decoration: underline;
    cursor: pointer; }
  a img {
    border: 0; }

.text-center {
  text-align: center; }

.text-end {
  text-align: end !important; }

h1, h3 {
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  margin-bottom: 5px;
  margin-left: 2px; }

h3 {
  margin-bottom: 10px; }

h2 {
  font-size: 15px; }

h4 {
  font-weight: 400;
  font-size: 13px;
  color: #303030; }

p {
  margin-bottom: 10px; }

dl dd {
  margin-left: 10px;
  margin-bottom: 15px; }

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: lightgrey; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: lightgrey;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: lightgrey;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: lightgrey; }

body#popup {
  background: #FFF; }

.clear {
  clear: both;
  height: 0.2px;
  overflow: hidden; }

.subContainer .floater {
  float: left; }

hr.form-splitter, hr.splitter, div.splitter, div.form-splitter {
  border: 0;
  text-align: left;
  height: 0;
  clear: both; }

.fr-box {
  word-break: break-word; }

hr.support-splitter, div.support-splitter {
  border: 0;
  border-top: 1px solid #E6E6E6;
  margin-bottom: 18px;
  text-align: left;
  width: 630px; }

hr.ganttHoverSplitter, div.ganttHoverSplitter {
  width: calc( 100% - -10px );
  margin: 7px -5px;
  border: 0;
  border-top: 1px solid #ECECEC; }

.visibility-hidden {
  visibility: hidden; }

p {
  margin-bottom: 10px; }

div.wideboxright {
  width: 630px;
  text-align: right;
  clear: right; }

.hidden {
  display: none; }

div.spacer {
  margin-top: 40px; }

div.smallSpacer {
  margin-top: 20px; }

div.right {
  float: right;
  clear: right; }

div.focusPopupBackground {
  display: none;
  /*background-color: black;
  background: transparent;*/
  zoom: 1;
  z-index: 99;
  position: fixed;
  height: 100%;
  width: 100%;
  /*filter: alpha(opacity=70);*/
  /* Fallback for web browsers that doesn't support RGBa */
  /*background: rgb(0, 0, 0);*/
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.3);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  background-image: url(../images/trans_bg.png); }

div.focusPopup {
  display: none;
  width: 700px;
  color: white;
  z-index: 100;
  position: fixed;
  left: 200px;
  top: 200px;
  font-size: 13px;
  font-weight: bold; }

.subContainer {
  /*width: 1000px;*/
  width: 835px;
  margin: 0px auto;
  padding: 22px 0 22px 0;
  margin-bottom: 30px; }

.display-block {
  display: block !important; }

/* Widgets */
#rightColInfo {
  float: right;
  width: 175px;
  margin-left: 15px;
  margin-bottom: 15px; }
  #rightColInfo p.head {
    font-weight: bold;
    font-size: 130%; }
  #rightColInfo div.yellowBox {
    background-color: #fffff3;
    border: 1px solid #f0f0c0;
    padding: 10px; }
    #rightColInfo div.yellowBox p.head {
      font-size: 100%; }
    #rightColInfo div.yellowBox ul {
      list-style-type: none; }

#top-maintenance-warning {
  position: fixed;
  top: 61px;
  left: 0;
  background-color: #FAF8F9;
  height: 55px;
  width: 100%;
  border-bottom: 1px solid #C6C6C5;
  display: none;
  z-index: 100; }

.overflow-hidden {
  overflow: hidden; }

.overflow-ellipses {
  text-overflow: ellipsis; }

/* AG */
div#main-with-sidebar {
  width: 635px; }

div.form-errors {
  background-color: #FFFFCC;
  border: 1px solid #FF3333;
  margin-bottom: 10px; }

div.form-errors p {
  background-color: #FF3333;
  background-image: url(../images/icons/error.png);
  background-repeat: no-repeat;
  background-position: 5px 2px;
  background-attachment: scroll;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  padding: 5px 20px 5px 25px;
  margin-bottom: 0; }

div.form-errors dl {
  padding: 5px; }

div.form-errors dt {
  float: left;
  font-weight: bold;
  padding-right: 5px; }

div.form-errors dd {
  margin: 0pt; }

hr.sep {
  color: #ddd;
  background-color: #ddd;
  height: 1px;
  margin: 15px 0px;
  clear: both;
  border: none; }

hr.sep-small {
  color: #ddd;
  background-color: #ddd;
  height: 1px;
  margin: 15px 0px;
  clear: both;
  border: none; }

.small {
  font-size: 9px !important;
  color: gray !important; }

.small-standard {
  font-size: 9px;
  color: #808080; }

.small-bold {
  font-size: 9px;
  font-weight: bold; }

.small-black {
  font-size: 9px;
  color: black; }

/* Checkbox list */
div.checkboxlist p.group {
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  margin: 10px 0px;
  padding: 2px; }

div.checkboxlist p.group a {
  color: #333; }

div.checkboxlist ul {
  list-style-type: none; }

.tree-view {
  width: 290px;
  float: right;
  height: 500px;
  background-color: #F4F4F4;
  background-image: url(../images/pic2.gif);
  background-repeat: repeat-x;
  background-position: 0% 0%;
  background-attachment: scroll;
  border: 1px solid #E6E6E6;
  padding: 5px;
  margin-right: 0px;
  margin-top: 3px; }

/* File management */
#filemgmt-add {
  display: none; }

#filemgmt-details {
  width: 500px;
  float: left; }

/* Strategy */
.toggle-link {
  float: left;
  padding-top: 3px;
  margin-left: -1px; }
  .toggle-link .expander {
    width: 9px;
    left: 0;
    top: 0; }

dl dt {
  font-weight: bold; }

dl dd {
  margin-left: 10px;
  margin-bottom: 15px; }

/* Override jquery css */
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  float: none !important; }

.ui-datepicker .ui-datepicker-year + .chosen-container .chosen-drop {
  top: 18px !important; }
.ui-datepicker select.ui-datepicker-year {
  width: 55%; }
.ui-datepicker .chosen-container .chosen-results li {
  padding: 0; }

/* Home */
div.smallactionplans {
  margin-bottom: 8px; }

/*  Feedback*/
.feedback-green, .feedback-yellow, .feedback-red {
  background-repeat: no-repeat;
  height: 13px;
  width: 15px;
  display: block; }

.feedback-green {
  background-image: url(../images/status_1.gif); }

.feedback-yellow {
  background-image: url(../images/status_2.gif); }

.feedback-red {
  background-image: url(../images/status_3.gif); }

div#child-ap-feedbacks ul li {
  list-style-type: none;
  height: 35px;
  border: 1px solid #e6e6e6;
  padding: 8px 3px 3px 28px;
  background-repeat: no-repeat;
  background-position: 8px 8px;
  margin-bottom: 10px; }

div#child-ap-feedbacks ul li a {
  font-weight: bold; }

div#child-ap-feedbacks ul li span.info {
  margin-top: 5px;
  display: block; }

div#child-ap-feedbacks ul li.inactive {
  background-image: url(../images/grey.gif);
  background-color: #e6e6e6; }

div#child-ap-feedbacks ul li.none {
  background-image: url(../images/grey.gif); }

div#child-ap-feedbacks ul li.green {
  background-image: url(../images/status_1.gif); }

div#child-ap-feedbacks ul li.yellow {
  background-image: url(../images/status_2.gif); }

div#child-ap-feedbacks ul li.red {
  background-image: url(../images/status_3.gif); }

/* Graphical view */
div.ap-graphical-info {
  background-color: #f4f4f4;
  background-image: url(../images/pic5.gif);
  background-repeat: repeat-x;
  border: 1px solid #E6E6E6;
  color: #000;
  float: left;
  clear: left;
  padding: 12px;
  width: 240px;
  margin-bottom: 10px; }

div.ap-graphical-info ul li {
  /*background-position: 10px 0px;*/
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 5px 0 5px 25px; }

div.ap-graphical-info ul li span {
  font-weight: bold; }

div.ap-graphical-info ul li.name {
  background-image: url(../images/filelink.gif); }

div.ap-graphical-info ul li.milestone {
  background-image: url(../images/icons/calendar.png); }

div.ap-graphical-info ul li.priority {
  background-image: url(../images/prioritet.gif); }

div.ap-graphical-info ul li.yellow {
  background-image: url(../images/status_2.gif); }

div.ap-graphical-info ul li.green {
  background-image: url(../images/status_1.gif); }

div.ap-graphical-info ul li.red {
  background-image: url(../images/status_3.gif); }

div.ap-graphical-info ul li.none {
  background-image: url(../images/grey.gif); }

div.ap-graphical-info ul li.feedback {
  background-image: url(../images/link2.gif); }

div.ap-graphical-info ul li.links {
  padding-left: 0px; }

div.ap-graphical-chart {
  float: left;
  margin-left: 20px;
  width: 560px;
  height: 220px; }

.priority.priority3 {
  background-image: url(../images/prioritet3.gif) !important; }

.priority.priority2 {
  background-image: url(../images/prioritet2.gif) !important; }

.priority.priority1 {
  background-image: url(../images/prioritet1.gif) !important; }

span.feedback {
  text-indent: -10px;
  display: block;
  width: 15px;
  height: 13px;
  overflow: hidden; }

span.feedback {
  background-repeat: no-repeat; }

span.feedback.yellow {
  background-image: url(../images/status_2.gif); }

span.feedback.green {
  background-image: url(../images/status_1.gif); }

span.feedback.red {
  background-image: url(../images/status_3.gif); }

.bigyellowBox {
  background-color: #fffff3;
  border: 1px solid #f0f0c0;
  padding: 20px 20px 15px 25px;
  margin-bottom: 20px; }

.bigyellowBox h1 {
  font-size: 14px; }

.bigyellowBox h2 {
  font-size: 16px;
  color: #104974; }

.bigyellowBox h1.BlackTitle {
  color: #000000; }

.bigyellowBox p {
  color: #6a6a6a;
  font-size: 14px; }

.bigyellowBox p.smallP {
  font-size: 11px; }

div.userfields {
  height: 25px; }
  div.userfields span.text {
    float: left;
    font-weight: bold; }
  div.userfields span.title {
    width: 175px;
    float: left; }

.tipHelpBox {
  min-width: 300px;
  min-height: 20px;
  padding: 5px;
  color: #313131;
  z-index: 10; }
  .tipHelpBox.triangle {
    margin-top: 9px; }
    .tipHelpBox.triangle:before {
      content: '';
      width: 10px;
      height: 10px;
      display: inline-block;
      background: url(/images/layout/triangle.svg) no-repeat 50% 0px/10px 10px;
      position: absolute;
      top: -10px;
      right: 187px; }
    .tipHelpBox.triangle.trianle-execution-status:before {
      right: 520px; }
    .tipHelpBox.triangle.trianle-execution-status.treeBoxHoverBox:before {
      right: auto;
      left: 180px; }
  .tipHelpBox.rightRelative {
    right: -50px; }
  .tipHelpBox h1 {
    line-height: 100%; }
  .tipHelpBox .hoverBoxComment {
    color: #000000; }

.hoverBox {
  position: absolute; }
  .hoverBox > .tipHelpBox {
    display: block;
    visibility: hidden;
    transition: visibility 0s;
    transition-delay: .5s; }
    .hoverBox > .tipHelpBox a {
      max-width: 300px;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .hoverBox:hover .tipHelpBox {
    visibility: visible;
    transition-delay: 0s; }
  .hoverBox:hover .hoverBox .tipHelpBox {
    display: none; }
  .hoverBox:hover .hoverBox:hover .tipHelpBox {
    display: block; }
  .hoverBox .tipHelpBox > a {
    text-decoration: underline; }

a.collapser, a.collapser:hover {
  text-decoration: none; }

div.selector {
  width: 100%;
  min-height: 60px;
  background-image: url("../images/backmenuhover.gif");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0 0;
  background-color: #256B9D;
  margin-bottom: 20px; }

div.selectorText {
  display: inline-block;
  margin: 10px;
  margin-top: 22px;
  color: white; }

div.selectorText p.header {
  color: white;
  font-family: arial;
  font-weight: bold;
  font-size: 14px; }

div.modal {
  z-index: 100;
  position: fixed;
  display: none;
  margin: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9); }
  div.modal .iniDescriptionForm {
    /*margin: 7px 35px 9px 29px;
    background: #f7f7f7;
    padding: 1px 20px 10px 20px;*/
    font-size: 15px;
    font-weight: 500;
    font-family: sans-serif; }
  div.modal input {
    border-radius: 4px; }

div.ui-datepicker {
  z-index: 150; }

.landing-page-dummy {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 180px;
  margin: 15px 0; }

.landing-page-button {
  background-color: #EEE;
  background-image: url(../images/backmenu.gif);
  background-repeat: repeat-x;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #cccccc;
  display: inline-block;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  padding-top: 20px;
  padding-bottom: 15px;
  width: 180px;
  text-decoration: none;
  margin: 15px 0;
  text-align: center; }

.landing-page-button-plan {
  margin-bottom: 0;
  padding-top: 0;
  width: 190px; }

.landing-page-button-plan div {
  margin-top: 20px;
  min-height: 30px;
  height: auto !important;
  height: 30px;
  padding-right: 10px;
  padding-left: 10px; }

div.colorBox {
  display: inline-block;
  padding: 1px 0px;
  width: 20px;
  height: 12px !important;
  min-height: 12px !important;
  text-align: center;
  margin: 0px 1px !important;
  font-weight: 500 !important;
  font-size: 8px !important; }

table.landing-page {
  width: 100%; }

table.landing-page tr td {
  vertical-align: top; }

a.landing-page-button:hover span.small {
  color: white; }

div.expander {
  text-align: right;
  font-size: 10px;
  display: inline-block; }

dl.dropdown dd, dl.dropdown dt, dl.dropdown ul, dl.dropdown {
  margin: 0px;
  padding: 0px;
  font-weight: normal; }

dl.dropdown dd {
  position: relative; }

dl.dropdown a, dl.dropdown a:visited {
  color: black;
  text-decoration: none;
  outline: none; }

dl.dropdown a:hover {
  color: black; }

dl.dropdown dt {
  display: block;
  overflow: hidden; }

dl.dropdown dt a:hover {
  color: black; }

dl.dropdown dt a {
  background: white url(/images/arrow.png) no-repeat scroll right center;
  display: block;
  padding-right: 20px;
  border: 1px solid #DBDBDB;
  width: 100px;
  padding: 3px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

dl.dropdown dt a span {
  cursor: pointer;
  display: block; }

dl.dropdown dd ul {
  background: white none repeat scroll 0 0;
  border: 1px solid #DBDBDB;
  color: #C5C0B0;
  display: none;
  left: 0px;
  position: absolute;
  width: auto;
  list-style: none; }

dl.dropdown span.value {
  display: none; }

dl.dropdown dd ul li a {
  padding: 3px;
  display: block;
  font-size: 11px; }

dl.dropdown dd ul li a:hover {
  background-color: #DBDBDB; }

#print-dialog {
  display: none; }

/* TinyMCE width on milestone desc */
#milestone_description_tbl {
  width: 568px !important; }

span.plan-feedback-counter {
  border-radius: 3px;
  font-weight: bold;
  padding: 1px;
  color: white; }

div.plan-feedback-counter {
  border-radius: 3px;
  font-weight: bold;
  padding: 1px;
  color: white; }

.collapseAll {
  color: gray;
  font-weight: normal;
  text-decoration: none; }

.top_action_action_name a {
  color: black; }

.collapsorRow .small {
  font-weight: bold;
  text-decoration: none; }

.sortablePlan {
  list-style-type: none;
  clear: both; }

.sortablePlan li {
  float: left;
  padding-right: 12px; }

#milestone_status_comment_category {
  resize: none; }

table.helper {
  border-collapse: collapse; }

.rightAlign {
  text-align: right; }

.centerAlign {
  text-align: center; }

.noresize {
  resize: none; }

div.milestoneDescription {
  padding-left: 10px; }

div.milestoneDescription ul {
  padding-left: 15px; }

div.milestoneDescription ul li {
  list-style-type: disc; }

div#action-description p,
.datagridRowHistory p {
  margin-bottom: 0; }

.action-description-title {
  margin: 0;
  text-decoration: underline; }

input[disabled], .disabled {
  color: #808080;
  background-color: #ddd;
  cursor: default; }

/*** Styling of comments on actions and how it's displaied in hover-boxes' ***/
#display-action-history td ul,
#outstandingsContainer td ul,
.hoverBoxComment ul,
.hoverBoxCommentGantt ul,
.hoverBoxCorrectiveAction ul,
.hoverBoxCorrectiveActionGantt ul,
.feedbackPopupComment ul,
.feedbackPopupCorrectiveAction ul,
.tipHelpBox ul,
.hoverBoxMilestoneDescription ul,
.hoverBoxMilestoneDescriptionGantt ul {
  margin-left: 15px; }

#display-action-history td ul.chosen-choices, #display-action-history td ul.chosen-results {
  margin: 0; }

#notify_others_email_container.email_recipients ul {
  width: 576px; }

#notify_others_email_container.email_recipients input[type="text"] {
  width: 570px; }

#notify_others_email_container.email_recipients div {
  margin-left: 20px;
  margin-bottom: 10px; }

#notify_others_email_container.email_recipients div span.label {
  display: inherit;
  float: left;
  width: 80px;
  padding: 2px 0 0 0; }

#display-action-history td ul li,
#outstandingsContainer td ul li,
.hoverBoxComment ul li,
.hoverBoxCommentGantt ul li,
.hoverBoxCorrectiveAction ul li,
.hoverBoxCorrectiveActionGantt ul li,
.feedbackPopupComment ul li,
.feedbackPopupCorrectiveAction ul li,
.tipHelpBox ul li,
.hoverBoxMilestoneDescription ul li,
.hoverBoxMilestoneDescriptionGantt ul li {
  padding-left: 4px; }

#display-action-history td ol,
.hoverBoxComment ol,
.hoverBoxCommentGantt ol,
.hoverBoxCorrectiveAction ol,
.hoverBoxCorrectiveActionGantt ol,
.feedbackPopupComment ol,
.feedbackPopupCorrectiveAction ol,
.tipHelpBox ol,
.hoverBoxMilestoneDescription ol,
.hoverBoxMilestoneDescriptionGantt ol {
  margin-left: 15px; }

div.statusColor br {
  display: none; }

div.statusColor div.tipHelpBox br {
  display: block; }

div.statusColor span.small.explanation {
  padding-left: 5px;
  position: relative;
  top: -3px; }

div.statusColor {
  padding: 4px; }

.small-pic {
  position: relative;
  top: 16px;
  left: -8px;
  margin-bottom: 16px; }

a.disabled, a.disabled:hover {
  font-style: italic;
  color: #ccc;
  background-color: transparent !important;
  text-decoration: none !important; }

.ajaxforms_tools_link, .taskFormBox .removeLink {
  color: #FF0000;
  font-size: 10px; }
  .ajaxforms_tools_link.blue-color, .taskFormBox .blue-color.removeLink {
    color: #5384C3; }
  .ajaxforms_tools_link.resend_submit_cancel, .taskFormBox .resend_submit_cancel.removeLink {
    background-color: #fff;
    color: #525252;
    padding: 9px;
    border: solid 1px #ccc;
    border-radius: 4px;
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    margin-left: 6px; }

.pink_links {
  color: #000000; }
  .pink_links:hover {
    color: #E83B83; }

.color_change {
  color: #E83B83; }

.no-paragraph-margin p {
  margin-bottom: 0; }

.timezoneDate {
  font-size: 9px !important;
  color: gray !important;
  font-weight: normal !important; }

.editOnTheSpot .submitpanel {
  display: none; }

.fakeTinyMce {
  color: gray;
  height: 100px;
  padding: 10px;
  border: 1px solid #cccccc; }

.fakeTinyMce ul {
  margin-left: 20px; }

#createNew {
  border-radius: 2px;
  background-color: #17960A;
  position: absolute;
  top: 40px;
  right: -20px;
  color: white;
  padding: 5px;
  text-align: center;
  margin-right: 30px;
  white-space: nowrap; }

.ui-tooltip-create {
  background-color: white;
  width: 70px;
  padding: 5px; }

#tblBulkKPI table {
  text-align: center;
  table-layout: fixed; }

.copyToRmBox {
  overflow-y: auto;
  max-height: 450px;
  padding-left: 10px;
  border: 1px solid #B7B7B7;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: white; }

.copyToRmBox .chosen-container-single .chosen-single {
  height: 16px;
  line-height: 16px;
  font-size: 11px; }

.copyToRmBox .chosen-container-single .chosen-single div b {
  background-position: 0 -3px; }

.hiddenComment {
  display: none; }

.foldComment {
  display: none; }

.hoverBoxPrint {
  font-size: 11px;
  cursor: pointer;
  margin-right: 5px; }

ul.choose.right {
  margin-right: -14px; }

.plusMinusLink {
  color: #0C64FF;
  cursor: pointer;
  text-decoration: none;
  font-size: 20px; }

.newTag {
  width: 159px;
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 5px; }

.newTagDialog {
  width: 160px !important; }

.attachTag {
  display: none;
  cursor: pointer; }

.tags:hover .attachTag {
  display: inline-block; }

.tags {
  min-height: 25px; }

.tags.empty {
  display: none; }

.createTag {
  display: none;
  width: 400px;
  margin-top: 0px;
  margin-left: 110px; }

.tag a {
  color: white;
  text-decoration: none; }

.tagColumn {
  width: 208px;
  float: left; }

.tagHover .tagLink {
  visibility: hidden;
  font-weight: normal; }

.tagHover:hover .tagLink {
  visibility: visible; }

.tag.filterTag {
  background-color: #F8F8F8;
  background-image: none;
  color: #000000;
  border: 1px solid #A8A8A8; }

.tag.filterTag.selected {
  border-color: red;
  border-width: 2px; }

.tag.filterTag a {
  color: #000000; }

.tagLineHeader {
  margin-top: 5px;
  margin-bottom: 1px; }

.tagListEditLink {
  display: inline-block;
  height: 16px;
  overflow: hidden;
  margin-top: 5px; }

.tagListEditLink .ajaxforms_tools_link, .tagListEditLink .taskFormBox .removeLink, .taskFormBox .tagListEditLink .removeLink {
  font-size: 11px; }

.quick_edit_action {
  display: none; }

.hoverItems .hoverItem {
  visibility: hidden; }
  .hoverItems .hoverItem.active {
    visibility: visible; }
.hoverItems .hoverItemHard {
  display: none; }
  .hoverItems .hoverItemHard.active {
    display: block; }
.hoverItems:hover .hoverItem {
  visibility: visible;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }
.hoverItems:hover .hoverItemHard {
  display: block; }

.hoverItems
.hoverItems.taskRow.clicked, .hoverItems.actionRow.clicked, .hoverItems.milestoneRow.clicked {
  box-shadow: 0px 0px 9px #929090;
  z-index: 11; }

.ui-sortable-helper .taskRow, .ui-sortable-helper .milestoneRow, .ui-sortable-helper .actionRow {
  box-shadow: 0px 0px 9px #929090;
  z-index: 11; }

.hoverItems:hover .antiHoverItem {
  display: none; }

.hoverItems .hardHoverItem {
  display: none; }

.hoverItems:hover .hardHoverItem {
  display: block; }

.hoverItems:hover .hardHoverItem.inline {
  display: inline; }

.ap-icon {
  background-image: url("/images/icons/icons-2.png");
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  display: inline-block;
  background-repeat: no-repeat; }

.ap-icon-edit, .ap-icon-edit-inverse:hover {
  background-image: url("/images/icons/icons-edit.svg"); }

.ap-icon-edit:hover {
  background-image: url("/images/icons/icons-edit-pink.svg"); }

.ap-icon-delete, .ap-icon-delete-inverse:hover {
  background-image: url("/images/icons/icons-delete.svg"); }

.ap-icon-delete:hover {
  background-image: url("/images/icons/icons-delete-pink.svg"); }

.ap-icon-upgrade {
  background-position: -32px 0px; }

.ap-icon-upgrade:hover {
  background-position: -32px -16px; }

.ap-icon-task {
  background-image: url("/images/icons/task-pink.svg"); }

.ap-icon-task:hover {
  background-image: url("/images/icons/task-pink.svg"); }

.ap-icon-tag {
  background-position: -64px 0px; }

.ap-icon-tag:hover {
  background-position: -64px -16px; }

.ap-icon-update {
  background-image: url("/images/icons/icons-update-pink.svg"); }

.ap-icon-update:hover {
  background-image: url("/images/icons/icons-update-pink.svg"); }

.ap-icon-update-color {
  background-image: url("/images/icons/icons-update-pink.svg"); }

.ap-icon-update-color:hover {
  background-image: url("/images/icons/icons-update-pink.svg"); }

.ap-icon-upload {
  background-image: url("/images/icons/attach-file.svg"); }

.ap-icon-upload:hover {
  background-image: url("/images/icons/attach-file-pink.svg"); }

.ap-icon-drag-color {
  background-image: url("/images/icons/drag-icon.svg"); }

.ap-icon-drag-color:hover {
  background-image: url("/images/icons/drag-icon-pink.svg"); }

.ap-icon-checkbox {
  background-position: -112px 0px; }

.ap-icon-checkbox:hover {
  background-position: -112px -16px; }

.ap-icon-checkbox.checked {
  background-position: -32px -32px; }

.ap-icon-checkbox.checked:hover {
  background-position: -32px -48px; }

.ap-icon-checkbox-nohover.checked {
  background-position: -32px -32px; }

.ap-icon-lowpriority {
  background-position: -48px -32px; }

.ap-icon-checkbox-disabled {
  background-position: -48px -48px; }

.ap-icon-task-tasklist {
  margin-top: -2px;
  vertical-align: middle; }

.ap-icon-task-tasklist-label {
  height: 16px;
  display: inline-block;
  line-height: 14px;
  cursor: pointer; }

.ap-icon-copy {
  background-image: url("/images/icons/copy-action-grey.svg"); }

.ap-icon-copy:hover {
  background-image: url("/images/icons/copy-action-pink.svg"); }

.ap-icon-tree {
  background-image: url("/images/icons/icons-tree.svg"); }

.ap-icon-tree:hover {
  background-image: url("/images/icons/icons-tree-pink.svg"); }

#consolidationReport {
  margin-top: 5px;
  position: relative; }

.bulkModifyAll td {
  white-space: normal !important;
  padding-left: 2px !important;
  padding-right: 2px !important; }

#modalAddExistingActions .chosen-choices {
  max-height: 200px;
  overflow-y: auto; }

.bulkPrivacySetting td.nameCell {
  padding-right: 10px; }

.scalableTick {
  cursor: default;
  font-size: 20px;
  height: 20px;
  position: absolute;
  z-index: 5; }

.scalableBar {
  cursor: default;
  width: 10px;
  position: absolute; }

.targetTicks {
  cursor: default;
  font-size: 20px;
  height: 20px;
  position: absolute; }

.showActionToggleLink {
  margin-right: 4px; }

.showActionToggleLink p {
  width: 16px;
  text-align: center; }

#enableKpiBox {
  float: right;
  clear: right; }

.hideUntilColorSelected {
  display: none; }

.taskFormBox:not(.feedbackTasks) {
  border: 1px solid #E6E6E6;
  padding: 10px; }

.nglink {
  cursor: pointer; }

#pendingBox {
  padding: 10px 1px 0px 0px; }

#pendingBox .form-box {
  float: left; }

#pendingBox .submitbutton {
  margin-top: 5px; }

#pendingBox .sendOrCancel {
  float: right; }

#pendingBox .sendOrCancel input.complete {
  float: none; }

.formBoxWithArrow {
  margin: 0 auto;
  overflow: hidden;
  width: 800px; }
  .formBoxWithArrow .inviteSupprtMessge {
    font-size: 14px;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 10px; }

.greenArrowBig {
  float: left;
  display: inline-block;
  height: 69px;
  line-height: 84px;
  margin: -11px 15px 0 0;
  font-size: 80px;
  color: green; }

.showWhenPendingBox {
  display: none; }

#largePendingBox .actionQuicEditContainer .actionName {
  font-size: 23px; }

.actionQuicEditContainer .toggle-link {
  padding-top: 10px; }

.actionQuicEditContainer .otherSettingsShow .toggle-link {
  padding-top: 4px; }

.pendingBoxShowMore {
  float: right;
  display: none; }

#notify_others_email_container div.chosen-container {
  margin-left: 0px; }

#notify_others_email_container div.chosen-drop {
  margin-left: 0px;
  width: 576px !important; }

#feedback-form .email_recipients, #status-form .email_recipients {
  margin-bottom: 40px; }

.showOnlyActions {
  float: left;
  display: block;
  width: 200px; }

.showOnlyActions input {
  margin-right: 5px; }

.priority-form .holder {
  float: right;
  witdth: 200px; }

.priority-form .holder .cell {
  display: inline-block; }

.priority-form .holder .cell select {
  margin-left: 5px; }

.overlay-body {
  position: fixed;
  z-index: 102;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); }

.popup-ap {
  visibility: hidden;
  z-index: 104;
  background: #fff;
  width: 894px !important;
  padding: 0px;
  color: black; }

.alert-popup {
  visibility: hidden;
  z-index: 104;
  margin: auto;
  background-color: white;
  min-width: 480px;
  color: black; }

.popup-ap-formbox {
  width: 600px;
  padding: 10px 10px 0px 10px; }

.popup-auto-width {
  width: auto !important; }

.simpleProfileSelector select {
  width: 200px; }

.simpleProfileSelector div > span {
  text-transform: uppercase; }

.priority-form {
  margin-bottom: 5px; }
  .priority-form label {
    margin-right: 6px; }
    .priority-form label input {
      margin-right: 4px; }

textarea.ng-pristine:invalid, input.ng-pristine:invalid {
  box-shadow: none; }

.outstandings-content {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center; }

.ap-dropdown-active .toggle-link-dashboard-plus, .toggle-link-dashboard-minus {
  display: block;
  cursor: pointer; }

a.action_button {
  padding: 11px 0px;
  margin-bottom: 15px;
  float: right;
  border: 1px solid #DDD;
  color: #303030;
  font-weight: 400;
  font-size: 11px;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer;
  width: 222px;
  height: 16px;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
  line-height: 16px;
  background-color: white; }
  a.action_button img {
    vertical-align: middle;
    margin: -2px 8px 0px 0px;
    height: 13px; }

.action-button-or {
  display: inline-block;
  height: 32px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  vertical-align: top;
  font-size: 13px;
  padding-left: 1px; }

.action-button-holder {
  float: left;
  width: 210px;
  min-height: 20px; }

table.history div.historyEntryHeader span.notification-subject {
  /*    float: left;
      display: block;
  */ }

table.history div.historyEntryHeader span.icon {
  margin: 2px 5px auto auto; }

.supportInvitationButtons {
  text-align: right;
  width: 100%; }

#connection-error-box {
  width: 220px; }

.connectionErrorCancel {
  width: 100%;
  text-align: right; }

.connectionErrorCancel a {
  cursor: pointer; }

.footerSupport a {
  color: white;
  text-decoration: underline;
  cursor: pointer; }

#footer #subfooter #supporterProfile h3 {
  color: #104974; }

.updateButton {
  display: inline-block;
  vertical-align: top;
  min-width: 112px;
  height: 35px;
  border-radius: 2px;
  overflow: hidden;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  margin: 0 0 11px;
  color: white;
  background-color: #145483;
  float: right;
  padding: 0 10px 0 10px;
  cursor: pointer;
  text-decoration: none; }

.updateButton:hover {
  text-decoration: none; }

.feedbackerActionName {
  width: 300px;
  float: left; }

.hideUntilFeedbackToSelected {
  display: none; }

.selectFeedbackTo {
  width: 760px;
  margin-bottom: 10px; }

ul.feedback .milestoneColorSelector {
  display: none;
  padding-left: 0px; }

.buttonLoader {
  background-image: url(/images/loader.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0px !important;
  width: 34px;
  background: transparent;
  height: 34px;
  display: inline-block; }

#decimal_sep_example {
  position: relative;
  left: 155px;
  top: -25px; }

.fe #decimal_sep_example {
  position: relative;
  left: 155px;
  top: -19px; }

table.data.metricsTable thead th {
  text-align: right; }

#notify_others_email_container .ap-chosen-positioner {
  float: left;
  margin-left: 0 !important; }

h1.priorityListHeading {
  display: inline-block; }

.collapsedShowMoreOrLess {
  height: 3.9em;
  overflow: hidden;
  margin-bottom: 0px; }

.collapsedQuickShowMoreOrLess .quick {
  max-height: 3.9em;
  position: relative;
  margin-bottom: 0px; }

.showMoreLessIcon {
  color: #E83B83;
  padding-right: 16px; }

.showMoreLessIcon:hover {
  text-decoration: none; }

.showMoreOrLessContainer:hover a.small:not(.showMoreLessIcon) {
  text-decoration: underline; }

.showMoreOrLessContainer {
  position: absolute;
  bottom: 0px;
  right: 0;
  background-color: white; }

.collapsedQuickShowMoreOrLess .showMoreOrLessContainer {
  top: 2.6em; }

#taskFormContent .collapsedQuickShowMoreOrLess .showMoreOrLessContainer {
  background-color: #f4f4f4; }

.capitalize {
  text-transform: capitalize;
  line-height: 1; }

.milestoneUpdateCompletionBox {
  position: absolute;
  top: 0px;
  right: 0px; }

.milestoneUpdateBottom {
  position: relative; }

.milestoneStatusConsequencesHolder {
  position: absolute;
  bottom: 15px;
  left: 28px;
  width: 550px; }

.milestoneEditConsequencesHolder {
  position: absolute;
  bottom: 15px;
  left: 28px;
  width: 400px; }

.expanderTriangle {
  display: inline-block;
  width: 12px;
  height: 9px; }

#taskFormContent .collapsedShowMoreOrLess {
  height: 1.3em; }

#taskFormContent ap-show-more:not(.loaded):not([expanded]) {
  height: 1.3em; }

.selectCopyReassignToBox {
  margin-top: 5px;
  margin-bottom: 5px; }

.autoOverflow {
  overflow-y: hidden;
  overflow-x: auto; }

.peopleOverviewHeader .landing-page-button {
  float: right;
  width: auto; }

.peopleOverviewHeader .highBoxBgbusinessmapOverview {
  margin-top: 6px; }

.peopleOverviewHeader .peopleOverviewFilter .teamFilter {
  float: left;
  padding-bottom: 5px;
  padding-top: 8px; }

.peopleOverviewHeader .peopleOverviewFilter .timeFilter {
  width: 100%; }

.peopleOverviewHeader .peopleOverviewFilter .completed_checkbox {
  float: right; }

.peopleOverviewHeader .peopleOverviewFilter .teamAndCompleted .periodFilter li {
  padding: 0; }

.peopleOverviewContent {
  position: relative;
  top: -100px;
  float: left; }

.peopleOverviewContent.NoWidget {
  top: -30px; }

.peopleOverviewContent .treeView {
  background-color: transparent; }

.peopleOverviewHeader .peopleOverviewFilter .teamFilter {
  float: left; }

.peopleOverviewHeader .peopleOverviewFilter .timeFilter {
  float: right;
  clear: both;
  padding-bottom: 5px; }

.peopleOverviewHeader .choose-completed-checkbox label input {
  position: relative;
  top: 2px; }

.peopleOverviewHeader .landing-page-button .buttonContent {
  font-size: 11px;
  color: gray;
  margin-top: 16px; }

.initiativesOverviewContent {
  position: relative;
  top: -140px;
  float: left; }

.initiativesOverviewContent .treeView {
  background-color: transparent; }

.peopleOverviewHeader .landing-page-button .loadingIndicator {
  background-image: url("select2/select2-spinner.gif");
  background-repeat: no-repeat;
  background-position: top 4px left 4px;
  float: left;
  margin-top: 0; }

.peopleOverviewHeader .landing-page-button .loadingText {
  float: left;
  margin-top: 4px; }

.initiativesOverviewHeader .landing-page-button {
  float: right;
  margin-top: 8px; }

.peopleOverviewHeader .peopleOverviewFilter .completed_checkbox li {
  margin-right: 0; }

.peopleOverviewHeader .completed_checkbox input {
  vertical-align: top;
  height: 12px;
  width: 12px;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px; }

.initiativesOverviewHeader .initiativesOverviewFilter .teamFilter {
  float: left;
  padding-bottom: 5px;
  padding-top: 8px; }

.initiativesOverviewHeader .highBoxBgbusinessmapOverview {
  margin-top: 8px; }

.initiativesOverviewHeader .initiativesOverviewFilter .timeFilter {
  float: right;
  padding-bottom: 5px;
  padding-top: 10px;
  clear: both; }

.initiativesOverviewHeader .initiativesOverviewFilter .completed_checkbox {
  float: right; }

.initiativesOverviewHeader .initiativesOverviewFilter .completed_checkbox li {
  margin-right: 0; }

.initiativesOverviewHeader .landing-page-button {
  float: right;
  width: auto;
  margin-top: 8px; }

.initiativesOverviewHeader .initiativesOverviewFilter .teamAndCompleted .periodFilter li {
  padding: 0; }

.initiativesOverviewHeader .completed_checkbox input {
  vertical-align: top;
  height: 12px;
  width: 12px;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px; }

.initiativesOverviewHeader .landing-page-button .buttonContent {
  font-size: 11px;
  color: gray; }

#action-history-content .autoOverflow li p, #action-execution-status-content .autoOverflow li p {
  overflow: visible; }

#taskFormContent ap-show-more .collapsedQuickShowMoreOrLess .showMoreOrLessContainer {
  top: 1.3em; }

#taskFormContent ap-show-more .collapsedQuickShowMoreOrLess .quick {
  max-height: 3.9em;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-datepicker-higlight > a.ui-state-default.ui-state-active {
  border: 1px solid gray;
  background-color: gray;
  font-weight: normal; }

a.javascript {
  cursor: pointer; }

#focusarea-email #notify_others_email_container.email_recipients input[type="text"] {
  width: 457px; }

#focusarea-email #notify_others_email_container div {
  width: 462px; }

#focusarea-email #notify_others_email_container ul {
  width: 462px; }

#focusarea-email #notify_others_email_container div.chosen-drop {
  margin-left: 0px;
  width: 462px !important; }

#focusarea-email #notify_others_email_toggle input {
  position: relative;
  top: 3px; }

h3.milestonesHeader {
  width: 225px;
  position: relative;
  z-index: 1; }

select.loading {
  background-image: url("select2/select2-spinner.gif");
  background-repeat: no-repeat;
  background-position: top 4px left 4px; }

.milestoneTaskFilters {
  position: absolute;
  top: -44px;
  right: -4px;
  width: 700px;
  text-align: right;
  font-weight: normal;
  z-index: 0; }

.tag-list-tags {
  float: left;
  clear: both; }

#bulkActionTagsDialog .tag-list-selector {
  width: 200px; }
  #bulkActionTagsDialog .tag-list-selector select {
    width: 200px; }

.tag-list-category {
  font-size: 15px;
  margin-bottom: 0; }

.tag-list-category-holder {
  clear: both;
  padding-right: 20px; }

.tag-category-table {
  table-layout: fixed; }

.tag-category-table .company-tags-table {
  table-layout: fixed;
  margin-left: 10px; }

.tagCheckboxCell {
  width: 14px; }

.tagNameCell {
  width: 150px; }

.tagHelpTextCell {
  width: 241px; }

.tagGraphicsCell {
  width: 131px; }

.tagControlsCell {
  width: 147px;
  text-align: right; }

.objectives .fu {
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0; }

.feedbackCloser {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  font-size: 9px; }

#action-history-content #consolidate-errors p {
  max-width: none; }

.tagDeleteConfiramtionItem {
  margin-left: 30px; }

#showCompletedWrapper {
  margin-bottom: 5px; }

#showCompletedWrapper label {
  position: relative;
  bottom: 3px; }

ap-tag-filter-input .chosen-container .chosen-results.tags li {
  line-height: 18px;
  padding-top: 1px;
  height: 17px; }

#editcompanyTagForm .objective input {
  width: 100%; }

.unshareFilterIcon {
  font-size: 20px;
  width: 16px;
  height: 16px;
  display: inline;
  color: white;
  padding-right: 8px; }

.unshareFilterIcon:hover {
  text-decoration: none;
  color: black; }

#tblBulkChangeParentAction .treeIconSelect {
  margin-left: 16px;
  margin-right: 14px; }

#taskForm .focusPopupBackground {
  z-index: 1000; }

.milestoneCircle {
  display: inline-block;
  position: absolute; }

.datagridRow.datagridRowGanttCompact {
  height: 21px;
  position: relative; }

.datagridRow.datagridRowCollapsorCompact {
  height: 21px !important; }

.datagridRow.datagridRowGanttCompact.fbIconTd {
  height: 21px !important; }

div.expanded.chosen-container-single.chosen-container > a:first-child {
  background-color: #eee; }

table.data tbody tr.odd td.visible-to, table.data:not(.noColor) tbody tr:nth-child(2n+1) td.visible-to {
  background-color: inherit;
  padding: 5px 10px 8px 10px; }

#selAllowedInputschosenHolder {
  width: 170px;
  margin-right: 6px;
  float: left; }

#display-action-info > table > tbody > tr:not(.otherSettingsShow) > td:nth-child(odd) {
  text-transform: uppercase; }
#display-action-info div.ownerMustApprove {
  margin: 10px 0 0;
  min-height: 0;
  line-height: 100%;
  font-weight: 400; }
  #display-action-info div.ownerMustApprove input {
    vertical-align: middle; }

#display-action-info .otherSettingsShow .form-box {
  border: 0; }

#selAllowedInputs_chosen .chosen-drop {
  border: 1px solid #104974;
  border-top: none;
  margin-top: -1px; }

#selAllowedInputs_chosen .chosen-single {
  border: 1px solid #104974;
  border-radius: 2px; }

.initiative-toolbar, .milestones-toolbar {
  padding: 0;
  margin: 0; }
  .initiative-toolbar .tag-list, .milestones-toolbar .tag-list {
    float: left;
    width: 403px;
    min-height: 20px;
    padding: 0px;
    vertical-align: middle; }
    .initiative-toolbar .tag-list .tag, .milestones-toolbar .tag-list .tag {
      margin: 5px 5px 0px 0px;
      line-height: 11px; }
  .initiative-toolbar .actions, .milestones-toolbar .actions {
    margin: 0px;
    float: left;
    position: absolute;
    height: 26px;
    width: 222px; }
    .initiative-toolbar .actions ul, .milestones-toolbar .actions ul {
      margin: 0px;
      border: 1px solid transparent;
      font-size: 13px;
      border-radius: 2px;
      list-style-type: none;
      float: left;
      position: absolute;
      z-index: 7;
      height: 26px;
      width: 222px; }
      .initiative-toolbar .actions ul.open, .milestones-toolbar .actions ul.open {
        height: auto;
        border-color: #e6e6e6;
        background-color: #fff; }
        .initiative-toolbar .actions ul.open li, .milestones-toolbar .actions ul.open li {
          display: flex;
          align-items: center; }
          .initiative-toolbar .actions ul.open li.button, .milestones-toolbar .actions ul.open li.button {
            background-color: #eee; }
        .initiative-toolbar .actions ul.open .hardHoverItem, .milestones-toolbar .actions ul.open .hardHoverItem {
          display: none; }
        .initiative-toolbar .actions ul.open .antiHoverItem, .milestones-toolbar .actions ul.open .antiHoverItem {
          display: inline; }
      .initiative-toolbar .actions ul li, .milestones-toolbar .actions ul li {
        padding: 6px 15px;
        cursor: pointer;
        display: none;
        vertical-align: middle; }
        .initiative-toolbar .actions ul li:last-child, .milestones-toolbar .actions ul li:last-child {
          border-radius: 0 0 2px 2px; }
        .initiative-toolbar .actions ul li:not(.button):hover, .milestones-toolbar .actions ul li:not(.button):hover, .initiative-toolbar .actions ul li.active, .milestones-toolbar .actions ul li.active {
          background: #ECECEC;
          color: #E83B83; }
        .initiative-toolbar .actions ul li.button, .milestones-toolbar .actions ul li.button {
          display: block;
          text-transform: uppercase;
          color: #303030;
          padding: 5px 0px;
          text-align: center;
          font-weight: 400;
          font-size: 11px; }
          .initiative-toolbar .actions ul li.button .icon, .milestones-toolbar .actions ul li.button .icon {
            display: inline-block;
            width: 18px;
            height: 23px;
            vertical-align: middle;
            margin: 2px -8px -5px 8px;
            overflow: visible;
            position: relative; }
            .initiative-toolbar .actions ul li.button .icon:after, .milestones-toolbar .actions ul li.button .icon:after {
              position: absolute;
              left: 0;
              top: 0;
              content: ' ';
              width: 32px;
              height: 32px;
              background-size: 32px 32px;
              background-image: url("/images/icons/controls-pink.svg"); }
          .initiative-toolbar .actions ul li.button img, .milestones-toolbar .actions ul li.button img {
            vertical-align: middle;
            margin: -3px 5px 0 0;
            height: 13px; }
        .initiative-toolbar .actions ul li .icon, .milestones-toolbar .actions ul li .icon {
          display: none; }
    .initiative-toolbar .actions a, .milestones-toolbar .actions a {
      margin: 5px 0px 0px 0px;
      display: inline-block;
      position: absolute;
      right: -16px;
      top: 9px; }
      .initiative-toolbar .actions a img, .milestones-toolbar .actions a img {
        vertical-align: middle;
        width: 18px;
        height: 18px; }
      .initiative-toolbar .actions a .hover-box, .milestones-toolbar .actions a .hover-box {
        padding: 5px;
        top: 30px;
        left: -227px;
        width: 300px;
        color: #313131;
        z-index: 98; }
      .initiative-toolbar .actions a:hover .hover-box, .milestones-toolbar .actions a:hover .hover-box {
        display: block; }

.tag-list .toolbar-label {
  max-width: 60px;
  float: left;
  text-transform: capitalize;
  font-size: 10px;
  margin: 0px;
  padding: 5px 5px 0px 0px;
  vertical-align: top; }
.tag-list .tags {
  float: left;
  width: 600px; }

#parent_action_container .parentBox > div > .bg1:not(.actionBox) > div > .container,
#parent_action_container .parentBox > div > .bg1:not(.actionBox) > div,
#parent_action_container .parentBox > .bg1:not(.actionBox) > div > .container,
#parent_action_container .parentBox > .bg1:not(.actionBox) > div {
  background-image: none; }

.bulk_relation_selector .parentBox > div > .bg1:not(.actionBox) > div > .container,
.bulk_relation_selector .parentBox > div > .bg1:not(.actionBox) > div,
.bulk_relation_selector .parentBox > .bg1:not(.actionBox) > div > .container,
.bulk_relation_selector .parentBox > .bg1:not(.actionBox) > div {
  background-image: none; }

.initiative-action-bulk-changeparent .ap-overlay-content {
  padding: 1em 1ex; }

.initiative-action-bulk-changeparent.hidden {
  display: none; }

.initiative-action-bulk-changeparent .bulk_relation_selector.loading {
  background-image: url("select2/select2-spinner.gif");
  background-repeat: no-repeat;
  background-position: top 4px left 4px;
  min-height: 1em; }

.initiative-action-bulk-changeparent.hidden * {
  display: none; }

.alias {
  color: #aaaaaa; }

.numResults.active {
  color: #aaaaaa; }

#password_requirements li {
  padding: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; }

#password_requirements {
  padding: 0px 0px 0px 0px;
  padding: 0px 0px 0px 16px; }

.tag-label {
  width: 162px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tag-toolbar {
  width: 600px; }

.tag-toolbar input {
  height: 100%;
  width: 580px !important; }

.tag-label {
  width: 80%; }

.tag-selector-icons {
  position: absolute;
  width: 60px;
  text-align: right;
  right: 13px;
  top: 14px; }

li.tag-selector-row {
  position: relative; }

.chosen-container .chosen-results li.tag-selector-category {
  padding-left: 8px;
  font-style: italic;
  cursor: default; }
.chosen-container .chosen-results li.highlighted, .chosen-container .chosen-results li.selected {
  background: #ECECEC;
  color: #E83B83; }

hr.splitter.invisible-splitter {
  border-top: 0px;
  height: 1px; }

.action_button.comment_button {
  float: right;
  margin-right: 0px; }

#action-modal-popup {
  width: 600px; }

.detailGanttControlButtons {
  position: absolute;
  bottom: 2px;
  right: 0px; }

#milestone .ajaxforms_tools_link, #milestone .taskFormBox .removeLink, .taskFormBox #milestone .removeLink {
  cursor: pointer; }

.upcomingUpdateIcon.updateIconCenter {
  right: -35px; }

#bulkMilestoneReassign .ajaxforms_tools_link, #bulkMilestoneReassign .taskFormBox .removeLink, .taskFormBox #bulkMilestoneReassign .removeLink, .taskFormBox .ajaxforms_tools_link, .taskFormBox .removeLink {
  cursor: pointer; }

ap-table-toolbar .checkAll, ap-table-toolbar .checkNone {
  cursor: pointer; }

#move_table .invalid-date {
  color: red;
  font-style: italic; }

/* ----------- Scss styles taken from facelift (and modified) start from here --------------------- */
/*container*/
#container {
  background-color: #FCFBFD; }

.detail-sticky {
  flex: 100 0 auto; }

/* Widgets */
#businessmap-dropdown,
#profile-dropdown,
#company-dropdown,
#alias-dropdown {
  top: 10px;
  height: 24px; }
  #businessmap-dropdown dd, #businessmap-dropdown dt, #businessmap-dropdown ul,
  #profile-dropdown dd,
  #profile-dropdown dt,
  #profile-dropdown ul,
  #company-dropdown dd,
  #company-dropdown dt,
  #company-dropdown ul,
  #alias-dropdown dd,
  #alias-dropdown dt,
  #alias-dropdown ul {
    margin: 0;
    padding: 0; }
  #businessmap-dropdown dd,
  #profile-dropdown dd,
  #company-dropdown dd,
  #alias-dropdown dd {
    position: relative; }
  #businessmap-dropdown a, #businessmap-dropdown a:visited,
  #profile-dropdown a,
  #profile-dropdown a:visited,
  #company-dropdown a,
  #company-dropdown a:visited,
  #alias-dropdown a,
  #alias-dropdown a:visited {
    color: white;
    text-decoration: none;
    outline: none; }
  #businessmap-dropdown dt a,
  #profile-dropdown dt a,
  #company-dropdown dt a,
  #alias-dropdown dt a {
    background: transparent url(/images/icons/select-closed.svg) no-repeat scroll right center;
    display: block;
    padding-right: 11px;
    width: 160px; }
    #businessmap-dropdown dt a span,
    #profile-dropdown dt a span,
    #company-dropdown dt a span,
    #alias-dropdown dt a span {
      cursor: pointer;
      display: block;
      padding: 5px;
      height: 12px;
      overflow: hidden;
      background-size: 16px;
      background-repeat: no-repeat;
      padding: 2px 5px 5px 19px; }
  #businessmap-dropdown dd ul,
  #profile-dropdown dd ul,
  #company-dropdown dd ul,
  #alias-dropdown dd ul {
    background: #2E2F31 none repeat scroll 0 0;
    color: white;
    display: none;
    left: 0;
    padding: 5px 0;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 170px;
    list-style: none;
    text-align: initial; }
    #businessmap-dropdown dd ul li a,
    #profile-dropdown dd ul li a,
    #company-dropdown dd ul li a,
    #alias-dropdown dd ul li a {
      padding: 5px;
      display: block;
      cursor: pointer; }
    #businessmap-dropdown dd ul li a:hover,
    #profile-dropdown dd ul li a:hover,
    #company-dropdown dd ul li a:hover,
    #alias-dropdown dd ul li a:hover {
      background-color: #E83B83; }

#businessmap-dropdown dt a span {
  background-image: url(/images/icons/businessmap-grey.svg); }

.outstandings-counter,
.notifications-counter {
  font-weight: 300;
  font-size: 14.5px;
  position: absolute;
  top: -12px;
  right: -10px;
  width: 22px;
  height: 22px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  color: white;
  padding: 0;
  background-color: #E83B83;
  z-index: 1; }

.no-notifications {
  position: absolute;
  top: -18px;
  right: -16px;
  width: 23px;
  height: 23px; }
  .personBox .no-notifications {
    top: 0px;
    right: -12px; }
  .notifications-window .no-notifications {
    top: -10px;
    right: -40px; }

.ui-tooltip-notifications {
  width: 450px;
  margin-top: 1px; }

.ui-tooltip-notifications .ui-tooltip-content {
  padding: 0;
  width: 450px;
  font-size: 9px; }

.ui-tooltip-notifications .ui-tooltip-content .view-all, .ui-tooltip-notifications .ui-tooltip-content .header {
  background-color: rgba(46, 47, 49, 0.96);
  text-align: center;
  padding: 10px; }

.ui-tooltip-notifications .ui-tooltip-content .header {
  border-bottom: 1px solid #CCCCCC;
  font-weight: bold; }

.ui-tooltip-notifications .ui-tooltip-content .view-all {
  text-align: right;
  font-size: 11px;
  text-transform: uppercase; }

.ui-tooltip-notifications .ui-tooltip-content .view-all-light {
  background-color: rgba(59, 61, 62, 0.96); }

.ui-tooltip-notifications .ui-tooltip-content .view-all a {
  text-decoration: none;
  padding: 5px;
  color: #9D9C9C;
  margin-left: 10px;
  margin-right: 5px; }

.ui-tooltip-notifications .ui-tooltip-content .view-all a:hover {
  text-decoration: underline; }

.ui-tooltip-notifications .ui-tooltip-content .notification {
  padding: 2px; }

.ui-tooltip-notifications .ui-tooltip-content .archived, .ui-tooltip-notifications .ui-tooltip-content .notifications-archived {
  background-color: #FFFFF3; }

.ui-tooltip-notifications .ui-tooltip-content .loader {
  background-color: #FFFFF3;
  text-align: center;
  padding: 10px; }

.ui-tooltip-notifications .ui-tooltip-content .notification-link {
  text-decoration: none; }

.ui-tooltip-notifications .ui-tooltip-content .archive {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 2px;
  color: #E83B83;
  position: relative;
  top: -2px; }

.ui-tooltip-notifications .ui-tooltip-content .archive-cross {
  float: right;
  width: 16px;
  height: 16px; }

.hoverLinks {
  text-decoration: none; }

.hoverLinks:hover {
  color: #E83B83;
  text-decoration: underline !important; }

.notifications-window {
  border: 2px solid #3C3F3F; }
  .notifications-window .notifications-header {
    background-color: #3C3F3F;
    color: white;
    padding: 12px 0 8px 12px; }
    .notifications-window .notifications-header h1 {
      margin-bottom: 0;
      color: white;
      font-weight: 500;
      display: inline-block; }
    .notifications-window .notifications-header .outstandings-info {
      margin-left: 3px;
      line-height: 20px; }
    .notifications-window .notifications-header .outstandings-counter {
      position: relative;
      display: inline-block;
      left: 6px;
      top: -5px;
      line-height: 22px;
      vertical-align: middle;
      margin-right: 10px;
      font-weight: 500; }
    .notifications-window .notifications-header .notifications-close {
      text-transform: uppercase;
      margin-right: 2px;
      color: #9D9C9C; }
      .notifications-window .notifications-header .notifications-close:hover {
        text-decoration: none; }
    .notifications-window .notifications-header .notifications-close-wrapper {
      display: inline;
      position: relative;
      right: 18px;
      float: right;
      font-size: 11px;
      cursor: pointer;
      overflow: hidden; }
      .notifications-window .notifications-header .notifications-close-wrapper span {
        color: #ECECEC;
        font-size: 30px;
        line-height: 20px;
        display: inline-block; }
        .notifications-window .notifications-header .notifications-close-wrapper span:hover {
          text-decoration: none; }
      .notifications-window .notifications-header .notifications-close-wrapper .notif-printer-icon {
        width: 20px;
        height: 20px;
        background-image: url("/images/icons/printer.svg");
        background-size: 16px 16px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        margin-right: 4px; }
  .notifications-window .notifications-list {
    overflow-y: auto;
    max-height: 600px; }
    .notifications-window .notifications-list > a:hover {
      text-decoration: none; }
    .notifications-window .notifications-list .list-row:nth-child(odd) .notification {
      background-color: #000000; }
  .notifications-window .notification-link .notification {
    background-color: rgba(59, 61, 62, 0.96); }
    .notifications-window .notification-link .notification table {
      color: white;
      font-weight: 400;
      font-size: 10px;
      border-collapse: collapse; }
    .notifications-window .notification-link .notification a {
      color: #E83B83; }
      .notifications-window .notification-link .notification a.outstanding-no-picture {
        color: #303030; }
    .notifications-window .notification-link .notification b {
      font-weight: 400; }
    .notifications-window .notification-link .notification p[style] {
      color: white !important; }
    .notifications-window .notification-link .notification .outstanding-feedback {
      width: 100%; }
      .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable {
        width: 100%;
        font-family: 'MS Sans Serif', Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000; }
        .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr {
          vertical-align: initial;
          display: block;
          padding-top: 9px; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr .coll__name {
            width: 200px; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr .coll__actual {
            width: 67px; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr .coll__plan {
            width: 68px; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr .coll__target {
            width: 68px; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr .coll__progress {
            width: 68px; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr .coll__kpi {
            width: 68px; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr .coll__comment {
            width: 286px; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable tr .coll__actions {
            width: 286px; }
        .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable th {
          border-bottom: 1px solid #ccc;
          text-transform: uppercase;
          color: white; }
        .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable td.feedback-outstandings-table {
          padding: 0; }
        .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable td.feedback-overall-status {
          padding-right: 10px;
          word-break: break-word;
          vertical-align: top;
          width: 50%; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable td.feedback-overall-status.w-100 {
            width: 100%; }
          .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable td.feedback-overall-status.pr-80 {
            padding-right: 80px; }
        .notifications-window .notification-link .notification .outstanding-feedback .outstanding-feedbackKpitable td.feedback-corrective-actions {
          padding: 0 80px 0 10px;
          word-break: break-word;
          vertical-align: top;
          width: 50%; }
  .notifications-window .notification {
    background-color: rgba(59, 61, 62, 0.96);
    text-align: justify; }
    .notifications-window .notification table tr td {
      font-weight: 400;
      font-size: 10px;
      font-family: "Graphik Web";
      color: white; }
      .notifications-window .notification table tr td.outstandings-icon {
        background-size: 28px 28px;
        background-repeat: no-repeat;
        background-position: 100% 16px;
        width: 41px; }
        .notifications-window .notification table tr td.outstandings-icon.task-outstanding {
          background-size: 38px 38px;
          background-position: 10px 14px; }
      .notifications-window .notification table tr td:nth-child(3) div:nth-child(2) {
        /*display: flex;
        align-items: center;*/ }
        .notifications-window .notification table tr td:nth-child(3) div:nth-child(2) .notif-arrow {
          display: inline-block;
          width: 10px;
          height: 8px;
          background-image: url("/images/icons/roles/owner-simple.svg");
          background-size: 22px 17px;
          background-position: 0px 0px;
          margin-right: 3px; }
        .notifications-window .notification table tr td:nth-child(3) div:nth-child(2) .notif-heart {
          display: inline-block;
          width: 10px;
          height: 8px;
          background-image: url("/images/icons/roles/heart-rose.png");
          background-size: 10px 8px;
          background-position: 0px 0px;
          margin-right: 4px;
          margin-bottom: -1px; }
      .notifications-window .notification table tr td .outstandings-user {
        border-radius: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        width: 30px;
        height: 30px; }
        .notifications-window .notification table tr td .outstandings-user:hover {
          text-decoration: none; }
        .notifications-window .notification table tr td .outstandings-user.comments-count {
          width: 25px;
          height: 25px;
          text-align: center;
          background-color: white;
          color: #E83B83;
          font-size: 14px;
          line-height: 25px; }
      .notifications-window .notification table tr td div span > div {
        margin-right: -16px;
        color: white !important; }
      .notifications-window .notification table tr td .status {
        width: 12px;
        height: 12px;
        border-radius: 2px;
        margin-right: 6px;
        display: inline-block;
        position: relative;
        top: 2px; }
        .notifications-window .notification table tr td .status img, .notifications-window .notification table tr td .status span {
          display: none; }
        .notifications-window .notification table tr td .status.status_3 {
          background-color: #E62E2C; }
        .notifications-window .notification table tr td .status.status_2 {
          background-color: #FFE601; }
        .notifications-window .notification table tr td .status.status_1 {
          background-color: #58B947; }
        .notifications-window .notification table tr td .status.milestone {
          border-radius: 10px; }
      .notifications-window .notification table tr td .text-bold {
        font-weight: 700; }
      .notifications-window .notification table tr td .task-icon {
        background-image: url("/images/icons/task-white-new-header.svg");
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 35px 35px;
        vertical-align: middle; }
    .notifications-window .notification .commentsList {
      margin-left: 15px; }
      .notifications-window .notification .commentsList li p {
        margin-bottom: 0; }
    .notifications-window .notification ap-comment {
      color: white; }
  .notifications-window .archive-cross {
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 126px; }
    .notifications-window .archive-cross a {
      color: #E83B83;
      font-size: 21px; }
      .notifications-window .archive-cross a:hover {
        color: #E83B83;
        text-decoration: none; }
  .notifications-window .view-all {
    padding: 9px 16px; }
    .notifications-window .view-all a {
      background-color: #5384C3;
      border-radius: 3px;
      color: white;
      font-size: 12px;
      font-weight: 500;
      display: inline-block;
      padding: 5px;
      text-decoration: none;
      border: 1px solid #5384C3; }
    .notifications-window .view-all h1 {
      margin-bottom: 0;
      color: white;
      font-weight: 500;
      display: inline-block;
      margin-right: 10px;
      position: relative;
      top: 1px; }
    .notifications-window .view-all .unread-notifications-counter {
      right: -10px;
      width: 22px;
      height: 22px;
      text-align: center;
      font-size: 12px;
      border-radius: 50%;
      color: white;
      padding: 0;
      background-color: #5384C3;
      z-index: 1;
      position: relative;
      display: inline-block;
      left: 2px;
      top: -3px;
      line-height: 22px;
      vertical-align: middle;
      margin-right: 6px;
      font-weight: 500; }
    .notifications-window .view-all .view-all-link-wrapper {
      display: inline-block;
      width: 100%;
      text-align: center; }
  .notifications-window #comment-form input, .notifications-window #comment-form .ap-chosen-positioner {
    color: #303030;
    font-style: normal; }

.state-box-small {
  height: 10px;
  width: 10px;
  margin-right: 3px;
  display: inline-block;
  border-radius: 3px; }

.state-box-small-circle {
  border-radius: 5px; }

#initiative-view-mode {
  margin-top: 18px;
  display: inline-block; }
  #initiative-view-mode.absolute {
    margin-top: 0px;
    margin-left: 105px;
    position: absolute; }
  #initiative-view-mode dt {
    text-transform: uppercase;
    display: inline;
    vertical-align: bottom;
    font-weight: 400; }
  #initiative-view-mode dd {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0; }

ul#action-controls-buttons-menu {
  padding-top: 16px; }

#initiative-view-mode-menu li {
  background-color: #FCFBFD !important;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  text-transform: uppercase;
  max-width: 60px; }
  #initiative-view-mode-menu li a div {
    font-size: 7px; }
  #initiative-view-mode-menu li a div:nth-of-type(1) {
    display: inline-block; }
  #initiative-view-mode-menu li:first-of-type {
    margin-left: 20px; }
  #initiative-view-mode-menu li:not(:nth-of-type(1)) {
    margin-left: 30px; }
  #initiative-view-mode-menu li a {
    color: #9D9C9C; }
  #initiative-view-mode-menu li .active + div {
    color: black; }
  #initiative-view-mode-menu li:hover a {
    color: black;
    text-decoration: none; }
  #initiative-view-mode-menu li:hover .graphical-view-icon:after {
    display: none; }
  #initiative-view-mode-menu li:hover .graphical-view-icon:before {
    display: block; }
  #initiative-view-mode-menu li:hover .tabular-view-icon:after {
    display: none; }
  #initiative-view-mode-menu li:hover .tabular-view-icon:before {
    display: block; }
  #initiative-view-mode-menu li:hover .list-view-icon:after {
    display: none; }
  #initiative-view-mode-menu li:hover .list-view-icon:before {
    display: block; }

#actionHoverBoxContent td.extra {
  /*
    text-transform: uppercase;
    color: $pink-color;
  */ }

#actionHoverBoxContent table {
  font-weight: 400;
  font-size: 10px; }
#actionHoverBoxContent .hoverBoxPrint .svg-icon {
  height: 12px;
  position: relative;
  right: 3px;
  top: 1px;
  width: 14px; }
#actionHoverBoxContent .hoverBox-header table {
  font-weight: 400;
  font-size: 10px; }
#actionHoverBoxContent table.tooltip-box-header tr td {
  padding: 0; }
#actionHoverBoxContent table.tooltip-box-header tr td:nth-of-type(1) {
  text-transform: uppercase;
  color: #E83B83;
  vertical-align: top;
  white-space: nowrap; }
#actionHoverBoxContent table.tooltip-box-header tr td:nth-of-type(2) {
  padding-left: 5px;
  vertical-align: top; }
#actionHoverBoxContent .hoverBox-header ul {
  margin-left: 5px; }
#actionHoverBoxContent .hoverBox-header ul.action-performance {
  padding: 0;
  position: relative;
  top: -3px; }
#actionHoverBoxContent .hoverBox-header ul.action-performance li {
  margin-left: 0px; }
#actionHoverBoxContent .hoverBox-header ul.action-performance li:first-of-type {
  margin-left: 0px; }
#actionHoverBoxContent .hoverBox-header ul.action-performance li:nth-of-type(3) {
  margin-left: 2px; }

.chk-list {
  display: none; }
  .chk-list:enabled + label, .chk-list:enabled + span {
    cursor: pointer; }
  .chk-list:disabled + label, .chk-list:disabled + span {
    opacity: 0.7; }
  .chk-list + label, .chk-list + span {
    position: relative;
    /*
    &:before {
      height: 10px;
      content:' ';
      width: 10px;
      display: inline-block;
      margin-right: 5px;
    }
    &:after {
      position:absolute;
      left:0;
      top:0;
      background-image: url("/images/icons/checkbox_empty.svg");
      background-repeat: no-repeat;
      background-size: 20px 20px;
      height: 20px;
      content:' ';
      width: 20px;
      display: inline-block;
      background-position: 0 0;
    }
    */ }
    .chk-list + label.chk-milestone-complete, .chk-list + span.chk-milestone-complete {
      display: inline-block;
      vertical-align: middle;
      margin-top: -3px; }
  .chk-list.chk-big + label, .chk-list.chk-big + span {
    /*
    &:after {
      background-repeat: no-repeat;
      background-size: 28px 28px;
      height: 28px;
      content:' ';
      width: 28px;
      display: inline-block;
      background-position: 0 0px;
    }
    */ }
  .chk-list.chk-big.hl3 + label:after, .chk-list.chk-big.hl3 + span:after {
    top: 1px; }
  .chk-list.chk-big.hl3 + label:before, .chk-list.chk-big.hl3 + span:before {
    top: 4px; }
  .chk-list.chk-big.mt-34 + span {
    margin-top: 34px !important; }

.label-wrapper {
  cursor: pointer;
  margin-right: 10px; }

.chk-feedback + label:before {
  background-size: 11px 11px;
  height: 11px;
  margin-left: -4px;
  width: 11px; }

.chk-private-form + label:before, .chk-private-form + span:before, .chk-private + label:before, .chk-private + span:before {
  background-image: url("/images/icons/private_action_grey_v2.svg"); }
.chk-private-form + label:after, .chk-private-form + span:after, .chk-private + label:after, .chk-private + span:after {
  background-image: none; }
.chk-private-form:checked + label:before, .chk-private-form:checked + span:before, .chk-private-form:hover + label:before, .chk-private-form:hover + span:before, .chk-private:checked + label:before, .chk-private:checked + span:before, .chk-private:hover + label:before, .chk-private:hover + span:before {
  background-image: url("/images/icons/private_action_v2.svg"); }
.chk-private-form:checked + label:after, .chk-private-form:checked + span:after, .chk-private-form:hover + label:after, .chk-private-form:hover + span:after, .chk-private:checked + label:after, .chk-private:checked + span:after, .chk-private:hover + label:after, .chk-private:hover + span:after {
  background-image: none; }

/*.chk-completed {
  & + label:before {
    background-image: url("/images/icons/private_action-grey.svg");
  }
  &:checked {
    & + label:before {
      background-image: url("/images/icons/private_action.svg");
    }
  }
}*/
.chk-eye + label:before, .chk-eye + span:before {
  background-image: url("/images/icons/icons-unchecked.svg");
  margin-left: 0; }
.chk-eye:checked + label:before, .chk-eye:checked + span:before {
  background-image: url("/images/icons/icons-checked.svg"); }

.chk-priority + label:after, .chk-priority + span:after {
  background-image: url("/images/icons/priority.svg"); }
.chk-priority:checked + label:after, .chk-priority:checked + span:after, .chk-priority:hover + label:after, .chk-priority:hover + span:after {
  background-image: url("/images/icons/priority-active.svg"); }

.chk-eye-tr + label, .chk-eye-tr + span {
  overflow: hidden; }
  .chk-eye-tr + label:before, .chk-eye-tr + span:before {
    margin-left: 0; }
  .chk-eye-tr + label:after, .chk-eye-tr + span:after {
    background-image: url("/images/icons/icons-unchecked-tr-viewbox.svg"); }
.chk-eye-tr:checked + label:before.commentButtonLabel, .chk-eye-tr:checked + span:before.commentButtonLabel, .chk-eye-tr:hover + label:before.commentButtonLabel, .chk-eye-tr:hover + span:before.commentButtonLabel {
  color: #E83B83; }
.chk-eye-tr:checked + label:after, .chk-eye-tr:checked + span:after, .chk-eye-tr:hover + label:after, .chk-eye-tr:hover + span:after {
  background-image: url("/images/icons/icons-checked-tr-viewbox.svg"); }
.chk-eye-tr + label:hover:before.commentButtonLabel, .chk-eye-tr + span:hover:before.commentButtonLabel {
  color: #E83B83; }
.chk-eye-tr + label:hover:after, .chk-eye-tr + span:hover:after {
  background-image: url("/images/icons/icons-checked-tr-viewbox.svg"); }

.chk-email.chk-big + label:before, .chk-email.chk-big + span:before {
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
  position: relative;
  top: 5px;
  margin-top: -4px; }
.chk-email.chk-big + label:after, .chk-email.chk-big + span:after {
  background: none; }
.chk-email + label:before, .chk-email + span:before {
  background-image: url("/images/icons/Push2email_gray.svg");
  margin-left: 0; }
.chk-email:checked + label:before, .chk-email:checked + span:before, .chk-email:hover + label:before, .chk-email:hover + span:before {
  background-image: url("/images/icons/Push2email_pink.svg"); }
.chk-email + label:hover:before, .chk-email + span:hover:before {
  background-image: url("/images/icons/Push2email_pink.svg"); }

/*
.chk-big {
  &+label:before, &+span:before {
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
    position: relative;
    top: 1px;
    margin-right: 3px;
  }
}
*/
.checkLabel {
  text-transform: uppercase;
  display: none; }

.dashboardIcon.taskIcons {
  width: 30px;
  height: 30px;
  margin: 0px !important; }

.taskIcons:hover:not(.noClickable) .checkCompleteIcon::before, .taskIcons.checked .checkCompleteIcon::before {
  width: 29px;
  height: 29px;
  background-image: url(/images/icons/icons-complete-grey_bar.svg);
  background-repeat: no-repeat;
  background-size: 29px;
  background-position: center;
  display: inline-block;
  position: absolute;
  left: 0; }

.taskIcons .checkCompleteIcon {
  /*padding-top: 12px;
  min-width: 18px;*/
  position: relative; }
  .taskIcons .checkCompleteIcon:before {
    content: '';
    width: 29px;
    height: 29px;
    /*background-image: url(/images/icons/icons-complete-grey-viewbox.svg);
    background-size: 32px 32px;*/
    background-image: url(/images/icons/icons-complete-grey_bar.svg);
    background-repeat: no-repeat;
    background-size: 29px;
    display: inline-block;
    position: absolute;
    left: 0; }
.taskIcons:not(.noClickable):hover a, .taskIcons.checked a {
  text-decoration: none; }
.taskIcons:not(.noClickable):hover.checked .checkLabel, .taskIcons.checked.checked .checkLabel {
  display: inline-block;
  margin-top: 2px; }
.taskIcons .tooltip {
  left: -1px;
  top: 19px; }

.taskIcons img {
  height: 11px;
  margin-top: 3px; }
.taskIcons .checkedTaskIcon {
  display: none; }
.taskIcons:hover .checkedTaskIcon, .taskIcons.checked .checkedTaskIcon {
  display: inline-block; }
.taskIcons:hover .uncheckedTaskIcon, .taskIcons.checked .uncheckedTaskIcon {
  display: none; }

.state-box-small {
  height: 9px;
  width: 9px;
  margin-right: 3px;
  display: inline-block;
  border-radius: 50%; }

.state-box-small-circle {
  border-radius: 5px; }

.comments-wrapper {
  padding-left: 16px; }
  .comments-wrapper .small {
    font-size: 10px !important; }

a.upload {
  color: #808080;
  margin-top: 4px; }
  a.upload .icon-attach {
    margin-right: 3px;
    background-repeat: no-repeat;
    line-height: 15px;
    width: 100px;
    padding-left: 16px;
    height: 14px;
    background-size: 14px 14px;
    margin-top: 4px; }
  a.upload:hover {
    color: #E83B83; }

/*
.tab-selector-menu {

  &.attachments-menu ul li {
    background-color: $standard-background-color;
  }

  dd {
    display: inline-block;
    vertical-align: top;
    a {
      >div.active {
        color: $pink-color;
      }
      &:hover {
        color: $pink-color;
      }
    }
  }

  dt {
    text-transform: uppercase;
    display: inline;
  }

  ul {
    li {
      display: inline-block;
      text-align: center;
      text-transform: uppercase;
      background-color: $light-background-color;
      cursor: pointer;


      a div:nth-of-type(1) {
        display: inline-block;
      }

      &:nth-of-type(1) {
        margin-left: 80px;
      }

      &:not(:nth-of-type(1)) {
        margin-left: 55px;
      }
    }
  }
}
*/
#action-history-content, #action-execution-status-content {
  border-left: 0;
  border-right: 0; }
  #action-history-content dl dt, #action-execution-status-content dl dt {
    font-weight: 400;
    font-size: 10px; }
  #action-history-content .history hr.splitter, #action-execution-status-content .history hr.splitter {
    margin: 18px -26px;
    border-top: 1px solid #DDD; }
  #action-history-content span.user, #action-execution-status-content span.user {
    color: #E83B83; }
  #action-history-content b, #action-execution-status-content b {
    font-weight: 500; }

.feedback-status-block {
  width: 13px;
  height: 13px;
  display: inline-block; }

span.feedback-status-box, span.milestone-feedback-status-box {
  width: 13px;
  height: 13px;
  display: inline-block;
  border-radius: 2px; }
  span.feedback-status-box.green, span.green.milestone-feedback-status-box {
    background-color: #58B947; }
  span.feedback-status-box.grey, span.grey.milestone-feedback-status-box {
    background-color: #9D9C9C; }
  span.feedback-status-box.black, span.black.milestone-feedback-status-box {
    background-color: #2E2F31;
    color: #F4F4F6; }
  span.feedback-status-box.red, span.red.milestone-feedback-status-box {
    background-color: #E62E2C; }
  span.feedback-status-box.white, span.white.milestone-feedback-status-box {
    background-color: white; }
  span.feedback-status-box.yellow, span.yellow.milestone-feedback-status-box {
    background-color: #FFE601; }

span.milestone-feedback-status-box {
  border-radius: 50%; }

.actionsSelectorHolder {
  width: 95px;
  float: left; }

.attachmentIcon {
  width: 9px;
  height: 9px;
  vertical-align: middle; }

.milestoneCircle {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.milestoneSortableTable .milestone-row td {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }
  .milestoneSortableTable .milestone-row td p {
    margin-bottom: 0px; }

#zoom-selector, #hierarchy-expander-container {
  width: 100px;
  float: left;
  margin-right: 10px; }

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

#action-visibility-filter {
  float: right;
  line-height: 25px; }
  #action-visibility-filter label {
    text-transform: uppercase;
    font-weight: 300; }
  #action-visibility-filter label, #action-visibility-filter button {
    cursor: pointer;
    vertical-align: middle; }
  #action-visibility-filter label:nth-of-type(2) {
    margin-left: 15px; }
  #action-visibility-filter .svg-icon-small {
    width: 13px;
    height: 13px; }

#my-actions-container {
  margin-top: 60px; }
  #my-actions-container h3 span {
    display: inline-block;
    margin-right: 5px; }

#action-view-controls {
  height: 25px;
  margin-bottom: 15px; }

.milestoneCircleHolder {
  display: inline-block;
  position: relative; }
  .milestoneCircleHolder .milestoneHoverBox {
    position: absolute;
    right: -280px;
    width: 800px;
    z-index: 10;
    background-color: #FCFDFE; }

.expandAllNoneHolder, .checkAllNoneHolder {
  float: left;
  width: 95px;
  margin-right: 9px; }

.action-performance .tooltip {
  bottom: 0px;
  left: -33px;
  top: 37px;
  text-transform: uppercase; }

.expanderIcon {
  width: 7px;
  height: 7px;
  background-position: 0 0;
  display: inline-block;
  background-size: 7px 7px; }
  .expanderIcon.expand {
    background-image: url("../images/layout/triangle-right.svg"); }
  .expanderIcon.collapse {
    background-image: url("../images/layout/triangle-down.svg"); }

body .chosen-container-single .chosen-default span {
  font-family: inherit;
  font-size: inherit; }
  body .chosen-container-single .chosen-default span div b {
    display: block;
    width: 8px;
    background-image: url("/images/icons/arrow-down.svg");
    background-repeat: no-repeat;
    background-size: contain; }

body .chosen-container.chosen-container-single .chosen-single div b {
  background-image: none;
  position: relative; }
  body .chosen-container.chosen-container-single .chosen-single div b:before {
    display: inline-block;
    width: 8px;
    float: right;
    margin-right: 5px;
    content: '';
    height: 100%; }
  body .chosen-container.chosen-container-single .chosen-single div b:after {
    width: 16px;
    background-image: url(/images/icons/arrow-down-viewbox.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-y: calc( 50% - -4px );
    height: 100%;
    content: '';
    position: absolute;
    left: 4px; }
body .chosen-container.chosen-container-single.chosen-container-active .chosen-single div b:after {
  background-image: url(/images/icons/arrow-up-viewbox.svg); }

body .chosen-container-single .chosen-single {
  border-color: #DDD; }

body .chosen-container-multi .chosen-choices {
  border-color: #DDD; }

body .chosen-container-multi .chosen-choices .search-field .default {
  font-family: "Graphik Web";
  font-weight: 400;
  font-size: 10px; }

body #feedbackCategories a.chosen-single, #feedbackCategories div.chosen-drop {
  border-color: #DDD; }

body .chosen-container-multi .chosen-choices .search-choice {
  background-color: #FCFBFD;
  border: 1px solid #DDD; }
  body .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: none;
    color: #0E0E0E; }
    body .chosen-container-multi .chosen-choices .search-choice .search-choice-close:before {
      content: '×';
      display: inline-block;
      height: 12px;
      width: 12px;
      background-size: 12px 12px;
      position: relative;
      top: 1px;
      font-size: 18px;
      right: -2px;
      color: #DDD;
      font-weight: 700; }
    body .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover:before {
      color: #9D9C9C; }

.priority-section, .assigned-section {
  font-weight: 400;
  font-size: 10px; }
  .priority-section .expandCollapse, .assigned-section .expandCollapse {
    width: 95px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 2px; }

#topPriorityList .companyLogo, #upcomingList .companyLogo {
  height: 35px;
  position: absolute;
  bottom: 47px;
  right: 0px; }

.ui-radio {
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url("/images/icons/icons-radio-button.svg"); }
  .ui-radio.selected {
    background-image: url("/images/icons/icons-radio-button-checked.svg"); }

.priority-section .showActionToggleLink, .assigned-section .showActionToggleLink {
  display: inline-block;
  vertical-align: middle; }
  .priority-section .showActionToggleLink p, .assigned-section .showActionToggleLink p {
    width: 10px;
    position: relative;
    top: 2px; }

.dashboardExpander {
  display: inline-block; }

#taskForm .chk-area {
  background-size: 10px;
  background-position: center center; }

.chk-top-priority {
  background-image: url("/images/icons/priority.svg"); }

.chk-top-priority-checked {
  background-image: url("/images/icons/priority-active.svg"); }

.chk-private {
  background-image: url("/images/icons/private_action-grey.svg"); }

.chk-private-checked {
  background-image: url("/images/icons/private_action.svg"); }

a.createLink span, a.add-multiple-alignment span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 9px;
  background-image: url(/images/icons/more-options-pink.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  top: -1px;
  /*
  @include after-icon(32px);
  &:after {
    background-image: url(/images/icons/plus-filled-pink-viewbox.svg);
  }
  */ }

#actionHistoryBox p.create {
  float: right;
  display: inline-block; }
  #actionHistoryBox p.create a.createLink span {
    background-image: url(/images/icons/comment-full-pink.svg); }

.expander-two-colors {
  position: relative;
  display: inline-block;
  top: -5px;
  left: -11px;
  padding: 6px;
  width: 16px;
  height: 16px;
  background-size: 16px;
  z-index: 1;
  position: relative; }
  .expander-two-colors.expanded:after {
    background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
  .expander-two-colors:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: 32px 32px;
    background-position: 0 0; }
  .expander-two-colors:after {
    background-image: url(/images/icons/icons-unchecked-tr-viewbox.svg);
    background-position: 6px 5px; }
  .priority-section .showActionToggleLink .expander-two-colors {
    top: -1px; }
  .assigned-section .showActionToggleLink .expander-two-colors {
    top: -1px; }

.tag-cat-label {
  font-weight: bold;
  margin-top: -12px;
  margin-left: 10px; }

.svg-icon {
  width: 16px;
  height: 16px; }

.print-page-icon {
  width: 17px;
  height: 17px;
  margin-top: -1px; }

.svg-icon-small, .svg-icon-12 {
  width: 12px;
  height: 12px; }

.svg-icon-big {
  width: 32px;
  height: 32px; }

.svg-icon-10 {
  width: 10px;
  height: 10px; }

.svg-icon-8 {
  width: 8px;
  height: 8px; }

.svg-icon-16 {
  width: 16px;
  height: 16px; }

.alignment-box-icon {
  padding-top: 3px; }

.milestone-magnifying-glass {
  width: 16px;
  height: 16px; }

.svg-icon-background {
  background-size: 200%; }

.controls {
  float: right;
  margin-right: 2px; }

.actionViewTable .hideOnDetail {
  display: none; }

.treePlaceHolder {
  display: inline-block;
  width: 16px; }

#topPriorityList .treePlaceHolder {
  display: none; }

.uppercase {
  text-transform: uppercase; }

.tooltip {
  display: none;
  position: absolute;
  top: 15px;
  left: 5px;
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
  padding-top: 9px;
  font-weight: 300;
  font-size: 10px;
  background: url("/images/layout/triangle.svg") no-repeat 50% 0/10px 10px;
  z-index: 5; }
  .tooltip.negative .tooltipBox.negative-label {
    display: block; }
  .tooltip.negative .tooltipBox.positive-label {
    display: none; }
  .tooltip.ng-hover {
    display: block; }
  .tooltip.alignmentTooltip .tooltipBox {
    padding: 5px 6px;
    font-weight: 400;
    font-size: 10px;
    color: #303030;
    font-style: normal;
    text-align: left; }
  .tooltip.alignmentTooltip .generic-icon, .tooltip.alignmentTooltip ap-comment .comment-button, ap-comment .tooltip.alignmentTooltip .comment-button, .tooltip.alignmentTooltip ap-task-quick-edit .comment-button, ap-task-quick-edit .tooltip.alignmentTooltip .comment-button, .tooltip.alignmentTooltip ap-task-quick-add .comment-button, ap-task-quick-add .tooltip.alignmentTooltip .comment-button {
    margin-right: 2px;
    position: relative;
    top: -1px; }

.tooltipBox {
  padding: 2px 1px;
  border: 1px solid #E83B83;
  border-right: none;
  border-left: none;
  background-color: white; }
  .tooltipBox.negative-label {
    display: none; }

.activeTooltip {
  position: relative;
  font-style: normal;
  color: #303030; }
  .activeTooltip:hover .tooltip {
    display: block; }

ap-date {
  white-space: nowrap; }

.hoverItems:hover .hoverItem.ap-icon-tree {
  opacity: 1; }

.hoverItems .hoverItem.ap-icon-tree {
  transition: opacity 0.4s linear;
  opacity: 0;
  cursor: pointer; }

.closeCrossFront {
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 11;
  color: #303030; }
  .closeCrossFront span {
    font-size: 11px;
    line-height: 9px; }

#display-action-info > table.data {
  border: none; }
#display-action-info > table td {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD; }
  #display-action-info > table td:first-child {
    border-left: 1px solid #DDD; }
  #display-action-info > table td:last-child {
    border-right: 1px solid #DDD; }
#display-action-info > table tr td {
  border-bottom: none;
  background-color: white; }
#display-action-info > table tr:first-child td:first-child {
  border-top-left-radius: 12px; }
#display-action-info > table tr:first-child td:last-child {
  border-top-right-radius: 12px; }
#display-action-info > table tr:last-child td {
  border-bottom: 1px solid #DDD; }
  #display-action-info > table tr:last-child td:first-child {
    border-bottom-left-radius: 12px; }
  #display-action-info > table tr:last-child td:last-child {
    border-bottom-right-radius: 12px; }
#display-action-info > table .otherSettingsShow .form-box td {
  border: 0; }

ap-milestone-table .table-toolbar.table-toolbar-angular {
  display: inline-block;
  float: right;
  margin-top: 10px;
  margin-right: 12px; }
ap-milestone-table .initiative-toolbar, ap-milestone-table .milestones-toolbar {
  display: inline-block;
  margin: 0;
  margin-left: 4px; }
  ap-milestone-table .initiative-toolbar .actions ul, ap-milestone-table .milestones-toolbar .actions ul {
    z-index: 6; }
ap-milestone-table .mainContent .tableNameCell .taskFile .hoverBox .tipHelpBox {
  color: #303030;
  font-style: normal; }
  ap-milestone-table .mainContent .tableNameCell .taskFile .hoverBox .tipHelpBox a {
    color: #303030;
    max-width: 300px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-top; }
ap-milestone-table .editShortcut {
  margin: 7px 2px 0;
  z-index: 1;
  position: relative; }

.headerHolder > div {
  float: right; }
.headerHolder > span {
  float: left; }
.headerHolder.clearHeader:after {
  content: '';
  display: table;
  clear: both; }

#feedback-requirement-list-holder .headerHolder:after,
#action_kpis_list .headerHolder:after {
  content: '';
  display: table;
  clear: both; }

.photo {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /*border: 1px solid $pink-color;*/
  background-size: cover;
  background-position: 50%; }
  .photo a:hover {
    text-decoration: none; }

div.photo {
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  white-space: nowrap; }
  div.photo img, div.photo .image-placeholder {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -3px;
    object-fit: contain;
    object-position: center; }
  div.photo .image-placeholder {
    margin-left: 0;
    line-height: 40px;
    background-color: lightgrey;
    font-size: 16px; }

.centerHelper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.animated:hover .animatedItem {
  opacity: 1; }

.animatedItem {
  opacity: 0;
  transition: opacity 0.4s linear; }

.coloredBackground.red, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .red.inner-feedback, .divTable .tableRow.actionRow .mainContent .tableStatusBox .red.latestStatusIndicator, .actionBarTable .actionBox > div.red, .actionBarTable .milestoneCircle .red.inner-feedback, .red.latestStatusIndicator, ap-action-feedback-color-bar-simple .feedbackBar .red.milestone, ap-milestone-feedback-color-bar .feedbackBar .red.milestone, ap-action-feedback-color-bar-simple .feedbackBar .milestone .red.inner-feedback, ap-milestone-feedback-color-bar .feedbackBar .milestone .red.inner-feedback, .overallStatus .red.initiativeSymbolPart2, .coloredBackground div.red, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .inner-feedback div.red, .divTable .tableRow.actionRow .mainContent .tableStatusBox .latestStatusIndicator div.red, .actionBarTable .actionBox > div div.red, .actionBarTable .milestoneCircle .inner-feedback div.red, .latestStatusIndicator div.red, ap-action-feedback-color-bar-simple .feedbackBar .milestone div.red, ap-milestone-feedback-color-bar .feedbackBar .milestone div.red, .overallStatus .initiativeSymbolPart2 div.red {
  background-color: #E62E2C; }
.coloredBackground.blue, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .blue.inner-feedback, .divTable .tableRow.actionRow .mainContent .tableStatusBox .blue.latestStatusIndicator, .actionBarTable .actionBox > div.blue, .actionBarTable .milestoneCircle .blue.inner-feedback, .blue.latestStatusIndicator, ap-action-feedback-color-bar-simple .feedbackBar .blue.milestone, ap-milestone-feedback-color-bar .feedbackBar .blue.milestone, ap-action-feedback-color-bar-simple .feedbackBar .milestone .blue.inner-feedback, ap-milestone-feedback-color-bar .feedbackBar .milestone .blue.inner-feedback, .overallStatus .blue.initiativeSymbolPart2, .coloredBackground div.blue, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .inner-feedback div.blue, .divTable .tableRow.actionRow .mainContent .tableStatusBox .latestStatusIndicator div.blue, .actionBarTable .actionBox > div div.blue, .actionBarTable .milestoneCircle .inner-feedback div.blue, .latestStatusIndicator div.blue, ap-action-feedback-color-bar-simple .feedbackBar .milestone div.blue, ap-milestone-feedback-color-bar .feedbackBar .milestone div.blue, .overallStatus .initiativeSymbolPart2 div.blue {
  background-color: #5384C3; }
.coloredBackground.green, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .green.inner-feedback, .divTable .tableRow.actionRow .mainContent .tableStatusBox .green.latestStatusIndicator, .actionBarTable .actionBox > div.green, .actionBarTable .milestoneCircle .green.inner-feedback, .green.latestStatusIndicator, ap-action-feedback-color-bar-simple .feedbackBar .green.milestone, ap-milestone-feedback-color-bar .feedbackBar .green.milestone, ap-action-feedback-color-bar-simple .feedbackBar .milestone .green.inner-feedback, ap-milestone-feedback-color-bar .feedbackBar .milestone .green.inner-feedback, .overallStatus .green.initiativeSymbolPart2, .coloredBackground div.green, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .inner-feedback div.green, .divTable .tableRow.actionRow .mainContent .tableStatusBox .latestStatusIndicator div.green, .actionBarTable .actionBox > div div.green, .actionBarTable .milestoneCircle .inner-feedback div.green, .latestStatusIndicator div.green, ap-action-feedback-color-bar-simple .feedbackBar .milestone div.green, ap-milestone-feedback-color-bar .feedbackBar .milestone div.green, .overallStatus .initiativeSymbolPart2 div.green {
  background-color: #5BB030; }
.coloredBackground.yellow, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .yellow.inner-feedback, .divTable .tableRow.actionRow .mainContent .tableStatusBox .yellow.latestStatusIndicator, .actionBarTable .actionBox > div.yellow, .actionBarTable .milestoneCircle .yellow.inner-feedback, .yellow.latestStatusIndicator, ap-action-feedback-color-bar-simple .feedbackBar .yellow.milestone, ap-milestone-feedback-color-bar .feedbackBar .yellow.milestone, ap-action-feedback-color-bar-simple .feedbackBar .milestone .yellow.inner-feedback, ap-milestone-feedback-color-bar .feedbackBar .milestone .yellow.inner-feedback, .overallStatus .yellow.initiativeSymbolPart2, .coloredBackground div.yellow, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .inner-feedback div.yellow, .divTable .tableRow.actionRow .mainContent .tableStatusBox .latestStatusIndicator div.yellow, .actionBarTable .actionBox > div div.yellow, .actionBarTable .milestoneCircle .inner-feedback div.yellow, .latestStatusIndicator div.yellow, ap-action-feedback-color-bar-simple .feedbackBar .milestone div.yellow, ap-milestone-feedback-color-bar .feedbackBar .milestone div.yellow, .overallStatus .initiativeSymbolPart2 div.yellow {
  background-color: #FFE601; }
.coloredBackground.grey, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .grey.inner-feedback, .divTable .tableRow.actionRow .mainContent .tableStatusBox .grey.latestStatusIndicator, .actionBarTable .actionBox > div.grey, .actionBarTable .milestoneCircle .grey.inner-feedback, .grey.latestStatusIndicator, ap-action-feedback-color-bar-simple .feedbackBar .grey.milestone, ap-milestone-feedback-color-bar .feedbackBar .grey.milestone, ap-action-feedback-color-bar-simple .feedbackBar .milestone .grey.inner-feedback, ap-milestone-feedback-color-bar .feedbackBar .milestone .grey.inner-feedback, .overallStatus .grey.initiativeSymbolPart2, .coloredBackground div.grey, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .inner-feedback div.grey, .divTable .tableRow.actionRow .mainContent .tableStatusBox .latestStatusIndicator div.grey, .actionBarTable .actionBox > div div.grey, .actionBarTable .milestoneCircle .inner-feedback div.grey, .latestStatusIndicator div.grey, ap-action-feedback-color-bar-simple .feedbackBar .milestone div.grey, ap-milestone-feedback-color-bar .feedbackBar .milestone div.grey, .overallStatus .initiativeSymbolPart2 div.grey {
  background-color: #C6C6C5; }
.coloredBackground.white, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .white.inner-feedback, .divTable .tableRow.actionRow .mainContent .tableStatusBox .white.latestStatusIndicator, .actionBarTable .actionBox > div.white, .actionBarTable .milestoneCircle .white.inner-feedback, .white.latestStatusIndicator, ap-action-feedback-color-bar-simple .feedbackBar .white.milestone, ap-milestone-feedback-color-bar .feedbackBar .white.milestone, ap-action-feedback-color-bar-simple .feedbackBar .milestone .white.inner-feedback, ap-milestone-feedback-color-bar .feedbackBar .milestone .white.inner-feedback, .overallStatus .white.initiativeSymbolPart2, .coloredBackground div.white, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .inner-feedback div.white, .divTable .tableRow.actionRow .mainContent .tableStatusBox .latestStatusIndicator div.white, .actionBarTable .actionBox > div div.white, .actionBarTable .milestoneCircle .inner-feedback div.white, .latestStatusIndicator div.white, ap-action-feedback-color-bar-simple .feedbackBar .milestone div.white, ap-milestone-feedback-color-bar .feedbackBar .milestone div.white, .overallStatus .initiativeSymbolPart2 div.white {
  background-color: white;
  border: 1px solid #C6C6C5; }
.coloredBackground.black, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .black.inner-feedback, .divTable .tableRow.actionRow .mainContent .tableStatusBox .black.latestStatusIndicator, .actionBarTable .actionBox > div.black, .actionBarTable .milestoneCircle .black.inner-feedback, .black.latestStatusIndicator, ap-action-feedback-color-bar-simple .feedbackBar .black.milestone, ap-milestone-feedback-color-bar .feedbackBar .black.milestone, ap-action-feedback-color-bar-simple .feedbackBar .milestone .black.inner-feedback, ap-milestone-feedback-color-bar .feedbackBar .milestone .black.inner-feedback, .overallStatus .black.initiativeSymbolPart2, .coloredBackground div.black, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .inner-feedback div.black, .divTable .tableRow.actionRow .mainContent .tableStatusBox .latestStatusIndicator div.black, .actionBarTable .actionBox > div div.black, .actionBarTable .milestoneCircle .inner-feedback div.black, .latestStatusIndicator div.black, ap-action-feedback-color-bar-simple .feedbackBar .milestone div.black, ap-milestone-feedback-color-bar .feedbackBar .milestone div.black, .overallStatus .initiativeSymbolPart2 div.black {
  background-color: black; }

.coloredText.red, .overallStatus .statusText .red.value-big, .coloredText div.red, .overallStatus .statusText .value-big div.red {
  color: #E62E2C; }
.coloredText.blue, .overallStatus .statusText .blue.value-big, .coloredText div.blue, .overallStatus .statusText .value-big div.blue {
  color: #5384C3; }
.coloredText.green, .overallStatus .statusText .green.value-big, .coloredText div.green, .overallStatus .statusText .value-big div.green {
  color: #5BB030; }
.coloredText.yellow, .overallStatus .statusText .yellow.value-big, .coloredText div.yellow, .overallStatus .statusText .value-big div.yellow {
  color: #FFE601; }
.coloredText.grey, .overallStatus .statusText .grey.value-big, .coloredText div.grey, .overallStatus .statusText .value-big div.grey {
  color: #C6C6C5; }
.coloredText.white, .overallStatus .statusText .white.value-big, .coloredText div.white, .overallStatus .statusText .value-big div.white {
  color: white; }
.coloredText.black, .overallStatus .statusText .black.value-big, .coloredText div.black, .overallStatus .statusText .value-big div.black {
  color: black; }

p.create {
  margin-bottom: 0; }

.teamFilter {
  float: left;
  text-align: left;
  line-height: 16px;
  padding-top: 5px; }

.filterLabelText, .roadMapOverview #frmfilter .teamFilter > div:first-of-type, .viewTable #frmfilter .teamFilter > div:first-of-type, .roadMapOverview #frmfilter .groupByFilter label, .viewTable #frmfilter .groupByFilter label, .roadMapOverview #frmfilter .feedbackFilter label, .viewTable #frmfilter .feedbackFilter label, .roadMapOverview #frmfilter .latestFeedbackFilter label, .viewTable #frmfilter .latestFeedbackFilter label, .roadMapOverview #frmfilter .tagFilterLabel, .viewTable #frmfilter .tagFilterLabel {
  text-transform: uppercase;
  font-weight: 600; }

.zoomSelectorWrapper {
  width: 100%;
  text-align: right; }

.roadMapOverview, .viewTable {
  position: relative;
  margin-left: 100px; }
  .roadMapOverview.no-margin, .viewTable.no-margin {
    margin-left: 0; }
  .roadMapOverview .viewHeading, .viewTable .viewHeading {
    margin-bottom: 10px; }
    .roadMapOverview .viewHeading h1, .viewTable .viewHeading h1 {
      float: left;
      margin-top: 21px; }
    .roadMapOverview .viewHeading #initiative-view-mode, .viewTable .viewHeading #initiative-view-mode {
      margin-right: 14px; }
  .roadMapOverview .zoomSelectorWrapper, .viewTable .zoomSelectorWrapper {
    position: absolute;
    width: inherit;
    top: 8px;
    z-index: 1;
    left: 0;
    right: inherit; }
    .roadMapOverview .zoomSelectorWrapper div:nth-of-type(2), .viewTable .zoomSelectorWrapper div:nth-of-type(2) {
      padding-right: 10px; }
    .roadMapOverview .zoomSelectorWrapper div:first-of-type, .viewTable .zoomSelectorWrapper div:first-of-type {
      text-transform: uppercase;
      font-size: 10px; }
    .roadMapOverview .zoomSelectorWrapper .chosen-container-single .chosen-single, .viewTable .zoomSelectorWrapper .chosen-container-single .chosen-single {
      border: 0;
      line-height: 26px;
      height: 24px; }
  .roadMapOverview #frmfilter .chosen-container-single .chosen-single, .viewTable #frmfilter .chosen-container-single .chosen-single {
    text-align: center; }
  .roadMapOverview #frmfilter .chosen-container .chosen-results, .viewTable #frmfilter .chosen-container .chosen-results {
    text-align: center; }
  .roadMapOverview #frmfilter ap-tag-filter .chosen-container .chosen-results, .viewTable #frmfilter ap-tag-filter .chosen-container .chosen-results {
    text-align: left; }
  .roadMapOverview #frmfilter .tagFilterLabel, .viewTable #frmfilter .tagFilterLabel {
    display: block;
    margin-top: 0;
    padding-top: 0;
    line-height: inherit; }
  .roadMapOverview #frmfilter .tagFilterBox, .viewTable #frmfilter .tagFilterBox {
    margin-top: 0; }
  .roadMapOverview #frmfilter .teamFilter, .viewTable #frmfilter .teamFilter {
    padding-top: 0;
    line-height: inherit;
    margin-left: 25px; }
  .roadMapOverview #frmfilter .groupByFilter, .viewTable #frmfilter .groupByFilter {
    width: 120px;
    float: left;
    margin-left: 25px; }
    .roadMapOverview #frmfilter .groupByFilter > div, .viewTable #frmfilter .groupByFilter > div {
      width: 120px; }
  .roadMapOverview #frmfilter .feedbackFilter, .viewTable #frmfilter .feedbackFilter {
    width: 150px;
    float: left;
    margin-left: 25px; }
    .roadMapOverview #frmfilter .feedbackFilter > div, .viewTable #frmfilter .feedbackFilter > div {
      width: 150px; }
  .roadMapOverview #frmfilter .latestFeedbackFilter, .viewTable #frmfilter .latestFeedbackFilter {
    float: left;
    margin-left: 25px;
    margin-right: 25px; }
  .roadMapOverview #frmfilter .tagFilterBox, .viewTable #frmfilter .tagFilterBox {
    width: 150px; }
  .roadMapOverview .filtersHeader, .viewTable .filtersHeader {
    border: 1px solid #DDD;
    border-bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: white;
    padding: 13px 0 10px 0; }
    .roadMapOverview .filtersHeader.leftPadding, .viewTable .filtersHeader.leftPadding {
      padding-left: 266px; }
    .roadMapOverview .filtersHeader > label, .roadMapOverview .filtersHeader span, .viewTable .filtersHeader > label, .viewTable .filtersHeader span {
      text-transform: uppercase;
      font-size: 10px; }
      .roadMapOverview .filtersHeader > label.showFilters, .roadMapOverview .filtersHeader span.showFilters, .viewTable .filtersHeader > label.showFilters, .viewTable .filtersHeader span.showFilters {
        margin-left: 200px;
        margin-right: 30px; }
    .roadMapOverview .filtersHeader > label, .viewTable .filtersHeader > label {
      margin-left: 25px;
      cursor: pointer; }
      .roadMapOverview .filtersHeader > label:first-of-type, .viewTable .filtersHeader > label:first-of-type {
        margin-left: 12px; }
      .roadMapOverview .filtersHeader > label span, .viewTable .filtersHeader > label span {
        margin-left: 4px; }
  .roadMapOverview .filtersWrapper, .viewTable .filtersWrapper {
    padding-bottom: 10px;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    background-color: white; }

#view_table_users {
  margin: 0px; }
  #view_table_users .viewHeading {
    justify-content: space-between; }

.filterTimespan .chosen-container-single .chosen-single span {
  margin-right: 6px; }

#fileListTasks {
  margin-right: 3px;
  float: right;
  text-align: right; }

.fixedModal {
  position: fixed; }

.emptyReport {
  border: 1px solid #DDD;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }

.objectivesFilter {
  position: relative;
  top: 1px;
  width: 170px;
  display: inline-block;
  text-align: left; }
  .objectivesFilter .chk-big + label:before, .objectivesFilter .chk-big + span:before {
    top: 1px; }

.standard-font {
  color: #303030;
  text-transform: none; }

.attach-file-link {
  color: #E83B83;
  position: relative; }
  .attach-file-link:before, .attach-file-link .popup-comment .attach-file-link:before, .popup-comment .attach-file-link .attach-file-link:before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    position: relative;
    top: 2px;
    margin-right: 3px; }
  .attach-file-link:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 24px 24px;
    background-position: 0 0; }
  .attach-file-link:after {
    background-image: url(/images/icons/attach-file-pink-viewbox.svg); }

.focusarea-give-feedback {
  font-size: 14px;
  position: relative;
  top: -214px;
  left: 690px; }

span.no-break {
  word-wrap: normal; }

ap-expander.triangle-expander .expander-two-colors {
  padding: 0;
  background-image: url(/images/icons/arrow-right-grey.svg);
  background-size: 12px 12px;
  background-position: 0px 0px;
  position: relative;
  left: -4px;
  top: 4px; }
  ap-expander.triangle-expander .expander-two-colors.expanded {
    background-image: url(/images/icons/arrow-down.svg); }
ap-expander.after-expander .expander-two-colors {
  padding: 0;
  position: relative; }
  ap-expander.after-expander .expander-two-colors.expanded:after {
    background-image: url(/images/icons/arrow-down-viewbox.svg); }
  ap-expander.after-expander .expander-two-colors:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 24px 24px;
    background-position: 0 0; }
  ap-expander.after-expander .expander-two-colors:after {
    top: 9px;
    left: 5px;
    background-image: url(/images/icons/arrow-right-viewbox.svg); }

.zendeskButton {
  border: none;
  z-index: 999998;
  transform: translateZ(0px);
  position: fixed;
  opacity: 1;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  height: 33px;
  margin: 10px 20px;
  background: transparent; }

.noScrollFix {
  padding-right: 15px; }

#plus.noScrollFix {
  padding-right: 0;
  left: calc(50% - 24.5px); }

.overlay-loader {
  z-index: 101;
  position: fixed;
  display: block;
  padding: 16px;
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
  border: 1px solid #DDD;
  border-radius: 2px; }

.hl3 {
  font-size: 12px; }

.hl2 {
  font-size: 12px;
  font-weight: 700; }

.chosen-drop .chosen-search input[type="text"] {
  border-radius: 9px;
  padding: 2px 8px;
  width: calc(100% - 14px);
  margin: 6px 3px 6px 4px;
  width: calc(100% - 14px);
  background: url(/css/chosen/chosen-sprite.png) no-repeat 100% -21px; }

.chosen-drop .chosen-search {
  border-bottom: 1px solid lightgrey;
  padding: 9px 9px 9px 9px; }

.chosen-drop .chosen-search input:focus {
  border: 1px solid #3AA7DD;
  box-shadow: 0 0 4px #3AA7DD; }

body .tablesorter-default .header:not(.sorter-false) .tablesorter-header-inner::after,
body .tablesorter-default .tablesorter-header:not(.sorter-false) .tablesorter-header-inner::after {
  background-image: url(/images/layout/triangle-down-gray-viewbox.svg);
  background-size: 14px 14px; }
body .tablesorter-default thead .headerSortUp:not(.sorter-false) .tablesorter-header-inner::after,
body .tablesorter-default thead .tablesorter-headerSortUp:not(.sorter-false) .tablesorter-header-inner::after,
body .tablesorter-default thead .tablesorter-headerAsc:not(.sorter-false) .tablesorter-header-inner::after {
  background-image: url(/images/layout/triangle-viewbox.svg); }
body .tablesorter-default thead .headerSortDown:not(.sorter-false) .tablesorter-header-inner::after,
body .tablesorter-default thead .tablesorter-headerSortDown:not(.sorter-false) .tablesorter-header-inner::after,
body .tablesorter-default thead .tablesorter-headerDesc:not(.sorter-false) .tablesorter-header-inner::after {
  background-image: url(/images/layout/triangle-down-viewbox.svg); }

#executionStatusGantt #initiative-view-mode.absolute {
  margin-top: -39px; }

#initiative-view-mode.absolute.frontend {
  left: 0; }

#tblBulkKPI .chk-list + span {
  vertical-align: bottom; }
#tblBulkKPI .expected > label, #tblBulkKPI .cost > label {
  vertical-align: top; }

.angularDataStore {
  display: none; }

.underlined {
  text-decoration: underline; }

.companyLogoInHeader {
  border: 0;
  width: 177px;
  height: 32px;
  padding: 6px 0px 7px 0px; }

div#container ap-total-overview .viewSwitchers.sticky {
  left: 365px; }
div#container ap-total-overview .viewSwitchers, div#container ap-company-overview .viewSwitchers {
  margin-left: -90px; }
  div#container ap-total-overview .viewSwitchers.sticky, div#container ap-company-overview .viewSwitchers.sticky {
    background: none;
    z-index: 26; }
div#container ap-total-overview .headerBar.stuck, div#container ap-company-overview .headerBar.stuck {
  position: fixed;
  top: 124px;
  width: 1101px;
  z-index: 11;
  background: url(/images/background_image.jpg); }
div#container ap-total-overview .optionsButtons.stuck, div#container ap-company-overview .optionsButtons.stuck {
  position: fixed;
  top: 70px;
  z-index: 3; }
div#container ap-total-overview .optionsButtons > div, div#container ap-company-overview .optionsButtons > div {
  display: inline-block;
  font-size: 12px;
  width: 100px;
  text-align: right;
  cursor: pointer; }

.actionRow__status {
  padding-top: 0;
  align-items: center;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start; }

.actionRow__status__innerImage {
  position: relative;
  width: 30px;
  height: 30px; }

.actionRow__status__innerImage:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  width: 32px;
  height: 32px; }

.actionRow__status__innerContent {
  width: 75%;
  margin-left: 10px;
  text-align: left; }

.actionRow__status__text {
  font-weight: 400;
  font-size: 12px;
  color: #303030;
  margin-bottom: 0px;
  line-height: 1;
  white-space: nowrap; }

.actionRow__status__executor {
  margin-top: 5px; }

.actionRow__status__executor__name {
  font-weight: 300;
  color: #767676;
  font-size: 12px;
  display: inline-block; }
  .actionRow__status__executor__name.truncate-username {
    max-width: 60px; }

.actionRow__status__executor__timeOld {
  color: #8C8C8C;
  padding-bottom: 1px;
  display: inline-block; }

/* actionRow__status completed */
.actionRow__status.completed .actionRow__status__innerImage:before {
  background: url("/images/icons/action_complited_circle.svg") no-repeat center center;
  background-size: 88px; }

/* actionRow__status commented */
.actionRow__status.commented .actionRow__status__innerImage:before {
  background: url("/images/icons/comented_circle.svg") no-repeat center center;
  background-size: 88px; }

/* actionRow__status created */
.actionRow__status.created .actionRow__status__innerImage:before {
  background: url("/images/icons/action_created_icon.svg") no-repeat center center;
  background-size: 88px; }

.divTable .tableRow .mainContent.objective__holder .tableNameCell {
  width: 585px !important; }

.mainContent.objective__holder .tableNameCell .iniNameBox {
  margin-left: 10px; }

.mainContent.objective__holder .expanderCell .item-icon.focusarea::before {
  background-image: url(/images/icons/focusarea-pink_2.svg) !important;
  background-repeat: no-repeat !important;
  top: 0px !important;
  left: 20px !important; }

.tableStatusBox__icon {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background-image: url(/images/icons/focusarea-blue_2.svg) !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important; }

.tableStatusBox__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #303030; }

.focusareaRow .tableStatusBox.f__blue .tableStatusBox__icon {
  background-image: url(/images/icons/focusarea-blue.svg) !important; }
.focusareaRow .tableStatusBox.f__green .tableStatusBox__icon {
  background-image: url(/images/icons/focusarea-green.svg) !important; }
.focusareaRow .tableStatusBox.f__yellow .tableStatusBox__icon {
  background-image: url(/images/icons/focusarea-yellow.svg) !important; }
.focusareaRow .tableStatusBox.f__red .tableStatusBox__icon {
  background-image: url(/images/icons/focusarea-red.svg) !important; }

.milestoneStatusBox__wrapper {
  display: inline-flex; }

.mainContent.objective__holder .tablePlanCell .action-info {
  color: #222222; }

.mainContent.objective__holder .tablePlanCell .task-info {
  line-height: 16px !important; }

.taskHandle {
  border: 1px solid #cbcbcb;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-position: center center; }

.taskHandle:hover,
.ui-sortable-helper .hoverItem.taskHandle {
  border-color: #E95392; }

.ui-sortable-helper .hoverItem.taskHandle {
  visibility: visible;
  background-image: url(/images/icons/drag-icon-pink.svg); }

.completed_tag.active {
  align-items: center;
  padding: 0 5px;
  background: #292929;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  margin: 0 15px 0 0;
  border-radius: 3px; }

.users_status_info {
  display: flex;
  align-items: center; }

.TaskNameRow.completed {
  color: #b5b4b0 !important; }

.tableStatusBox,
.tableCreatedByCell {
  position: relative;
  text-align: center; }

.hover_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 80%;
  /*transition: .2s;*/
  transform: translateY(-50%);
  right: 0;
  align-items: center;
  visibility: hidden;
  opacity: 0.9;
  /*background: #fff;*/
  z-index: 100; }
  .hover_wrapper .options_hover_bg {
    margin: 0px auto auto auto; }
  .hover_wrapper .hover_text {
    font-size: 12px; }
  .hover_wrapper .controls-box .controls-link:after {
    width: 30px;
    height: 30px;
    background-size: 30px 30px; }

.hoverItems.tableRow:hover .hover_wrapper,
.hoverItems.taskRow:hover .hover_wrapper,
.hoverItems.milestoneRow:hover .hover_wrapper,
.hoverItems.actionRow:hover .hover_wrapper,
.hoverItems.focusareaRow:hover .hover_wrapper,
.ui-sortable-helper .hoverItems .hover_wrapper {
  visibility: visible; }

.status_wrapper {
  text-align: left; }

.status_wrapper .tableStatusBox {
  padding: 0 !important;
  text-align: left;
  margin: 0 !important; }

.block-wrapper {
  /*box-shadow: 0px 0px 9px #929090;*/
  border-top: 1px solid #e2e1e1; }

.hover_wrapper__item {
  flex: 1;
  text-align: center; }

.tableProgressCell .target::after,
.tableProgressCell .stopwatch::after {
  left: 10px !important; }

.privacy-icon.generic-icon:after, ap-comment .privacy-icon.comment-button:after, ap-task-quick-edit .privacy-icon.comment-button:after, ap-task-quick-add .privacy-icon.comment-button:after {
  background-size: 25px 25px !important; }

.author.taskNameFrontend {
  margin-right: 5px; }

.author.priority_list_name a {
  margin-top: 5px; }

.divTable.listViewTable .singleLine.collapsedSingleLine {
  padding-bottom: 0; }

.options_hover_bg {
  width: 30px;
  height: 30px;
  margin: 5px auto auto auto;
  cursor: pointer; }

.options_icon {
  background-image: url(/images/icons/options_hover_bg.svg);
  background-repeat: no-repeat;
  background-size: 30px; }

.edit_icon {
  background-image: url(/images/icons/icons-edit_bar.svg);
  background-repeat: no-repeat;
  background-size: 30px; }

.complete_icon {
  background-image: url(/images/icons/icons-complete-grey_bar.svg);
  background-repeat: no-repeat;
  background-size: 30px; }

.comment_icon {
  background-image: url(/images/icons/comment-circle.svg);
  background-repeat: no-repeat;
  background-size: 30px; }

#topPriorityList .tablePriorityCell {
  width: 50px !important;
  padding: 0px; }

.name_cell {
  width: 520px !important;
  padding-left: 42px !important; }

.header_table_style {
  text-transform: none !important;
  color: #acacac !important;
  border: none !important; }

.header_table_style .tableProgressCell {
  width: 40px !important; }

.bg_white {
  background-color: white !important; }

.responsible_icon {
  margin-top: 2px !important;
  width: 13px;
  height: 13px;
  background-image: url(/images/icons/responsible-pink_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%; }

.myOverviewRespIcon {
  margin-left: 14px !important;
  margin-top: 0 !important;
  height: 12px !important; }

.headerPriorityIconGray {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(/images/icons/priority-ltgrey_icon.svg);
  background-repeat: no-repeat;
  background-position: center; }

.priority_list_wrapper .priorityNumberOrIcon {
  width: 50px !important;
  padding: 0px !important;
  text-align: center; }

#topPriorityListTableBody .no_padding {
  padding: 0 !important; }

#topPriorityListTableBody .flex_parent {
  display: flex;
  align-items: flex-start; }

#topPriorityListTableBody .flex_100 {
  flex: 1 1 100px; }

#topPriorityListTableBody .flex_340 {
  flex: 1 1 340px; }

#topPriorityListTableBody .flex_140 {
  flex: 1 1 140px; }

#topPriorityListTableBody .gradient_border {
  position: relative; }

/*
#topPriorityListTableBody .gradient_border:before {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 0;
  height: 75%;
  width: 2px;
  background: rgb(238,238,238);
  background: -moz-linear-gradient(left, rgba(238,238,238,1) 13%, rgba(204,204,204,1) 51%, rgba(238,238,238,1) 88%);
  background: -webkit-linear-gradient(left, rgba(238,238,238,1) 13%,rgba(204,204,204,1) 51%,rgba(238,238,238,1) 88%);
  background: linear-gradient(to right, rgba(238,238,238,1) 13%,rgba(204,204,204,1) 51%,rgba(238,238,238,1) 88%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
}
*/
#topPriorityListTableBody .taskRow1.checked {
  background: #faf8f9 none repeat scroll 0% 0%; }

#topPriorityListTableBody .ui-sortable_helper .taskRow1 {
  background: #faf8f9 none repeat scroll 0% 0% !important; }

.author .singleLine, .hover_wrapper, .parentNameLine, .feedbackInfo {
  color: #303030 !important;
  font-style: normal; }

.priority_milestone__icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  border-radius: 50%; }

.priority_milestone__icon.green_icon {
  background: #70d440; }

.priority_milestone__icon.red_icon {
  background: #e73d3d; }

.priority_milestone__icon.yellow_icon {
  background: #ffe603; }

.width_50 {
  width: 50px !important; }

.orvedue_tag {
  align-items: center;
  height: 20px;
  padding: 0 5px;
  background: #e43e3e;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 15px 0 4px;
  border-radius: 3px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle; }

.orvedue_tag.active, .pastdue_tag.active, .startOutside_tag.active {
  align-items: center;
  padding: 0 5px;
  background: #e43e3e;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  margin: 0 15px 0 0;
  border-radius: 3px;
  display: none; }

.overdue .orvedue_tag.active, .pastMilestone .pastdue_tag.active, .startOutside .startOutside_tag.active {
  display: inline-block; }

.pending_modification_tag {
  padding: 0 5px;
  background: #FF7F00;
  color: #fff;
  margin: 0 15px 0 0;
  border-radius: 3px;
  height: 20px;
  display: inline-block;
  font-size: 10px;
  line-height: 18px;
  white-space: nowrap;
  min-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis; }

.pending_tag {
  padding: 0 5px;
  background: #FF7F00;
  color: #fff;
  margin: 0 15px 0 0;
  border-radius: 3px;
  height: 20px;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  min-width: 98px;
  overflow: hidden;
  text-overflow: ellipsis; }

.edit_ini_alert_content {
  padding: 2px 0 4px;
  background: #e43e3e;
  color: #fff;
  font-weight: 300;
  font-size: 15px;
  text-align: center;
  margin-bottom: 5px; }

.progress_ml_priority {
  width: 60px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  background: white;
  color: #868484;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 12px;
  position: relative; }
  .progress_ml_priority > span {
    width: calc(100% - 31px);
    display: inline-block;
    margin-left: 25px;
    text-align: center; }
  .progress_ml_priority:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 33px;
    height: 33px;
    display: inline-block;
    background-size: 33px 33px;
    background-position: 0 0; }
  .progress_ml_priority:after {
    top: 12px;
    left: 7px !important;
    background-image: url("/images/icons/target_facelift-compatible-viewbox.svg"); }

.text-right {
  text-align: right; }

.font-gray, .font-gray .ng-binding.ng-scope, .table_cell_position {
  color: #303030;
  font-style: normal; }

#topPriorityListTableBody .pl-8 {
  padding-left: 8px !important; }

.font-normal, .table_cell_position .priorityNumber {
  font-style: normal; }

.date_styled, .date_styled .modern-date-day {
  text-align: left !important;
  font-style: normal; }

.date_styled .modern-date-day {
  width: auto !important; }

.flex_55 {
  flex: 1 1 30px; }

.flex_40 {
  flex: 1 1 40px; }

#topPriorityListTableBody .priority_list_wrapper .correct_width {
  width: 570px !important; }

.flex_align_fix {
  align-self: baseline;
  margin-top: -5px; }

.priority_flex_parent {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 20px; }

.priority_sort_items {
  display: flex;
  align-items: center; }

.action_priority_icon > span:before {
  content: ""; }

.action_priority_icon > span:before {
  background-image: url(/images/icons/iconcheckinbox_priority.svg);
  background-repeat: no-repeat; }

/*.action_priority_icon.active > span:before {
  background-image: url(/images/icons/iconcheckinbox_priority_pink.svg);
  background-repeat: no-repeat;
}*/
#topPriorityList .milestones_prority_icon > span:before {
  background-image: url(/images/icons/milestone-grey_priority.svg);
  background-repeat: no-repeat;
  background-size: 14px !important; }

#topPriorityList .milestones_prority_icon.active > span:before {
  background-image: url(/images/icons/milestone-grey_priority_pink.svg);
  background-repeat: no-repeat;
  background-size: 14px !important; }

#topPriorityList .initiative_prority_icon > span:before {
  background-image: url(/images/icons/action-dkgrey_priority.svg);
  background-repeat: no-repeat;
  background-size: 14px !important; }

#topPriorityList .initiative_prority_icon.active > span:before {
  background-image: url(/images/icons/action-dkgrey_priority_pink.svg);
  background-repeat: no-repeat;
  background-size: 14px !important; }

.comment-content__text {
  font-size: 15px;
  color: #818181;
  line-height: 1.784; }
  .comment-content__text .mention {
    color: #e83b83; }

.comment-content__footer {
  margin-top: 2px;
  min-height: 20px; }

.comment__user_image {
  float: left;
  display: block;
  width: 50px; }

.comment__user_content {
  position: relative;
  margin-left: 52px;
  margin-top: 3px; }

.comment__user_content__container {
  display: flex;
  justify-content: space-between; }
  .comment__user_content__container .comment_holder {
    max-width: 684px;
    width: 684px;
    margin-right: 10px;
    line-height: 1.784; }
    .comment__user_content__container .comment_holder .fr-element.fr-view {
      width: 100%;
      box-sizing: border-box;
      margin-left: 0;
      margin-right: 0;
      min-height: 30px; }
      .comment__user_content__container .comment_holder .fr-element.fr-view .mention {
        color: #e83b83; }
    .comment__user_content__container .comment_holder .fr-placeholder {
      font-size: 16px;
      color: #b5b5b5; }
  .comment__user_content__container .buttons_holder {
    margin-right: 10px; }
    .comment__user_content__container .buttons_holder .submitButton,
    .comment__user_content__container .buttons_holder .cancelButton {
      width: 120px;
      height: 30px;
      font-size: 15px;
      font-weight: 400;
      text-align: center;
      line-height: 28px; }
    .comment__user_content__container .buttons_holder .submitButton {
      background: #e83b83;
      border: 1px solid #e83b83;
      color: #ffffff; }
      .comment__user_content__container .buttons_holder .submitButton[disabled] {
        background-color: grey;
        border: 1px solid #B7B7B7; }
    .comment__user_content__container .buttons_holder .cancelButton {
      background: #fff;
      border: 1px solid #e2e1e1;
      margin-left: 10px; }

.comment__user_content__footer {
  margin-top: 10px; }

#comment-form .send_comment_as_email__holder .email_recipients {
  margin-top: 10px; }

.comment__user_image .photo {
  width: 40px !important;
  height: 40px !important; }

.comment__user_image .photo img {
  height: 40px;
  width: auto; }

.comment-content__footer__name,
.comment-content__footer__date,
.comment-content__footer__send_to,
.comment-content__footer__email_subject,
.comment-content__footer__like {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px; }

.comment-content__footer__name {
  padding-right: 10px;
  border-right: 1px solid #CBCBCB;
  height: 14px;
  color: #2f2f2f; }
  .comment-content__footer__name .text-wrap {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #EA578D; }
  .comment-content__footer__name .text {
    color: #2f2f2f; }

.comment-content__footer__date {
  margin-left: 10px;
  margin-right: 10px;
  height: 14px;
  color: #ACACAC; }

/* email_subject */
.comment-content__footer__email_subject {
  margin-top: 8px;
  border-right: 1px solid #CBCBCB;
  padding-right: 10px;
  padding-left: 5px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle; }
  .comment-content__footer__email_subject .text-wrap {
    display: inline-block;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 5px;
    color: #EA578D; }
  .comment-content__footer__email_subject .text {
    color: #2f2f2f; }
  .comment-content__footer__email_subject .ico_subject {
    display: inline-block;
    vertical-align: top;
    color: #e93b83;
    width: 20px;
    height: 16px;
    line-height: 1;
    background-image: url("/images/icons/Push2email_pink.svg");
    background-size: 20px 20px;
    background-position: 0px -3px; }
  .comment-content__footer__email_subject .name {
    color: #ACACAC;
    vertical-align: top;
    display: inline-block;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 10px; }

/* send_to */
.comment-content__footer__send_to {
  padding-left: 10px;
  padding-right: 10px;
  height: auto;
  line-height: 14px;
  margin-top: 8px; }
  .comment-content__footer__send_to .hover {
    display: none;
    position: absolute;
    background-color: #2e2f31;
    padding: 4px 8px;
    bottom: 15px;
    color: #ffffff;
    z-index: 2;
    max-width: 350px; }
    .comment-content__footer__send_to .hover.feedback-hover-mail {
      bottom: 40px; }
    .comment-content__footer__send_to .hover > span {
      display: inline-block; }
  .comment-content__footer__send_to:hover .hover {
    display: inline-block; }
  .comment-content__footer__send_to .name {
    color: #ACACAC;
    line-height: 1;
    text-transform: uppercase;
    font-size: 10px; }

.comment-content__footer__send_to .text {
  color: #2f2f2f;
  line-height: 1;
  margin-left: 5px; }

.comment-content__footer__send_to .number {
  color: #e93b83;
  line-height: 1;
  margin-left: 2px; }

.comment-content__footer__like {
  position: absolute;
  top: 11px;
  right: 0;
  border: 1px solid #e2e1e1;
  border-radius: 2px;
  height: 18px;
  background-color: white; }
  .comment-content__footer__like .hover {
    display: none;
    position: absolute;
    background-color: #2e2f31;
    padding: 4px 8px;
    bottom: 15px;
    color: #ffffff;
    z-index: 2;
    max-width: 350px; }
    .comment-content__footer__like .hover > span {
      display: inline-block; }
  .comment-content__footer__like .number:hover + .hover {
    display: inline-block; }

.comment-content__footer__like .text {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  font-size: 12px;
  color: #cbcbcb;
  padding: 0 4px; }
  .comment-content__footer__like .text.active {
    color: #E83B83; }

.comment-content__footer__like i.icon-like::after {
  top: 2px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px; }

.comment-content__footer__like a:hover {
  text-decoration: none; }

.comment-content__footer__like .number {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  font-size: 12px;
  color: #cbcbcb;
  padding: 0 4px;
  border-left: 1px solid #CBCBCB;
  min-width: 10px;
  text-align: center; }
  .comment-content__footer__like .number.active {
    color: #E83B83; }

.comment-content__footer__profiles_seen {
  display: inline-block;
  height: 24px;
  position: relative;
  top: 6px; }
  .comment-content__footer__profiles_seen:before {
    content: '';
    height: 14px;
    width: 1px;
    position: absolute;
    left: -1px;
    top: 0;
    background-color: #CBCBCB; }

.comment-form__holder .frontend-comment:first-of-type {
  border-top: none; }

.comment-content__attached_file {
  margin-top: 15px; }

.comment-content__attached_file__title {
  font-size: 10px;
  color: #7A7A7A;
  margin-bottom: 10px;
  display: block !important; }

.comment-content__attached_file__item .filedDelIcon {
  float: right;
  margin-right: 270px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px; }
.comment-content__attached_file__item:hover .attached_file__item__ico {
  background-image: url("/images/icons/attach-file-pink.svg"); }
.comment-content__attached_file__item:hover .attached_file__item__text {
  color: #E83B83; }
.comment-content__attached_file__item:hover .filedDelIcon {
  background-image: url("/images/icons/icons-delete-pink.svg"); }

.comment-content__attached_file__item:not(:last-child) {
  margin-bottom: 10px; }

.attached_file__item__ico {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 4px;
  line-height: 1;
  background-image: url("/images/icons/attach-file.svg");
  background-size: 100%; }

.attached_file__item__text {
  display: inline-block;
  vertical-align: middle;
  color: gray;
  font-size: 11px; }

.fr-box .fr-element.fr-view {
  padding: 8px 6px;
  margin-right: 0px; }
  .fr-box .fr-element.fr-view a {
    color: #5f94cf; }

.comment-form__holder__buttons {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 50; }

.comment__create__footer {
  margin-top: 10px; }

.comment__create__email,
.comment__create__make_private,
.comment__create__attach_file {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  line-height: 16px; }

.comment__create__email {
  padding-right: 6px;
  border-right: 1px solid #CBCBCB; }
  .comment__create__email .comment_email__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    width: 21px;
    height: 10px;
    background-image: url(/images/icons/Push2email_lightgray.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px 21px; }
  .comment__create__email .commentCheckboxLabel {
    padding-left: 0px;
    padding-right: 0px; }
  .comment__create__email:hover .comment_email__icon, .comment__create__email.active .comment_email__icon {
    background-image: url(/images/icons/Push2email_pink.svg); }
  .comment__create__email:hover .commentCheckboxLabel, .comment__create__email.active .commentCheckboxLabel {
    color: #E83B83; }

.comment__create__make_private {
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #CBCBCB; }
  .comment__create__make_private .comment_private__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    width: 10px;
    height: 10px;
    background-image: url(/images/icons/private_action_grey_v2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .comment__create__make_private .commentCheckboxLabel {
    padding-left: 0px;
    padding-right: 0px; }
  .comment__create__make_private:hover .comment_private__icon, .comment__create__make_private.active .comment_private__icon {
    background-image: url(/images/icons/private_action_v2.svg); }

.comment__create__attach_file {
  padding-right: 10px;
  padding-left: 4px; }
  .comment__create__attach_file a.upload .icon-attach {
    margin-right: 2px;
    background-repeat: no-repeat;
    line-height: 11px;
    width: 100px;
    padding-left: 16px;
    height: 11px;
    background-size: 11px 11px;
    margin-top: 4px;
    font-size: 11px; }

.comment__create__attach_file a {
  margin-top: 0; }

.send_comment_as_email__holder .ap-chosen-positioner {
  width: 750px !important; }

.send_comment_as_email__holder .ap-chosen-positioner .chzn-container {
  display: block;
  width: 100% !important; }

ap-comment .email-notifications span.label, ap-task-quick-edit .email-notifications span.label, ap-task-quick-add .email-notifications span.label {
  font-size: 12px;
  color: #7A7A7A; }

#topPriorityListTableBody, #topPriorityListTableBody.bg_white {
  background-color: white !important;
  box-shadow: inset 0px 14px 20px 0px #f8f8f8; }

/* actionHeaderBox__holder */
.actionHeaderBox__holder {
  width: 100%; }

.actionHeaderBox__header {
  display: flex;
  align-items: flex-start;
  background: #fff;
  padding: 15px 23px 15px 15px; }
  .actionHeaderBox__header:hover .copy-link-icon {
    visibility: visible; }

.actionHeaderBox__content {
  padding: 15px 15px;
  box-sizing: border-box;
  background: #fff; }
  .actionHeaderBox__content .supportStates td {
    vertical-align: top;
    display: inline-flex; }

#milestoneFeedbackHover .popup-ap {
  width: 1100px !important; }
  #milestoneFeedbackHover .popup-ap ap-hover-box {
    transform: translateX(54px); }

#iniActionDetails .form-box {
  width: 1200px !important; }
#iniActionDetails .hover_controls {
  position: absolute;
  top: 14px;
  right: 14px; }
  #iniActionDetails .hover_controls .control_close {
    width: 17px;
    height: 17px;
    display: inline-block;
    font-size: 34px;
    line-height: 14px;
    color: #AAA;
    font-weight: 300;
    vertical-align: middle;
    cursor: pointer; }
#iniActionDetails .kpiListTable {
  border: none; }
  #iniActionDetails .kpiListTable th {
    font-size: 11px;
    color: #2F3941;
    font-weight: 500;
    background: white;
    text-transform: uppercase; }
  #iniActionDetails .kpiListTable .kpiNameCell {
    width: 31%;
    background-color: #fff; }
  #iniActionDetails .kpiListTable .kpiTargetCell {
    width: 12%;
    font-weight: 400; }
  #iniActionDetails .kpiListTable .kpiUnitCell {
    width: 17%; }
  #iniActionDetails .kpiListTable .kpiTypeCell {
    width: 16%;
    position: relative; }
    #iniActionDetails .kpiListTable .kpiTypeCell .kpiTypeCell_icon {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      margin-right: 5px;
      position: relative;
      top: -2px;
      position: relative; }
      #iniActionDetails .kpiListTable .kpiTypeCell .kpiTypeCell_icon:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        display: inline-block;
        background-position: 0 0; }
      #iniActionDetails .kpiListTable .kpiTypeCell .kpiTypeCell_icon.ascending:after, #iniActionDetails .kpiListTable .kpiTypeCell .kpiTypeCell_icon.ascending-positive:after, #iniActionDetails .kpiListTable .kpiTypeCell .kpiTypeCell_icon.ascending-negetive:after {
        background-image: url(/images/icons/kpis/7-Ascending-pink.svg); }
      #iniActionDetails .kpiListTable .kpiTypeCell .kpiTypeCell_icon.descending:after {
        background-image: url(/images/icons/kpis/8-Descending-pink.svg); }
      #iniActionDetails .kpiListTable .kpiTypeCell .kpiTypeCell_icon.smiley:after {
        background-image: url(/images/icons/kpis/8.5-Smiley-pink.svg); }

.actionHeaderBox__content__row {
  padding: 0; }

.actionHeaderBox__content__row:nth-child(2n) {
  background: #faf8f9; }

.actionHeaderBox__content__row:not(:last-child) {
  border-bottom: 1px solid #cecece; }

.actionHeaderBox__header__left_panel {
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: flex-start; }

.actionHeaderBox__header__userIco__holder {
  display: inline-block;
  vertical-align: middle;
  width: 58px;
  height: 58px;
  border: 1px solid #cecece;
  border-radius: 50%;
  margin-right: 15px;
  overflow: hidden;
  margin-top: 14px;
  min-width: 58px; }
  .actionHeaderBox__header__userIco__holder div.photo .image-placeholder {
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 20px; }

.actionHeaderBox__header__userIco {
  display: block;
  width: 100%;
  height: 100%;
  float: none;
  text-align: center;
  margin: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }
  .actionHeaderBox__header__userIco.no-image {
    background-color: lightgrey;
    font-size: 20px;
    line-height: 58px; }

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

.actionHeaderBox__header__action__name .action__name {
  font-size: 25px;
  color: #121212;
  font-weight: 400;
  max-width: 700px; }
  .actionHeaderBox__header__action__name .action__name .privacyIcon {
    width: 12px;
    height: 12px; }
  .actionHeaderBox__header__action__name .action__name .visibilityIcon {
    width: 15px;
    height: 15px; }

.actionHeaderBox__header__action__footer {
  margin-top: 5px;
  overflow: hidden; }

.mw-62 {
  max-width: 62%; }

.mw-75 {
  max-width: 75%; }

.mw-55 {
  max-width: 55%; }

.w-36 {
  width: 36px !important; }

.w-70 {
  width: 70%; }

.w-80 {
  width: 80px !important; }

.w-80-perc {
  width: 80%; }

.w-600 {
  width: 600px; }

.w-450 {
  width: 450px !important; }

.w-420 {
  width: 420px !important; }

.w-140 {
  width: 140px !important; }

.w-150 {
  width: 150px !important; }

.w-160 {
  width: 160px !important; }

.w-170 {
  width: 170px !important; }

.min-w-30 {
  min-width: 30px; }

.min-w-50 {
  min-width: 50px; }

.pr-20 {
  padding-right: 20px !important; }

.subIniCol {
  width: 170px !important;
  padding-left: 20px !important; }

.msOptionsLabel {
  text-align: center; }

.actionHeaderBox__header__action__footer .actionDetails__item {
  margin-top: 7px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle; }

.actionHeaderBox__header__right_panel {
  margin-top: 5px;
  display: flex;
  flex: none;
  justify-content: right;
  align-items: center;
  padding-top: 7px;
  margin-left: 43px; }
  .actionHeaderBox__header__right_panel .bulk_option__button .controls-box .controls-box-with-arrow .slide-custom {
    top: 7px; }

.actionHeaderBox__header__details_btn {
  margin-top: 14px; }

.meeting_header .actionHeaderBox__header__right_panel {
  margin-top: 5px; }
.meeting_header .actionHeaderBox__header__details_btn {
  margin-top: 1px; }

.actionHeaderBox__header__details_btn, .hide_archived_btn, .focusareaHeaderBox__header__details_btn {
  margin-left: auto;
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  line-height: 24px;
  min-width: 70px;
  background: #ffffff;
  color: #cccccc;
  border: 1px solid #cccccc;
  transition: .3s;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 12px;
  margin-top: 2px; }
  .actionHeaderBox__header__details_btn:hover, .actionHeaderBox__header__details_btn.active, .hide_archived_btn:hover, .hide_archived_btn.active, .focusareaHeaderBox__header__details_btn:hover, .focusareaHeaderBox__header__details_btn.active {
    border: 1px solid #e93b83;
    color: #e93b83;
    background: #fef6f9; }
    .actionHeaderBox__header__details_btn:hover::before, .actionHeaderBox__header__details_btn.active::before, .hide_archived_btn:hover::before, .hide_archived_btn.active::before, .focusareaHeaderBox__header__details_btn:hover::before, .focusareaHeaderBox__header__details_btn.active::before {
      background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
  .actionHeaderBox__header__details_btn.disabled, .hide_archived_btn.disabled, .focusareaHeaderBox__header__details_btn.disabled {
    pointer-events: none;
    opacity: 0.5; }

.focusareaHeaderBox__header__details_btn {
  margin-top: 19px; }

.hide_archived_btn::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(/images/icons/icons-unchecked-tr-viewbox.svg);
  background-size: 28px 28px;
  background-position: 0 0;
  margin-right: 8px;
  vertical-align: text-bottom; }

.actionHeaderBox__header__options__holder {
  position: relative;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  margin-left: 25px; }
  .actionHeaderBox__header__options__holder.dropdown_wrapper {
    min-width: 120px;
    justify-content: flex-end;
    margin-left: 0; }
  .actionHeaderBox__header__options__holder.disabled {
    pointer-events: none;
    background: none;
    opacity: 0.5; }
    .actionHeaderBox__header__options__holder.disabled .controls-box .controls-link {
      cursor: default; }

.actionHeaderBox__header__options__holder .text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #9d9d9d;
  font-size: 12px;
  margin-right: 10px;
  font-weight: 400; }

.actionHeaderBox__header__options__holder > ap-controls > .controls-box > .controls-link {
  width: 26px;
  height: 26px; }
  .actionHeaderBox__header__options__holder > ap-controls > .controls-box > .controls-link.opener:hover {
    text-decoration: none; }
  .actionHeaderBox__header__options__holder > ap-controls > .controls-box > .controls-link .dropdown_text {
    position: relative;
    right: 80px;
    width: 86px;
    color: #121212;
    font-weight: 400;
    font-size: 10px; }

.actionHeaderBox__header__options__holder > ap-controls > .controls-box > .controls-link:after {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(/images/icons/options_hover_bg.svg);
  background-position: center; }

.actionHeaderBox__header__give_feedback_btn {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 37px;
  width: 175px;
  text-align: center;
  background: #e83b83;
  color: #fff;
  border: 1px solid #e83b83;
  transition: .3s;
  border-radius: 50px;
  cursor: pointer;
  box-sizing: border-box;
  margin-left: 10px; }

.actionHeaderBox__header__give_feedback_btn:hover {
  background: #fff;
  color: #E93B83; }

.request_feedback_background {
  background: #71d33f;
  border: 1px solid #71d33f; }
  .request_feedback_background:hover {
    color: #71d33f;
    background: #ffffff; }

.actionHeaderBox__header__give_feedback_btn:hover .ico {
  background-image: url(/images/icons/icons-update-pink.svg); }

.request_feedback_background:hover .ico {
  background-image: url(/images/icons/icons-update-green.svg); }

.actionHeaderBox__header__give_feedback_btn .ico {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(/images/icons/icons-update-white.svg);
  background-size: 100%;
  background-repeat: no-repeat; }

.actionHeaderBox__header__give_feedback_btn .text {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 3px;
  font-weight: 400; }

/* actionHeaderBox__tags__holder */
.actionHeaderBox__tags__holder {
  padding: 10px 0 0 0; }

.actionHeaderBox__tags__holder .tag {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 10px 5px 0px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  padding: 5px 10px;
  font-size: 12px;
  height: auto;
  line-height: 1;
  cursor: pointer; }
  .actionHeaderBox__tags__holder .tag.mandatory-tag {
    border-color: #ace3ef;
    color: #48878C;
    background: #e3faff; }
  .actionHeaderBox__tags__holder .tag:not(.mandatory-tag) {
    border-color: #50b050;
    color: #2daa2d;
    background: #d4f8d7; }

/* actionHeaderBox__info__holder */
.info_item__userIco {
  display: block;
  width: 100%;
  height: 100%;
  float: none;
  text-align: center;
  margin: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.stopwatch span {
  color: #5F8CC7;
  font-weight: 400; }

/* pl_normal_table_coll */
.priority_list_item_wrapper {
  display: flex;
  align-items: center;
  padding: 15px 0; }

.priority_list__item:not(:nth-child(2)) {
  border-top: 1px solid #E1E1E1; }
.priority_list__item:nth-child(2n+1) {
  background: #FAF8F9; }
.priority_list__item .tableRow:nth-child(odd) {
  background: none; }

.pl_normal_table_coll__number {
  min-width: 45px;
  margin-left: 2px; }

.pl_normal_table_coll.pl_normal_table_coll__number span.number {
  display: block;
  text-align: center;
  font-size: 14px;
  padding: 16px 10px;
  margin-top: 4px;
  margin-right: 2px;
  line-height: 1;
  color: #222;
  font-style: normal; }
.pl_normal_table_coll.pl_normal_table_coll__number .completion-info {
  position: absolute;
  top: 18px;
  left: 9px; }

.pl_normal_table_coll.pl_normal_table_coll__user_ico {
  position: relative; }
  .pl_normal_table_coll.pl_normal_table_coll__user_ico:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    height: 45px;
    width: 1px;
    background-color: #E6E6E6;
    background: radial-gradient(circle, #d1d1d1 0%, #EFEFEF 100%); }

.pl_normal_table_coll__user_ico__holder {
  padding-left: 10px;
  padding-top: 6px; }

.plh__name_cell {
  padding-left: 13px !important; }

.plh__name_progress {
  margin-left: auto; }

.plh__date {
  margin-left: 10px; }

.plh__userIco .responsible_icon {
  display: block;
  margin: 0px auto; }

#topPriorityList .tableNameCell {
  width: initial !important; }

.header_table_style {
  display: flex; }

.commentButtonLabel__holder {
  border: 1px solid #DDD;
  padding: 0px 5px 1px 5px;
  line-height: 17px;
  font-size: 12px;
  display: inline-block;
  background-color: white;
  border-radius: 3px;
  vertical-align: middle;
  margin-right: 10px !important;
  color: #acacac !important; }
  .commentButtonLabel__holder span {
    text-transform: capitalize; }
  .commentButtonLabel__holder .commentButtonLabel.pink {
    color: #ABABAB; }

.newMsgsCount {
  color: #E83B83 !important;
  font-size: 10px !important; }

.commentButtonLabel__holder.pink {
  border: 1px solid #ffe6f0; }

.commentButtonLabel__arrow {
  position: relative;
  width: 15px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; }
  .commentButtonLabel__arrow:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #AAA;
    border-right: 1px solid #AAA;
    transform: rotate(45deg); }
  .commentButtonLabel__arrow:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 1px;
    top: -3px;
    height: 17px;
    background: radial-gradient(circle, #DBDBDB 0%, white 100%); }

.commentButtonLabel__holder.pink .commentButtonLabel__arrow:after {
  border-top: 1px solid #E581A5;
  border-right: 1px solid #E581A5;
  top: 1px;
  transform: rotate(135deg); }
.commentButtonLabel__holder.pink .commentButtonLabel__arrow:before {
  background: radial-gradient(circle, #ffdee9 0%, white 100%); }

.header_table_style .plh__name_progress {
  text-align: left;
  width: 130px; }

.header_table_style .plh__latest_update {
  width: 209px;
  text-align: left; }

.header_table_style .plh__feedback_complete_col {
  width: 110px;
  text-align: left; }

.users_status_info .usersInfo, .users_status_info_action .usersInfo {
  display: inline-block;
  vertical-align: middle;
  margin: 0px !important; }

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

.actions__comment__holder {
  padding-left: 110px;
  padding-right: 17px; }

.ini_details__overview_table__content .actions__comment__holder {
  padding-left: 181px; }

.priority_list__item .actions__comment__holder .comment__user_content__container .comment_holder {
  width: 684px; }

.priority_list__item .actions__comment__holder {
  padding-left: 215px; }

.photoholder__badge {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #E83B83;
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  border-radius: 50%;
  z-index: 10;
  text-align: center !important;
  color: #ffffff;
  line-height: 12px;
  font-size: 10px;
  padding: 0; }

.executionStatus__details__holder {
  margin-top: 30px; }
  .executionStatus__details__holder .kpi-graph-header {
    padding-right: 10px;
    margin-top: 15px; }
    .executionStatus__details__holder .kpi-graph-header .kpi-graph-label {
      font-size: 12px;
      font-weight: 400;
      color: #2F3941; }

.executionStatus__details__coll {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }

.executionStatus__details__coll_1 {
  width: 300px;
  padding-right: 20px; }

.executionStatus__details__coll_2 {
  width: 860px;
  display: inline-block; }
  .executionStatus__details__coll_2 .kpi_bg_change_exec_status {
    background-color: #faf9f9;
    padding: 5px 10px;
    height: 100%;
    margin-top: 10px;
    width: 830px; }

.executionStatus__details__user {
  display: flex;
  justify-content: flex-start;
  overflow: hidden; }

.executionStatus__details__user__photo {
  min-width: 40px;
  width: 40px;
  min-height: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  border: 1px solid #ccc; }
  .executionStatus__details__user__photo .actionHeaderBox__header__userIco.no-image {
    line-height: 40px;
    font-size: 16px; }

.executionStatus__details__user__photo img {
  width: 100%;
  height: auto; }

.executionStatus__details__user__text {
  margin-left: 10px;
  margin-bottom: 8px; }
  .executionStatus__details__user__text .name {
    font-size: 18px;
    margin: 0;
    margin-top: -3px; }
  .executionStatus__details__user__text .subtitle {
    margin: 0;
    margin-top: 5px;
    font-size: 12px;
    color: #777; }
    .executionStatus__details__user__text .subtitle span {
      color: #000;
      font-weight: 500; }

.evaluation .executionStatus__details__user__text {
  margin-top: 10px;
  margin-left: 18px; }
  .evaluation .executionStatus__details__user__text .subtitle {
    margin-top: 2px; }

.actions__switch__btn {
  position: absolute;
  width: 20px;
  height: 16px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  top: 50%;
  margin-top: -8px;
  background: #fff;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.actions__switch__btn:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: 6px;
  top: 2px;
  border-left: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.ini_history__title__holder {
  margin-top: 15px; }
  .ini_history__title__holder span {
    color: #777777;
    font-weight: 300; }

.ini_details__overview_table__header {
  padding: 32px 15px 33px 15px;
  display: flex; }
  .ini_details__overview_table__header .add_plus_buttons .createLink {
    font-size: 10px; }
  .ini_details__overview_table__header .filters__button .name {
    margin-top: -3px; }
    .ini_details__overview_table__header .filters__button .name.meeting {
      margin-top: 0;
      margin-right: 2px !important; }

.sortable__item:first-child .label {
  border-radius: 15px 0px 0px 15px;
  border-left: 1px solid #ccc; }

.sortable__item:last-child .label {
  border-radius: 0 15px 15px 0; }

.ini_details__overview_table__content .mainContent .user_icon, .ini_execution_plan_table__content .mainContent .user_icon {
  margin-left: 15px; }

.ini_details__overview_table__content .ini_details__item__update {
  margin-left: 6px; }
.ini_details__overview_table__content .tableCreatedByCell {
  margin-left: 6px; }

.block-wrapper .mainContent .user_icon {
  margin-left: 13px;
  margin-right: 1px; }

.hasMilestoneStartDate .removeDueDate {
  left: 17.5%; }

.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate {
  left: 10%; }
.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .newMsgsCount {
  color: #E83B83;
  font-size: 10px; }
.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .user_icon {
  margin-left: 8px; }
.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .date-icon {
  margin-left: 10px; }
.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell {
  display: flex;
  align-items: flex-start;
  width: 691px;
  margin-left: 15px;
  padding-left: 0 !important; }
  .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .modern-date {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center; }
    .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .modern-date .modern-date-day {
      display: inline-block;
      margin-right: 3px;
      color: #121212;
      font-size: 24px;
      font-weight: 400;
      line-height: 1; }
    .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .modern-date .modern-date-text {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .modern-date .modern-date-text .modern-date-day-name {
        margin-bottom: 2px;
        color: #ACACAC;
        font-size: 8px;
        font-weight: 400;
        line-height: 1; }
      .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .modern-date .modern-date-text .modern-date-month-name {
        color: #121212;
        font-size: 10px;
        font-weight: 400;
        line-height: 1;
        text-transform: uppercase; }
  .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .expanderCell {
    align-self: flex-start;
    width: 20px;
    margin-left: 5px;
    margin-right: 9px;
    text-align: center;
    padding: 0; }
    .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .expanderCell .item-icon.task {
      width: 20px;
      height: 20px;
      margin-top: 0; }
  .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 716px; }
    .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox .author {
      margin-bottom: 10px;
      margin-right: 0;
      color: #121212;
      font-size: 18px;
      font-weight: 400;
      line-height: 0;
      display: inline-block; }
      .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox .author .ng-binding {
        display: inline-block;
        line-height: 1; }
    .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox .users_status_info {
      margin: 0; }
    .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox .usersInfo {
      margin: 0;
      padding: 0 !important;
      height: auto !important; }
      .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox .usersInfo .contents {
        margin: 0 !important; }
        .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox .usersInfo .contents .responsible-block {
          height: auto;
          color: #acacac;
          font-size: 10px;
          font-weight: 400;
          line-height: 1;
          margin-top: 1px; }
          .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox .usersInfo .contents .responsible-block .feedbacker-role {
            width: 7px;
            height: 10px;
            margin-right: 2px; }
.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableProgressCell {
  width: 95px !important;
  padding: 0 !important; }
.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableCreatedByCell {
  width: 204px !important;
  padding: 0 !important; }
  .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableCreatedByCell .actionRow__status__text__holder {
    color: #121212;
    font-size: 12px;
    font-weight: 400;
    line-height: 1; }
  .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableCreatedByCell .actionRow__status__executor {
    margin-top: 7px; }
    .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableCreatedByCell .actionRow__status__executor .actionRow__status__executor__name {
      color: #acacac;
      font-size: 10px;
      font-weight: 400;
      line-height: 1; }
    .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableCreatedByCell .actionRow__status__executor .actionRow__status__executor__timeOld {
      color: #acacac;
      font-size: 10px;
      font-weight: 400;
      line-height: 1; }
.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tablePlanCell {
  display: none; }
.ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable.best-practice .mainContent .tableNameCell .iniNameBox {
  width: 503px; }
  .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable.best-practice .mainContent .tableNameCell .iniNameBox.meeting-type {
    width: 468px; }

/*.block-wrapper .mainContent {
  .user_icon {
    margin-left: 15px;
  }
}*/
.block-lines:nth-child(2n) .ini_details__item {
  background: #faf9f9; }

.milestoneTableDropdownHolder .mainContent .user_icon {
  margin-left: 30px; }

.milestoneTableDropdownHolder .mainContent .tableCreatedByCell {
  margin-left: auto !important; }

.milestoneTableDropdownHolder .mainContent .tablePlanCell {
  display: none !important; }

.ini_details__item__user_ico {
  position: relative;
  width: 40px; }

.ini_details__item__date, .ini_details__item__start_date {
  padding-right: 10px;
  width: 90px;
  vertical-align: middle; }
  .ini_details__item__date .modern-date, .ini_details__item__start_date .modern-date {
    width: 100%;
    display: flex;
    text-align: left;
    justify-content: center; }
    .ini_details__item__date .modern-date .modern-date-day, .ini_details__item__start_date .modern-date .modern-date-day {
      display: inline-block;
      margin-right: 3px;
      color: #121212;
      font-size: 24px;
      font-weight: 400;
      line-height: 1; }
    .ini_details__item__date .modern-date .modern-date-text, .ini_details__item__start_date .modern-date .modern-date-text {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, .ini_details__item__start_date .modern-date .modern-date-text .modern-date-day-name {
        margin-bottom: 2px;
        color: #acacac;
        font-size: 8px;
        font-weight: 400;
        line-height: 1; }
      .ini_details__item__date .modern-date .modern-date-text .modern-date-month-name, .ini_details__item__start_date .modern-date .modern-date-text .modern-date-month-name {
        color: #121212;
        font-size: 10px;
        font-weight: 400;
        line-height: 1;
        text-transform: uppercase; }

.ini_details__item__name {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  padding-left: 5px !important;
  width: 632px;
  padding-right: 10px;
  color: #939393;
  font-size: 12px;
  font-weight: 300;
  line-height: 1; }
  .ini_details__item__name .expanderCell {
    margin-right: 10px;
    padding: 0; }
  .ini_details__item__name .iniNameBox {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .ini_details__item__name .iniNameBox .author {
      display: inline-block;
      margin-bottom: 10px;
      color: #121212;
      font-size: 18px;
      font-weight: 300;
      line-height: 1; }
    .ini_details__item__name .iniNameBox .usersInfo {
      margin: 0;
      padding: 0 !important;
      height: auto !important; }
      .ini_details__item__name .iniNameBox .usersInfo .contents {
        margin: 0 !important; }
        .ini_details__item__name .iniNameBox .usersInfo .contents .responsible-block {
          height: auto;
          color: #acacac;
          font-size: 12px;
          font-weight: 300;
          line-height: 1; }
          .ini_details__item__name .iniNameBox .usersInfo .contents .responsible-block .feedbacker-role {
            width: 7px;
            height: 10px;
            margin-right: 2px; }

.ini_details__item__progress {
  box-sizing: border-box;
  width: 95px;
  padding-right: 10px;
  /*color: #939393;
  font-size: 12px;
  font-weight: 300;
  line-height: 1; */ }
  .ini_details__item__progress .progress {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 40px;
    vertical-align: middle;
    border: 1px solid #e2e1e1;
    border-radius: 5px;
    color: #acacac;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    cursor: default;
    position: relative;
    padding-left: 10px; }
    .ini_details__item__progress .progress:after {
      position: absolute;
      top: 12px;
      left: 7px;
      background: url("/images/icons/target_facelift-compatible-viewbox.svg");
      content: ' ';
      width: 33px;
      height: 33px;
      display: inline-block;
      background-size: 33px 33px;
      background-position: 0 0; }
  .ini_details__item__progress .progressKpiWrapper .progressCellInnerWrapper .target {
    margin-right: 3px; }

.ini_details__item__update {
  position: relative;
  box-sizing: border-box;
  width: 215px;
  padding-right: 10px;
  color: #939393;
  font-size: 12px;
  font-weight: 300;
  line-height: 1; }
  .ini_details__item__update .milestoneStatusBox .milestoneStatusBox__wrapper {
    display: flex; }
    .ini_details__item__update .milestoneStatusBox .milestoneStatusBox__wrapper .actionRow__status__text__holder {
      color: #121212;
      font-size: 12px;
      font-weight: 400;
      line-height: 1; }
    .ini_details__item__update .milestoneStatusBox .milestoneStatusBox__wrapper .actionRow__status__executor {
      margin-top: 7px; }
      .ini_details__item__update .milestoneStatusBox .milestoneStatusBox__wrapper .actionRow__status__executor .actionRow__status__executor__name {
        color: #ACACAC;
        font-size: 10px;
        font-weight: 400;
        line-height: 1; }
      .ini_details__item__update .milestoneStatusBox .milestoneStatusBox__wrapper .actionRow__status__executor .actionRow__status__executor__timeOld {
        color: #ACACAC;
        font-size: 10px;
        font-weight: 400;
        line-height: 1; }
  .ini_details__item__update .status_item {
    overflow: hidden; }
    .ini_details__item__update .status_item .status_item__text {
      margin-left: 45px;
      margin-top: 1px; }
      .ini_details__item__update .status_item .status_item__text .text_name {
        font-size: 12px;
        color: #121212; }
      .ini_details__item__update .status_item .status_item__text .text_detail {
        margin-top: 5px;
        font-size: 12px; }
        .ini_details__item__update .status_item .status_item__text .text_detail .name {
          color: #444; }
        .ini_details__item__update .status_item .status_item__text .text_detail .timeago {
          color: #767676; }
    .ini_details__item__update .status_item .status_item__ico {
      position: relative;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      overflow: hidden;
      float: left; }
    .ini_details__item__update .status_item .status_item__ico:before {
      content: '';
      position: absolute;
      background: RGBA(0, 0, 0, 0.4);
      z-index: 10;
      width: 100%;
      height: 100%; }
    .ini_details__item__update .status_item .status_item__ico:after {
      content: '';
      position: absolute;
      background: inherit;
      z-index: 15; }
    .ini_details__item__update .status_item.attention_need .status_item__ico {
      background: #E73D3E; }
    .ini_details__item__update .status_item.minor_challenges .status_item__ico {
      background: #FFE602; }
    .ini_details__item__update .status_item.everything_ok .status_item__ico {
      background: #72D33F; }
    .ini_details__item__update .status_item.progress__25 .status_item__ico:before {
      top: -50%;
      left: 50%; }
    .ini_details__item__update .status_item.progress__50 .status_item__ico:before {
      top: 0%;
      left: 50%; }
    .ini_details__item__update .status_item.progress__75 .status_item__ico:before {
      top: 0%;
      left: 0%; }
    .ini_details__item__update .status_item.progress__75 .status_item__ico:after {
      top: -50%;
      width: 100%;
      height: 100%;
      left: -50%; }
    .ini_details__item__update .status_item.progress__100 .status_item__ico:before {
      top: 0%;
      left: 0%;
      background: RGBA(0, 0, 0, 0.8); }
    .ini_details__item__update .status_item.progress__100 .status_item__ico:after {
      top: 25%;
      width: 50%;
      height: 50%;
      left: 25%;
      border-radius: 50%; }

.ini_details__item__execution_plan {
  box-sizing: border-box;
  width: 85px;
  color: #939393;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  margin-left: 6px; }

.ini_details__item__execution_plan__holder {
  box-sizing: border-box;
  width: 85px;
  border: 1px solid #efefef;
  border-radius: 3px;
  padding: 0 10px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center; }
  .ini_details__item__execution_plan__holder .info_holder {
    position: relative; }
    .ini_details__item__execution_plan__holder .info_holder .icon {
      display: inline-block;
      vertical-align: middle;
      width: 16px;
      height: 16px;
      border-radius: 2px;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      background-image: url(/images/icons/iconcheckinbox.svg); }
    .ini_details__item__execution_plan__holder .info_holder .num {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      color: #171717;
      margin-left: 5px;
      font-weight: 400;
      padding-right: 8px;
      line-height: 1; }
  .ini_details__item__execution_plan__holder .collapser {
    position: relative;
    width: 10px;
    height: 10px;
    margin-left: auto; }
  .ini_details__item__execution_plan__holder .collapser:after {
    content: "";
    position: absolute;
    left: -10px;
    width: 1px;
    top: -2px;
    height: 15px;
    background: #efefef; }
  .ini_details__item__execution_plan__holder .collapser:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(/images/icons/open3.svg); }

.ini_details__item__execution_plan__holder.active {
  border-color: #ffe6f0; }
  .ini_details__item__execution_plan__holder.active .collapser:after {
    background: #ffe6f0; }
  .ini_details__item__execution_plan__holder.active .collapser:before {
    background-image: url(/images/icons/collapse3-viewbox.svg);
    width: 20px;
    height: 20px;
    top: 3px; }

.ini_details__item__execution_plan__holder_placeholder {
  width: 85px; }

/* ini_details__attached_files__holder */
.ini_details__attached_files__title__holder {
  padding-bottom: 11px;
  margin-top: 15px; }
  .ini_details__attached_files__title__holder h3 {
    font-weight: 500;
    font-size: 22px; }

.ini_details__attached_files__holder {
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  margin-top: 15px;
  overflow: hidden; }

.ini_details__attached_files__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 15px 18px 15px;
  cursor: pointer; }

.ini_details__attached_files__actions__coll .name {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  color: #4a4a4a;
  font-size: 12px; }
.ini_details__attached_files__actions__coll .sortable__holder {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  overflow: hidden; }
.ini_details__attached_files__actions__coll .sortable__item {
  position: relative;
  float: left;
  z-index: 1; }
  .ini_details__attached_files__actions__coll .sortable__item input {
    display: none; }
  .ini_details__attached_files__actions__coll .sortable__item label {
    width: 100%;
    height: 100%;
    cursor: pointer;
    user-select: none; }
  .ini_details__attached_files__actions__coll .sortable__item .label {
    position: relative;
    z-index: 1;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0px 10px;
    height: 26px;
    line-height: 24px; }
  .ini_details__attached_files__actions__coll .sortable__item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: #ccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 5px; }
    .ini_details__attached_files__actions__coll .sortable__item .icon .icon_alphabet {
      background-image: url(); }
    .ini_details__attached_files__actions__coll .sortable__item .icon .icon_responsible {
      background-image: url(); }
    .ini_details__attached_files__actions__coll .sortable__item .icon .icon_date {
      background-image: url(); }
  .ini_details__attached_files__actions__coll .sortable__item .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #777;
    line-height: 26px; }
  .ini_details__attached_files__actions__coll .sortable__item input:checked ~ .label {
    border-color: #e93b83;
    box-shadow: -1px 0 0 0 #e93b83;
    z-index: 10;
    background: #fef6f9; }
    .ini_details__attached_files__actions__coll .sortable__item input:checked ~ .label .icon.icon_alphabet {
      background-image: url(); }
    .ini_details__attached_files__actions__coll .sortable__item input:checked ~ .label .icon.icon_responsible {
      background-image: url(); }
    .ini_details__attached_files__actions__coll .sortable__item input:checked ~ .label .icon.icon_date {
      background-image: url(); }
    .ini_details__attached_files__actions__coll .sortable__item input:checked ~ .label .text {
      color: #e93b83; }
  .ini_details__attached_files__actions__coll .sortable__item:first-child input:checked + .label {
    box-shadow: none; }

.ini_details__attached_files__header {
  border-top: 1px solid #D2D2D2;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  color: #939393;
  font-size: 10px;
  background: linear-gradient(to bottom, #f7f7f7 0%, white 100%);
  text-transform: uppercase; }
  .ini_details__attached_files__header .sort_icon {
    width: 12px;
    height: 5px;
    margin: auto 5px;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
    background-size: 8px 6px;
    background-image: url("../../images/arrow_minus.png"); }
    .ini_details__attached_files__header .sort_icon.active {
      background-image: url(/images/layout/triangle-viewbox.svg);
      background-size: 14px 14px;
      height: 6px; }
  .ini_details__attached_files__header .sort_icon.descending {
    background-image: url("../../images/arrow_minus.png");
    background-size: 8px 6px;
    height: 5px;
    margin: auto 5px; }
    .ini_details__attached_files__header .sort_icon.descending.active {
      background-image: url(/images/layout/triangle-down-viewbox.svg);
      background-size: 14px 14px;
      height: 6px; }
  .ini_details__attached_files__header .coll_type {
    width: 50px;
    text-align: center;
    display: inline-flex;
    cursor: pointer; }
  .ini_details__attached_files__header .coll_name {
    width: 360px;
    margin-left: 7px;
    display: inline-flex;
    cursor: pointer; }
  .ini_details__attached_files__header .coll_attached_to {
    margin-left: 22px;
    width: 280px;
    display: inline-flex;
    cursor: pointer; }
  .ini_details__attached_files__header .coll_attached_by {
    width: 170px;
    margin-left: 27px;
    display: inline-flex;
    cursor: pointer; }
  .ini_details__attached_files__header .coll_attached_date {
    width: 160px;
    margin-left: 14px;
    display: inline-flex;
    text-align: right;
    cursor: pointer; }
    .ini_details__attached_files__header .coll_attached_date .name {
      width: 138px; }
  .ini_details__attached_files__header .coll_attached_filesize {
    width: 110px;
    text-align: right;
    margin-left: 14px;
    display: inline-flex;
    cursor: pointer; }
    .ini_details__attached_files__header .coll_attached_filesize .name {
      display: inline-block;
      width: 83px; }

.ini_details__attached_files__item {
  border-bottom: 1px solid #EEEEEE;
  background-color: white;
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px; }
  .ini_details__attached_files__item .coll_type {
    margin-left: 11px;
    text-align: center; }
    .ini_details__attached_files__item .coll_type .file_icon {
      display: block;
      width: 40px;
      height: 55px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      background-image: url(/images/icons/attachments/DOC.png); }
  .ini_details__attached_files__item .coll_name {
    margin-left: 33px;
    width: 360px;
    margin-right: 10px;
    font-size: 15px;
    color: #5f94cf;
    white-space: nowrap;
    position: relative; }
    .ini_details__attached_files__item .coll_name .file_name {
      font-weight: 400;
      font-size: 15px;
      color: #5f94cf;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 356px;
      display: inline-block; }
      .ini_details__attached_files__item .coll_name .file_name:hover .hover-tooltip {
        display: block;
        left: -2px;
        white-space: normal; }
  .ini_details__attached_files__item .coll_attached_to {
    margin-left: 10px;
    width: 288px;
    margin-right: 20px;
    padding-top: 3px; }
    .ini_details__attached_files__item .coll_attached_to .type_icon {
      display: block;
      width: 16px;
      height: 16px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      float: left;
      position: relative; }
      .ini_details__attached_files__item .coll_attached_to .type_icon:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 32px;
        height: 32px;
        display: inline-block;
        background-size: 32px 32px;
        background-position: 0 0; }
    .ini_details__attached_files__item .coll_attached_to .type_icon.action_icon:after {
      background-image: url(/images/icons/action-grey.svg); }
    .ini_details__attached_files__item .coll_attached_to .type_icon.focusarea_icon:after {
      background-image: url(/images/icons/focusarea-grey.svg); }
    .ini_details__attached_files__item .coll_attached_to .type_icon.milestone_icon:after {
      background-image: url(/images/icons/milestone-grey.svg); }
    .ini_details__attached_files__item .coll_attached_to .type_icon.task_icon:after {
      background-image: url(/images/icons/task-grey.svg); }
    .ini_details__attached_files__item .coll_attached_to .type_icon.topic_icon:after {
      background-image: url(/images/icons/topic.svg); }
    .ini_details__attached_files__item .coll_attached_to .type_icon.meeting_icon:after {
      background-image: url(/images/icons/meeting-grey.svg); }
    .ini_details__attached_files__item .coll_attached_to .type_icon.team-meeting_icon:after {
      background-image: url(/images/icons/team-meeting-grey.svg); }
    .ini_details__attached_files__item .coll_attached_to .content_holder {
      margin-left: 24px;
      position: relative; }
      .ini_details__attached_files__item .coll_attached_to .content_holder:hover .hover-tooltip {
        display: block;
        left: -2px;
        white-space: normal; }
      .ini_details__attached_files__item .coll_attached_to .content_holder .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        font-size: 15px;
        color: #222222;
        position: relative;
        top: -2px; }
      .ini_details__attached_files__item .coll_attached_to .content_holder .date {
        display: block;
        color: #777;
        font-size: 12px;
        margin-top: 5px; }
  .ini_details__attached_files__item .coll_attached_by {
    width: 183px;
    margin-right: 15px;
    position: relative; }
    .ini_details__attached_files__item .coll_attached_by:hover .hover-tooltip {
      display: block;
      left: -2px;
      white-space: normal; }
    .ini_details__attached_files__item .coll_attached_by .name_text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      font-size: 15px;
      color: #222222; }
  .ini_details__attached_files__item .coll_attached_date {
    margin-right: 0;
    width: 138px;
    font-size: 15px;
    white-space: nowrap;
    text-align: right; }
  .ini_details__attached_files__item .coll_detail {
    margin-right: 20px;
    width: 95px;
    display: none; }
    .ini_details__attached_files__item .coll_detail .details_btn {
      display: none;
      width: 80px;
      height: 26px;
      line-height: 24px;
      background: #fff;
      color: #cccccc;
      text-align: center;
      border: 1px solid #cccccc;
      transition: 0.3s;
      border-radius: 13px;
      font-size: 12px;
      cursor: pointer;
      box-sizing: border-box; }
    .ini_details__attached_files__item .coll_detail .details_btn:hover {
      border: 1px solid #e93b83;
      color: #e93b83; }
  .ini_details__attached_files__item .coll_size {
    width: 115px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .ini_details__attached_files__item .coll_size .size_text {
      font-weight: 400;
      font-size: 15px;
      color: #222222; }
  .ini_details__attached_files__item .coll_download {
    margin-right: 20px; }
    .ini_details__attached_files__item .coll_download .download_btn {
      display: block;
      width: 24px;
      height: 24px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: 0px -1px;
      background-image: url(/images/icons/download.svg);
      margin-left: 20px;
      position: relative; }
      .ini_details__attached_files__item .coll_download .download_btn:hover .hover-tooltip {
        display: block;
        top: 0; }
    .ini_details__attached_files__item .coll_download .edit_btn {
      display: block;
      width: 14px;
      height: 14px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      background-image: url(/images/icons/icons-edit.svg);
      cursor: pointer;
      margin-left: 25px;
      margin-right: 5px;
      position: relative; }
      .ini_details__attached_files__item .coll_download .edit_btn:hover .hover-tooltip {
        display: block; }
    .ini_details__attached_files__item .coll_download .spacer {
      display: block;
      width: 49px; }
  .ini_details__attached_files__item .coll_trash {
    margin-right: 20px; }
    .ini_details__attached_files__item .coll_trash .remove_btn {
      display: block;
      cursor: pointer;
      position: relative;
      width: 14px;
      height: 14px; }
      .ini_details__attached_files__item .coll_trash .remove_btn:before {
        content: " ";
        width: 14px;
        height: 14px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        background-image: url(/images/icons/icons-delete.svg); }
      .ini_details__attached_files__item .coll_trash .remove_btn:hover .hover-tooltip {
        display: block; }
      .ini_details__attached_files__item .coll_trash .remove_btn.dimmed:before {
        opacity: 0.4; }
  .ini_details__attached_files__item:nth-child(2n) {
    background-color: #f9f9f9; }
  .ini_details__attached_files__item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
  .ini_details__attached_files__item .hover-tooltip {
    display: none;
    position: absolute;
    white-space: nowrap;
    top: -3px;
    left: -14px; }

/* ini_create__section_title__holder */
.ini_create__section_title__holder h1 {
  font-size: 24px;
  margin-left: 0; }

.ini_create__info_block__holder {
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding: 15px;
  margin-top: 22px;
  /*css modified for add new action layout changes*/ }
  .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line {
    border: 0;
    border-top: 1px solid #D2D2D2; }
  .ini_create__info_block__holder .row {
    display: flex; }
  .ini_create__info_block__holder .row:not(:last-child) {
    margin-bottom: 25px; }
  .ini_create__info_block__holder .col_20 {
    width: 20%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__info_block__holder .col_25 {
    width: 25%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__info_block__holder .col_35 {
    width: 35%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__info_block__holder .col_30 {
    width: 30%;
    top: 4px; }
    .ini_create__info_block__holder .col_30.topic {
      top: 3px; }
  .ini_create__info_block__holder .col_50 {
    width: 50%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__info_block__holder .col_40 {
    padding-left: 15px;
    padding-right: 15px;
    width: 40%; }
  .ini_create__info_block__holder .col_20:last-child, .ini_create__info_block__holder .col_25:last-child,
  .ini_create__info_block__holder .col_50:last-child, .ini_create__info_block__holder .col_35:last-child {
    padding-left: 15px !important;
    padding-right: 0px !important; }
  .ini_create__info_block__holder .col_20:first-child, .ini_create__info_block__holder .col_25:first-child,
  .ini_create__info_block__holder .col_50:first-child, .ini_create__info_block__holder .col_35:first-child {
    padding-left: 0px !important;
    padding-right: 15px !important; }
  .ini_create__info_block__holder .col_100 {
    width: 100%;
    box-sizing: border-box; }
    .ini_create__info_block__holder .col_100.topic {
      width: 67%; }
  .ini_create__info_block__holder .ini_create__input_title {
    font-size: 15px;
    margin-bottom: 0; }
  .ini_create__info_block__holder span.required {
    color: #E83B83;
    margin-left: 0px; }
  .ini_create__info_block__holder .ini_create__input_holder {
    position: relative; }
    .ini_create__info_block__holder .ini_create__input_holder input {
      height: 40px;
      box-sizing: border-box;
      border: none;
      border-bottom: 1px solid #E6E6E6;
      border-radius: 0px;
      width: 100%;
      font-weight: 300;
      padding-bottom: 6px; }
  .ini_create__info_block__holder .field-label {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 0; }
    .ini_create__info_block__holder .field-label span.required {
      color: #E83B83; }

.chzn-container-single .chzn-single {
  height: 38px;
  padding: 0 10px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  width: 100%;
  font-size: 16px !important;
  color: #ccc; }
  .chzn-container-single .chzn-single #placeholderparent_id {
    color: #cccccc;
    margin-top: 8px; }
  .chzn-container-single .chzn-single .arrow_select {
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: absolute;
    top: 14px;
    transform: rotate(45deg);
    right: 5px; }

/* ini_create__rolsprivacy__holder */
.ini_create__rolsprivacy__holder {
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding: 27px 15px;
  margin-top: 20px; }
  .ini_create__rolsprivacy__holder .row {
    display: flex; }
  .ini_create__rolsprivacy__holder .col_33 {
    width: 33.3%;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__rolsprivacy__holder .col_33:last-child {
    padding-left: 15px !important;
    padding-right: 0px !important; }
  .ini_create__rolsprivacy__holder .col_33:first-child {
    padding-left: 0px !important;
    padding-right: 15px !important; }
  .ini_create__rolsprivacy__holder .col_25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__rolsprivacy__holder .col_24 {
    width: 24%;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__rolsprivacy__holder .col_50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__rolsprivacy__holder .col_16 {
    width: 16%;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__rolsprivacy__holder .col_10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__rolsprivacy__holder .col_75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px; }
  .ini_create__rolsprivacy__holder .alignment_holder .col_100 {
    width: 98.5%; }
  .ini_create__rolsprivacy__holder .other_option__holder .label__holder label {
    border: 1px solid #ccc;
    padding: 5px 0;
    width: 100%;
    display: block;
    color: #ccc;
    font-size: 14px;
    text-align: center;
    border-radius: 15px;
    line-height: 1.4; }
  .ini_create__rolsprivacy__holder .other_option__holder .label__holder input:checked + label {
    border: 1px solid #E83B83;
    color: #E83B83; }
  .ini_create__rolsprivacy__holder .other_option__holder .toggle_btn__holder {
    text-align: right; }
  .ini_create__rolsprivacy__holder .other_option__holder .toggle_btn {
    display: inline-block; }
    .ini_create__rolsprivacy__holder .other_option__holder .toggle_btn a {
      color: #e83b83;
      font-size: 12px; }
  .ini_create__rolsprivacy__holder .other_option__holder .toggle_content {
    border-top: 1px solid #ccc;
    margin-top: 17px;
    padding: 5px 0;
    padding-top: 21px;
    position: relative; }
  .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text {
      font-size: 14px; }
    .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .input_holder input {
      border: 1px solid #ccc;
      border-radius: 5px;
      color: #cccccc;
      text-align: center;
      height: 28px;
      font-size: 14px;
      padding: 0px;
      width: 148px; }
  .ini_create__rolsprivacy__holder .other_option__holder .toggle_content:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    top: -6px;
    right: 38.3%; }
  .ini_create__rolsprivacy__holder .chzn-single {
    height: 36px !important;
    padding: 0;
    line-height: 36px !important; }
  .ini_create__rolsprivacy__holder .chzn-single div {
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: absolute;
    top: 14px;
    transform: rotate(45deg);
    right: 5px; }
    .ini_create__rolsprivacy__holder .chzn-single div b {
      display: none; }
  .ini_create__rolsprivacy__holder .ini_create__col_title {
    display: inline-block;
    font-size: 15px; }
    .ini_create__rolsprivacy__holder .ini_create__col_title .sub-info {
      color: grey; }
    .ini_create__rolsprivacy__holder .ini_create__col_title .privacy-icon {
      width: 15px;
      height: 15px;
      display: inline-block;
      vertical-align: middle;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      margin-right: 4px;
      background-image: url(/images/icons/private_action_v2.svg);
      margin-top: -3px; }

/* ini_create__support__holder */
.ini_create__support__holder {
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding: 15px;
  margin-top: 20px; }
  .ini_create__support__holder.team-meeting {
    padding: 24px 30px; }

/* support_invitations */
.support_invitations__header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .support_invitations__header .title {
    font-size: 15px; }
  .support_invitations__header .createLink {
    font-size: 16px; }

.support_invitations__item {
  width: 100%;
  margin-top: 12px;
  border-collapse: collapse; }
  .support_invitations__item td {
    padding-top: 14px;
    padding-bottom: 14px; }
  .support_invitations__item .user_ico {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 5px; }

/* ini_create__description_title__holder */
.ini_create__description_title__holder {
  margin: 20px 0; }
  .ini_create__description_title__holder h1 {
    font-size: 24px;
    color: #303030; }

/* ini_create__description__holder */
.ini_create__description__holder {
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding: 15px;
  margin-top: 20px; }
  .ini_create__description__holder.more-space {
    padding: 30px; }

/* ini_create__execution_plan_title__holder */
.ini_create__execution_plan_title__holder {
  margin: 20px 0; }
  .ini_create__execution_plan_title__holder h1 {
    font-size: 22px;
    color: #222222; }

/* ini_create__execution_plan__holder */
.ini_create__execution_plan__holder {
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding: 15px 0;
  margin-top: 20px; }

.ini_execution_plan_table__header {
  padding-bottom: 13px;
  padding-top: 14px;
  padding-left: 15px;
  padding-right: 15px; }
  .ini_execution_plan_table__header .execution_plan_table__header_link_first {
    margin-left: auto;
    margin-right: 75px; }
  .ini_execution_plan_table__header .execution_plan_table__header_title h3 {
    margin: 0; }
  .ini_execution_plan_table__header .execution_plan_table__header_title h3, .ini_execution_plan_table__header .execution_plan_table__header_link a {
    font-size: 14px;
    font-weight: 500;
    color: #000; }
  .ini_execution_plan_table__header .ini_execution_plan_table__label {
    font-size: 16px;
    position: relative;
    top: 4px; }
  .ini_execution_plan_table__header .new-item {
    float: right;
    display: inline-flex;
    margin-top: -36px; }
    .ini_execution_plan_table__header .new-item:not(:first-of-type) {
      padding-right: 60px; }
    .ini_execution_plan_table__header .new-item .create {
      font-size: 15px; }
  .ini_execution_plan_table__header .add_plus_buttons {
    margin-left: 64%;
    font-size: 12px; }
    .ini_execution_plan_table__header .add_plus_buttons a {
      color: #121212; }
      .ini_execution_plan_table__header .add_plus_buttons a span {
        width: 18px; }
      .ini_execution_plan_table__header .add_plus_buttons a.createLink.disabled {
        font-style: normal;
        color: #acacac; }
        .ini_execution_plan_table__header .add_plus_buttons a.createLink.disabled span {
          background-image: url(/images/icons/more-options-grey.svg); }
    .ini_execution_plan_table__header .add_plus_buttons .alignement_plus {
      margin-left: 6px; }
  .ini_execution_plan_table__header .add_options_alignment {
    margin-left: 56%; }

.ini_execution_plan__item {
  display: flex;
  border-bottom: 1px solid #D2D2D2;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  align-items: center; }
  .ini_execution_plan__item .ini_execution_plan__item__user_ico {
    box-sizing: border-box;
    position: relative;
    width: 40px;
    height: 40px; }
    .ini_execution_plan__item .ini_execution_plan__item__user_ico img {
      width: 100%;
      height: 100%; }
  .ini_execution_plan__item .ini_execution_plan__item__date {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-left: 15px; }
    .ini_execution_plan__item .ini_execution_plan__item__date .item__date_number {
      font-weight: 400;
      color: #121212;
      font-size: 25px;
      margin: 0; }
    .ini_execution_plan__item .ini_execution_plan__item__date .item__date_box {
      display: flex;
      flex-direction: column;
      margin: 0;
      margin-left: 5px; }
      .ini_execution_plan__item .ini_execution_plan__item__date .item__date_box .item__date_day {
        font-size: 8px; }
      .ini_execution_plan__item .ini_execution_plan__item__date .item__date_box .item__date_month {
        font-size: 12px;
        text-transform: uppercase; }
  .ini_execution_plan__item .ini_execution_plan__item__name {
    box-sizing: border-box;
    margin-left: 20px;
    width: 600px; }
    .ini_execution_plan__item .ini_execution_plan__item__name .item__name_icon {
      display: inline-block;
      vertical-align: top;
      margin-right: 15px;
      width: 20px;
      height: 20px;
      border: 1px solid #ccc;
      border-radius: 50%; }
    .ini_execution_plan__item .ini_execution_plan__item__name .item__name_desc {
      display: inline-block; }
      .ini_execution_plan__item .ini_execution_plan__item__name .item__name_desc .item__name_desc_text {
        margin: 0;
        margin-bottom: 5px;
        font-weight: 400;
        color: #0e0e0e;
        font-size: 18px; }
        .ini_execution_plan__item .ini_execution_plan__item__name .item__name_desc .item__name_desc_text span {
          color: #E11C85; }
      .ini_execution_plan__item .ini_execution_plan__item__name .item__name_desc .item__name_desc_info {
        margin: 0;
        font-weight: 300;
        color: #ccc;
        font-size: 12px; }
        .ini_execution_plan__item .ini_execution_plan__item__name .item__name_desc .item__name_desc_info .item__name_desc_info_icon_heart {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
          width: 12px;
          height: 12px;
          background-image: url(../images/icons/responsible-pink_icon.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        .ini_execution_plan__item .ini_execution_plan__item__name .item__name_desc .item__name_desc_info .item__name_desc_info_icon_arrow {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
          width: 12px;
          height: 12px;
          background-image: url(../images/icons/roles/owner-simple-pink.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
          .ini_execution_plan__item .ini_execution_plan__item__name .item__name_desc .item__name_desc_info .item__name_desc_info_icon_arrow .item__name_desc_info_name {
            vertical-align: middle; }
  .ini_execution_plan__item .ini_execution_plan__item__progress {
    box-sizing: border-box;
    width: 80px;
    border: 1px solid #efefef;
    border-radius: 3px;
    height: 36px;
    text-align: center;
    line-height: 34px;
    margin-right: 20px; }
    .ini_execution_plan__item .ini_execution_plan__item__progress .progress {
      font-size: 12px;
      color: #868484; }
  .ini_execution_plan__item .ini_execution_plan__item__update {
    box-sizing: border-box;
    margin-right: 30px;
    width: 200px; }
    .ini_execution_plan__item .ini_execution_plan__item__update .item__update_icon {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      width: 30px;
      height: 30px;
      background-color: #DC3045;
      border-radius: 50%; }
    .ini_execution_plan__item .ini_execution_plan__item__update .item__update_icon__comment {
      background-color: transparent !important; }
    .ini_execution_plan__item .ini_execution_plan__item__update .item__update_icon__comment::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      background-size: 290%;
      background-position: center;
      background-image: url(/images/icons/actioncommented.svg); }
    .ini_execution_plan__item .ini_execution_plan__item__update .item__update_icon__add {
      background-color: transparent !important; }
    .ini_execution_plan__item .ini_execution_plan__item__update .item__update_icon__add::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      border: 1px solid #ccc;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      background-image: url(/images/icons/action_created_icon.png); }
    .ini_execution_plan__item .ini_execution_plan__item__update .item__update_desc {
      display: inline-block;
      vertical-align: middle; }
      .ini_execution_plan__item .ini_execution_plan__item__update .item__update_desc .item__update_text {
        margin: 0;
        margin-top: 5px;
        margin-bottom: 7px;
        font-size: 12px;
        color: #121212;
        font-weight: 500; }
      .ini_execution_plan__item .ini_execution_plan__item__update .item__update_desc .item__update_info {
        margin: 0; }
        .ini_execution_plan__item .ini_execution_plan__item__update .item__update_desc .item__update_info .item__update_info_name {
          display: inline-block;
          margin-right: 10px;
          font-size: 12px;
          color: #121212;
          font-weight: 300; }
        .ini_execution_plan__item .ini_execution_plan__item__update .item__update_desc .item__update_info .item__update_info_time {
          display: inline-block;
          font-size: 12px;
          color: #121212;
          font-weight: 300; }
  .ini_execution_plan__item .ini_execution_plan__item__execution_plan {
    box-sizing: border-box; }
  .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder {
    box-sizing: border-box;
    width: 90px;
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 0 10px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder .info_holder {
      position: relative; }
      .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder .info_holder .icon {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        border-radius: 2px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-image: none;
        border: 1px solid #efefef; }
      .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder .info_holder .num {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        color: #171717;
        margin-left: 5px;
        font-weight: 400;
        padding-right: 8px;
        line-height: 1; }
    .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder .collapser {
      position: relative;
      width: 10px;
      height: 10px;
      margin-left: auto; }
    .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder .collapser:after {
      content: "";
      position: absolute;
      left: -10px;
      width: 1px;
      top: -2px;
      height: 15px;
      background: #efefef; }
    .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder .collapser:before {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      width: 10px;
      height: 10px;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      background-image: url(/images/icons/open3.svg); }
  .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder.active {
    border-color: #E83B83; }
    .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder.active .collapser:after {
      background: #E83B83; }
    .ini_execution_plan__item .ini_execution_plan__item__execution_plan__holder.active .collapser:before {
      transform: rotate(180deg);
      background-image: url(/images/icons/collapse2.svg); }

.ini_execution_plan__item:last-child {
  border-bottom: none;
  padding-bottom: 0; }

.ini_execution_plan__item_2 .ini_execution_plan__item__update {
  box-sizing: border-box;
  margin-right: 30px;
  width: 200px; }
  .ini_execution_plan__item_2 .ini_execution_plan__item__update .item__update_icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    background-color: #F9ED18; }
.ini_execution_plan__item_2 .ini_execution_plan__item__execution_plan__holder .info_holder .icon {
  background-image: url(/images/icons/iconcheckinbox.svg);
  border: none; }

.ini_execution_plan__item_action .ini_execution_plan__item__user_ico {
  box-sizing: border-box;
  position: relative;
  margin-left: 35px;
  width: 40px;
  height: 40px; }
  .ini_execution_plan__item_action .ini_execution_plan__item__user_ico img {
    width: 100%;
    height: 100%; }
.ini_execution_plan__item_action .ini_execution_plan__item__date {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-left: 15px; }
  .ini_execution_plan__item_action .ini_execution_plan__item__date .item__date_number {
    font-weight: 400;
    color: #121212;
    font-size: 25px;
    margin: 0; }
  .ini_execution_plan__item_action .ini_execution_plan__item__date .item__date_box {
    display: flex;
    flex-direction: column;
    margin: 0;
    margin-left: 5px; }
    .ini_execution_plan__item_action .ini_execution_plan__item__date .item__date_box .item__date_day {
      font-size: 8px; }
    .ini_execution_plan__item_action .ini_execution_plan__item__date .item__date_box .item__date_month {
      font-size: 12px;
      text-transform: uppercase; }
.ini_execution_plan__item_action .ini_execution_plan__item__name {
  box-sizing: border-box;
  margin-left: 20px;
  width: 600px; }
  .ini_execution_plan__item_action .ini_execution_plan__item__name .item__name_icon {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(/images/icons/iconcheckinbox.svg);
    border: none; }
  .ini_execution_plan__item_action .ini_execution_plan__item__name .item__name_desc {
    display: inline-block; }
    .ini_execution_plan__item_action .ini_execution_plan__item__name .item__name_desc .item__name_desc_text {
      margin: 0;
      margin-bottom: 5px;
      font-weight: 400;
      color: #0e0e0e;
      font-size: 18px; }
      .ini_execution_plan__item_action .ini_execution_plan__item__name .item__name_desc .item__name_desc_text .item__name_desc__icon {
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 20px;
        border-radius: 2px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-image: url(/images/icons/private_action_v2.svg);
        border: none; }
    .ini_execution_plan__item_action .ini_execution_plan__item__name .item__name_desc .item__name_desc_info {
      margin: 0;
      font-weight: 300;
      color: #ccc;
      font-size: 12px; }
      .ini_execution_plan__item_action .ini_execution_plan__item__name .item__name_desc .item__name_desc_info .item__name_desc_info_icon_heart {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 12px;
        height: 12px;
        background-image: url(../images/icons/responsible-pink_icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%; }
      .ini_execution_plan__item_action .ini_execution_plan__item__name .item__name_desc .item__name_desc_info .item__name_desc_info_icon_arrow {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 12px;
        height: 12px;
        background-image: url(../images/icons/roles/owner-simple-pink.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%; }
        .ini_execution_plan__item_action .ini_execution_plan__item__name .item__name_desc .item__name_desc_info .item__name_desc_info_icon_arrow .item__name_desc_info_name {
          vertical-align: middle; }
.ini_execution_plan__item_action .ini_execution_plan__item__update {
  box-sizing: border-box;
  margin-right: 0;
  margin-left: 65px;
  width: 200px; }
  .ini_execution_plan__item_action .ini_execution_plan__item__update .item__update_icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    background-color: #DC3045;
    border-radius: 50%; }
  .ini_execution_plan__item_action .ini_execution_plan__item__update .item__update_desc {
    display: inline-block;
    vertical-align: middle; }
    .ini_execution_plan__item_action .ini_execution_plan__item__update .item__update_desc .item__update_text {
      margin: 0;
      margin-top: 5px;
      margin-bottom: 7px;
      font-size: 12px;
      color: #121212;
      font-weight: 500; }
    .ini_execution_plan__item_action .ini_execution_plan__item__update .item__update_desc .item__update_info {
      margin: 0; }
      .ini_execution_plan__item_action .ini_execution_plan__item__update .item__update_desc .item__update_info .item__update_info_name {
        display: inline-block;
        margin-right: 10px;
        font-size: 12px;
        color: #121212;
        font-weight: 300; }
      .ini_execution_plan__item_action .ini_execution_plan__item__update .item__update_desc .item__update_info .item__update_info_time {
        display: inline-block;
        font-size: 12px;
        color: #121212;
        font-weight: 300; }

/* ini_create__execution_plan__holder */
.ini_create__feedback_requirements__holder {
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding: 18px 0;
  margin-top: 20px; }

.ini_feedback_requirements_table__header {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding-bottom: 21px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #ccc; }
  .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 {
    margin: 0;
    font-size: 15px; }
  .ini_feedback_requirements_table__header .feedback_requirements_table__header__btn {
    width: 10px;
    height: 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(45deg); }

.ini_feedback_requirements_table__content {
  display: flex;
  padding: 15px;
  padding-top: 13px;
  padding-bottom: 0; }
  .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:first-child {
    margin-right: 30px; }
  .ini_feedback_requirements_table__content .feedback_requirements_table__content_column {
    width: 49%;
    border-bottom: 1px solid #DDD;
    position: relative;
    height: 57px; }
    .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .feedback_requirements_table__content_calendar_icon {
      content: "";
      position: absolute;
      top: 25px;
      right: -10px;
      width: 35px;
      height: 35px;
      background-image: url(../images/icons/calendar_pick_date.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .field-label {
      display: inline-block;
      margin-bottom: 5px;
      font-size: 15.5px;
      font-weight: 400; }
      .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .field-label .required {
        color: #303030; }
    .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date {
      box-sizing: border-box;
      min-width: 100%;
      padding-right: 40px;
      font-size: 18px;
      font-weight: 300;
      color: #C0C0C0;
      border: none; }
    .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date[disabled] {
      background-color: transparent;
      opacity: 0.3; }
    .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chzn-container-single .chzn-single {
      padding: 0;
      border-bottom: none;
      font-size: 16px !important;
      color: #ccc; }
      .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chzn-container-single .chzn-single span {
        font-size: 16px;
        font-weight: 300;
        color: #C0C0C0; }
      .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chzn-container-single .chzn-single div {
        display: none; }
    .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single {
      height: 35px !important;
      line-height: 24px; }
    #createForm .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-drop {
      top: 35px; }
    #editaction_form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-drop {
      top: 35px; }
    #editaction_form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single span {
      line-height: 24px; }
    #copyForm .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-drop {
      top: 35px; }
    #copyForm .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single span {
      line-height: 24px; }

.ini_create__action_kpis__holder {
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden; }
  .ini_create__action_kpis__holder ap-kpi-info {
    position: absolute;
    right: 12px;
    z-index: 1; }
  .ini_create__action_kpis__holder .info-icon {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px; }
  .ini_create__action_kpis__holder #action_kpis {
    padding: 0;
    margin: 0; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list .divTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list .divTable .kpiDivTableHeader {
      display: none; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list .tableAboveHeader {
    margin: 0 !important;
    padding: 0; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list .kpiTableAboveHeader {
    margin: 0 !important;
    padding: 0;
    position: relative; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder {
    padding-top: 0;
    padding-bottom: 20px;
    background: #fff;
    position: relative;
    top: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    border-radius: 12px 12px 12px 12px; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label {
      margin: 0;
      font-size: 15px;
      font-weight: 400; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span .field-info-icon.activeTooltip {
      display: none; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink {
      font-family: "Graphik Web";
      font-size: 15px;
      font-weight: 400;
      vertical-align: middle;
      display: inline-block;
      line-height: 20px; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list .table-toolbar {
    display: none; }

.ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table {
  overflow: visible;
  padding: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #cccccc;
  background-color: #fff; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table thead {
    position: relative; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiSortableTable .kpiRow:last-child td {
    border-bottom: none; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader {
    position: relative;
    background: none; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th {
      text-transform: none;
      background: linear-gradient(#f7f7f7, white);
      color: grey;
      font-size: 12px; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader .kpiCheckboxCell {
      background-color: #fff;
      width: 4%; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader .kpiNameCell {
      width: 31%;
      background-color: #fff; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader .kpiTargetCell {
      background-color: #fff;
      width: 12%; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader .kpiUnitCell {
      background-color: #fff;
      width: 12%; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader .kpiTypeCell {
      background-color: #fff;
      width: 17%; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader .kpiPointCell {
      padding: 5px 10px 5px 5px; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow td {
    padding: 15px 10px 15px 10px;
    font-size: 16px;
    vertical-align: middle; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiIcon {
    padding-left: 16px; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiNameCell {
    font-size: 16px;
    font-weight: 400;
    word-break: break-word; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell {
    color: grey; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell {
    color: grey; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell {
    color: grey; }
    .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell .kpiTypeCell_icon {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      margin-right: 5px;
      position: relative;
      top: -2px;
      position: relative; }
      .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell .kpiTypeCell_icon:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 48px;
        height: 48px;
        display: inline-block;
        background-size: 48px 48px;
        background-position: 0 0; }
      .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell .kpiTypeCell_icon:after {
        background-image: url("/images/icons/company-pink-viewbox.svg");
        width: 24px;
        height: 24px;
        background-size: 24px 24px; }
      .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell .kpiTypeCell_icon.ascending:after, .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell .kpiTypeCell_icon.ascending-positive:after, .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell .kpiTypeCell_icon.ascending-negetive:after {
        background-image: url("/images/icons/kpis/7-Ascending-pink.svg"); }
      .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell .kpiTypeCell_icon.descending:after {
        background-image: url("/images/icons/kpis/8-Descending-pink.svg"); }
      .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell .kpiTypeCell_icon.smiley:after {
        background-image: url("/images/icons/kpis/8.5-Smiley-pink.svg"); }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell {
    color: grey;
    background-color: #fff;
    width: 10%; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiActionCell .hoverItem {
    display: none; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiActionCell .ap-icon {
    background-size: 13px 13px;
    margin-right: 0.7em;
    opacity: .5; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow:hover .hoverItem {
    display: inline; }
  .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpi-info-icon {
    background-image: url(/images/info-grey.svg);
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    float: right; }
.ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiIcon {
  padding-left: 30px; }

/* ini_assigned__holder */
.ini_assigned__title__holder {
  margin-top: 20px;
  margin-bottom: 20px;
  justify-content: space-between; }

/* ini_assigned__content__holder */
/*  Total_overview__my_actions  */
.viewTable .initiative-toolbar.my-actions-0 .actions, .viewTable .my-actions-0.milestones-toolbar .actions {
  top: 15px !important; }

.total_overview__my_actions__holder .total_overview_headline {
  display: flex;
  align-items: center; }
.total_overview__my_actions__holder .submitLoader {
  margin-left: 10px; }
.total_overview__my_actions__holder .detachedRoleSelectorHolder .sortCheckerText {
  margin-right: 10px; }
.total_overview__my_actions__holder .detachedRoleSelectorHolder .checker .chzn-single {
  height: auto !important;
  padding: 0 !important;
  box-sizing: border-box;
  border: none !important; }
  .total_overview__my_actions__holder .detachedRoleSelectorHolder .checker .chzn-single span {
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 25px; }
  .total_overview__my_actions__holder .detachedRoleSelectorHolder .checker .chzn-single div {
    display: none; }
.total_overview__my_actions__holder .detachedRoleSelectorHolder .checker .chzn-drop {
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
  border: none !important;
  position: absolute;
  z-index: 1010; }
  .total_overview__my_actions__holder .detachedRoleSelectorHolder .checker .chzn-drop .chzn-search {
    display: none; }
.total_overview__my_actions__holder .detachedRoleSelectorHolder .roleSelector li label span {
  padding: 0 !important;
  position: relative;
  vertical-align: middle; }
  .total_overview__my_actions__holder .detachedRoleSelectorHolder .roleSelector li label span span.ng-binding {
    padding: 5px 10px 5px 30px !important; }
  .total_overview__my_actions__holder .detachedRoleSelectorHolder .roleSelector li label span span.roles_icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px !important;
    height: 15px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
.total_overview__my_actions__holder .responsible-icon .roles_icon {
  background-image: url(../images/icons/roles/responsible_heart_grey.svg); }
.total_overview__my_actions__holder .owner-icon .roles_icon {
  background-image: url(../images/icons/roles/owner-simple-grey.svg); }
.total_overview__my_actions__holder .supporter-icon .roles_icon {
  background-image: url(../images/icons/roles/supporter-simple-grey.svg); }
.total_overview__my_actions__holder .shared-icon .roles_icon {
  background-image: url(../images/icons/roles/shared-simple-grey.svg); }
.total_overview__my_actions__holder .roleSelector .responsible-icon .chk-role-icon:checked + span .roles_icon {
  background-image: url(../images/icons/roles/responsible-pink.svg); }
.total_overview__my_actions__holder .roleSelector .owner-icon .chk-role-icon:checked + span .roles_icon {
  background-image: url(../images/icons/roles/owner-simple-pink.svg); }
.total_overview__my_actions__holder .roleSelector .supporter-icon .chk-role-icon:checked + span .roles_icon {
  background-image: url(../images/icons/roles/supporter-simple-pink.svg); }
.total_overview__my_actions__holder .roleSelector .shared-icon .chk-role-icon:checked + span .roles_icon {
  background-image: url(../images/icons/roles/shared-simple-pink.svg); }

.divTable.myTasksTable .tableRow.tableHeader > div {
  vertical-align: middle;
  color: #acacac !important; }
.divTable.myTasksTable .tableRow.tableHeader {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #cdcdcd !important;
  border-radius: 10px;
  padding: 7px 15px;
  box-shadow: inset 0px 14px 20px 0px #f8f8f8;
  text-transform: none; }
  .divTable.myTasksTable .tableRow.tableHeader .tableUserIcoCell {
    width: 40px; }
    .divTable.myTasksTable .tableRow.tableHeader .tableUserIcoCell .responsible_icon {
      margin: 0 auto; }
  .divTable.myTasksTable .tableRow.tableHeader .tableDateCell {
    text-align: left; }
  .divTable.myTasksTable .tableRow.tableHeader .tableUpdateCell {
    margin-left: 220px; }
  .divTable.myTasksTable .tableRow.tableHeader .tablePlanCell {
    margin-left: auto;
    width: auto; }
.divTable.myTasksTable .tableBody.weekTable .block-wrapper:last-child {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px; }
.divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level {
  padding: 0;
  margin-bottom: 10px !important;
  border: 1px solid #cdcdcd;
  border-radius: 10px; }
  .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow {
    border-top: 1px solid #cdcdcd;
    margin-bottom: 0 !important; }
    .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow.weekRow .tableNameCell {
      display: flex;
      align-items: center; }
    .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent.mainContentWeek {
      padding-top: 14px;
      padding-bottom: 10px; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent.mainContentWeek .tableNameCell {
        padding-left: 0 !important; }
        .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent.mainContentWeek .tableNameCell .table_name_ico {
          display: inline-block;
          margin-right: 10px;
          margin-left: 10px;
          width: 43px;
          height: 43px;
          background-image: url(/images/icons/calendar_icon.svg);
          background-repeat: no-repeat;
          background-color: white;
          background-position: center;
          background-size: cover; }
        .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent.mainContentWeek .tableNameCell .capitalize {
          font-family: "MuseoSansCyrlMedium" !important;
          color: #acacac;
          font-size: 22px; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent.mainContentWeek .tablePlanCell {
        width: 80px !important; }
        .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent.mainContentWeek .tablePlanCell .milestoneInfo .info-wrapper {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100% !important; }
          .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent.mainContentWeek .tablePlanCell .milestoneInfo .info-wrapper .task-info-collapsor {
            top: 3px;
            vertical-align: middle !important; }
        .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent.mainContentWeek .tablePlanCell #toggleExpandedWeek {
          width: 100% !important; }
    .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent {
      border: none !important;
      justify-content: flex-start !important; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent .user_icon {
        border: none !important; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent .tableNameCell .table_name_ico {
        display: inline-block;
        margin-right: 15px;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-color: #ccc;
        background-position: center;
        background-size: cover; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent .tableNameCell .table_name_text {
        font-size: 22px;
        font-weight: 200; }
        .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent .tableNameCell .table_name_text strong {
          font-weight: 400; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent .tableNameCell .modern-date {
        width: 63px; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent .tableNameCell .expanderCell {
        align-self: flex-start; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent .tableNameCell .contents {
        margin: 0 !important; }
      .divTable.myTasksTable .tableBody.weekTable .block-wrapper.top-level .tableRow .mainContent .tableCreatedByCell {
        margin-left: auto; }

/* total_overview__my_myilestones__table */
.latestUpdateUserBoxHolder {
  width: 100%; }
  .latestUpdateUserBoxHolder .feedbackInfo {
    width: 100%;
    display: flex !important;
    align-items: flex-start !important; }
    .latestUpdateUserBoxHolder .feedbackInfo .latestFeedbackText {
      font-weight: 300; }

#exec_plan {
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  padding: 5px 15px 15px 15px;
  box-sizing: border-box;
  background: #fff;
  margin-top: 20px; }
  #exec_plan .ganttCanvas {
    border: 0; }

.divTable.myTasksTable .tableRow.tableHeader .tableUpdateCell.overview_header_actions_update {
  margin-left: 255px; }

.ellipsesWrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #E83B83; }
  .ellipsesWrapper.feedbackEmail {
    max-width: 140px;
    line-height: 14px;
    height: 14px;
    vertical-align: top;
    display: inline-block; }

.ellipsesHolder {
  color: #303030;
  white-space: nowrap; }

/* sort_by_checker__wrapper */
#sort_by_checker__wrapper .chzn-container-single .chzn-single {
  background: transparent !important; }
#sort_by_checker__wrapper .chzn-single {
  background: transparent !important; }
  #sort_by_checker__wrapper .chzn-single.chzn-single-with-drop span::after {
    border-right: 1px solid #e83b83 !important;
    border-bottom: 1px solid #e83b83 !important; }
#sort_by_checker__wrapper .chzn-drop {
  border-radius: 0 !important; }
  #sort_by_checker__wrapper .chzn-drop .chzn-results {
    border: none !important; }

/* ovw_filter_dir_status_holder */
ap-overview-filters .section_container__filter_item {
  display: flex;
  align-items: center; }
  ap-overview-filters .section_container__filter_item.sort_by_filter {
    padding-left: 50px; }

.ovw_filter_dir_status_holder {
  border-bottom: 1px solid #ececec;
  padding: 15px 0px; }

.copy-action-selector-holder {
  padding: 5px 8px; }

.ovw_filter_dir_status_holder .section_title, .copy-action-selector-holder .section_title, .print_content_holder .section_title {
  font-size: 14px;
  color: #3d3d3d;
  margin-bottom: 15px; }
.ovw_filter_dir_status_holder .section_container, .copy-action-selector-holder .section_container, .print_content_holder .section_container {
  padding-left: 20px; }
  .ovw_filter_dir_status_holder .section_container.section_status_container .section_container__filter_item .filter_title, .copy-action-selector-holder .section_container.section_status_container .section_container__filter_item .filter_title, .print_content_holder .section_container.section_status_container .section_container__filter_item .filter_title {
    display: inline-block;
    width: 120px; }
    .ovw_filter_dir_status_holder .section_container.section_status_container .section_container__filter_item .filter_title.short-title, .copy-action-selector-holder .section_container.section_status_container .section_container__filter_item .filter_title.short-title, .print_content_holder .section_container.section_status_container .section_container__filter_item .filter_title.short-title {
      width: 98px; }
  .ovw_filter_dir_status_holder .section_container.section_status_container .section_container__filter_item.filter_item__right > p, .copy-action-selector-holder .section_container.section_status_container .section_container__filter_item.filter_item__right > p, .print_content_holder .section_container.section_status_container .section_container__filter_item.filter_item__right > p {
    width: 124px; }
  .ovw_filter_dir_status_holder .section_container.section_status_container .section_container__filter_item.filter_item__right p, .copy-action-selector-holder .section_container.section_status_container .section_container__filter_item.filter_item__right p, .print_content_holder .section_container.section_status_container .section_container__filter_item.filter_item__right p {
    width: 128px;
    position: relative;
    text-align: right;
    right: 8px; }
.ovw_filter_dir_status_holder .section_container__row, .copy-action-selector-holder .section_container__row, .print_content_holder .section_container__row {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .ovw_filter_dir_status_holder .section_container__row.copy-action-selector-holder, .copy-action-selector-holder .section_container__row.copy-action-selector-holder, .print_content_holder .section_container__row.copy-action-selector-holder {
    min-height: 46px; }
.ovw_filter_dir_status_holder .copy_dialog_ie_ui, .copy-action-selector-holder .copy_dialog_ie_ui, .print_content_holder .copy_dialog_ie_ui {
  display: inline; }
.ovw_filter_dir_status_holder .section_container__row:first-of-type .section_container__filter_item.multiple-selector label, .copy-action-selector-holder .section_container__row:first-of-type .section_container__filter_item.multiple-selector label, .print_content_holder .section_container__row:first-of-type .section_container__filter_item.multiple-selector label {
  margin-left: 3px;
  cursor: pointer; }
.ovw_filter_dir_status_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label:first-child, .copy-action-selector-holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label:first-child, .print_content_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label:first-child {
  margin-left: 0;
  cursor: pointer; }
.ovw_filter_dir_status_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label.pd-r-3, .copy-action-selector-holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label.pd-r-3, .print_content_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label.pd-r-3 {
  padding-right: 3px; }
.ovw_filter_dir_status_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label.margin_0, .copy-action-selector-holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label.margin_0, .print_content_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label.margin_0 {
  margin-left: 0; }
.ovw_filter_dir_status_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type .box_selector_container .options_wrapper label, .copy-action-selector-holder .section_container__row:first-of-type .section_container__filter_item:first-of-type .box_selector_container .options_wrapper label, .print_content_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type .box_selector_container .options_wrapper label {
  margin-right: 3px;
  margin-left: 0;
  cursor: pointer; }
.ovw_filter_dir_status_holder .section_container__row:first-of-type .section_container__filter_item label .label .icon, .copy-action-selector-holder .section_container__row:first-of-type .section_container__filter_item label .label .icon, .print_content_holder .section_container__row:first-of-type .section_container__filter_item label .label .icon {
  margin-right: 8px; }
.ovw_filter_dir_status_holder .box_selector_holder, .copy-action-selector-holder .box_selector_holder, .print_content_holder .box_selector_holder {
  width: 714px; }
.ovw_filter_dir_status_holder .section_container__row:not(:last-child), .copy-action-selector-holder .section_container__row:not(:last-child), .print_content_holder .section_container__row:not(:last-child) {
  margin-bottom: 20px; }
.ovw_filter_dir_status_holder .section_container__filter_item, .copy-action-selector-holder .section_container__filter_item, .print_content_holder .section_container__filter_item {
  display: flex;
  align-items: center; }
  .ovw_filter_dir_status_holder .section_container__filter_item.filter_item__right, .copy-action-selector-holder .section_container__filter_item.filter_item__right, .print_content_holder .section_container__filter_item.filter_item__right {
    width: 47%; }
  .ovw_filter_dir_status_holder .section_container__filter_item .filter_title, .copy-action-selector-holder .section_container__filter_item .filter_title, .print_content_holder .section_container__filter_item .filter_title {
    margin: 0;
    font-size: 14px;
    color: #3d3d3d;
    width: 86px; }
  .ovw_filter_dir_status_holder .section_container__filter_item .filter_content, .copy-action-selector-holder .section_container__filter_item .filter_content, .print_content_holder .section_container__filter_item .filter_content {
    display: flex;
    align-items: center; }
    .ovw_filter_dir_status_holder .section_container__filter_item .filter_content .info-icon, .copy-action-selector-holder .section_container__filter_item .filter_content .info-icon, .print_content_holder .section_container__filter_item .filter_content .info-icon {
      margin-left: 5px; }
    .ovw_filter_dir_status_holder .section_container__filter_item .filter_content label:last-child .label, .copy-action-selector-holder .section_container__filter_item .filter_content label:last-child .label, .print_content_holder .section_container__filter_item .filter_content label:last-child .label {
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px; }
    .ovw_filter_dir_status_holder .section_container__filter_item .filter_content .chzn-container, .copy-action-selector-holder .section_container__filter_item .filter_content .chzn-container, .print_content_holder .section_container__filter_item .filter_content .chzn-container {
      text-align: center;
      width: 115px; }
    .ovw_filter_dir_status_holder .section_container__filter_item .filter_content.filter_role_selector, .copy-action-selector-holder .section_container__filter_item .filter_content.filter_role_selector, .print_content_holder .section_container__filter_item .filter_content.filter_role_selector {
      max-width: 388px; }
  .ovw_filter_dir_status_holder .section_container__filter_item .selector-line.alignment-selector-line, .copy-action-selector-holder .section_container__filter_item .selector-line.alignment-selector-line, .print_content_holder .section_container__filter_item .selector-line.alignment-selector-line {
    height: 30px;
    line-height: 37px;
    margin-top: 0;
    margin-left: 15px;
    color: #444;
    border-bottom: 1px solid #555;
    bottom: 0;
    font-size: 12px; }
  .ovw_filter_dir_status_holder .section_container__filter_item .selector-line.alignment-selector-line[disabled], .copy-action-selector-holder .section_container__filter_item .selector-line.alignment-selector-line[disabled], .print_content_holder .section_container__filter_item .selector-line.alignment-selector-line[disabled] {
    pointer-events: none;
    color: #ccc;
    border-bottom: 1px solid #E6E6E6; }
  .ovw_filter_dir_status_holder .section_container__filter_item label, .copy-action-selector-holder .section_container__filter_item label, .print_content_holder .section_container__filter_item label {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer; }
    .ovw_filter_dir_status_holder .section_container__filter_item label input, .copy-action-selector-holder .section_container__filter_item label input, .print_content_holder .section_container__filter_item label input {
      display: none !important;
      cursor: pointer; }
    .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label, .copy-action-selector-holder .section_container__filter_item label input:checked + .label, .print_content_holder .section_container__filter_item label input:checked + .label {
      border: 1px solid #e83b83; }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .text, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .text, .print_content_holder .section_container__filter_item label input:checked + .label .text {
        color: #e83b83; }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_responsilble, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_responsilble, .print_content_holder .section_container__filter_item label input:checked + .label .icon_responsilble {
        background-image: url(../images/icons/roles/responsible-pink.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_owner, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_owner, .print_content_holder .section_container__filter_item label input:checked + .label .icon_owner {
        background-image: url(../images/icons/roles/owner-simple-pink.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_supporter, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_supporter, .print_content_holder .section_container__filter_item label input:checked + .label .icon_supporter {
        background-image: url(../images/icons/roles/supporter-simple-pink.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_shared, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_shared, .print_content_holder .section_container__filter_item label input:checked + .label .icon_shared {
        background-image: url(../images/icons/roles/shared-simple-pink.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_active, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_active, .print_content_holder .section_container__filter_item label input:checked + .label .icon_active {
        background-image: url(../images/icons/action-dkgrey_priority_pink.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_draft, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_draft, .print_content_holder .section_container__filter_item label input:checked + .label .icon_draft {
        background-image: url(../images/icons/draft-pink.svg);
        background-position: 0px 0px;
        background-size: 200% 200%; }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_pending, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_pending, .print_content_holder .section_container__filter_item label input:checked + .label .icon_pending {
        background-image: url(../images/icons/pending-pink.svg);
        background-position: 0px 0px;
        background-size: 200% 200%; }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_milestone, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_milestone, .print_content_holder .section_container__filter_item label input:checked + .label .icon_milestone {
        background-image: url(/images/icons/milestone-pink.svg);
        background-position: 0px 0px;
        background-size: 200% 200%; }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_actions, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_actions, .print_content_holder .section_container__filter_item label input:checked + .label .icon_actions {
        background-image: url(/images/icons/task-pink-full.svg);
        background-position: 0px 0px;
        background-size: 200% 200%; }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .icon_kpi, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .icon_kpi, .print_content_holder .section_container__filter_item label input:checked + .label .icon_kpi {
        background: url(/images/icons/target_facelift-compatible-pink-viewbox.svg);
        background-position: 0px 0px;
        background-size: 200% 200%; }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .text .icon.sub-action:after, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .text .icon.sub-action:after, .print_content_holder .section_container__filter_item label input:checked + .label .text .icon.sub-action:after {
        background-image: url("/images/icons/subaction-pink-v2.svg"); }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .text .icon.milestone:after, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .text .icon.milestone:after, .print_content_holder .section_container__filter_item label input:checked + .label .text .icon.milestone:after {
        background-image: url("/images/icons/milestone-pink.svg"); }
      .ovw_filter_dir_status_holder .section_container__filter_item label input:checked + .label .text .icon.task:after, .copy-action-selector-holder .section_container__filter_item label input:checked + .label .text .icon.task:after, .print_content_holder .section_container__filter_item label input:checked + .label .text .icon.task:after {
        background-image: url("/images/icons/task-pink_old.svg"); }
  .ovw_filter_dir_status_holder .section_container__filter_item .label:first-of-type .label .icon, .ovw_filter_dir_status_holder .section_container__filter_item .label:last-of-type .label .icon, .copy-action-selector-holder .section_container__filter_item .label:first-of-type .label .icon, .copy-action-selector-holder .section_container__filter_item .label:last-of-type .label .icon, .print_content_holder .section_container__filter_item .label:first-of-type .label .icon, .print_content_holder .section_container__filter_item .label:last-of-type .label .icon {
    margin-right: 5px; }
  .ovw_filter_dir_status_holder .section_container__filter_item label:first-of-type .label, .copy-action-selector-holder .section_container__filter_item label:first-of-type .label, .print_content_holder .section_container__filter_item label:first-of-type .label {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px; }
  .ovw_filter_dir_status_holder .section_container__filter_item label:last-of-type .label, .copy-action-selector-holder .section_container__filter_item label:last-of-type .label, .print_content_holder .section_container__filter_item label:last-of-type .label {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 15px; }
  .ovw_filter_dir_status_holder .section_container__filter_item label:last-of-type .label.show_roles__label, .copy-action-selector-holder .section_container__filter_item label:last-of-type .label.show_roles__label, .print_content_holder .section_container__filter_item label:last-of-type .label.show_roles__label {
    padding-right: 10px; }
  .ovw_filter_dir_status_holder .section_container__filter_item .label, .copy-action-selector-holder .section_container__filter_item .label, .print_content_holder .section_container__filter_item .label {
    border: 1px solid #bcbcbd;
    padding: 5px 10px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 15px;
    min-width: max-content; }
    .ovw_filter_dir_status_holder .section_container__filter_item .label.show_roles__label, .copy-action-selector-holder .section_container__filter_item .label.show_roles__label, .print_content_holder .section_container__filter_item .label.show_roles__label {
      padding: 4px 9px; }
    .ovw_filter_dir_status_holder .section_container__filter_item .label .icon, .copy-action-selector-holder .section_container__filter_item .label .icon, .print_content_holder .section_container__filter_item .label .icon {
      display: inline-block;
      vertical-align: middle;
      width: 15px;
      height: 15px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_responsilble, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_responsilble, .print_content_holder .section_container__filter_item .label .icon.icon_responsilble {
        background-image: url(../images/icons/roles/responsible-grey.svg);
        width: 17px;
        height: 15px;
        background-position: top;
        background-size: 100%; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_owner, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_owner, .print_content_holder .section_container__filter_item .label .icon.icon_owner {
        background-image: url(../images/icons/roles/owner-simple-grey.svg);
        width: 15px;
        height: 14px;
        background-position: top;
        background-size: 100%; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_supporter, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_supporter, .print_content_holder .section_container__filter_item .label .icon.icon_supporter {
        background-image: url(../images/icons/roles/supporter-simple-grey.svg);
        width: 18px;
        height: 15px;
        background-position: top;
        background-size: 100%; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_shared, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_shared, .print_content_holder .section_container__filter_item .label .icon.icon_shared {
        background-image: url(../images/icons/roles/shared-simple-grey.svg);
        width: 14px;
        height: 15px;
        background-position: top;
        background-size: 100%; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_active, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_active, .print_content_holder .section_container__filter_item .label .icon.icon_active {
        background-image: url(../images/icons/action-dkgrey.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_draft, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_draft, .print_content_holder .section_container__filter_item .label .icon.icon_draft {
        background-image: url(../images/icons/draft-grey.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_pending, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_pending, .print_content_holder .section_container__filter_item .label .icon.icon_pending {
        background-image: url(../images/icons/pending-grey.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_follow, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_follow, .print_content_holder .section_container__filter_item .label .icon.icon_follow {
        background-image: url(../images/icons/performance-indicator-green-old.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_behind, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_behind, .print_content_holder .section_container__filter_item .label .icon.icon_behind {
        background-image: url(../images/icons/performance-indicator-red-bottom.svg);
        background-position: 0px -3px; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_green, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_green, .print_content_holder .section_container__filter_item .label .icon.icon_green {
        border-radius: 3px;
        background-color: #9fc677; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_yellow, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_yellow, .print_content_holder .section_container__filter_item .label .icon.icon_yellow {
        border-radius: 3px;
        background-color: #fef26c; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_red, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_red, .print_content_holder .section_container__filter_item .label .icon.icon_red {
        border-radius: 3px;
        background-color: #d36f6d; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_grey, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_grey, .print_content_holder .section_container__filter_item .label .icon.icon_grey {
        border-radius: 3px;
        background-color: #969696; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_blue, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_blue, .print_content_holder .section_container__filter_item .label .icon.icon_blue {
        border-radius: 3px;
        background-color: #6583c1; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_white, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_white, .print_content_holder .section_container__filter_item .label .icon.icon_white {
        background-image: url(../images/icons/action-dkgrey.svg); }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_ml_green, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_ml_green, .print_content_holder .section_container__filter_item .label .icon.icon_ml_green {
        border-radius: 50%;
        background-color: #9fc677; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_ml_yellow, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_ml_yellow, .print_content_holder .section_container__filter_item .label .icon.icon_ml_yellow {
        border-radius: 50%;
        background-color: #fef26c; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_ml_red, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_ml_red, .print_content_holder .section_container__filter_item .label .icon.icon_ml_red {
        border-radius: 50%;
        background-color: #d36f6d; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_ml_grey, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_ml_grey, .print_content_holder .section_container__filter_item .label .icon.icon_ml_grey {
        border-radius: 50%;
        background-color: #969696; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_ml_blue, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_ml_blue, .print_content_holder .section_container__filter_item .label .icon.icon_ml_blue {
        border-radius: 50%;
        background-color: #6583c1; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_milestone, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_milestone, .print_content_holder .section_container__filter_item .label .icon.icon_milestone {
        background-image: url(/images/icons/milestone-grey.svg);
        background-position: 0px 0px;
        background-size: 200% 200%; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_actions, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_actions, .print_content_holder .section_container__filter_item .label .icon.icon_actions {
        background-image: url(/images/icons/task-grey-full.svg);
        background-position: 0px 0px;
        background-size: 200% 200%; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .icon.icon_kpi, .copy-action-selector-holder .section_container__filter_item .label .icon.icon_kpi, .print_content_holder .section_container__filter_item .label .icon.icon_kpi {
        background: url(/images/icons/target_facelift-compatible-viewbox.svg);
        background-position: 0px 0px;
        background-size: 200% 200%; }
    .ovw_filter_dir_status_holder .section_container__filter_item .label .text, .copy-action-selector-holder .section_container__filter_item .label .text, .print_content_holder .section_container__filter_item .label .text {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      color: #bcbcbd;
      text-transform: capitalize; }
      .ovw_filter_dir_status_holder .section_container__filter_item .label .text .icon, .copy-action-selector-holder .section_container__filter_item .label .text .icon, .print_content_holder .section_container__filter_item .label .text .icon {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-left: 5px;
        right: 6px;
        top: -1px;
        position: relative; }
        .ovw_filter_dir_status_holder .section_container__filter_item .label .text .icon:after, .copy-action-selector-holder .section_container__filter_item .label .text .icon:after, .print_content_holder .section_container__filter_item .label .text .icon:after {
          position: absolute;
          top: 0;
          left: 0;
          content: ' ';
          width: 28px;
          height: 28px;
          display: inline-block;
          background-size: 28px 28px;
          background-position: 0 0; }
        .ovw_filter_dir_status_holder .section_container__filter_item .label .text .icon.sub-action:after, .copy-action-selector-holder .section_container__filter_item .label .text .icon.sub-action:after, .print_content_holder .section_container__filter_item .label .text .icon.sub-action:after {
          background-image: url("/images/icons/subaction-grey-v2.svg"); }
        .ovw_filter_dir_status_holder .section_container__filter_item .label .text .icon.milestone:after, .copy-action-selector-holder .section_container__filter_item .label .text .icon.milestone:after, .print_content_holder .section_container__filter_item .label .text .icon.milestone:after {
          background-image: url("/images/icons/milestone-grey-greyout.svg"); }
        .ovw_filter_dir_status_holder .section_container__filter_item .label .text .icon.task:after, .copy-action-selector-holder .section_container__filter_item .label .text .icon.task:after, .print_content_holder .section_container__filter_item .label .text .icon.task:after {
          background-image: url("/images/icons/task-grey.svg"); }
  .ovw_filter_dir_status_holder .section_container__filter_item .box_selector_container, .copy-action-selector-holder .section_container__filter_item .box_selector_container, .print_content_holder .section_container__filter_item .box_selector_container {
    display: table; }
    .ovw_filter_dir_status_holder .section_container__filter_item .box_selector_container label, .copy-action-selector-holder .section_container__filter_item .box_selector_container label, .print_content_holder .section_container__filter_item .box_selector_container label {
      margin-bottom: 4px; }
    .ovw_filter_dir_status_holder .section_container__filter_item .box_selector_container .all_option_wrapper, .copy-action-selector-holder .section_container__filter_item .box_selector_container .all_option_wrapper, .print_content_holder .section_container__filter_item .box_selector_container .all_option_wrapper {
      display: table-cell; }
      .ovw_filter_dir_status_holder .section_container__filter_item .box_selector_container .all_option_wrapper label:last-of-type .label, .copy-action-selector-holder .section_container__filter_item .box_selector_container .all_option_wrapper label:last-of-type .label, .print_content_holder .section_container__filter_item .box_selector_container .all_option_wrapper label:last-of-type .label {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .ovw_filter_dir_status_holder .section_container__filter_item .box_selector_container .all_option_wrapper label, .copy-action-selector-holder .section_container__filter_item .box_selector_container .all_option_wrapper label, .print_content_holder .section_container__filter_item .box_selector_container .all_option_wrapper label {
        margin-right: 2px; }
    .ovw_filter_dir_status_holder .section_container__filter_item .box_selector_container .options_wrapper, .copy-action-selector-holder .section_container__filter_item .box_selector_container .options_wrapper, .print_content_holder .section_container__filter_item .box_selector_container .options_wrapper {
      display: table-cell; }
      .ovw_filter_dir_status_holder .section_container__filter_item .box_selector_container .options_wrapper label, .copy-action-selector-holder .section_container__filter_item .box_selector_container .options_wrapper label, .print_content_holder .section_container__filter_item .box_selector_container .options_wrapper label {
        margin-right: 3px;
        margin-left: 0; }
      .ovw_filter_dir_status_holder .section_container__filter_item .box_selector_container .options_wrapper label:first-of-type .label, .copy-action-selector-holder .section_container__filter_item .box_selector_container .options_wrapper label:first-of-type .label, .print_content_holder .section_container__filter_item .box_selector_container .options_wrapper label:first-of-type .label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
  .ovw_filter_dir_status_holder .section_container__filter_item .filter_period__title, .copy-action-selector-holder .section_container__filter_item .filter_period__title, .print_content_holder .section_container__filter_item .filter_period__title {
    margin: 0;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 12px;
    color: #bcbcbd; }
.ovw_filter_dir_status_holder .section_container__filter_item.filter_disabled .filter_title, .copy-action-selector-holder .section_container__filter_item.filter_disabled .filter_title, .print_content_holder .section_container__filter_item.filter_disabled .filter_title {
  color: #bcbcbd; }
.ovw_filter_dir_status_holder .section_container__filter_item.filter_disabled label input:checked + .label, .copy-action-selector-holder .section_container__filter_item.filter_disabled label input:checked + .label, .print_content_holder .section_container__filter_item.filter_disabled label input:checked + .label {
  border-color: #bcbcbd; }
  .ovw_filter_dir_status_holder .section_container__filter_item.filter_disabled label input:checked + .label .text, .copy-action-selector-holder .section_container__filter_item.filter_disabled label input:checked + .label .text, .print_content_holder .section_container__filter_item.filter_disabled label input:checked + .label .text {
    color: #bcbcbd; }

.copy-action-selector-holder .section_container__filter_item {
  flex: 1;
  margin-bottom: 15px; }
  .copy-action-selector-holder .section_container__filter_item .profile-selector-wrapper {
    flex: 1;
    min-width: 150px; }
    .copy-action-selector-holder .section_container__filter_item .profile-selector-wrapper ap-profile-tree-selector .profile-selector-line .profile-selector-line-placeholder {
      width: calc(100% - 25px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
.copy-action-selector-holder .section_container__filter_item .selector-line.alignment-selector-line {
  width: 100%; }

.ovw_filter_bottom_box .chzn-container {
  width: 314px; }

.form_box__holder {
  border-bottom: 1px solid #ccc; }
  .form_box__holder .form_box__sub_row_roles {
    padding-left: 20px; }
    .form_box__holder .form_box__sub_row_roles .roleSelector .ng-binding {
      color: #999; }
  .form_box__holder .form_box__row_last {
    display: flex;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important; }
    .form_box__holder .form_box__row_last .form_box__col:first-of-type {
      width: 70%;
      padding-right: 20px;
      border-right: 1px solid #ccc; }
    .form_box__holder .form_box__row_last .form_box__col:last-of-type {
      width: 30%;
      padding-left: 20px; }
    .form_box__holder .form_box__row_last .form_box__col {
      padding-top: 20px;
      padding-bottom: 20px; }
      .form_box__holder .form_box__row_last .form_box__col .form_box__sub_row {
        padding-left: 20px;
        margin-bottom: 20px; }
        .form_box__holder .form_box__row_last .form_box__col .form_box__sub_row:last-of-type {
          margin-bottom: none; }
        .form_box__holder .form_box__row_last .form_box__col .form_box__sub_row > span {
          height: 25px;
          padding-top: 4px; }
        .form_box__holder .form_box__row_last .form_box__col .form_box__sub_row span:first-of-type {
          font-size: 14px;
          color: #3d3d3d; }
      .form_box__holder .form_box__row_last .form_box__col .form_total__text {
        font-weight: 400;
        font-size: 10px;
        color: #3d3d3d;
        line-height: 1;
        margin-bottom: 15px; }
      .form_box__holder .form_box__row_last .form_box__col .form_total__list {
        list-style-type: none; }
        .form_box__holder .form_box__row_last .form_box__col .form_total__list .form_total__item {
          display: flex;
          align-items: flex-end;
          margin-left: 70px;
          margin-bottom: 15px; }
          .form_box__holder .form_box__row_last .form_box__col .form_total__list .form_total__item .total_quantity {
            font-weight: 400;
            font-size: 25px;
            line-height: 1;
            color: #6482bf;
            margin-right: 5px; }
          .form_box__holder .form_box__row_last .form_box__col .form_total__list .form_total__item .total_name {
            font-weight: 400;
            font-size: 10px;
            line-height: 1;
            color: #bcbcbd; }
          .form_box__holder .form_box__row_last .form_box__col .form_total__list .form_total__item.meeting-type {
            margin-left: 30px; }
            .form_box__holder .form_box__row_last .form_box__col .form_total__list .form_total__item.meeting-type .status-cnt {
              margin-left: 4px;
              line-height: 1;
              color: #bcbcbd; }

/* ovw_filter_dir_status_footer */
.ovw_filter_dir_status_footer {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0;
  padding-bottom: 0; }
  .ovw_filter_dir_status_footer .filter_btn {
    background-color: #fff;
    border: 1px solid #DDD;
    color: #525252;
    border-radius: 3px;
    font-size: 12px;
    height: 29px;
    min-width: 74px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
    font-weight: 400;
    vertical-align: top;
    text-align: center;
    line-height: 29px;
    cursor: pointer;
    margin-right: 6px; }
    .ovw_filter_dir_status_footer .filter_btn:last-of-type {
      margin-right: 20px; }
  .ovw_filter_dir_status_footer .filter_btn--active {
    background-color: #E83B83;
    color: white;
    border: 1px solid #E83B83;
    font-weight: 500; }

/* custom_user_selector__holder */
.custom_user_selector__holder .title_holder {
  padding: 25px 20px; }
  .custom_user_selector__holder .title_holder h3 {
    font-size: 21px;
    color: #303030;
    margin-bottom: 0; }
.custom_user_selector__holder .container__holder {
  padding: 21px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url("/images/background_image.jpg") left top; }
  .custom_user_selector__holder .container__holder .container__coll__header {
    margin-bottom: 22px; }
    .custom_user_selector__holder .container__holder .container__coll__header .title {
      margin-bottom: 0px;
      font-size: 14px; }
    .custom_user_selector__holder .container__holder .container__coll__header.container__coll__searchbox {
      margin-bottom: 10px;
      margin-top: 11px; }
  .custom_user_selector__holder .container__holder .list_holder {
    border: 1px solid #CDCDCD;
    border-radius: 4px;
    height: 343px;
    background: #fff;
    width: 315px;
    overflow-y: auto;
    overflow-x: hidden; }
  .custom_user_selector__holder .container__holder .buttons_holder {
    width: 106px;
    margin-top: 40px; }
  .custom_user_selector__holder .container__holder .list_items {
    list-style: none; }
    .custom_user_selector__holder .container__holder .list_items .item_holder {
      padding: 9px 15px;
      border-bottom: 1px solid #EDEDED;
      cursor: pointer; }
      .custom_user_selector__holder .container__holder .list_items .item_holder.ap-tooltip {
        position: relative; }
        .custom_user_selector__holder .container__holder .list_items .item_holder.ap-tooltip .tooltiptext {
          left: 27px;
          bottom: calc(100% - 24px); }
          .custom_user_selector__holder .container__holder .list_items .item_holder.ap-tooltip .tooltiptext:after {
            left: 47px; }
        .custom_user_selector__holder .container__holder .list_items .item_holder.ap-tooltip:hover .tooltiptext {
          opacity: 1; }
      .custom_user_selector__holder .container__holder .list_items .item_holder .item_wrapper {
        display: flex;
        align-items: center; }
      .custom_user_selector__holder .container__holder .list_items .item_holder .img_holder {
        height: 52px;
        width: 52px; }
      .custom_user_selector__holder .container__holder .list_items .item_holder .text_holder {
        margin-left: 10px;
        font-size: 12px;
        font-weight: 500;
        color: #303030; }
    .custom_user_selector__holder .container__holder .list_items .item_holder:hover {
      background: #EEE; }
  .custom_user_selector__holder .container__holder .list_holder.right_list {
    border-radius: 0 5px 5px 5px;
    height: 315px; }
  .custom_user_selector__holder .container__holder .actions_btn {
    display: block;
    width: calc(100% - 2px);
    height: 29px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #CDCDCD;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    background: #fff; }
    .custom_user_selector__holder .container__holder .actions_btn .text {
      display: inline-block;
      vertical-align: middle;
      margin: 0 4px; }
    .custom_user_selector__holder .container__holder .actions_btn .icon {
      display: inline-block;
      vertical-align: middle;
      width: 10px;
      height: 10px;
      background-image: url(/images/icons/left-arrow-pink.svg);
      background-repeat: no-repeat;
      background-size: 100%; }
  .custom_user_selector__holder .container__holder .tabs_for_list__holder {
    margin-bottom: -1px; }
    .custom_user_selector__holder .container__holder .tabs_for_list__holder li {
      display: inline-block;
      vertical-align: middle;
      height: 27px;
      padding: 0;
      line-height: 22px;
      width: 118px;
      border-top: 1px solid #CDCDCD;
      border-left: 1px solid #CDCDCD;
      border-right: 1px solid #CDCDCD;
      border-radius: 3px 3px 0px 0px;
      border-bottom: 1px solid #CDCDCD;
      background: #F9FAFC;
      text-align: center; }
      .custom_user_selector__holder .container__holder .tabs_for_list__holder li a:hover {
        text-decoration: none; }
      .custom_user_selector__holder .container__holder .tabs_for_list__holder li .icon {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
        width: 23px;
        height: 15px;
        position: relative; }
        .custom_user_selector__holder .container__holder .tabs_for_list__holder li .icon:after {
          position: absolute;
          top: 0;
          left: 0;
          content: ' ';
          width: 46px;
          height: 30px;
          display: inline-block;
          background-size: 46px 30px;
          background-position: 0 0; }
      .custom_user_selector__holder .container__holder .tabs_for_list__holder li .text {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
        color: #303030;
        font-size: 11px;
        font-weight: 500; }
    .custom_user_selector__holder .container__holder .tabs_for_list__holder li:first-child {
      margin-left: 0px; }
    .custom_user_selector__holder .container__holder .tabs_for_list__holder li:last-child {
      border-right: 1px solid #CDCDCD; }
    .custom_user_selector__holder .container__holder .tabs_for_list__holder li.active {
      background: #fff;
      border-bottom: 1px solid #fff; }
    .custom_user_selector__holder .container__holder .tabs_for_list__holder li.a .icon:after {
      background-image: url("/images/icons/team-ltgrey.svg"); }
    .custom_user_selector__holder .container__holder .tabs_for_list__holder li.a.active .icon:after {
      background-image: url("/images/icons/team-pink.svg"); }
    .custom_user_selector__holder .container__holder .tabs_for_list__holder li.b.active .icon:after {
      background-image: url("/images/icons/company-pink-viewbox.svg"); }
    .custom_user_selector__holder .container__holder .tabs_for_list__holder li.b .icon:after {
      background-image: url("/images/icons/company-ltgrey-viewbox.svg"); }
  .custom_user_selector__holder .container__holder .actions_description {
    color: gray;
    font-size: 11px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    width: 109px; }
  .custom_user_selector__holder .container__holder .actions_btn--remove_all .icon {
    background-image: url(/images/icons/right-arrow-pink.svg); }
.custom_user_selector__holder .footer_holder {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 23px 7px;
  background-color: white; }

.user_search_form_holder {
  width: 100%;
  position: relative; }
  .user_search_form_holder input {
    width: 239px;
    height: 18px;
    border-radius: 8px;
    border: 1px solid #CDCDCD;
    font-size: 10px;
    padding: 0 40px 0 10px;
    box-sizing: border-box; }
    .user_search_form_holder input:focus {
      outline: none; }
  .user_search_form_holder button {
    position: absolute;
    top: 3px;
    right: 85px;
    width: 12px;
    border: none;
    height: 12px;
    background-image: url(/images/icons/search-ltgrey.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: white; }

.label_donut_text {
  font-size: 9px !important;
  margin-top: 2px !important; }

.statusText_label_text {
  font-size: 10px;
  font-weight: 400;
  color: #ACACAC; }
  .statusText_label_text .time-past {
    font-weight: 400; }

.time_label_text {
  font-size: 10px !important; }

.fr-toolbar.fr-inline {
  z-index: 104; }

.dialog__button {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px; }
  .dialog__button .button__icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative; }
    .dialog__button .button__icon:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 25px;
      height: 25px;
      display: inline-block;
      background-size: 25px 25px;
      background-position: 0 0; }
    .dialog__button .button__icon:after {
      background-image: url("/images/icons/more-options-pink.svg"); }
  .dialog__button .button__text {
    vertical-align: middle; }

#popup_container {
  font-family: "Graphik Web"; }

/* feedbackViewTableHolder */
.feedbackViewTableHolder {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 15px;
  box-sizing: border-box;
  overflow-x: auto; }

.feedbackViewTableHeaderHolder {
  box-sizing: border-box;
  display: flex;
  background: linear-gradient(to bottom, #f6f6f6 0%, white 100%); }
  .feedbackViewTableHeaderHolder .headerColl {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 500; }
    .feedbackViewTableHeaderHolder .headerColl.treeStructureName {
      width: 365px; }
    .feedbackViewTableHeaderHolder .headerColl.alignTo {
      width: 115px;
      display: flex;
      justify-content: center; }
    .feedbackViewTableHeaderHolder .headerColl.color {
      width: 105px;
      display: flex;
      justify-content: center; }
    .feedbackViewTableHeaderHolder .headerColl.feedbackComments {
      width: 325px; }
    .feedbackViewTableHeaderHolder .headerColl.kpis {
      width: 335px; }
    .feedbackViewTableHeaderHolder .headerColl.timeElapsed {
      width: 170px; }

.feedbackViewTableBodyHolder {
  box-sizing: border-box; }
  .feedbackViewTableBodyHolder .itemRow {
    display: flex;
    box-sizing: border-box;
    min-height: 45px; }
  .feedbackViewTableBodyHolder .itemRow div.ng-scope {
    flex-shrink: 0;
    box-sizing: border-box; }
  .feedbackViewTableBodyHolder .tableColumn {
    padding: 15px;
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 400;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #e0e0e0; }
    .feedbackViewTableBodyHolder .tableColumn.tableColumn__timeElapsed {
      width: 170px;
      text-align: center;
      justify-content: center; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__timeElapsed span.ng-binding {
        position: relative;
        display: inline-block;
        height: 19px;
        font-size: 13px;
        color: #5485c0;
        line-height: 19px;
        vertical-align: middle;
        padding-left: 7px; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__timeElapsed span.ng-binding::after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 17px;
          height: 19px;
          background-image: url(/images/icons/time-elapsed.svg);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 95%; }
    .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName {
      width: 365px;
      position: relative;
      padding-right: 40px; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName .collapsor-placeholder {
        display: inline-block;
        margin-right: 15px;
        background-repeat: no-repeat; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName .collapsor-placeholder.icon_action {
          width: 15px;
          height: 15px;
          background-image: url(/images/icons/action-dkgrey.svg);
          background-position: center;
          background-size: 100%; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName .collapsor-placeholder.icon_milestone {
          width: 15px;
          height: 15px;
          background-image: url(/images/icons/milestone-grey-original-viewbox.svg);
          background-position: 0 0;
          background-size: 100%; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName .collapsor-placeholder.icon_focusarea {
          width: 16px;
          height: 14px;
          background-image: url(/images/icons/focusarea-grey_2.svg);
          background-position: center;
          background-size: 155%; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName .collapsor-placeholder.icon_task {
          width: 15px;
          height: 15px;
          background-image: url(/images/icons/subaction-grey-v2.svg);
          background-position: 0 0;
          background-size: 200%; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName.indent-0 {
        padding-left: 15px;
        font-weight: 500; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName.indent-1 {
        padding-left: 35px; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName.indent-2 {
        padding-left: 55px; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName.indent-3 {
        padding-left: 75px; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName.indent-4 {
        padding-left: 95px; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName.indent-5 {
        padding-left: 115px; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__structureName .collapsor {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%); }
    .feedbackViewTableBodyHolder .tableColumn.tableColumn__kpiStatus {
      width: 335px; }
    .feedbackViewTableBodyHolder .tableColumn.tableColumn__feedbackComments {
      width: 325px; }
    .feedbackViewTableBodyHolder .tableColumn.tableColumn__color {
      width: 105px;
      text-align: center;
      justify-content: center; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__color .status_ico__holder {
        display: inline-block; }
      .feedbackViewTableBodyHolder .tableColumn.tableColumn__color .status_ico {
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 2px;
        background: #ccc; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__color .status_ico.blue {
          background: blue; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__color .status_ico.grey {
          background: grey; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__color .status_ico.green {
          background: #5BB02F; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__color .status_ico.white {
          background: white;
          border: 1px solid #ddd; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__color .status_ico.yellow {
          background: #5BB02F; }
        .feedbackViewTableBodyHolder .tableColumn.tableColumn__color .status_ico.red {
          background: red; }
    .feedbackViewTableBodyHolder .tableColumn.tableColumn__alignTo {
      width: 115px;
      text-align: center; }

#actionCopyDialog .sect-inner-content {
  display: inline-block; }

#inviteGuestDialog .info-icon {
  pointer-events: all;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 7px; }

#singleInviteSupport .container-pop-up-invite, #actionCopyDialog .container-pop-up-invite, #tagInitiative .container-pop-up-invite, #giveFeedBackForm .container-pop-up-invite, #actionCompleteDialog .container-pop-up-invite, #inviteGuestDialog .container-pop-up-invite, #soloUserWelcomeForm .container-pop-up-invite {
  width: 814px; }
#singleInviteSupport .section-pop-up-invite h3.pop-up-subtitle, #actionCopyDialog .section-pop-up-invite h3.pop-up-subtitle, #tagInitiative .section-pop-up-invite h3.pop-up-subtitle, #giveFeedBackForm .section-pop-up-invite h3.pop-up-subtitle, #actionCompleteDialog .section-pop-up-invite h3.pop-up-subtitle, #inviteGuestDialog .section-pop-up-invite h3.pop-up-subtitle, #soloUserWelcomeForm .section-pop-up-invite h3.pop-up-subtitle {
  font-size: 10.2pt;
  position: relative; }
#singleInviteSupport .section-heading-pop-up-invite .container-pop-up-invite, #actionCopyDialog .section-heading-pop-up-invite .container-pop-up-invite, #tagInitiative .section-heading-pop-up-invite .container-pop-up-invite, #giveFeedBackForm .section-heading-pop-up-invite .container-pop-up-invite, #actionCompleteDialog .section-heading-pop-up-invite .container-pop-up-invite, #inviteGuestDialog .section-heading-pop-up-invite .container-pop-up-invite, #soloUserWelcomeForm .section-heading-pop-up-invite .container-pop-up-invite {
  margin: 0 26px 0 26px; }
  #singleInviteSupport .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder, #actionCopyDialog .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder, #tagInitiative .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder, #giveFeedBackForm .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder, #actionCompleteDialog .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder, #inviteGuestDialog .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder, #soloUserWelcomeForm .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder {
    margin: 0;
    overflow: hidden;
    word-break: break-word; }
  #singleInviteSupport .section-heading-pop-up-invite .container-pop-up-invite h3, #actionCopyDialog .section-heading-pop-up-invite .container-pop-up-invite h3, #tagInitiative .section-heading-pop-up-invite .container-pop-up-invite h3, #giveFeedBackForm .section-heading-pop-up-invite .container-pop-up-invite h3, #actionCompleteDialog .section-heading-pop-up-invite .container-pop-up-invite h3, #inviteGuestDialog .section-heading-pop-up-invite .container-pop-up-invite h3, #soloUserWelcomeForm .section-heading-pop-up-invite .container-pop-up-invite h3 {
    color: #111; }
#singleInviteSupport .section-body-top-content.section-two-column, #singleInviteSupport .section-body-bottom-content.section-two-column, #actionCopyDialog .section-body-top-content.section-two-column, #actionCopyDialog .section-body-bottom-content.section-two-column, #tagInitiative .section-body-top-content.section-two-column, #tagInitiative .section-body-bottom-content.section-two-column, #giveFeedBackForm .section-body-top-content.section-two-column, #giveFeedBackForm .section-body-bottom-content.section-two-column, #actionCompleteDialog .section-body-top-content.section-two-column, #actionCompleteDialog .section-body-bottom-content.section-two-column, #inviteGuestDialog .section-body-top-content.section-two-column, #inviteGuestDialog .section-body-bottom-content.section-two-column, #soloUserWelcomeForm .section-body-top-content.section-two-column, #soloUserWelcomeForm .section-body-bottom-content.section-two-column {
  display: flex; }
  #singleInviteSupport .section-body-top-content.section-two-column .section-two-column-inner, #singleInviteSupport .section-body-bottom-content.section-two-column .section-two-column-inner, #actionCopyDialog .section-body-top-content.section-two-column .section-two-column-inner, #actionCopyDialog .section-body-bottom-content.section-two-column .section-two-column-inner, #tagInitiative .section-body-top-content.section-two-column .section-two-column-inner, #tagInitiative .section-body-bottom-content.section-two-column .section-two-column-inner, #giveFeedBackForm .section-body-top-content.section-two-column .section-two-column-inner, #giveFeedBackForm .section-body-bottom-content.section-two-column .section-two-column-inner, #actionCompleteDialog .section-body-top-content.section-two-column .section-two-column-inner, #actionCompleteDialog .section-body-bottom-content.section-two-column .section-two-column-inner, #inviteGuestDialog .section-body-top-content.section-two-column .section-two-column-inner, #inviteGuestDialog .section-body-bottom-content.section-two-column .section-two-column-inner, #soloUserWelcomeForm .section-body-top-content.section-two-column .section-two-column-inner, #soloUserWelcomeForm .section-body-bottom-content.section-two-column .section-two-column-inner {
    flex: 1; }
    #singleInviteSupport .section-body-top-content.section-two-column .section-two-column-inner.inactive, #singleInviteSupport .section-body-bottom-content.section-two-column .section-two-column-inner.inactive, #actionCopyDialog .section-body-top-content.section-two-column .section-two-column-inner.inactive, #actionCopyDialog .section-body-bottom-content.section-two-column .section-two-column-inner.inactive, #tagInitiative .section-body-top-content.section-two-column .section-two-column-inner.inactive, #tagInitiative .section-body-bottom-content.section-two-column .section-two-column-inner.inactive, #giveFeedBackForm .section-body-top-content.section-two-column .section-two-column-inner.inactive, #giveFeedBackForm .section-body-bottom-content.section-two-column .section-two-column-inner.inactive, #actionCompleteDialog .section-body-top-content.section-two-column .section-two-column-inner.inactive, #actionCompleteDialog .section-body-bottom-content.section-two-column .section-two-column-inner.inactive, #inviteGuestDialog .section-body-top-content.section-two-column .section-two-column-inner.inactive, #inviteGuestDialog .section-body-bottom-content.section-two-column .section-two-column-inner.inactive, #soloUserWelcomeForm .section-body-top-content.section-two-column .section-two-column-inner.inactive, #soloUserWelcomeForm .section-body-bottom-content.section-two-column .section-two-column-inner.inactive {
      opacity: 0.4;
      pointer-events: none; }
#singleInviteSupport .guest-invite textarea, #actionCopyDialog .guest-invite textarea, #tagInitiative .guest-invite textarea, #giveFeedBackForm .guest-invite textarea, #actionCompleteDialog .guest-invite textarea, #inviteGuestDialog .guest-invite textarea, #soloUserWelcomeForm .guest-invite textarea {
  height: 80px; }
#singleInviteSupport .middle-separator, #actionCopyDialog .middle-separator, #tagInitiative .middle-separator, #giveFeedBackForm .middle-separator, #actionCompleteDialog .middle-separator, #inviteGuestDialog .middle-separator, #soloUserWelcomeForm .middle-separator {
  width: 30px;
  margin-top: 22px;
  font-size: 12px; }
#singleInviteSupport .involvement-level .involvement-level-desc ul, #actionCopyDialog .involvement-level .involvement-level-desc ul, #tagInitiative .involvement-level .involvement-level-desc ul, #giveFeedBackForm .involvement-level .involvement-level-desc ul, #actionCompleteDialog .involvement-level .involvement-level-desc ul, #inviteGuestDialog .involvement-level .involvement-level-desc ul, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul {
  list-style: none;
  margin-left: 50px; }
  #singleInviteSupport .involvement-level .involvement-level-desc ul li, #actionCopyDialog .involvement-level .involvement-level-desc ul li, #tagInitiative .involvement-level .involvement-level-desc ul li, #giveFeedBackForm .involvement-level .involvement-level-desc ul li, #actionCompleteDialog .involvement-level .involvement-level-desc ul li, #inviteGuestDialog .involvement-level .involvement-level-desc ul li, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li {
    height: 50px; }
    #singleInviteSupport .involvement-level .involvement-level-desc ul li .level-icon h3:before, #actionCopyDialog .involvement-level .involvement-level-desc ul li .level-icon h3:before, #tagInitiative .involvement-level .involvement-level-desc ul li .level-icon h3:before, #giveFeedBackForm .involvement-level .involvement-level-desc ul li .level-icon h3:before, #actionCompleteDialog .involvement-level .involvement-level-desc ul li .level-icon h3:before, #inviteGuestDialog .involvement-level .involvement-level-desc ul li .level-icon h3:before, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li .level-icon h3:before {
      position: absolute;
      content: '';
      background-size: 15px 15px;
      width: 24px;
      height: 24px;
      display: inline-block;
      left: -20px;
      background-repeat: no-repeat; }
    #singleInviteSupport .involvement-level .involvement-level-desc ul li .level-collaborate h3:before, #actionCopyDialog .involvement-level .involvement-level-desc ul li .level-collaborate h3:before, #tagInitiative .involvement-level .involvement-level-desc ul li .level-collaborate h3:before, #giveFeedBackForm .involvement-level .involvement-level-desc ul li .level-collaborate h3:before, #actionCompleteDialog .involvement-level .involvement-level-desc ul li .level-collaborate h3:before, #inviteGuestDialog .involvement-level .involvement-level-desc ul li .level-collaborate h3:before, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li .level-collaborate h3:before {
      background-image: url(/images/icons/team.svg); }
    #singleInviteSupport .involvement-level .involvement-level-desc ul li .level-participate h3:before, #actionCopyDialog .involvement-level .involvement-level-desc ul li .level-participate h3:before, #tagInitiative .involvement-level .involvement-level-desc ul li .level-participate h3:before, #giveFeedBackForm .involvement-level .involvement-level-desc ul li .level-participate h3:before, #actionCompleteDialog .involvement-level .involvement-level-desc ul li .level-participate h3:before, #inviteGuestDialog .involvement-level .involvement-level-desc ul li .level-participate h3:before, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li .level-participate h3:before {
      background-image: url(/images/icons/user-black.png); }
    #singleInviteSupport .involvement-level .involvement-level-desc ul li .level-view h3:before, #actionCopyDialog .involvement-level .involvement-level-desc ul li .level-view h3:before, #tagInitiative .involvement-level .involvement-level-desc ul li .level-view h3:before, #giveFeedBackForm .involvement-level .involvement-level-desc ul li .level-view h3:before, #actionCompleteDialog .involvement-level .involvement-level-desc ul li .level-view h3:before, #inviteGuestDialog .involvement-level .involvement-level-desc ul li .level-view h3:before, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li .level-view h3:before {
      background-image: url(/images/icons/view.svg); }
    #singleInviteSupport .involvement-level .involvement-level-desc ul li .level-caption, #actionCopyDialog .involvement-level .involvement-level-desc ul li .level-caption, #tagInitiative .involvement-level .involvement-level-desc ul li .level-caption, #giveFeedBackForm .involvement-level .involvement-level-desc ul li .level-caption, #actionCompleteDialog .involvement-level .involvement-level-desc ul li .level-caption, #inviteGuestDialog .involvement-level .involvement-level-desc ul li .level-caption, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li .level-caption {
      display: block;
      color: #acacac;
      margin-top: 3px;
      position: relative; }
      #singleInviteSupport .involvement-level .involvement-level-desc ul li .level-caption.active, #actionCopyDialog .involvement-level .involvement-level-desc ul li .level-caption.active, #tagInitiative .involvement-level .involvement-level-desc ul li .level-caption.active, #giveFeedBackForm .involvement-level .involvement-level-desc ul li .level-caption.active, #actionCompleteDialog .involvement-level .involvement-level-desc ul li .level-caption.active, #inviteGuestDialog .involvement-level .involvement-level-desc ul li .level-caption.active, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li .level-caption.active {
        color: green; }
      #singleInviteSupport .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox, #actionCopyDialog .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox, #tagInitiative .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox, #giveFeedBackForm .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox, #actionCompleteDialog .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox, #inviteGuestDialog .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox {
        position: absolute;
        width: 10px;
        height: 10px;
        border: 2px solid #ccc;
        border-radius: 50%;
        display: inline-block;
        left: -20px;
        cursor: pointer; }
        #singleInviteSupport .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox.active, #actionCopyDialog .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox.active, #tagInitiative .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox.active, #giveFeedBackForm .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox.active, #actionCompleteDialog .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox.active, #inviteGuestDialog .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox.active, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li .level-caption .level-checkbox.active {
          background: green;
          border: 2px solid green; }
    #singleInviteSupport .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3:before, #actionCopyDialog .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3:before, #tagInitiative .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3:before, #giveFeedBackForm .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3:before, #actionCompleteDialog .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3:before, #inviteGuestDialog .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3:before, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3:before {
      background-image: url(/images/icons/team-grey.svg);
      background-size: 30px 30px; }
    #singleInviteSupport .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3, #actionCopyDialog .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3, #tagInitiative .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3, #giveFeedBackForm .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3, #actionCompleteDialog .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3, #inviteGuestDialog .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3, #soloUserWelcomeForm .involvement-level .involvement-level-desc ul li.disabled .level-collaborate h3 {
      color: #acacac; }
#singleInviteSupport .involvement-level .involvement-level-desc, #actionCopyDialog .involvement-level .involvement-level-desc, #tagInitiative .involvement-level .involvement-level-desc, #giveFeedBackForm .involvement-level .involvement-level-desc, #actionCompleteDialog .involvement-level .involvement-level-desc, #inviteGuestDialog .involvement-level .involvement-level-desc, #soloUserWelcomeForm .involvement-level .involvement-level-desc {
  margin-top: -24px; }
  #singleInviteSupport .involvement-level .involvement-level-desc li.disabled, #actionCopyDialog .involvement-level .involvement-level-desc li.disabled, #tagInitiative .involvement-level .involvement-level-desc li.disabled, #giveFeedBackForm .involvement-level .involvement-level-desc li.disabled, #actionCompleteDialog .involvement-level .involvement-level-desc li.disabled, #inviteGuestDialog .involvement-level .involvement-level-desc li.disabled, #soloUserWelcomeForm .involvement-level .involvement-level-desc li.disabled {
    background-color: #f7f7f7; }
#singleInviteSupport .involvement-level .involvement-level-range, #actionCopyDialog .involvement-level .involvement-level-range, #tagInitiative .involvement-level .involvement-level-range, #giveFeedBackForm .involvement-level .involvement-level-range, #actionCompleteDialog .involvement-level .involvement-level-range, #inviteGuestDialog .involvement-level .involvement-level-range, #soloUserWelcomeForm .involvement-level .involvement-level-range {
  -webkit-appearance: none;
  margin-top: 15px;
  width: 60px;
  transform-origin: right;
  transform: translateX(-100%) rotate(-90deg);
  margin-left: 10px;
  outline: none; }
  #singleInviteSupport .involvement-level .involvement-level-range::-webkit-slider-thumb, #actionCopyDialog .involvement-level .involvement-level-range::-webkit-slider-thumb, #tagInitiative .involvement-level .involvement-level-range::-webkit-slider-thumb, #giveFeedBackForm .involvement-level .involvement-level-range::-webkit-slider-thumb, #actionCompleteDialog .involvement-level .involvement-level-range::-webkit-slider-thumb, #inviteGuestDialog .involvement-level .involvement-level-range::-webkit-slider-thumb, #soloUserWelcomeForm .involvement-level .involvement-level-range::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    border: 1px solid #121212;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -3.6px;
    margin-left: 0px; }
  #singleInviteSupport .involvement-level .involvement-level-range::-webkit-slider-runnable-track, #actionCopyDialog .involvement-level .involvement-level-range::-webkit-slider-runnable-track, #tagInitiative .involvement-level .involvement-level-range::-webkit-slider-runnable-track, #giveFeedBackForm .involvement-level .involvement-level-range::-webkit-slider-runnable-track, #actionCompleteDialog .involvement-level .involvement-level-range::-webkit-slider-runnable-track, #inviteGuestDialog .involvement-level .involvement-level-range::-webkit-slider-runnable-track, #soloUserWelcomeForm .involvement-level .involvement-level-range::-webkit-slider-runnable-track {
    width: 2px;
    height: 2.8px;
    cursor: pointer;
    animate: 0.2s;
    background: #717171; }
  #singleInviteSupport .involvement-level .involvement-level-range::-moz-range-track, #actionCopyDialog .involvement-level .involvement-level-range::-moz-range-track, #tagInitiative .involvement-level .involvement-level-range::-moz-range-track, #giveFeedBackForm .involvement-level .involvement-level-range::-moz-range-track, #actionCompleteDialog .involvement-level .involvement-level-range::-moz-range-track, #inviteGuestDialog .involvement-level .involvement-level-range::-moz-range-track, #soloUserWelcomeForm .involvement-level .involvement-level-range::-moz-range-track {
    width: 2px;
    height: 2.8px;
    cursor: pointer;
    animate: 0.2s;
    background: #717171; }
  #singleInviteSupport .involvement-level .involvement-level-range::-moz-range-thumb, #actionCopyDialog .involvement-level .involvement-level-range::-moz-range-thumb, #tagInitiative .involvement-level .involvement-level-range::-moz-range-thumb, #giveFeedBackForm .involvement-level .involvement-level-range::-moz-range-thumb, #actionCompleteDialog .involvement-level .involvement-level-range::-moz-range-thumb, #inviteGuestDialog .involvement-level .involvement-level-range::-moz-range-thumb, #soloUserWelcomeForm .involvement-level .involvement-level-range::-moz-range-thumb {
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    border: 1px solid #121212;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4.5px;
    margin-left: 0px; }
  #singleInviteSupport .involvement-level .involvement-level-range::-ms-track, #actionCopyDialog .involvement-level .involvement-level-range::-ms-track, #tagInitiative .involvement-level .involvement-level-range::-ms-track, #giveFeedBackForm .involvement-level .involvement-level-range::-ms-track, #actionCompleteDialog .involvement-level .involvement-level-range::-ms-track, #inviteGuestDialog .involvement-level .involvement-level-range::-ms-track, #soloUserWelcomeForm .involvement-level .involvement-level-range::-ms-track {
    width: 100%;
    height: 12.8px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 39px 0;
    color: transparent; }
  #singleInviteSupport .involvement-level .involvement-level-range::-ms-fill-lower, #actionCopyDialog .involvement-level .involvement-level-range::-ms-fill-lower, #tagInitiative .involvement-level .involvement-level-range::-ms-fill-lower, #giveFeedBackForm .involvement-level .involvement-level-range::-ms-fill-lower, #actionCompleteDialog .involvement-level .involvement-level-range::-ms-fill-lower, #inviteGuestDialog .involvement-level .involvement-level-range::-ms-fill-lower, #soloUserWelcomeForm .involvement-level .involvement-level-range::-ms-fill-lower {
    background: #ac51b5;
    border: 0px solid #000101;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; }
  #singleInviteSupport .involvement-level .involvement-level-range::-ms-fill-upper, #actionCopyDialog .involvement-level .involvement-level-range::-ms-fill-upper, #tagInitiative .involvement-level .involvement-level-range::-ms-fill-upper, #giveFeedBackForm .involvement-level .involvement-level-range::-ms-fill-upper, #actionCompleteDialog .involvement-level .involvement-level-range::-ms-fill-upper, #inviteGuestDialog .involvement-level .involvement-level-range::-ms-fill-upper, #soloUserWelcomeForm .involvement-level .involvement-level-range::-ms-fill-upper {
    background: #ac51b5;
    border: 0px solid #000101;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; }
  #singleInviteSupport .involvement-level .involvement-level-range::-ms-thumb, #actionCopyDialog .involvement-level .involvement-level-range::-ms-thumb, #tagInitiative .involvement-level .involvement-level-range::-ms-thumb, #giveFeedBackForm .involvement-level .involvement-level-range::-ms-thumb, #actionCompleteDialog .involvement-level .involvement-level-range::-ms-thumb, #inviteGuestDialog .involvement-level .involvement-level-range::-ms-thumb, #soloUserWelcomeForm .involvement-level .involvement-level-range::-ms-thumb {
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    border: 0px solid #000000;
    height: 20px;
    width: 39px;
    border-radius: 7px;
    background: #65001c;
    cursor: pointer; }
  #singleInviteSupport .involvement-level .involvement-level-range:focus::-ms-fill-lower, #actionCopyDialog .involvement-level .involvement-level-range:focus::-ms-fill-lower, #tagInitiative .involvement-level .involvement-level-range:focus::-ms-fill-lower, #giveFeedBackForm .involvement-level .involvement-level-range:focus::-ms-fill-lower, #actionCompleteDialog .involvement-level .involvement-level-range:focus::-ms-fill-lower, #inviteGuestDialog .involvement-level .involvement-level-range:focus::-ms-fill-lower, #soloUserWelcomeForm .involvement-level .involvement-level-range:focus::-ms-fill-lower {
    background: #ac51b5; }
#singleInviteSupport .help-text, #actionCopyDialog .help-text, #tagInitiative .help-text, #giveFeedBackForm .help-text, #actionCompleteDialog .help-text, #inviteGuestDialog .help-text, #soloUserWelcomeForm .help-text {
  color: #E62E2C; }
#singleInviteSupport .section-heading-before, #actionCopyDialog .section-heading-before, #tagInitiative .section-heading-before, #giveFeedBackForm .section-heading-before, #actionCompleteDialog .section-heading-before, #inviteGuestDialog .section-heading-before, #soloUserWelcomeForm .section-heading-before {
  margin-right: 10px; }
#singleInviteSupport .pl-1, #actionCopyDialog .pl-1, #tagInitiative .pl-1, #giveFeedBackForm .pl-1, #actionCompleteDialog .pl-1, #inviteGuestDialog .pl-1, #soloUserWelcomeForm .pl-1 {
  padding-left: 1rem; }
#singleInviteSupport .custom_user_selector__holder .container__coll__header p.title, #actionCopyDialog .custom_user_selector__holder .container__coll__header p.title, #tagInitiative .custom_user_selector__holder .container__coll__header p.title, #giveFeedBackForm .custom_user_selector__holder .container__coll__header p.title, #actionCompleteDialog .custom_user_selector__holder .container__coll__header p.title, #inviteGuestDialog .custom_user_selector__holder .container__coll__header p.title, #soloUserWelcomeForm .custom_user_selector__holder .container__coll__header p.title {
  display: none; }
#singleInviteSupport .custom_user_selector__holder .container__holder, #actionCopyDialog .custom_user_selector__holder .container__holder, #tagInitiative .custom_user_selector__holder .container__holder, #giveFeedBackForm .custom_user_selector__holder .container__holder, #actionCompleteDialog .custom_user_selector__holder .container__holder, #inviteGuestDialog .custom_user_selector__holder .container__holder, #soloUserWelcomeForm .custom_user_selector__holder .container__holder {
  padding: 0 5px 20px 5px;
  background: none;
  margin-top: -46px; }
#singleInviteSupport .custom_user_selector__holder .user_search_form_holder input, #actionCopyDialog .custom_user_selector__holder .user_search_form_holder input, #tagInitiative .custom_user_selector__holder .user_search_form_holder input, #giveFeedBackForm .custom_user_selector__holder .user_search_form_holder input, #actionCompleteDialog .custom_user_selector__holder .user_search_form_holder input, #inviteGuestDialog .custom_user_selector__holder .user_search_form_holder input, #soloUserWelcomeForm .custom_user_selector__holder .user_search_form_holder input {
  height: 23px;
  border-radius: 10px; }
#singleInviteSupport .custom_user_selector__holder .user_search_form_holder button, #actionCopyDialog .custom_user_selector__holder .user_search_form_holder button, #tagInitiative .custom_user_selector__holder .user_search_form_holder button, #giveFeedBackForm .custom_user_selector__holder .user_search_form_holder button, #actionCompleteDialog .custom_user_selector__holder .user_search_form_holder button, #inviteGuestDialog .custom_user_selector__holder .user_search_form_holder button, #soloUserWelcomeForm .custom_user_selector__holder .user_search_form_holder button {
  top: 5px; }
#singleInviteSupport .custom_user_selector__holder .list_holder:not(.right_list), #actionCopyDialog .custom_user_selector__holder .list_holder:not(.right_list), #tagInitiative .custom_user_selector__holder .list_holder:not(.right_list), #giveFeedBackForm .custom_user_selector__holder .list_holder:not(.right_list), #actionCompleteDialog .custom_user_selector__holder .list_holder:not(.right_list), #inviteGuestDialog .custom_user_selector__holder .list_holder:not(.right_list), #soloUserWelcomeForm .custom_user_selector__holder .list_holder:not(.right_list) {
  margin-top: 44px; }
#singleInviteSupport .invite-guest-form, #actionCopyDialog .invite-guest-form, #tagInitiative .invite-guest-form, #giveFeedBackForm .invite-guest-form, #actionCompleteDialog .invite-guest-form, #inviteGuestDialog .invite-guest-form, #soloUserWelcomeForm .invite-guest-form {
  padding: 0 10px; }
  #singleInviteSupport .invite-guest-form.inactive, #actionCopyDialog .invite-guest-form.inactive, #tagInitiative .invite-guest-form.inactive, #giveFeedBackForm .invite-guest-form.inactive, #actionCompleteDialog .invite-guest-form.inactive, #inviteGuestDialog .invite-guest-form.inactive, #soloUserWelcomeForm .invite-guest-form.inactive {
    opacity: 0.6;
    pointer-events: none; }
  #singleInviteSupport .invite-guest-form .guest-field-title h3, #actionCopyDialog .invite-guest-form .guest-field-title h3, #tagInitiative .invite-guest-form .guest-field-title h3, #giveFeedBackForm .invite-guest-form .guest-field-title h3, #actionCompleteDialog .invite-guest-form .guest-field-title h3, #inviteGuestDialog .invite-guest-form .guest-field-title h3, #soloUserWelcomeForm .invite-guest-form .guest-field-title h3 {
    margin-bottom: 0;
    font-size: 15px; }
  #singleInviteSupport .invite-guest-form .guest-fields, #actionCopyDialog .invite-guest-form .guest-fields, #tagInitiative .invite-guest-form .guest-fields, #giveFeedBackForm .invite-guest-form .guest-fields, #actionCompleteDialog .invite-guest-form .guest-fields, #inviteGuestDialog .invite-guest-form .guest-fields, #soloUserWelcomeForm .invite-guest-form .guest-fields {
    display: inline-block;
    width: 49.5%; }
    #singleInviteSupport .invite-guest-form .guest-fields.width-100, #actionCopyDialog .invite-guest-form .guest-fields.width-100, #tagInitiative .invite-guest-form .guest-fields.width-100, #giveFeedBackForm .invite-guest-form .guest-fields.width-100, #actionCompleteDialog .invite-guest-form .guest-fields.width-100, #inviteGuestDialog .invite-guest-form .guest-fields.width-100, #soloUserWelcomeForm .invite-guest-form .guest-fields.width-100 {
      width: 100%; }
    #singleInviteSupport .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line, #actionCopyDialog .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line, #tagInitiative .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line, #giveFeedBackForm .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line, #actionCompleteDialog .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line, #inviteGuestDialog .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line, #soloUserWelcomeForm .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line {
      width: calc(100% - 20px);
      height: 30px;
      line-height: 32px;
      font-size: 15px;
      color: #121212;
      font-weight: 400;
      border-bottom: 1px solid #E6E6E6;
      margin: 0;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      #singleInviteSupport .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line .crossForAlignTo, #actionCopyDialog .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line .crossForAlignTo, #tagInitiative .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line .crossForAlignTo, #giveFeedBackForm .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line .crossForAlignTo, #actionCompleteDialog .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line .crossForAlignTo, #inviteGuestDialog .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line .crossForAlignTo, #soloUserWelcomeForm .invite-guest-form .guest-fields .guest-selector .selector-line.alignment-selector-line .crossForAlignTo {
        background-size: 15px 15px;
        width: 15px;
        height: 15px;
        background-image: url(/images/icons/icons-plus.svg);
        transform: rotate(45deg);
        position: absolute;
        right: 25px;
        top: 12px; }
    #singleInviteSupport .invite-guest-form .guest-fields .guest-selector .list-tree-selector, #actionCopyDialog .invite-guest-form .guest-fields .guest-selector .list-tree-selector, #tagInitiative .invite-guest-form .guest-fields .guest-selector .list-tree-selector, #giveFeedBackForm .invite-guest-form .guest-fields .guest-selector .list-tree-selector, #actionCompleteDialog .invite-guest-form .guest-fields .guest-selector .list-tree-selector, #inviteGuestDialog .invite-guest-form .guest-fields .guest-selector .list-tree-selector, #soloUserWelcomeForm .invite-guest-form .guest-fields .guest-selector .list-tree-selector {
      width: 100%; }
    #singleInviteSupport .invite-guest-form .guest-fields .field-row, #actionCopyDialog .invite-guest-form .guest-fields .field-row, #tagInitiative .invite-guest-form .guest-fields .field-row, #giveFeedBackForm .invite-guest-form .guest-fields .field-row, #actionCompleteDialog .invite-guest-form .guest-fields .field-row, #inviteGuestDialog .invite-guest-form .guest-fields .field-row, #soloUserWelcomeForm .invite-guest-form .guest-fields .field-row {
      margin-bottom: 15px; }
    #singleInviteSupport .invite-guest-form .guest-fields .field-label, #actionCopyDialog .invite-guest-form .guest-fields .field-label, #tagInitiative .invite-guest-form .guest-fields .field-label, #giveFeedBackForm .invite-guest-form .guest-fields .field-label, #actionCompleteDialog .invite-guest-form .guest-fields .field-label, #inviteGuestDialog .invite-guest-form .guest-fields .field-label, #soloUserWelcomeForm .invite-guest-form .guest-fields .field-label {
      display: inline-block;
      width: 21%; }
      #singleInviteSupport .invite-guest-form .guest-fields .field-label label, #actionCopyDialog .invite-guest-form .guest-fields .field-label label, #tagInitiative .invite-guest-form .guest-fields .field-label label, #giveFeedBackForm .invite-guest-form .guest-fields .field-label label, #actionCompleteDialog .invite-guest-form .guest-fields .field-label label, #inviteGuestDialog .invite-guest-form .guest-fields .field-label label, #soloUserWelcomeForm .invite-guest-form .guest-fields .field-label label {
        font-size: 14px;
        display: inline-block; }
      #singleInviteSupport .invite-guest-form .guest-fields .field-label .field-required, #actionCopyDialog .invite-guest-form .guest-fields .field-label .field-required, #tagInitiative .invite-guest-form .guest-fields .field-label .field-required, #giveFeedBackForm .invite-guest-form .guest-fields .field-label .field-required, #actionCompleteDialog .invite-guest-form .guest-fields .field-label .field-required, #inviteGuestDialog .invite-guest-form .guest-fields .field-label .field-required, #soloUserWelcomeForm .invite-guest-form .guest-fields .field-label .field-required {
        padding: 0 2px; }
    #singleInviteSupport .invite-guest-form .guest-fields input:not(#search_box), #actionCopyDialog .invite-guest-form .guest-fields input:not(#search_box), #tagInitiative .invite-guest-form .guest-fields input:not(#search_box), #giveFeedBackForm .invite-guest-form .guest-fields input:not(#search_box), #actionCompleteDialog .invite-guest-form .guest-fields input:not(#search_box), #inviteGuestDialog .invite-guest-form .guest-fields input:not(#search_box), #soloUserWelcomeForm .invite-guest-form .guest-fields input:not(#search_box) {
      padding: 8px;
      border-radius: 3px;
      width: 69%;
      border: 1px solid #b3b3b3; }
    #singleInviteSupport .invite-guest-form .guest-fields textarea, #actionCopyDialog .invite-guest-form .guest-fields textarea, #tagInitiative .invite-guest-form .guest-fields textarea, #giveFeedBackForm .invite-guest-form .guest-fields textarea, #actionCompleteDialog .invite-guest-form .guest-fields textarea, #inviteGuestDialog .invite-guest-form .guest-fields textarea, #soloUserWelcomeForm .invite-guest-form .guest-fields textarea {
      padding: 8px;
      border-radius: 3px;
      border: 1px solid #b3b3b3; }
#singleInviteSupport .pop-up-invite-form, #actionCopyDialog .pop-up-invite-form, #tagInitiative .pop-up-invite-form, #giveFeedBackForm .pop-up-invite-form, #actionCompleteDialog .pop-up-invite-form, #inviteGuestDialog .pop-up-invite-form, #soloUserWelcomeForm .pop-up-invite-form {
  padding: 0 10px 25px 10px; }
  #singleInviteSupport .pop-up-invite-form textarea, #actionCopyDialog .pop-up-invite-form textarea, #tagInitiative .pop-up-invite-form textarea, #giveFeedBackForm .pop-up-invite-form textarea, #actionCompleteDialog .pop-up-invite-form textarea, #inviteGuestDialog .pop-up-invite-form textarea, #soloUserWelcomeForm .pop-up-invite-form textarea {
    width: calc(100% - 10px); }

#giveFeedBackForm .container-pop-up-invite-alignment {
  width: calc(100% - 48px); }
  #giveFeedBackForm .container-pop-up-invite-alignment .coment-content, #giveFeedBackForm .container-pop-up-invite-alignment .commentCheckboxLabel {
    margin-right: 0;
    display: none; }

.Tag_initiative {
  width: 480px;
  margin-top: 10px; }
  .Tag_initiative .list-item {
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .Tag_initiative .chzn-container {
    margin-top: 5px;
    width: 400px;
    margin-left: 15px; }

.delete_content_holder .delete_content_image {
  text-align: center;
  display: inline-block;
  width: 100%;
  position: relative;
  left: 10px; }
  .delete_content_holder .delete_content_image img {
    width: 50px; }
.delete_content_holder .delete_content_message {
  font-size: 14px;
  display: block;
  text-align: center; }
.delete_content_holder .delete_content_warning {
  font-size: 16px;
  display: block;
  text-align: center;
  color: red;
  padding-top: 10px; }

.alert-popup .title_holder {
  padding: 20px;
  background-color: white; }

.alert-popup .footer_holder {
  padding: 20px 25px;
  background-color: white; }

.alert-popup .delete_content_holder {
  padding: 50px;
  background-color: #dddddd29; }

.alert-popup .title_holder h3 {
  font-size: 23px; }

.popup-label {
  color: #252525; }

.collapse-wrap {
  border: 1px solid #CDCDCD;
  border-radius: 4px;
  background-color: #fff; }

.checkbox_row .checkbox_row_inner {
  border-bottom: 1px solid #e6e6e6; }

.checkbox_row:last-child .checkbox_row_inner {
  border: none; }

.bulk_checkbox__wrap {
  border: none; }

.tabs-select .chosen-single {
  border: none; }

.content-wrap .container {
  border: none; }

.container.change-dates {
  border: none; }

.content-wrap {
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 4px; }

.content-wrap .header {
  border-bottom: 1px solid #C6C6C5; }

.close_dialog_icon {
  position: absolute;
  right: 5px;
  top: 13px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/icons/open3.svg);
  width: 25px; }
  .close_dialog_icon:hover {
    cursor: pointer; }

.sub_action_title {
  padding: 10px; }

.Sub_action_footer {
  float: right;
  padding: 5px; }

.alert-popup .sub_action_title_holder {
  padding: 20px;
  background-color: white; }

.alert-popup .Sub_action_footer {
  padding: 20px 25px 15px;
  background-color: white; }

.alert-popup .sub_action_content_message {
  padding: 20px 25px; }

.alert-popup .title_holder h3 {
  font-size: 23px; }

.alert-popup .sub_action_title_holder h3 {
  margin-bottom: 0px;
  font-size: 20px; }

.request_feedback_comment {
  background-color: white;
  font-size: 15px;
  border-radius: 5px;
  width: 648px;
  padding: 10px;
  resize: none; }

.request_feedback_container {
  padding: 40px 25px;
  background-color: #dddddd38; }

.request_feedback_title {
  padding: 20px; }

.request_feedback_footer {
  pading: 20px 7px 15px; }

.role-info-text {
  margin-right: 10px; }

.role-details-wrap {
  width: 0px;
  margin-left: 10px; }

.latest-header {
  right: 6px; }

.listViewHeader .listCount {
  position: relative; }

.tableRow:nth-child(even) {
  background-color: #faf8f9; }

.columnDueDate span {
  left: -7px; }

.columnFeedback.headerlist span {
  left: -24px;
  position: relative; }

.feedbacker-role.responsible-role {
  height: 8px; }

.responsible-block span.role {
  color: #acacac;
  font-size: 12px;
  font-weight: 400; }

.ini_details__item__progress .progress {
  padding-left: 15px;
  color: #acacac;
  background-color: white;
  font-size: 12px;
  font-weight: 400; }

.flow-label {
  justify-content: center;
  align-self: center; }

.inner-sec:after {
  position: absolute;
  width: 2px;
  height: 100%;
  content: '';
  top: 13px;
  border-left: 2px dashed #e7e7e7;
  left: -29px;
  background-color: transparent; }

.inner-sec .pop-up-subtitle {
  font-size: 15px; }

.inner-sec .assignedToHeading {
  font-size: 15px;
  width: 100%; }

.inner-sec {
  position: relative; }

#details_history_section .ini_details__ini_history__header .chosen-container .chosen-single {
  color: #ababab;
  border: 1px solid #ccc;
  border-radius: 5px; }
  #details_history_section .ini_details__ini_history__header .chosen-container .chosen-single span::after {
    top: calc(50% - 2px); }
#details_history_section .ini_details__ini_history__header .ini_details__ini_history__header__item .hidden-radio + span {
  font-size: 12px;
  font-weight: 400;
  height: 25px;
  line-height: 25px; }
#details_history_section .ini_details__ini_history__header .ini_details__ini_history__header__item .title::first-letter {
  text-transform: uppercase; }
#details_history_section .ini_details__ini_history__header .ini_details__ini_history__header__item .content {
  margin-left: 4px; }
#details_history_section .ini_details__ini_history__header .chosen-container .chosen-results li {
  white-space: nowrap; }
#details_history_section .action-history-wrap .history .history-action-icon:after {
  background-size: 32px 32px; }
#details_history_section .action-history-wrap .history .history-action-icon.comment:after {
  background-size: 15px 18px; }
#details_history_section ap-comment .comment-form__holder .comment-holder {
  margin-bottom: 40px; }
#details_history_section .comment-content__footer__name .text {
  color: #000; }
#details_history_section #action-history-content .ini_details__ini_history__item:not(:first-child) {
  border-top: 1px solid #ddd; }
#details_history_section .ini_details__ini_history__item .coll_action__details .details__ini__item .item__ico {
  width: 25px;
  height: 25px; }
#details_history_section .ini_details__ini_history__item .coll_action__details .item__text {
  font-size: 14px;
  font-weight: 400;
  color: #888; }
  #details_history_section .ini_details__ini_history__item .coll_action__details .item__text.text-green {
    color: #58b947; }
  #details_history_section .ini_details__ini_history__item .coll_action__details .item__text.text-red {
    color: #e64c5c; }
#details_history_section .ini_details__ini_history__item:first-child > td:before {
  top: 25px; }
#details_history_section tr:nth-last-child(2) > td:before {
  height: 25px; }
#details_history_section .action-history-wrap .history {
  table-layout: inherit; }
  #details_history_section .action-history-wrap .history .modern-date, #details_history_section .action-history-wrap .history .history-action-icon-wrapper {
    margin-top: 5px; }
  #details_history_section .action-history-wrap .history #action-history-content > tr > td .commentContent p {
    font-size: 12px;
    text-transform: initial;
    max-width: 100%;
    overflow: hidden;
    word-break: break-all; }
  #details_history_section .action-history-wrap .history .ini_details__ini_history__item .coll_content__kpi_holder table {
    margin-top: 20px; }
#details_history_section .comment-content__footer__name .text-wrap {
  margin-left: 0; }

.attached-files-wrapper {
  margin-top: 25px; }
  .attached-files-wrapper.meeting .header-collapsor {
    position: relative; }
  .attached-files-wrapper.meeting #attachedFilesMeeting_expander {
    position: absolute;
    top: 24px;
    left: 1149px; }
    .attached-files-wrapper.meeting #attachedFilesMeeting_expander.focusarea-attached-files-collapsor {
      top: 22px; }

.pop-up-invite-footer-actions:not(.no-border)::before {
  position: absolute;
  width: 2px;
  background-color: #e2e2e2;
  content: "";
  height: 77%;
  left: 34px;
  top: -1px; }

.bt-text {
  position: relative; }

.bt-text span {
  position: absolute;
  left: -32px;
  top: -7px;
  color: #9e9e9e;
  background: #f7f7f7; }

.section-pop-up-invite.milestone-popup.milestone-reassign .ap_bulk_selected__initiatives .container .content {
  overflow-y: overlay; }
  .section-pop-up-invite.milestone-popup.milestone-reassign .ap_bulk_selected__initiatives .container .content .header_right {
    padding: 0; }
  .section-pop-up-invite.milestone-popup.milestone-reassign .ap_bulk_selected__initiatives .container .content ap-profile-tree-selector {
    margin-left: 0px; }
.section-pop-up-invite.milestone-popup.milestone-reassign ap-profile-tree-selector {
  width: 100%;
  margin-left: -50px; }
  .section-pop-up-invite.milestone-popup.milestone-reassign ap-profile-tree-selector .selector-line.profile-selector-line {
    height: 30px;
    line-height: 37px;
    bottom: 9px; }

label.bulk_checkbox_container {
  top: 8px;
  position: relative;
  width: 100%; }

.milestone-wrap {
  border-bottom: 1px solid #e2e1e1;
  padding-bottom: 5px; }

.listViewRow .collapsedSingleLine {
  line-height: 19px; }

.header-content {
  font-weight: 500; }

.milestone-selector p {
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.bulk-collapse-container .bulk_checkbox__wrap .left__wrap {
  top: -8px;
  position: relative; }

.bulk-collapse-container__header .bulk_left__wrap {
  top: -8px;
  position: relative;
  font-weight: 500; }
.bulk-collapse-container__header .bulk_right__wrap .show-completed {
  font-weight: 500; }
.bulk-collapse-container__header .bulk_right__wrap h3 {
  font-weight: 500; }

.ap_bulk_selected__initiatives .bulk_checkbox_container p {
  width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.initiative_tag_item {
  display: inline-flex; }
  .initiative_tag_item .tag {
    margin: 10px; }

.milestone-period-chosen {
  margin-left: 10px; }
  .milestone-period-chosen .chosen-container-single .chosen-single span {
    font-weight: 100;
    margin-left: 0px; }

.milestoneTasks .tableBody.action_table_border {
  border-top: 1px solid #cecece; }
.milestoneTasks .tableRow:nth-child(odd) {
  background-color: #FFFFFF; }
.milestoneTasks .divTable .tableRow .mainContent > div.tableNameCell {
  width: 445px; }
.milestoneTasks .divTable .tableRow > div:not(.mainContent).tableDateCell {
  text-align: left;
  padding-left: 10px;
  width: 83px; }
.milestoneTasks .divTable .tableRow > div:not(.mainContent).tableNameCell {
  width: 443px; }
.milestoneTasks .divTable .tableRow .tableRoleCell {
  width: 200px; }
.milestoneTasks .divTable .tableRow .tableNameCell, .milestoneTasks .divTable .tableRow .tableDateCell, .milestoneTasks .divTable .tableRow .tableTagCell, .milestoneTasks .divTable .tableRow .tableIconsCell, .milestoneTasks .divTable .tableRow .tableRoleCell {
  padding: 7px; }
.milestoneTasks .divTable .tableRow .mainContent > div.tableDateCell {
  text-align: left;
  padding-left: 10px;
  width: 83px; }
.milestoneTasks .divTable .tableRow .mainContent {
  padding: 5px 0px; }
.milestoneTasks .feedbacker-role:before {
  width: 27px; }

.create-milestone-footer {
  margin-top: 10px;
  text-align: center; }

.create-milestone-attach .generic-icon.medium:after, .create-milestone-attach ap-comment .medium.comment-button:after, ap-comment .create-milestone-attach .medium.comment-button:after, .create-milestone-attach ap-task-quick-edit .medium.comment-button:after, ap-task-quick-edit .create-milestone-attach .medium.comment-button:after, .create-milestone-attach ap-task-quick-add .medium.comment-button:after, ap-task-quick-add .create-milestone-attach .medium.comment-button:after {
  background-color: #FFFFFF;
  background-image: url(/images/icons/more-options-pink.svg);
  border-radius: 50px; }

.allowPreWrap {
  white-space: pre-wrap; }

#taskFormContent .alignment-tree-selector .list-tree-selector {
  width: 500px; }

.align-items-start {
  align-items: flex-start !important; }

.action-icon-check {
  background: url(/images/icons/iconcheckinbox_priority.svg);
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  padding-right: 7px;
  background-repeat: no-repeat; }

#actionCompleteDialog .fr-element.fr-view {
  background: #fff;
  font-size: 11px; }
  #actionCompleteDialog .fr-element.fr-view .mention {
    color: #E83B83; }
#actionCompleteDialog #taskForm #fileListTasks a.upload .icon-attach {
  width: 80px; }
#actionCompleteDialog #taskForm .icon-attach:after {
  top: -5px; }
#actionCompleteDialog span.fileListItem {
  padding: 14px 0px 3px 10px; }

#actionComment_popup #fileListTasks p {
  display: flex;
  font-size: 15px;
  font-weight: 500;
  color: #303030; }
#actionComment_popup #fileListTasks .generic-icon.medium.icon-attach, #actionComment_popup #fileListTasks ap-comment .medium.icon-attach.comment-button, ap-comment #actionComment_popup #fileListTasks .medium.icon-attach.comment-button, #actionComment_popup #fileListTasks ap-task-quick-edit .medium.icon-attach.comment-button, ap-task-quick-edit #actionComment_popup #fileListTasks .medium.icon-attach.comment-button, #actionComment_popup #fileListTasks ap-task-quick-add .medium.icon-attach.comment-button, ap-task-quick-add #actionComment_popup #fileListTasks .medium.icon-attach.comment-button {
  width: auto;
  padding-left: 35px;
  padding-top: 4px;
  color: #303030; }
#actionComment_popup .ini-name {
  color: #E83B83;
  margin-left: 10px; }
#actionComment_popup .section-wrap {
  display: block; }
  #actionComment_popup .section-wrap .field-label {
    padding-bottom: 15px;
    display: inline-block; }
  #actionComment_popup .section-wrap textarea {
    resize: none;
    width: calc(100% - 6px); }
  #actionComment_popup .section-wrap .milestone-description-block {
    padding: 0;
    width: 100%; }
    #actionComment_popup .section-wrap .milestone-description-block .fr-element.fr-view {
      background: #fff;
      font-size: 11px; }
      #actionComment_popup .section-wrap .milestone-description-block .fr-element.fr-view .mention {
        color: #E83B83; }
#actionComment_popup .action-label {
  padding-top: 14px;
  font-weight: 400; }
#actionComment_popup .action-send-email {
  margin: 0;
  background-color: white;
  color: #afafaf;
  font-size: 13px;
  background-image: url(/images/icons/Push2email_lightgray.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 21px 21px;
  background-position-x: 10px;
  width: 145px;
  padding-left: 25px;
  height: auto;
  line-height: 26px; }
#actionComment_popup .comment-action {
  display: flex;
  align-items: center;
  padding: 30px 0 17px;
  border-bottom: 2px solid #EEEEEE; }
  #actionComment_popup .comment-action .action-wrapper {
    border-bottom: 2px solid #EEEEEE; }
  #actionComment_popup .comment-action .attachFile {
    display: flex;
    align-items: center;
    padding: 0 15px 5px; }
  #actionComment_popup .comment-action .right-block {
    display: inherit;
    border: none; }
  #actionComment_popup .comment-action .private_button {
    margin: 0;
    background-color: white;
    color: #afafaf;
    font-size: 13px;
    background-image: url(/images/icons/privacy-icon-separate-grey.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 42px 30px;
    background-position-x: 13px;
    background-position-y: 3px;
    width: 145px;
    padding-left: 25px;
    height: auto;
    line-height: 26px; }
  #actionComment_popup .comment-action .action-buttons {
    width: auto;
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0;
    height: auto; }
#actionComment_popup .background-milestone-overlay #milestone .comment-action_line {
  border-bottom: 1px solid #EEEEEE; }
#actionComment_popup .background-milestone-overlay .comment-action_line_down {
  margin: 0px 0px 5px;
  border-bottom: 1px solid #EEEEEE;
  padding: 0;
  margin-bottom: 20px;
  margin-top: 5px; }

#actionComment_popup .ini_comment.comment-action .private_button:hover, #actionComment_popup .ini_comment.comment-action .private_button.active {
  border: 1px solid #e83b83;
  color: #e83b83;
  background-color: #FCF6FA;
  background-image: url(/images/icons/privacy-icon-separate-pink.svg); }

#actionComment_popup .ini_comment.action-send-email:hover, #actionComment_popup .ini_comment.action-send-email.active {
  border: 1px solid #e83b83;
  color: #e83b83;
  background-color: #FCF6FA;
  background-image: url(/images/icons/Push2email_pink.svg); }

.create-milestone.ini_comment_section .background-milestone-overlay {
  background: none;
  background-color: #f7f7f7; }

.ini_comment_section .generic-icon.icon-attach, .ini_comment_section ap-comment .icon-attach.comment-button, ap-comment .ini_comment_section .icon-attach.comment-button, .ini_comment_section ap-task-quick-edit .icon-attach.comment-button, ap-task-quick-edit .ini_comment_section .icon-attach.comment-button, .ini_comment_section ap-task-quick-add .icon-attach.comment-button, ap-task-quick-add .ini_comment_section .icon-attach.comment-button {
  background-image: none; }

.ini_detail_tag .tag {
  margin: 5px 0 5px 10px; }

.ini_detail_tag_category {
  font-size: 14px; }

.ini_history__title__holder h3 {
  font-weight: 500;
  color: #111;
  font-size: 25px; }

.selected_count_label {
  display: inline-block;
  width: 40px;
  text-align: center; }

#details_history_section .arrow_change_location {
  width: 15px;
  height: 15px;
  border-radius: 4px; }
  #details_history_section .arrow_change_location.active {
    border-color: #ffe4ee; }
    #details_history_section .arrow_change_location.active:before {
      top: 3px;
      left: 4px;
      border-left: 1px solid #e83b83;
      border-bottom: 1px solid #e83b83; }
  #details_history_section .arrow_change_location.rotate_kpi_view_arrow:before {
    top: 4px;
    left: 3px;
    transform: rotate(-135deg);
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
#details_history_section .kpi_collapsee.hide_kpi_body {
  display: none; }

.comment_attach a.icon-delete:after {
  content: none; }
.comment_attach .hoverBox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px; }

#actionComment_popup.ini_comment_section .comment-action {
  align-items: unset; }

.comment_attach #fileListTasks a.upload .icon-attach {
  margin-top: 0; }

.comment-description-block #milestone_description:focus {
  box-shadow: none;
  border: 1px solid #DDD; }

.comment_tasks .feedbacker-role {
  vertical-align: unset; }
.comment_tasks #taskFormContent .taskName:focus {
  box-shadow: none;
  border: 1px solid #DDD; }

.feedbackTasksTable .feedbacker-role {
  vertical-align: unset; }

/*new css font styles*/
#createForm.create-initiative .custom-theme, #createForm.edit-initiative .custom-theme, #createForm.copy-action-form .custom-theme, #editaction_form.create-initiative .custom-theme, #editaction_form.edit-initiative .custom-theme, #editaction_form.copy-action-form .custom-theme, #copyForm.create-initiative .custom-theme, #copyForm.edit-initiative .custom-theme, #copyForm.copy-action-form .custom-theme {
  border-bottom: 1px solid #e5e5e5; }
#createForm.create-initiative .list-tree-selector .list-tree-search input:focus, #createForm.edit-initiative .list-tree-selector .list-tree-search input:focus, #createForm.copy-action-form .list-tree-selector .list-tree-search input:focus, #editaction_form.create-initiative .list-tree-selector .list-tree-search input:focus, #editaction_form.edit-initiative .list-tree-selector .list-tree-search input:focus, #editaction_form.copy-action-form .list-tree-selector .list-tree-search input:focus, #copyForm.create-initiative .list-tree-selector .list-tree-search input:focus, #copyForm.edit-initiative .list-tree-selector .list-tree-search input:focus, #copyForm.copy-action-form .list-tree-selector .list-tree-search input:focus {
  border: 1px solid #3AA7DD; }
#createForm.create-initiative #ini-details-view-section .ini_details__item__date, #createForm.edit-initiative #ini-details-view-section .ini_details__item__date, #createForm.copy-action-form #ini-details-view-section .ini_details__item__date, #editaction_form.create-initiative #ini-details-view-section .ini_details__item__date, #editaction_form.edit-initiative #ini-details-view-section .ini_details__item__date, #editaction_form.copy-action-form #ini-details-view-section .ini_details__item__date, #copyForm.create-initiative #ini-details-view-section .ini_details__item__date, #copyForm.edit-initiative #ini-details-view-section .ini_details__item__date, #copyForm.copy-action-form #ini-details-view-section .ini_details__item__date {
  width: 90px; }
#createForm.create-initiative #ini-details-view-section .ini_details__item__name, #createForm.edit-initiative #ini-details-view-section .ini_details__item__name, #createForm.copy-action-form #ini-details-view-section .ini_details__item__name, #editaction_form.create-initiative #ini-details-view-section .ini_details__item__name, #editaction_form.edit-initiative #ini-details-view-section .ini_details__item__name, #editaction_form.copy-action-form #ini-details-view-section .ini_details__item__name, #copyForm.create-initiative #ini-details-view-section .ini_details__item__name, #copyForm.edit-initiative #ini-details-view-section .ini_details__item__name, #copyForm.copy-action-form #ini-details-view-section .ini_details__item__name {
  width: 650px; }
#createForm.create-initiative #ini-details-view-section .tableAboveHeaderName, #createForm.edit-initiative #ini-details-view-section .tableAboveHeaderName, #createForm.copy-action-form #ini-details-view-section .tableAboveHeaderName, #editaction_form.create-initiative #ini-details-view-section .tableAboveHeaderName, #editaction_form.edit-initiative #ini-details-view-section .tableAboveHeaderName, #editaction_form.copy-action-form #ini-details-view-section .tableAboveHeaderName, #copyForm.create-initiative #ini-details-view-section .tableAboveHeaderName, #copyForm.edit-initiative #ini-details-view-section .tableAboveHeaderName, #copyForm.copy-action-form #ini-details-view-section .tableAboveHeaderName {
  width: 626px; }
#createForm.create-initiative #ini-details-view-section .tableAboveHeaderProgress, #createForm.edit-initiative #ini-details-view-section .tableAboveHeaderProgress, #createForm.copy-action-form #ini-details-view-section .tableAboveHeaderProgress, #editaction_form.create-initiative #ini-details-view-section .tableAboveHeaderProgress, #editaction_form.edit-initiative #ini-details-view-section .tableAboveHeaderProgress, #editaction_form.copy-action-form #ini-details-view-section .tableAboveHeaderProgress, #copyForm.create-initiative #ini-details-view-section .tableAboveHeaderProgress, #copyForm.edit-initiative #ini-details-view-section .tableAboveHeaderProgress, #copyForm.copy-action-form #ini-details-view-section .tableAboveHeaderProgress {
  width: 73px; }
#createForm.create-initiative #ini-details-view-section .ini_details__item__progress, #createForm.edit-initiative #ini-details-view-section .ini_details__item__progress, #createForm.copy-action-form #ini-details-view-section .ini_details__item__progress, #editaction_form.create-initiative #ini-details-view-section .ini_details__item__progress, #editaction_form.edit-initiative #ini-details-view-section .ini_details__item__progress, #editaction_form.copy-action-form #ini-details-view-section .ini_details__item__progress, #copyForm.create-initiative #ini-details-view-section .ini_details__item__progress, #copyForm.edit-initiative #ini-details-view-section .ini_details__item__progress, #copyForm.copy-action-form #ini-details-view-section .ini_details__item__progress {
  width: 80px; }
#createForm.create-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date, #createForm.edit-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date, #createForm.copy-action-form .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date, #editaction_form.create-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date, #editaction_form.edit-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date, #editaction_form.copy-action-form .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date, #copyForm.create-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date, #copyForm.edit-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date, #copyForm.copy-action-form .hasMilestoneStartDate #ini-details-view-section .ini_details__item__date {
  width: 90px; }
#createForm.create-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #createForm.edit-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #createForm.copy-action-form .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #editaction_form.create-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #editaction_form.edit-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #editaction_form.copy-action-form .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #copyForm.create-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #copyForm.edit-initiative .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #copyForm.copy-action-form .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name {
  width: 561px; }
#createForm.create-initiative .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName, #createForm.edit-initiative .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName, #createForm.copy-action-form .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName, #editaction_form.create-initiative .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName, #editaction_form.edit-initiative .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName, #editaction_form.copy-action-form .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName, #copyForm.create-initiative .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName, #copyForm.edit-initiative .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName, #copyForm.copy-action-form .hasMilestoneStartDate #ini-details-view-section .tableAboveHeaderName {
  width: 537px; }
#createForm.create-initiative .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder, #createForm.edit-initiative .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder, #createForm.copy-action-form .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder, #editaction_form.create-initiative .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder, #editaction_form.edit-initiative .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder, #editaction_form.copy-action-form .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder, #copyForm.create-initiative .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder, #copyForm.edit-initiative .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder, #copyForm.copy-action-form .hasMilestoneStartDate #ini-details-view-section .start-date-placeholder {
  width: 90px; }
#createForm.create-initiative ap-controls .controls-box .controls-link, #createForm.edit-initiative ap-controls .controls-box .controls-link, #createForm.copy-action-form ap-controls .controls-box .controls-link, #editaction_form.create-initiative ap-controls .controls-box .controls-link, #editaction_form.edit-initiative ap-controls .controls-box .controls-link, #editaction_form.copy-action-form ap-controls .controls-box .controls-link, #copyForm.create-initiative ap-controls .controls-box .controls-link, #copyForm.edit-initiative ap-controls .controls-box .controls-link, #copyForm.copy-action-form ap-controls .controls-box .controls-link {
  background: none; }
#createForm.create-initiative #taskForm .h3TaskForm, #createForm.create-initiative #milestoneForm h3, #createForm.edit-initiative #taskForm .h3TaskForm, #createForm.edit-initiative #milestoneForm h3, #createForm.copy-action-form #taskForm .h3TaskForm, #createForm.copy-action-form #milestoneForm h3, #editaction_form.create-initiative #taskForm .h3TaskForm, #editaction_form.create-initiative #milestoneForm h3, #editaction_form.edit-initiative #taskForm .h3TaskForm, #editaction_form.edit-initiative #milestoneForm h3, #editaction_form.copy-action-form #taskForm .h3TaskForm, #editaction_form.copy-action-form #milestoneForm h3, #copyForm.create-initiative #taskForm .h3TaskForm, #copyForm.create-initiative #milestoneForm h3, #copyForm.edit-initiative #taskForm .h3TaskForm, #copyForm.edit-initiative #milestoneForm h3, #copyForm.copy-action-form #taskForm .h3TaskForm, #copyForm.copy-action-form #milestoneForm h3 {
  font-size: 20px;
  padding-top: 0; }
#createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder, #createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder, #createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder, #editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder, #editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder, #editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder, #copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder, #copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder, #copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder {
  padding-bottom: 18px; }
#createForm.create-initiative .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder, #createForm.edit-initiative .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder, #createForm.copy-action-form .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder, #editaction_form.create-initiative .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder, #editaction_form.edit-initiative .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder, #editaction_form.copy-action-form .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder, #copyForm.create-initiative .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder, #copyForm.edit-initiative .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder, #copyForm.copy-action-form .ini_create__action_kpis__holder.more-space #action_kpis #action_kpis_list .headerHolder {
  padding: 10px 30px 30px; }
#createForm.create-initiative .tableAboveHeader p, #createForm.edit-initiative .tableAboveHeader p, #createForm.copy-action-form .tableAboveHeader p, #editaction_form.create-initiative .tableAboveHeader p, #editaction_form.edit-initiative .tableAboveHeader p, #editaction_form.copy-action-form .tableAboveHeader p, #copyForm.create-initiative .tableAboveHeader p, #copyForm.edit-initiative .tableAboveHeader p, #copyForm.copy-action-form .tableAboveHeader p {
  padding-top: unset; }
#createForm.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span, #createForm.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span, #createForm.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span, #editaction_form.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span, #editaction_form.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span, #editaction_form.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span, #copyForm.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span, #copyForm.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span, #copyForm.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header span {
  line-height: 19px;
  padding-right: 6px; }
#createForm.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon, #createForm.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon, #createForm.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon, #editaction_form.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon, #editaction_form.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon, #editaction_form.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon, #copyForm.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon, #copyForm.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon, #copyForm.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon {
  display: inline-block; }
  #createForm.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span, #createForm.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span, #createForm.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span, #editaction_form.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span, #editaction_form.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span, #editaction_form.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span, #copyForm.create-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span, #copyForm.edit-initiative .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span, #copyForm.copy-action-form .actionViewTable .ini_details__overview_table__holder .ini_execution_plan_table__header .info-icon > span {
    line-height: normal;
    padding: 0; }
#createForm.create-initiative .ini_details__overview_table__holder, #createForm.create-initiative .ini_create__info_block__holder, #createForm.create-initiative .ini_create__rolsprivacy__holder, #createForm.create-initiative .ini_create__description_title__holder, #createForm.create-initiative .ini_create__description__holder, #createForm.create-initiative .ini_create__execution_plan_title__holder, #createForm.edit-initiative .ini_details__overview_table__holder, #createForm.edit-initiative .ini_create__info_block__holder, #createForm.edit-initiative .ini_create__rolsprivacy__holder, #createForm.edit-initiative .ini_create__description_title__holder, #createForm.edit-initiative .ini_create__description__holder, #createForm.edit-initiative .ini_create__execution_plan_title__holder, #createForm.copy-action-form .ini_details__overview_table__holder, #createForm.copy-action-form .ini_create__info_block__holder, #createForm.copy-action-form .ini_create__rolsprivacy__holder, #createForm.copy-action-form .ini_create__description_title__holder, #createForm.copy-action-form .ini_create__description__holder, #createForm.copy-action-form .ini_create__execution_plan_title__holder, #editaction_form.create-initiative .ini_details__overview_table__holder, #editaction_form.create-initiative .ini_create__info_block__holder, #editaction_form.create-initiative .ini_create__rolsprivacy__holder, #editaction_form.create-initiative .ini_create__description_title__holder, #editaction_form.create-initiative .ini_create__description__holder, #editaction_form.create-initiative .ini_create__execution_plan_title__holder, #editaction_form.edit-initiative .ini_details__overview_table__holder, #editaction_form.edit-initiative .ini_create__info_block__holder, #editaction_form.edit-initiative .ini_create__rolsprivacy__holder, #editaction_form.edit-initiative .ini_create__description_title__holder, #editaction_form.edit-initiative .ini_create__description__holder, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder, #editaction_form.copy-action-form .ini_details__overview_table__holder, #editaction_form.copy-action-form .ini_create__info_block__holder, #editaction_form.copy-action-form .ini_create__rolsprivacy__holder, #editaction_form.copy-action-form .ini_create__description_title__holder, #editaction_form.copy-action-form .ini_create__description__holder, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder, #copyForm.create-initiative .ini_details__overview_table__holder, #copyForm.create-initiative .ini_create__info_block__holder, #copyForm.create-initiative .ini_create__rolsprivacy__holder, #copyForm.create-initiative .ini_create__description_title__holder, #copyForm.create-initiative .ini_create__description__holder, #copyForm.create-initiative .ini_create__execution_plan_title__holder, #copyForm.edit-initiative .ini_details__overview_table__holder, #copyForm.edit-initiative .ini_create__info_block__holder, #copyForm.edit-initiative .ini_create__rolsprivacy__holder, #copyForm.edit-initiative .ini_create__description_title__holder, #copyForm.edit-initiative .ini_create__description__holder, #copyForm.edit-initiative .ini_create__execution_plan_title__holder, #copyForm.copy-action-form .ini_details__overview_table__holder, #copyForm.copy-action-form .ini_create__info_block__holder, #copyForm.copy-action-form .ini_create__rolsprivacy__holder, #copyForm.copy-action-form .ini_create__description_title__holder, #copyForm.copy-action-form .ini_create__description__holder, #copyForm.copy-action-form .ini_create__execution_plan_title__holder {
  margin-top: 0;
  margin: 0; }
  #createForm.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #createForm.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #createForm.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #createForm.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #createForm.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #createForm.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line, #createForm.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #createForm.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #createForm.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #createForm.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #createForm.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #createForm.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line, #createForm.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #createForm.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #createForm.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #createForm.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #createForm.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #createForm.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line, #editaction_form.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #editaction_form.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #editaction_form.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #editaction_form.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #editaction_form.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #editaction_form.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line, #editaction_form.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #editaction_form.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #editaction_form.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #editaction_form.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #editaction_form.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line, #editaction_form.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #editaction_form.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #editaction_form.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #editaction_form.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #editaction_form.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line, #copyForm.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #copyForm.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #copyForm.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #copyForm.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #copyForm.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #copyForm.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line, #copyForm.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #copyForm.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #copyForm.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #copyForm.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #copyForm.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #copyForm.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line, #copyForm.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line, #copyForm.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line, #copyForm.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line, #copyForm.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line, #copyForm.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line, #copyForm.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line {
    padding: 0; }
    #createForm.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #createForm.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-10, #copyForm.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-10 {
      margin-top: 10px; }
    #createForm.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #createForm.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.create-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.create-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.create-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.create-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.create-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.create-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.edit-initiative .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.edit-initiative .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.edit-initiative .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.edit-initiative .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.edit-initiative .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.edit-initiative .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.copy-action-form .ini_details__overview_table__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.copy-action-form .ini_create__info_block__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.copy-action-form .ini_create__rolsprivacy__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.copy-action-form .ini_create__description_title__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.copy-action-form .ini_create__description__holder.ini_create__info_block__holder_seperator_line.mt-22, #copyForm.copy-action-form .ini_create__execution_plan_title__holder.ini_create__info_block__holder_seperator_line.mt-22 {
      margin-top: 22px; }
#createForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column, #createForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column, #createForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column, #editaction_form.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column, #editaction_form.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column, #editaction_form.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column, #copyForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column, #copyForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column, #copyForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column {
  height: unset; }
#createForm.create-initiative .content_header h1, #createForm.edit-initiative .content_header h1, #createForm.copy-action-form .content_header h1, #editaction_form.create-initiative .content_header h1, #editaction_form.edit-initiative .content_header h1, #editaction_form.copy-action-form .content_header h1, #copyForm.create-initiative .content_header h1, #copyForm.edit-initiative .content_header h1, #copyForm.copy-action-form .content_header h1 {
  margin-bottom: 15px; }
#createForm.create-initiative .milestoneTasks .tableRow, #createForm.edit-initiative .milestoneTasks .tableRow, #createForm.copy-action-form .milestoneTasks .tableRow, #editaction_form.create-initiative .milestoneTasks .tableRow, #editaction_form.edit-initiative .milestoneTasks .tableRow, #editaction_form.copy-action-form .milestoneTasks .tableRow, #copyForm.create-initiative .milestoneTasks .tableRow, #copyForm.edit-initiative .milestoneTasks .tableRow, #copyForm.copy-action-form .milestoneTasks .tableRow {
  padding-top: 3px;
  padding-bottom: 3px; }
#createForm.create-initiative #milestoneForm .ini_create__input_holder input, #createForm.edit-initiative #milestoneForm .ini_create__input_holder input, #createForm.copy-action-form #milestoneForm .ini_create__input_holder input, #editaction_form.create-initiative #milestoneForm .ini_create__input_holder input, #editaction_form.edit-initiative #milestoneForm .ini_create__input_holder input, #editaction_form.copy-action-form #milestoneForm .ini_create__input_holder input, #copyForm.create-initiative #milestoneForm .ini_create__input_holder input, #copyForm.edit-initiative #milestoneForm .ini_create__input_holder input, #copyForm.copy-action-form #milestoneForm .ini_create__input_holder input {
  height: 30px; }
#createForm.create-initiative #milestoneForm .ini_create__info_block__holder, #createForm.edit-initiative #milestoneForm .ini_create__info_block__holder, #createForm.copy-action-form #milestoneForm .ini_create__info_block__holder, #editaction_form.create-initiative #milestoneForm .ini_create__info_block__holder, #editaction_form.edit-initiative #milestoneForm .ini_create__info_block__holder, #editaction_form.copy-action-form #milestoneForm .ini_create__info_block__holder, #copyForm.create-initiative #milestoneForm .ini_create__info_block__holder, #copyForm.edit-initiative #milestoneForm .ini_create__info_block__holder, #copyForm.copy-action-form #milestoneForm .ini_create__info_block__holder {
  margin-top: 22px; }
#createForm.create-initiative #taskForm .ini_create__info_block__holder, #createForm.edit-initiative #taskForm .ini_create__info_block__holder, #createForm.copy-action-form #taskForm .ini_create__info_block__holder, #editaction_form.create-initiative #taskForm .ini_create__info_block__holder, #editaction_form.edit-initiative #taskForm .ini_create__info_block__holder, #editaction_form.copy-action-form #taskForm .ini_create__info_block__holder, #copyForm.create-initiative #taskForm .ini_create__info_block__holder, #copyForm.edit-initiative #taskForm .ini_create__info_block__holder, #copyForm.copy-action-form #taskForm .ini_create__info_block__holder {
  margin-top: 10px; }
#createForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single, #createForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single, #createForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single, #editaction_form.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single, #editaction_form.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single, #editaction_form.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single, #copyForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single, #copyForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single, #copyForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column .chosen-container-single .chosen-single {
  border: none; }
#createForm.create-initiative .edit-initiative-title, #createForm.edit-initiative .edit-initiative-title, #createForm.copy-action-form .edit-initiative-title, #editaction_form.create-initiative .edit-initiative-title, #editaction_form.edit-initiative .edit-initiative-title, #editaction_form.copy-action-form .edit-initiative-title, #copyForm.create-initiative .edit-initiative-title, #copyForm.edit-initiative .edit-initiative-title, #copyForm.copy-action-form .edit-initiative-title {
  margin-top: 18px;
  margin-bottom: 13px;
  margin-left: 0;
  font-size: 20px;
  font-weight: 400;
  color: #2F3941; }
#createForm.create-initiative ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block, #createForm.edit-initiative ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block, #createForm.copy-action-form ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block, #editaction_form.create-initiative ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block, #editaction_form.edit-initiative ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block, #editaction_form.copy-action-form ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block, #copyForm.create-initiative ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block, #copyForm.edit-initiative ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block, #copyForm.copy-action-form ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block {
  font-size: 10px;
  font-weight: 400;
  color: #cccccc; }
#createForm.create-initiative .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #createForm.create-initiative .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text, #createForm.edit-initiative .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #createForm.edit-initiative .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text, #createForm.copy-action-form .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #createForm.copy-action-form .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text, #editaction_form.create-initiative .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #editaction_form.create-initiative .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text, #editaction_form.edit-initiative .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #editaction_form.edit-initiative .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text, #editaction_form.copy-action-form .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #editaction_form.copy-action-form .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text, #copyForm.create-initiative .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #copyForm.create-initiative .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text, #copyForm.edit-initiative .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #copyForm.edit-initiative .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text, #copyForm.copy-action-form .divTable .tableRow.taskRow .mainContent .actionRow__status__text, #copyForm.copy-action-form .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text {
  font-size: 12px;
  font-weight: 400;
  color: #121212; }
#createForm.create-initiative ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #createForm.create-initiative ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, #createForm.edit-initiative ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #createForm.edit-initiative ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, #createForm.copy-action-form ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #createForm.copy-action-form ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, #editaction_form.create-initiative ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #editaction_form.create-initiative ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, #editaction_form.edit-initiative ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #editaction_form.edit-initiative ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, #editaction_form.copy-action-form ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #editaction_form.copy-action-form ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, #copyForm.create-initiative ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #copyForm.create-initiative ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, #copyForm.edit-initiative ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #copyForm.edit-initiative ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, #copyForm.copy-action-form ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, #copyForm.copy-action-form ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor {
  font-size: 10px;
  color: #acacac;
  font-weight: 400; }
#createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell, #createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell, #createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell, #editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell, #editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell, #editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell, #copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell, #copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell, #copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTargetCell, #copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiUnitCell, #copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiTypeCell, #copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .kpiRow .kpiPointCell {
  font-size: 14px;
  color: #acacac;
  font-weight: 400; }
#createForm.create-initiative .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, #createForm.edit-initiative .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, #createForm.copy-action-form .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, #editaction_form.create-initiative .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, #editaction_form.edit-initiative .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, #editaction_form.copy-action-form .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, #copyForm.create-initiative .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, #copyForm.edit-initiative .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name, #copyForm.copy-action-form .ini_details__item__date .modern-date .modern-date-text .modern-date-day-name {
  color: #acacac;
  font-weight: 400; }
#createForm.create-initiative .modern-date .modern-date-month-name, #createForm.edit-initiative .modern-date .modern-date-month-name, #createForm.copy-action-form .modern-date .modern-date-month-name, #editaction_form.create-initiative .modern-date .modern-date-month-name, #editaction_form.edit-initiative .modern-date .modern-date-month-name, #editaction_form.copy-action-form .modern-date .modern-date-month-name, #copyForm.create-initiative .modern-date .modern-date-month-name, #copyForm.edit-initiative .modern-date .modern-date-month-name, #copyForm.copy-action-form .modern-date .modern-date-month-name {
  font-size: 10px;
  font-weight: 400;
  color: #121212; }
#createForm.create-initiative .modern-date .modern-date-day, #createForm.edit-initiative .modern-date .modern-date-day, #createForm.copy-action-form .modern-date .modern-date-day, #editaction_form.create-initiative .modern-date .modern-date-day, #editaction_form.edit-initiative .modern-date .modern-date-day, #editaction_form.copy-action-form .modern-date .modern-date-day, #copyForm.create-initiative .modern-date .modern-date-day, #copyForm.edit-initiative .modern-date .modern-date-day, #copyForm.copy-action-form .modern-date .modern-date-day {
  font-size: 24px;
  font-weight: 400;
  color: #121212; }
#createForm.create-initiative .hidden-radio + span, #createForm.create-initiative .ini_create__rolsprivacy__holder .other_option__holder .label__holder label, #createForm.edit-initiative .hidden-radio + span, #createForm.edit-initiative .ini_create__rolsprivacy__holder .other_option__holder .label__holder label, #createForm.copy-action-form .hidden-radio + span, #createForm.copy-action-form .ini_create__rolsprivacy__holder .other_option__holder .label__holder label, #editaction_form.create-initiative .hidden-radio + span, #editaction_form.create-initiative .ini_create__rolsprivacy__holder .other_option__holder .label__holder label, #editaction_form.edit-initiative .hidden-radio + span, #editaction_form.edit-initiative .ini_create__rolsprivacy__holder .other_option__holder .label__holder label, #editaction_form.copy-action-form .hidden-radio + span, #editaction_form.copy-action-form .ini_create__rolsprivacy__holder .other_option__holder .label__holder label, #copyForm.create-initiative .hidden-radio + span, #copyForm.create-initiative .ini_create__rolsprivacy__holder .other_option__holder .label__holder label, #copyForm.edit-initiative .hidden-radio + span, #copyForm.edit-initiative .ini_create__rolsprivacy__holder .other_option__holder .label__holder label, #copyForm.copy-action-form .hidden-radio + span, #copyForm.copy-action-form .ini_create__rolsprivacy__holder .other_option__holder .label__holder label {
  font-size: 12px;
  font-weight: 400; }
#createForm.create-initiative #display-action-supporter-invitation td:nth-of-type(3), #createForm.edit-initiative #display-action-supporter-invitation td:nth-of-type(3), #createForm.copy-action-form #display-action-supporter-invitation td:nth-of-type(3), #editaction_form.create-initiative #display-action-supporter-invitation td:nth-of-type(3), #editaction_form.edit-initiative #display-action-supporter-invitation td:nth-of-type(3), #editaction_form.copy-action-form #display-action-supporter-invitation td:nth-of-type(3), #copyForm.create-initiative #display-action-supporter-invitation td:nth-of-type(3), #copyForm.edit-initiative #display-action-supporter-invitation td:nth-of-type(3), #copyForm.copy-action-form #display-action-supporter-invitation td:nth-of-type(3) {
  font-size: 14px;
  color: #121212; }
  #createForm.create-initiative #display-action-supporter-invitation td:nth-of-type(3) .light_color, #createForm.edit-initiative #display-action-supporter-invitation td:nth-of-type(3) .light_color, #createForm.copy-action-form #display-action-supporter-invitation td:nth-of-type(3) .light_color, #editaction_form.create-initiative #display-action-supporter-invitation td:nth-of-type(3) .light_color, #editaction_form.edit-initiative #display-action-supporter-invitation td:nth-of-type(3) .light_color, #editaction_form.copy-action-form #display-action-supporter-invitation td:nth-of-type(3) .light_color, #copyForm.create-initiative #display-action-supporter-invitation td:nth-of-type(3) .light_color, #copyForm.edit-initiative #display-action-supporter-invitation td:nth-of-type(3) .light_color, #copyForm.copy-action-form #display-action-supporter-invitation td:nth-of-type(3) .light_color {
    font-size: 14px;
    color: #acacac; }
#createForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #createForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderName, #createForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderProgress, #createForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #createForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderPlan, #createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th, #createForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #createForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderName, #createForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderProgress, #createForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #createForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderPlan, #createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th, #createForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderDate, #createForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderName, #createForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderProgress, #createForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #createForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderPlan, #createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th, #editaction_form.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #editaction_form.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderName, #editaction_form.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderProgress, #editaction_form.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #editaction_form.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderPlan, #editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th, #editaction_form.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #editaction_form.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderName, #editaction_form.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderProgress, #editaction_form.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #editaction_form.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderPlan, #editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th, #editaction_form.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderDate, #editaction_form.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderName, #editaction_form.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderProgress, #editaction_form.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #editaction_form.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderPlan, #editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th, #copyForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #copyForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderName, #copyForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderProgress, #copyForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #copyForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderPlan, #copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th, #copyForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #copyForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderName, #copyForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderProgress, #copyForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #copyForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderPlan, #copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th, #copyForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderDate, #copyForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderName, #copyForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderProgress, #copyForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderUpdate, #copyForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderPlan, #copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list #plan_pi_table .tableHeader th {
  font-size: 10px;
  color: #acacac;
  font-weight: 300; }
#createForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #createForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #createForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #createForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #createForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #createForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderDate, #editaction_form.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #editaction_form.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #editaction_form.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #editaction_form.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #editaction_form.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #editaction_form.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderDate, #copyForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #copyForm.create-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #copyForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #copyForm.edit-initiative .ini_details__overview_table__content__header .tableAboveHeaderDate, #copyForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderStartDate, #copyForm.copy-action-form .ini_details__overview_table__content__header .tableAboveHeaderDate {
  width: 90px; }
#createForm.create-initiative .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #createForm.create-initiative .ini_create__input_holder input, #createForm.create-initiative .selector-line.alignment-selector-line.placeholder, #createForm.create-initiative .chosen-container-single .chosen-default span, #createForm.create-initiative .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view, #createForm.edit-initiative .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #createForm.edit-initiative .ini_create__input_holder input, #createForm.edit-initiative .selector-line.alignment-selector-line.placeholder, #createForm.edit-initiative .chosen-container-single .chosen-default span, #createForm.edit-initiative .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view, #createForm.copy-action-form .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #createForm.copy-action-form .ini_create__input_holder input, #createForm.copy-action-form .selector-line.alignment-selector-line.placeholder, #createForm.copy-action-form .chosen-container-single .chosen-default span, #createForm.copy-action-form .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view, #editaction_form.create-initiative .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #editaction_form.create-initiative .ini_create__input_holder input, #editaction_form.create-initiative .selector-line.alignment-selector-line.placeholder, #editaction_form.create-initiative .chosen-container-single .chosen-default span, #editaction_form.create-initiative .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view, #editaction_form.edit-initiative .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #editaction_form.edit-initiative .ini_create__input_holder input, #editaction_form.edit-initiative .selector-line.alignment-selector-line.placeholder, #editaction_form.edit-initiative .chosen-container-single .chosen-default span, #editaction_form.edit-initiative .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view, #editaction_form.copy-action-form .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #editaction_form.copy-action-form .ini_create__input_holder input, #editaction_form.copy-action-form .selector-line.alignment-selector-line.placeholder, #editaction_form.copy-action-form .chosen-container-single .chosen-default span, #editaction_form.copy-action-form .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view, #copyForm.create-initiative .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #copyForm.create-initiative .ini_create__input_holder input, #copyForm.create-initiative .selector-line.alignment-selector-line.placeholder, #copyForm.create-initiative .chosen-container-single .chosen-default span, #copyForm.create-initiative .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view, #copyForm.edit-initiative .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #copyForm.edit-initiative .ini_create__input_holder input, #copyForm.edit-initiative .selector-line.alignment-selector-line.placeholder, #copyForm.edit-initiative .chosen-container-single .chosen-default span, #copyForm.edit-initiative .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view, #copyForm.copy-action-form .ini_create__info_block__holder .ini_create__input_holder input::placeholder, #copyForm.copy-action-form .ini_create__input_holder input, #copyForm.copy-action-form .selector-line.alignment-selector-line.placeholder, #copyForm.copy-action-form .chosen-container-single .chosen-default span, #copyForm.copy-action-form .description-box .description-container .fr-box .show-placeholder .fr-element.fr-view {
  color: #acacac;
  font-size: 15px;
  font-weight: 400;
  height: 35px;
  line-height: 40px; }
#createForm.create-initiative .ini_create__info_block__holder .ini_create__input_holder input,
#createForm.create-initiative .selector-line.alignment-selector-line,
#createForm.create-initiative .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #createForm.create-initiative #display-action-supporter-invitation td:nth-of-type(2),
#createForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #createForm.create-initiative .ini_frequency .chosen-container-single .chosen-single span, #createForm.edit-initiative .ini_create__info_block__holder .ini_create__input_holder input,
#createForm.edit-initiative .selector-line.alignment-selector-line,
#createForm.edit-initiative .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #createForm.edit-initiative #display-action-supporter-invitation td:nth-of-type(2),
#createForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #createForm.edit-initiative .ini_frequency .chosen-container-single .chosen-single span, #createForm.copy-action-form .ini_create__info_block__holder .ini_create__input_holder input,
#createForm.copy-action-form .selector-line.alignment-selector-line,
#createForm.copy-action-form .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #createForm.copy-action-form #display-action-supporter-invitation td:nth-of-type(2),
#createForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #createForm.copy-action-form .ini_frequency .chosen-container-single .chosen-single span, #editaction_form.create-initiative .ini_create__info_block__holder .ini_create__input_holder input,
#editaction_form.create-initiative .selector-line.alignment-selector-line,
#editaction_form.create-initiative .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #editaction_form.create-initiative #display-action-supporter-invitation td:nth-of-type(2),
#editaction_form.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #editaction_form.create-initiative .ini_frequency .chosen-container-single .chosen-single span, #editaction_form.edit-initiative .ini_create__info_block__holder .ini_create__input_holder input,
#editaction_form.edit-initiative .selector-line.alignment-selector-line,
#editaction_form.edit-initiative .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #editaction_form.edit-initiative #display-action-supporter-invitation td:nth-of-type(2),
#editaction_form.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #editaction_form.edit-initiative .ini_frequency .chosen-container-single .chosen-single span, #editaction_form.copy-action-form .ini_create__info_block__holder .ini_create__input_holder input,
#editaction_form.copy-action-form .selector-line.alignment-selector-line,
#editaction_form.copy-action-form .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #editaction_form.copy-action-form #display-action-supporter-invitation td:nth-of-type(2),
#editaction_form.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #editaction_form.copy-action-form .ini_frequency .chosen-container-single .chosen-single span, #copyForm.create-initiative .ini_create__info_block__holder .ini_create__input_holder input,
#copyForm.create-initiative .selector-line.alignment-selector-line,
#copyForm.create-initiative .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #copyForm.create-initiative #display-action-supporter-invitation td:nth-of-type(2),
#copyForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #copyForm.create-initiative .ini_frequency .chosen-container-single .chosen-single span, #copyForm.edit-initiative .ini_create__info_block__holder .ini_create__input_holder input,
#copyForm.edit-initiative .selector-line.alignment-selector-line,
#copyForm.edit-initiative .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #copyForm.edit-initiative #display-action-supporter-invitation td:nth-of-type(2),
#copyForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #copyForm.edit-initiative .ini_frequency .chosen-container-single .chosen-single span, #copyForm.copy-action-form .ini_create__info_block__holder .ini_create__input_holder input,
#copyForm.copy-action-form .selector-line.alignment-selector-line,
#copyForm.copy-action-form .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #copyForm.copy-action-form #display-action-supporter-invitation td:nth-of-type(2),
#copyForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column #feedback_first_date, #copyForm.copy-action-form .ini_frequency .chosen-container-single .chosen-single span {
  font-size: 15px;
  font-weight: 400;
  color: #121212;
  line-height: 40px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
#createForm.create-initiative .selector-line.alignment-selector-line.disabled, #createForm.edit-initiative .selector-line.alignment-selector-line.disabled, #createForm.copy-action-form .selector-line.alignment-selector-line.disabled, #editaction_form.create-initiative .selector-line.alignment-selector-line.disabled, #editaction_form.edit-initiative .selector-line.alignment-selector-line.disabled, #editaction_form.copy-action-form .selector-line.alignment-selector-line.disabled, #copyForm.create-initiative .selector-line.alignment-selector-line.disabled, #copyForm.edit-initiative .selector-line.alignment-selector-line.disabled, #copyForm.copy-action-form .selector-line.alignment-selector-line.disabled {
  color: #808080; }
#createForm.create-initiative .ini_frequency .field-label, #createForm.edit-initiative .ini_frequency .field-label, #createForm.copy-action-form .ini_frequency .field-label, #editaction_form.create-initiative .ini_frequency .field-label, #editaction_form.edit-initiative .ini_frequency .field-label, #editaction_form.copy-action-form .ini_frequency .field-label, #copyForm.create-initiative .ini_frequency .field-label, #copyForm.edit-initiative .ini_frequency .field-label, #copyForm.copy-action-form .ini_frequency .field-label {
  font-size: 11px;
  font-weight: 400;
  color: #121212;
  text-transform: uppercase; }
#createForm.create-initiative .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #createForm.create-initiative .support_invitations__header .createLink, #createForm.create-initiative .ini_execution_plan_table__header .new-item .create, #createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink, #createForm.edit-initiative .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #createForm.edit-initiative .support_invitations__header .createLink, #createForm.edit-initiative .ini_execution_plan_table__header .new-item .create, #createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink, #createForm.copy-action-form .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #createForm.copy-action-form .support_invitations__header .createLink, #createForm.copy-action-form .ini_execution_plan_table__header .new-item .create, #createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink, #editaction_form.create-initiative .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #editaction_form.create-initiative .support_invitations__header .createLink, #editaction_form.create-initiative .ini_execution_plan_table__header .new-item .create, #editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink, #editaction_form.edit-initiative .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #editaction_form.edit-initiative .support_invitations__header .createLink, #editaction_form.edit-initiative .ini_execution_plan_table__header .new-item .create, #editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink, #editaction_form.copy-action-form .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #editaction_form.copy-action-form .support_invitations__header .createLink, #editaction_form.copy-action-form .ini_execution_plan_table__header .new-item .create, #editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink, #copyForm.create-initiative .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #copyForm.create-initiative .support_invitations__header .createLink, #copyForm.create-initiative .ini_execution_plan_table__header .new-item .create, #copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink, #copyForm.edit-initiative .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #copyForm.edit-initiative .support_invitations__header .createLink, #copyForm.edit-initiative .ini_execution_plan_table__header .new-item .create, #copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink, #copyForm.copy-action-form .ini_create__rolsprivacy__holder .other_option__holder .due_date__holder .text, #copyForm.copy-action-form .support_invitations__header .createLink, #copyForm.copy-action-form .ini_execution_plan_table__header .new-item .create, #copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder .create .createLink {
  font-size: 12px;
  font-weight: 400;
  color: #121212; }
#createForm.create-initiative .ini_create__info_block__holder .form-width-100 .field-label,
#createForm.create-initiative .ini_create__input_title,
#createForm.create-initiative .tag-list-category-holder .tag-list-category,
#createForm.create-initiative .ini_create__rolsprivacy__holder .ini_create__col_title,
#createForm.create-initiative .support_invitations__header .title,
#createForm.create-initiative .description-box label,
#createForm.create-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label,
#createForm.create-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#createForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#createForm.create-initiative .ini_create__info_block__holder .field-label,
#createForm.create-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label, #createForm.edit-initiative .ini_create__info_block__holder .form-width-100 .field-label,
#createForm.edit-initiative .ini_create__input_title,
#createForm.edit-initiative .tag-list-category-holder .tag-list-category,
#createForm.edit-initiative .ini_create__rolsprivacy__holder .ini_create__col_title,
#createForm.edit-initiative .support_invitations__header .title,
#createForm.edit-initiative .description-box label,
#createForm.edit-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label,
#createForm.edit-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#createForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#createForm.edit-initiative .ini_create__info_block__holder .field-label,
#createForm.edit-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label, #createForm.copy-action-form .ini_create__info_block__holder .form-width-100 .field-label,
#createForm.copy-action-form .ini_create__input_title,
#createForm.copy-action-form .tag-list-category-holder .tag-list-category,
#createForm.copy-action-form .ini_create__rolsprivacy__holder .ini_create__col_title,
#createForm.copy-action-form .support_invitations__header .title,
#createForm.copy-action-form .description-box label,
#createForm.copy-action-form .ini_execution_plan_table__header .ini_execution_plan_table__label,
#createForm.copy-action-form .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#createForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#createForm.copy-action-form .ini_create__info_block__holder .field-label,
#createForm.copy-action-form .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label, #editaction_form.create-initiative .ini_create__info_block__holder .form-width-100 .field-label,
#editaction_form.create-initiative .ini_create__input_title,
#editaction_form.create-initiative .tag-list-category-holder .tag-list-category,
#editaction_form.create-initiative .ini_create__rolsprivacy__holder .ini_create__col_title,
#editaction_form.create-initiative .support_invitations__header .title,
#editaction_form.create-initiative .description-box label,
#editaction_form.create-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label,
#editaction_form.create-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#editaction_form.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#editaction_form.create-initiative .ini_create__info_block__holder .field-label,
#editaction_form.create-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label, #editaction_form.edit-initiative .ini_create__info_block__holder .form-width-100 .field-label,
#editaction_form.edit-initiative .ini_create__input_title,
#editaction_form.edit-initiative .tag-list-category-holder .tag-list-category,
#editaction_form.edit-initiative .ini_create__rolsprivacy__holder .ini_create__col_title,
#editaction_form.edit-initiative .support_invitations__header .title,
#editaction_form.edit-initiative .description-box label,
#editaction_form.edit-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label,
#editaction_form.edit-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#editaction_form.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#editaction_form.edit-initiative .ini_create__info_block__holder .field-label,
#editaction_form.edit-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label, #editaction_form.copy-action-form .ini_create__info_block__holder .form-width-100 .field-label,
#editaction_form.copy-action-form .ini_create__input_title,
#editaction_form.copy-action-form .tag-list-category-holder .tag-list-category,
#editaction_form.copy-action-form .ini_create__rolsprivacy__holder .ini_create__col_title,
#editaction_form.copy-action-form .support_invitations__header .title,
#editaction_form.copy-action-form .description-box label,
#editaction_form.copy-action-form .ini_execution_plan_table__header .ini_execution_plan_table__label,
#editaction_form.copy-action-form .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#editaction_form.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#editaction_form.copy-action-form .ini_create__info_block__holder .field-label,
#editaction_form.copy-action-form .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label, #copyForm.create-initiative .ini_create__info_block__holder .form-width-100 .field-label,
#copyForm.create-initiative .ini_create__input_title,
#copyForm.create-initiative .tag-list-category-holder .tag-list-category,
#copyForm.create-initiative .ini_create__rolsprivacy__holder .ini_create__col_title,
#copyForm.create-initiative .support_invitations__header .title,
#copyForm.create-initiative .description-box label,
#copyForm.create-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label,
#copyForm.create-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#copyForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#copyForm.create-initiative .ini_create__info_block__holder .field-label,
#copyForm.create-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label, #copyForm.edit-initiative .ini_create__info_block__holder .form-width-100 .field-label,
#copyForm.edit-initiative .ini_create__input_title,
#copyForm.edit-initiative .tag-list-category-holder .tag-list-category,
#copyForm.edit-initiative .ini_create__rolsprivacy__holder .ini_create__col_title,
#copyForm.edit-initiative .support_invitations__header .title,
#copyForm.edit-initiative .description-box label,
#copyForm.edit-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label,
#copyForm.edit-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#copyForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#copyForm.edit-initiative .ini_create__info_block__holder .field-label,
#copyForm.edit-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label, #copyForm.copy-action-form .ini_create__info_block__holder .form-width-100 .field-label,
#copyForm.copy-action-form .ini_create__input_title,
#copyForm.copy-action-form .tag-list-category-holder .tag-list-category,
#copyForm.copy-action-form .ini_create__rolsprivacy__holder .ini_create__col_title,
#copyForm.copy-action-form .support_invitations__header .title,
#copyForm.copy-action-form .description-box label,
#copyForm.copy-action-form .ini_execution_plan_table__header .ini_execution_plan_table__label,
#copyForm.copy-action-form .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3,
#copyForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label,
#copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label,
#copyForm.copy-action-form .ini_create__info_block__holder .field-label,
#copyForm.copy-action-form .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label {
  font-size: 11px;
  font-weight: 400;
  color: #2F3941;
  text-transform: uppercase; }
  #createForm.create-initiative .ini_create__info_block__holder .form-width-100 .field-label .required,
  #createForm.create-initiative .ini_create__input_title .required,
  #createForm.create-initiative .tag-list-category-holder .tag-list-category .required,
  #createForm.create-initiative .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #createForm.create-initiative .support_invitations__header .title .required,
  #createForm.create-initiative .description-box label .required,
  #createForm.create-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #createForm.create-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #createForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #createForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #createForm.create-initiative .ini_create__info_block__holder .field-label .required,
  #createForm.create-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required, #createForm.edit-initiative .ini_create__info_block__holder .form-width-100 .field-label .required,
  #createForm.edit-initiative .ini_create__input_title .required,
  #createForm.edit-initiative .tag-list-category-holder .tag-list-category .required,
  #createForm.edit-initiative .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #createForm.edit-initiative .support_invitations__header .title .required,
  #createForm.edit-initiative .description-box label .required,
  #createForm.edit-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #createForm.edit-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #createForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #createForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #createForm.edit-initiative .ini_create__info_block__holder .field-label .required,
  #createForm.edit-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required, #createForm.copy-action-form .ini_create__info_block__holder .form-width-100 .field-label .required,
  #createForm.copy-action-form .ini_create__input_title .required,
  #createForm.copy-action-form .tag-list-category-holder .tag-list-category .required,
  #createForm.copy-action-form .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #createForm.copy-action-form .support_invitations__header .title .required,
  #createForm.copy-action-form .description-box label .required,
  #createForm.copy-action-form .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #createForm.copy-action-form .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #createForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #createForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #createForm.copy-action-form .ini_create__info_block__holder .field-label .required,
  #createForm.copy-action-form .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required, #editaction_form.create-initiative .ini_create__info_block__holder .form-width-100 .field-label .required,
  #editaction_form.create-initiative .ini_create__input_title .required,
  #editaction_form.create-initiative .tag-list-category-holder .tag-list-category .required,
  #editaction_form.create-initiative .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #editaction_form.create-initiative .support_invitations__header .title .required,
  #editaction_form.create-initiative .description-box label .required,
  #editaction_form.create-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #editaction_form.create-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #editaction_form.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #editaction_form.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #editaction_form.create-initiative .ini_create__info_block__holder .field-label .required,
  #editaction_form.create-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required, #editaction_form.edit-initiative .ini_create__info_block__holder .form-width-100 .field-label .required,
  #editaction_form.edit-initiative .ini_create__input_title .required,
  #editaction_form.edit-initiative .tag-list-category-holder .tag-list-category .required,
  #editaction_form.edit-initiative .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #editaction_form.edit-initiative .support_invitations__header .title .required,
  #editaction_form.edit-initiative .description-box label .required,
  #editaction_form.edit-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #editaction_form.edit-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #editaction_form.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #editaction_form.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #editaction_form.edit-initiative .ini_create__info_block__holder .field-label .required,
  #editaction_form.edit-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required, #editaction_form.copy-action-form .ini_create__info_block__holder .form-width-100 .field-label .required,
  #editaction_form.copy-action-form .ini_create__input_title .required,
  #editaction_form.copy-action-form .tag-list-category-holder .tag-list-category .required,
  #editaction_form.copy-action-form .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #editaction_form.copy-action-form .support_invitations__header .title .required,
  #editaction_form.copy-action-form .description-box label .required,
  #editaction_form.copy-action-form .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #editaction_form.copy-action-form .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #editaction_form.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #editaction_form.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #editaction_form.copy-action-form .ini_create__info_block__holder .field-label .required,
  #editaction_form.copy-action-form .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required, #copyForm.create-initiative .ini_create__info_block__holder .form-width-100 .field-label .required,
  #copyForm.create-initiative .ini_create__input_title .required,
  #copyForm.create-initiative .tag-list-category-holder .tag-list-category .required,
  #copyForm.create-initiative .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #copyForm.create-initiative .support_invitations__header .title .required,
  #copyForm.create-initiative .description-box label .required,
  #copyForm.create-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #copyForm.create-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #copyForm.create-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #copyForm.create-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #copyForm.create-initiative .ini_create__info_block__holder .field-label .required,
  #copyForm.create-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required, #copyForm.edit-initiative .ini_create__info_block__holder .form-width-100 .field-label .required,
  #copyForm.edit-initiative .ini_create__input_title .required,
  #copyForm.edit-initiative .tag-list-category-holder .tag-list-category .required,
  #copyForm.edit-initiative .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #copyForm.edit-initiative .support_invitations__header .title .required,
  #copyForm.edit-initiative .description-box label .required,
  #copyForm.edit-initiative .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #copyForm.edit-initiative .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #copyForm.edit-initiative .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #copyForm.edit-initiative .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #copyForm.edit-initiative .ini_create__info_block__holder .field-label .required,
  #copyForm.edit-initiative .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required, #copyForm.copy-action-form .ini_create__info_block__holder .form-width-100 .field-label .required,
  #copyForm.copy-action-form .ini_create__input_title .required,
  #copyForm.copy-action-form .tag-list-category-holder .tag-list-category .required,
  #copyForm.copy-action-form .ini_create__rolsprivacy__holder .ini_create__col_title .required,
  #copyForm.copy-action-form .support_invitations__header .title .required,
  #copyForm.copy-action-form .description-box label .required,
  #copyForm.copy-action-form .ini_execution_plan_table__header .ini_execution_plan_table__label .required,
  #copyForm.copy-action-form .ini_feedback_requirements_table__header .feedback_requirements_table__header_title h3 .required,
  #copyForm.copy-action-form .ini_feedback_requirements_table__content .feedback_requirements_table__content_column:not(.ini_frequency) .field-label .required,
  #copyForm.copy-action-form .ini_create__action_kpis__holder #action_kpis #action_kpis_list .headerHolder span label .required,
  #copyForm.copy-action-form .ini_create__info_block__holder .field-label .required,
  #copyForm.copy-action-form .ini_create__rolsprivacy__holder.meeting_action .form-width-100 .field-label .required {
    font-size: 1rem;
    color: #E83B83; }
#createForm.create-initiative .list-tree-selector .list-tree-search input, #createForm.edit-initiative .list-tree-selector .list-tree-search input, #createForm.copy-action-form .list-tree-selector .list-tree-search input, #editaction_form.create-initiative .list-tree-selector .list-tree-search input, #editaction_form.edit-initiative .list-tree-selector .list-tree-search input, #editaction_form.copy-action-form .list-tree-selector .list-tree-search input, #copyForm.create-initiative .list-tree-selector .list-tree-search input, #copyForm.edit-initiative .list-tree-selector .list-tree-search input, #copyForm.copy-action-form .list-tree-selector .list-tree-search input {
  height: 18px;
  line-height: unset; }
#createForm.create-initiative .ini_create__section_title__holder h1, #createForm.create-initiative .ini_create__description_title__holder h1, #createForm.create-initiative .ini_create__execution_plan_title__holder h1, #createForm.edit-initiative .ini_create__section_title__holder h1, #createForm.edit-initiative .ini_create__description_title__holder h1, #createForm.edit-initiative .ini_create__execution_plan_title__holder h1, #createForm.copy-action-form .ini_create__section_title__holder h1, #createForm.copy-action-form .ini_create__description_title__holder h1, #createForm.copy-action-form .ini_create__execution_plan_title__holder h1, #editaction_form.create-initiative .ini_create__section_title__holder h1, #editaction_form.create-initiative .ini_create__description_title__holder h1, #editaction_form.create-initiative .ini_create__execution_plan_title__holder h1, #editaction_form.edit-initiative .ini_create__section_title__holder h1, #editaction_form.edit-initiative .ini_create__description_title__holder h1, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder h1, #editaction_form.copy-action-form .ini_create__section_title__holder h1, #editaction_form.copy-action-form .ini_create__description_title__holder h1, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder h1, #copyForm.create-initiative .ini_create__section_title__holder h1, #copyForm.create-initiative .ini_create__description_title__holder h1, #copyForm.create-initiative .ini_create__execution_plan_title__holder h1, #copyForm.edit-initiative .ini_create__section_title__holder h1, #copyForm.edit-initiative .ini_create__description_title__holder h1, #copyForm.edit-initiative .ini_create__execution_plan_title__holder h1, #copyForm.copy-action-form .ini_create__section_title__holder h1, #copyForm.copy-action-form .ini_create__description_title__holder h1, #copyForm.copy-action-form .ini_create__execution_plan_title__holder h1 {
  font-size: 20px;
  font-weight: 400;
  color: #2F3941; }
#createForm.create-initiative .ini_create__description_title__holder h1, #createForm.create-initiative .ini_create__execution_plan_title__holder h1, #createForm.edit-initiative .ini_create__description_title__holder h1, #createForm.edit-initiative .ini_create__execution_plan_title__holder h1, #createForm.copy-action-form .ini_create__description_title__holder h1, #createForm.copy-action-form .ini_create__execution_plan_title__holder h1, #editaction_form.create-initiative .ini_create__description_title__holder h1, #editaction_form.create-initiative .ini_create__execution_plan_title__holder h1, #editaction_form.edit-initiative .ini_create__description_title__holder h1, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder h1, #editaction_form.copy-action-form .ini_create__description_title__holder h1, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder h1, #copyForm.create-initiative .ini_create__description_title__holder h1, #copyForm.create-initiative .ini_create__execution_plan_title__holder h1, #copyForm.edit-initiative .ini_create__description_title__holder h1, #copyForm.edit-initiative .ini_create__execution_plan_title__holder h1, #copyForm.copy-action-form .ini_create__description_title__holder h1, #copyForm.copy-action-form .ini_create__execution_plan_title__holder h1 {
  display: inline-block; }
#createForm.create-initiative .ini_create__description_title__holder .task-info-collapsor, #createForm.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor, #createForm.edit-initiative .ini_create__description_title__holder .task-info-collapsor, #createForm.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor, #createForm.copy-action-form .ini_create__description_title__holder .task-info-collapsor, #createForm.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor, #editaction_form.create-initiative .ini_create__description_title__holder .task-info-collapsor, #editaction_form.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor, #editaction_form.edit-initiative .ini_create__description_title__holder .task-info-collapsor, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor, #editaction_form.copy-action-form .ini_create__description_title__holder .task-info-collapsor, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor, #copyForm.create-initiative .ini_create__description_title__holder .task-info-collapsor, #copyForm.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor, #copyForm.edit-initiative .ini_create__description_title__holder .task-info-collapsor, #copyForm.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor, #copyForm.copy-action-form .ini_create__description_title__holder .task-info-collapsor, #copyForm.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor {
  float: right;
  display: flex;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #C6C6C5;
  border-radius: 4px;
  cursor: pointer; }
  #createForm.create-initiative .ini_create__description_title__holder .task-info-collapsor.active, #createForm.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active, #createForm.edit-initiative .ini_create__description_title__holder .task-info-collapsor.active, #createForm.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active, #createForm.copy-action-form .ini_create__description_title__holder .task-info-collapsor.active, #createForm.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor.active, #editaction_form.create-initiative .ini_create__description_title__holder .task-info-collapsor.active, #editaction_form.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active, #editaction_form.edit-initiative .ini_create__description_title__holder .task-info-collapsor.active, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active, #editaction_form.copy-action-form .ini_create__description_title__holder .task-info-collapsor.active, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor.active, #copyForm.create-initiative .ini_create__description_title__holder .task-info-collapsor.active, #copyForm.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active, #copyForm.edit-initiative .ini_create__description_title__holder .task-info-collapsor.active, #copyForm.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active, #copyForm.copy-action-form .ini_create__description_title__holder .task-info-collapsor.active, #copyForm.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor.active {
    border: 1px solid #ffe4ee; }
    #createForm.create-initiative .ini_create__description_title__holder .task-info-collapsor.active:after, #createForm.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active:after, #createForm.edit-initiative .ini_create__description_title__holder .task-info-collapsor.active:after, #createForm.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active:after, #createForm.copy-action-form .ini_create__description_title__holder .task-info-collapsor.active:after, #createForm.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor.active:after, #editaction_form.create-initiative .ini_create__description_title__holder .task-info-collapsor.active:after, #editaction_form.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active:after, #editaction_form.edit-initiative .ini_create__description_title__holder .task-info-collapsor.active:after, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active:after, #editaction_form.copy-action-form .ini_create__description_title__holder .task-info-collapsor.active:after, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor.active:after, #copyForm.create-initiative .ini_create__description_title__holder .task-info-collapsor.active:after, #copyForm.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active:after, #copyForm.edit-initiative .ini_create__description_title__holder .task-info-collapsor.active:after, #copyForm.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor.active:after, #copyForm.copy-action-form .ini_create__description_title__holder .task-info-collapsor.active:after, #copyForm.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor.active:after {
      background-image: url(/images/icons/collapse3-viewbox.svg);
      left: 3px;
      top: 6px; }
  #createForm.create-initiative .ini_create__description_title__holder .task-info-collapsor:after, #createForm.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor:after, #createForm.edit-initiative .ini_create__description_title__holder .task-info-collapsor:after, #createForm.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor:after, #createForm.copy-action-form .ini_create__description_title__holder .task-info-collapsor:after, #createForm.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor:after, #editaction_form.create-initiative .ini_create__description_title__holder .task-info-collapsor:after, #editaction_form.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor:after, #editaction_form.edit-initiative .ini_create__description_title__holder .task-info-collapsor:after, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor:after, #editaction_form.copy-action-form .ini_create__description_title__holder .task-info-collapsor:after, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor:after, #copyForm.create-initiative .ini_create__description_title__holder .task-info-collapsor:after, #copyForm.create-initiative .ini_create__execution_plan_title__holder .task-info-collapsor:after, #copyForm.edit-initiative .ini_create__description_title__holder .task-info-collapsor:after, #copyForm.edit-initiative .ini_create__execution_plan_title__holder .task-info-collapsor:after, #copyForm.copy-action-form .ini_create__description_title__holder .task-info-collapsor:after, #copyForm.copy-action-form .ini_create__execution_plan_title__holder .task-info-collapsor:after {
    position: absolute;
    top: 3px;
    left: 6px;
    content: ' ';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 20px 20px;
    background-position: 0 0;
    background-image: url(/images/icons/open3-viewbox.svg); }
#createForm .actionViewTable .taskRow .calendar-placeholder, #editaction_form .actionViewTable .taskRow .calendar-placeholder, #copyForm .actionViewTable .taskRow .calendar-placeholder {
  width: 90px;
  text-align: center; }
#createForm .hasMilestoneStartDate .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell, #editaction_form .hasMilestoneStartDate .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell, #copyForm .hasMilestoneStartDate .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell {
  width: 969px; }
  #createForm .hasMilestoneStartDate .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell.type-deadline .removeDueDate, #editaction_form .hasMilestoneStartDate .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell.type-deadline .removeDueDate, #copyForm .hasMilestoneStartDate .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell.type-deadline .removeDueDate {
    left: 17.4%; }
#createForm .ini_details__overview_table__content .tableRow, #editaction_form .ini_details__overview_table__content .tableRow, #copyForm .ini_details__overview_table__content .tableRow {
  background-color: unset; }
#createForm .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell, #editaction_form .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell, #copyForm .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell {
  margin-left: 5px;
  width: 950px; }
  #createForm .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .date_icon, #editaction_form .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .date_icon, #copyForm .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .date_icon {
    margin-left: 8px;
    width: 76px; }
#createForm .ini_details__overview_table__content .tableRow .iniNameBox .taskNameFrontend, #editaction_form .ini_details__overview_table__content .tableRow .iniNameBox .taskNameFrontend, #copyForm .ini_details__overview_table__content .tableRow .iniNameBox .taskNameFrontend {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #121212; }
#createForm .ini_details__overview_table__content .tableRow .iniNameBox .users_status_info, #editaction_form .ini_details__overview_table__content .tableRow .iniNameBox .users_status_info, #copyForm .ini_details__overview_table__content .tableRow .iniNameBox .users_status_info {
  margin-top: 10px; }
#createForm .ini_details__overview_table__content .tableRow .mainContent .iniName, #editaction_form .ini_details__overview_table__content .tableRow .mainContent .iniName, #copyForm .ini_details__overview_table__content .tableRow .mainContent .iniName {
  display: inline-flex; }
#createForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable.actionTasks .mainContent .tableNameCell, #editaction_form .ini_details__overview_table__content .tableRow .milestoneTableTaskTable.actionTasks .mainContent .tableNameCell, #copyForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable.actionTasks .mainContent .tableNameCell {
  width: 875px; }
#createForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .tableRow, #editaction_form .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .tableRow, #copyForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .tableRow {
  background-color: unset; }
#createForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent, #editaction_form .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent, #copyForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent {
  padding: 9px 0; }
  #createForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent .tableNameCell, #editaction_form .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent .tableNameCell, #copyForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent .tableNameCell {
    margin-left: 3px; }
  #createForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent .modern-date, #editaction_form .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent .modern-date, #copyForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .mainContent .modern-date {
    margin-top: 5px; }
#createForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .taskNameFrontend, #editaction_form .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .taskNameFrontend, #copyForm .ini_details__overview_table__content .tableRow .milestoneTableTaskTable .taskNameFrontend {
  font-size: 17px;
  line-height: 20px; }
#createForm .bulk_option__button .controls-box .controls-box-with-arrow .slide ul li span, #editaction_form .bulk_option__button .controls-box .controls-box-with-arrow .slide ul li span, #copyForm .bulk_option__button .controls-box .controls-box-with-arrow .slide ul li span {
  background-size: 12px 12px; }
#createForm .ini_create__info_block__holder .taskName:focus, #editaction_form .ini_create__info_block__holder .taskName:focus, #copyForm .ini_create__info_block__holder .taskName:focus {
  box-shadow: none;
  border: 1px solid #DDD; }
#createForm .hasMilestoneStartDate .milestoneRow .removeDueDate, #editaction_form .hasMilestoneStartDate .milestoneRow .removeDueDate, #copyForm .hasMilestoneStartDate .milestoneRow .removeDueDate {
  left: 10.2%;
  top: 14px; }
#createForm .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #editaction_form .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name, #copyForm .hasMilestoneStartDate #ini-details-view-section .ini_details__item__name {
  padding-left: 14px !important; }
#createForm #ini-details-view-section .ini_details__item__name, #editaction_form #ini-details-view-section .ini_details__item__name, #copyForm #ini-details-view-section .ini_details__item__name {
  padding-left: 10px !important; }
#createForm #ini-details-view-section .milestoneTableTaskTable .tableNameCell .iniName, #editaction_form #ini-details-view-section .milestoneTableTaskTable .tableNameCell .iniName, #copyForm #ini-details-view-section .milestoneTableTaskTable .tableNameCell .iniName {
  padding-left: 32px; }
#createForm #ini-details-view-section .milestoneTableTaskTable.actionTasks .tableNameCell .iniName, #editaction_form #ini-details-view-section .milestoneTableTaskTable.actionTasks .tableNameCell .iniName, #copyForm #ini-details-view-section .milestoneTableTaskTable.actionTasks .tableNameCell .iniName {
  padding-left: 7px; }
#createForm .hasMilestoneStartDate #ini-details-view-section .milestoneTableTaskTable.actionTasks .tableNameCell .iniName, #editaction_form .hasMilestoneStartDate #ini-details-view-section .milestoneTableTaskTable.actionTasks .tableNameCell .iniName, #copyForm .hasMilestoneStartDate #ini-details-view-section .milestoneTableTaskTable.actionTasks .tableNameCell .iniName {
  padding-left: 10px; }
#createForm .removeDueDate, #editaction_form .removeDueDate, #copyForm .removeDueDate {
  top: 6px; }

#editaction_form.edit-initiative .ini_create__section_title__holder, #editaction_form.edit-initiative .ini_create__description_title__holder, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder, #editaction_form.copy-action-form .ini_create__section_title__holder, #editaction_form.copy-action-form .ini_create__description_title__holder, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder, #copyForm.edit-initiative .ini_create__section_title__holder, #copyForm.edit-initiative .ini_create__description_title__holder, #copyForm.edit-initiative .ini_create__execution_plan_title__holder, #copyForm.copy-action-form .ini_create__section_title__holder, #copyForm.copy-action-form .ini_create__description_title__holder, #copyForm.copy-action-form .ini_create__execution_plan_title__holder {
  margin: 0; }
  #editaction_form.edit-initiative .ini_create__section_title__holder h1, #editaction_form.edit-initiative .ini_create__description_title__holder h1, #editaction_form.edit-initiative .ini_create__execution_plan_title__holder h1, #editaction_form.copy-action-form .ini_create__section_title__holder h1, #editaction_form.copy-action-form .ini_create__description_title__holder h1, #editaction_form.copy-action-form .ini_create__execution_plan_title__holder h1, #copyForm.edit-initiative .ini_create__section_title__holder h1, #copyForm.edit-initiative .ini_create__description_title__holder h1, #copyForm.edit-initiative .ini_create__execution_plan_title__holder h1, #copyForm.copy-action-form .ini_create__section_title__holder h1, #copyForm.copy-action-form .ini_create__description_title__holder h1, #copyForm.copy-action-form .ini_create__execution_plan_title__holder h1 {
    margin: 20px 0px 10px; }

.quick-edit-form .submitpanel {
  margin: 20px 25px 0px 25px; }

.ini_detail_content {
  margin-top: 96px; }

/*new css font styles*/
#topPriorityList.priority-list-home {
  margin-top: 20px; }
  #topPriorityList.priority-list-home .tableHeader {
    font-size: 10px;
    font-weight: 400;
    color: #acacac; }
  #topPriorityList.priority-list-home .iniNameBox a {
    font-size: 9px;
    font-weight: 400;
    color: #121212;
    line-height: 17px; }
  #topPriorityList.priority-list-home .iniNameBox .taskNameFrontend, #topPriorityList.priority-list-home .iniNameBox .author {
    white-space: break-spaces;
    font-size: 15px;
    color: #121212;
    line-height: 17px; }
  #topPriorityList.priority-list-home .iniNameBox .users_status_info {
    margin-top: 0px; }
    #topPriorityList.priority-list-home .iniNameBox .users_status_info .usersInfo span {
      font-size: 10px;
      color: #ccc; }
  #topPriorityList.priority-list-home .iniNameBox .parentAlignment a {
    font-size: 10px;
    color: #ACACAC; }
  #topPriorityList.priority-list-home .iniNameBox a.priorityAlignment span {
    font-size: 10px;
    color: #ACACAC; }
  #topPriorityList.priority-list-home .iniNameBox a.priorityAlignment span:hover {
    text-decoration-line: underline; }
  #topPriorityList.priority-list-home .orvedue_tag.active, #topPriorityList.priority-list-home .completed_tag.active {
    font-size: 10px;
    font-weight: 400; }
  #topPriorityList.priority-list-home .comment-content .comment-content__text {
    font-size: 13px;
    color: #121212;
    padding-right: 115px; }
  #topPriorityList.priority-list-home .comment-content .comment-content__footer__name .text, #topPriorityList.priority-list-home .comment-content .comment-content__footer__date .actionHistoryDate {
    color: #ACACAC;
    font-size: 10px; }
  #topPriorityList.priority-list-home .divTable .tableRow.taskRow .actionRow__status {
    margin: 0; }
  #topPriorityList.priority-list-home .parentNameLine span {
    font-size: 10px;
    font-weight: 400;
    color: #ACACAC; }
  #topPriorityList.priority-list-home .progress_ml_priority {
    width: 65px;
    min-width: 65px; }
    #topPriorityList.priority-list-home .progress_ml_priority > span {
      margin-left: 27px;
      margin-right: 8px;
      color: #acacac; }
  #topPriorityList.priority-list-home .stopwatch span {
    font-weight: 400;
    font-size: 12px;
    color: #acacac; }
  #topPriorityList.priority-list-home .modern-date .modern-date-day {
    font-size: 24px; }
  #topPriorityList.priority-list-home .modern-date .modern-date-text {
    width: 22px; }
  #topPriorityList.priority-list-home .modern-date .modern-date-month-name {
    font-size: 10px;
    line-height: 10px;
    color: #121212; }
  #topPriorityList.priority-list-home .viewHeading {
    margin-bottom: 0px; }
  #topPriorityList.priority-list-home .selectUserBox .selectUserText {
    text-transform: uppercase;
    font-size: 11px;
    color: #2f3941; }
  #topPriorityList.priority-list-home .selectUserBox .profile-selector-line {
    width: fit-content;
    line-height: 30px;
    height: 27px;
    margin-top: 0;
    border-bottom: 1px solid #acacac; }
  #topPriorityList.priority-list-home .selectUserBox .arrow_select {
    right: -12px;
    top: 11px;
    border-bottom: 1px solid #acacac;
    border-right: 1px solid #acacac; }
  #topPriorityList.priority-list-home .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text {
    font-weight: 400;
    font-size: 12px;
    color: #121212; }
  #topPriorityList.priority-list-home .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__executor {
    font-size: 10px; }
  #topPriorityList.priority-list-home .divTable .tableRow.taskRow .mainContent .actionRow__status__text {
    font-weight: 400;
    font-size: 12px;
    color: #121212; }
  #topPriorityList.priority-list-home ap-comment #comment-form .fr-box .fr-element.fr-view {
    font-size: 14px;
    color: #121212;
    background: #fff; }
  #topPriorityList.priority-list-home .comment__create__attach_file a.upload .icon-attach {
    font-size: 10px; }
  #topPriorityList.priority-list-home .comment__user_content__container .comment_holder .fr-placeholder {
    font-size: 13px;
    color: #acacac;
    top: 2px; }
  #topPriorityList.priority-list-home .actionRow__status__executor .actionRow__status__executor__name {
    font-size: 10px;
    color: #acacac;
    font-weight: 400; }
  #topPriorityList.priority-list-home .actionRow__status__executor .actionRow__status__executor__timeOld {
    font-size: 10px;
    font-weight: 400;
    color: #acacac;
    line-height: 9px; }
  #topPriorityList.priority-list-home .bottomLine {
    height: 0px; }

div#container #totalOverviewList .total_overview__my_actions__holder.sticky {
  padding-top: 24px;
  padding-bottom: 18px;
  margin: 0;
  height: auto; }
  div#container #totalOverviewList .total_overview__my_actions__holder.sticky.my-overview {
    padding-top: 34px;
    padding-bottom: 10px; }
div#container #totalOverviewList .optionsButtons .globalFilterWrapper .filters__button {
  position: relative;
  left: 814px; }
div#container #totalOverviewList .total_overview__my_actions__holder.placeholder {
  padding-top: 63px;
  margin: 0; }
  div#container #totalOverviewList .total_overview__my_actions__holder.placeholder.user-page {
    padding: 0;
    height: 30px; }
  div#container #totalOverviewList .total_overview__my_actions__holder.placeholder .optionsButtons {
    margin-left: 7px; }
div#container #totalOverviewList .viewHeading h1, div#container #totalOverviewList .viewTable .viewHeading h1 {
  font-size: 24px;
  color: #2f3941; }
div#container #totalOverviewList ap-total-overview .optionsButtons > div {
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 0;
  line-height: 3; }
div#container #totalOverviewList .filters-affected-count {
  color: #e83b83;
  padding: 10px;
  font-size: 12px; }
div#container #totalOverviewList latestUpdateUserBox ap-time-remaining {
  font-size: 11px;
  line-height: 1.5; }
div#container #totalOverviewList .iniNameBox .author {
  white-space: break-spaces;
  font-size: 15px;
  color: #121212; }
div#container #totalOverviewList .iniNameBox .usersInfo .responsible-block .role {
  padding: 0;
  font-size: 10px;
  color: #ACACAC; }
div#container #totalOverviewList .latestUpdateUserBox .latestFeedbackText {
  color: #121212;
  font-weight: 400; }
div#container #totalOverviewList .modern-date .modern-date-day {
  font-size: 24px; }
div#container #totalOverviewList .modern-date .modern-date-month-name {
  font-size: 10px;
  color: #121212; }
div#container #totalOverviewList .actionRow__status__text {
  color: #121212; }
div#container #totalOverviewList .actionRow__status__executor .actionRow__status__executor__name {
  font-size: 11px;
  color: #acacac;
  font-weight: 400; }
div#container #totalOverviewList .actionRow__status__executor .actionRow__status__executor__timeOld {
  font-size: 11px;
  font-weight: 400;
  color: #acacac;
  line-height: 9px; }
div#container #totalOverviewList .ini_details__item__progress .progress {
  font-size: 12px;
  font-weight: 400;
  color: #5F8CC7;
  text-align: left; }
div#container #totalOverviewList .tableProgressCell .stopwatch span {
  font-size: 12px;
  font-weight: 400;
  color: #5F8CC7;
  text-align: left; }
div#container #totalOverviewList .comment-content__text {
  font-size: 13px;
  color: #121212;
  padding-right: 100px; }
  div#container #totalOverviewList .comment-content__text ul, div#container #totalOverviewList .comment-content__text ol {
    margin-left: 15px;
    font-size: 12px; }
div#container #totalOverviewList .comment-content__footer__name .text {
  color: #acacac; }
div#container #totalOverviewList .comment-content__footer__name, div#container #totalOverviewList .comment-content__footer__date {
  font-size: 11px;
  color: #acacac; }
div#container #totalOverviewList ap-comment #comment-form .fr-box .fr-element.fr-view {
  font-size: 13px;
  line-height: 1.5; }
div#container #totalOverviewList .comment__user_content__container .comment_holder .fr-placeholder {
  font-size: 13px;
  color: #acacac;
  top: 2px; }
div#container #totalOverviewList .comment__create__attach_file a.upload .icon-attach {
  font-size: 10px; }
div#container #totalOverviewList ap-list .columnWeek {
  font-size: 11px;
  color: #2f3941;
  font-weight: 400;
  text-align: center;
  position: relative; }
div#container #totalOverviewList ap-list .tableRow .columnWeek {
  top: 14px; }
div#container #actionList .tableRow .iniNameBox ap-comment-button, div#container #actionList .tableRow .iniNameBox ap-single-line, div#container #initiative_list .tableRow .iniNameBox ap-comment-button, div#container #initiative_list .tableRow .iniNameBox ap-single-line {
  display: inline-block;
  max-width: calc(100% - 15px);
  position: relative;
  white-space: nowrap; }
div#container #actionList .generic-icon.small.ie-compatible:after, div#container #actionList ap-comment .small.ie-compatible.comment-button:after, ap-comment div#container #actionList .small.ie-compatible.comment-button:after, div#container #actionList ap-task-quick-edit .small.ie-compatible.comment-button:after, ap-task-quick-edit div#container #actionList .small.ie-compatible.comment-button:after, div#container #actionList ap-task-quick-add .small.ie-compatible.comment-button:after, ap-task-quick-add div#container #actionList .small.ie-compatible.comment-button:after, div#container #initiative_list .generic-icon.small.ie-compatible:after, div#container #initiative_list ap-comment .small.ie-compatible.comment-button:after, ap-comment div#container #initiative_list .small.ie-compatible.comment-button:after, div#container #initiative_list ap-task-quick-edit .small.ie-compatible.comment-button:after, ap-task-quick-edit div#container #initiative_list .small.ie-compatible.comment-button:after, div#container #initiative_list ap-task-quick-add .small.ie-compatible.comment-button:after, ap-task-quick-add div#container #initiative_list .small.ie-compatible.comment-button:after {
  width: 20px;
  height: 20px;
  background-size: 20px 20px; }
div#container #actionList .generic-icon.small.action-icon:after, div#container #actionList ap-comment .small.action-icon.comment-button:after, ap-comment div#container #actionList .small.action-icon.comment-button:after, div#container #actionList ap-task-quick-edit .small.action-icon.comment-button:after, ap-task-quick-edit div#container #actionList .small.action-icon.comment-button:after, div#container #actionList ap-task-quick-add .small.action-icon.comment-button:after, ap-task-quick-add div#container #actionList .small.action-icon.comment-button:after, div#container #initiative_list .generic-icon.small.action-icon:after, div#container #initiative_list ap-comment .small.action-icon.comment-button:after, ap-comment div#container #initiative_list .small.action-icon.comment-button:after, div#container #initiative_list ap-task-quick-edit .small.action-icon.comment-button:after, ap-task-quick-edit div#container #initiative_list .small.action-icon.comment-button:after, div#container #initiative_list ap-task-quick-add .small.action-icon.comment-button:after, ap-task-quick-add div#container #initiative_list .small.action-icon.comment-button:after {
  background-size: 20px 20px;
  width: 20px;
  height: 20px; }
div#container #actionList .orvedue_tag.active, div#container #initiative_list .orvedue_tag.active {
  font-size: 10px;
  font-weight: 400; }
div#container #actionList .parentNameLine .contents a span:not(.generic-icon), div#container #initiative_list .parentNameLine .contents a span:not(.generic-icon) {
  margin-left: 6px;
  vertical-align: middle; }
div#container #actionList .parentNameLine a, div#container #initiative_list .parentNameLine a {
  font-size: 10px;
  color: #ACACAC; }

#container #priority_lits_edit_milestone .milestoneTasks .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent {
  min-height: unset;
  align-items: center;
  padding: 3px 0;
  margin: 0; }
#container #priority_lits_edit_milestone .milestoneTasks .divTable .tableRow > div:not(.mainContent).tableNameCell {
  width: 443px; }
#container #priority_lits_edit_milestone .milestoneTasks .tableRow {
  padding: 0; }

.subWrapContainer h1 {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 400;
  color: #2F3941;
  margin-bottom: 20px; }

#confirmation_raw_data_body {
  text-align: left;
  max-width: 430px; }

#confirmation_dialog .title_holder h3 {
  font-size: 20px;
  margin: 0;
  padding-top: 0; }

#milestoneForm #task-list .newTaskButton {
  position: relative;
  top: -5px; }

#approve-mod-container .actionViewTable .ini_details__overview_table__content .milestoneTableTaskTable .tableRow .tableRightRowOuterBox .hoverItem .bulk_option__button ap-controls .open-close .opener {
  background: none; }

.hide_loader {
  display: none; }

.list_view_milestones ap-modern-date .modern-date {
  margin-top: 8px; }
.list_view_milestones ap-latest-change .milestoneStatusBox__wrapper {
  margin-top: 6px; }
.list_view_milestones .removeDueDate {
  left: 46.4%;
  top: 11px; }

.list_view_tasks ap-modern-date .modern-date {
  margin-top: 8px; }
.list_view_tasks ap-latest-change .actionRow__status {
  margin-top: 5px; }

.list_view_actions ap-role-info.ng-isolate-scope span.ng-scope {
  padding: 0; }
.list_view_actions ap-modern-date .modern-date {
  margin-top: 8px; }

ap-List.actions.list_view_actions .collapsedSingleLine, ap-list.milestones.list_view_milestones .collapsedSingleLine {
  padding-right: 25px; }
ap-List.actions.list_view_actions .users_status_info .contents, ap-list.milestones.list_view_milestones .users_status_info .contents {
  margin-top: 3px; }
ap-List.actions.list_view_actions .listHeadline div span, ap-list.milestones.list_view_milestones .listHeadline div span {
  left: 0px; }
ap-List.actions.list_view_actions .columnIcon, ap-list.milestones.list_view_milestones .columnIcon {
  min-width: 50px; }
ap-List.actions.list_view_actions .columnProfile, ap-list.milestones.list_view_milestones .columnProfile {
  min-width: 60px; }
ap-List.actions.list_view_actions .columnStartDate, ap-List.actions.list_view_actions .columnDueDate, ap-list.milestones.list_view_milestones .columnStartDate, ap-list.milestones.list_view_milestones .columnDueDate {
  min-width: 90px;
  width: 90px; }
ap-List.actions.list_view_actions .columnFeedback, ap-list.milestones.list_view_milestones .columnFeedback {
  width: 185px;
  min-width: 185px;
  margin-right: 15px; }

ap-list.milestones .ms_attachecd_file_section .collapsedSingleLine {
  margin-bottom: 7px; }

ap-List.tasks.list_view_tasks .collapsedSingleLine {
  padding-right: 25px; }
ap-List.tasks.list_view_tasks .users_status_info .contents {
  margin-top: 3px; }
ap-List.tasks.list_view_tasks ap-role-info.ng-isolate-scope span.ng-scope {
  padding: 0; }
ap-List.tasks.list_view_tasks .listHeadline div span {
  left: 0px; }
ap-List.tasks.list_view_tasks .columnIcon {
  min-width: 50px; }
ap-List.tasks.list_view_tasks .columnWeek {
  min-width: 50px; }
ap-List.tasks.list_view_tasks .columnProfile {
  min-width: 60px; }
ap-List.tasks.list_view_tasks .columnName {
  min-width: 373px;
  width: 540px;
  margin-left: 20px; }
  ap-List.tasks.list_view_tasks .columnName .iniNameBox {
    position: relative; }
  ap-List.tasks.list_view_tasks .columnName.hasBestPractice {
    width: 300px;
    min-width: 300px; }
ap-List.tasks.list_view_tasks .columnDueDate {
  min-width: 90px; }
  ap-List.tasks.list_view_tasks .columnDueDate .removeDueDate {
    left: 21.8%;
    top: 11px; }
ap-List.tasks.list_view_tasks .columnFeedback {
  width: 124px;
  margin-right: 15px; }
ap-List.tasks.list_view_tasks .action_private_alignment {
  display: inline-block;
  bottom: -6px;
  vertical-align: top;
  margin-top: 2px;
  background-image: url("/images/icons/privacy-icon-pink.svg");
  background-size: 22px;
  background-position: 0 0;
  position: static;
  width: 11px;
  height: 12px;
  margin-right: 2px; }

ap-list.focusareas.list_view_objectives .collapsedSingleLine {
  padding-right: 25px; }
ap-list.focusareas.list_view_objectives .listViewRow .button {
  margin-top: 7px; }
ap-list.focusareas.list_view_objectives .usersInfo__item ap-role-info {
  margin-top: 3px; }
ap-list.focusareas.list_view_objectives ap-role-info.ng-isolate-scope span.ng-scope {
  padding: 0;
  font-size: 10px; }
ap-list.focusareas.list_view_objectives .listHeadline div span {
  left: 0px; }
ap-list.focusareas.list_view_objectives .columnIcon {
  min-width: 50px; }
ap-list.focusareas.list_view_objectives .columnProfile {
  min-width: 60px; }
ap-list.focusareas.list_view_objectives .columnName {
  width: 422px;
  min-width: 422px; }
  ap-list.focusareas.list_view_objectives .columnName .iniNameBox {
    white-space: nowrap; }
ap-list.focusareas.list_view_objectives .columnFeedback {
  width: 185px;
  min-width: 185px;
  margin-right: 15px; }

div#container ap-list .usersInfo {
  font-size: 10px; }

.milestone-repeat-count {
  font-size: 12px;
  padding: 6px 0 5px 20px;
  position: absolute;
  right: 0;
  top: 22px; }

#comment-form .inline-comment-file {
  display: inline-flex; }
  #comment-form .inline-comment-file img {
    margin-top: -2px;
    height: 20px; }
#comment-form .comment-content__attached_file__item .attached_file__item__ico {
  height: 12px;
  width: 12px; }
#comment-form .comment-content__attached_file__item .attached_file__item__text {
  color: #404040;
  font-size: 11px; }
#comment-form .comment-content__attached_file__item .filedDelIcon {
  background-size: 13px 13px;
  width: 13px;
  height: 13px;
  float: unset;
  margin-right: 0; }

ap-comment .attached_file__item__ico {
  height: 12px;
  width: 12px; }

#ganttChart.timeline-view .ganttCanvas {
  border-radius: 7px;
  padding-top: 15px; }

.subWrapContainer h1.copy_action_header {
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 0;
  font-size: 20px;
  font-weight: 400;
  color: #2F3941; }

#approve-mod-container #executionStatus__Section .overallStatus__col_3 {
  width: 197px; }
#approve-mod-container.ini_detail_page #attached-files-wrapper {
  margin-top: 0; }
#approve-mod-container.ini_detail_page .ini_details__attached_files__title__holder {
  margin: 30px 0 10px;
  padding: 0; }
  #approve-mod-container.ini_detail_page .ini_details__attached_files__title__holder h3 {
    margin-bottom: 0; }
#approve-mod-container.ini_detail_page .executionStatus__holder {
  margin-top: 0px; }
#approve-mod-container.ini_detail_page .executionStatus__title h3 {
  margin: 0; }
#approve-mod-container.ini_detail_page .executionStatus__container {
  margin-top: 0; }
#approve-mod-container.ini_detail_page #plan_title #exec_plan {
  margin-top: 0; }
  #approve-mod-container.ini_detail_page #plan_title #exec_plan #exec_plan_graph {
    position: relative; }
    #approve-mod-container.ini_detail_page #plan_title #exec_plan #exec_plan_graph .alignment-box-icon {
      padding-left: 15px;
      position: absolute;
      left: 100%;
      top: 117px; }
      #approve-mod-container.ini_detail_page #plan_title #exec_plan #exec_plan_graph .alignment-box-icon:after {
        border-radius: 50%;
        border: 1px solid #ccc;
        content: '';
        width: 23px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        background-size: 11px 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/images/icons/icons-tree.svg); }
#approve-mod-container.ini_detail_page #plan_title .plan_title {
  margin-top: 0; }
#approve-mod-container.ini_detail_page .ini_details__ini_history__holder {
  margin-top: 0;
  margin-bottom: 0; }
  #approve-mod-container.ini_detail_page .ini_details__ini_history__holder h3 {
    margin: 0; }
#approve-mod-container.ini_detail_page #dashboard .divTable {
  margin-bottom: 0; }
#approve-mod-container.ini_detail_page .ini_history__title__holder {
  margin: 20px 0 10px; }

#ini-details-view-section .text-truncate {
  line-height: 19px;
  padding-right: 17px; }
#ini-details-view-section .ini_details__item__update {
  width: 200px; }
  #ini-details-view-section .ini_details__item__update .status_wrapper {
    margin-left: 0; }
#ini-details-view-section .actionTasks .tableNameCell .iniName {
  padding-left: 15px; }
#ini-details-view-section .actionTasks .tableNameCell.topic .iniName {
  margin-top: 10px; }
#ini-details-view-section .actionTasks .tableNameCell.topic .modern-date {
  margin-top: 8px; }
#ini-details-view-section .tableNameCell .iniName {
  padding-left: 39px; }
  #ini-details-view-section .tableNameCell .iniName .iniNameBox ap-text-truncate-format .text-truncate.expandAutoHeight {
    word-break: break-word; }
#ini-details-view-section .tableAboveHeaderUpdate {
  padding-left: 3px; }
#ini-details-view-section .ini_details__item__name {
  padding-right: 10px;
  padding-left: 14px !important; }
#ini-details-view-section .block-lines:first-child > .tableRow .mainContent {
  border-top: none; }
#ini-details-view-section .tableRow .mainContent {
  align-items: flex-start; }
  #ini-details-view-section .tableRow .mainContent .button {
    width: 100px;
    height: 25px;
    line-height: 23px;
    margin-left: 9px;
    margin-top: 8px; }
    #ini-details-view-section .tableRow .mainContent .button .text {
      font-size: 10px;
      font-weight: 400; }
  #ini-details-view-section .tableRow .mainContent .iniNameBox .users_status_info {
    margin-top: 0;
    line-height: 19px; }
  #ini-details-view-section .tableRow .mainContent .ini_details__item__start_date, #ini-details-view-section .tableRow .mainContent .ini_details__item__date {
    margin-top: 9px;
    text-align: center; }
  #ini-details-view-section .tableRow .mainContent .ini_details__item__progress {
    margin-top: 3px; }
  #ini-details-view-section .tableRow .mainContent .ini_details__item__update, #ini-details-view-section .tableRow .mainContent .ini_details__item__execution_plan {
    margin-top: 4px; }
#ini-details-view-section .contents {
  padding: 1px 0;
  font-weight: 400; }
#ini-details-view-section .progressCellInnerWrapper .target {
  height: 100%; }
#ini-details-view-section .tableProgressCell {
  font-size: 12px; }
  #ini-details-view-section .tableProgressCell .speed {
    color: #e64c5c;
    height: 20px;
    position: relative;
    width: 65px;
    display: flex;
    justify-content: center;
    padding-left: 12px;
    border: 1px solid #e6e6e6;
    border-radius: 0px 0px 5px;
    box-sizing: border-box; }
    #ini-details-view-section .tableProgressCell .speed > span {
      padding-left: 20px;
      display: flex;
      width: 40px; }
    #ini-details-view-section .tableProgressCell .speed:before {
      top: -3px;
      left: 6px;
      background-image: url(/images/icons/performance-indicator-red-bottom-viewbox.svg);
      position: absolute;
      content: ' ';
      width: 28px;
      height: 28px;
      display: inline-block;
      background-size: 29px 29px;
      background-position: 0px 1px;
      background-repeat: no-repeat;
      margin-bottom: 0;
      margin-right: 0;
      margin-top: 0; }
  #ini-details-view-section .tableProgressCell .stopwatch span {
    font-size: 12px;
    font-weight: 400;
    color: #5F8CC7;
    width: calc(100% - 24px);
    display: inline-block;
    margin-left: 24px;
    text-align: left; }
  #ini-details-view-section .tableProgressCell .stopwatch.progressCellInnerWrapper {
    width: 65px;
    border-top: 1px solid #e2e1e1;
    background-color: white;
    position: relative;
    height: 40px;
    border-radius: 5px 0px 0px 5px;
    flex-direction: column; }
  #ini-details-view-section .tableProgressCell .stopwatch:after {
    top: 3px;
    width: 30px;
    height: 30px; }
  #ini-details-view-section .tableProgressCell .stopwatch .day-left {
    color: #ccc;
    font-size: 10px;
    margin: 0; }

#giveFeedBackForm .taskDivTable .inlineTaskRow ap-single-line {
  display: inline-block;
  vertical-align: text-top; }

#companyOverviewFilter .section_container__filter_item.tag-filter-section ap-tag-filter .tag_filter__container .selector-line span {
  margin-left: 8px;
  font-size: 12px;
  color: #303030; }
#companyOverviewFilter .section_container__filter_item.sort_by_filter {
  line-height: 10px;
  margin-left: 20px;
  margin-top: 20px; }
  #companyOverviewFilter .section_container__filter_item.sort_by_filter ap-sort-checker {
    margin-left: 28px; }
  #companyOverviewFilter .section_container__filter_item.sort_by_filter .filter_title.sort_font_options {
    margin-right: 12px; }
  #companyOverviewFilter .section_container__filter_item.sort_by_filter .chosen-container .chosen-single {
    width: 385px; }
  #companyOverviewFilter .section_container__filter_item.sort_by_filter .chosen-container-single .chosen-single {
    margin-left: 0px; }

.subWrapContainer ap-company-overview .viewHeading {
  display: flex;
  align-items: center; }
  .subWrapContainer ap-company-overview .viewHeading .roadmap-header-title {
    flex: 1; }
    .subWrapContainer ap-company-overview .viewHeading .roadmap-header-title .priorityListHeading {
      margin-top: 20px;
      margin-bottom: 15px;
      font-size: 20px; }

.create-milestone #task-list ap-single-line .singleLine.collapsedSingleLine {
  display: inline-block;
  vertical-align: middle; }
.create-milestone #task-list ap-single-line .actionAlignmentInNewMilestone {
  margin: -16px 0px 11px 20px; }
.create-milestone #task-list .action-icon-check.item-priority {
  position: relative;
  left: -1px; }
  .create-milestone #task-list .action-icon-check.item-priority:before {
    position: absolute;
    background-size: 20px 20px;
    width: 10px;
    height: 10px;
    background-image: url(/images/icons/priority-icon.svg);
    display: inline-block;
    content: '';
    top: -7px;
    left: 9px;
    z-index: 1; }
.create-milestone #task-list .action-icon-check.item-private {
  position: relative;
  left: -1px; }
  .create-milestone #task-list .action-icon-check.item-private:after {
    position: absolute;
    background-size: 19px 19px;
    width: 19px;
    height: 10px;
    background-image: url(/images/icons/privacy-icon-pink.svg);
    display: inline-block;
    content: '';
    bottom: -4px;
    left: 9px;
    z-index: 1; }

.assignedToHeading-imp {
  color: #e93b83; }

#giveFeedBackForm .feedback-smily-kpi {
  display: inline-flex; }

.ini_detail_page .header-collapsor h3 {
  display: inline-block;
  margin: 0; }
.ini_detail_page .task-info-collapsor {
  display: inline-block;
  float: right;
  display: flex;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  position: relative;
  border: 1px solid #C6C6C5;
  border-radius: 4px;
  cursor: pointer; }
  .ini_detail_page .task-info-collapsor::after {
    position: absolute;
    top: 3px;
    left: 6px;
    content: ' ';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 20px 20px;
    background-position: 0 0;
    background-image: url(/images/icons/open3-viewbox.svg); }
  .ini_detail_page .task-info-collapsor.active {
    border: 1px solid #ffe4ee; }
    .ini_detail_page .task-info-collapsor.active::after {
      background-image: url(/images/icons/collapse3-viewbox.svg);
      left: 3px;
      top: 6px; }
.ini_detail_page #plan_title #exec_plan {
  padding: 0;
  border: none; }
  .ini_detail_page #plan_title #exec_plan .ganttCanvas {
    padding: 0 15px;
    border-top: 1px solid #D2D2D2;
    border-bottom: none;
    padding-bottom: 30px; }
  .ini_detail_page #plan_title #exec_plan.focusareaExecutionTable .ganttCanvas {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px; }
  .ini_detail_page #plan_title #exec_plan #dashboard {
    margin-top: 0; }
    .ini_detail_page #plan_title #exec_plan #dashboard .milestoneTableTaskTable .block-lines:nth-child(odd) .milestoneRow {
      background-color: transparent; }
    .ini_detail_page #plan_title #exec_plan #dashboard .milestoneTableTaskTable .subActionRow:nth-child(even) {
      background-color: #ffffff; }
    .ini_detail_page #plan_title #exec_plan #dashboard .milestoneTableTaskTable .ini_details__overview_table__holder {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      margin-top: 0; }
    .ini_detail_page #plan_title #exec_plan #dashboard .milestoneTableTaskTable .block-lines:nth-last-child(1), .ini_detail_page #plan_title #exec_plan #dashboard .milestoneTableTaskTable .block-lines:nth-last-child(2) {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px; }

div#container #actionList [ap-task-row] .iniNameBox .parentNameLine, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine, [ap-milestone-table-row] .iniNameBox ap-relation-line {
  display: inline-block;
  margin-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 405px; }
  div#container #actionList [ap-task-row] .iniNameBox .parentNameLine .singleLine .collapsedSingleLine, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine .singleLine .collapsedSingleLine, [ap-milestone-table-row] .iniNameBox ap-relation-line .singleLine .collapsedSingleLine {
    line-height: unset; }
  div#container #actionList [ap-task-row] .iniNameBox .parentNameLine .contents a span:not(.generic-icon), #topPriorityList [ap-task-row] .iniNameBox .parentNameLine .contents a span:not(.generic-icon), [ap-milestone-table-row] .iniNameBox ap-relation-line .contents a span:not(.generic-icon) {
    margin-left: unset;
    vertical-align: text-bottom; }
  div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span, [ap-milestone-table-row] .iniNameBox ap-relation-line span {
    display: contents; }
  div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span.generic-icon, div#container #actionList [ap-task-row] .iniNameBox .parentNameLine ap-comment span.comment-button, ap-comment div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span.comment-button, div#container #actionList [ap-task-row] .iniNameBox .parentNameLine ap-task-quick-edit span.comment-button, ap-task-quick-edit div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span.comment-button, div#container #actionList [ap-task-row] .iniNameBox .parentNameLine ap-task-quick-add span.comment-button, ap-task-quick-add div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span.comment-button, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span.generic-icon, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine ap-comment span.comment-button, ap-comment #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span.comment-button, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine ap-task-quick-edit span.comment-button, ap-task-quick-edit #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span.comment-button, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine ap-task-quick-add span.comment-button, ap-task-quick-add #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span.comment-button, [ap-milestone-table-row] .iniNameBox ap-relation-line span.generic-icon, [ap-milestone-table-row] .iniNameBox ap-relation-line ap-comment span.comment-button, ap-comment [ap-milestone-table-row] .iniNameBox ap-relation-line span.comment-button, [ap-milestone-table-row] .iniNameBox ap-relation-line ap-task-quick-edit span.comment-button, ap-task-quick-edit [ap-milestone-table-row] .iniNameBox ap-relation-line span.comment-button, [ap-milestone-table-row] .iniNameBox ap-relation-line ap-task-quick-add span.comment-button, ap-task-quick-add [ap-milestone-table-row] .iniNameBox ap-relation-line span.comment-button {
    display: inline-block;
    margin-top: 0px;
    margin-right: 5px; }
    div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span.generic-icon:after, div#container #actionList [ap-task-row] .iniNameBox .parentNameLine ap-comment span.comment-button:after, ap-comment div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span.comment-button:after, div#container #actionList [ap-task-row] .iniNameBox .parentNameLine ap-task-quick-edit span.comment-button:after, ap-task-quick-edit div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span.comment-button:after, div#container #actionList [ap-task-row] .iniNameBox .parentNameLine ap-task-quick-add span.comment-button:after, ap-task-quick-add div#container #actionList [ap-task-row] .iniNameBox .parentNameLine span.comment-button:after, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span.generic-icon:after, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine ap-comment span.comment-button:after, ap-comment #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span.comment-button:after, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine ap-task-quick-edit span.comment-button:after, ap-task-quick-edit #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span.comment-button:after, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine ap-task-quick-add span.comment-button:after, ap-task-quick-add #topPriorityList [ap-task-row] .iniNameBox .parentNameLine span.comment-button:after, [ap-milestone-table-row] .iniNameBox ap-relation-line span.generic-icon:after, [ap-milestone-table-row] .iniNameBox ap-relation-line ap-comment span.comment-button:after, ap-comment [ap-milestone-table-row] .iniNameBox ap-relation-line span.comment-button:after, [ap-milestone-table-row] .iniNameBox ap-relation-line ap-task-quick-edit span.comment-button:after, ap-task-quick-edit [ap-milestone-table-row] .iniNameBox ap-relation-line span.comment-button:after, [ap-milestone-table-row] .iniNameBox ap-relation-line ap-task-quick-add span.comment-button:after, ap-task-quick-add [ap-milestone-table-row] .iniNameBox ap-relation-line span.comment-button:after {
      width: 14px;
      height: 14px;
      background-size: 14px 14px; }
  div#container #actionList [ap-task-row] .iniNameBox .parentNameLine .action_private_alignment, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine .action_private_alignment, [ap-milestone-table-row] .iniNameBox ap-relation-line .action_private_alignment {
    display: inline-block;
    bottom: -6px;
    vertical-align: top;
    background-image: url("/images/icons/privacy-icon-pink.svg");
    background-size: 22px;
    background-position: 0 0;
    position: static;
    width: 11px;
    height: 12px;
    margin-right: 3px; }

#topPriorityList [ap-task-row] .iniNameBox .parentNameLine .action_private_alignment {
  margin-top: 2px; }

div#container #actionList [ap-task-row] .iniNameBox .parentNameLine, #topPriorityList [ap-task-row] .iniNameBox .parentNameLine {
  width: 560px; }

.dissable-row {
  opacity: 0.3;
  pointer-events: none; }
  .dissable-row .coll_content:after {
    content: "";
    position: absolute;
    background: url(/images/loader.gif);
    width: 30px;
    height: 30px;
    z-index: 99;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    right: 40%;
    background-repeat: no-repeat; }

ap-profile-selector-dialog {
  position: absolute; }

.comment-content__attached_file__item a {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top; }

#fileListTasks .fileListItem a.file-name-txt {
  max-width: 500px;
  display: inline-block;
  vertical-align: text-top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.modal-open {
  overflow: hidden !important; }

ap-overlay {
  z-index: 104;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto; }
  ap-overlay.stay-on-top {
    z-index: 105; }

ap-confirmation-dialog ap-overlay {
  z-index: 105; }

#actionComment_popup .ini_details_comment {
  overflow: hidden;
  word-break: break-all; }
  #actionComment_popup .ini_details_comment .fr-box .fr-element.fr-view {
    margin-right: 0px;
    padding: 22px 14px;
    font-size: 13px;
    color: #121212;
    font-weight: 400;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    #actionComment_popup .ini_details_comment .fr-box .fr-element.fr-view .fr-placeholder {
      font-size: 13px;
      padding-top: 15px; }
  #actionComment_popup .ini_details_comment .fr-box .fr-toolbar ~ .fr-wrapper .fr-element.fr-view {
    border-top: none; }
  #actionComment_popup .ini_details_comment .has-action-log-section .fr-box .fr-element.fr-view {
    margin-right: 0px;
    padding: 22px 14px;
    font-size: 13px;
    color: #121212;
    font-weight: 400;
    border-radius: 0;
    border-bottom: 0; }
  #actionComment_popup .ini_details_comment .custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
    box-shadow: none; }
  #actionComment_popup .ini_details_comment .custom-theme.fr-toolbar.fr-top {
    box-shadow: none;
    border: 1px solid #DDD;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f9f9f9;
    border-bottom: none; }
  #actionComment_popup .ini_details_comment .custom-theme.fr-toolbar .fr-command.fr-btn, #actionComment_popup .ini_details_comment .custom-theme.custom-theme.fr-popup .fr-command.fr-btn {
    color: #525252; }
#actionComment_popup #fileListTasks .generic-icon.medium.icon-attach, #actionComment_popup #fileListTasks ap-comment .medium.icon-attach.comment-button, ap-comment #actionComment_popup #fileListTasks .medium.icon-attach.comment-button, #actionComment_popup #fileListTasks ap-task-quick-edit .medium.icon-attach.comment-button, ap-task-quick-edit #actionComment_popup #fileListTasks .medium.icon-attach.comment-button, #actionComment_popup #fileListTasks ap-task-quick-add .medium.icon-attach.comment-button, ap-task-quick-add #actionComment_popup #fileListTasks .medium.icon-attach.comment-button {
  font-size: 12px;
  font-weight: 400;
  color: #121212; }

ap-tag-selector-tag-row .tag-selector-row .list-item {
  white-space: nowrap;
  max-width: 252px;
  overflow: hidden;
  text-overflow: ellipsis; }
  ap-tag-selector-tag-row .tag-selector-row .list-item.txt-area {
    white-space: nowrap;
    max-width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    background: none;
    border: none;
    padding-top: 8px;
    margin-right: 5px; }
ap-tag-selector-tag-row .tag-selector-row .edit_wrap {
  text-align: right; }
  ap-tag-selector-tag-row .tag-selector-row .edit_wrap a.save-btn {
    background: none;
    border: none;
    color: #333;
    font-size: 12px; }
  ap-tag-selector-tag-row .tag-selector-row .edit_wrap a.cancel-btn {
    background: none;
    border: none;
    color: #808080;
    padding-right: 7px;
    font-size: 12px; }

#topPriorityList .priority_list__item .priority_list_item_wrapper .parentNameLine a {
  cursor: pointer; }
  #topPriorityList .priority_list__item .priority_list_item_wrapper .parentNameLine a.unaligned {
    cursor: default; }

#move_milestone_to_ini .bulk_checkbox__wrap .right__wrap {
  display: flex;
  list-style: none;
  width: 35%; }

#home ap-overlay .bulk-collapse-container__header .bulk_right__wrap h3 {
  font-size: 0.71rem; }
#home ap-overlay .assignedToHeading {
  font-size: 20px;
  padding: 0 20px 25px 0; }
#home ap-overlay .sect-before-text .assignedToHeading {
  font-size: 15px; }
#home ap-overlay .ini_assigned__title__holder {
  margin-top: 0; }

.ini_detail_edit {
  margin-top: 1px;
  display: inline-block; }
  .ini_detail_edit.focusarea_edit {
    margin-top: 18px;
    margin-left: 10px; }
  .ini_detail_edit .icon {
    background-image: url(/images/icons/icons-edit_bar-ltgrey.svg);
    display: block;
    width: 27px;
    height: 27px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%; }
  .ini_detail_edit .actions__item__edit.disabled {
    pointer-events: none;
    opacity: 0.5; }

.ini_details_header_singleline:hover .ini_detail_edit {
  visibility: visible; }

.block-lines .milestoneTableTaskTable:last-child .taskRow {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }

.tableRow:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }

.alignment-tree-hoverbox {
  position: absolute; }

.status-tree-hoverbox, .alignment-tree-hoverbox {
  position: absolute;
  left: 0px; }
  .status-tree-hoverbox .tree-hoverbox, .alignment-tree-hoverbox .tree-hoverbox {
    border: 1px solid #CCC;
    box-shadow: 5px 5px 8px #CCC;
    background-color: white;
    z-index: 100;
    width: 1200px; }
    .status-tree-hoverbox .tree-hoverbox .hover_controls, .alignment-tree-hoverbox .tree-hoverbox .hover_controls {
      position: absolute;
      top: 14px;
      right: 14px; }
      .status-tree-hoverbox .tree-hoverbox .hover_controls .control_close, .alignment-tree-hoverbox .tree-hoverbox .hover_controls .control_close {
        width: 17px;
        height: 17px;
        display: inline-block;
        font-size: 34px;
        line-height: 14px;
        color: #AAA;
        font-weight: 300;
        vertical-align: middle;
        cursor: pointer; }
    .status-tree-hoverbox .tree-hoverbox .feedback-status-text, .alignment-tree-hoverbox .tree-hoverbox .feedback-status-text {
      text-transform: capitalize; }
      .status-tree-hoverbox .tree-hoverbox .feedback-status-text.green, .alignment-tree-hoverbox .tree-hoverbox .feedback-status-text.green {
        color: #5BB030; }
      .status-tree-hoverbox .tree-hoverbox .feedback-status-text.red, .alignment-tree-hoverbox .tree-hoverbox .feedback-status-text.red {
        color: #E62E2C; }
      .status-tree-hoverbox .tree-hoverbox .feedback-status-text.yellow, .alignment-tree-hoverbox .tree-hoverbox .feedback-status-text.yellow {
        color: #FFE601; }

#totalOverviewList ap-company-overview .globalFilterWrapper .filters__button {
  margin-right: 6px; }
  #totalOverviewList ap-company-overview .globalFilterWrapper .filters__button[disabled] {
    pointer-events: none; }

#taskForm.new-action-form .action_align_to .selector-line.alignment-selector-line {
  height: 30px; }

#focusarea app-k-p-i-directive ap-controls .controls-box-with-arrow li a {
  color: #303030; }
#focusarea app-k-p-i-directive .kpi_description {
  padding-left: 20px; }
  #focusarea app-k-p-i-directive .kpi_description .kpi-name-description {
    padding: 5px 8px; }
    #focusarea app-k-p-i-directive .kpi_description .kpi-name-description:focus {
      border: 1px solid #DDD;
      box-shadow: none; }
  #focusarea app-k-p-i-directive .kpi_description .hideDescription {
    margin-left: 15px;
    margin-right: 44px; }
#focusarea app-k-p-i-directive .k-p-i-title {
  font-size: 13px;
  color: #303030;
  font-weight: 500; }
  #focusarea app-k-p-i-directive .k-p-i-title.bulk_option__button {
    position: absolute;
    right: 50px;
    margin: 0; }
  #focusarea app-k-p-i-directive .k-p-i-title.kpi_baseline, #focusarea app-k-p-i-directive .k-p-i-title.kpi_target, #focusarea app-k-p-i-directive .k-p-i-title.kpi_unit {
    font-weight: 400;
    font-size: 11px;
    color: black; }
  #focusarea app-k-p-i-directive .k-p-i-title.kpi_type .chzn-container {
    width: 100%; }
  #focusarea app-k-p-i-directive .k-p-i-title.kpi_type .chosen-container .chosen-single {
    border: none;
    border-bottom: 1px solid #DDD; }
    #focusarea app-k-p-i-directive .k-p-i-title.kpi_type .chosen-container .chosen-single span {
      font-size: 12px;
      font-weight: 400; }
  #focusarea app-k-p-i-directive .k-p-i-title .chosen-container.chosen-with-drop .chosen-single span:after {
    border-right: 1px solid #e83b83;
    border-bottom: 1px solid #e83b83; }
  #focusarea app-k-p-i-directive .k-p-i-title .chosen-container .chosen-single span {
    margin: 0; }
    #focusarea app-k-p-i-directive .k-p-i-title .chosen-container .chosen-single span:after {
      border-right: 1px solid #C6C6C5;
      border-bottom: 1px solid #C6C6C5; }
#focusarea app-k-p-i-directive input.k-p-i-title.kpi_name {
  font-weight: 400;
  font-size: 11px;
  color: black; }
#focusarea app-k-p-i-directive input.k-p-i-title:focus {
  border: 1px solid #C6C6C5;
  box-shadow: none;
  outline: none; }

#totalOverviewList .widget-switcher {
  padding-top: 0; }

#focusarea #taskFormContent .bulk_option__button {
  visibility: visible; }
#focusarea .objective_kpi_section .objective_kpi_table {
  border: 1px solid #D2D2D2;
  border-radius: 4px; }
  #focusarea .objective_kpi_section .objective_kpi_table .table {
    width: 100%; }
  #focusarea .objective_kpi_section .objective_kpi_table .title {
    font-size: 10px;
    color: #acacac;
    padding: 5px 10px 5px 0.6rem;
    text-align: left;
    text-transform: none;
    background: linear-gradient(#f7f7f7, white);
    font-weight: 300; }
    #focusarea .objective_kpi_section .objective_kpi_table .title.name {
      width: 31%; }
    #focusarea .objective_kpi_section .objective_kpi_table .title.logo {
      width: 4%; }
    #focusarea .objective_kpi_section .objective_kpi_table .title.target {
      width: 12%; }
    #focusarea .objective_kpi_section .objective_kpi_table .title.unit {
      width: 17%; }
    #focusarea .objective_kpi_section .objective_kpi_table .title.type {
      width: 17%; }
  #focusarea .objective_kpi_section .objective_kpi_table .content {
    font-size: 14px;
    color: #acacac;
    font-weight: 400;
    padding: 15px 10px 15px 10px; }
    #focusarea .objective_kpi_section .objective_kpi_table .content.name {
      font-weight: 400;
      color: #3D3D3D;
      word-break: break-all; }
    #focusarea .objective_kpi_section .objective_kpi_table .content.type .kpiTypeCell_icon {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      margin-right: 5px;
      position: relative;
      top: -2px; }
      #focusarea .objective_kpi_section .objective_kpi_table .content.type .kpiTypeCell_icon:after {
        content: "";
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0; }
      #focusarea .objective_kpi_section .objective_kpi_table .content.type .kpiTypeCell_icon.Ascending:after, #focusarea .objective_kpi_section .objective_kpi_table .content.type .kpiTypeCell_icon.Ascending-positive:after, #focusarea .objective_kpi_section .objective_kpi_table .content.type .kpiTypeCell_icon.Ascending-negetive:after {
        background-image: url("/images/icons/kpis/7-Ascending-pink.svg"); }
      #focusarea .objective_kpi_section .objective_kpi_table .content.type .kpiTypeCell_icon.Descending:after {
        background-image: url("/images/icons/kpis/8-Descending-pink.svg"); }
      #focusarea .objective_kpi_section .objective_kpi_table .content.type .kpiTypeCell_icon.Smiley:after {
        background-image: url("/images/icons/kpis/8.5-Smiley-pink.svg"); }
    #focusarea .objective_kpi_section .objective_kpi_table .content.kpiActionCell .kpi_option {
      width: 16px;
      height: 16px;
      background-size: 13px 13px;
      display: inline-block;
      background-repeat: no-repeat;
      margin-right: 0.7em;
      opacity: .5; }
#focusarea .attachedFilesList {
  padding-right: 15px; }
#focusarea span.required {
  color: #E83B83; }

.alignIcon {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #ccc;
  width: 23px;
  height: 14px;
  display: inline-block;
  right: -50%;
  opacity: 0; }
  .alignIcon:hover {
    opacity: 1; }

.all_ini_switch {
  left: -90px;
  background: url(/images/background_image.jpg);
  z-index: 24;
  margin-left: auto;
  position: absolute; }
  .all_ini_switch ap-view-switcher {
    position: fixed; }

#action-list .tableAboveHeader {
  background-color: white; }
#action-list .table-toolbar {
  display: flex; }
  #action-list .table-toolbar .bulk-collapse-container__header {
    border: none;
    flex: 1;
    justify-content: flex-end;
    height: unset; }
    #action-list .table-toolbar .bulk-collapse-container__header .bulk_right__wrap {
      width: 100%; }
      #action-list .table-toolbar .bulk-collapse-container__header .bulk_right__wrap #toggleArchived:checked ~ .hide_archived_btn {
        border: 1px solid #e93b83;
        color: #e93b83;
        background: #fef6f9; }
        #action-list .table-toolbar .bulk-collapse-container__header .bulk_right__wrap #toggleArchived:checked ~ .hide_archived_btn::before {
          background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
      #action-list .table-toolbar .bulk-collapse-container__header .bulk_right__wrap .h-gap {
        display: inline-block;
        width: 15px; }

#focusarea_page_direcives ap-feedback-form ap-task-list .taskListComponent .tableHeader {
  font-size: 10px;
  padding: 3px 8px 6px 6px; }
  #focusarea_page_direcives ap-feedback-form ap-task-list .taskListComponent .tableHeader .tableTagCell {
    width: 100px;
    padding: 0 6px; }
  #focusarea_page_direcives ap-feedback-form ap-task-list .taskListComponent .tableHeader .tableNameCell {
    padding-left: 15px; }
  #focusarea_page_direcives ap-feedback-form ap-task-list .taskListComponent .tableHeader .tableTagCell {
    width: 97px; }
#focusarea_page_direcives ap-feedback-form ap-task-list .taskListComponent .tableBody .tableNameCell ap-single-line {
  width: 90%; }
#focusarea_page_direcives ap-feedback-form ap-task-list .taskListComponent .tableBody .tableTagCell {
  width: 100px; }
#focusarea_page_direcives #iniActionDetails .actionHeaderBox__info_4__holder .info_item {
  font-size: 11px;
  font-weight: 400;
  color: #2F3941;
  text-transform: uppercase; }
  #focusarea_page_direcives #iniActionDetails .actionHeaderBox__info_4__holder .info_item .info_item__content {
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    text-transform: none; }
#focusarea_page_direcives #iniActionDetails .info_item .userInfo .footer {
  font-size: 10px;
  color: #acacac;
  font-weight: 400; }
  #focusarea_page_direcives #iniActionDetails .info_item .userInfo .footer .strong_text {
    color: #121212; }
#focusarea_page_direcives #iniActionDetails .info_item .userInfo .userName span {
  font-size: 15px;
  font-weight: 400;
  color: #121212; }
#focusarea_page_direcives #iniActionDetails .info_item .info_item__title, #focusarea_page_direcives #iniActionDetails .info_item .name {
  font-size: 11px;
  font-weight: 400;
  color: #2F3941;
  text-transform: uppercase; }
#focusarea_page_direcives #iniActionDetails .info_item .value {
  font-size: 15px;
  font-weight: 400;
  color: #121212; }

#focusarea_details_container #approve-mod-container .focusarea_history_collapsor {
  margin-left: 0px; }
  #focusarea_details_container #approve-mod-container .focusarea_history_collapsor .header-collapsor .executionStatus__title {
    font-size: 20px; }
#focusarea_details_container .executionStatus__holder #executionStatus__Section .feedback_icon_container {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block; }
  #focusarea_details_container .executionStatus__holder #executionStatus__Section .feedback_icon_container .align_icon {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    display: inline-block;
    background-repeat: no-repeat; }
  #focusarea_details_container .executionStatus__holder #executionStatus__Section .feedback_icon_container .blue {
    background-image: url(/images/icons/focusarea-blue.svg); }
  #focusarea_details_container .executionStatus__holder #executionStatus__Section .feedback_icon_container .green {
    background-image: url(/images/icons/focusarea-green.svg); }
  #focusarea_details_container .executionStatus__holder #executionStatus__Section .feedback_icon_container .yellow {
    background-image: url(/images/icons/focusarea-yellow.svg); }
  #focusarea_details_container .executionStatus__holder #executionStatus__Section .feedback_icon_container .red {
    background-image: url(/images/icons/focusarea-red.svg); }
  #focusarea_details_container .executionStatus__holder #executionStatus__Section .feedback_icon_container .grey {
    background-image: url(/images/icons/focusarea-grey_icon.svg); }
#focusarea_details_container .focusarea_history_header {
  display: inline-block !important;
  font-size: 20px;
  color: #2F3941; }
#focusarea_details_container .keyPerformanceTable .key_performance_header {
  color: #2F3941;
  font-size: 20px;
  display: inline-block;
  margin-bottom: 10px; }
#focusarea_details_container .focusarea_history_section .ini_history__title__holder {
  margin: 15px 0px 10px !important; }
#focusarea_details_container .focusarea_history_section #details_history_section .history-scrollable, #focusarea_details_container .focusarea_history_section #details_history_section .history-scrollable__content {
  overflow-x: hidden; }
#focusarea_details_container .focusarea_history_section .ini_details__ini_history__header .time-selector__holder {
  margin-left: 50px;
  margin-right: 650px; }
  #focusarea_details_container .focusarea_history_section .ini_details__ini_history__header .time-selector__holder .chosen-single {
    color: #ababab;
    border: 1px solid #ccc;
    border-radius: 5px; }
#focusarea_details_container .focusarea_history_section .ini_details__ini_history__header .ini_details__ini_history__header__item .hidden-radio + span {
  line-height: 25px;
  height: 25px;
  font-size: 12px; }

#changeResponsibleDialog .ap-overlay-content {
  padding: 22px 0; }
#changeResponsibleDialog .footer_holder {
  padding: 0; }
#changeResponsibleDialog .Tag_initiative .alignment-selector-line {
  margin-top: 8px;
  height: 25px;
  line-height: 25px; }
  #changeResponsibleDialog .Tag_initiative .alignment-selector-line .arrow_select {
    top: 10px; }
#changeResponsibleDialog .section-heading-pop-up-invite .container-pop-up-invite {
  margin: 0 26px 0 26px; }
  #changeResponsibleDialog .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder {
    margin: 0; }
    #changeResponsibleDialog .section-heading-pop-up-invite .container-pop-up-invite .ini_assigned__title__holder h3 {
      margin: 0;
      padding-bottom: 25px;
      font-size: 20px;
      font-weight: 400;
      color: #111;
      padding-right: 20px; }
#changeResponsibleDialog .section-body-top-content .ini_assigned__title__holder h3 {
  font-size: 10.2pt;
  margin: 0;
  color: #2F3941;
  padding-right: 20px;
  font-weight: 400; }

#executionStatus__Section .executionStatus__details__user {
  align-items: center; }
#executionStatus__Section .executionStatus__details__user__details {
  display: block;
  margin-top: 10px;
  margin-left: 50px; }
  #executionStatus__Section .executionStatus__details__user__details .details__item__kpi {
    margin-top: 15px;
    margin-bottom: 10px; }
  #executionStatus__Section .executionStatus__details__user__details .details__item__content {
    text-align: left;
    position: relative; }
    #executionStatus__Section .executionStatus__details__user__details .details__item__content .item__subtext {
      text-align: left; }
  #executionStatus__Section .executionStatus__details__user__details.top-section.overall-status {
    display: flex;
    margin-left: 5px;
    margin-top: 0;
    margin-bottom: 10px; }
  #executionStatus__Section .executionStatus__details__user__details.evaluation {
    display: inline-block;
    margin-top: 0px;
    margin-left: 26px;
    position: relative;
    top: -8px; }
    #executionStatus__Section .executionStatus__details__user__details.evaluation .details__item__actual {
      display: inline-block; }
      #executionStatus__Section .executionStatus__details__user__details.evaluation .details__item__actual.details__item .item__ico {
        margin-left: 20px; }
    #executionStatus__Section .executionStatus__details__user__details.evaluation .details__item__kpi {
      display: inline-block; }

ap-feedback-form .textareaHolder .fr-element.fr-view ol, ap-feedback-form .textareaHolder .fr-element.fr-view ul {
  margin-left: 15px; }

#actionCompleteDialog .required {
  color: #E83B83; }

#executionStatus__Section .executionStatus__details__user__holder {
  margin-left: 122px;
  margin-top: -3px; }
#executionStatus__Section.evaluation .executionStatus__details__user__holder {
  margin-left: 30px;
  margin-top: 0; }

.single_state_view {
  pointer-events: none; }

#giveFeedBackForm .section-heading-content {
  overflow: hidden;
  word-break: break-all; }
#giveFeedBackForm #fileListTasks .fileListItem a.file-name-txt {
  max-width: 200px; }

#milestone_list .tableRow .iniNameBox ap-comment-button, #milestone_list .tableRow .iniNameBox ap-single-line, #objective_list .tableRow .iniNameBox ap-comment-button, #objective_list .tableRow .iniNameBox ap-single-line {
  display: inline-block;
  position: relative;
  width: 100%; }
  #milestone_list .tableRow .iniNameBox ap-comment-button .less-collapsor:after, #milestone_list .tableRow .iniNameBox ap-single-line .less-collapsor:after, #objective_list .tableRow .iniNameBox ap-comment-button .less-collapsor:after, #objective_list .tableRow .iniNameBox ap-single-line .less-collapsor:after {
    right: 1px; }

#approve-mod-container.ini_detail_page .milestoneTableTaskTable .quick_edit_action {
  display: block; }
  #approve-mod-container.ini_detail_page .milestoneTableTaskTable .quick_edit_action.disabled {
    pointer-events: none;
    opacity: 0.5; }
#approve-mod-container.ini_detail_page .milestoneTableTaskTable .hoverItemHard {
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  margin: 5px auto 0 auto;
  height: 30px;
  padding: 10px; }

.ini_details__overview_table__content__header {
  text-transform: uppercase; }

.quick_edit_description_button {
  float: right;
  font-size: 12px;
  color: #E83B83;
  padding-right: 5px;
  z-index: 1;
  position: absolute;
  right: 0;
  cursor: pointer; }
  .quick_edit_description_button.no_title {
    top: -12px; }

#header-wrapper #horNav #main-menu #nav-outstanding #notifications-shortcut .notifications-counter {
  top: -34px;
  left: unset;
  right: 9px;
  min-width: 14px;
  height: 14px;
  line-height: 15px;
  vertical-align: middle;
  font-size: 8pt;
  font-weight: 600;
  padding: 1px 2px;
  border-radius: 40%;
  display: block;
  width: min-content; }
#header-wrapper #horNav #main-menu #nav-outstanding #notifications-shortcut .unread-notifications-counter {
  position: absolute;
  text-align: center;
  color: white;
  z-index: 1;
  top: -34px;
  left: 9px;
  background-color: #5384C3;
  min-width: 14px;
  height: 14px;
  line-height: 15px;
  vertical-align: middle;
  font-size: 8pt;
  font-weight: 600;
  padding: 1px 2px;
  border-radius: 40%;
  display: block;
  width: min-content; }

#container .subContainer #sub-container-2 {
  margin-top: 45px; }
  #container .subContainer #sub-container-2 ap-total-overview .viewSwitchers.sticky {
    z-index: 0; }
  #container .subContainer #sub-container-2 ap-total-overview .sticky {
    position: absolute;
    z-index: 0;
    padding-top: 5px;
    left: 195px;
    margin: -36px; }
    #container .subContainer #sub-container-2 ap-total-overview .sticky h1 {
      font-size: 18px;
      padding-left: 31px; }
    #container .subContainer #sub-container-2 ap-total-overview .sticky ap-view-switcher .widget-switcher {
      top: 30px; }
  #container .subContainer #sub-container-2 ap-total-overview ap-list-view .globalFilterWrapper {
    position: relative; }
    #container .subContainer #sub-container-2 ap-total-overview ap-list-view .globalFilterWrapper .filters__button {
      right: 75px;
      top: -35px; }
  #container .subContainer #sub-container-2 ap-total-overview ap-list-view .task-info-collapsor {
    left: 75px; }
  #container .subContainer #sub-container-2 ap-total-overview ap-list-view .filters__button {
    margin-left: 20px; }
  #container .subContainer #sub-container-2 ap-total-overview ap-list-view .filters-affected-count {
    color: #e83b83;
    padding: 10px;
    font-size: 12px; }
  #container .subContainer #sub-container-2 #user_detail_list_view ap-total-overview .viewSwitchers.sticky {
    z-index: 10; }

#milestone_list .listViewRow .iniNameBox .ms_attachecd_file_section {
  display: flex; }
#milestone_list .listViewRow .iniNameBox .ms_name_section {
  align-items: center;
  position: relative; }
#milestone_list .listViewRow .iniNameBox .usersInfo .orvedue_tag.active, #milestone_list .listViewRow .iniNameBox .usersInfo .pending_tag.active {
  font-size: 10px;
  font-weight: 400; }
#milestone_list .listViewRow .iniNameBox .usersInfo .collapsedSingleLine {
  padding-right: 15px; }
#milestone_list .listViewRow .iniNameBox .usersInfo .contents .responsible-block {
  font-size: 10px;
  color: #ACACAC;
  font-weight: 400; }

#businessmapEdit .form-width-100 {
  font-size: 12px; }

#ap_businessmap_name {
  padding-bottom: 0;
  margin-top: 1rem;
  height: 25px; }

.custom-error-text {
  color: red;
  font-size: 12px;
  font-weight: 500;
  margin: 10px;
  position: relative;
  padding-left: 20px; }
  .custom-error-text.font-weight-normal {
    font-weight: normal; }
  .custom-error-text:before {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 24px 24px;
    background-position: 0 0;
    background-image: url(/images/icons/priority-red.svg); }
  .custom-error-text .error-text {
    font-weight: 500; }

#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_icon .history-action-icon-wrapper .history-action-icon {
  top: 43%;
  left: 44%; }
  #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_icon .history-action-icon-wrapper .history-action-icon.focusarea:after {
    background-size: 20px;
    overflow: unset; }
  #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_icon .history-action-icon-wrapper .history-action-icon.feedback {
    overflow: unset; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_icon:before {
  height: 100%; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.red {
  color: #E73D3E; }
  #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.red .name, #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.red .status {
    color: inherit; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.green {
  color: #71d340; }
  #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.green .name, #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.green .status {
    color: inherit; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.yellow {
  color: #FFE603; }
  #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.yellow .name, #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line.yellow .status {
    color: inherit; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line .name {
  font-weight: 400;
  font-size: 15px;
  color: #121212; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__top_line .class {
  font-size: 15px;
  color: #ACACAC;
  font-weight: 300; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__item_date .feedback_type {
  color: #ACACAC; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__item_date .date {
  color: #ACACAC; }
  #focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__item_date .date ap-time-remaining {
    color: #ACACAC; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__item_name .name {
  color: #ACACAC; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .info_holder .info_holder__item_name .value {
  color: #121212; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .coll_content__comment_holder .title {
  font-weight: 400;
  font-size: 10px;
  color: #2F3941;
  text-transform: uppercase; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .coll_content__kpi_holder tr th {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 10px;
  color: #2F3941; }
#focusarea_details_container #actionHistoryBox #display-action-history #action-history-content .ini_details__ini_history__item .coll_content .coll_content__kpi_holder tbody tr td {
  font-weight: 400;
  font-size: 10px;
  color: #2F3941;
  padding: 3px 0px; }

#businessmap_terminology_dialog_content .form-label {
  width: 30%;
  display: inline-block;
  font-size: 12px; }
#businessmap_terminology_dialog_content .form-field {
  border: 1px solid #cdcdcd;
  background-color: transparent;
  padding: 5px;
  font-size: 12px; }
#businessmap_terminology_dialog_content .field-wrap {
  padding: 5px; }
#businessmap_terminology_dialog_content .field-wrap:first-child .form-field {
  border: none;
  font-weight: 500; }
#businessmap_terminology_dialog_content .commentCheckboxLabel {
  font-size: 12px;
  font-weight: 400;
  color: #cccccc;
  border: 1px solid #bbbbbb;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin-top: 10px;
  width: 112px;
  padding: 3px 10px;
  cursor: pointer; }
  #businessmap_terminology_dialog_content .commentCheckboxLabel.active {
    color: #E83B83;
    border: 1px solid #E83B83; }

ap-user-detail ap-hover-box {
  top: 120px; }
ap-user-detail .status-tree-hoverbox {
  left: unset; }

#move_initiatives .select_string {
  padding-left: 0;
  margin-left: 0;
  font-size: 10.2pt; }

#topPriorityListTableBody .header_table_style .plh__date, #topPriorityListTableBody .header_table_style .plh__name_cell, #topPriorityListTableBody .header_table_style .plh__name_progress, #topPriorityListTableBody .header_table_style .plh__latest_update {
  text-transform: uppercase; }

.status_name_loader_section {
  display: flex;
  align-self: center;
  justify-content: space-between;
  padding: 21px 15px;
  cursor: pointer; }

.status_name_loader {
  margin-left: 10px;
  background-size: contain;
  width: 24px;
  height: 24px; }

.ini_detail_page .header-collapsor h3.status_loader_name {
  display: flex;
  align-self: center; }

#Status_name_loader {
  display: none; }

#exec_plan_expander {
  top: 3px; }

.execution-plan-gantt-json-section {
  min-height: 163px; }

.ini_status_latest_trend {
  width: 16px;
  height: 21px;
  display: inline-block;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: inherit;
  position: relative;
  top: 13px;
  margin-left: 2px; }
  .ini_status_latest_trend.green_trend_arrow {
    background-image: url(/images/icons/trend-up-viewbox.svg); }
  .ini_status_latest_trend.red_trend_arrow {
    background-image: url(/images/icons/trend-down-viewbox.svg); }
  .ini_status_latest_trend.blue_trend_arrow {
    background-image: url(/images/icons/trend-side-viewbox.svg); }

#approve-mod-container .sendOrCancelIni#sendOrCancelIni {
  display: none; }

#ap_profile_notify_user:checked + .form-btn, #ap_profile_is_alias:checked + .form-btn {
  border: 1px solid #E83B83;
  color: #E83B83;
  background-color: #FFF6F9; }

#createForm.create-initiative .ini_create__rolsprivacy__holder .form-box .row .col_33 .profile-selector-line.selector-line {
  padding-right: 15px; }

.executionStatusTable .divTable .tableRow.milestoneRow .mainContent .iniNameBox ap-text-truncate-format .text-truncate.expandAutoHeight {
  word-break: break-word; }

.quick_edit_input_disable {
  pointer-events: none;
  opacity: 0.5; }

.mention {
  color: #e83b83; }

ap-admin-metrics h3 {
  margin: 14px 0;
  font-size: 25px;
  color: #2f3941; }

#guestTableWrapper .upgrade-btn {
  color: #E83B83; }

#highlighted_milestone_dialog .form-box {
  width: 1200px !important; }
#highlighted_milestone_dialog .feedback_hoverbox {
  top: 0;
  width: 100%;
  border: none;
  box-shadow: none; }

.private_ini_execution_plan_msg {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  color: #E83B83; }

.notification_expander {
  position: absolute;
  border: 1px solid #d6d6d6;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-repeat: no-repeat;
  right: 11px;
  top: 12px; }

.notification_expander.notification_expanded {
  border: 1px solid #ffc5dc; }

.notification_expander:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-left: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  transform: rotate(225deg);
  position: relative;
  top: 5px;
  left: 3px; }

.notification_expander.notification_expanded:before {
  border-left: 1px solid #E83B83;
  border-bottom: 1px solid #E83B83;
  transform: rotate(-45deg);
  left: 5px;
  top: 4px; }

ap-user-detail .controls-box .controls-box-with-arrow:before {
  display: none; }

ap-user-detail .controls-box .controls-box-with-arrow:before {
  display: none; }

.generic-icon.action-privacy-icon, ap-comment .action-privacy-icon.comment-button, ap-task-quick-edit .action-privacy-icon.comment-button, ap-task-quick-add .action-privacy-icon.comment-button {
  bottom: -3px;
  right: -4px;
  z-index: 2; }
  .generic-icon.action-privacy-icon:after, ap-comment .action-privacy-icon.comment-button:after, ap-task-quick-edit .action-privacy-icon.comment-button:after, ap-task-quick-add .action-privacy-icon.comment-button:after {
    background-image: url(/images/icons/privacy-icon-pink.svg);
    background-size: 12px 14px !important;
    background-repeat: no-repeat;
    background-position: -1px -2px; }

.default-cursor {
  cursor: default; }

.controlPanel_form_error .form-errors {
  position: relative;
  top: 72px;
  width: 100%; }

#totalOverviewList .feedback_hoverbox {
  width: 1100px; }
  #totalOverviewList .feedback_hoverbox .feedback_hoverbox_item .col_status {
    width: 700px; }
#totalOverviewList .status-tree-hoverbox .tree-hoverbox, #totalOverviewList .alignment-tree-hoverbox .tree-hoverbox {
  width: 1100px; }

ap-milestone-table .hoverItems .hoverItemHard {
  margin-left: 13px;
  margin-right: 6px; }

#topPriorityList .iniNameBox .iniNameBoxRow, #ini-details-view-section .iniNameBox .iniNameBoxRow {
  display: inline-flex; }

.fr-wrapper .fr-element ul {
  margin-left: 15px; }
.fr-wrapper .fr-element ol {
  margin-left: 15px; }

.list_scroll_loader {
  margin: auto;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 34px;
  height: 34px; }

.action_private_alignment {
  width: 22px;
  height: 22px;
  position: absolute;
  left: -17px;
  bottom: -9px; }

#topPriorityList .iniNameBox .action_private_alignment {
  bottom: -7px; }

#support_dialog .create_request {
  position: relative;
  bottom: 35px;
  margin: 0px; }
#support_dialog #fileListTasks {
  float: left; }
  #support_dialog #fileListTasks .icon-attach {
    padding-left: 0px; }
#support_dialog .subject {
  display: grid; }
#support_dialog .inner-sec:after {
  border-left: 2px solid #e7e7e7; }
#support_dialog .sect-cont {
  align-items: normal; }
#support_dialog .sect-inner-content {
  padding-top: 20px; }
#support_dialog .sect-before-text {
  display: block;
  margin-top: 7px; }
#support_dialog .section-body-bottom-content {
  margin-top: 20px; }
#support_dialog .custom-fr-input textarea {
  width: 100%; }
#support_dialog .assignedToHeading {
  white-space: normal;
  margin-top: 12px; }
#support_dialog a.here {
  color: #E83B83;
  text-decoration: none; }

/* - Internet Explorer 1011
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
  color: #B7B7B7 !important; }

.hide_strategy {
  display: none; }

.removeDueDate {
  background-image: url(/images/icons/icons-plus.svg);
  transform: rotate(45deg);
  top: 10px;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  left: 10%;
  position: absolute; }

#user_detail_list_view_container ap-view-switcher {
  pointer-events: none; }
#user_detail_list_view_container ap-hover-box {
  z-index: 26; }
#user_detail_list_view_container .hideable {
  position: relative; }
#user_detail_list_view_container .userSticky {
  position: absolute;
  top: 78px;
  z-index: unset; }
#user_detail_list_view_container ap-profile-switcher {
  display: none; }
#user_detail_list_view_container .viewTable {
  position: unset; }
#user_detail_list_view_container ap-total-overview .viewSwitchers.sticky, #user_detail_list_view_container #totalOverviewList .total_overview__my_actions__holder.sticky, #user_detail_list_view_container ap-list-view .globalFilterWrapper {
  position: absolute; }
#user_detail_list_view_container #container ap-total-overview .viewSwitchers.sticky {
  z-index: 25; }
#user_detail_list_view_container ap-menu > div {
  margin-top: -121px;
  margin-left: 0; }

ap-menu .bulk_option__button {
  z-index: 2; }

.edit-security .edit-company-security .security-title h3 {
  font-size: 20px;
  margin-bottom: 10px; }
.edit-security .edit-company-security .form-box {
  padding: 22px 5px; }
  .edit-security .edit-company-security .form-box .one-column .fu .field-label {
    position: relative;
    top: 20px;
    left: 5px; }
.edit-security .edit-company-security .password-strength {
  overflow: hidden; }
  .edit-security .edit-company-security .password-strength .two-column .fu .hidden-radio-label .password-strength-button {
    border-radius: 15px; }

#multiple_alignment_section a.add-multiple-alignment span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 9px;
  background-image: url(/images/icons/more-options-grey.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 0;
  filter: none;
  opacity: 0.5; }
#multiple_alignment_section.add_multiple_alignment {
  padding: 10px 0; }
#multiple_alignment_section .add-multiple-alignment:nth-child(2) {
  float: right;
  font-size: 13px;
  color: #E83B83; }
#multiple_alignment_section .add-multiple-alignment:first-child {
  float: right;
  font-size: 11px;
  text-transform: uppercase;
  color: #ACACAC;
  margin-right: 19px; }

#edit-security .edit-company-security .security-title h3 {
  font-size: 20px;
  margin-bottom: 10px; }
#edit-security .edit-company-security .form-box {
  padding: 22px 5px; }
  #edit-security .edit-company-security .form-box .one-column .fu .field-label {
    position: relative;
    top: 20px;
    left: 5px; }
#edit-security .edit-company-security .password-strength {
  overflow: hidden; }
  #edit-security .edit-company-security .password-strength .two-column .fu .hidden-radio-label .password-strength-button {
    border-radius: 15px; }

#loginOverview .alert-danger {
  background-color: #f44336;
  padding: 10px; }
  #loginOverview .alert-danger h4 {
    color: white; }

.blue-lock::after {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  position: absolute; }

.blue-lock-circle::after {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  top: 26px;
  left: calc(100% - 10px); }

.solo-user-controlpanel .label-button-wrap .field-label {
  cursor: default;
  opacity: 0.6; }
.solo-user-controlpanel .label-button-wrap .blue-lock-icon {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer; }
.solo-user-controlpanel .label-button-wrap .disp-f {
  opacity: 0.6;
  pointer-events: none;
  cursor: default; }

.solo-user-roadmaps {
  width: 38% !important; }
  .solo-user-roadmaps .field-label {
    opacity: 0.6;
    cursor: default; }
    .solo-user-roadmaps .field-label span.required {
      color: #696969 !important; }
  .solo-user-roadmaps .blue-lock-icon {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer; }
  .solo-user-roadmaps .chosen-container {
    opacity: 0.6;
    pointer-events: none;
    cursor: default; }

.solo-user-roadmaps-active-button .form-width-100 {
  opacity: 0.6;
  pointer-events: none;
  cursor: default; }
.solo-user-roadmaps-active-button .blue-lock-icon-holder {
  padding: 32px 7px 12px; }
  .solo-user-roadmaps-active-button .blue-lock-icon-holder .blue-lock-icon {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer; }

.solo-user-menu {
  color: #7a7b7d !important; }
  .solo-user-menu .subSubMenuContent {
    color: #7a7b7d !important; }
  .solo-user-menu .subSubMenuContent:hover {
    color: #7a7b7d !important; }
  .solo-user-menu .blue-lock-icon-menu {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue-dark-background.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    margin-left: 10px;
    top: 10px; }

.solo-user-user-permissions .blue-lock-icon {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  margin-top: 8px; }

.solo-user-mandatory-tags {
  cursor: default; }
  .solo-user-mandatory-tags .blue-lock-icon {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    margin-top: -4px;
    margin-left: 2px; }
  .solo-user-mandatory-tags .action-privacy-wrapper {
    opacity: 0.6;
    pointer-events: none; }

.solo-user-owner, .solo-user-responsible {
  cursor: default; }
  .solo-user-owner .ini_create__col_title, .solo-user-responsible .ini_create__col_title {
    opacity: 0.6; }
    .solo-user-owner .ini_create__col_title .required, .solo-user-responsible .ini_create__col_title .required {
      color: #696969 !important; }
  .solo-user-owner .solo-user-disabled, .solo-user-responsible .solo-user-disabled {
    pointer-events: none;
    opacity: 0.6; }
  .solo-user-owner .blue-lock-icon, .solo-user-responsible .blue-lock-icon {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer; }

.solo-user-supporter .support_invitations__header {
  width: 97%; }
.solo-user-supporter .createLink {
  pointer-events: none;
  opacity: 0.6; }
.solo-user-supporter .blue-lock-icon {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 1px; }

.solo-user-milestone-responsible .field-label {
  opacity: 0.6; }
.solo-user-milestone-responsible .required {
  opacity: 0.6; }
.solo-user-milestone-responsible .blue-lock-icon {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer; }
.solo-user-milestone-responsible .solo-user-disabled {
  pointer-events: none;
  opacity: 0.6; }

.solo-user-private label {
  pointer-events: none;
  opacity: 0.6; }
.solo-user-private .blue-lock-icon {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  margin: -22px 153px; }

.solo-user-feedback-private .markPrivateButton {
  pointer-events: none;
  opacity: 0.6; }
.solo-user-feedback-private .blue-lock-icon {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  margin: 4px -30px; }

.solo-user-comment {
  pointer-events: none; }
  .solo-user-comment .private_button {
    opacity: 0.6; }
  .solo-user-comment .blue-lock-icon {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 1px; }
  .solo-user-comment span.blue-lock-icon.send-email-solo {
    margin-left: 20px;
    margin-top: 3px; }

.solo-user-send-email .align_assigned_title_holder {
  pointer-events: none;
  opacity: 0.6; }
.solo-user-send-email .blue-lock-icon {
  content: "";
  background-image: url("/images/icons/privacy-icon-blue.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  top: 20px;
  margin-left: 4px; }

/* ----------------------------------------------- */
.solo-user-locked {
  pointer-events: none; }
  .solo-user-locked .ini_create__col_title span.required {
    color: #696969 !important; }
  .solo-user-locked .field-label span.required {
    color: #696969 !important; }
  .solo-user-locked .field-label::after, .solo-user-locked .ini_create__col_title::after, .solo-user-locked .createLink::after {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute; }
    .solo-user-locked .field-label::after span.required, .solo-user-locked .ini_create__col_title::after span.required, .solo-user-locked .createLink::after span.required {
      color: #696969 !important; }

.solo-user-locked-dailog {
  pointer-events: none;
  opacity: 0.6; }
  .solo-user-locked-dailog span.required {
    color: #696969 !important; }
  .solo-user-locked-dailog span.required::after {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute; }

.solo-user-locked-box {
  pointer-events: none;
  opacity: 0.6; }
  .solo-user-locked-box::after {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    right: 0px; }
  .solo-user-locked-box.small-icon::after {
    top: -12px;
    display: inline-table;
    width: 22px;
    height: 22px; }
  .solo-user-locked-box label span::after {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 2px; }

.solo-user-locked-options {
  pointer-events: none; }
  .solo-user-locked-options::after {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    right: -10px; }

.solo-user-options {
  cursor: default; }
  .solo-user-options a.controls-option-link {
    pointer-events: none;
    opacity: 0.6; }
  .solo-user-options .blue-lock-icon {
    content: "";
    background-image: url("/images/icons/privacy-icon-blue.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    right: 0;
    margin-top: -30px; }

#companyCreateForm select {
  visibility: visible; }

#first_signin_page #loginOverview #sign_up_step2 .first_sign_in_language .form-width-100 .language_selector .chzn-container span {
  padding: 8.1px 0; }
#first_signin_page #loginOverview .first_sign_in_timezone .form-width-100 .chzn-container {
  padding-right: 50%; }
  #first_signin_page #loginOverview .first_sign_in_timezone .form-width-100 .chzn-container a {
    width: 230%; }
    #first_signin_page #loginOverview .first_sign_in_timezone .form-width-100 .chzn-container a span {
      padding: 8.1px 0; }

#translations {
  border-collapse: collapse;
  width: 100%; }
  #translations thead {
    font-size: 15px; }
  #translations .translations-same td {
    border: 2px solid #e83b83; }

#translations td, #translations th {
  border: 1px solid #ddd;
  padding: 8px; }

#translations tr:nth-child(even) {
  background-color: #f2f2f2; }

#translations tr:hover {
  background-color: #ddd; }

#translations th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #e83b83;
  color: white;
  width: 33%; }

.feedback_content_row {
  width: 100%;
  word-break: break-word; }

#multi_align_container .multi_align_row {
  display: flex;
  align-items: flex-end; }
  #multi_align_container .multi_align_row .multi_align_row_selector {
    width: 85%; }
  #multi_align_container .multi_align_row .remove-multiple-alignment {
    margin-left: 10px;
    font-size: 13px;
    color: #E83B83; }

#createUserFormDailog .alert-popup {
  width: 50% !important;
  left: 25% !important; }

.alignment-child.disable {
  pointer-events: none;
  opacity: .5; }

.display-none {
  display: none !important; }

div.info-icon span {
  background-image: url(/images/info-grey.svg);
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.feedback-select-body {
  display: flex;
  justify-content: center;
  align-items: center; }

.alignment-child.disable {
  pointer-events: none;
  opacity: .5; }

ap-view-switcher .widget-switcher:after {
  top: 27px; }

input#ip {
  padding: 7px; }

.fu.greyed.ip-example {
  margin-left: 14px; }

input.ip-add-button {
  margin-top: -15px;
  background: #e3e3e3;
  color: #0e0e0e;
  border: 1px solid #b7b7b7;
  cursor: pointer;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  height: 27px; }

input.ip-remove-button {
  margin-top: -5px; }

.ip-title-s {
  font-size: 11px; }

.modal-size {
  width: 377px;
  z-index: 100;
  position: fixed;
  left: 565.504px;
  top: 125.535px;
  display: block; }

h3.verify-position {
  padding-left: 10px !important; }

input#verifyIp {
  padding: 6px;
  margin-left: 11px; }

.ip-modal-button #submitpanel {
  margin: 20px -4px 0 25px !important; }

.birthday-month-margin {
  margin-left: 3px; }

.userName span {
  word-break: break-word; }

.dialog_cancel_cross {
  color: #AAA;
  font-size: 30px;
  position: absolute;
  right: 20px;
  cursor: pointer; }

.or_text {
  display: inline-block;
  padding: 6px 0;
  font-size: 14px;
  margin: 0 15px; }

.display-none {
  display: none !important; }

.pt-27 {
  padding-top: 27px !important; }

.mt-34 {
  margin-top: 34px !important; }

.py-27 {
  padding-left: 27px !important;
  padding-right: 27px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.mr-0 {
  margin-right: 0px !important; }

.mr-25 {
  margin-right: 25px; }

.mb-0 {
  margin-bottom: 0 !important; }

.mt-6 {
  margin-top: 6px !important; }

.mw-20 {
  min-width: 20px !important; }

.w-100 {
  width: 100% !important; }

.w-0 {
  width: 0 !important; }

.bordernone {
  border: none !important; }

.hidden-data {
  display: none !important; }

.mt-18 {
  margin-top: 18px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-22 {
  margin-top: 22px !important; }

.organisationOverviewOutstandings {
  background: #fffff3 !important;
  width: 1193px !important; }

.priority-outstanding-counter {
  min-width: 14px !important;
  height: 14px !important;
  line-height: 15px !important;
  vertical-align: middle !important;
  font-size: 8pt !important;
  font-weight: 600 !important;
  padding: 1px 2px !important;
  border-radius: 40% !important;
  display: block !important;
  width: min-content !important; }

/* COMMON CSS CLASS */
.mt-4 {
  margin-top: 4px !important; }

.font-weight-400 {
  font-weight: 400 !important; }

.font-11 {
  font-size: 11px !important; }

.font-12 {
  font-size: 12px !important; }

.rounded-bottom {
  border-bottom: 1px solid #DDD !important;
  border-bottom-right-radius: 12px !important;
  border-bottom-left-radius: 12px !important; }

.notif-heart {
  display: inline-block;
  width: 10px;
  height: 8px;
  background-image: url(/images/icons/roles/heart-rose.png);
  background-size: 10px 8px;
  background-position: 0px 0px;
  margin-right: 4px;
  margin-bottom: -1px; }

.notif-arrow {
  display: inline-block;
  width: 10px;
  height: 8px;
  background-image: url(/images/icons/roles/owner-simple.svg);
  background-size: 22px 17px;
  background-position: 0px 0px;
  margin-right: 3px; }

.msgFlashInnernew {
  position: relative;
  padding: 0 20px 0 14px;
  background-color: #7CBE54;
  color: white;
  font-size: 14px;
  line-height: 33px;
  width: 96%;
  margin: 0 auto;
  height: 33px;
  font-weight: 400;
  text-align: center;
  margin-top: 26px; }

.msgFlashInnernew.error-flash {
  background: #E62E2C; }

.feedbacker-role {
  margin-right: -2px; }

.feedbacker-role:before {
  margin-left: -12px; }

.feedbacker-role:after {
  word-break: break-word; }

.header-text {
  margin-top: 20px !important;
  font-size: 20px !important;
  margin-bottom: 15px !important; }

.headline-text {
  margin-top: 20px !important;
  font-size: 20px !important;
  margin-bottom: 10px !important; }

.edit-security-page .edit-security .edit-company-security {
  margin-bottom: 10px; }

.edit-security-page .edit-security .edit-company-security .security-title.securityBorder {
  border-bottom: 1px solid #c6c6c5 !important; }

.edit-security-page .edit-security .edit-company-security .form-box {
  border-radius: 12px;
  width: 100% !important; }

span.field-label.fs-12 {
  font-size: 12px !important; }

.edit-security .edit-company-security .form-box {
  padding: 22px 0px; }

.fr.one-column.grey-bg {
  background: #FAF8F9; }

.edit-security .edit-company-security .form-box .top-margin {
  margin: 5px 10px 10px 16px !important; }

.edit-security .edit-company-security .form-box .left-padding {
  padding-left: 16px;
  padding-bottom: 22px; }

.password-strength-label {
  width: 85px !important;
  margin-left: 20px !important; }

.strength-width {
  width: 400px !important; }

.requirements-high ul li {
  font-size: 12px; }

.button-width {
  width: 135px !important; }

.passwordExpiryCheckbox + span {
  margin-top: 20px; }

.grey-bg {
  background: #FAF8F9 !important; }

.edit-security .edit-company-security .form-box .left-padding.bottom-padding {
  padding-bottom: 3px !important; }

.edit-security .edit-company-security .password-strength {
  padding-bottom: 0px !important; }

.saml-button {
  padding-left: 13px !important; }

.s-a-m-l-box {
  margin-bottom: -20px !important; }

div#saml_details {
  margin-left: 13px;
  margin-right: 13px;
  font-size: 12px; }

.ip-box {
  margin-left: 13px !important;
  margin-right: 3px !important;
  font-size: 12px !important; }

.ip-title-s {
  font-size: 12px !important; }

.alert-popup .sub_action_title_holder .pb-15 {
  padding-bottom: 15px !important; }
.alert-popup .sub_action_title_holder .mb-3 {
  margin-bottom: 3px !important; }
.alert-popup .sub_action_title_holder .fs-20 {
  font-size: 20px !important;
  color: #2f3941 !important; }
.alert-popup .sub_action_title_holder .fw-400 {
  font-weight: 400 !important; }
.alert-popup .sub_action_title_holder .archive a {
  text-decoration: none !important;
  pointer-events: none;
  cursor: default; }

.pt-20 {
  padding-top: 20px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.fs-20 {
  font-size: 20px !important;
  color: #2f3941 !important; }

.fw-400 {
  font-weight: 400 !important; }

.archive a {
  text-decoration: none !important;
  pointer-events: none;
  cursor: default; }

.ini_create__input_holder_row {
  margin-top: 60px; }

.ini_alignment_row {
  min-height: 88px; }

.outstandingsCenterContainer .outstanding-margin {
  margin-left: -124px; }

.company-header {
  margin-top: 20px !important;
  margin-bottom: 15px !important; }

.company-from-header {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #2F3941 !important;
  text-transform: uppercase; }

.Company_account_content .field-label {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #2F3941 !important;
  text-transform: uppercase; }

.Company_account_content input {
  font-size: 15px !important;
  font-weight: 400 !important; }

.Company_account_content .selector-line.profile-selector-line {
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 48px !important; }

.Company_account_content .chosen-container .chosen-single {
  font-weight: 400 !important;
  font-size: 15px !important; }

.Company_account_content .chosen-container-single .chosen-single span {
  margin-left: 0px !important;
  padding-bottom: 6px !important; }

.Company_account_content .selector-line.profile-selector-line {
  width: 100% !important; }

.Company_account_content .form-col-25 input {
  width: 100% !important; }

.Company_account_content .icon-calendar {
  width: 100% !important; }

input[name="ap_company[name]"] {
  height: 32px !important;
  padding-bottom: 0px !important; }

input[name="ap_company[fiscal_year_start]"] {
  height: 31px !important;
  margin-top: 15px; }

.Company_account_content .selector-line.alignment-selector-line {
  line-height: 50px !important; }

.Company_account_content .selector-line.profile-selector-line {
  margin-top: 1px !important; }

.Company_account_content .icon-calendar {
  margin-bottom: -6px !important; }

.Company_account_content .icon-calendar:after {
  right: 0px !important; }

.company-box-margin {
  margin-top: 15px;
  margin-bottom: 45px !important; }

.company-file-margin {
  margin-top: 15px; }

.Company_account_content .form-row .company_content .add-picture {
  left: 7% !important; }

.Company_account_content .imageWidth {
  padding-left: 0px !important; }

.Company_account_content .image-width {
  padding-left: 0px !important; }

.Company_account_content .image-preview {
  margin-left: 70px !important;
  margin-top: -20px; }

.company-logo div.fr {
  min-height: 0px !important; }

.Company_account_content .logo-button-margin {
  margin-top: -22px !important; }

.company-logo .field-label {
  font-size: 12px !important; }

#removeimage {
  margin-top: 10px !important;
  margin-left: 5px !important; }

.custom-w-46-mr {
  margin-right: 46px;
  width: 46% !important; }

#ap_company_name {
  margin-top: -1px; }

.info_holder__top_line.red .status {
  display: contents; }

.info_holder__top_line.red .status {
  display: contents; }

#guest-list-header {
  font-size: 10px;
  margin-bottom: 10px;
  padding-bottom: 12px;
  padding-top: 20px; }
  #guest-list-header .guest-list-heading {
    font-weight: 400;
    color: #121212;
    font-size: 25px;
    margin: 0; }

.disabled-link {
  pointer-events: none;
  cursor: default; }

#userWelcomeForm .welcome-note-main {
  margin: 0; }
#userWelcomeForm .welcome-note-container {
  padding: 25px 35px; }
#userWelcomeForm .welcome-note-title {
  margin: 0 35px; }
#userWelcomeForm .ini_assigned__title__holder {
  margin: 0;
  margin-top: 20px; }
#userWelcomeForm .sub-heading-light {
  font-size: 14px; }
#userWelcomeForm .sect-inner-content {
  margin: 0 0 15px 0; }
#userWelcomeForm div.sect-inner-content:not(.no-border)::after, #userWelcomeForm .pop-up-invite-footer-actions:not(.no-border)::before, #userWelcomeForm div.pop-up-invite-footer-actions:not(.no-border)::after {
  display: none; }

#editMilestoneWrapper .milestoneTasks ap-single-line .actionAlignmentInNewMilestone {
  margin: 0; }

.create-tag-button {
  float: right;
  position: relative;
  top: -3px; }
  .create-tag-button .create span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 9px;
    background-image: url(/images/icons/more-options-pink.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat; }

.ini_create__input_holder textarea {
  min-height: 35px;
  height: 35px;
  font-weight: 400;
  color: #121212;
  padding-top: 10px;
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  padding-bottom: 8px;
  padding-left: 0;
  box-sizing: border-box;
  border-radius: 0px;
  width: 100%;
  overflow: hidden;
  word-break: break-all;
  resize: none;
  text-decoration: none; }
  .ini_create__input_holder textarea:focus {
    outline: none; }

#init_name.ini-name-field {
  min-height: 32px;
  height: 32px;
  padding-top: 10px;
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  padding-bottom: 8px;
  padding-left: 0;
  box-sizing: border-box;
  border-radius: 0px;
  width: 100%;
  font-weight: 300;
  overflow: hidden;
  word-break: break-all;
  resize: none;
  text-decoration: none; }

#businessmap-users #businessmap-only-users thead th:nth-last-child(1), #businessmap-users #businessmap-only-users thead td:nth-last-child(1), #businessmap-users #businessmap-only-users tbody th:nth-last-child(1), #businessmap-users #businessmap-only-users tbody td:nth-last-child(1), #businessmap-users #businessmap-all-users thead th:nth-last-child(1), #businessmap-users #businessmap-all-users thead td:nth-last-child(1), #businessmap-users #businessmap-all-users tbody th:nth-last-child(1), #businessmap-users #businessmap-all-users tbody td:nth-last-child(1) {
  display: revert; }
  #businessmap-users #businessmap-only-users thead th:nth-last-child(1) .tablesorter-header-inner, #businessmap-users #businessmap-only-users thead th:nth-last-child(1) .tab-selector-wrapper, #businessmap-users #businessmap-only-users thead td:nth-last-child(1) .tablesorter-header-inner, #businessmap-users #businessmap-only-users thead td:nth-last-child(1) .tab-selector-wrapper, #businessmap-users #businessmap-only-users tbody th:nth-last-child(1) .tablesorter-header-inner, #businessmap-users #businessmap-only-users tbody th:nth-last-child(1) .tab-selector-wrapper, #businessmap-users #businessmap-only-users tbody td:nth-last-child(1) .tablesorter-header-inner, #businessmap-users #businessmap-only-users tbody td:nth-last-child(1) .tab-selector-wrapper, #businessmap-users #businessmap-all-users thead th:nth-last-child(1) .tablesorter-header-inner, #businessmap-users #businessmap-all-users thead th:nth-last-child(1) .tab-selector-wrapper, #businessmap-users #businessmap-all-users thead td:nth-last-child(1) .tablesorter-header-inner, #businessmap-users #businessmap-all-users thead td:nth-last-child(1) .tab-selector-wrapper, #businessmap-users #businessmap-all-users tbody th:nth-last-child(1) .tablesorter-header-inner, #businessmap-users #businessmap-all-users tbody th:nth-last-child(1) .tab-selector-wrapper, #businessmap-users #businessmap-all-users tbody td:nth-last-child(1) .tablesorter-header-inner, #businessmap-users #businessmap-all-users tbody td:nth-last-child(1) .tab-selector-wrapper {
    display: flex;
    justify-content: center; }

.guest-bulk-option-tooltip {
  position: absolute;
  right: 0px;
  width: 269px;
  bottom: 10px;
  transform: translateY(-100%);
  background: #292929;
  color: white;
  padding: 7px;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0 2px 8px 0 rgba(10, 10, 10, 0.2); }

.username-tooltip {
  z-index: 26;
  position: absolute;
  max-width: 60%;
  transform: translateY(-100%);
  background: #292929;
  color: white;
  padding: 7px;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0 2px 8px 0 rgba(10, 10, 10, 0.2); }

.hiddenDateInput, .hiddenStartDateInput {
  position: relative;
  left: -132px;
  z-index: 1;
  border: 0; }

.date-error {
  display: inline-block;
  padding-top: 6px;
  color: red;
  font-size: 12px; }

#confirmationCodeDialog {
  width: 350px;
  padding: 16px 0; }
  #confirmationCodeDialog h1 {
    margin-bottom: 16px;
    margin-left: 20px; }
  #confirmationCodeDialog .confirmationCodeContent {
    padding: 20px;
    background-color: #dddddd29; }
    #confirmationCodeDialog .confirmationCodeContent > p {
      margin-bottom: 16px; }
  #confirmationCodeDialog .errorMsg {
    margin-bottom: 20px;
    color: red; }
  #confirmationCodeDialog #signin_mfa_code {
    width: 140px;
    margin-top: 5px; }
  #confirmationCodeDialog .resendCodeBox {
    padding-top: 16px; }
    #confirmationCodeDialog .resendCodeBox > a {
      line-height: 22px;
      cursor: pointer; }
  #confirmationCodeDialog .bottomConfirmation {
    float: right;
    padding: 20px 20px 0 0; }
    #confirmationCodeDialog .bottomConfirmation .submitbutton {
      background-color: #E83B83;
      color: white;
      border-radius: 3px;
      font-size: 12px;
      height: 29px;
      border: 1px solid #E83B83;
      min-width: 74px;
      padding-left: 10px;
      padding-right: 10px;
      text-transform: uppercase;
      font-weight: 400;
      vertical-align: top; }
      #confirmationCodeDialog .bottomConfirmation .submitbutton:not([disabled]) {
        cursor: pointer; }
      #confirmationCodeDialog .bottomConfirmation .submitbutton[disabled] {
        background-color: grey;
        border: 1px solid #B7B7B7; }
    #confirmationCodeDialog .bottomConfirmation .cancelButton {
      color: #525252;
      cursor: pointer;
      border-radius: 3px;
      font-size: 12px;
      height: 29px;
      vertical-align: top;
      text-transform: uppercase;
      background-color: #fff;
      border: 1px solid #DDD;
      margin-left: 5px;
      width: 74px;
      text-align: center;
      display: inline-block;
      text-decoration: none;
      min-width: 74px;
      height: 28px;
      line-height: 28px; }

.red-paragraph {
  color: red; }

.tableRow .tableQuickButtonsBox {
  position: absolute;
  z-index: 1;
  font-size: 12px; }
  .tableRow .tableQuickButtonsBox .icon_wrapper {
    display: inline-block;
    width: 58px;
    text-align: center; }
    .tableRow .tableQuickButtonsBox .icon_wrapper > a {
      display: inline-block;
      width: 24px;
      height: 24px;
      background-size: 24px 24px;
      text-decoration: none;
      cursor: pointer; }
    .tableRow .tableQuickButtonsBox .icon_wrapper > span {
      display: block;
      cursor: default; }

.calendar-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/calendar_pick_date.svg);
  background-repeat: no-repeat;
  background-size: 40px;
  cursor: pointer; }
  .calendar-icon.disabled {
    background-color: transparent;
    filter: brightness(120%);
    cursor: default; }

.calendar-placeholder {
  display: inline-block;
  width: 60px;
  margin-top: 15px; }

.copy-link-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/link.svg);
  background-size: 16px;
  cursor: pointer;
  visibility: hidden; }
  .copy-link-icon.link-inline {
    display: inline;
    padding-left: 20px;
    position: relative;
    top: 1px;
    background-repeat: no-repeat;
    background-position-x: 2px; }
  .copy-link-icon.active {
    background-image: url(../images/icons/link-pink.svg); }

ap-hover-tooltip .longname-tooltip {
  z-index: 999; }

.parentNameLine .singleLine .contents {
  color: #ACACAC; }
  .parentNameLine .singleLine .contents a {
    color: #ACACAC; }
    .parentNameLine .singleLine .contents a.unaligned {
      cursor: default;
      text-decoration: none; }

#copy-link-tooltip {
  position: absolute;
  display: none;
  width: 100px;
  text-align: center;
  z-index: 26; }
  #copy-link-tooltip .longname-tooltip {
    position: static;
    transform: none;
    display: inline-block; }
  #copy-link-tooltip.active {
    display: block; }
    #copy-link-tooltip.active .copy-link {
      display: inline-block; }
    #copy-link-tooltip.active.copied .copy-link {
      display: none; }
  #copy-link-tooltip span {
    display: none; }
  #copy-link-tooltip.copied .link-copied {
    display: inline-block; }

.form-box-wrap .spacer {
  position: relative; }
  .form-box-wrap .spacer > span {
    display: inline-block;
    height: 100px;
    position: absolute;
    border-left: 1px solid #ECECEC;
    left: 555px; }

ap-profile-selector-line div.photo .image-placeholder {
  width: 52px;
  height: 52px;
  line-height: 52px; }

.tableRow .modern-date .modern-date-day {
  margin-right: 3px; }

#outstandingsListDashboard {
  margin-left: -1175px;
  overflow-y: hidden; }

.user-detail-profile-pic {
  position: relative; }
  .user-detail-profile-pic .priority-outstanding-counter, .user-detail-profile-pic .no-priority-outstandings {
    top: 32px;
    right: -5px; }
  .user-detail-profile-pic #outstandingsListDashboard {
    margin-left: -39px; }

.realign-alignment-users-list {
  text-align: left;
  margin-left: 17px; }

.realign-alignment-message {
  text-align: left;
  display: block;
  max-width: 750px; }

.fr-box .emojis {
  overflow: visible;
  width: 310px; }
  .fr-box .emojis .emoji {
    font-size: 24px; }
  .fr-box .emojis .emoji-container {
    height: 170px;
    overflow: visible;
    overflow-y: scroll; }

.clear-filters {
  font-size: 12px;
  margin-left: 5px;
  padding: 9px 12px;
  cursor: pointer;
  font-weight: 500;
  border-radius: 2px; }
  .clear-filters:hover {
    background-color: #ECECEC; }

.total_overview__my_actions__holder .color-legend-label {
  white-space: nowrap;
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 4px; }

.clear-both {
  clear: both; }

/*Ihor styles*/
/*fonts*/
@font-face {
  font-weight: 700;
  src: url("/fonts/Museo Sans Cyrl/MuseoSansBold.ttf");
  src: url("/fonts/Museo Sans Cyrl/MuseoSansBold.ttf") format("truetype"); }
@font-face {
  font-weight: 300;
  src: url("/fonts/Museo Sans Cyrl/MuseoSansLight.ttf");
  src: url("/fonts/Museo Sans Cyrl/MuseoSansLight.ttf") format("truetype"); }
@font-face {
  font-weight: 600;
  src: url("/fonts/Museo Sans Cyrl/MuseoSansMedium.ttf");
  src: url("/fonts/Museo Sans Cyrl/MuseoSansMedium.ttf") format("truetype"); }
@font-face {
  font-weight: 400;
  src: url("/fonts/Museo Sans Cyrl/MuseoSansRegular.ttf");
  src: url("/fonts/Museo Sans Cyrl/MuseoSansRegular.ttf") format("truetype"); }
/*header styles*/
#header {
  position: relative;
  background-color: #181818 !important;
  height: 60px !important;
  border-bottom: none !important; }

#header::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  height: 1px;
  width: 100%;
  /*background: url("images/header_line.jpg") no-repeat left center;*/
  background-color: #e83b83; }

#headerWrap {
  height: 100% !important; }

#header-wrapper {
  height: 100% !important;
  width: 1193px; }

#headerCompany {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 180px !important;
  margin: 0 30px 0 10px !important;
  padding: 0 !important; }

ul#main-menu > li {
  width: 90px !important;
  height: 60px !important; }

ul#main-menu > li:before {
  display: none !important; }

.subMenuWrap > .subMenuItem:before {
  top: 18px !important;
  background-position: 35px 0px !important; }

#headerSpacer {
  height: 60px !important; }

#header .weather-icon {
  left: calc(50% - 10px) !important;
  top: -24px !important; }

#header .weather-icon:before {
  width: 20px;
  height: 20px;
  background-size: 20px 20px; }

.subMenuItemHeader {
  height: 14px !important; }

.widget-switcher {
  padding: 10px 0;
  position: relative; }

.viewSwitchers ap-profile-switcher:first-child > .widget-switcher {
  padding-top: 0 !important; }

.widget-switcher .title.ng-binding {
  margin-top: 4px; }

.widget-switcher::after {
  content: '';
  position: absolute;
  height: 2px;
  top: 100%;
  left: -10px;
  background: url("images/icons/line-in-left-menu.png") no-repeat center center;
  background-size: contain;
  width: 80px; }

.widget-switcher.last:after {
  display: none; }

.widget-switcher .title.ng-binding span {
  font-weight: 300 !important;
  font-size: 10px !important;
  color: #9d9d9d !important; }

.widget-switcher a.ng-binding {
  font-weight: 400 !important;
  font-size: 10px !important;
  text-transform: uppercase; }

.widget-switcher > article > a {
  width: 50px;
  height: 50px;
  background-color: #e83b83;
  /*transition: all 0.2s;*/ }

.widget-switcher.disabled {
  background-color: transparent !important; }

.widget-switcher.disabled a.ng-binding {
  color: #9d9d9d !important; }

.widget-switcher.disabled a.ng-binding:hover {
  color: #e83b83 !important; }

.widget-switcher.disabled > article > a {
  background-color: #fff !important;
  box-sizing: border-box !important;
  border: 1px solid #9d9d9d; }

.widget-switcher article i.icon-team {
  background-size: contain !important;
  background-position: center center !important; }

.widget-switcher article i.icon-action {
  background: url(/images/icons/action-viewbox-icon.png) no-repeat !important;
  background-size: contain !important;
  background-position: center center !important; }

.widget-switcher article i.tags {
  background: url(/images/icons/tag-icon-grey.png) no-repeat !important;
  background-size: 60% !important;
  background-position: center center !important; }

.widget-switcher article i.completed {
  background: url(/images/icons/completed-icon.png) no-repeat !important;
  background-size: contain !important;
  background-position: center center !important; }

.widget-switcher.disabled > article > a:hover {
  background-color: #e83b83 !important;
  border: none !important; }

.widget-switcher.disabled > article > a:hover i.tags {
  background: url(/images/icons/tags-icon-white.png) no-repeat !important;
  background-size: 60% !important;
  background-position: center center !important; }

.subMenuWrap:hover #profile-pic .photo {
  top: initial !important; }

#profile-pic {
  top: 7px !important;
  padding-top: 0 !important; }

#profile-pic .photo {
  top: initial !important;
  left: calc(50% - 17.5px ) !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  border: none !important;
  background: url("images/user_icon.png") no-repeat center center;
  background-size: contain !important; }

.widgetButtons {
  margin-top: 0 !important; }

#searchWrapper {
  position: absolute !important;
  top: 0 !important;
  right: 320px !important; }

#search {
  position: absolute;
  right: 400px;
  top: 0;
  border-right: 1px solid #212224;
  height: 60px; }
  #search .search-header-box {
    width: 100%;
    height: 100%;
    border-left: 1px solid #212224; }
    #search .search-header-box:hover {
      border-left: none; }
  #search .search-border-none {
    border-left: none; }
  #search input:focus + .search-header-box {
    border-left: none; }
  #search input:hover + .search-header-box {
    border-left: none; }
  #search input:active + .search-header-box {
    border-left: none; }
  #search .inputVisibility {
    visibility: hidden; }

#printWrapper {
  position: absolute !important;
  top: 0 !important;
  right: 230px !important; }

.widgetButtons a:hover:before {
  opacity: initial !important; }

.widgetButtons a#print-page-submit:after {
  display: none !important; }

.widgetButtons a#print-page-submit {
  top: 0 !important; }

.widgetButtons a#print-page-submit:after {
  top: 14px !important; }

.widgetButtons a#print-page-submit:before {
  background: url(/images/icons/print-new-grey.svg) no-repeat !important;
  background-size: contain !important;
  top: 17px !important; }

#print-page-submit .subMenuItemHeaderText {
  top: 43px !important; }

#searchButton:before, #searchButton:after {
  /*background-size: 18px !important;*/ }

#search .subMenuItemHeaderText {
  top: 29px !important; }

#plus {
  width: 50px !important;
  height: 50px !important;
  left: calc(50% - 25px) !important;
  border: none !important;
  background-color: #e83b83 !important;
  top: -25px !important;
  position: relative !important;
  display: inline-block;
  justify-content: center;
  align-items: center;
  background-image: url("/images/icons/plus-filled-pink-menu.svg");
  background-size: 50px 50px; }

#plus span {
  width: 32px;
  height: 32px;
  background: url("images/icons/plus_icon.png") no-repeat center center;
  background-size: contain; }

ul#main-menu > li .subMenuItem li {
  width: 90px !important;
  height: 55px !important; }

ul#main-menu > li .mainSubMenuLabel {
  bottom: 14px !important; }

.subMenuWrap ul.subMenu {
  padding-bottom: 5px !important; }

/*End sub menus*/
/*end header styles*/
/*container styles */
body, #container {
  background: url("/images/background_image.jpg") left top !important; }

.footerText {
  flex: 1; }

.subContainer {
  width: 1235px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important; }
  .subContainer #action-list .widget-switcher::after {
    display: none; }

ap-my-actions .divTable .tableRow.taskRow .mainContent,
ap-my-milestones .divTable .tableRow.taskRow .mainContent,
ap-my-tasks .divTable .tableRow.taskRow .mainContent, .ap-priority-list .divTable .tableRow.taskRow .mainContent,
ap-milestone-table .divTable .tableRow.taskRow .mainContent {
  background: none; }

ap-my-actions .block-wrapper,
ap-my-milestones .block-wrapper,
ap-my-tasks .block-wrapper, .ap-priority-list .block-wrapper,
ap-milestone-table .block-wrapper,
ap-focusarea-plan-table .block-wrapper {
  margin-bottom: 0 !important;
  border-top: none; }

.detachedRoleSelectorHolder {
  height: auto !important;
  display: flex !important;
  align-items: center !important; }

.viewHeading .clear {
  display: none !important; }

.detachedRoleSelectorHolder .myRoles {
  display: inline-block !important; }

.sortChecker {
  display: flex !important;
  align-items: center !important;
  font-weight: 400 !important;
  color: #4a4a4a !important;
  font-size: 12px !important;
  position: relative; }

.chk-role-icon + label:before, .chk-role-icon + span:before {
  height: 14px !important; }

.initiative-toolbar.my-actions-0 .actions, .my-actions-0.milestones-toolbar .actions, .my-actions-0.milestones-toolbar .actions, .initiative-toolbar.my-actions-3 .actions, .my-actions-3.milestones-toolbar .actions, .my-actions-3.milestones-toolbar .actions {
  top: 22px !important;
  width: 80px;
  width: 80px !important;
  padding: 0 !important;
  left: initial !important;
  right: 0 !important; }

.initiative-toolbar.my-actions-0 .actions ul, .my-actions-0.milestones-toolbar .actions ul, .my-actions-0.milestones-toolbar .actions ul, .initiative-toolbar.my-actions-2 .actions ul, .my-actions-2.milestones-toolbar .actions ul, .my-actions-2.milestones-toolbar .actions ul, .initiative-toolbar.my-actions-3 .actions ul, .my-actions-3.milestones-toolbar .actions ul, .my-actions-3.milestones-toolbar .actions ul {
  width: 100% !important;
  border: none !important; }

.roadMapOverview .viewHeading, .viewTable .viewHeading {
  padding-bottom: 12px;
  padding-top: 20px;
  display: flex !important;
  align-items: center !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important; }
  .roadMapOverview .viewHeading.stuck, .viewTable .viewHeading.stuck {
    position: fixed;
    top: 62px;
    z-index: 20;
    width: 1101px;
    background: url(/images/background_image.jpg); }

.roadMapOverview .viewHeading h1, .viewTable .viewHeading h1 {
  font-weight: 400;
  color: #121212;
  font-size: 25px;
  float: initial !important;
  margin: 0 !important; }

.initiative-toolbar .actions ul li.button, .milestones-toolbar .actions ul li.button, .milestones-toolbar .actions ul li.button {
  font-weight: 400 !important;
  color: #4a4a4a !important;
  font-size: 12px !important;
  text-transform: initial !important; }

.initiative-toolbar .actions ul li.button .icon:after, .milestones-toolbar .actions ul li.button .icon:after, .milestones-toolbar .actions ul li.button .icon:after {
  width: 26px !important;
  height: 26px !important;
  background-size: 26px 26px !important;
  background-image: url(/images/icons/options_hover_bg.svg);
  text-align: right;
  left: initial !important;
  right: 0 !important;
  top: -5px !important; }

.initiative-toolbar .actions ul li.button .icon, .milestones-toolbar .actions ul li.button .icon, .milestones-toolbar .actions ul li.button .icon {
  width: 26px !important; }

.detachedRoleSelectorHolder ap-role-selector {
  display: flex !important; }

.detachedRoleSelectorHolder .myRoles {
  display: flex !important;
  align-items: center !important;
  font-weight: 400 !important;
  color: #4a4a4a !important;
  font-size: 12px !important; }

.roleSelector {
  top: 0 !important;
  display: flex !important; }

.roleSelector label > span {
  display: flex !important;
  align-items: center !important;
  background-color: #fff !important;
  border: 1px solid #cdcdcd !important;
  padding: 4px 12px 4px 12px !important;
  margin: 0 !important; }

.roleSelector > li:first-child span {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important; }

.roleSelector > li:last-child span {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important; }

.detachedRoleSelectorHolder .chk-role-icon + span > span {
  font-weight: 400 !important;
  color: #9d9d9d !important;
  font-size: 12px !important;
  text-transform: initial !important;
  padding-top: 0 !important; }

.responsible-icon .chk-role-icon:checked + label:before, .responsible-icon .chk-role-icon:checked + span:before {
  background-image: url(/images/icons/roles/responsible_heart_pink.png) !important; }

/* responsible_heart */
.responsible-icon .chk-role-icon + label:before, .responsible-icon .chk-role-icon + span:before {
  background-image: url(/images/icons/roles/responsible-grey.svg) !important; }

.responsible-icon .chk-role-icon:checked + label:before, .responsible-icon .chk-role-icon:checked + span:before {
  background-image: url(/images/icons/roles/responsible-pink.svg) !important; }

/* owner-icon */
.owner-icon .chk-role-icon + label:before, .owner-icon .chk-role-icon + span:before {
  background-image: url(/images/icons/roles/owner-simple-grey.svg) !important; }

.owner-icon .chk-role-icon:checked + label:before, .owner-icon .chk-role-icon:checked + span:before {
  background-image: url(/images/icons/roles/owner-simple-pink.svg) !important; }

/* .supporter-icon */
.supporter-icon .chk-role-icon + label:before, .supporter-icon .chk-role-icon + span:before {
  background-image: url(/images/icons/roles/supporter-simple-grey.svg) !important; }

.supporter-icon .chk-role-icon:checked + label:before, .supporter-icon .chk-role-icon:checked + span:before {
  background-image: url(/images/icons/roles/supporter-simple-pink.svg) !important; }

/* .shared-icon */
.shared-icon .chk-role-icon + label:before, .shared-icon .chk-role-icon + span:before {
  background-image: url(/images/icons/roles/shared-simple-grey.svg) !important; }

.shared-icon .chk-role-icon:checked + label:before, .shared-icon .chk-role-icon:checked + span:before {
  background-image: url(/images/icons/roles/shared-simple-pink.svg) !important; }

.detachedRoleSelectorHolder .chk-role-icon + label:before, .detachedRoleSelectorHolder .chk-role-icon + span:before {
  width: 18px !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  margin-right: 3px; }

.roleSelector span > span {
  width: auto !important; }

.roleSelector .chk-role-icon:checked + span > span {
  color: #e83b83 !important; }

.roleSelector .chk-role-icon:checked + span {
  background-color: #fef6f9 !important;
  border-color: #d74c81 !important; }

.roleSelector .chk-role-icon:checked + span::before {
  background-image: url(/images/icons/iconcheckinbox_priority_pink.svg);
  background-repeat: no-repeat; }

.divTable {
  background-color: transparent !important; }

.divTable.listViewTable .tableAboveHeader {
  padding: 2px 6px 2px 24px !important;
  min-height: 20px !important;
  margin-bottom: 10px !important;
  background-color: #fff !important;
  border-radius: 7px !important;
  border: 1px solid #cdcdcd !important; }

.divTable .tableAboveHeader .listViewHeader {
  display: none !important;
  text-align: left !important;
  padding-right: 0 !important;
  text-transform: uppercase !important;
  height: initial !important;
  padding-top: 0 !important;
  margin-left: 0 !important; }

ap-my-actions .divTable .tableBody,
ap-my-milestones .divTable .tableBody,
ap-my-tasks .divTable .tableBody, .ap-priority-list .divTable .tableBody,
ap-milestone-table .divTable .tableBody,
ap-focusarea-plan-table .divTable .tableBody {
  background-color: transparent !important; }

ap-my-actions .block-wrapper.top-level, ap-my-milestones .block-wrapper.top-level, ap-milestone-table .block-wrapper.top-level {
  padding: 5px 0 0 0 !important;
  min-height: 20px !important;
  margin-bottom: 10px !important;
  border-radius: 7px !important;
  border: 1px solid #cdcdcd !important;
  padding-top: 0px !important; }
  ap-my-actions .block-wrapper.top-level > div total_overview__my_myilestones__table
  > div:last-child, ap-my-milestones .block-wrapper.top-level > div total_overview__my_myilestones__table
  > div:last-child, ap-milestone-table .block-wrapper.top-level > div total_overview__my_myilestones__table
  > div:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }

#home .divTable .tableRow:not(.focusareaRow) .mainContent {
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start; }
  #home .divTable .tableRow:not(.focusareaRow) .mainContent.kpiMainContent, #home .divTable .tableRow:not(.focusareaRow) .mainContent.NotSmileykpiMainContent {
    display: inline-block !important; }

#home .divTable:not(.assignTable) .tableRow:not(.focusareaRow) .mainContent {
  padding: 10px 15px 10px 0; }

ap-my-actions .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, ap-my-milestones .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, ap-my-tasks .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, .ap-priority-list .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, ap-milestone-table .divTable .tableRow .mainContent > div.tableNameCell .expanderCell {
  padding-left: 0 !important; }

ap-my-milestones .divTable .tableRow .mainContent > div.tableNameCell .modern-date,
ap-my-tasks .divTable .tableRow .mainContent > div.tableNameCell .modern-date,
.ap-priority-list .divTable .tableRow .mainContent > div.tableNameCell .modern-date,
ap-milestone-table .divTable .tableRow .mainContent > div.tableNameCell .modern-date {
  margin-right: 6px; }

ap-my-actions .divTable .tableRow .mainContent > div.tableNameCell .modern-date {
  margin-left: 6px; }

ap-my-actions .divTable .tableRow .mainContent .box-width-0 {
  width: 370px !important; }

ap-my-actions .divTable .tableRow .mainContent > div.tablePriorityCell, ap-my-milestones .divTable .tableRow .mainContent > div.tablePriorityCell, ap-my-tasks .divTable .tableRow .mainContent > div.tablePriorityCell, .ap-priority-list .divTable .tableRow .mainContent > div.tablePriorityCell, ap-milestone-table .divTable .tableRow .mainContent > div.tablePriorityCell {
  display: none !important; }

ap-my-actions .divTable .tableRow .mainContent > div.tableProgressCell,
ap-my-milestones .divTable .tableRow .mainContent > div.tableProgressCell,
ap-my-tasks .divTable .tableRow .mainContent > div.tableProgressCell,
.ap-priority-list .divTable .tableRow .mainContent > div.tableProgressCell,
ap-milestone-table .divTable .tableRow .mainContent > div.tableProgressCell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box !important;
  padding-right: 20px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #868484;
  min-height: 40px !important; }
  ap-my-actions .divTable .tableRow .mainContent > div.tableProgressCell .progressKpiWrapper,
  ap-my-milestones .divTable .tableRow .mainContent > div.tableProgressCell .progressKpiWrapper,
  ap-my-tasks .divTable .tableRow .mainContent > div.tableProgressCell .progressKpiWrapper,
  .ap-priority-list .divTable .tableRow .mainContent > div.tableProgressCell .progressKpiWrapper,
  ap-milestone-table .divTable .tableRow .mainContent > div.tableProgressCell .progressKpiWrapper {
    width: 117px; }

.ap-priority-list .divTable .tableRow .mainContent > div.tableProgressCell {
  width: 124px !important; }

ap-my-actions .divTable .tableRow .mainContent > div.tableProgressCell,
ap-my-milestones .divTable .tableRow .mainContent > div.tableProgressCell,
ap-my-tasks .divTable .tableRow .mainContent > div.tableProgressCell,
ap-milestone-table .divTable .tableRow .mainContent > div.tableProgressCell,
ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableProgressCell {
  width: 131px; }

.progressCellInnerWrapper {
  width: 50%;
  box-sizing: border-box;
  background: #fbfbfb; }

.progressKpiWrapper, .progressNoKpiWrapper {
  width: 100%;
  /*display: -webkit-inline-box;
  display: -ms-inline-flexbox;*/
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.tableProgressCell .progressNoKpiWrapper .stopwatch {
  height: 40px;
  border-radius: 5px;
  width: 70px;
  font-weight: 500;
  font-size: 14px;
  color: #9a9a9a;
  border-top: 1px solid #e2e1e1;
  background-color: white;
  position: relative; }
  .tableProgressCell .progressNoKpiWrapper .stopwatch span {
    padding-left: 0px;
    width: 50px;
    text-align: left; }
  .tableProgressCell .progressNoKpiWrapper .stopwatch:before {
    content: '';
    display: none;
    background-size: contain;
    width: 20px;
    height: 20px; }
  .tableProgressCell .progressNoKpiWrapper .stopwatch > span {
    width: calc(100% - 24px);
    display: inline-block;
    margin-left: 24px;
    text-align: center; }
  .tableProgressCell .progressNoKpiWrapper .stopwatch:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 40px 40px;
    background-position: 0 0; }
  .tableProgressCell .progressNoKpiWrapper .stopwatch:after {
    top: 9px;
    left: 7px !important;
    background: url("/images/icons/time-elapsed-viewbox.svg"); }

.tableProgressCell .target, .tableProgressCell .stopwatch {
  display: flex;
  align-items: center;
  /*justify-content: space-evenly;*/
  justify-content: center;
  border-top: none;
  height: 25px;
  line-height: 20px;
  box-sizing: border-box;
  border: 1px solid #e2e1e1; }

.tableProgressCell .speed {
  font-weight: 400;
  font-size: 12px;
  border: 1px solid #e2e1e1;
  border-right: none;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  height: 40px;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #fff;
  padding-bottom: 2px; }
  .tableProgressCell .speed > span {
    overflow: hidden;
    text-overflow: ellipsis; }

.tableProgressCell .target {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }
  .tableProgressCell .target > span {
    overflow: hidden;
    width: 40px;
    text-overflow: ellipsis;
    padding-left: 16px;
    display: flex; }

.tableProgressCell .speed {
  color: #e64c5c; }
  .tableProgressCell .speed:before {
    content: '';
    display: inline-block;
    background-image: url("/images/icons/performance-indicator-red-bottom-viewbox.svg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px; }
  .tableProgressCell .speed.progress_ok {
    color: #7BBD53; }
    .tableProgressCell .speed.progress_ok:before {
      background-image: url("/images/icons/performance-indicator-green-bottom-viewbox.svg"); }
.tableProgressCell .speed::before {
  margin-top: -5px;
  width: 48px;
  display: block;
  height: 48px;
  margin-bottom: -26px;
  margin-right: -26px; }

.tableProgressCell .target {
  position: relative; }
  .tableProgressCell .target:before {
    content: '';
    display: inline-block;
    background-size: contain;
    width: 13px;
    height: 13px; }
  .tableProgressCell .target:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 26px;
    height: 26px;
    display: inline-block;
    background-size: 26px 26px;
    background-position: 0 0; }
  .tableProgressCell .target:after {
    top: 4px;
    left: 6px !important;
    background-image: url("/images/icons/target_facelift-compatible-viewbox.svg"); }

.tableProgressCell .stopwatch {
  border-bottom-right-radius: 5px;
  border-top: none;
  position: relative; }
  .tableProgressCell .stopwatch:before {
    content: '';
    display: inline-block;
    background-size: contain;
    width: 13px;
    height: 13px; }
  .tableProgressCell .stopwatch:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 26px;
    height: 26px;
    display: inline-block;
    background-size: 26px 26px;
    background-position: 0 0; }
  .tableProgressCell .stopwatch:after {
    top: 2px;
    left: 7px !important;
    background: url("/images/icons/time-elapsed-viewbox.svg"); }

/*.tableCreatedByCell .feedbackBar{*/
/*width: 165px;*/
/*}*/
/*.tableCreatedByCell .innerBar{*/
/*width: 110px ;*/
/*}*/
/*.tableCreatedByCell .innerRemainingTime{*/
/*width: 45px ;*/
/*}*/
/*.yellow{
  background-color: #ffe702 !important;
}
.red {
  background-color: #e63d3d !important;
}
.green {
  background-color: #71d33f !important;
}*/
.feedbackBar.yellow {
  border-color: #ffe702 !important; }

.feedbackBar.red {
  border-color: #e63d3d !important; }

.feedbackBar.green {
  border-color: #71d33f !important; }

.feedbackBar.yellow .innerBar {
  background-color: #ffe702 !important; }

.feedbackBar.red .innerBar {
  background-color: #e63d3d !important; }

.feedbackBar.green .innerBar {
  background-color: #71d33f !important; }

.user_icon {
  height: 40px;
  width: 40px;
  position: relative;
  /*flex-basis: 3.6% !important;*/
  border-radius: 50%; }

.latestUpdateUserBox .infoWrapper > .ng-binding, .latestUpdateUserBox > .latestFeedbackText.ng-binding {
  font-weight: 500 !important;
  font-size: 13px !important;
  color: #121212 !important; }

span.feedbacker-role.ng-scope.owner-role {
  display: none; }

ap-my-actions .lastBorderFix {
  display: none !important; }

ap-my-actions .divTable .tableRow .mainContent > div.tableNameCell .modern-date,
ap-my-milestones .divTable .tableRow .mainContent > div.tableNameCell .modern-date,
ap-my-tasks .divTable .tableRow .mainContent > div.tableNameCell .modern-date,
.ap-priority-list .divTable .tableRow .mainContent > div.tableNameCell .modern-date,
ap-milestone-table .divTable .tableRow .mainContent > div.tableNameCell .modern-date {
  padding-left: 0; }

.divTable .tableRow .tableLeftRowOuterBox, .divTable .tableRow .tableRightRowOuterBox {
  padding-left: 15px;
  position: absolute;
  right: -45px;
  top: 0; }
  .divTable .tableRow .tableLeftRowOuterBox > div, .divTable .tableRow .tableRightRowOuterBox > div {
    position: relative; }
    .divTable .tableRow .tableLeftRowOuterBox > div.bulk_option__button, .divTable .tableRow .tableRightRowOuterBox > div.bulk_option__button {
      margin-top: 18px; }

.author.ng-binding,
.author.taskNameFrontend,
a.ng-binding.ng-scope {
  font-weight: 400 !important;
  color: #303030;
  font-size: 18px; }

ap-my-actions .divTable .tableRow .mainContent > div.tableCreatedByCell,
ap-my-milestones .divTable .tableRow .mainContent > div.tableCreatedByCell,
ap-my-tasks .divTable .tableRow .mainContent > div.tableCreatedByCell,
.ap-priority-list .divTable .tableRow .mainContent > div.tableCreatedByCell,
ap-milestone-table .divTable .tableRow .mainContent > div.tableCreatedByCell {
  /*flex-basis: 17.2% ;*/
  width: 186px !important;
  box-sizing: border-box !important;
  padding-right: 20px !important; }

ap-action-feedback-color-bar-simple .feedbackBar, ap-milestone-feedback-color-bar .feedbackBar {
  width: 100% !important;
  height: 22px !important; }

ap-action-feedback-color-bar-simple .innerBar, ap-milestone-feedback-color-bar .innerBar {
  height: 20px !important; }

ap-action-feedback-color-bar-simple .innerRemainingTime, ap-milestone-feedback-color-bar .innerRemainingTime {
  background-color: white !important;
  height: 18px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important; }

.latestUpdateUserBox .latestFeedbackText {
  color: #303030;
  font-weight: 400 !important;
  font-size: 12px !important; }

#home ap-time-remaining {
  color: #acacac !important;
  font-weight: 400 !important;
  font-size: 10px; }

.latestUpdateUserBox .feedbackInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100% !important;
  margin-top: 6px;
  flex-wrap: wrap; }

.divTable .tableRow .milestoneStatusBox, .divTable .tableRow.taskRow .mainContent .latestUpdateUserBox {
  padding-top: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0 !important; }

.latestStatusIndicator {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important; }

.latestUpdateUserBox .userActionIcon {
  display: inline-block;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  border: 1px solid #dddddd;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: none !important; }

.latestUpdateUserBox .userActionIcon .innerImage {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: url("images/icons/action_created_icon.png") no-repeat center center !important;
  background-size: contain !important; }

.latestUpdateUserBox .userActionIcon .innerImage:after {
  display: none !important; }

.truncate-username {
  font-weight: 300;
  color: #767676;
  font-size: 12px; }

ap-latest-change.ng-isolate-scope {
  width: 74.5%; }

.tableCreatedByCell .infoWrapper {
  width: 74.5%; }

ap-my-actions .divTable .tableRow .mainContent > div.tablePlanCell,
ap-my-milestones .divTable .tableRow .mainContent > div.tablePlanCell,
ap-my-tasks .divTable .tableRow .mainContent > div.tablePlanCell,
.ap-priority-list .divTable .tableRow .mainContent > div.tablePlanCell,
ap-milestone-table .divTable .tableRow .mainContent > div.tablePlanCell {
  /*flex-basis: 16.3%;*/
  width: 174px !important; }

.divTable .tableRow:not(.focusareaRow) div.info.milestoneInfo {
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #efefef !important;
  border-radius: 3px !important;
  padding: 10px !important;
  min-height: 40px !important; }

.divTable .tableRow div.info.milestoneInfo.active {
  border: 1px solid #ffe6f0 !important; }

.divTable .tableRow div.info.milestoneInfo .task-info-collapsor {
  display: inline-block;
  width: 10px;
  height: 10px;
  float: right;
  top: 3px;
  position: relative;
  margin-left: 5px; }
  .divTable .tableRow div.info.milestoneInfo .task-info-collapsor:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px 20px;
    background-position: 0 0;
    background-image: url(/images/icons/open3-viewbox.svg); }
  .divTable .tableRow div.info.milestoneInfo .task-info-collapsor.active:after {
    background-image: url(/images/icons/collapse3-viewbox.svg); }

.milestoneInfo::before {
  content: '';
  position: absolute;
  right: 31px;
  top: 0;
  width: 1px;
  height: 37px;
  background-size: contain;
  background: url(/images/icons/info_collapsor_border.png) no-repeat center center; }

.milestoneInfo.active::before {
  background-size: contain;
  background: url("/images/icons/info_collapsor_active_border.png") no-repeat center center; }

.milestoneInfoWrapper {
  display: inline-block;
  position: relative !important; }

.divTable .tableRow div.info.milestoneInfo.inTableRow {
  width: 50% !important;
  position: relative !important; }

.tableRow div.info.milestoneInfo.inTableRow::before {
  content: '';
  position: absolute;
  right: 32px;
  top: 0;
  width: 1px;
  height: 37px;
  background-size: contain;
  background: url("/images/icons/info_collapsor_border.png") no-repeat center center; }

.tableRow div.info.milestoneInfo.inTableRow.active::before {
  background-size: contain;
  background: url("/images/icons/info_collapsor_active_border.png") no-repeat center center; }

.divTable .tableRow div.info.milestoneInfo.inTableRow .task-info {
  margin-left: 0 !important; }

.divTable .tableRow div.info.milestoneInfo .milestone-info:before, .divTable .tableRow div.info.milestoneInfo .task-info:before, .divTable .tableRow div.info.milestoneInfo .action-info:before, .divTable .tableRow div.info.milestoneInfo .subaction-info:before {
  top: 0 !important; }

.divTable .tableRow div.info.milestoneInfo .info-wrapper {
  width: 42px; }

.tableNameCell .expanderCell {
  position: relative !important;
  padding-top: 0 !important; }

.tableNameCell .expanderCell > span::before {
  top: 0 !important; }

.privacy-icon.generic-icon.small-medium.active, ap-comment .privacy-icon.small-medium.active.comment-button, ap-task-quick-edit .privacy-icon.small-medium.active.comment-button, ap-task-quick-add .privacy-icon.small-medium.active.comment-button {
  position: absolute; }

.taskRow .singleLine .contents {
  position: relative !important; }

.block-wrapper.top-level > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow {
  padding-left: 0 !important; }

ap-my-actions .divTable .tableRow .mainContent .box-width-1 {
  width: 370px !important; }

.divTable .tableRow .mainContent .expanderCell .item-icon.task {
  margin-top: 0 !important; }

/*
.divTable .tableRow .mainContent .expanderCell .item-icon.task.item-priority{
  margin-top: -5px !important;
}
*/
.usersInfo {
  font-weight: 400;
  color: #acacac;
  font-size: 12px; }

.actionRow.active.first_index, .milestoneRow.active.first_index {
  background: #4eb4cc !important;
  border: 1px solid #4eb4cc !important; }
  .actionRow.active.first_index .actionRow__status__text__white, .milestoneRow.active.first_index .actionRow__status__text__white {
    color: #fff !important; }
.actionRow.active.second_index, .milestoneRow.active.second_index {
  background: #cbeff8 !important; }
.actionRow.active.third_index, .milestoneRow.active.third_index {
  background: #edfbfe !important; }

.block-wrapper {
  box-sizing: border-box !important; }
  .block-wrapper.first_index {
    border-left: 3px solid #4eb4cc; }
  .block-wrapper.third_index {
    border-left: 3px solid #cbeff8; }
  .block-wrapper.fourth_index {
    border-left: 3px solid #edfbfe; }

.actionRow.active.first_index ~ div .tableRow, .actionRow.active .actionRow.active.first_index ~ ng-repeat .tableRow, .milestoneRow.active.first_index ~ div .tableRow, .milestoneRow.active .actionRow.active.first_index ~ ng-repeat .tableRow {
  background: #fff; }
.actionRow.active.second_index ~ div .tableRow, .actionRow.active .actionRow.active.second_index ~ ng-repeat .tableRow, .milestoneRow.active.second_index ~ div .tableRow, .milestoneRow.active .actionRow.active.second_index ~ ng-repeat .tableRow {
  background: #cbeff8; }
.actionRow.active.third_index ~ div .tableRow, .actionRow.active .actionRow.active.third_index ~ ng-repeat .tableRow, .milestoneRow.active.third_index ~ div .tableRow, .milestoneRow.active .actionRow.active.third_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

.tableRow.active.first_index .author.ng-binding,
.tableRow.active.first_index .latestUpdateUserBox .latestFeedbackText,
.tableRow.active.first_index .modern-date-day.ng-binding {
  color: #fff !important;
  font-weight: 400 !important; }

.tableRow.active.first_index .modern-date .modern-date-month-name {
  color: #fffefe !important; }

.tableRow.active.first_index .modern-date .modern-date-day-name {
  color: #b9edf9 !important; }

.tableRow.active.first_index .usersInfo .ng-binding {
  color: #b9edf9 !important; }

.tableRow.active.first_index .latestUpdateUserBox ap-time-remaining {
  color: #edfbfe !important; }

.tableRow.active.first_index .tableNameCell .item-icon.sub-action::before {
  background: url(images/icons/subaction_icon_noborders.png) no-repeat !important; }

.tableProgressCell.blue .speed, .tableProgressCell.blue .target, .tableProgressCell.blue .stopwatch {
  border-color: #4eb4cc; }

.tableProgressCell.lite_blue .speed, .tableProgressCell.lite_blue .target, .tableProgressCell.lite_blue .stopwatch {
  border-color: #d2f5fc; }

.tableProgressCell.super_lite_blue .speed, .tableProgressCell.super_lite_blue .target, .tableProgressCell.super_lite_blue .stopwatch {
  border-color: #a8e2f0; }

.tableRow.active.first_index .tableProgressCell .speed,
.tableRow.active.first_index .tableProgressCell .target, .tableRow.active.first_index .tableProgressCell .stopwatch {
  border-color: #4eb4cc; }

.tableRow.active.second_index .tableProgressCell .speed,
.tableRow.active.second_index .tableProgressCell .target, .tableRow.active.second_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

.tableRow.active.third_index .tableProgressCell .speed,
.tableRow.active.third_index .tableProgressCell .target, .tableRow.active.third_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

.divTable.listViewTable .tableAboveHeader {
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, white 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, white 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, white 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, white 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0 ); }

.divTable.listViewTable .tableAboveHeader .tableAboveHeaderHeart {
  background: url(/images/icons/roles/heart-rose.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 10px;
  margin-top: 5px;
  background-position: 2px center; }

.tableAboveHeader p {
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
  padding-top: 3px;
  align-items: center;
  color: #939393 !important;
  font-size: 12px !important; }

.divTable.listViewTable .tableAboveHeader .tableAboveHeaderDate {
  width: 73px; }

.divTable.listViewTable .tableAboveHeader .tableAboveHeaderName {
  width: 447px; }

.divTable.listViewTable .tableAboveHeader .tableAboveHeaderProgress {
  width: 137px; }

.divTable.listViewTable .tableAboveHeader .tableAboveHeaderUpdate {
  width: 185px; }

.divTable.listViewTable .tableAboveHeader .tableAboveHeaderPlan {
  width: 160px; }

.tableCreatedByCell .tableStatusBox {
  flex-basis: 15%; }

div#container .user_icon .number {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  bottom: -3px;
  right: -6px;
  padding: 2px;
  height: 14px;
  min-width: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #e83b83 !important;
  color: #ffffff !important;
  font-size: 10px;
  font-weight: 300; }

div#container .user_icon .number.active {
  display: flex; }

div#container .user_icon .number.blue {
  border: 2px solid #4eb4cc; }

div#container .user_icon .number.light_blue {
  border: 2px solid #cbeff8; }

div#container .user_icon .number.super_lite_blue {
  border: 2px solid #edfbfe; }

div#container .tableRow.completed .tableNameCell .item-icon::before {
  background: url("images/icons/action_icon_completed.png") no-repeat; }

div#container .tableRow.completed .tableNameCell .item-icon.task.item-priority::before {
  background: url("images/icons/task_priority_icon_completed.png") no-repeat; }

div#container .tableRow.completed .tableNameCell .item-icon.task::before {
  background: url("images/icons/task_icon_completed.png") no-repeat; }

div#container .tableRow.completed .tableNameCell .item-icon.milestone::before {
  background: url("images/icons/milestone_icon_completed.png") no-repeat; }

div#container .tableRow.completed .tableNameCell .item-icon.sub-action::before {
  background: url("images/icons/subaction_icon_completed.png") no-repeat; }

.latestUpdateUserBox .infoWrapper > .ng-binding, .latestUpdateUserBox > .latestFeedbackText.ng-binding {
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #121212 !important; }

span.feedbacker-role.ng-scope.owner-role {
  display: none; }

ap-my-actions .lastBorderFix {
  display: none !important; }

.author.ng-binding,
.author.taskNameFrontend,
a.ng-binding.ng-scope {
  font-weight: 400;
  color: #303030;
  font-size: 17px; }

.modern-date-day.ng-binding {
  font-weight: 400;
  color: #303030;
  font-size: 25px; }

ap-my-actions .divTable .tableRow .mainContent > div.tableCreatedByCell,
ap-my-milestones .divTable .tableRow .mainContent > div.tableCreatedByCell,
ap-my-tasks .divTable .tableRow .mainContent > div.tableCreatedByCell,
.ap-priority-list .divTable .tableRow .mainContent > div.tableCreatedByCell,
ap-milestone-table .divTable .tableRow .mainContent > div.tableCreatedByCell {
  /*flex-basis: 17.2% ;*/
  width: 194px !important;
  box-sizing: border-box !important;
  padding-right: 20px !important; }

ap-my-actions .divTable .tableRow .actionRow .mainContent > div.tableCreatedByCell, ap-my-actions .divTable .tableRow .focusareaRow .mainContent > div.tableCreatedByCell {
  padding-left: 10px !important; }

div#container ap-action-feedback-color-bar-simple .feedbackBar, div#container ap-milestone-feedback-color-bar .feedbackBar {
  width: 100% !important;
  height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
  background: #fff; }

div#container ap-action-feedback-color-bar-simple .innerBar, div#container ap-milestone-feedback-color-bar .innerBar {
  height: 18px;
  margin: 0; }

div#container ap-action-feedback-color-bar-simple .innerRemainingTime, div#container ap-milestone-feedback-color-bar .innerRemainingTime {
  background-color: white;
  height: 18px;
  margin: 0; }

div#container .latestUpdateUserBox .latestFeedbackText {
  color: #303030;
  font-weight: 400;
  font-size: 12px; }

div#container .latestUpdateUserBox ap-time-remaining {
  color: #acacac;
  font-weight: 400;
  font-size: 12px; }

div#container .latestUpdateUserBox .feedbackInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: start;
  margin-top: 6px;
  flex-wrap: wrap; }

div#container .divTable .tableRow .milestoneStatusBox,
div#container .divTable .tableRow.taskRow .mainContent .latestUpdateUserBox {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0; }

div#home .latestStatusIndicator {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 50%;
  /*border: 1px solid #ffe91b;*/ }

div#container .latestStatusIndicator.red {
  border: 1px solid #e05a5a; }

div#container .milestoneRow.completed .latestStatusIndicator {
  background: url("images/icons/milestone_completed_circle.png") no-repeat;
  background-size: contain;
  background-position: center center;
  border: none; }

div#container .taskRow.completed .latestUpdateUserBox .userActionIcon .innerImage {
  background: url(images/icons/action_complited_circle.png) no-repeat center center;
  background-size: contain; }

div#container .latestUpdateUserBox .userActionIcon {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  margin-left: 0;
  margin-right: 0;
  border: none; }

div#container .latestUpdateUserBox .userActionIcon .innerImage {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 50%;
  background: url("images/icons/action_created_icon.png") no-repeat center center;
  background-size: contain; }

div#container .latestUpdateUserBox.comented .userActionIcon .innerImage {
  background: url("images/icons/comented_circle.png") no-repeat center center;
  background-size: contain; }

div#container .latestUpdateUserBox .userActionIcon .innerImage:after {
  display: none; }

div#container .truncate-username {
  font-weight: 300;
  color: #767676;
  font-size: 12px; }

div#container ap-latest-change.ng-isolate-scope {
  width: 74.5%; }

div#container .milestoneStatusBox ap-latest-change.ng-isolate-scope {
  width: 100%; }

div#container .tableCreatedByCell .infoWrapper {
  width: 74.5%; }

div#container ap-my-actions .divTable .tableRow .mainContent > div.tablePlanCell,
div#container ap-my-milestones .divTable .tableRow .mainContent > div.tablePlanCell,
div#container ap-my-tasks .divTable .tableRow .mainContent > div.tablePlanCell,
div#container .ap-priority-list .divTable .tableRow .mainContent > div.tablePlanCell,
div#container ap-milestone-table .divTable .tableRow .mainContent > div.tablePlanCell {
  /*flex-basis: 16.3%;*/
  width: 174px; }

div#container .divTable .tableRow:not(.focusareaRow) div.info.milestoneInfo {
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #efefef;
  border-radius: 3px;
  padding: 10px;
  padding-right: 9px;
  min-height: 40px;
  width: auto !important; }

div#container .divTable .tableRow div.info.milestoneInfo.active {
  border: 1px solid #ffe6f0; }

div#container .subaction-info, div#container .milestone-info, div#container .task-info {
  font-weight: 400;
  color: #171717;
  font-size: 12px;
  display: flex;
  align-items: center; }
  div#container .subaction-info.dimmed, div#container .milestone-info.dimmed, div#container .task-info.dimmed {
    color: #acacac; }
    div#container .subaction-info.dimmed:before, div#container .milestone-info.dimmed:before, div#container .task-info.dimmed:before {
      opacity: 0.5; }

div#container .milestoneInfo::before {
  content: '';
  position: absolute;
  right: 31px;
  top: 0;
  width: 1px;
  height: 37px;
  background-size: contain;
  background: url(images/icons/info_collapsor_border.png) no-repeat center center; }

div#container .milestoneInfo.active::before {
  background-size: contain;
  background: url("images/icons/info_collapsor_active_border.png") no-repeat center center; }

div#container .milestoneInfoWrapper {
  display: inline-block;
  position: relative; }

div#container .divTable .tableRow div.info.milestoneInfo.inTableRow {
  width: 50%;
  position: relative; }

div#container .tableRow div.info.milestoneInfo.inTableRow::before {
  content: '';
  position: absolute;
  right: 32px;
  top: 0;
  width: 1px;
  height: 37px;
  background-size: contain;
  background: url("images/icons/info_collapsor_border.png") no-repeat center center; }

div#container .tableRow div.info.milestoneInfo.inTableRow.active::before {
  background-size: contain;
  background: url("images/icons/info_collapsor_active_border.png") no-repeat center center; }

div#container .divTable .tableRow div.info.milestoneInfo.inTableRow .task-info {
  margin-left: 0; }

div#container .subaction-info:before, div#container .milestone-info:before, div#container .action-info:before, div#container .task-info:before {
  width: 30px;
  height: 30px;
  margin-right: -12px;
  background-size: 30px 30px;
  background-repeat: no-repeat; }
div#container .subaction-info:before {
  margin-bottom: -17px;
  background-image: url("/images/icons/subaction-grey-v3.svg"); }
div#container .milestone-info:before {
  margin-bottom: -17px;
  background-image: url("/images/icons/milestone-grey.svg"); }
div#container .task-info:before {
  margin-bottom: -17px;
  background-image: url("/images/icons/task-grey-full.svg"); }
div#container .action-info:before {
  margin-bottom: -18px;
  background-image: url("/images/icons/action-grey.svg"); }

div#container .divTable .tableRow div.info.milestoneInfo .milestone-info:hover,
div#container .divTable .tableRow div.info.milestoneInfo .milestone-info.active,
div#container .divTable .tableRow div.info.milestoneInfo .task-info:hover, div#container .divTable .tableRow div.info.milestoneInfo .task-info.active, div#container .divTable .tableRow div.info.milestoneInfo .action-info:hover,
div#container .divTable .tableRow div.info.milestoneInfo .action-info.active,
div#container .divTable .tableRow div.info.milestoneInfo .subaction-info:hover,
div#container .divTable .tableRow div.info.milestoneInfo .subaction-info.active {
  background-color: #fff; }

div#container .divTable .tableRow div.info.milestoneInfo .milestone-info:before, div#container .divTable .tableRow div.info.milestoneInfo .task-info:before, div#container .divTable .tableRow div.info.milestoneInfo .action-info:before, div#container .divTable .tableRow div.info.milestoneInfo .subaction-info:before {
  top: 0; }

div#container .divTable .tableRow div.info.milestoneInfo .milestone-info:after, div#container .divTable .tableRow div.info.milestoneInfo .task-info:after, div#container .divTable .tableRow div.info.milestoneInfo .action-info:after, div#container .divTable .tableRow div.info.milestoneInfo .subaction-info:after {
  display: none; }

div#container .tableNameCell .expanderCell {
  position: relative;
  padding-top: 0; }

div#container .completed .tableNameCell .expanderCell {
  position: relative;
  padding-top: 0; }

div#container .block-wrapper.top-level > ap-action-block > .taskRows > .taskRow .tableNameCell .expanderCell {
  margin-left: -2px; }

div#container .tableNameCell .expanderCell > span::before {
  top: 0; }

div#container .privacy-icon.generic-icon.small-medium.active, div#container ap-comment .privacy-icon.small-medium.active.comment-button, ap-comment div#container .privacy-icon.small-medium.active.comment-button, div#container ap-task-quick-edit .privacy-icon.small-medium.active.comment-button, ap-task-quick-edit div#container .privacy-icon.small-medium.active.comment-button, div#container ap-task-quick-add .privacy-icon.small-medium.active.comment-button, ap-task-quick-add div#container .privacy-icon.small-medium.active.comment-button {
  position: absolute;
  left: 103%; }

div#container .taskRow .singleLine .contents {
  position: relative; }

div#container .block-wrapper.first_index .block-wrapper .tableRow .mainContent > div.tableNameCell {
  /*flex-basis: 45.5%;*/
  width: 500px; }

/*.block-wrapper.top-level>ap-action-block>ng-repeat>.block-wrapper .tableRow .tableNameCell{*/
/*flex-basis: 47.6%;*/
/*}*/
/*.block-wrapper.top-level>ap-action-block>ng-repeat>.block-wrapper  .tableRow{*/
/*padding-left: 15px;*/
/*}*/
div#container .block-wrapper.top-level > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow {
  padding-left: 0; }

div#container ap-my-actions .divTable .tableRow .mainContent .box-width-1 {
  width: 370px; }

div#container .actionRow.active.first_index {
  background: #4eb4cc !important; }
  div#container .actionRow.active.first_index .actionRow__status__text__white {
    color: #fff; }
  div#container .actionRow.active.first_index .mainContent {
    border-top: none !important; }
    div#container .actionRow.active.first_index .mainContent .tableNameCell .expanderCell .item-icon {
      background-color: #fff;
      border-radius: 5px; }
      div#container .actionRow.active.first_index .mainContent .tableNameCell .expanderCell .item-icon::before {
        background-image: none; }

div#container .actionRow.active.second_index {
  background: #cbeff8 !important; }

div#container .actionRow.active.third_index {
  background: #edfbfe !important; }

div#container .block-wrapper {
  box-sizing: border-box; }

div#container .block-wrapper.first_index {
  border-left: 3px solid #4eb4cc; }

div#container .block-wrapper.third_index {
  border-left: 3px solid #cbeff8; }

div#container .block-wrapper.fourth_index {
  border-left: 3px solid #edfbfe; }

div#container .actionRow.active.first_index ~ div .tableRow, div#container .actionRow.active.first_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.first_index ~ div .tableRow, div#container .milestoneRow.active.first_index ~ ng-repeat .tableRow {
  background: #fff; }
  div#container .actionRow.active.first_index ~ div .tableRow .mainContent, div#container .actionRow.active.first_index ~ ng-repeat .tableRow .mainContent, div#container .milestoneRow.active.first_index ~ div .tableRow .mainContent, div#container .milestoneRow.active.first_index ~ ng-repeat .tableRow .mainContent {
    border-top: 1px solid #4eb4cc !important; }
    div#container .actionRow.active.first_index ~ div .tableRow .mainContent .user_icon, div#container .actionRow.active.first_index ~ ng-repeat .tableRow .mainContent .user_icon, div#container .milestoneRow.active.first_index ~ div .tableRow .mainContent .user_icon, div#container .milestoneRow.active.first_index ~ ng-repeat .tableRow .mainContent .user_icon {
      margin-left: 30px; }
    div#container .actionRow.active.first_index ~ div .tableRow .mainContent .expanderCell, div#container .actionRow.active.first_index ~ ng-repeat .tableRow .mainContent .expanderCell, div#container .milestoneRow.active.first_index ~ div .tableRow .mainContent .expanderCell, div#container .milestoneRow.active.first_index ~ ng-repeat .tableRow .mainContent .expanderCell {
      margin-left: 13px; }
div#container .actionRow.active.second_index ~ div .tableRow, div#container .actionRow.active.second_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.second_index ~ div .tableRow, div#container .milestoneRow.active.second_index ~ ng-repeat .tableRow {
  background: #cbeff8; }
div#container .actionRow.active.third_index ~ div .tableRow, div#container .actionRow.active.third_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.third_index ~ div .tableRow, div#container .milestoneRow.active.third_index ~ ng-repeat .tableRow {
  background: #edfbfe; }
div#container .first_index .tableRow {
  border-top: 0px; }
  div#container .first_index .tableRow .mainContent {
    padding: 10px 15px 6px 0; }
    div#container .first_index .tableRow .mainContent .user_icon {
      margin-left: 9px; }
div#container .first_index + .block-wrapper {
  border-top: 1px solid #4eb4cc !important; }
  div#container .first_index + .block-wrapper .mainContent {
    border-top: 0px; }
div#container .first_index .milestoneRow .status_wrapper, div#container .first_index .taskRow .status_wrapper {
  margin-left: 0; }

div#container .indentationSpacer {
  width: 0px;
  display: none; }

div#container .tableRow.active.first_index .author.ng-binding,
div#container .tableRow.active.first_index .latestUpdateUserBox .latestFeedbackText,
div#container .tableRow.active.first_index .modern-date-day.ng-binding {
  color: #fff;
  font-weight: 400; }

div#container .tableRow.active.first_index a:not(.controls-option-link) {
  color: #fff; }

div#container .tableRow.active.first_index .singleLine {
  color: #fff; }

/*div#container span.modern-date.ng-scope {
  margin-top: 5px;
}*/
div#container .tableRow.active.first_index .modern-date .modern-date-month-name {
  color: #fffefe; }

div#container .tableRow.active.first_index .modern-date .modern-date-day-name {
  color: #b9edf9; }

div#container .tableRow.active.first_index .usersInfo .ng-binding {
  color: #b9edf9; }

div#container .tableRow.active.first_index .latestUpdateUserBox ap-time-remaining {
  color: #edfbfe; }

div#container .tableRow.active.first_index .tableNameCell .item-icon.sub-action::before {
  background: url(images/icons/subaction_icon_noborders.png) no-repeat; }

div#container .tableRow.active.first_index div.info.milestoneInfo.active, div#container .tableRow.active.second_index div.info.milestoneInfo.active, div#container .tableRow.active.third_index div.info.milestoneInfo.active {
  /*border: none;*/
  border-color: transparent; }

div#container .tableProgressCell.blue .speed, div#container .tableProgressCell.blue .target, div#container .tableProgressCell.blue .stopwatch {
  border-color: #4eb4cc; }

div#container .tableProgressCell.lite_blue .speed, div#container .tableProgressCell.lite_blue .target, div#container .tableProgressCell.lite_blue .stopwatch {
  border-color: #d2f5fc; }

div#container .tableProgressCell.super_lite_blue .speed, div#container .tableProgressCell.super_lite_blue .target, div#container .tableProgressCell.super_lite_blue .stopwatch {
  border-color: #a8e2f0; }

div#container .tableRow.active.first_index .tableProgressCell .speed,
div#container .tableRow.active.first_index .tableProgressCell .target, div#container .tableRow.active.first_index .tableProgressCell .stopwatch {
  border-color: #4eb4cc; }

div#container .tableRow.active.second_index .tableProgressCell .speed,
div#container .tableRow.active.second_index .tableProgressCell .target,
div#container .tableRow.active.second_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .tableRow.active.third_index .tableProgressCell .speed,
div#container .tableRow.active.third_index .tableProgressCell .target,
div#container .tableRow.active.third_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

/*div#container .tableRow {
  border-top: 1px solid #e2e1e1;
}*/
div#container .block-wrapper.top-level > ap-action-block > .tableRow:first-child {
  border-top: none; }

div#container .block-wrapper {
  box-sizing: border-box; }

div#container .block-wrapper.first_index {
  /*overflow: hidden;*/ }

div#container .block-wrapper.second_index, div#container .block-wrapper.third_index {
  position: relative; }

div#container .block-wrapper.third_index::before {
  background: #aae3f0; }

div#container .block-wrapper.first_index > ap-action-block .tableRow {
  border-color: #4eb4cc; }

div#container .block-wrapper.first_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.first_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.first_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow {
  border-color: #4eb4cc; }

div#container .block-wrapper.second_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.second_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.second_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.second_index > .taskRows > .tableRow.taskRow {
  border-color: #a8e2f0; }

div#container .block-wrapper.third_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.third_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.third_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.third_index > .taskRows > .tableRow.taskRow {
  border-color: #d2f5fc; }

div#container .block-wrapper.third_index > ap-action-block > .tableRow::after,
div#container .block-wrapper.third_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow::after,
div#container .block-wrapper.third_index > ap-action-block > .ng-scope > .tableRow::after,
div#container .block-wrapper.third_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow::after {
  content: '';
  position: absolute;
  top: 0;
  left: -3px;
  background: #aae3f0;
  width: 1px;
  height: 61px;
  z-index: 5; }

div#container .tableRow.active.second_index {
  border-top: none;
  border-color: #4eb4cc; }

div#container .tableRow.active.third_index {
  border-top: none;
  border-color: #a8e2f0; }

div#container .tableRow.active.second_index::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*background: #4eb4cc;*/
  /*border-radius: 50%;*/
  /*border: 1px solid #4eb4cc;*/
  background: url("/images/icons/second_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .tableRow.active.third_index::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*border-radius: 50%;*/
  /*border: 1px solid #aae3f0;*/
  /*background: #cbeff8;*/
  background: url("/images/icons/third_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

.completed_tag {
  display: none;
  align-items: center;
  height: 20px;
  padding: 0 5px;
  background: #292929;
  color: #fefefe;
  font-size: 12px;
  font-weight: 300;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 15px 0 4px;
  border-radius: 3px; }

.completed_tag.active {
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  padding-top: 2px;
  height: 16px; }

.usersInfo .contents {
  display: flex;
  align-items: center;
  margin-left: 0px; }

div#container .usersInfo .singleLine {
  display: flex;
  align-items: center; }

div#container .tableRow.completed .author.ng-binding, div#container .tableRow.completed .author.taskNameFrontend, div#container .tableRow.completed a.ng-binding.ng-scope {
  color: #b4b4b4; }

.block-wrapper.first_index .taskRow
div#container .block-wrapper.first_index .taskRow .author.ng-binding,
div#container .block-wrapper.first_index .taskRow a.ng-binding.ng-scope {
  margin-left: 2px; }

div#container .privacy-icon-grey:after, div#container .privacy-icon:after, .privacy-icon:after {
  background-size: contain; }

div#container .privacy-icon-pink:after, div#container .privacy-icon.active:after, div#container .privacy-icon:hover:after, .privacy-icon.active:after, .privacy-icon:hover:after {
  background-size: contain; }

div#container .generic-icon.small-medium, div#container ap-comment .small-medium.comment-button, ap-comment div#container .small-medium.comment-button, div#container ap-task-quick-edit .small-medium.comment-button, ap-task-quick-edit div#container .small-medium.comment-button, div#container ap-task-quick-add .small-medium.comment-button, ap-task-quick-add div#container .small-medium.comment-button, ap-comment .small-medium.comment-button, div#container ap-task-quick-edit .small-medium.comment-button, div#container ap-task-quick-add .small-medium.comment-button {
  width: 15px;
  height: 15px; }

div#container .generic-icon.small-medium:after, div#container ap-comment .small-medium.comment-button:after, ap-comment div#container .small-medium.comment-button:after, div#container ap-task-quick-edit .small-medium.comment-button:after, ap-task-quick-edit div#container .small-medium.comment-button:after, div#container ap-task-quick-add .small-medium.comment-button:after, ap-task-quick-add div#container .small-medium.comment-button:after, div#container ap-comment .small-medium.comment-button:after, div#container ap-task-quick-edit .small-medium.comment-button:after, div#container ap-task-quick-add .small-medium.comment-button:after {
  width: 14px;
  height: 13px; }

/*End Ihor styles*/
.actionRow.active.l4_index, .milestoneRow.active.l4_index {
  background: #cbeff8 !important; }

.block-wrapper.l4_index {
  border-left: 3px solid #cbeff8; }

.actionRow.active.l4_index ~ div .tableRow, .actionRow.active .actionRow.active.l4_index ~ ng-repeat .tableRow, .milestoneRow.active.l4_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l4_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

.tableRow.active.l4_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l4_index .tableProgressCell .speed,
.tableRow.active.l4_index .tableProgressCell .target,
.tableRow.active.l4_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .actionRow.active.l4_index {
  background: #cbeff8 !important; }

div#container .block-wrapper.l4_index {
  border-left: 3px solid #cbeff8; }

div#container .tableRow.active.l4_index .tableProgressCell .speed,
div#container .tableRow.active.l4_index .tableProgressCell .target,
div#container .tableRow.active.l4_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .block-wrapper.l4_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l4_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l4_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l4_index > .taskRows > .tableRow.taskRow,
div#container .block-wrapper.l4_index > .taskRows > .tableRow.taskRow {
  border-color: #a8e2f0; }

div#container .tableRow.active.l4_index {
  border-top: none;
  border-color: #4eb4cc; }

div#container .tableRow.active.l4_index::before {
  content: '';
  position: absolute;
  left: -13px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*background: #4eb4cc;*/
  /*border-radius: 50%;*/
  /*border: 1px solid #4eb4cc;*/
  background: url("/images/icons/fourth_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l4_index ~ div .tableRow, div#container .actionRow.active.l4_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l4_index ~ div .tableRow, div#container .milestoneRow.active.l4_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

div#container .tableRow.active.l4_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l4_index {
  position: relative; }

div#container .block-wrapper.l4_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1089px;
  height: 1px;
  background: #a8e2f0; }

.actionRow.active.l5_index, .milestoneRow.active.l5_index {
  background: #edfbfe !important; }

.block-wrapper.l5_index {
  border-left: 3px solid #edfbfe; }

.actionRow.active.l5_index ~ div .tableRow, .actionRow.active .actionRow.active.l5_index ~ ng-repeat .tableRow, .milestoneRow.active.l5_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l5_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

.tableRow.active.l5_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l5_index .tableProgressCell .speed,
.tableRow.active.l5_index .tableProgressCell .target,
.tableRow.active.l5_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

div#container .actionRow.active.l5_index {
  background: #edfbfe !important; }

div#container .block-wrapper.l5_index {
  border-left: 3px solid #edfbfe; }

div#container .tableRow.active.l5_index .tableProgressCell .speed,
div#container .tableRow.active.l5_index .tableProgressCell .target,
div#container .tableRow.active.l5_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

div#container .block-wrapper.l5_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l5_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l5_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l5_index > .taskRows > .tableRow.taskRow {
  border-color: #d2f5fc; }

div#container .tableRow.active.l5_index {
  border-top: none;
  border-color: #a8e2f0; }

div#container .tableRow.active.l5_index::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*border-radius: 50%;*/
  /*border: 1px solid #aae3f0;*/
  /*background: #cbeff8;*/
  background: url("/images/icons/third_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l5_index ~ div .tableRow, div#container .actionRow.active.l5_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l5_index ~ div .tableRow, div#container .milestoneRow.active.l5_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

div#container .tableRow.active.l5_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l5_index {
  position: relative; }

div#container .block-wrapper.l5_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1086px;
  height: 1px;
  background: #a8e2f0; }

.actionRow.active.l6_index, .milestoneRow.active.l6_index {
  background: #cbeff8 !important; }

.block-wrapper.l6_index {
  border-left: 3px solid #cbeff8; }

.actionRow.active.l6_index ~ div .tableRow, .actionRow.active .actionRow.active.l6_index ~ ng-repeat .tableRow, .milestoneRow.active.l6_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l6_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

.tableRow.active.l6_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l6_index .tableProgressCell .speed,
.tableRow.active.l6_index .tableProgressCell .target,
.tableRow.active.l6_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .actionRow.active.l6_index {
  background: #cbeff8 !important; }

div#container .block-wrapper.l6_index {
  border-left: 3px solid #cbeff8; }

div#container .tableRow.active.l6_index .tableProgressCell .speed,
div#container .tableRow.active.l6_index .tableProgressCell .target,
div#container .tableRow.active.l6_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .block-wrapper.l6_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l6_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l6_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l6_index > .taskRows > .tableRow.taskRow,
div#container .block-wrapper.l6_index > .taskRows > .tableRow.taskRow {
  border-color: #a8e2f0; }

div#container .tableRow.active.l6_index {
  border-top: none;
  border-color: #4eb4cc; }

div#container .tableRow.active.l6_index::before {
  content: '';
  position: absolute;
  left: -13px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*background: #4eb4cc;*/
  /*border-radius: 50%;*/
  /*border: 1px solid #4eb4cc;*/
  background: url("/images/icons/fourth_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l6_index ~ div .tableRow, div#container .actionRow.active.l6_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l6_index ~ div .tableRow, div#container .milestoneRow.active.l6_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

div#container .tableRow.active.l6_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l6_index {
  position: relative; }

div#container .block-wrapper.l6_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1083px;
  height: 1px;
  background: #a8e2f0; }

.actionRow.active.l7_index, .milestoneRow.active.l7_index {
  background: #edfbfe !important; }

.block-wrapper.l7_index {
  border-left: 3px solid #edfbfe; }

.actionRow.active.l7_index ~ div .tableRow, .actionRow.active .actionRow.active.l7_index ~ ng-repeat .tableRow, .milestoneRow.active.l7_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l7_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

.tableRow.active.l7_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l7_index .tableProgressCell .speed,
.tableRow.active.l7_index .tableProgressCell .target,
.tableRow.active.l7_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

div#container .actionRow.active.l7_index {
  background: #edfbfe !important; }

div#container .block-wrapper.l7_index {
  border-left: 3px solid #edfbfe; }

div#container .tableRow.active.l7_index .tableProgressCell .speed,
div#container .tableRow.active.l7_index .tableProgressCell .target,
div#container .tableRow.active.l7_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

div#container .block-wrapper.l7_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l7_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l7_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l7_index > .taskRows > .tableRow.taskRow {
  border-color: #d2f5fc; }

div#container .tableRow.active.l7_index {
  border-top: none;
  border-color: #a8e2f0; }

div#container .tableRow.active.l7_index::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*border-radius: 50%;*/
  /*border: 1px solid #aae3f0;*/
  /*background: #cbeff8;*/
  background: url("/images/icons/third_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l7_index ~ div .tableRow, div#container .actionRow.active.l7_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l7_index ~ div .tableRow, div#container .milestoneRow.active.l7_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

div#container .tableRow.active.l7_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l7_index {
  position: relative; }

div#container .block-wrapper.l7_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1080px;
  height: 1px;
  background: #a8e2f0; }

.actionRow.active.l8_index, .milestoneRow.active.l8_index {
  background: #cbeff8 !important; }

.block-wrapper.l8_index {
  border-left: 3px solid #cbeff8; }

.actionRow.active.l8_index ~ div .tableRow, .actionRow.active .actionRow.active.l8_index ~ ng-repeat .tableRow, .milestoneRow.active.l8_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l8_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

.tableRow.active.l8_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l8_index .tableProgressCell .speed,
.tableRow.active.l8_index .tableProgressCell .target,
.tableRow.active.l8_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .actionRow.active.l8_index {
  background: #cbeff8 !important; }

div#container .block-wrapper.l8_index {
  border-left: 3px solid #cbeff8; }

div#container .tableRow.active.l8_index .tableProgressCell .speed,
div#container .tableRow.active.l8_index .tableProgressCell .target,
div#container .tableRow.active.l8_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .block-wrapper.l8_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l8_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l8_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l8_index > .taskRows > .tableRow.taskRow,
div#container .block-wrapper.l8_index > .taskRows > .tableRow.taskRow {
  border-color: #a8e2f0; }

div#container .tableRow.active.l8_index {
  border-top: none;
  border-color: #4eb4cc; }

div#container .tableRow.active.l8_index::before {
  content: '';
  position: absolute;
  left: -13px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*background: #4eb4cc;*/
  /*border-radius: 50%;*/
  /*border: 1px solid #4eb4cc;*/
  background: url("/images/icons/fourth_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l8_index ~ div .tableRow, div#container .actionRow.active.l8_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l8_index ~ div .tableRow, div#container .milestoneRow.active.l8_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

div#container .tableRow.active.l8_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l8_index {
  position: relative; }

div#container .block-wrapper.l8_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1077px;
  height: 1px;
  background: #a8e2f0; }

.actionRow.active.l9_index, .milestoneRow.active.l9_index {
  background: #edfbfe !important; }

.block-wrapper.l9_index {
  border-left: 3px solid #edfbfe; }

.actionRow.active.l9_index ~ div .tableRow, .actionRow.active .actionRow.active.l9_index ~ ng-repeat .tableRow, .milestoneRow.active.l9_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l9_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

.tableRow.active.l9_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l9_index .tableProgressCell .speed,
.tableRow.active.l9_index .tableProgressCell .target,
.tableRow.active.l9_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

div#container .actionRow.active.l9_index {
  background: #edfbfe !important; }

div#container .block-wrapper.l9_index {
  border-left: 3px solid #edfbfe; }

div#container .tableRow.active.l9_index .tableProgressCell .speed,
div#container .tableRow.active.l9_index .tableProgressCell .target,
div#container .tableRow.active.l9_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

div#container .block-wrapper.l9_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l9_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l9_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l9_index > .taskRows > .tableRow.taskRow {
  border-color: #d2f5fc; }

div#container .tableRow.active.l9_index {
  border-top: none;
  border-color: #a8e2f0; }

div#container .tableRow.active.l9_index::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*border-radius: 50%;*/
  /*border: 1px solid #aae3f0;*/
  /*background: #cbeff8;*/
  background: url("/images/icons/third_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l9_index ~ div .tableRow, div#container .actionRow.active.l9_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l9_index ~ div .tableRow, div#container .milestoneRow.active.l9_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

div#container .tableRow.active.l9_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l9_index {
  position: relative; }

div#container .block-wrapper.l9_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1074px;
  height: 1px;
  background: #a8e2f0; }

.actionRow.active.l10_index, .milestoneRow.active.l10_index {
  background: #cbeff8 !important; }

.block-wrapper.l10_index {
  border-left: 3px solid #cbeff8; }

.actionRow.active.l10_index ~ div .tableRow, .actionRow.active .actionRow.active.l10_index ~ ng-repeat .tableRow, .milestoneRow.active.l10_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l10_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

.tableRow.active.l10_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l10_index .tableProgressCell .speed,
.tableRow.active.l10_index .tableProgressCell .target,
.tableRow.active.l10_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .actionRow.active.l10_index {
  background: #cbeff8 !important; }

div#container .block-wrapper.l10_index {
  border-left: 3px solid #cbeff8; }

div#container .tableRow.active.l10_index .tableProgressCell .speed,
div#container .tableRow.active.l10_index .tableProgressCell .target,
div#container .tableRow.active.l10_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .block-wrapper.l10_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l10_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l10_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l10_index > .taskRows > .tableRow.taskRow,
div#container .block-wrapper.l10_index > .taskRows > .tableRow.taskRow {
  border-color: #a8e2f0; }

div#container .tableRow.active.l10_index {
  border-top: none;
  border-color: #4eb4cc; }

div#container .tableRow.active.l10_index::before {
  content: '';
  position: absolute;
  left: -13px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*background: #4eb4cc;*/
  /*border-radius: 50%;*/
  /*border: 1px solid #4eb4cc;*/
  background: url("/images/icons/fourth_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l10_index ~ div .tableRow, div#container .actionRow.active.l10_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l10_index ~ div .tableRow, div#container .milestoneRow.active.l10_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

div#container .tableRow.active.l10_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l10_index {
  position: relative; }

div#container .block-wrapper.l10_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1071px;
  height: 1px;
  background: #a8e2f0; }

.actionRow.active.l11_index, .milestoneRow.active.l11_index {
  background: #edfbfe !important; }

.block-wrapper.l11_index {
  border-left: 3px solid #edfbfe; }

.actionRow.active.l11_index ~ div .tableRow, .actionRow.active .actionRow.active.l11_index ~ ng-repeat .tableRow, .milestoneRow.active.l11_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l11_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

.tableRow.active.l11_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l11_index .tableProgressCell .speed,
.tableRow.active.l11_index .tableProgressCell .target,
.tableRow.active.l11_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

div#container .actionRow.active.l11_index {
  background: #edfbfe !important; }

div#container .block-wrapper.l11_index {
  border-left: 3px solid #edfbfe; }

div#container .tableRow.active.l11_index .tableProgressCell .speed,
div#container .tableRow.active.l11_index .tableProgressCell .target,
div#container .tableRow.active.l11_index .tableProgressCell .stopwatch {
  border-color: #a8e2f0; }

div#container .block-wrapper.l11_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l11_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l11_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l11_index > .taskRows > .tableRow.taskRow {
  border-color: #d2f5fc; }

div#container .tableRow.active.l11_index {
  border-top: none;
  border-color: #a8e2f0; }

div#container .tableRow.active.l11_index::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*border-radius: 50%;*/
  /*border: 1px solid #aae3f0;*/
  /*background: #cbeff8;*/
  background: url("/images/icons/third_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l11_index ~ div .tableRow, div#container .actionRow.active.l11_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l11_index ~ div .tableRow, div#container .milestoneRow.active.l11_index ~ ng-repeat .tableRow {
  background: #edfbfe; }

div#container .tableRow.active.l11_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l11_index {
  position: relative; }

div#container .block-wrapper.l11_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1068px;
  height: 1px;
  background: #a8e2f0; }

.actionRow.active.l12_index, .milestoneRow.active.l12_index {
  background: #cbeff8 !important; }

.block-wrapper.l12_index {
  border-left: 3px solid #cbeff8; }

.actionRow.active.l12_index ~ div .tableRow, .actionRow.active .actionRow.active.l12_index ~ ng-repeat .tableRow, .milestoneRow.active.l12_index ~ div .tableRow, .milestoneRow.active .actionRow.active.l12_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

.tableRow.active.l12_index div.info.milestoneInfo.active {
  border-color: transparent !important; }

.tableRow.active.l12_index .tableProgressCell .speed,
.tableRow.active.l12_index .tableProgressCell .target,
.tableRow.active.l12_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .actionRow.active.l12_index {
  background: #cbeff8 !important; }

div#container .block-wrapper.l12_index {
  border-left: 3px solid #cbeff8; }

div#container .tableRow.active.l12_index .tableProgressCell .speed,
div#container .tableRow.active.l12_index .tableProgressCell .target,
div#container .tableRow.active.l12_index .tableProgressCell .stopwatch {
  border-color: #d2f5fc; }

div#container .block-wrapper.l12_index > ap-action-block > .ng-scope > .block-wrapper > .tableRow,
div#container .block-wrapper.l12_index > ap-action-block > .ng-scope > .tableRow,
div#container .block-wrapper.l12_index > ap-action-block > .ng-scope > .block-wrapper > ap-action-block > .tableRow,
div#container .block-wrapper.l12_index > .taskRows > .tableRow.taskRow,
div#container .block-wrapper.l12_index > .taskRows > .tableRow.taskRow {
  border-color: #a8e2f0; }

div#container .tableRow.active.l12_index {
  border-top: none;
  border-color: #4eb4cc; }

div#container .tableRow.active.l12_index::before {
  content: '';
  position: absolute;
  left: -13px;
  top: 20px;
  width: 18px;
  height: 18px;
  /*background: #4eb4cc;*/
  /*border-radius: 50%;*/
  /*border: 1px solid #4eb4cc;*/
  background: url("/images/icons/fourth_index_point_icon.svg") no-repeat;
  background-size: contain;
  background-position: center right;
  z-index: 10; }

div#container .actionRow.active.l12_index ~ div .tableRow, div#container .actionRow.active.l12_index ~ ng-repeat .tableRow, div#container .milestoneRow.active.l12_index ~ div .tableRow, div#container .milestoneRow.active.l12_index ~ ng-repeat .tableRow {
  background: #cbeff8; }

div#container .tableRow.active.l12_index div.info.milestoneInfo.active {
  border-color: transparent; }

div#container .block-wrapper.l12_index {
  position: relative; }

div#container .block-wrapper.l12_index::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -1px;
  width: 1065px;
  height: 1px;
  background: #a8e2f0; }

#searchBox:hover + .search-header-box {
  background-color: #2E2F31; }

.search-header-box:hover {
  background-color: #2E2F31; }

.ap-tooltip:hover + .tooltiptext {
  opacity: 1; }

.tooltiptext {
  position: absolute;
  left: 0;
  bottom: calc(100% - -7px);
  background: #333;
  color: white;
  white-space: nowrap;
  z-index: 1;
  padding: 8px;
  border-radius: 5px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity .3s ease; }
  .tooltiptext:after {
    content: '';
    left: 20px;
    position: absolute;
    top: 100%;
    width: 0px;
    height: 0px;
    display: block;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    border-style: solid; }

#giveFeedBackForm .info-tool {
  width: calc(100% - 210px);
  padding: 0; }
  #giveFeedBackForm .info-tool .ap-tooltip:hover + .tooltiptext {
    opacity: 1;
    z-index: 2; }
  #giveFeedBackForm .info-tool .tooltiptext {
    position: absolute;
    left: -4px;
    bottom: calc(100% - -7px);
    background: #333;
    color: white;
    z-index: -1;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity .3s ease;
    max-width: 580px;
    white-space: normal;
    word-break: break-all; }
    #giveFeedBackForm .info-tool .tooltiptext:after {
      content: '';
      left: 7px;
      position: absolute;
      top: 100%;
      width: 0px;
      height: 0px;
      display: block;
      border-color: #333 transparent transparent transparent;
      border-width: 5px;
      border-style: solid; }
#giveFeedBackForm .divTable.kpiTable .tableBody .tableRow:first-child .tooltiptext {
  bottom: -16px;
  left: 25px; }
  #giveFeedBackForm .divTable.kpiTable .tableBody .tableRow:first-child .tooltiptext:after {
    border-color: #3330 black transparent transparent;
    top: auto;
    left: -10px;
    bottom: 10px; }

.sticky {
  position: fixed;
  background: url(/images/background_image.jpg);
  z-index: 24; }

/* --------------------- header --------------------------------*/
#headerSpacer {
  height: 44px;
  width: 100%;
  background-color: #2E2F31;
  border-bottom: 1px solid #E83B83;
  z-index: 999;
  position: relative; }

#header {
  font-family: "Graphik Web";
  position: fixed;
  width: 100%;
  z-index: 27;
  font-weight: 400;
  font-size: 9px; }
  #header .outstandings-counter,
  #header .notifications-counter {
    top: -28px;
    left: calc( 53%);
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    font-size: 9px;
    font-weight: 400;
    padding: 0;
    border-radius: 50%; }
  #header .weather-icon {
    position: absolute;
    left: calc( 47% - 16px );
    width: 18px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    top: -19px;
    background-size: 18px 18px; }
    #header .weather-icon:before {
      content: '';
      display: inline-block;
      position: absolute;
      width: 36px;
      height: 36px;
      background-size: 36px 36px;
      left: 0;
      top: 0; }
    #header .weather-icon.sunny {
      left: calc(50% - 9px); }
  #header .no-notifications {
    top: -28px;
    right: 8px;
    width: 12px;
    height: 12px; }

#headerCompany {
  padding-right: 20px;
  display: table;
  height: 100%;
  width: 169px;
  font-weight: bold;
  color: #666;
  margin-right: 20px;
  margin-left: -41px;
  margin-top: 3px;
  float: left; }
  #headerCompany a {
    display: table-cell;
    vertical-align: middle; }

#headerWrap {
  margin: 0px auto;
  background-color: #2E2F31; }

ul#main-menu {
  list-style: none; }
  ul#main-menu > li {
    float: left;
    position: relative;
    display: block;
    width: 74px;
    height: 47px; }
    ul#main-menu > li ul.subMenu {
      left: 0; }
    ul#main-menu > li:nth-child(3) .subMenuItem {
      border-right: 1px solid #212224;
      border-left: 1px solid #212224; }
    ul#main-menu > li .subMenuItem {
      position: relative;
      display: block;
      top: 0;
      height: 100%;
      color: white;
      text-decoration: none;
      cursor: pointer;
      border-left: 1px solid #212224;
      border-right: 1px solid #212224; }
      ul#main-menu > li .subMenuItem li {
        position: relative;
        width: 74px;
        height: 44px;
        background-position: center 12px; }
        ul#main-menu > li .subMenuItem li.icon-action-allactions:after, ul#main-menu > li .subMenuItem li.icon-report-peopleview:after {
          background-position: 28px 18px; }
    ul#main-menu > li .mainSubMenuLabel {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      bottom: 7px;
      height: 10px;
      text-align: center;
      line-height: 20px;
      text-transform: none; }
    ul#main-menu > li:before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 44px;
      pointer-events: none; }
    ul#main-menu > li:hover:before, ul#main-menu > li.selectedMenuItem:before {
      background-color: #000; }
    ul#main-menu > li:hover .subMenu {
      visibility: visible; }
  ul#main-menu li:hover {
    z-index: 25; }
  ul#main-menu li:hover, ul#main-menu li.selectedMenuItem {
    background-color: #000; }
    ul#main-menu li:hover a, ul#main-menu li.selectedMenuItem a {
      color: white; }
  ul#main-menu li#nav-favorite {
    float: right; }
    ul#main-menu li#nav-favorite .favorite-icon {
      display: inline-block;
      width: 22px;
      height: 22px;
      background-image: url(/images/icons/star.svg);
      background-size: 22px;
      position: absolute;
      left: 34px;
      top: 16px; }
  ul#main-menu li#nav-notifications {
    float: right; }
  ul#main-menu li#nav-outstanding {
    float: right;
    margin-right: 0;
    width: 60px;
    cursor: pointer;
    border-right: 1px solid #212224;
    border-left: 1px solid #212224; }
  ul#main-menu li#nav-upgrade {
    float: right;
    margin-right: 50px;
    text-align: center; }
    ul#main-menu li#nav-upgrade:hover {
      background-color: #2E2F31; }
    ul#main-menu li#nav-upgrade .subMenuPlan {
      color: white;
      font-size: 9px;
      font-weight: 500; }
    ul#main-menu li#nav-upgrade .subMenuPlanName {
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 500;
      margin: 23px auto 6px;
      padding-left: 7px;
      display: inline-block; }
    ul#main-menu li#nav-upgrade .subMenuItemHeaderText {
      display: inline-block;
      margin-left: 7px;
      text-align: center; }
  ul#main-menu:hover li.selectedMenuItem {
    background: none; }
    ul#main-menu:hover li.selectedMenuItem:before {
      background: none; }
    ul#main-menu:hover li.selectedMenuItem:hover {
      background-color: #000; }
      ul#main-menu:hover li.selectedMenuItem:hover:before {
        background-color: #000; }

#upgrade-btn-wrapper {
  position: absolute;
  left: calc(50% - 148px);
  top: 0; }
  #upgrade-btn-wrapper .subMenuItemHeaderText {
    top: 42px;
    cursor: default;
    white-space: nowrap;
    display: block; }

#upgrade-btn {
  position: relative;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  background-color: #eb005d;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  width: 62px;
  text-align: center;
  border: 0;
  outline: 0;
  border-radius: 4px;
  margin: 17px 0 0; }

#header-wrapper {
  position: relative;
  height: 44px;
  margin: 0 auto; }

.subMenuToggleCheckbox {
  display: none; }

#profile-menu-toggle {
  display: none; }

#profile-menu-toggle:checked ~ #profile-menu-screen {
  display: block; }
#profile-menu-toggle:checked ~ ul.subMenu {
  visibility: visible;
  transition-delay: 0.00s; }
  #profile-menu-toggle:checked ~ ul.subMenu li {
    background-position: 195px center;
    cursor: pointer;
    height: 40px; }
    #profile-menu-toggle:checked ~ ul.subMenu li.divider {
      height: 1px; }
#profile-menu-toggle:checked ~ #profile-pic {
  background: #000; }
  #profile-menu-toggle:checked ~ #profile-pic .photo {
    top: 10px;
    z-index: 26; }
  #profile-menu-toggle:checked ~ #profile-pic .userDetails {
    display: block; }

.subMenuScreen {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1; }
  .subMenuScreen.foox {
    background: rgba(255, 127, 127, 0.5); }

.subMenuWrap:hover > ul.subMenu li {
  height: 40px; }
  .subMenuWrap:hover > ul.subMenu li.divider {
    height: 1px; }
.subMenuWrap:hover > .subMenuToggle {
  background-color: #000; }
.subMenuWrap:hover #profile-pic {
  cursor: default;
  z-index: 26; }
  .subMenuWrap:hover #profile-pic .photo {
    top: 10px; }
  .subMenuWrap:hover #profile-pic .userDetails {
    display: block; }
.subMenuWrap > .subMenuItem:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  top: 14px;
  height: 36px;
  background: transparent no-repeat 28px 0 / 36px 36px; }
.subMenuWrap#nav-homepage > .subMenuItem:before {
  background-image: url("/images/icons/priority.svg"); }
.subMenuWrap#nav-action > .subMenuItem:before {
  background-image: url("/images/icons/action-ltgrey.svg"); }
.subMenuWrap#nav-report > .subMenuItem:before, .subMenuWrap#nav-report_ganttchart > .subMenuItem:before {
  background-image: url("/images/icons/plan-ltgrey.svg"); }
.subMenuWrap#nav-plans > .subMenuItem:before {
  background-image: url("/images/icons/plan-ltgrey.svg"); }
.subMenuWrap#header-profile {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .subMenuWrap#header-profile li {
    padding-left: 0;
    padding-right: 0;
    width: 308px;
    background-position: 194px center; }
  .subMenuWrap#header-profile .subSubMenu li {
    padding-left: 0; }
  .subMenuWrap#header-profile ul.subMenu {
    right: 0;
    left: auto;
    text-align: right; }
  .subMenuWrap#header-profile .subMenuWrap ul.subMenu li:after {
    content: '';
    background-position: 36px 8px;
    position: absolute;
    top: 1px;
    left: 0;
    width: 75px !important;
    height: 50px;
    background-size: 45px auto; }
  .subMenuWrap#header-profile .subMenuWrap ul.subMenu li.icon-current-company:after {
    background-position: 36px 11px; }
  .subMenuWrap#header-profile .subMenuWrap ul.subMenu li.icon-user:after {
    background-position: 36px 12px; }
.subMenuWrap ul.subMenu {
  visibility: hidden;
  position: absolute;
  left: -52px;
  top: 100%;
  text-align: center;
  background-color: #000;
  cursor: pointer;
  z-index: 25; }
  .subMenuWrap ul.subMenu a:last-child li {
    border-bottom: none;
    margin-bottom: 1px; }
  .subMenuWrap ul.subMenu .subMenuItem {
    position: relative;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer; }
  .subMenuWrap ul.subMenu .singleMenuItem li {
    padding-right: 30px;
    width: 185px; }
    .subMenuWrap ul.subMenu .singleMenuItem li > span {
      display: block;
      width: 180px;
      text-align: left;
      padding-left: 93px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .subMenuWrap ul.subMenu li {
    display: block;
    width: 215px;
    height: 0;
    vertical-align: middle;
    line-height: 40px;
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 15px center;
    border-top: 1px solid #3B3C3E;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    font-weight: 500; }
    .subMenuWrap ul.subMenu li:after {
      content: ' ';
      display: block;
      width: 215px;
      height: 36px;
      vertical-align: middle;
      line-height: 40px;
      background-repeat: no-repeat;
      background-size: 36px auto;
      background-position: 28px 12px;
      z-index: -1; }
    .subMenuWrap ul.subMenu li:hover {
      color: #E83B83; }
      .subMenuWrap ul.subMenu li:hover .subSubMenuContent {
        text-decoration: none; }
    .subMenuWrap ul.subMenu li.divider {
      height: 1px;
      cursor: default;
      border-bottom: 2px solid #2E2F31;
      background-image: none; }
    .subMenuWrap ul.subMenu li.icon-current-company.subSubMenuToggle::before {
      content: attr(data-submenu-help-text);
      position: absolute;
      width: 80px !important;
      height: 50px !important;
      top: 9px;
      left: 83px;
      background-size: 45px;
      text-transform: none;
      color: #E83B83;
      font-size: 10px; }
    .subMenuWrap ul.subMenu li.icon-current-company.subSubMenuToggle.lang-dk::before {
      left: 65px; }
    .subMenuWrap ul.subMenu li.icon-current-roadmap.subSubMenuToggle::before {
      content: attr(data-submenu-help-text);
      position: absolute;
      width: 87px !important;
      height: 50px !important;
      top: 9px;
      left: 81px;
      background-size: 45px;
      text-transform: none;
      color: #E83B83;
      font-size: 10px; }
    .subMenuWrap ul.subMenu li.icon-current-roadmap.subSubMenuToggle.lang-dk::before {
      left: 93px; }
    .subMenuWrap ul.subMenu li.icon-profile-setup:after {
      background-image: url(/images/icons/icon_system-viewbox-white.svg); }
    .subMenuWrap ul.subMenu li.icon-profile-setup:hover:after {
      background-image: url(/images/icons/icon_system_pink-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-profile-settings:after {
      background-image: url(/images/icons/icon_settings-viewbox-white.svg); }
    .subMenuWrap ul.subMenu li.icon-profile-settings:hover:after {
      background-image: url(/images/icons/icon_settings_pink-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-graduated-hat:after {
      background-image: url(/images/icons/graduated-hat-white-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-graduated-hat:hover:after {
      background-image: url(/images/icons/graduated-hat-pink-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-profile-logout:after {
      background-image: url(/images/icons/icon_logout-viewbox-white.svg); }
    .subMenuWrap ul.subMenu li.icon-profile-logout:hover:after {
      background-image: url(/images/icons/icon_logout_pink-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-action-myactions:after {
      background-image: url(/images/icons/action-ltgrey.svg); }
    .subMenuWrap ul.subMenu li.icon-action-myactions:hover:after {
      background-image: url(/images/icons/action-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-action-mymilestones:after {
      background-image: url(/images/icons/milestone-grey.svg); }
    .subMenuWrap ul.subMenu li.icon-action-mymilestones:hover:after {
      background-image: url(/images/icons/milestone-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-action-mytasks:after {
      background-image: url(/images/icons/task-grey.svg); }
    .subMenuWrap ul.subMenu li.icon-action-mytasks:hover:after {
      background-image: url(/images/icons/task-pink_old.svg); }
    .subMenuWrap ul.subMenu li.icon-action-draftactions:after {
      background-image: url(/images/icons/draft-ltgrey.svg); }
    .subMenuWrap ul.subMenu li.icon-action-draftactions:hover:after {
      background-image: url(/images/icons/draft-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-action-allactions:after {
      background-image: url(/images/icons/roles/owner.svg); }
    .subMenuWrap ul.subMenu li.icon-action-allactions:hover:after {
      background-image: url(/images/icons/roles/owner-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-action-archivedactions:after {
      background-image: url(/images/icons/complete-action-grey.svg); }
    .subMenuWrap ul.subMenu li.icon-action-archivedactions:hover:after {
      background-image: url(/images/icons/complete-action-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-action-sharedactions:after {
      background-image: url(/images/icons/share-grey.svg); }
    .subMenuWrap ul.subMenu li.icon-action-sharedactions:hover:after {
      background-image: url(/images/icons/share-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-report-ganttchart:after {
      background-image: url(/images/icons/graphical-view-ltgrey.svg); }
    .subMenuWrap ul.subMenu li.icon-report-ganttchart:hover:after {
      background-image: url(/images/icons/graphical-view-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-report-treeview:after {
      background-image: url(/images/icons/tree-ltgrey.svg); }
    .subMenuWrap ul.subMenu li.icon-report-treeview:hover:after {
      background-image: url(/images/icons/tree-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-report-tabularview:after {
      background-image: url(/images/icons/tabular-view-white.svg); }
    .subMenuWrap ul.subMenu li.icon-report-tabularview:hover:after {
      background-image: url(/images/icons/tabular-view-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-report-peopleview:after {
      background-image: url(/images/icons/team-ltgrey.svg); }
    .subMenuWrap ul.subMenu li.icon-report-peopleview:hover:after {
      background-image: url(/images/icons/team-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-report-orgchart:after {
      background-image: url(/images/icons/people-ltgrey.svg); }
    .subMenuWrap ul.subMenu li.icon-report-orgchart:hover:after {
      background-image: url(/images/icons/people-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-report-strategy:after {
      background-image: url(/images/icons/plan-ltgrey.svg); }
    .subMenuWrap ul.subMenu li.icon-report-strategy:hover:after {
      background-image: url(/images/icons/plan-pink.svg); }
    .subMenuWrap ul.subMenu li.icon-current-company:after {
      background-image: url(/images/icons/company-white-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-current-company:hover:after {
      background-image: url(/images/icons/company-pink-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-current-roadmap:after {
      background-image: url(/images/icons/roadmap-ltgrey-viewbox-white.svg); }
    .subMenuWrap ul.subMenu li.icon-current-roadmap:hover:after {
      background-image: url(/images/icons/roadmap-pink-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-user:after {
      background-image: url(/images/icons/user-white-viewbox.svg); }
    .subMenuWrap ul.subMenu li.icon-user:hover:after {
      background-image: url(/images/icons/user-pink-viewbox.svg); }
  .subMenuWrap ul.subMenu ul.subSubMenu {
    border-top: none; }
    .subMenuWrap ul.subMenu ul.subSubMenu li {
      position: relative;
      width: 285px;
      height: auto;
      min-height: 40px;
      padding: 0;
      border-right: 1px solid #2E2F31; }
      .subMenuWrap ul.subMenu ul.subSubMenu li:first-child {
        border-right: none; }
      #headerWrap .subMenuWrap ul.subMenu ul.subSubMenu li.selected {
        background-image: url("/images/icons/icons-checked-tr.svg");
        background-position-x: 10px; }
        #headerWrap .subMenuWrap ul.subMenu ul.subSubMenu li.selected .subSubMenuContent {
          background: none; }
      .subMenuWrap ul.subMenu ul.subSubMenu li:before {
        position: absolute;
        display: block;
        top: calc(50% - 2px);
        left: 3px;
        font-size: 20px;
        letter-spacing: 5px;
        line-height: 0;
        vertical-align: top;
        color: #9D9C9C; }
      .subMenuWrap ul.subMenu ul.subSubMenu li a.subSubMenuContent, .subMenuWrap ul.subMenu ul.subSubMenu li div.subSubMenuContent {
        text-align: left; }
      .subMenuWrap ul.subMenu ul.subSubMenu li:hover a.subSubMenuContent {
        color: #E83B83; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-1:before {
        content: "›";
        width: 15px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-1 .subSubMenuContent {
        padding-left: 15px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-2:before {
        content: "››";
        width: 30px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-2 .subSubMenuContent {
        padding-left: 30px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-3:before {
        content: "›››";
        width: 45px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-3 .subSubMenuContent {
        padding-left: 45px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-4:before {
        content: "››››";
        width: 60px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-4 .subSubMenuContent {
        padding-left: 60px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-5:before {
        content: "›››››";
        width: 75px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-5 .subSubMenuContent {
        padding-left: 75px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-6:before {
        content: "››››››";
        width: 90px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-6 .subSubMenuContent {
        padding-left: 90px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-7:before {
        content: "›››››››";
        width: 105px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-7 .subSubMenuContent {
        padding-left: 105px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-8:before {
        content: "››››››››";
        width: 120px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-8 .subSubMenuContent {
        padding-left: 120px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-9:before {
        content: "›››››››››";
        width: 135px; }
      .subMenuWrap ul.subMenu ul.subSubMenu li.recursion-9 .subSubMenuContent {
        padding-left: 135px; }
    .subMenuWrap ul.subMenu ul.subSubMenu .subSubMenuContent {
      display: block;
      height: 100%;
      padding: 0 40px;
      color: #fff; }
      .subMenuWrap ul.subMenu ul.subSubMenu .subSubMenuContent:hover {
        color: #E83B83; }
    .subMenuWrap ul.subMenu ul.subSubMenu .selected .subSubMenuContent {
      color: #E83B83; }

.subMenuItemHeader {
  position: absolute;
  width: 100%;
  height: 10px;
  bottom: 4px;
  text-align: center;
  color: white;
  cursor: pointer;
  font-weight: 500; }
  #nav-outstanding .subMenuItemHeader {
    overflow: visible; }

.subMenuItemHeaderText {
  visibility: hidden; }
  #header:not(.searchFocused):hover .subMenuItemHeaderText {
    visibility: visible; }
  #search .subMenuItemHeaderText {
    right: 0;
    top: 24px;
    width: 28px; }
  #header:hover #search:hover .subMenuItemHeaderText {
    visibility: hidden; }
  #print-page-submit .subMenuItemHeaderText {
    top: 21px;
    width: 40px;
    text-transform: none; }

#header-profile {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  height: 105%;
  z-index: 20; }
  #header-profile .profile-pic-wrapper {
    height: 47px;
    position: absolute;
    right: 0;
    z-index: 12;
    width: 35px; }
  #header-profile .backgroundHelper {
    position: absolute;
    top: -82px;
    height: 82px;
    width: 308px;
    left: -1px;
    background-color: #000; }

.subSubMenuWrap {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 100%;
  overflow: hidden; }

ul.subSubMenu {
  position: relative;
  left: 100%;
  border-top: 1px solid #000;
  background-color: #000;
  z-index: 2;
  cursor: pointer; }
  ul.subSubMenu li.selected {
    background-color: #000; }

.subSubMenuToggle > .subSubMenuToggleWrap {
  display: block;
  position: relative;
  left: 0;
  width: 180px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  padding-left: 93px;
  font-weight: 500;
  font-size: 12px; }
  .subSubMenuToggle > .subSubMenuToggleWrap:before {
    content: '‹';
    position: absolute;
    left: 15px;
    top: -2px;
    font-size: 27px;
    font-weight: 200;
    color: #fff;
    transition: color 0.4s; }
  .subMenuItem:hover .subSubMenuToggle > .subSubMenuToggleWrap:before {
    color: #E83B83; }
  .subSubMenuToggle > .subSubMenuToggleWrap:hover:before {
    color: #E83B83; }
  .subSubMenuToggle > .subSubMenuToggleWrap .hasSelectableChildren {
    position: absolute;
    text-align: center;
    left: 20px;
    bottom: 3px;
    width: 40px;
    line-height: 1em;
    font-size: 9px;
    color: #9d9c9c; }
  .subSubMenuToggle > .subSubMenuToggleWrap:hover .hasSelectableChildren {
    color: #E83B83; }

.subSubMenuToggle.icon-current-company > .subSubMenuToggleWrap {
  top: -4px; }
  .subSubMenuToggle.icon-current-company > .subSubMenuToggleWrap:before {
    top: 2px; }
.subSubMenuToggle.icon-current-roadmap > .subSubMenuToggleWrap {
  top: -4px; }
  .subSubMenuToggle.icon-current-roadmap > .subSubMenuToggleWrap:before {
    top: 2px; }

.subMenuWrap .subMenuToggleCheckbox:checked ~ .subSubMenuWrap {
  visibility: visible;
  transition-delay: 0.00s; }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ .subSubMenuWrap ul.subSubMenu {
    left: 0; }
.subMenuWrap .subMenuToggleCheckbox:checked ~ label {
  color: #E83B83; }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-profile-setup:after {
    background-image: url(/images/icons/icon_system_pink-viewbox.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-profile-settings:after {
    background-image: url(/images/icons/icon_settings_pink-viewbox.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-graduated-hat:after {
    background-image: url(/images/icons/graduated-hat-pink-viewbox.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-profile-logout:after {
    background-image: url(/images/icons/icon_logout_pink-viewbox.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-action-myactions:after {
    background-image: url(/images/icons/action-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-action-mymilestones:after {
    background-image: url(/images/icons/milestone-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-action-mytasks:after {
    background-image: url(/images/icons/task-pink_old.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-action-draftactions:after {
    background-image: url(/images/icons/draft-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-action-allactions:after {
    background-image: url(/images/icons/roles/owner-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-action-archivedactions:after {
    background-image: url(/images/icons/complete-action-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-action-sharedactions:after {
    background-image: url(/images/icons/share-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-report-ganttchart:after {
    background-image: url(/images/icons/graphical-view-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-report-treeview:after {
    background-image: url(/images/icons/tree-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-report-tabularview:after {
    background-image: url(/images/icons/tabular-view-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-report-peopleview:after {
    background-image: url(/images/icons/team-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-report-orgchart:after {
    background-image: url(/images/icons/people-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-report-strategy:after {
    background-image: url(/images/icons/plan-pink.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-current-company:after {
    background-image: url(/images/icons/company-pink-viewbox.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-current-roadmap:after {
    background-image: url(/images/icons/roadmap-pink-viewbox.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .icon-user:after {
    background-image: url(/images/icons/user-pink-viewbox.svg); }
  .subMenuWrap .subMenuToggleCheckbox:checked ~ label .subSubMenuToggleWrap::before, .subMenuWrap .subMenuToggleCheckbox:checked ~ label .hasSelectableChildren {
    color: #E83B83; }
.subMenuWrap .subMenuToggleCheckbox:checked ~ .subMenuScreen {
  display: block; }

#profile-pic {
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  text-align: center;
  padding-top: 5px;
  cursor: pointer; }
  #profile-pic label {
    cursor: pointer; }
  #profile-pic .photo {
    position: absolute;
    display: block;
    top: 2px;
    left: calc( 50% - 12px );
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #E83B83;
    transition: top .2s; }
    #profile-pic .photo img {
      width: 26px; }
    #profile-pic .photo.no-image {
      background-color: lightgrey;
      line-height: 35px;
      font-size: 16px; }
  #profile-pic .thisUser {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -2px;
    padding-left: 1px;
    font-size: 9px;
    color: #fff; }
    #profile-pic .thisUser:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 6px;
      height: 6px;
      margin: 0 0 0 1px;
      background: url(/images/icons/arrow-down.svg) 0/6px 6px; }
  #profile-pic .userDetails {
    display: none;
    position: absolute;
    width: 150px;
    left: -202px;
    top: 72px;
    text-align: left;
    color: white;
    z-index: 30; }
    #profile-pic .userDetails .userName {
      position: absolute;
      text-overflow: ellipsis;
      width: 170px;
      top: 0;
      left: 20px;
      font-size: 16px;
      font-weight: 500;
      white-space: nowrap;
      overflow: hidden; }
      #profile-pic .userDetails .userName.center-align {
        top: 12px; }
    #profile-pic .userDetails .userTitle {
      position: absolute;
      text-overflow: ellipsis;
      width: 160px;
      top: 18px;
      left: 20px;
      font-size: 12px;
      font-weight: 500;
      white-space: nowrap;
      overflow: hidden;
      color: white; }
    #profile-pic .userDetails .userLink {
      position: absolute;
      width: 130px;
      top: 32px;
      left: 20px;
      font-size: 12px;
      font-weight: 500;
      color: #E83B83; }

/*sub header*/
#subheader {
  position: relative;
  padding: 20px 0;
  background-color: white;
  height: 30px;
  line-height: 30px;
  vertical-align: middle; }
  #subheader #subheaderWrap {
    width: 850px;
    margin: 0 auto; }
    #subheader #subheaderWrap:after {
      content: '';
      display: table;
      clear: both; }

.widgetButtons {
  display: inline-block;
  width: 90px;
  height: 60px;
  text-align: right;
  position: absolute;
  right: 230px; }
  .widgetButtons a {
    font-weight: 600;
    font-size: 9px;
    position: relative;
    display: block;
    padding: 4px 5px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #525252; }
    .widgetButtons a:hover {
      color: #E83B83; }
      .widgetButtons a:hover:before {
        opacity: 0; }
      .widgetButtons a:hover:after {
        opacity: 1; }
    .widgetButtons a:after {
      opacity: 0; }
    .widgetButtons a:before, .widgetButtons a:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent no-repeat 2px 0px/17px;
      transition: opacity .2s; }
    .widgetButtons a#zendesk-submit {
      margin: 4px 7px 0 0;
      padding: 0;
      height: 21px;
      width: 21px; }
      .widgetButtons a#zendesk-submit:before {
        background-image: url(/images/icons/icon_help_center.svg); }
      .widgetButtons a#zendesk-submit:after {
        background-image: url(/images/icons/icon_help_center_pink.svg); }
    .widgetButtons a#print-page-submit {
      padding: 0;
      height: 20px;
      width: 40px;
      top: 9px;
      background-position: 2px 2px;
      background-size: 18px 18px; }
      .widgetButtons a#print-page-submit:before, .widgetButtons a#print-page-submit:after {
        background-position-x: 0;
        top: 1px;
        margin-left: 10px; }
      .widgetButtons a#print-page-submit:before {
        background-image: url(/images/icons/print-new-grey.svg); }
      .widgetButtons a#print-page-submit:after {
        background-image: url(/images/icons/printer-pink.svg); }
    .widgetButtons a.selsubmenu {
      font-weight: 600;
      color: #E83B83; }

#breadcrumbContainer {
  float: left;
  width: 540px; }

#breadcrumbContent a {
  color: #525252; }
  #breadcrumbContent a:hover {
    color: #E83B83; }
#breadcrumbContent .breadcrumbItemWrap:last-of-type a {
  font-weight: 600;
  color: #E83B83; }

.breadcrumb {
  width: 100%;
  padding: 1px 0 20px;
  margin: 0; }
  .breadcrumb .bcHide {
    visibility: hidden; }
  .breadcrumb .bcShort {
    display: none; }
  .breadcrumb a {
    text-decoration: none; }

.breadcrumbStepWrap,
.breadcrumbScrollWrap {
  float: left;
  width: 12px;
  text-align: center;
  font-size: 12px; }
  .breadcrumbStepWrap a,
  .breadcrumbScrollWrap a {
    opacity: 0.7;
    transition: opacity .2s, color .2s; }
  .breadcrumbStepWrap:hover a,
  .breadcrumbScrollWrap:hover a {
    opacity: 1;
    color: #E83B83; }

#breadcrumb {
  overflow: hidden;
  white-space: nowrap;
  float: left;
  width: calc( 100% - 58px );
  margin: 0 5px; }

.breadcrumbItemWrap:before {
  content: '→ '; }

#plus {
  position: absolute;
  z-index: 11;
  width: 35px;
  height: 35px;
  left: calc(50% - 17px);
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px solid #E83B83;
  background-color: #E83B83;
  color: #F4F4F6;
  font-size: 44px;
  font-weight: 300;
  line-height: 48px;
  top: -19px;
  user-select: none;
  cursor: pointer;
  transition: transform .2s, border-color .2s ease-in-out; }
  #plus:hover, #plus.active {
    border-color: #F4F4F6; }
  #plus.active {
    transform: rotate(45deg); }
  #plus::selection {
    background-color: transparent;
    color: white; }
  #plus::-moz-selection {
    background-color: transparent;
    color: white; }

div.plus-menu-height {
  height: 0;
  position: fixed;
  width: 100%;
  z-index: 11; }
  div.plus-menu-height .longname-tooltip {
    z-index: 11; }

ap-plus-menu {
  margin: 2px auto 0px;
  width: 360px; }

#plus-menu {
  display: none;
  font-size: 0;
  width: 220px;
  position: relative;
  margin: 0 auto;
  z-index: 10;
  padding-bottom: 35px;
  padding-top: 40px;
  margin-top: -48px;
  background: #fff;
  border-radius: 0px 0px 15px 15px;
  box-shadow: 0px 0px 35px -10px;
  padding-left: 36px;
  padding-right: 36px; }
  #plus-menu.two-lists {
    width: 476px; }
  #plus-menu ul {
    display: inline-block;
    padding-left: 36px; }
    #plus-menu ul:first-of-type {
      padding-left: 0; }
    #plus-menu ul.meeting-list {
      vertical-align: top; }
  #plus-menu li {
    position: relative;
    background-color: #E83B83;
    color: #F4F4F6;
    display: block;
    text-align: center;
    vertical-align: bottom;
    font-size: 12px;
    cursor: pointer;
    width: 220px;
    margin: 0 auto;
    margin-bottom: 10px;
    font-weight: 500;
    border-radius: 12px;
    padding: 12px 0px 6px;
    height: 19px; }
    #plus-menu li a {
      display: inline-block;
      color: #F4F4F6; }
      #plus-menu li a.disabled {
        pointer-events: none; }
    #plus-menu li .menu-icon {
      display: inline-block;
      height: 17px;
      width: 17px;
      background-size: 17px 17px; }
      #plus-menu li .menu-icon.task {
        background-image: url(/images/icons/task-white.svg); }
      #plus-menu li .menu-icon.milestone {
        background-image: url(/images/icons/milestone-white.svg); }
      #plus-menu li .menu-icon.action {
        background-image: url(/images/icons/action-white.svg); }
      #plus-menu li .menu-icon.focusarea {
        background-image: url(/images/icons/focusarea-white.svg); }
    #plus-menu li div {
      height: 17px;
      padding: 0 5px;
      overflow: hidden; }
  #plus-menu.reverse-order {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    border-radius: 15px 15px 0px 0px; }
    #plus-menu.reverse-order li {
      transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg); }
      #plus-menu.reverse-order li.not-available {
        background-color: grey;
        cursor: default; }
        #plus-menu.reverse-order li.not-available a {
          text-decoration: none;
          cursor: default; }
  #plus-menu #separator {
    display: none; }
  #plus-menu.active {
    display: block; }
  #plus-menu .info-icon {
    position: absolute;
    right: -28px;
    top: 12px; }
  #plus-menu .beta {
    font-size: 9px;
    color: white;
    text-transform: uppercase; }

#searchBoxContainer {
  text-align: left;
  position: absolute;
  top: 62px;
  left: 0px;
  width: calc( 10px - -100vw );
  display: none;
  padding-bottom: 30px;
  color: white;
  z-index: 10; }
  #searchBoxContainer .searchCenterContainer {
    width: 1183px;
    margin: -1px auto;
    background: black; }

#searchBoxContainer span.results-header {
  display: inline-block; }

#searchBoxContainer .floatingWrapper {
  padding-top: 2px;
  padding-right: 8px;
  display: flex;
  justify-content: space-around; }

#searchBoxContainer .only_completed {
  font-size: 10px;
  margin-right: 25px;
  position: relative;
  top: -1px;
  border: 1px solid lightgrey;
  border-radius: 15px;
  height: 20px;
  padding-right: 0.5rem; }
  #searchBoxContainer .only_completed.active {
    border: 1px solid #E73C82; }
    #searchBoxContainer .only_completed.active .searchBoxOnlyCompletedLabel {
      color: #E73C82; }

#searchBoxContainer .only_completed input {
  position: relative;
  top: 3px; }

#searchResults {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: left;
  width: 100%;
  display: none;
  max-height: 600px;
  overflow-y: auto;
  color: white;
  z-index: 50000;
  border: 2px solid #3C3F3F;
  border-top: 0;
  font-size: 12px; }
  #searchResults a {
    color: white; }
  #searchResults .resultbigger-icon {
    margin-left: 10px;
    display: inline-block;
    width: 99%; }
  #searchResults #completedItemsLink {
    padding-right: 35px; }

#searchFilters {
  background-color: #3C3F3F;
  padding: 15px 30px; }
  #searchFilters ul li {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 30px;
    text-decoration: underline;
    cursor: pointer; }
    #searchFilters ul li a {
      color: white;
      text-decoration: underline; }

#searchResults table {
  border-collapse: collapse;
  width: 100%; }
  #searchResults table tr:nth-child(even) {
    background-color: #3C3F3F; }

#searchResults th {
  border-right: 1px solid #3C3F3F;
  padding: 5px;
  vertical-align: top;
  font-weight: normal;
  width: 150px;
  text-align: right; }

#searchResults .result {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px; }
  #searchResults .result.search-profile {
    margin-left: 6px;
    height: 22px; }
  #searchResults .result .searchContent {
    padding-left: 20px; }
  #searchResults .result.bigger-icon {
    margin-left: 8px; }
    #searchResults .result.bigger-icon .searchIcon {
      width: 22px; }
      #searchResults .result.bigger-icon .searchIcon img {
        width: 14px;
        height: 14px; }

#searchResults td {
  padding: 5px;
  line-height: 20px; }

#searchResults td div.searchResultsGroup {
  display: none; }

#searchResults .searchTogglerMinus {
  display: none; }

#searchResults .searchToggler {
  cursor: pointer;
  width: 8px;
  height: 8px; }

.searchHr {
  width: 100%;
  background-color: #3C3F3F;
  height: 1px; }

#searchResults td.searchHrTd {
  padding-left: 15px;
  padding-right: 5px;
  border-right: 1px solid #3C3F3F; }

#searchBox {
  background: white;
  border: 1px solid white;
  float: left;
  padding: 2px 13px;
  margin: 0;
  border-radius: 9px;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  left: -136px;
  position: absolute;
  top: 19px;
  height: 20px;
  width: 200px; }
  #searchBox::-ms-clear {
    display: none; }

#search {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 60px;
  width: 90px;
  top: 0;
  right: 320px;
  margin-left: 90px; }
  #search input:focus {
    outline: none; }
  #search:hover #searchButton:before {
    opacity: 0; }
  #search:hover #searchButton:after {
    opacity: 1; }

.searchFocused #searchBox {
  visibility: visible !important; }
.searchFocused #searchButton:before {
  opacity: 1; }
.searchFocused .subSearchTex {
  visibility: hidden; }

#searchButton {
  position: absolute;
  top: 18px;
  right: 30px;
  width: 17px;
  height: 20px;
  border: 0;
  margin-left: 8px;
  margin-right: 5px;
  cursor: pointer; }
  #search #searchButton:before {
    background-image: url(/images/icons/search-ltgrey.svg); }
  #search #searchButton:after {
    background-image: url(/images/icons/search-pink.svg); }
  #searchButton:after {
    opacity: 0; }
  #searchButton:before, #searchButton:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent no-repeat 0 2px/17px;
    transition: opacity .2s; }
  #searchButton:focus {
    outline: none; }
  #searchButton:hover:before, #searchButton.active:before, #searchButton:focus:before {
    opacity: 1; }

#horNav li #searchBoxContainer a {
  background: none;
  display: inline;
  border: none;
  color: black;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  font-size: 11px; }

#horNav li #searchBoxContainer a:hover {
  text-decoration: underline;
  color: blue !important; }

#searchResults .splitter {
  margin-bottom: 5px;
  margin-top: 5px; }

#searchResultsLoader img {
  width: 16px; }

#searchResultsLoader {
  padding-right: 5px;
  display: none; }
  #searchResultsLoader.show {
    display: inline-block; }

.searchResultKeyword {
  color: #E83B83; }

.closeSearchBox {
  display: inline;
  position: relative;
  right: 18px;
  float: right;
  font-size: 11px;
  cursor: pointer;
  overflow: hidden; }
  .closeSearchBox span {
    color: #ECECEC;
    font-size: 30px;
    line-height: 20px;
    display: inline-block; }
    .closeSearchBox span:hover {
      text-decoration: none; }
  .closeSearchBox .notif-printer-icon {
    width: 20px;
    height: 20px;
    background-image: url("/images/icons/printer.svg");
    background-size: 16px 16px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-right: 4px; }
  .closeSearchBox span {
    font-size: 23px;
    line-height: 18px; }

#searchFilters {
  position: relative;
  padding: 15px; }
  #searchFilters h1 {
    color: white;
    font-weight: 500;
    margin-bottom: 0; }

.searchIcon {
  float: left;
  width: 20px;
  padding-top: 6px; }
  .searchIcon img {
    width: 9px;
    height: 9px;
    margin-left: 1px; }
  .searchIcon.search-profile {
    padding-top: 0;
    margin-right: 5px; }
    .searchIcon.search-profile img {
      width: 19px;
      height: 19px;
      margin-left: 0;
      border-radius: 50%; }
    .searchIcon.search-profile .profile-image-placeholder {
      background-color: lightgrey;
      color: #303030;
      text-align: center;
      border-radius: 50%;
      font-size: 8px; }
  .searchIcon div.state-box-small {
    margin-left: 1px; }

#outstandingsContainer {
  display: none;
  position: fixed;
  top: 62px;
  width: 100%;
  z-index: 9; }
  #outstandingsContainer.show {
    display: block;
    z-index: 998; }
  #outstandingsContainer.loading .outstandingsCenterContainer:before {
    display: block; }

.outstandingsCenterContainer {
  margin: -1px auto !important;
  width: 1193px;
  background: #2E2F31; }
  .outstandingsCenterContainer:before {
    content: '';
    display: none;
    height: 16px;
    margin: 21px 0 10px;
    background: url("/images/ajax-loader.gif") no-repeat 50%; }

#print-page-container {
  float: right;
  margin-right: 21px; }

#searchBox {
  visibility: hidden; }
  #header #search:hover #searchBox {
    visibility: visible; }
  #header.searchInProgress #search #searchBox {
    visibility: visible; }

.hasSelectableChildren {
  position: absolute;
  display: none;
  right: 0;
  bottom: -30%;
  width: 72px;
  text-align: center;
  font-size: 8px;
  text-transform: none !important; }
  .subMenuItem:hover .hasSelectableChildren {
    color: #E83B83; }

.wrap-right-header {
  display: flex;
  float: right; }

.print-wrap {
  display: none;
  justify-content: center;
  border-right: 1px solid #212224;
  border-image: linear-gradient(#2E2F31 0%, #212224 30%, #212224 70%, #2E2F31 100%) 0 100%; }

#search .subSearchText {
  transform: translateY(13px) translateX(-30px); }

#header-profile.subMenuWrap ul.subMenu {
  top: 142px;
  background-color: #2E2F31;
  border: 1px solid #656060; }
  #header-profile.subMenuWrap ul.subMenu .backgroundHelper {
    background-color: #2E2F31;
    border-right: 1px solid #656060;
    border-left: 1px solid #656060; }
  #header-profile.subMenuWrap ul.subMenu .subSubMenu {
    background-color: #2E2F31;
    border-bottom: 1px solid #656060;
    border-left: 1px solid #656060;
    border-right: 1px solid #656060; }
  #header-profile.subMenuWrap ul.subMenu .subSubMenuScroll {
    overflow-y: auto;
    max-height: 300px;
    scrollbar-color: #c1c1c1 #f1f1f1; }

#header-profile .subMenuWrap #profile-menu-toggle:checked ~ #profile-pic {
  background: transparent; }
#header-profile .subMenuWrap #profile-pic .Userphoto {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: -45px;
  top: 3px; }
  #header-profile .subMenuWrap #profile-pic .Userphoto.no-image {
    background-color: lightgrey;
    line-height: 41px;
    font-size: 16px;
    text-align: center;
    color: #303030; }

.wrap-right-header .print-wrap:hover {
  background: black; }

#searchBoxContainer #searchFilters {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 45px; }
  #searchBoxContainer #searchFilters .closeSearchBox {
    right: 0;
    float: none; }
  #searchBoxContainer #searchFilters .only_completed {
    display: flex;
    align-items: center;
    color: lightgray; }
    #searchBoxContainer #searchFilters .only_completed::before {
      content: '';
      display: flex;
      height: 15px;
      width: 15px;
      background-image: url(/images/icons/view-gray.svg);
      background-repeat: no-repeat;
      -webkit-background-size: contain;
      background-size: contain;
      background-position: center;
      margin: 0 0.3rem 0 0.5rem; }
    #searchBoxContainer #searchFilters .only_completed.active::before {
      background-image: url(/images/icons/icons-checked-tr-viewbox.svg);
      background-repeat: no-repeat;
      background-size: 30px 30px;
      background-position: initial; }
  #searchBoxContainer #searchFilters .info-icon {
    position: relative;
    left: -18px;
    top: 4px;
    display: inline-block;
    height: 13px; }

/**/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.elms {
  color: white;
  position: absolute;
  right: -52px;
  height: 100%;
  display: flex;
  align-items: center; }

.screen-share-mode {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 23px;
  display: inline-block;
  text-align: center;
  top: 7px; }

.solo-user-mail {
  position: absolute;
  top: 32px;
  left: 21px;
  color: #E83B83;
  font-size: 10px; }

.outstanding-no-picture {
  text-decoration: none;
  color: #303030; }

a:hover .outstanding-no-picture {
  text-decoration: lightgrey; }

.support-profile-logout {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 23px;
  display: inline-block;
  text-align: center;
  top: 10px; }
  .support-profile-logout span {
    display: inline-block;
    width: 23px;
    height: 18px;
    background-image: url("/images/icons/company-grey.svg");
    background-size: 23px;
    background-position: 0 0;
    background-repeat: no-repeat; }
  .support-profile-logout:hover {
    cursor: pointer; }
    .support-profile-logout:hover span {
      background-image: url("/images/icons/company-pink.svg"); }

.nav-busienssmap {
  font-size: 12px;
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
  width: 70px;
  text-align: center;
  overflow: hidden;
  top: 10px;
  color: white; }
  .nav-busienssmap > span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal; }

ul#main-menu > li#nav-report ul.subMenu {
  max-height: 400px;
  overflow-y: auto;
  width: 310px; }
ul#main-menu > li#nav-report ul .subMenuItem {
  height: auto; }
  ul#main-menu > li#nav-report ul .subMenuItem .mainSubMenuLabel {
    left: initial;
    text-align: left;
    text-transform: uppercase;
    height: auto;
    width: 92%;
    position: static;
    padding-right: 20px;
    margin-top: 13px; }
ul#main-menu > li#nav-report .subMenuItem li {
  width: auto !important;
  height: auto !important;
  padding-left: 40px;
  padding-bottom: 12px; }
  ul#main-menu > li#nav-report .subMenuItem li.selected {
    background-image: url(/images/icons/icons-checked-tr.svg);
    background-position: 10px 14px;
    color: #E83B83; }
  ul#main-menu > li#nav-report .subMenuItem li .current {
    position: absolute;
    bottom: -11px;
    left: 40px;
    text-transform: none;
    font-size: 10px; }
  ul#main-menu > li#nav-report .subMenuItem li:after {
    content: none; }

.screen-share-mode {
  cursor: pointer; }
  .screen-share-mode .icon-active {
    display: none; }
  .screen-share-mode .show-private-tooltip {
    display: none; }
  .screen-share-mode:hover .show-private-tooltip.inactive {
    display: inline; }
  .screen-share-mode.active .icon-inactive {
    display: none; }
  .screen-share-mode.active .icon-active {
    display: block; }
  .screen-share-mode.active:hover .show-private-tooltip.active {
    display: inline; }
  .screen-share-mode.active:hover .show-private-tooltip.inactive {
    display: none; }
  .screen-share-mode .show-private-tooltip {
    position: absolute;
    top: 34px;
    left: 32px;
    z-index: 1000;
    transform: translateY(-100%);
    background: #292929;
    color: white;
    padding: 7px;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2);
    max-width: 600px;
    font-weight: normal;
    margin-right: 15px;
    white-space: nowrap;
    border: 1px solid #9b9b9b; }

footer {
  background-color: #2E2F31;
  border-top: 1px solid #E83B83;
  font-family: "Graphik Web"; }
  footer #subfooter {
    width: 100%;
    background: #000;
    margin: 0 auto; }
    footer #subfooter h3 {
      border-bottom: 1px solid #DDD;
      color: white;
      font-weight: 300;
      font-size: 10px;
      margin-bottom: 14px;
      padding-bottom: 4px;
      text-transform: uppercase; }
    footer #subfooter .infoprofile {
      float: left;
      margin-left: 5px; }
    footer #subfooter #supporterProfile h3 {
      color: #104974; }
  footer .footerbox {
    font-weight: 300;
    font-size: 10px;
    float: left;
    width: 235px;
    color: #fff;
    font-weight: 400; }
    footer .footerbox.birthdaybox {
      width: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: center; }
    footer .footerbox .upcoming-bday {
      font-size: 16px;
      display: flex;
      margin: 20px 0; }
      footer .footerbox .upcoming-bday .b-day-icon {
        width: 21px;
        height: 21px;
        display: inline-block;
        background-image: url("/images/icons/footer_next_birthdays.png");
        background-size: 35px 35px;
        border-radius: 50%;
        background-position: center center;
        margin-right: 5px;
        background-color: #e64c5c; }
    footer .footerbox .birthdays {
      position: relative;
      padding-left: 18px; }
      footer .footerbox .birthdays:before {
        content: '';
        position: absolute;
        width: 22px;
        height: 22px;
        background-attachment: scroll;
        background-color: transparent;
        background-image: url("/images/icons/birthdays-viewbox.svg");
        background-position: 0 1px;
        background-repeat: no-repeat;
        background-size: 22px 22px;
        left: 0;
        top: 0; }
    footer .footerbox p {
      font-weight: 300;
      font-size: 10px;
      color: white;
      padding-bottom: 0;
      padding-top: 0; }
      footer .footerbox p.name {
        color: white;
        font-size: 13px;
        background-color: #000;
        padding: 2px 4px; }
      footer .footerbox p.head {
        font-weight: 300;
        font-size: 10px;
        color: white;
        border-bottom: 1px solid #DDD;
        padding-bottom: 1px;
        padding-top: 0;
        margin-bottom: 9px;
        text-transform: uppercase; }
    footer .footerbox h4 {
      background: #000 none repeat scroll 0 0;
      color: #fff;
      font-weight: normal;
      font-size: 13px;
      padding: 2px 4px; }
    footer .footerbox a {
      color: white; }
    footer .footerbox ul.footer_birthdays {
      list-style: none;
      height: 1%;
      color: white; }
      footer .footerbox ul.footer_birthdays li {
        background-attachment: scroll;
        background-color: transparent;
        background-image: url("/images/flags/dk.png");
        background-position: 0 3px;
        background-repeat: no-repeat;
        background-size: 12px 9px;
        padding-left: 18px;
        display: inline-block;
        width: 235px; }
  footer .footerboxlist {
    font-weight: 300;
    font-size: 10px;
    float: left;
    margin-left: 58px;
    width: 239px; }
    footer .footerboxlist p.head {
      color: white;
      font-weight: 300;
      font-size: 10px;
      border-bottom: 1px solid #DDD;
      padding-bottom: 1px;
      margin-bottom: 9px;
      text-transform: uppercase;
      padding-left: 18px;
      position: relative; }
      footer .footerboxlist p.head.birthdays {
        width: 500px; }
      footer .footerboxlist p.head:before {
        background-position: 0 1px;
        position: absolute;
        content: '';
        width: 22px;
        height: 22px;
        background-attachment: scroll;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 22px 22px;
        left: 0;
        top: 0; }
    footer .footerboxlist p.head.help:before {
      background-image: url("/images/icons/help-viewbox.svg"); }
    footer .footerboxlist p.head.feedback:before {
      background-image: url("/images/icons/feedback-viewbox.svg"); }
    footer .footerboxlist p.head.success:before {
      background-image: url("/images/icons/success-viewbox.svg"); }
    footer .footerboxlist ul {
      list-style: none; }
    footer .footerboxlist li {
      font-weight: 300;
      font-size: 10px;
      height: 1%;
      background-image: url(../images/piclink.gif);
      background-repeat: no-repeat;
      padding-left: 18px;
      padding-bottom: 13px;
      color: white; }
      footer .footerboxlist li a {
        color: white; }
        footer .footerboxlist li a.linkfooter {
          border-bottom: 1px solid grey;
          display: inline-block;
          line-height: 10px;
          text-decoration: none; }
          footer .footerboxlist li a.linkfooter:hover {
            text-decoration: none; }
    footer .footerboxlist a {
      border-bottom: 1px solid grey;
      display: inline-block;
      line-height: 10px;
      text-decoration: none; }
    footer .footerboxlist .footer_feedback_yellow,
    footer .footerboxlist .footer_feedback_green,
    footer .footerboxlist .footer_feedback_red {
      background-color: transparent;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-position: 0 1px; }
    footer .footerboxlist .footer_feedback_yellow {
      background-image: url(/images/status_2.png); }
    footer .footerboxlist .footer_feedback_green {
      background-image: url(/images/status_1.png); }
    footer .footerboxlist .footer_feedback_red {
      background-image: url(/images/status_3.png); }

.appfooter {
  background-color: #2E2F31;
  color: white;
  width: 100%;
  padding-top: 11px;
  float: left;
  font-weight: 300;
  font-size: 8px; }
  .appfooter img {
    float: left;
    margin-right: 9px; }
  .appfooter .logo {
    float: left;
    margin-left: -7px;
    padding: 6px 3px 3px; }
  .appfooter .info {
    float: left;
    padding-top: 12px; }
  .appfooter .footer-container {
    width: 1200px;
    margin: 0 auto; }

.footerSupport {
  width: 100%;
  color: white; }
  .footerSupport a {
    color: white;
    text-decoration: underline;
    cursor: pointer; }
  .footerSupport p {
    padding-left: 18px; }

#Embed .Icon {
  padding-right: .25rem;
  backface-visibility: hidden;
  display: inline-block;
  vertical-align: middle;
  fill: white; }
#Embed .src-component-Launcher-wrapper {
  padding: 8px 17px 8px 8px;
  color: #FFFFFF;
  fill: #222;
  background: #2E2F31 !important;
  font-weight: normal;
  font-family: "Lucida Grande", "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: initial;
  border-radius: 999rem;
  bottom: 0;
  border: none !important;
  box-sizing: border-box;
  margin: 0;
  min-width: 100%;
  table-layout: auto;
  font-size: 12px; }
  #Embed .src-component-Launcher-wrapper:hover {
    color: #e83b83; }
    #Embed .src-component-Launcher-wrapper:hover .Icon {
      fill: #e83b83; }

.birthdayCalendar {
  margin-bottom: 25px; }
  .birthdayCalendar .month {
    display: inline-block;
    border: 1px solid grey;
    cursor: pointer;
    background-color: black;
    width: calc(100% / 12);
    box-sizing: border-box;
    text-align: center;
    padding: 3px 0;
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    font-size: 11px; }
    .birthdayCalendar .month.active {
      background-color: #2E2F31; }
  .birthdayCalendar .profiles {
    border: 1px solid grey;
    width: 1200px;
    position: relative;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    border-top: none;
    min-height: 80px;
    border-radius: 0 0 12px 12px;
    background: #2E2F31; }
    .birthdayCalendar .profiles .profileScroller {
      width: 100%;
      white-space: nowrap; }
      .birthdayCalendar .profiles .profileScroller .profile {
        display: inline-flex;
        width: calc(100% / 6);
        margin: 20px 0px; }
        .birthdayCalendar .profiles .profileScroller .profile ap-profile-image {
          display: inline-block;
          padding-left: 25px; }
        .birthdayCalendar .profiles .profileScroller .profile .description {
          display: inline-block;
          padding: 4px 8px 8px 8px; }
          .birthdayCalendar .profiles .profileScroller .profile .description .name {
            font-size: 11px; }
          .birthdayCalendar .profiles .profileScroller .profile .description .birthday {
            font-size: 12px;
            font-weight: 500; }
    .birthdayCalendar .profiles .leftScroller, .birthdayCalendar .profiles .rightScroller {
      position: absolute;
      color: #e83b83;
      font-size: 17px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1; }
      .birthdayCalendar .profiles .leftScroller.active, .birthdayCalendar .profiles .rightScroller.active {
        color: pink; }
      .birthdayCalendar .profiles .leftScroller:hover, .birthdayCalendar .profiles .rightScroller:hover {
        cursor: pointer; }
    .birthdayCalendar .profiles .leftScroller {
      left: 12px; }
    .birthdayCalendar .profiles .rightScroller {
      right: 12px; }

#first_signin_page_wrapper footer {
  position: fixed;
  width: 100%;
  bottom: 0; }

div#msgFlash, div.msgFlash {
  position: fixed;
  display: none;
  font-size: 12px;
  cursor: pointer; }
  div#msgFlash.show, div.msgFlash.show {
    display: block;
    z-index: 1010;
    margin-top: 1px; }

.msgFlashInner {
  position: relative;
  padding: 0 20px 0 14px;
  background-color: #7CBE54;
  color: white;
  font-size: 14px;
  line-height: 33px;
  width: 1165px;
  margin: 0 auto;
  height: 33px;
  font-weight: 400;
  text-align: center; }
  .msgFlashInner.error-flash {
    background: #E62E2C; }
  .msgFlashInner .checkCompleteIcon {
    display: inline-block;
    background-image: url(/images/icons/icons-complete-ok.svg);
    background-size: 18px 18px;
    background-position: center 0;
    background-repeat: no-repeat;
    padding-top: 20px;
    min-width: 18px;
    vertical-align: middle;
    margin-left: 35px; }
  .msgFlashInner .checkLabel {
    display: inline;
    color: #9CC976; }
  .msgFlashInner .content {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    word-wrap: break-word; }
    .msgFlashInner .content span {
      display: inline-block;
      vertical-align: bottom; }
      .msgFlashInner .content span.messageContent {
        max-width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .msgFlashInner .alert-undo {
    text-transform: capitalize;
    color: #000000;
    font-size: 13px;
    margin-left: 10px; }

div#msgFlash table td:nth-of-type(2) div {
  word-wrap: break-word;
  width: 769px; }

div#errorFlash {
  background-color: red;
  background-image: url(/images/icons/cancel.png);
  background-repeat: no-repeat;
  background-position: 5px 6px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 8px 20px 8px 25px;
  margin-bottom: 5px;
  position: relative;
  z-index: 1010; }

div#browserFlash {
  width: 900px;
  margin: 0 auto;
  display: none;
  background-color: red;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 8px 20px 8px 25px;
  margin-bottom: 5px;
  position: relative;
  z-index: 1010; }

ap-alert .msgFlash {
  position: fixed;
  font-size: 11px;
  z-index: 1010;
  margin: 0 auto;
  width: 100%;
  top: 60px;
  left: 0; }

.closeFlashBox {
  position: absolute;
  top: 0;
  right: 8px;
  color: white;
  font-weight: 300;
  cursor: pointer;
  font-size: 34px; }
  .closeFlashBox:hover {
    color: #E83B83; }

.filterbutton {
  background: #FCFBFD;
  color: #0E0E0E;
  border: 1px solid #DDD;
  cursor: pointer;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  height: 27px; }
  .disabled.filterbutton, .disabled.filterbutton:hover, .filterbutton:disabled, .filterbutton:disabled:hover {
    color: #999999;
    cursor: default;
    background: #E3E3E3; }
  .filterbutton:hover {
    background: #EEE; }

.tipHelpBox, .initiative-toolbar .actions a .hover-box, .milestones-toolbar .actions a .hover-box, div.table-toolbar .createDisabled .hover-box, .organisationOverviewOutstandings {
  position: absolute;
  display: none;
  background-color: #FCFDFE;
  border: 1px solid #E83B83;
  border-left: 0;
  border-right: 0; }

.listViewTable .hoverBoxContentHeader th, .listViewTable .hoverBoxContentHeader > table th {
  height: 15px; }

div.tipHelpBox.hoverBoxContent {
  width: 823px; }

.hoverBoxContentHeader th, .hoverBoxContentHeader > table th {
  font-weight: 300;
  text-align: left;
  text-transform: uppercase;
  color: #E83B83; }

.hoverBoxControl {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #9D9C9C;
  font-weight: 600;
  cursor: pointer;
  font-size: 12px; }

#treeIconHoverBox {
  max-width: 826px;
  overflow-x: hidden; }

.hoverBoxContent.action-history-wrap .history, #status-form .history {
  width: 823px;
  background-color: transparent; }
  .hoverBoxContent.action-history-wrap .history .modern-date, #status-form .history .modern-date {
    display: inline-block; }

.hoverBoxContent.frontendHoverBox, .milestoneHoverBoxContent.frontendHoverBox {
  position: absolute;
  display: block;
  right: -12px; }

div.tipHelpBox.triangle.milestoneHoverBoxContent.frontendHoverBox {
  margin-top: 11px; }

.taskFile .tipHelpBox {
  width: max-content;
  font-size: 10px; }

.dashboardOutstandings {
  bottom: 50px;
  position: absolute;
  right: 0px; }
  .dashboardOutstandings .outstandings-counter {
    vertical-align: middle;
    line-height: 22px;
    top: 0;
    right: 0; }

.priorityRoadmapCheckbox {
  cursor: pointer; }

div.actionplans {
  margin-bottom: 25px; }
  div.actionplans p.showall {
    margin: 0px;
    float: right; }
  div.actionplans p.tableAboveHeader {
    padding: 8px;
    margin-bottom: 0; }
  div.actionplans .tableHeader {
    height: 25px; }
  div.actionplans .tableBody .tableRow:not(:last-child) {
    border-bottom: 1px solid #DDD; }
  div.actionplans div.summary {
    padding-top: 18px;
    padding-bottom: 30px; }
    div.actionplans div.summary .name {
      font-size: 13px;
      margin-bottom: 7px; }
  div.actionplans div.date {
    font-weight: 300;
    font-size: 9px; }
  div.actionplans div.icon {
    width: 46px;
    height: 50px;
    padding-left: 8px;
    padding-top: 3px;
    float: left; }
  div.actionplans div.status {
    float: right;
    margin-right: 5px;
    padding-left: 20px;
    text-align: right;
    font-size: 13px; }
    div.actionplans div.status.details {
      font-weight: 300;
      font-size: 9px; }
  div.actionplans div.statusComment {
    margin-top: 5px;
    color: #727272;
    margin-left: 50px; }
  div.actionplans div.state0 {
    background-image: url(../images/status_0.gif);
    background-repeat: no-repeat; }
  div.actionplans div.state1 {
    background-image: url(../images/status_3.gif);
    background-repeat: no-repeat; }
  div.actionplans div.state2 {
    background-image: url(../images/status_2.gif);
    background-repeat: no-repeat; }
  div.actionplans div.state3 {
    background-image: url(../images/status_1.gif);
    background-repeat: no-repeat; }
  div.actionplans.byMe .status .small {
    margin-top: 7px;
    display: inline-block; }

.simpleProfileSelector .chosen-container-single .chosen-single {
  width: 237px;
  height: 30px;
  line-height: 30px; }
.simpleProfileSelector .chosen-drop {
  width: 245px; }
.simpleProfileSelector .chosen-search input {
  width: 210px; }
.simpleProfileSelector .label {
  position: absolute;
  left: -80px;
  top: 9px;
  font-weight: bold; }

ap-roadmap-selector {
  font-size: 11px; }
  ap-roadmap-selector .roadmapsTitleHolder {
    text-transform: uppercase; }
  ap-roadmap-selector .chk-eye-tr + span::before {
    background-size: 11px 11px;
    width: 11px;
    height: 12px;
    background-position: 0 2px; }

.assignTable.divTable.assignedToMe .tableRow .mainContent > div.tableNameCell, .assignTable.divTable.assignedToMe .tableRow > div:not(.mainContent).tableNameCell {
  width: 215px; }
.assignTable.divTable.assignedToMe .tableRow .mainContent > div.tableStatusCell, .assignTable.divTable.assignedToMe .tableRow > div:not(.mainContent).tableStatusCell {
  width: 180px; }
.assignTable.divTable.assignedToMe .tableRow .mainContent > div.tableActionCell, .assignTable.divTable.assignedToMe .tableRow > div:not(.mainContent).tableActionCell {
  width: 343px; }
.assignTable.divTable .tableNameCell .name {
  font-size: 12px; }
.assignTable.divTable .tableNameCell .date {
  margin-top: 6px;
  font-weight: 300; }
.assignTable.divTable .photo {
  margin-top: 1px;
  width: 40px; }
.assignTable.divTable .tableRow.tableHeader > div, .assignTable.divTable .tableRow .mainContent > div {
  padding-left: 13px; }
  .assignTable.divTable .tableRow.tableHeader > div:nth-of-type(3), .assignTable.divTable .tableRow .mainContent > div:nth-of-type(3) {
    padding-left: 32px; }
  .assignTable.divTable .tableRow.tableHeader > div.tableActionCell, .assignTable.divTable .tableRow .mainContent > div.tableActionCell {
    padding-right: 0px; }
.assignTable.divTable .tableRow .mainContent > div.tableActionCell {
  font-size: 12px; }
  .assignTable.divTable .tableRow .mainContent > div.tableActionCell .linkRow a {
    color: #E83B83; }
.assignTable.divTable .tableRow:not(.tableHeader) .tableStatusCell {
  font-size: 12px; }

.assignedToHeading {
  display: inline-block;
  font-size: 21px; }
  .assignedToHeading::first-letter {
    text-transform: capitalize; }

#home .assignedToHeading {
  font-size: 24px;
  margin: 0;
  padding: 0; }
#home .ini_assigned__title__holder {
  margin-top: 20px;
  margin-bottom: 0px; }
  #home .ini_assigned__title__holder.listViewHeader {
    height: auto; }
#home .divTable.assignTable {
  margin-top: 15px;
  margin-bottom: 0; }
#home #move_milestone_to_ini .sect-before-text h3.assignedToHeading {
  vertical-align: inherit;
  font-size: 15px; }
#home #move_milestone_to_ini .ini_assigned__title__holder {
  margin-top: 0; }
#home #move_milestone_to_ini .assignedToHeading {
  font-size: 21px;
  padding: 0px 20px 25px 0; }

.ini_assigned__content__holder .divTable.assignTable {
  border: 1px solid #cdcdcd;
  border-radius: 10px;
  padding: 5px 0 0px;
  background-color: #fff !important;
  box-shadow: inset 0px 14px 20px 0px #f8f8f8;
  overflow: hidden; }
  .ini_assigned__content__holder .divTable.assignTable .tableRow .mainContent {
    border-top: none !important; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow .mainContent .tableActionCell {
      padding-left: 0px !important;
      padding-right: 0 !important;
      margin-left: auto !important;
      width: 305px !important; }
  .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader {
    padding: 0 !important; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableNameCell, .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableStatusCell {
      padding: 0 !important;
      padding-left: 15px !important;
      box-sizing: border-box;
      color: #939393;
      font-size: 12px; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableActionCell {
      padding: 0 !important;
      padding-left: 19px !important;
      box-sizing: border-box;
      color: #939393;
      font-size: 12px; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableUserIcoCell {
      padding: 0px 3px 0px 15px;
      box-sizing: border-box;
      color: #939393;
      font-size: 12px; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableNameCell {
      padding: 0 !important;
      padding-left: 7px !important;
      box-sizing: border-box;
      color: #939393;
      font-size: 12px; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableUserIcoCell {
      width: 5% !important; }
      .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableUserIcoCell .responsible_icon {
        margin: 0 auto; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableNameCell {
      width: 35% !important; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableStatusCell {
      width: 33% !important; }
    .ini_assigned__content__holder .divTable.assignTable .tableRow.tableHeader .tableActionCell {
      width: 25% !important;
      padding-right: 15px !important; }
  .ini_assigned__content__holder .divTable.assignTable .tableBody {
    border: none !important; }
    .ini_assigned__content__holder .divTable.assignTable .tableBody .mainContent {
      padding: 0 !important;
      padding-top: 14px !important;
      padding-bottom: 14px !important;
      overflow: hidden; }
    .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow:nth-child(2n) {
      background-color: #FAF8F9; }
    .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow {
      padding: 0 !important;
      border-top: none !important; }
      .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow:not(:last-child) {
        border-bottom: 1px solid #cdcdcd; }
      .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableStatusCell {
        padding: 0 !important;
        padding-left: 15px !important;
        box-sizing: border-box; }
      .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableUserIcoCell {
        padding: 0 !important;
        padding-left: 13px !important;
        box-sizing: border-box; }
      .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell {
        padding: 0 !important;
        padding-left: 8px !important;
        box-sizing: border-box; }
      .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableUserIcoCell {
        width: 5% !important;
        text-align: center; }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableUserIcoCell .tableUserImg {
          display: block;
          margin: 0 auto;
          width: 40px;
          height: 40px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%;
          background-color: #ccc;
          background-image: url(/images/person_avatar.gif);
          border-radius: 50%; }
      .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell {
        width: 35% !important; }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell .tableNameIcon {
          display: inline-block;
          margin-right: 10px;
          margin-top: 2px;
          vertical-align: top;
          width: 18px;
          height: 18px;
          position: relative; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell .tableNameIcon:after {
            background-image: url(/images/icons/action-grey.svg);
            background-size: 40px 40px;
            width: 40px;
            height: 40px;
            content: ' ';
            display: block;
            position: absolute;
            top: 0;
            left: 0; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell .tableNameIcon.pending:after {
            background-image: url(/images/icons/pending-grey-viewbox.svg); }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell .name {
          display: inline-block;
          width: 380px; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell .name span {
            color: #e11c85; }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell .name a {
          font-weight: 400;
          color: #303030;
          font-size: 18px; }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell .date {
          margin-left: 31px;
          font-weight: 400;
          color: #B6B4B6;
          font-size: 12px; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableNameCell .date .ng-isolate-scope {
            color: #4C4C4C; }
      .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableStatusCell {
        width: 27% !important;
        font-weight: 400;
        color: #7B7B7B;
        font-size: 16px; }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableStatusCell .small {
          margin-top: 10px;
          font-size: 12px !important; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableStatusCell .small span {
            color: #0e0e0e; }
      .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell {
        padding-left: 22px !important;
        padding-right: 0 !important;
        padding-top: 2px !important; }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .helpText {
          color: #7B7B7B; }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector {
          display: flex; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector input {
            display: none; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li:last-child {
            margin-right: 0; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li span::before {
            display: none; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li span {
            display: inline-block;
            width: 90px;
            text-align: center;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            border-radius: 5px;
            transition: 0.3s; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li span.green {
            color: #82d890 !important;
            border: 1px solid #cefbd5 !important;
            background-color: #f6fff5 !important; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li span.green:hover,
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li input:checked + span.green {
            color: #fff !important;
            border: 1px solid #55bb3e !important;
            background-color: #55bb3e !important; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li span.yellow {
            color: #e5dc7a !important;
            border: 1px solid #f7f2b5 !important;
            background-color: #fefce7 !important; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li span.yellow:hover,
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li input:checked + span.yellow {
            color: #fff !important;
            border: 1px solid #fee800 !important;
            background-color: #fee800 !important; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li span.red {
            color: #fbafae !important;
            border: 1px solid #fcdbdb !important;
            background-color: #ffecec !important; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li span.red:hover,
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .colorSelector li input:checked + span.red {
            color: #fff !important;
            border: 1px solid #e92d24 !important;
            background-color: #e92d24 !important; }
        .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .linkRow span {
          font-weight: 400;
          font-size: 14px;
          line-height: 24px;
          border-radius: 5px;
          transition: 0.3s;
          border: 1px solid #cdcdcd;
          background-color: #fff;
          width: 200px;
          display: block;
          text-align: center; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .linkRow span a {
            color: #767676 !important; }
          .ini_assigned__content__holder .divTable.assignTable .tableBody .tableRow .tableActionCell .linkRow span a:hover {
            text-decoration: none; }
  .ini_assigned__content__holder .divTable.assignTable .tableFooter .tableRow {
    display: flex;
    justify-content: flex-end;
    padding: 13px;
    padding-bottom: 0;
    border-bottom: none; }
    .ini_assigned__content__holder .divTable.assignTable .tableFooter .tableRow .tableFooterHandler .cancelButton {
      background-color: #fff;
      color: #525252;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 26px;
      margin: 0;
      width: 140px;
      height: 30px;
      text-align: center;
      font-weight: 400;
      font-size: 14px;
      text-transform: uppercase; }
    .ini_assigned__content__holder .divTable.assignTable .tableFooter .tableRow .tableFooterHandler .saveButton, .ini_assigned__content__holder .divTable.assignTable .tableFooter .tableRow .tableFooterHandler .submitButton {
      background-color: #E93B83;
      color: #fff;
      margin-left: 0;
      margin-right: 10px;
      padding-left: 20px;
      padding-right: 20px;
      height: 30px;
      line-height: 26px;
      width: 140px;
      text-align: center;
      font-weight: 400;
      text-transform: uppercase;
      cursor: pointer;
      border-radius: 3px;
      font-size: 14px;
      border: 1px solid #E93B83; }

#home {
  position: relative;
  /*
  .controls-box .controls-link:after{
    width:23px;
    height:23px;
  }
  */ }
  #home .iniNameBox > .comment-seen {
    left: -22px;
    top: 45px;
    cursor: pointer; }
  #home .iniNameBox > .comment-seen-ini-overview {
    left: -22px;
    top: 38px;
    cursor: pointer; }
  #home .expander-two-colors {
    position: relative;
    display: inline-block;
    padding: 6px;
    cursor: pointer;
    background: none;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 0; }
    #home .expander-two-colors.expanded:before {
      background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
    #home .expander-two-colors:before {
      content: '';
      width: 32px;
      height: 32px;
      position: absolute;
      background-image: url(/images/icons/icons-unchecked-tr-viewbox.svg);
      background-size: 32px 32px;
      left: 6px; }
    #home .expander-two-colors:after {
      display: none; }
  #home .priority-section .showActionToggleLink p, #home .assigned-section .showActionToggleLink p {
    width: auto;
    position: relative;
    top: 3px; }
  #home .priority-section .showActionToggleLink, #home .assigned-section .showActionToggleLink {
    display: inline-block;
    vertical-align: middle; }
  #home .priority-section ap-menu .bulk_option__button {
    margin-top: 5px; }
  #home h3 {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 5px;
    margin-left: 0px;
    vertical-align: middle; }
  #home h1 {
    display: inline-block;
    font-size: 24px;
    vertical-align: middle;
    margin: 0 0 15px 0; }
  #home .showActionToggleLink {
    margin-right: 2px; }
  #home .priorityProfileSelector {
    float: right;
    width: 248px;
    position: relative;
    right: -1px;
    top: 4px; }
  #home .bulk-move-items #move_table th:first-of-type {
    padding-left: 10px; }
  #home .popup-ap-formbox {
    padding: 0px; }
    #home .popup-ap-formbox .chk-big + label:before, #home .popup-ap-formbox .chk-big + span:before {
      margin-right: 30px; }
    #home .popup-ap-formbox .form-box {
      margin: 0px;
      border: none; }
      #home .popup-ap-formbox .form-box h3 {
        font-size: 16px; }
  #home .homeLoader {
    margin-left: 5px; }
  #home .priority_list__item:nth-child(2n+1) ap-comment .frontend-comment .commentControlIcons {
    background: rgba(250, 248, 249, 0.75); }
  #home .date-remove-wrapper {
    position: relative;
    z-index: 1;
    vertical-align: top;
    display: inline-block; }
    #home .date-remove-wrapper .removeDate {
      position: absolute;
      top: -1px;
      left: 2px;
      font-size: 13px;
      cursor: pointer;
      color: #9D9C9C; }
  #home .overdue .orvedue_tag.active {
    display: inline; }
  #home .ui-sortable-helper {
    background-color: white; }
    #home .ui-sortable-helper .mainContent {
      border-bottom: 1px solid #ddd; }
  #home .singleLine .privacy-icon {
    margin-top: -3px; }
  #home .feedbackInfo {
    padding: 0;
    line-height: 19px;
    margin: 0;
    margin-top: -4px;
    margin-bottom: -6px; }
  #home .parentNameLine a:hover {
    text-decoration: none; }
  #home .singleLine {
    line-height: 2em; }
  #home .users_status_info {
    margin-top: 5px; }
  #home .tableRow .iniNameBox ap-comment-button, #home .tableRow .iniNameBox ap-single-line {
    display: inline-block;
    vertical-align: middle;
    position: relative; }
  #home .tableRow .parentNameLine a {
    font-size: 11px; }
  #home .tableRow.actionRow .mainContent .pl_normal_table_coll__name {
    padding-top: 2px !important; }
    #home .tableRow.actionRow .mainContent .pl_normal_table_coll__name .iniNameBox {
      margin-top: 3px; }
      #home .tableRow.actionRow .mainContent .pl_normal_table_coll__name .iniNameBox .users_status_info, #home .tableRow.actionRow .mainContent .pl_normal_table_coll__name .iniNameBox .users_status_info_action {
        margin-top: 8px; }
    #home .tableRow.actionRow .mainContent .pl_normal_table_coll__name .expanderCell {
      margin-top: 3px; }
  #home .tableRow.actionRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__last .status_wrapper {
    margin-top: 6px;
    margin-left: 0px;
    padding: 0 2px; }
  #home .tableRow.actionRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__last .tableStatusBox {
    width: 167px; }
  #home .tableRow.milestoneRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__last .status_wrapper {
    margin-top: 8px; }
  #home .tableRow.milestoneRow .mainContent .pl_normal_table_coll__progress_cell .progress_ml_priority {
    margin-top: 3px; }
  #home .tableRow.milestoneRow .mainContent .users_status_info {
    margin-top: 0px; }
  #home .tableRow.milestoneRow .mainContent .iniNameBox {
    padding-top: 0px; }
  #home .tableRow .mainContent {
    min-height: 72px; }
    #home .tableRow .mainContent .button {
      width: 100px;
      height: 25px;
      line-height: 23px;
      margin-left: 9px;
      margin-top: 8px; }
      #home .tableRow .mainContent .button .text {
        font-size: 10px;
        font-weight: 400; }
    #home .tableRow .mainContent .expanderCell .item-icon:before {
      top: -4px;
      background-size: 40px; }
    #home .tableRow .mainContent .pl_normal_table_coll__name {
      padding-top: 6px !important; }
      #home .tableRow .mainContent .pl_normal_table_coll__name .expanderCell .item-icon:before {
        top: 0px; }
      #home .tableRow .mainContent .pl_normal_table_coll__name .expanderCell.item-priority:before {
        top: -3px; }
      #home .tableRow .mainContent .pl_normal_table_coll__name .expanderCell.item-private:after {
        bottom: -13px; }
    #home .tableRow .mainContent .usersInfo .focusarea-icon-grey {
      top: -2px; }
      #home .tableRow .mainContent .usersInfo .focusarea-icon-grey:after {
        background-size: 20px 20px;
        width: 20px;
        height: 20px; }
    #home .tableRow .mainContent .pl_normal_table_coll__last .actionRow__status {
      padding-top: 11px; }
    #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__date {
      width: 82px;
      text-align: center; }
      #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__date .removeDueDate {
        top: 21px;
        left: 13.3%; }
      #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__date .modern-date {
        margin-top: 15px; }
    #home .tableRow .mainContent .pl_normal_table_coll__name {
      margin-left: 11px; }
    #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__name .iniNameBox {
      margin-left: 10px; }
    #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell {
      margin-left: auto;
      width: 117px;
      align-items: center;
      font-weight: 400;
      font-size: 12px;
      color: #868484;
      margin-right: 11px;
      padding-left: 0;
      padding-right: 7px !important; }
      #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper {
        width: 130px;
        min-width: 120px; }
        #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .stopwatch {
          border-top: 1px solid #e2e1e1;
          background-color: white;
          position: relative;
          height: 40px;
          border-radius: 5px 0px 0px 5px;
          flex-direction: column;
          width: 58px; }
          #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .stopwatch span {
            width: calc(100% - 24px);
            display: inline-block;
            margin-left: 24px;
            text-align: center;
            color: #5F8CC7; }
          #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .stopwatch:after {
            width: 30px;
            height: 30px;
            display: inline-block;
            top: 3px; }
          #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .stopwatch:before {
            display: none; }
          #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .stopwatch .day-left {
            color: #ccc;
            font-size: 10px;
            margin: 0; }
        #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .speed {
          position: relative;
          height: 20px;
          display: flex;
          justify-content: center;
          padding-left: 12px;
          border: 1px solid #e6e6e6;
          border-radius: 0px 0px 5px;
          box-sizing: border-box; }
          #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .speed:after {
            top: -2px;
            left: 6px !important;
            background-image: url("/images/icons/performance-indicator-red-bottom-viewbox.svg");
            position: absolute;
            content: ' ';
            width: 28px;
            height: 28px;
            display: inline-block;
            background-size: 29px 29px;
            background-position: 0px 1px;
            background-repeat: no-repeat; }
          #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .speed:before {
            display: none; }
          #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressKpiWrapper .speed.progress_ok::after {
            background-image: url(/images/icons/performance-indicator-green-bottom-viewbox.svg); }
      #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .progressCellInnerWrapper {
        border-radius: 0px 5px 5px 0px; }
      #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .speed {
        width: 65px;
        font-weight: 400;
        font-size: 12px;
        border: 1px none;
        border-radius: 5px 0px 0px 5px; }
      #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .target {
        border-color: #e6e6e6;
        font-weight: 400;
        font-size: 12px;
        width: 65px;
        height: 100%;
        background-color: #ffffff; }
        #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__progress_cell .target > span {
          color: #acacac; }
    #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__last .tableStatusBox {
      text-align: left !important; }
    #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__last {
      width: 201px;
      text-align: left !important; }
    #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__end {
      width: 110px;
      text-align: left !important; }
    #home .tableRow .mainContent .pl_normal_table_coll.pl_normal_table_coll__last .hover_wrapper {
      text-align: center !important; }
  #home .tableRow .controls-box .controls-link:before {
    top: 34px; }
  #home .tableRow .secondButton:before {
    top: -8px; }
  #home .selectUserText {
    display: inline-block;
    margin-right: 5px;
    color: #303030;
    font-weight: 400;
    font-size: 12px; }
  #home .selectUserBox {
    float: right;
    display: none;
    margin-top: 4px;
    margin-right: 20px;
    position: relative; }
    #home .selectUserBox .profile-selector-line {
      width: 352px; }
    #home .selectUserBox .profile-tree-selector {
      position: relative; }
      #home .selectUserBox .profile-tree-selector .list-tree-selector:not(.list-search) {
        width: 350px;
        right: 0px;
        top: -1px; }
  #home .viewHeading {
    margin-bottom: 20px; }
    #home .viewHeading .blue-lock::after {
      content: "";
      background-image: url(/images/icons/privacy-icon-blue.svg);
      width: 30px;
      display: inline-block;
      float: right;
      height: 30px;
      background-repeat: no-repeat;
      top: 10px;
      position: absolute;
      left: calc(100% + 20px); }
  #home .assigned-section .tableRow .mainContent {
    min-height: 71px; }
  #home a.priorityAlignment {
    cursor: pointer;
    display: inline; }
    #home a.priorityAlignment:hover {
      text-decoration: none; }
  #home .noPriorityList {
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 300;
    padding-top: 16px;
    padding-bottom: 10px;
    border-top: 1px solid #cdcdcd; }

.prioritySeparator {
  margin-left: 2px;
  margin-right: 10px;
  font-size: 14px;
  color: #ACACAC; }
  .prioritySeparator:before {
    content: "";
    position: absolute;
    left: 3px;
    width: 1px;
    top: 4px;
    height: 13px;
    background: radial-gradient(circle, #dbdbdb 0%, white 200%); }

#topPriorityList .tableRow .tableQuickButtonsBox {
  right: 111px;
  top: 19px; }

#topPriorityList .comment-content__footer {
  margin-right: 120px; }
#topPriorityList .typeFilter {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  margin-bottom: 10px; }
  #topPriorityList .typeFilter > label {
    vertical-align: middle;
    margin-right: 8px;
    font-size: 12px; }
  #topPriorityList .typeFilter > ap-multiple-choice-selector {
    vertical-align: middle;
    display: inline-block; }

#topPriorityList .actions__comment__holder {
  padding-left: 220px; }
#topPriorityList .new-comment-placeholder .comment-line {
  width: 578px; }
#topPriorityList .comment-main {
  width: 647px; }
#topPriorityList .comment__user_content__container .comment_holder {
  max-width: 595px;
  width: 595px; }
#topPriorityList .comment__user_content__footer .footer-left {
  width: 410px; }
#topPriorityList .comment-width {
  width: 710px; }
#topPriorityList ap-comment #comment-form .buttons_holder {
  width: 185px; }

ap-show-more {
  line-height: 1.3em !important; }
  ap-show-more:not(.loaded):not([expanded]) {
    max-height: 3.9em !important;
    display: block;
    overflow: hidden; }
  ap-show-more p {
    margin-bottom: 0; }
    ap-show-more p.contents {
      margin-bottom: 1.3em; }

.singleLine {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.3em;
  word-break: break-all;
  color: #E83B83;
  transition: max-height .2s; }
  .singleLine.collapsedSingleLine {
    position: relative;
    word-wrap: normal; }
    .singleLine.collapsedSingleLine .contents {
      white-space: normal; }
      .singleLine.collapsedSingleLine .contents,
      .singleLine.collapsedSingleLine .contents .taskNameFrontend {
        white-space: nowrap; }
      .singleLine.collapsedSingleLine .contents,
      .singleLine.collapsedSingleLine .contents .allowPreWrap {
        white-space: nowrap; }
  .singleLine .contents {
    color: #303030; }
    .tableRow:not(.checked).tableRow:not(.overdue) .usersInfo .singleLine .contents {
      color: #808080; }
    .smallFont .singleLine .contents {
      color: #808080; }
  .singleLine .less-collapsor {
    position: absolute;
    bottom: 0;
    z-index: 10;
    padding-left: 7px;
    height: 10px;
    width: 10px;
    padding-top: 2px; }
    .singleLine .less-collapsor:before {
      position: absolute;
      background-repeat: no-repeat;
      content: '';
      background-image: url(/images/icons/collapse2-viewbox.svg);
      background-position: 0 0;
      background-size: 24px 14px;
      height: 10px;
      width: 20px; }
    .singleLine .less-collapsor:hover {
      text-decoration: underline;
      cursor: pointer; }
  .singleLine .more-collapsor {
    position: absolute;
    top: 0em;
    cursor: pointer;
    z-index: 10;
    height: 2em;
    width: 2em;
    font-size: 15px; }

.text-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 19px;
  word-break: break-word;
  color: #E83B83;
  transition: max-height .2s;
  position: relative;
  margin-bottom: 7px; }
  .text-truncate.collapsedSingleLine {
    position: relative;
    word-wrap: normal;
    cursor: default; }
    .text-truncate.collapsedSingleLine .contents {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      overflow: hidden;
      height: 19px;
      -webkit-box-orient: vertical;
      font-size: 15px;
      border-radius: 3px; }
      .text-truncate.collapsedSingleLine .contents,
      .text-truncate.collapsedSingleLine .contents .allowPreWrap {
        white-space: pre-wrap; }
  .text-truncate .contents .taskNameFrontend {
    white-space: break-spaces;
    font-size: 15px;
    color: #121212; }
  .text-truncate.expandAutoHeight {
    cursor: pointer;
    height: auto; }
  .text-truncate .less-collapsor {
    z-index: 10;
    height: 7px;
    width: 100%;
    padding-top: 2px;
    display: block;
    text-align: center; }
    .text-truncate .less-collapsor:before {
      position: absolute;
      background-repeat: no-repeat;
      content: '';
      background-image: url(/images/icons/collapse2-viewbox.svg);
      background-position: 0 0;
      background-size: 24px 14px;
      height: 10px;
      width: 20px; }
    .text-truncate .less-collapsor:hover {
      text-decoration: underline;
      cursor: pointer; }
  .text-truncate .more-collapsor {
    position: absolute;
    top: 0em;
    right: 15px;
    cursor: pointer;
    z-index: 10;
    height: 2em;
    width: 2em;
    font-size: 15px; }

ap-list.tasks .text-truncate.collapsedSingleLine .contents {
  -webkit-line-clamp: 2;
  height: auto; }
ap-list.tasks .text-truncate .more-collapsor {
  top: 19px;
  right: 10px;
  width: 2.5em; }

#topPriorityList .text-truncate {
  line-height: 0;
  padding-right: 15px; }

ap-comment, ap-task-quick-edit, ap-task-quick-add {
  color: #303030;
  font-style: normal; }
  ap-comment .comment-image, ap-task-quick-edit .comment-image, ap-task-quick-add .comment-image {
    vertical-align: top;
    display: inline-block;
    width: 40px; }
    ap-comment .comment-image ap-profile-image, ap-task-quick-edit .comment-image ap-profile-image, ap-task-quick-add .comment-image ap-profile-image {
      display: inline-block;
      vertical-align: top; }
      ap-comment .comment-image ap-profile-image .photo, ap-task-quick-edit .comment-image ap-profile-image .photo, ap-task-quick-add .comment-image ap-profile-image .photo {
        border: none; }
    ap-comment .comment-image p, ap-task-quick-edit .comment-image p, ap-task-quick-add .comment-image p {
      width: 149px;
      margin-left: 10px;
      padding-right: 5px;
      display: inline-block;
      vertical-align: top; }
  ap-comment .comment-content, ap-task-quick-edit .comment-content, ap-task-quick-add .comment-content {
    vertical-align: top;
    white-space: normal;
    word-wrap: break-word; }
    ap-comment .comment-content p, ap-task-quick-edit .comment-content p, ap-task-quick-add .comment-content p {
      display: inline; }
  ap-comment .comment-content__text.comment-can-edit, ap-comment .comment-logs-wrapper.comment-can-edit, ap-task-quick-edit .comment-content__text.comment-can-edit, ap-task-quick-edit .comment-logs-wrapper.comment-can-edit, ap-task-quick-add .comment-content__text.comment-can-edit, ap-task-quick-add .comment-logs-wrapper.comment-can-edit {
    cursor: pointer; }
  ap-comment .comment-content__text.is-collapsed, ap-task-quick-edit .comment-content__text.is-collapsed, ap-task-quick-add .comment-content__text.is-collapsed {
    max-height: 116px;
    overflow: hidden; }
  ap-comment ap-file-list #fileListTasks a.upload, ap-task-quick-edit ap-file-list #fileListTasks a.upload, ap-task-quick-add ap-file-list #fileListTasks a.upload {
    color: gray; }
    ap-comment ap-file-list #fileListTasks a.upload:hover, ap-task-quick-edit ap-file-list #fileListTasks a.upload:hover, ap-task-quick-add ap-file-list #fileListTasks a.upload:hover {
      color: #E83B83; }
  ap-comment ap-file-list #fileListTasks .fileListItem a, ap-task-quick-edit ap-file-list #fileListTasks .fileListItem a, ap-task-quick-add ap-file-list #fileListTasks .fileListItem a {
    color: gray;
    margin-left: 5px; }
  ap-comment #attachFile ap-file-list, ap-task-quick-edit #attachFile ap-file-list, ap-task-quick-add #attachFile ap-file-list {
    float: left; }
    ap-comment #attachFile ap-file-list #fileListTasks, ap-task-quick-edit #attachFile ap-file-list #fileListTasks, ap-task-quick-add #attachFile ap-file-list #fileListTasks {
      margin-top: 4px; }
      ap-comment #attachFile ap-file-list #fileListTasks a.upload, ap-task-quick-edit #attachFile ap-file-list #fileListTasks a.upload, ap-task-quick-add #attachFile ap-file-list #fileListTasks a.upload {
        margin-top: 4px; }
      ap-comment #attachFile ap-file-list #fileListTasks .fileListItem > a:first-of-type, ap-task-quick-edit #attachFile ap-file-list #fileListTasks .fileListItem > a:first-of-type, ap-task-quick-add #attachFile ap-file-list #fileListTasks .fileListItem > a:first-of-type {
        color: #E83B83; }
    ap-comment #attachFile ap-file-list .filedDelIcon, ap-task-quick-edit #attachFile ap-file-list .filedDelIcon, ap-task-quick-add #attachFile ap-file-list .filedDelIcon {
      display: none; }
    ap-comment #attachFile ap-file-list .filedDelIcon:hover, ap-task-quick-edit #attachFile ap-file-list .filedDelIcon:hover, ap-task-quick-add #attachFile ap-file-list .filedDelIcon:hover {
      display: inline-block; }
    ap-comment #attachFile ap-file-list #filenameLink:hover .filedDelIcon, ap-task-quick-edit #attachFile ap-file-list #filenameLink:hover .filedDelIcon, ap-task-quick-add #attachFile ap-file-list #filenameLink:hover .filedDelIcon {
      display: inline-block;
      background-image: url(/images/icons/icons-delete-pink.svg); }
  ap-comment .commentCheckboxLabel, ap-task-quick-edit .commentCheckboxLabel, ap-task-quick-add .commentCheckboxLabel {
    color: #808080;
    margin-right: 5px;
    vertical-align: middle; }
    ap-comment .commentCheckboxLabel input[type='checkbox']:checked + span, ap-comment .commentCheckboxLabel input[type='checkbox']:checked + label, ap-task-quick-edit .commentCheckboxLabel input[type='checkbox']:checked + span, ap-task-quick-edit .commentCheckboxLabel input[type='checkbox']:checked + label, ap-task-quick-add .commentCheckboxLabel input[type='checkbox']:checked + span, ap-task-quick-add .commentCheckboxLabel input[type='checkbox']:checked + label {
      color: #E83B83; }
    ap-comment .commentCheckboxLabel:hover, ap-task-quick-edit .commentCheckboxLabel:hover, ap-task-quick-add .commentCheckboxLabel:hover {
      color: #E83B83; }
      ap-comment .commentCheckboxLabel:hover input[type='checkbox']:checked + span, ap-comment .commentCheckboxLabel:hover input[type='checkbox']:checked + label, ap-task-quick-edit .commentCheckboxLabel:hover input[type='checkbox']:checked + span, ap-task-quick-edit .commentCheckboxLabel:hover input[type='checkbox']:checked + label, ap-task-quick-add .commentCheckboxLabel:hover input[type='checkbox']:checked + span, ap-task-quick-add .commentCheckboxLabel:hover input[type='checkbox']:checked + label {
        color: #808080; }
    ap-comment .commentCheckboxLabel.active, ap-task-quick-edit .commentCheckboxLabel.active, ap-task-quick-add .commentCheckboxLabel.active {
      color: #E83B83; }
      ap-comment .commentCheckboxLabel.active:hover, ap-task-quick-edit .commentCheckboxLabel.active:hover, ap-task-quick-add .commentCheckboxLabel.active:hover {
        color: #808080; }
    ap-comment .commentCheckboxLabel .chk-private + label:after, ap-comment .commentCheckboxLabel .chk-private + span:after, ap-task-quick-edit .commentCheckboxLabel .chk-private + label:after, ap-task-quick-edit .commentCheckboxLabel .chk-private + span:after, ap-task-quick-add .commentCheckboxLabel .chk-private + label:after, ap-task-quick-add .commentCheckboxLabel .chk-private + span:after {
      background-image: url(/images/icons/private_action_grey_viewbox.svg); }
    ap-comment .commentCheckboxLabel .chk-private + label:before, ap-comment .commentCheckboxLabel .chk-private + span:before, ap-task-quick-edit .commentCheckboxLabel .chk-private + label:before, ap-task-quick-edit .commentCheckboxLabel .chk-private + span:before, ap-task-quick-add .commentCheckboxLabel .chk-private + label:before, ap-task-quick-add .commentCheckboxLabel .chk-private + span:before {
      background-image: none; }
    ap-comment .commentCheckboxLabel .chk-private:checked + label:after, ap-comment .commentCheckboxLabel .chk-private:checked + span:after, ap-comment .commentCheckboxLabel .chk-private:hover + label:after, ap-comment .commentCheckboxLabel .chk-private:hover + span:after, ap-task-quick-edit .commentCheckboxLabel .chk-private:checked + label:after, ap-task-quick-edit .commentCheckboxLabel .chk-private:checked + span:after, ap-task-quick-edit .commentCheckboxLabel .chk-private:hover + label:after, ap-task-quick-edit .commentCheckboxLabel .chk-private:hover + span:after, ap-task-quick-add .commentCheckboxLabel .chk-private:checked + label:after, ap-task-quick-add .commentCheckboxLabel .chk-private:checked + span:after, ap-task-quick-add .commentCheckboxLabel .chk-private:hover + label:after, ap-task-quick-add .commentCheckboxLabel .chk-private:hover + span:after {
      background-image: url(/images/icons/private_action_viewbox.svg); }
    ap-comment .commentCheckboxLabel .chk-private:checked + label:before, ap-comment .commentCheckboxLabel .chk-private:checked + span:before, ap-comment .commentCheckboxLabel .chk-private:hover + label:before, ap-comment .commentCheckboxLabel .chk-private:hover + span:before, ap-task-quick-edit .commentCheckboxLabel .chk-private:checked + label:before, ap-task-quick-edit .commentCheckboxLabel .chk-private:checked + span:before, ap-task-quick-edit .commentCheckboxLabel .chk-private:hover + label:before, ap-task-quick-edit .commentCheckboxLabel .chk-private:hover + span:before, ap-task-quick-add .commentCheckboxLabel .chk-private:checked + label:before, ap-task-quick-add .commentCheckboxLabel .chk-private:checked + span:before, ap-task-quick-add .commentCheckboxLabel .chk-private:hover + label:before, ap-task-quick-add .commentCheckboxLabel .chk-private:hover + span:before {
      background-image: none; }
    ap-comment .commentCheckboxLabel.active .chk-private + label:after, ap-comment .commentCheckboxLabel.active .chk-private + span:after, ap-task-quick-edit .commentCheckboxLabel.active .chk-private + label:after, ap-task-quick-edit .commentCheckboxLabel.active .chk-private + span:after, ap-task-quick-add .commentCheckboxLabel.active .chk-private + label:after, ap-task-quick-add .commentCheckboxLabel.active .chk-private + span:after {
      background-image: url(/images/icons/private_action_viewbox.svg); }
    ap-comment .commentCheckboxLabel.active .chk-private:hover + label:after, ap-comment .commentCheckboxLabel.active .chk-private:hover + span:after, ap-task-quick-edit .commentCheckboxLabel.active .chk-private:hover + label:after, ap-task-quick-edit .commentCheckboxLabel.active .chk-private:hover + span:after, ap-task-quick-add .commentCheckboxLabel.active .chk-private:hover + label:after, ap-task-quick-add .commentCheckboxLabel.active .chk-private:hover + span:after {
      background-image: url(/images/icons/private_action_grey_viewbox.svg); }
    ap-comment .commentCheckboxLabel:hover .chk-private + label:after, ap-comment .commentCheckboxLabel:hover .chk-private + span:after, ap-task-quick-edit .commentCheckboxLabel:hover .chk-private + label:after, ap-task-quick-edit .commentCheckboxLabel:hover .chk-private + span:after, ap-task-quick-add .commentCheckboxLabel:hover .chk-private + label:after, ap-task-quick-add .commentCheckboxLabel:hover .chk-private + span:after {
      background-image: url(/images/icons/private_action_viewbox.svg); }
    ap-comment .commentCheckboxLabel:hover .chk-private:checked + label:after, ap-comment .commentCheckboxLabel:hover .chk-private:checked + span:after, ap-task-quick-edit .commentCheckboxLabel:hover .chk-private:checked + label:after, ap-task-quick-edit .commentCheckboxLabel:hover .chk-private:checked + span:after, ap-task-quick-add .commentCheckboxLabel:hover .chk-private:checked + label:after, ap-task-quick-add .commentCheckboxLabel:hover .chk-private:checked + span:after {
      background-image: url(/images/icons/private_action_grey_viewbox.svg); }
  ap-comment a.upload, ap-task-quick-edit a.upload, ap-task-quick-add a.upload {
    line-height: 20px; }
  ap-comment span.fileListItem, ap-task-quick-edit span.fileListItem, ap-task-quick-add span.fileListItem {
    vertical-align: top; }
    ap-comment span.fileListItem img, ap-task-quick-edit span.fileListItem img, ap-task-quick-add span.fileListItem img {
      top: 3px; }
  ap-comment #fileListTasks, ap-task-quick-edit #fileListTasks, ap-task-quick-add #fileListTasks {
    float: left;
    margin-top: 1px;
    margin-left: 6px;
    text-align: left; }
    ap-comment #fileListTasks p, ap-task-quick-edit #fileListTasks p, ap-task-quick-add #fileListTasks p {
      display: block;
      margin-right: 12px; }
    ap-comment #fileListTasks a.upload .icon-attach, ap-task-quick-edit #fileListTasks a.upload .icon-attach, ap-task-quick-add #fileListTasks a.upload .icon-attach {
      margin-top: 3px; }
  ap-comment .comment-button, ap-task-quick-edit .comment-button, ap-task-quick-add .comment-button {
    cursor: pointer;
    color: white;
    font-size: 9px;
    text-align: center;
    content: '';
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    line-height: 11px;
    position: absolute;
    right: -133px;
    top: 42px; }
  ap-comment .hoverItems .hoverItem, ap-task-quick-edit .hoverItems .hoverItem, ap-task-quick-add .hoverItems .hoverItem {
    visibility: hidden !important; }
  ap-comment .hoverItems:hover .hoverItem, ap-task-quick-edit .hoverItems:hover .hoverItem, ap-task-quick-add .hoverItems:hover .hoverItem {
    visibility: visible !important; }
  ap-comment .email-notifications span.label, ap-task-quick-edit .email-notifications span.label, ap-task-quick-add .email-notifications span.label {
    display: inline-block;
    width: 54px;
    font-size: 9px; }
    ap-comment .email-notifications span.label.select, ap-task-quick-edit .email-notifications span.label.select, ap-task-quick-add .email-notifications span.label.select {
      height: 24px;
      vertical-align: top;
      padding-top: 5px;
      margin-top: 4px;
      text-transform: uppercase; }
    ap-comment .email-notifications span.label.input, ap-task-quick-edit .email-notifications span.label.input, ap-task-quick-add .email-notifications span.label.input {
      padding-top: 5px;
      float: left;
      text-transform: uppercase; }
    ap-comment .email-notifications span.label .required, ap-task-quick-edit .email-notifications span.label .required, ap-task-quick-add .email-notifications span.label .required {
      margin-right: 0;
      line-height: 0; }
  ap-comment .email-notifications .chosen-drop, ap-task-quick-edit .email-notifications .chosen-drop, ap-task-quick-add .email-notifications .chosen-drop {
    border-color: #DDD; }
  ap-comment .email-notifications .email-field, ap-task-quick-edit .email-notifications .email-field, ap-task-quick-add .email-notifications .email-field {
    margin: 0 0 5px 0;
    min-height: 32px; }
  ap-comment .email-notifications .subject, ap-task-quick-edit .email-notifications .subject, ap-task-quick-add .email-notifications .subject {
    width: 403px; }
  ap-comment .email-notifications select, ap-task-quick-edit .email-notifications select, ap-task-quick-add .email-notifications select {
    width: 417px; }
  ap-comment .email-notifications .ap-chosen-positioner, ap-task-quick-edit .email-notifications .ap-chosen-positioner, ap-task-quick-add .email-notifications .ap-chosen-positioner {
    width: 417px;
    min-height: 32px;
    vertical-align: middle;
    display: inline-block; }
    ap-comment .email-notifications .ap-chosen-positioner li, ap-task-quick-edit .email-notifications .ap-chosen-positioner li, ap-task-quick-add .email-notifications .ap-chosen-positioner li {
      line-height: 15px; }
  ap-comment .submitpanel, ap-task-quick-edit .submitpanel, ap-task-quick-add .submitpanel {
    margin-top: 10px; }
  ap-comment .createLink, ap-task-quick-edit .createLink, ap-task-quick-add .createLink {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px; }
  ap-comment .frontend-comment, ap-task-quick-edit .frontend-comment, ap-task-quick-add .frontend-comment {
    text-align: left; }
  ap-comment .splitter, ap-task-quick-edit .splitter, ap-task-quick-add .splitter {
    width: 654px;
    height: 1px;
    border-top: 1px solid #EEEEEE;
    margin: 8px 0; }
    ap-comment .splitter.firstSplitter, ap-task-quick-edit .splitter.firstSplitter, ap-task-quick-add .splitter.firstSplitter {
      margin-top: 0px; }
  ap-comment .bold, ap-task-quick-edit .bold, ap-task-quick-add .bold {
    font-weight: 700; }
  ap-comment .email-holder > span, ap-task-quick-edit .email-holder > span, ap-task-quick-add .email-holder > span {
    margin-right: 10px; }
  ap-comment .email-holder .email-subject:before, ap-task-quick-edit .email-holder .email-subject:before, ap-task-quick-add .email-holder .email-subject:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/Push2email_gray.svg);
    margin-right: 4px;
    position: relative;
    top: 5px; }
  ap-comment .private-icon, ap-task-quick-edit .private-icon, ap-task-quick-add .private-icon {
    width: 10px;
    height: 10px;
    background-image: url(/images/icons/private_action_v2.svg);
    background-size: 10px 10px;
    display: inline-block; }
  ap-comment .form-box, ap-task-quick-edit .form-box, ap-task-quick-add .form-box {
    width: 700px; }
  ap-comment #comment-form textarea, ap-task-quick-edit #comment-form textarea, ap-task-quick-add #comment-form textarea {
    padding: 3px 6px;
    border: 1px solid #DDD;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    width: 573px;
    height: 19px;
    vertical-align: top;
    margin-right: 10px;
    resize: none; }
  ap-comment #comment-form input[type=text]::-webkit-input-placeholder, ap-task-quick-edit #comment-form input[type=text]::-webkit-input-placeholder, ap-task-quick-add #comment-form input[type=text]::-webkit-input-placeholder {
    font-size: 10px; }
  ap-comment #comment-form input[type=text]::-moz-placeholder, ap-task-quick-edit #comment-form input[type=text]::-moz-placeholder, ap-task-quick-add #comment-form input[type=text]::-moz-placeholder {
    font-size: 10px; }
  ap-comment #comment-form input[type=text]:-ms-input-placeholder, ap-task-quick-edit #comment-form input[type=text]:-ms-input-placeholder, ap-task-quick-add #comment-form input[type=text]:-ms-input-placeholder {
    font-size: 10px; }
  ap-comment #comment-form .fr-link-insert-layer input[type=text]::-webkit-input-placeholder, ap-task-quick-edit #comment-form .fr-link-insert-layer input[type=text]::-webkit-input-placeholder, ap-task-quick-add #comment-form .fr-link-insert-layer input[type=text]::-webkit-input-placeholder {
    font-size: 13px; }
  ap-comment #comment-form .fr-link-insert-layer input[type=text]::-moz-placeholder, ap-task-quick-edit #comment-form .fr-link-insert-layer input[type=text]::-moz-placeholder, ap-task-quick-add #comment-form .fr-link-insert-layer input[type=text]::-moz-placeholder {
    font-size: 13px; }
  ap-comment #comment-form .fr-link-insert-layer input[type=text]:-ms-input-placeholder, ap-task-quick-edit #comment-form .fr-link-insert-layer input[type=text]:-ms-input-placeholder, ap-task-quick-add #comment-form .fr-link-insert-layer input[type=text]:-ms-input-placeholder {
    font-size: 13px; }
  ap-comment #comment-form .photo, ap-task-quick-edit #comment-form .photo, ap-task-quick-add #comment-form .photo {
    margin-top: -2px; }
  ap-comment ap-controls, ap-task-quick-edit ap-controls, ap-task-quick-add ap-controls {
    position: absolute;
    right: -36px;
    top: 7px; }
    ap-comment ap-controls .controls-box li a, ap-task-quick-edit ap-controls .controls-box li a, ap-task-quick-add ap-controls .controls-box li a {
      color: #303030 !important; }
      ap-comment ap-controls .controls-box li a:hover, ap-task-quick-edit ap-controls .controls-box li a:hover, ap-task-quick-add ap-controls .controls-box li a:hover {
        color: #E83B83 !important; }
  ap-comment .chosen-container-multi .chosen-choices, ap-task-quick-edit .chosen-container-multi .chosen-choices, ap-task-quick-add .chosen-container-multi .chosen-choices {
    background-position: 99% 8px;
    border-radius: 2px; }
    ap-comment .chosen-container-multi .chosen-choices .search-choice, ap-task-quick-edit .chosen-container-multi .chosen-choices .search-choice, ap-task-quick-add .chosen-container-multi .chosen-choices .search-choice {
      line-height: 9px; }
      ap-comment .chosen-container-multi .chosen-choices .search-choice .search-choice-close, ap-task-quick-edit .chosen-container-multi .chosen-choices .search-choice .search-choice-close, ap-task-quick-add .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
        top: 2px; }

.comment-form .fu.checkboxes {
  margin-top: 2px;
  min-height: 24px;
  font-size: 11px; }
.comment-form .commentCheckboxLabel .chk-private + span {
  display: inline-block;
  top: 2px; }
.comment-form .cancelButton {
  background-color: #fff;
  color: #525252;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 26px;
  margin: 0;
  width: 120px;
  height: 30px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase; }
.comment-form .saveButton, .comment-form .submitButton {
  background-color: #E93B83;
  color: #fff;
  margin-left: 0;
  margin-right: 12px;
  padding-left: 20px;
  padding-right: 20px;
  height: 30px;
  line-height: 26px;
  width: 120px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  border: 1px solid #E93B83; }
.comment-form .comment-textarea {
  margin-right: 270px; }
  .comment-form .comment-textarea textarea {
    width: auto;
    margin-right: auto; }
.comment-form .custom-theme .fr-wrapper {
  background-color: white; }
  .comment-form .custom-theme .fr-wrapper .fr-placeholder {
    font-size: 12px !important; }
  .comment-form .custom-theme .fr-wrapper:after {
    display: none; }
.comment-form #fileListTasks {
  position: relative; }
  .comment-form #fileListTasks #file-loader-fileListTasks {
    position: absolute;
    top: 0;
    right: -10px; }

.commentButtonLabel {
  color: #808080;
  margin-right: 13px;
  cursor: pointer; }
  .commentButtonLabel:hover span:first-of-type:after {
    background-image: url("/images/icons/icons-checked-tr-viewbox.svg"); }
  .commentButtonLabel span {
    vertical-align: middle; }

.comment-seen {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #E83B83;
  position: absolute;
  right: -16px;
  left: -12px;
  top: 7px;
  cursor: pointer; }

.comment-btn-seen-ms-overview {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #E83B83;
  position: absolute;
  left: 95px;
  top: 44px;
  cursor: pointer; }

.comment-btn-seen-task-overview {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #E83B83;
  position: absolute;
  right: -16px;
  left: -18px;
  top: 32px;
  cursor: pointer; }

.comment-seen-ini-overview {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #E83B83;
  position: absolute;
  left: 105px;
  top: 34px;
  cursor: pointer; }

#home .comment-seen {
  left: -13px; }

.popup-comment .attach-file-link {
  color: grey; }
  .popup-comment .attach-file-link:after {
    background-image: url(/images/icons/attach-file-viewbox.svg);
    top: 2px; }
  .popup-comment .attach-file-link:hover {
    color: #E83B83; }
    .popup-comment .attach-file-link:hover:after {
      background-image: url(/images/icons/attach-file-pink-viewbox.svg); }
.popup-comment .chk-list.chk-big.chk-email + label:after, .popup-comment .chk-list.chk-big.chk-email + span:after {
  background-repeat: no-repeat;
  background-size: 36px 36px;
  height: 28px;
  content: ' ';
  width: 28px;
  display: inline-block;
  top: -1px;
  background-position: 0 0px; }
.popup-comment .commentCheckboxLabel {
  color: #808080; }
  .popup-comment .commentCheckboxLabel input[type='checkbox']:checked + span, .popup-comment .commentCheckboxLabel input[type='checkbox']:checked + label {
    color: #E83B83; }
  .popup-comment .commentCheckboxLabel:hover {
    color: #E83B83; }
    .popup-comment .commentCheckboxLabel:hover input[type='checkbox']:checked + span, .popup-comment .commentCheckboxLabel:hover input[type='checkbox']:checked + label {
      color: #808080; }
  .popup-comment .commentCheckboxLabel.active {
    color: #E83B83; }
    .popup-comment .commentCheckboxLabel.active:hover {
      color: #808080; }
  .popup-comment .commentCheckboxLabel .chk-private + label:after, .popup-comment .commentCheckboxLabel .chk-private + span:after {
    background-image: url(/images/icons/private_action_grey_viewbox.svg); }
  .popup-comment .commentCheckboxLabel .chk-private + label:before, .popup-comment .commentCheckboxLabel .chk-private + span:before {
    background-image: none; }
  .popup-comment .commentCheckboxLabel .chk-private:checked + label:after, .popup-comment .commentCheckboxLabel .chk-private:checked + span:after, .popup-comment .commentCheckboxLabel .chk-private:hover + label:after, .popup-comment .commentCheckboxLabel .chk-private:hover + span:after {
    background-image: url(/images/icons/private_action_viewbox.svg); }
  .popup-comment .commentCheckboxLabel .chk-private:checked + label:before, .popup-comment .commentCheckboxLabel .chk-private:checked + span:before, .popup-comment .commentCheckboxLabel .chk-private:hover + label:before, .popup-comment .commentCheckboxLabel .chk-private:hover + span:before {
    background-image: none; }
  .popup-comment .commentCheckboxLabel.active .chk-private + label:after, .popup-comment .commentCheckboxLabel.active .chk-private + span:after {
    background-image: url(/images/icons/private_action_viewbox.svg); }
  .popup-comment .commentCheckboxLabel.active .chk-private:hover + label:after, .popup-comment .commentCheckboxLabel.active .chk-private:hover + span:after {
    background-image: url(/images/icons/private_action_grey_viewbox.svg); }
  .popup-comment .commentCheckboxLabel:hover .chk-private + label:after, .popup-comment .commentCheckboxLabel:hover .chk-private + span:after {
    background-image: url(/images/icons/private_action_viewbox.svg); }
  .popup-comment .commentCheckboxLabel:hover .chk-private:checked + label:after, .popup-comment .commentCheckboxLabel:hover .chk-private:checked + span:after {
    background-image: url(/images/icons/private_action_grey_viewbox.svg); }
  .popup-comment .commentCheckboxLabel .chk-email + label:after, .popup-comment .commentCheckboxLabel .chk-email + span:after {
    background-image: url(/images/icons/Push2email_gray-viewbox.svg); }
  .popup-comment .commentCheckboxLabel .chk-email + label:before, .popup-comment .commentCheckboxLabel .chk-email + span:before {
    background-image: none; }
  .popup-comment .commentCheckboxLabel .chk-email:checked + label:after, .popup-comment .commentCheckboxLabel .chk-email:checked + span:after, .popup-comment .commentCheckboxLabel .chk-email:hover + label:after, .popup-comment .commentCheckboxLabel .chk-email:hover + span:after {
    background-image: url(/images/icons/Push2email_pink-viewbox.svg); }
  .popup-comment .commentCheckboxLabel .chk-email:checked + label:before, .popup-comment .commentCheckboxLabel .chk-email:checked + span:before, .popup-comment .commentCheckboxLabel .chk-email:hover + label:before, .popup-comment .commentCheckboxLabel .chk-email:hover + span:before {
    background-image: none; }
  .popup-comment .commentCheckboxLabel.active .chk-email + label:after, .popup-comment .commentCheckboxLabel.active .chk-email + span:after {
    background-image: url(/images/icons/Push2email_pink-viewbox.svg); }
  .popup-comment .commentCheckboxLabel.active .chk-email:hover + label:after, .popup-comment .commentCheckboxLabel.active .chk-email:hover + span:after {
    background-image: url(/images/icons/Push2email_gray-viewbox.svg); }
  .popup-comment .commentCheckboxLabel:hover .chk-email + label:after, .popup-comment .commentCheckboxLabel:hover .chk-email + span:after {
    background-image: url(/images/icons/Push2email_pink-viewbox.svg); }
  .popup-comment .commentCheckboxLabel:hover .chk-email:checked + label:after, .popup-comment .commentCheckboxLabel:hover .chk-email:checked + span:after {
    background-image: url(/images/icons/Push2email_gray-viewbox.svg); }
.popup-comment .feedback-bottom-row {
  font-size: 11px;
  color: grey; }
.popup-comment .email_recipients {
  margin-top: 10px;
  margin-left: 6px; }

ap-comment .frontend-comment {
  position: relative; }
  ap-comment .frontend-comment ap-controls {
    visibility: hidden;
    right: -49px;
    padding-left: 100px;
    top: 7px; }
    ap-comment .frontend-comment ap-controls .controls-box-with-arrow {
      left: 7px; }
    ap-comment .frontend-comment ap-controls.active {
      visibility: visible; }
    ap-comment .frontend-comment ap-controls .controls-box .controls-link:after {
      width: 29px;
      height: 29px;
      background-size: 29px 29px;
      top: 5px; }
  ap-comment .frontend-comment .commentControlIcons {
    visibility: hidden;
    right: 0px;
    top: 7px;
    position: absolute; }
    ap-comment .frontend-comment .commentControlIcons .icon_wrapper {
      display: inline-block;
      width: 58px;
      text-align: center; }
    ap-comment .frontend-comment .commentControlIcons .edit_icon, ap-comment .frontend-comment .commentControlIcons .delete_icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      background-size: 24px 24px;
      text-decoration: none; }
    ap-comment .frontend-comment .commentControlIcons .title {
      display: inline-block;
      width: 100%;
      text-align: center;
      font-size: 12px; }
  ap-comment .frontend-comment:hover ap-controls {
    visibility: visible; }
  ap-comment .frontend-comment:hover .commentControlIcons {
    visibility: visible; }
  ap-comment .frontend-comment.active:hover ap-controls {
    visibility: hidden; }
  ap-comment .frontend-comment.active:hover .commentControlIcons {
    visibility: hidden; }
ap-comment .comment-holder {
  margin-top: 4px;
  margin-bottom: 8px; }
  ap-comment .comment-holder .comment-holder {
    margin-left: 0; }
ap-comment #comment-form input[type=text].default {
  color: #C6C6C5;
  font-size: 10px; }
ap-comment #comment-form textarea {
  width: 100%; }
  ap-comment #comment-form textarea:focus:not(.disabled) {
    border: 1px solid #3AA7DD;
    box-shadow: 0 0 4px #3AA7DD;
    outline: none; }
ap-comment #comment-form .fr-box .fr-element.fr-view {
  margin-right: 0px;
  padding: 22px 14px;
  font-size: 13px;
  color: #121212;
  font-weight: 400;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  ap-comment #comment-form .fr-box .fr-element.fr-view .fr-placeholder {
    font-size: 13px;
    padding-top: 15px; }
ap-comment #comment-form .fr-box .fr-toolbar ~ .fr-wrapper .fr-element.fr-view {
  border-top: none; }
ap-comment #comment-form .has-action-log-section .fr-box .fr-element.fr-view {
  margin-right: 0px;
  padding: 22px 14px;
  font-size: 13px;
  color: #121212;
  font-weight: 400;
  border-radius: 0;
  border-bottom: 0; }
ap-comment #comment-form .custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  box-shadow: none; }
ap-comment #comment-form .custom-theme.fr-toolbar.fr-top {
  box-shadow: none;
  border: 1px solid #DDD;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #f9f9f9;
  border-bottom: none; }
ap-comment #comment-form .custom-theme.fr-toolbar .fr-command.fr-btn, ap-comment #comment-form .custom-theme.custom-theme.fr-popup .fr-command.fr-btn {
  color: #525252; }
ap-comment #comment-form .push2EmailCheckbox {
  padding-left: 0px; }
ap-comment #comment-form .email-notifications .subject {
  width: 325px;
  border: 1px solid #DDD;
  padding: 0 5px;
  outline: none; }
ap-comment #comment-form .email-notifications select, ap-comment #comment-form .email-notifications .ap-chosen-positioner {
  width: 339px; }
ap-comment #comment-form .photo {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; }
ap-comment #comment-form .buttons_holder {
  display: inline-block;
  width: 201px;
  text-align: right;
  vertical-align: top; }
  ap-comment #comment-form .buttons_holder .submitButton, ap-comment #comment-form .buttons_holder .cancelButton {
    width: 80px;
    min-width: 80px;
    height: 20px;
    font-size: 12px; }
  ap-comment #comment-form .buttons_holder .buttonLoader {
    width: 20px;
    height: 20px;
    background-size: 20px; }
ap-comment .private-icon {
  margin-right: 5px; }

.executionStatus__holder .comment-width {
  width: 684px; }

.listViewList .comment-width {
  width: 790px; }

.justify-center-text {
  text-align: justify; }

.comment-action-decision-log {
  margin-top: 8px; }
  .comment-action-decision-log .headline {
    line-height: 13px;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 0; }
  .comment-action-decision-log .al, .comment-action-decision-log .dl {
    border: 1px solid #e6e6e6;
    padding: 2px 3px;
    border-radius: 3px;
    font-size: 12px;
    display: inline-block;
    margin: 1px 5px 1px 0;
    position: relative; }
    .comment-action-decision-log .al .al-icon, .comment-action-decision-log .al .dl-icon, .comment-action-decision-log .dl .al-icon, .comment-action-decision-log .dl .dl-icon {
      display: inline-block;
      width: 14px;
      height: 14px;
      background-position: 0 0;
      background-size: 28px 28px;
      margin-right: 6px;
      margin-left: 1px;
      position: relative;
      top: -1px;
      vertical-align: middle; }
    .comment-action-decision-log .al .al-icon, .comment-action-decision-log .dl .al-icon {
      background-image: url(/images/icons/task-grey-full.svg); }
    .comment-action-decision-log .al .dl-icon, .comment-action-decision-log .dl .dl-icon {
      background-image: url(/images/icons/icon-approve.svg);
      background-size: 14px 14px; }
    .comment-action-decision-log .al .al-badge, .comment-action-decision-log .al .dl-badge, .comment-action-decision-log .al .al-date, .comment-action-decision-log .al .al-deleted-badge, .comment-action-decision-log .dl .al-badge, .comment-action-decision-log .dl .dl-badge, .comment-action-decision-log .dl .al-date, .comment-action-decision-log .dl .al-deleted-badge {
      border-radius: 3px;
      text-transform: uppercase;
      font-size: 10px;
      padding: 0 4px;
      margin-left: 4px;
      position: relative;
      top: -1px;
      display: inline-block;
      height: 14px;
      font-weight: 500;
      line-height: 14px;
      vertical-align: middle; }
    .comment-action-decision-log .al .al-badge, .comment-action-decision-log .dl .al-badge {
      background-color: #ffcee2;
      color: #E83B83; }
    .comment-action-decision-log .al .dl-badge, .comment-action-decision-log .dl .dl-badge {
      background-color: #d4e0ff;
      color: #5384C3; }
    .comment-action-decision-log .al .al-date, .comment-action-decision-log .dl .al-date {
      color: white;
      background-color: #71d33f; }
      .comment-action-decision-log .al .al-date.overdue, .comment-action-decision-log .dl .al-date.overdue {
        background-color: #e43e3e; }
      .comment-action-decision-log .al .al-date.completed, .comment-action-decision-log .dl .al-date.completed {
        background-color: #303030; }
    .comment-action-decision-log .al .al-deleted-badge, .comment-action-decision-log .dl .al-deleted-badge {
      background-color: #303030;
      color: white; }
    .comment-action-decision-log .al .al-delete, .comment-action-decision-log .al .dl-delete, .comment-action-decision-log .dl .al-delete, .comment-action-decision-log .dl .dl-delete {
      font-size: 23px;
      font-weight: 400;
      vertical-align: top;
      display: none;
      cursor: pointer;
      position: absolute;
      right: -18px;
      top: -4px;
      color: #a5a5a5; }
    .comment-action-decision-log .al .al-icon-box, .comment-action-decision-log .al .dl-icon-box, .comment-action-decision-log .dl .al-icon-box, .comment-action-decision-log .dl .dl-icon-box {
      display: inline-block;
      vertical-align: top;
      padding-top: 2px; }
    .comment-action-decision-log .al .al-inner-box, .comment-action-decision-log .al .dl-inner-box, .comment-action-decision-log .dl .al-inner-box, .comment-action-decision-log .dl .dl-inner-box {
      display: inline-block;
      max-width: calc(100% - 21px); }
    .comment-action-decision-log .al .al-assign, .comment-action-decision-log .dl .al-assign {
      position: absolute;
      right: -90px;
      top: 3px;
      color: #a5a5a5;
      display: none; }
    .comment-action-decision-log .al .al-assign-icon, .comment-action-decision-log .dl .al-assign-icon {
      background-size: 13px;
      background-image: url(/images/icons/more-options-pink.svg);
      background-repeat: no-repeat;
      background-position-y: 1px;
      width: 13px;
      height: 15px;
      display: inline-block;
      vertical-align: top; }
  .comment-action-decision-log .al-outer {
    display: inline-block;
    font-size: 12px;
    padding: 6px 0;
    position: relative;
    margin-right: 20px; }
    .comment-action-decision-log .al-outer .al-delete {
      font-size: 18px;
      font-weight: 500;
      vertical-align: middle;
      display: none;
      cursor: pointer;
      position: absolute;
      right: -18px;
      top: 2px;
      color: #a5a5a5; }
    .comment-action-decision-log .al-outer .al-deleted-badge {
      background-color: #303030;
      color: white;
      border-radius: 3px;
      text-transform: uppercase;
      font-size: 10px;
      padding: 0 4px;
      margin-left: 4px;
      position: relative;
      top: -1px;
      display: inline-block;
      height: 14px;
      font-weight: 500;
      line-height: 14px;
      vertical-align: middle; }
  .comment-action-decision-log.editable .al, .comment-action-decision-log.editable .dl {
    cursor: pointer; }
    .comment-action-decision-log.editable .al .al-delete, .comment-action-decision-log.editable .al .dl-delete, .comment-action-decision-log.editable .dl .al-delete, .comment-action-decision-log.editable .dl .dl-delete {
      display: inline; }
    .comment-action-decision-log.editable .al .al-assign, .comment-action-decision-log.editable .dl .al-assign {
      display: block; }
  .comment-action-decision-log.editable .dl {
    margin-right: 15px; }
  .comment-action-decision-log.editable .al-outer .al-delete {
    display: inline; }

.new-comment-placeholder {
  padding: 12px 0 10px 0; }
  .new-comment-placeholder > div {
    display: inline-block;
    vertical-align: middle; }
  .new-comment-placeholder .comment-line {
    width: 666px;
    border: 1px solid #DDD;
    padding: 6px 8px;
    margin-left: 12px;
    font-size: 13px;
    color: #ACACAC;
    cursor: text;
    border-radius: 2px; }
    .new-comment-placeholder .comment-line:hover {
      background-color: #f9f9f9; }

.comment-form-action-decision-wrapper {
  position: relative;
  z-index: 1;
  width: 728px;
  border: 1px solid #DDD;
  border-top: none;
  border-radius: 0 0 2px 2px;
  background-color: white; }
  .comment-form-action-decision-wrapper .comment-action-decision-log {
    margin: 0 162px 14px 14px; }

.comment__user_content__footer .footer-left {
  display: inline-block;
  width: 483px; }

.comment-main {
  border-top: 1px solid #EEE;
  padding: 10px 0;
  width: 736px; }
  .comment-main .task-info-collapsor {
    position: absolute;
    right: 186px;
    top: 17px; }

.comment-content__footer__actions_decisions {
  display: inline-block;
  border-left: 1px solid #CBCBCB;
  padding-left: 8px;
  margin-left: 8px; }
  .comment-content__footer__actions_decisions .al-badge, .comment-content__footer__actions_decisions .dl-badge {
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0 4px;
    margin-left: 4px;
    position: relative;
    top: 0px;
    display: inline-block;
    height: 14px;
    font-weight: 500;
    line-height: 14px;
    vertical-align: middle; }
  .comment-content__footer__actions_decisions .al-badge {
    background-color: #ffcee2;
    color: #E83B83; }
  .comment-content__footer__actions_decisions .dl-badge {
    background-color: #d4e0ff;
    color: #5384C3; }

.comment-content .reaction-hover-wrapper {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -15px; }

.comment-content__footer__reactions {
  display: inline-block;
  float: right; }

form, fieldset {
  margin: 0px;
  padding: 0px;
  border: none; }

select {
  width: 100%;
  visibility: hidden; }

textarea {
  width: 100%;
  height: 90px; }

label.checkbox {
  float: left;
  margin: 0 5px 5px 0;
  padding: 2px 3px 2px 0px;
  width: 100%; }

label.radio {
  float: left;
  margin-right: 5px;
  padding: 2px 3px 2px 0px; }

/*
.fr		= form row
.fu		= form unit, often consisting of a label-input couple
.fe     = form element (new solution of fu)
.btnrow = button row
.indent	= indents
------------------------------------------------------ */
.fe {
  box-sizing: border-box;
  margin: 10px 0px 10px 0px;
  padding: 0px 5px 0px 0px;
  float: left;
  display: inline;
  clear: none;
  min-height: 40px;
  line-height: 200%; }
  .fe:last-child {
    padding-right: 0px; }
  .fe table {
    line-height: 100%; }
  .fe input[type="password"],
  .fe input[type="text"],
  .fe select,
  .fe textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-weight: 400;
    font-size: 11px;
    color: black; }
    .fe input[type="password"] :focus :not(.disabled),
    .fe input[type="text"] :focus :not(.disabled),
    .fe select :focus :not(.disabled),
    .fe textarea :focus :not(.disabled) {
      border: 1px solid #3aa7dd;
      box-shadow: 0 0 4px #3aa7dd;
      outline: 0; }
  .fe .chosen-container .chosen-single {
    padding: 3px; }

.flag .chosen-container-single .chosen-single span img {
  vertical-align: baseline; }

.w50 {
  width: 50%; }

.w15 {
  width: 15%; }

.w35 {
  width: 35%; }

div.fu {
  margin: 10px 10px 10px 0;
  min-height: 40px;
  clear: left;
  line-height: 200%; }
  div.fu.simple {
    clear: left;
    line-height: 200%;
    margin: 0;
    min-height: auto; }
  div.fu.kpiDescription {
    position: absolute;
    right: 0;
    top: 0;
    width: 380px; }
  div.fu.piDescription {
    width: 564px; }
  div.fu.kpiDescription textarea {
    height: 78px; }
  div.fu.kpiPeriod input {
    width: 70px;
    text-align: center; }
  div.fu.kpiPeriodLine {
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    min-height: 0; }
  div.fu.kpiTarget input {
    width: 70px;
    text-align: center; }
  div.fu.tightwrapper > .fu {
    margin: 0; }

.submitpanelDescription {
  text-align: right; }

div.fr {
  display: block;
  min-height: 70px;
  clear: left;
  position: relative; }
  div.fr.lower {
    min-height: 60px; }
  div.fr div.right {
    float: right !important; }
  div.fr div.fu {
    float: left;
    display: inline;
    clear: none; }

.text-picture {
  left: 46%;
  top: 37%; }

div.checkbox label input {
  width: auto !important;
  vertical-align: bottom; }

/* Errors and required fields */
span.error {
  color: red; }

div.error {
  margin: 0 0 10px 0;
  padding: 15px;
  background: #ffc;
  border: 1px solid #cc9;
  color: #333 !important; }

.error ol, .error ul {
  margin: 0 0 0 15px;
  padding: 0; }

.error li {
  color: #333 !important; }

span.required {
  color: #E83B83;
  margin-left: 0px;
  margin-right: 3px;
  line-height: 100%; }

/*
        fixed sizes
------------------------------------------------------ */
input.size-w,
input.size-wide {
  width: 99%; }

input.size-l {
  width: 200px; }

input.size-m {
  width: 100px; }

input.size-s {
  width: 50px !important; }

input.size-xs {
  width: 20px; }

input.size-auto {
  width: auto; }

select.size-w {
  width: 99%; }

select.size-l {
  width: 320px; }

select.size-m {
  width: 155px; }

select.size-s {
  width: 100px; }

select.size-xs {
  width: 50px; }

select.size-auto {
  width: auto; }

.radio span label {
  margin-left: 5px; }

.checkbox span label {
  margin-left: 5px; }

label.size-l {
  float: left;
  width: 310px; }

label.size-m {
  float: left;
  width: 145px; }

label.size-s {
  float: left;
  width: 90px; }

textarea.size-l {
  width: 310px;
  height: 100px; }

textarea.size-m {
  width: 145px;
  height: 90px; }

textarea.size-s {
  width: 90px;
  height: 50px; }

textarea.size-xs {
  width: 90px;
  height: 50px; }

input[type=text].error {
  border-color: red !important; }

textarea.address {
  height: 40px; }

input.SmallInput {
  width: 81px !important; }

input.BigInput {
  width: 417px !important; }

textarea.legal-text {
  height: 200px; }

#general-popup textarea {
  height: auto; }

/* submit button */
#submitpanel, .submitpanel {
  text-align: right; }
  .narrowSubmit #submitpanel, .narrowSubmit .submitpanel {
    width: 600px; }
  #submitpanel.squared-btn .submitbutton, .submitpanel.squared-btn .submitbutton {
    border-radius: 0;
    text-transform: none; }
  #submitpanel.squared-btn .ajaxforms_tools_link, #submitpanel.squared-btn .taskFormBox .removeLink, .taskFormBox #submitpanel.squared-btn .removeLink, .submitpanel.squared-btn .ajaxforms_tools_link, .submitpanel.squared-btn .taskFormBox .removeLink, .taskFormBox .submitpanel.squared-btn .removeLink {
    margin-right: 20px;
    font-size: 13px;
    color: #3d3d3d;
    height: 34px;
    line-height: 32px;
    width: 73px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    margin-left: 20px; }

/* when submit panel needs to be aligned with elements in the form */
.freeSubmitPanel {
  position: relative;
  float: right; }

#submitpanel input[type=button],
.submitpanel input[type=button],
#submitpanel input[type=submit],
.submitpanel input[type=submit],
input.submitButton {
  background-color: #E83B83;
  color: white;
  border-radius: 3px;
  font-size: 12px;
  height: 29px;
  border: 1px solid #E83B83;
  min-width: 74px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  font-weight: 400;
  vertical-align: top;
  border-radius: 4px;
  font-size: 15px;
  height: 34px;
  min-width: 120px;
  padding-bottom: initial; }
  #submitpanel input[type=button]:not([disabled]),
  .submitpanel input[type=button]:not([disabled]),
  #submitpanel input[type=submit]:not([disabled]),
  .submitpanel input[type=submit]:not([disabled]),
  input.submitButton:not([disabled]) {
    cursor: pointer; }
  #submitpanel input[type=button][disabled],
  .submitpanel input[type=button][disabled],
  #submitpanel input[type=submit][disabled],
  .submitpanel input[type=submit][disabled],
  input.submitButton[disabled] {
    background-color: grey;
    border: 1px solid #B7B7B7; }

input.submitButton {
  border-radius: 4px;
  font-size: 15px;
  height: 34px;
  min-width: 120px;
  margin-left: 5px; }

.cancelButton {
  color: #525252;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
  height: 29px;
  vertical-align: top;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #DDD;
  margin-left: 5px;
  width: 74px;
  text-align: center;
  border-radius: 4px;
  font-size: 15px;
  height: 34px;
  min-width: 120px; }

#popup_panel input {
  background-color: #E83B83;
  color: white;
  border-radius: 3px;
  font-size: 12px;
  height: 29px;
  border: 1px solid #E83B83;
  min-width: 74px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  font-weight: 400;
  vertical-align: top; }
  #popup_panel input:not([disabled]) {
    cursor: pointer; }
  #popup_panel input[disabled] {
    background-color: grey;
    border: 1px solid #B7B7B7; }
#popup_panel .ajaxforms_tools_link, #popup_panel .taskFormBox .removeLink, .taskFormBox #popup_panel .removeLink {
  color: #525252;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
  height: 29px;
  vertical-align: top;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #DDD;
  margin-left: 5px;
  width: 74px;
  text-align: center;
  height: 27px;
  line-height: 27px;
  display: inline-block; }
  #popup_panel .ajaxforms_tools_link:hover, #popup_panel .taskFormBox .removeLink:hover, .taskFormBox #popup_panel .removeLink:hover {
    text-decoration: none; }
#popup_panel > span {
  display: none; }

input.submitcoloredbutton, input.submitcoloredbutton[disabled] {
  border: 1px solid #B7B7B7;
  cursor: pointer;
  font-size: 30px;
  margin-right: 55px;
  margin-left: 55px;
  width: 200px;
  height: 200px;
  border-radius: 20px;
  font-weight: bold;
  z-index: 100; }

input.smallbutton {
  border: 1px solid #B7B7B7;
  cursor: pointer;
  margin: 10px;
  width: 45px;
  height: 45px;
  border-radius: 10px; }

input.smallcircularbutton {
  border: 1px solid #B7B7B7;
  cursor: pointer;
  margin: 10px;
  width: 45px;
  height: 45px;
  border-radius: 35px; }

input.colorgreen:not(#approval-color):hover {
  border-color: #27F238;
  background: #27F238; }

input.coloryellow:not(#approval-color):hover {
  border-color: #FFF275;
  background: #FFF275; }

input.colorred:not(#approval-color):hover {
  border-color: #ED5C62;
  background: #ED5C62; }

input.colorgreen, input.colorgreen[disabled], input.colorgreen[disabled]:hover {
  border-color: #17960A;
  background: #17960A;
  color: #fff; }

input.colorgreen[disabled], input.colorgreen[disabled]:hover {
  background: #17960A !important; }

input.coloryellow, input.coloryellow[disabled], input.coloryellow[disabled]:hover {
  border-color: #FEE604;
  background: #FEE604;
  color: #000; }

input.coloryellow[disabled], input.coloryellow[disabled]:hover {
  background: #FEE604 !important; }

input.colorred, input.colorred[disabled], input.colorred[disabled]:hover {
  border-color: #C81017;
  background: #C81017;
  color: #fff; }

input.colorred[disabled], input.colorred[disabled]:hover {
  background: #C81017 !important; }

#approval-color, #approval-color:hover {
  cursor: default; }

input.feedbackMargin {
  margin: 0px 30px 0px 30px;
  font-size: 26px;
  white-space: normal; }

input.submitbutton.complete {
  /*background: #00AA00;*/
  float: right; }

a.button {
  text-decoration: none; }

a#single_image img {
  display: Inline;
  margin: 0; }

/* Form box */
.form-box {
  background: white;
  border: 1px solid #DDD;
  width: 843px;
  padding: 22px 0; }
  .form-box .field-label {
    font-weight: 400;
    font-size: 12px; }
  .form-box h3 {
    margin: 0 !important;
    padding-bottom: 25px;
    font-size: 20px;
    font-weight: 400;
    color: #2F3941;
    padding-left: 25px;
    padding-right: 20px; }
  .form-box .form_box__holder {
    padding-left: 25px;
    padding-right: 20px;
    background-color: #f9f9f9; }
    .form-box .form_box__holder .form_box__row {
      padding-top: 20px;
      padding-bottom: 25px; }
      .form-box .form_box__holder .form_box__row .form_box__row_title {
        display: inline-block;
        padding-bottom: 15px;
        font-size: 14px;
        color: #3d3d3d; }
      .form-box .form_box__holder .form_box__row .form_box__row_title + .section_container__filter_item.tag-filter-section {
        margin-top: 0; }
      .form-box .form_box__holder .form_box__row .form_box__sub_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .form-box .form_box__holder .form_box__row .form_box__sub_row.form_box__sub_row_no_wrap {
          flex-wrap: nowrap; }
        .form-box .form_box__holder .form_box__row .form_box__sub_row .section_container__filter_item .filter_title {
          width: 90px; }
          .form-box .form_box__holder .form_box__row .form_box__sub_row .section_container__filter_item .filter_title.filter_title_expanded {
            width: 98px; }
        .form-box .form_box__holder .form_box__row .form_box__sub_row .section_container__filter_item.sort_by_filter .filter_title {
          width: 83px; }
        .form-box .form_box__holder .form_box__row .form_box__sub_row ap-role-selector-detached {
          width: 67%; }
          .form-box .form_box__holder .form_box__row .form_box__sub_row ap-role-selector-detached ap-role-selector {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-left: 20px; }
            .form-box .form_box__holder .form_box__row .form_box__sub_row ap-role-selector-detached ap-role-selector .myRoles {
              font-size: 14px; }
            .form-box .form_box__holder .form_box__row .form_box__sub_row ap-role-selector-detached ap-role-selector .roleSelector li {
              font-size: 12px;
              margin-right: 3px; }
              .form-box .form_box__holder .form_box__row .form_box__sub_row ap-role-selector-detached ap-role-selector .roleSelector li:last-of-type {
                margin-right: 0; }
        .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker {
          margin: 0;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .sortCheckerText {
            font-size: 14px;
            color: #3d3d3d; }
          .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker {
            width: 218px; }
            .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker .chzn-container {
              width: 100%; }
            .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker .chzn-single {
              padding: 0;
              height: auto;
              border-bottom: 0; }
              .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker .chzn-single span {
                margin: 0 !important;
                padding: 0 !important;
                border: none !important;
                background-color: transparent !important;
                font-size: 12px;
                color: #3d3d3d !important;
                border-radius: none !important; }
                .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker .chzn-single span::after {
                  position: absolute !important;
                  top: 50%;
                  transform: translateY(-50%);
                  right: 10px; }
              .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker .chzn-single div {
                display: none; }
              .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker .chzn-single .chosen-single span {
                font-size: 11px; }
            .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker .chzn-results {
              border-bottom: 0 !important;
              border-bottom-left-radius: 0 !important;
              border-bottom-right-radius: 0 !important; }
              .form-box .form_box__holder .form_box__row .form_box__sub_row ap-sort-checker .sortChecker .checker .chzn-results .active-result {
                padding-left: 15px;
                font-size: 12px !important;
                font-weight: 400 !important; }
        .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter {
          width: 58%;
          margin-top: 25px; }
          .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterLabel {
              margin: 0;
              padding: 0;
              font-size: 14px;
              color: #3d3d3d; }
            .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox {
              width: 90%;
              margin: 0 !important; }
              .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container {
                padding: 0; }
                .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container .chzn-single {
                  height: auto !important;
                  padding: 0 !important;
                  border-bottom: 1px solid #ccc;
                  border-radius: 0px !important;
                  width: 100%;
                  font-size: 16px !important;
                  color: #000 !important;
                  background-color: transparent !important; }
                  .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container .chzn-single.chzn-single-with-drop .ng-binding::after {
                    border-right: 1px solid #e83b83 !important;
                    border-bottom: 1px solid #e83b83 !important; }
                  .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container .chzn-single span {
                    margin: 0; }
                    .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container .chzn-single span .ng-binding {
                      margin: 0;
                      position: relative;
                      font-size: 12px !important;
                      font-weight: 400 !important;
                      color: #3d3d3d; }
                      .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container .chzn-single span .ng-binding::after {
                        content: '';
                        position: absolute !important;
                        top: 50%;
                        right: 10px;
                        display: block;
                        width: 5px;
                        height: 5px;
                        border-right: 1px solid #d9d9d9;
                        border-bottom: 1px solid #d9d9d9;
                        transform: rotate(45deg) translateY(-50%); }
                  .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container .chzn-single div {
                    display: none; }
                .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container .chzn-results {
                  border-bottom: 0 !important;
                  border-bottom-left-radius: 0 !important;
                  border-bottom-right-radius: 0 !important;
                  overflow-y: auto; }
                  .form-box .form_box__holder .form_box__row .form_box__sub_row ap-tag-filter .tag_filter__container .tagFilterBox .chzn-container .chzn-results .active-result {
                    padding-left: 15px;
                    font-size: 12px !important;
                    font-weight: 400 !important; }

div.formBoxWithArrow .form-box {
  width: 666px; }
  div.formBoxWithArrow .form-box ul.feedback label {
    cursor: pointer; }
    div.formBoxWithArrow .form-box ul.feedback label input {
      cursor: pointer; }

.form-box.objectiveKpi {
  width: 620px; }

.form-box.wide {
  width: 100%; }

.form-box.pageWide {
  width: 836px; }

.form-box.nowidth {
  width: auto; }

.form-box input[type=password],
.form-box input[type=text],
.form-box select,
.form-box textarea,
table.splitActionKpiTable input[type=text],
table.splitActionKpiTable select,
input.textInput,
table.consolidation input[type=text] {
  padding: 3px;
  border: 1px solid #DDD;
  border-radius: 2px;
  font-weight: 400;
  font-size: 11px;
  color: black;
  word-break: break-word; }
  .form-box input[type=password].disabled,
  .form-box input[type=text].disabled,
  .form-box select.disabled,
  .form-box textarea.disabled,
  table.splitActionKpiTable input[type=text].disabled,
  table.splitActionKpiTable select.disabled,
  input.textInput.disabled,
  table.consolidation input[type=text].disabled {
    cursor: default; }

.form-box input[type=password]:focus:not(.disabled),
.form-box input[type=text]:focus:not(.disabled),
.form-box select:focus:not(.disabled),
.form-box textarea:focus:not(.disabled),
table.splitActionKpiTable input[type=text]:focus:not(.disabled),
table.splitActionKpiTable select:focus:not(.disabled),
table.consolidation input[type=text]:focus:not(.disabled) {
  border: 1px solid #3AA7DD;
  box-shadow: 0 0 4px #3AA7DD;
  outline: none; }

.form-box .textbox {
  padding: 1px 3px 1px 3px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-color: #e9e9e9;
  border: 1px solid #B7B7B7; }

.form-box input.number {
  width: 4em; }

div.form-box hr.sep {
  width: 562px;
  margin: 10px; }

div.form-box #ap_profile_name {
  width: 482px; }

.error-dialog-view {
  width: 1195px; }
  .error-dialog-view .fu {
    margin: 30px 100px; }
    .error-dialog-view .fu input {
      border-radius: 4px; }
    .error-dialog-view .fu textarea {
      border-radius: 4px;
      resize: none; }
  .error-dialog-view #submitpanel {
    margin-right: 91px; }

.splitform-box {
  width: 800px; }

.splitform-box .fr {
  clear: none;
  display: block;
  min-height: 70px; }

#action-description ul,
#action-description ol {
  padding-left: 20px; }

div.two-column div.fu {
  width: 272px;
  float: left; }

div.two-column div.fu.wideselect {
  width: 450px;
  float: left; }

div.three-column div.fu {
  width: 32%;
  margin-right: 1%;
  float: left; }

div.three-column div.fu.priority {
  width: 16%;
  padding-top: 2em; }

div.three-column div.fu.file-upload {
  width: 16%;
  padding-top: 2.2em;
  float: right;
  overflow: visible; }

div#filter-showshare .chosen-drop {
  width: 834px !important; }

#taskFormContent div.three-column div.fu {
  position: relative; }

#taskFormContent div.three-column div.fu > * {
  position: relative; }

#taskFormContent div.three-column div.fu.file-upload {
  z-index: 900;
  position: relative; }

#taskFormContent div.three-column div.fu.file-upload > * {
  z-index: 900;
  position: relative; }

div.four-column div.fu {
  width: 126px;
  float: left; }

div.four-column div.thin {
  width: 140px;
  float: left; }

div.two-column div.fu.wide {
  width: 304px;
  float: left;
  margin-right: 0px; }

div.two-column div.three-column div.fu:first-child {
  margin-right: 50px; }

div.fu input {
  width: 100%; }

div.fu input[type="radio"], div.fu input[type="checkbox"] {
  width: auto; }

/** Better looking fix might is an option, but IE support is questionable */
div.fu input[type=radio],
div.fu input[type=checkbox] {
  vertical-align: middle; }

div.two-column div.three-column div.fu input, div.two-column div.three-column div.fu select, div.two-column div.three-column div.fu textarea {
  width: 100%; }

.taskFormBox div.four-column div.fu {
  width: 23%;
  float: left; }

/* AJAX driven list input forms - all prefixed: adlif */
.adlif_text {
  padding: 1px 3px 1px 3px;
  width: 150px;
  height: 15px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  background-color: white;
  border: 1px solid #B7B7B7; }

.adlif_calendar {
  padding: 1px 3px 1px 3px;
  width: 150px;
  height: 15px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  background-color: white;
  border: 1px solid #B7B7B7;
  background: #FFFFFF url(/images/icons/calendar2.png) no-repeat 95% center; }

.adlif_wrap {
  display: inline-table;
  vertical-align: middle;
  width: 100px; }

.adlif_select {
  width: auto;
  height: 19px;
  font-weight: 400;
  font-size: 10px;
  font-size: 13px;
  background-color: white;
  border: 1px solid #B7B7B7; }

#milestone-list .adlif_select {
  padding: 0px; }

.adlif_button {
  background: #E3E3E3;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #B7B7B7;
  color: #0E0E0E;
  cursor: pointer;
  height: 18px; }

/* Calendar icon */
div.fe input.cal, div.fu input.cal, .taskTable input.timecal, div.fuSmall input.cal {
  background: #FFFFFF url(/images/icons/calendar-grey-viewbox.svg) no-repeat center;
  background-size: 28px 28px;
  background-position: calc( 100% - -10px ) calc( 50% - -6px );
  cursor: pointer;
  font-size: 11px; }
  div.fe input.cal::-ms-clear, div.fu input.cal::-ms-clear, .taskTable input.timecal::-ms-clear, div.fuSmall input.cal::-ms-clear {
    display: none; }
  div.fe input.cal::-webkit-input-placeholder, div.fu input.cal::-webkit-input-placeholder, .taskTable input.timecal::-webkit-input-placeholder, div.fuSmall input.cal::-webkit-input-placeholder {
    font-size: 10px; }
  div.fe input.cal:-moz-placeholder, div.fu input.cal:-moz-placeholder, .taskTable input.timecal:-moz-placeholder, div.fuSmall input.cal:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 10px; }
  div.fe input.cal::-moz-placeholder, div.fu input.cal::-moz-placeholder, .taskTable input.timecal::-moz-placeholder, div.fuSmall input.cal::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 10px; }
  div.fe input.cal:-ms-input-placeholder, div.fu input.cal:-ms-input-placeholder, .taskTable input.timecal:-ms-input-placeholder, div.fuSmall input.cal:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 10px; }

div.fu input.bigcal {
  background: #FFFFFF url(/images/icons/calendar-grey.svg) no-repeat calc( 100% - 2px ) center;
  cursor: pointer; }

.ui-datepicker-calendar .ui-datepicker-week-col {
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: 700; }

.roadMapOverview .teamFilter {
  padding-top: 8px; }

/* Calendar task-edit form  */
div.fu input.cal.task-edit {
  width: 95%; }

/* Double list */
div.double_list select {
  width: 260px; }

div.double_list div a {
  margin: 0px 5px; }

/* Give feedback */
#frmfilter ul.feedback#levels {
  width: 100%;
  float: right; }

#frmfilter ul.feedback#levels li {
  float: right; }

#approval_form .form-box {
  min-height: 35px; }

.greyed {
  color: grey !important; }

ul.choose {
  float: right;
  clear: right; }
  ul.choose li {
    list-style-type: none;
    float: left;
    margin-right: 5px;
    padding: 5px 5px 5px 0; }
    ul.choose li:last-child {
      margin-right: 9px; }
    ul.choose li span {
      display: block;
      float: left;
      margin-top: -2px; }
      ul.choose li span.radio-text {
        padding-left: 0px; }
      #action-list ul.choose li span {
        margin: 1px 2px 0 0; }
      ul.choose li span input {
        float: left;
        margin-right: 5px; }

ul.feedback.status li span {
  margin-left: 0;
  top: -1px;
  line-height: 13px;
  display: inline; }
  ul.feedback.status li span svg {
    top: 2px; }
ul.feedback.narrowFeedback li {
  padding: 0 5px 0 0 !important;
  margin: 0; }
ul.feedback li {
  list-style-type: none;
  float: left;
  margin-right: 9px;
  height: 18px;
  padding: 5px 5px 5px 0; }
  ul.feedback li input {
    position: relative;
    top: 2px; }
  ul.feedback li span {
    display: inline-block;
    line-height: 15px;
    height: 15px;
    margin-top: 2px;
    position: relative;
    top: 2px;
    width: 15px;
    padding: 0;
    margin-left: 5px;
    margin-right: 3px;
    border-radius: 3px; }

#feedback-form ul.feedback li {
  margin-top: -10px; }
  #feedback-form ul.feedback li span {
    height: 24px;
    width: 24px;
    top: 6px; }

#frmfilter ul.feedback li.all span {
  background: none; }

#highBoxBgbusinessmapOverview .colorBox {
  width: auto;
  height: 22px !important;
  font-size: 10px !important;
  min-width: 25px;
  padding: 8px 2px 0px 2px;
  border: solid 1px transparent; }

#highBoxBgbusinessmapOverview .color-row {
  text-align: center !important; }

ul.feedback.status {
  line-height: 22px; }

ul.feedback li span.radio-text {
  padding-left: 30px;
  line-height: 13px; }

ul.feedback li.greenradio span {
  background-color: #58B947; }

ul.feedback li.yellowradio span {
  background-color: #FFE601; }

ul.feedback li.redradio span {
  background-color: #E62E2C; }

ul.feedback li.all span {
  width: 2px;
  margin-left: 0;
  padding-left: 0; }

ul.feedback li.grey span {
  background-color: #9D9C9C; }

ul.feedback li.green span {
  background-color: #58B947; }

ul.feedback li.yellow span {
  background-color: #FFE601; }

ul.feedback li.red span {
  background-color: #E62E2C; }

ul.feedback li.levelone span {
  background: url(../images/link2.gif) no-repeat 5px center; }

table.feedbackTarget {
  border: 1px solid #CCC;
  border-bottom: medium none;
  border-top: medium none;
  width: 100%;
  font-size: 10px;
  border-collapse: collapse;
  border-radius: 3px;
  border-spacing: 0;
  margin-bottom: 15px; }
  table.feedbackTarget .kpi-target.wide-input input {
    width: 84px; }

#tblBulkKPI table.feedbackTarget {
  margin-bottom: 0px; }

#tblBulkMoveAction table.feedbackTarget td {
  white-space: normal;
  word-wrap: break-word;
  max-width: 150px; }

table.feedbackTarget.consolidation {
  border: none; }

table.feedbackTarget.noMargin {
  margin-bottom: 0px; }

table.feedbackTarget .center {
  text-align: center; }

table.feedbackTarget .right {
  text-align: right; }

table.feedbackTarget input[type=text] {
  width: 116px;
  text-align: right; }

table.feedbackTarget th, table.history table.feedbackTarget td {
  background-image: none;
  padding: 4px;
  overflow: hidden;
  white-space: nowrap; }

table.feedbackTarget > thead > tr > th {
  background-color: #EEEEEE;
  font-size: 12px;
  padding: 10px;
  text-align: left; }

table.feedbackTarget td {
  margin: 0;
  padding: 10px;
  overflow: hidden;
  white-space: nowrap; }

table.feedbackTarget.fixedKpiTable td {
  white-space: normal;
  word-break: break-all; }

#move_table.feedbackTarget td {
  font-size: 12px; }

table.feedbackTarget td.short {
  overflow: hidden;
  text-overflow: ellipsis; }

table.feedbackTarget td.wrap {
  white-space: normal; }

/*smaller in the dynamic update form*/
#general-popup table.feedbackTarget th {
  padding-top: 0px;
  padding-bottom: 0px; }

table.feedbackTarget th.nobgcolor {
  background-color: transparent; }

table.feedbackTarget .border {
  border: 1px solid #E6E6E6; }

table.feedbackTarget tr {
  border: 0;
  border-bottom: 1px solid #E6E6E6; }

table.feedbackTarget td.header {
  border: 0; }

table.feedbackTarget td.input input {
  width: 67px;
  padding: 3px; }

table.splitActionKpiTable {
  border: 1px solid #CCC;
  width: 100%;
  font-size: 10px;
  border-collapse: collapse;
  margin-top: 5px;
  margin-bottom: 5px; }

table.splitActionKpiTable th, table.splitActionKpiTable td {
  padding: 2px;
  background-image: none; }

table.splitActionKpiTable th {
  background-color: #F0F0EE;
  border: 0;
  border-bottom: 1px solid #CCC;
  text-align: left; }

table.splitActionKpiTable tr {
  border: 0;
  border-bottom: 1px solid #E6E6E6;
  border-style: inset; }

table.splitActionKpiTable table.subtable tr {
  border-bottom: none; }

table.splitActionKpiTable input[type=text],
table.splitActionKpiTable select {
  font-size: 10px;
  padding: 0; }

table.splitActionKpiTable .breakdown {
  text-align: center; }

table.splitActionKpiTable .sub-target, table.splitActionKpiTable .breakdown-target,
table.splitActionKpiTable .sub-target-split, table.splitActionKpiTable .breakdown-target-split {
  text-align: right; }

table.splitActionKpiTable .sub-target, table.splitActionKpiTable .sub-target-split {
  width: 60px; }

table.splitActionKpiTable td.breakdown {
  vertical-align: top; }

table.splitActionKpiTable .breakdown-target,
table.splitActionKpiTable .breakdown-target-split {
  width: 30px;
  margin-bottom: 1px; }

table.splitActionKpiTable .input-placeholder {
  padding: 1px;
  font-size: 10px;
  padding-bottom: 1px; }

td.right .input-placeholder-small {
  font-size: 8px !important; }

table.splitActionKpiTable .green,
table.consolidation .green {
  color: green;
  background: url("/images/icons/ok_small.png") no-repeat top right;
  padding-right: 15px;
  height: 14px;
  display: inline-block; }

table.splitActionKpiTable .red,
table.consolidation .red {
  background: url("/images/icons/exclamation_small.png") no-repeat top right;
  padding-right: 15px;
  color: red;
  height: 14px;
  display: inline-block; }

table.consolidation td {
  padding: 0;
  padding-top: 1px;
  padding-right: 1px;
  vertical-align: top; }

table.consolidation th {
  padding-top: 3px;
  padding-bottom: 3px; }

table.consolidation th.sum {
  vertical-align: bottom;
  padding-bottom: 2px;
  font-style: italic; }

table.consolidation td input[type=text] {
  padding: 0;
  font-size: 10px;
  width: 50px;
  margin-bottom: 1px; }

table.consolidation div.input-placeholder {
  padding: 1px;
  height: 14px;
  vertical-align: middle;
  padding-bottom: 1px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis; }

.updateForm table.consolidation td input[type=text] {
  width: 30px; }

.updateForm table.feedbackTarget input[type="text"] {
  width: 45px; }

option.companyDropDown.firstLevel, option.companyDropDown.secondLevel {
  font-weight: bold; }

option.companyDropDown.thirdLevel {
  font-style: italic; }

div#addRemoveIcons {
  float: left; }

div.kpiSubmit {
  float: right; }

div.kpiCreateBottom {
  clear: both;
  padding-bottom: 30px;
  padding-top: 10px; }

input.submitbutton.kpi {
  width: 78px; }

input#focusarea_kpi_name {
  width: 158px; }

img#img_preview {
  margin-top: 10px;
  max-width: 565px; }

/* File attachment */
#file {
  width: 600px; }

wbr {
  display: inline-block; }

/* fix for IE8 and Opera */
.nowrap {
  white-space: nowrap !important; }

/** Important-tag is in order to overwrite any other styling applied using TinyMCE when pasting from other applications **/
.hoverBoxComment p, .hoverBoxComment span,
.hoverBoxCorrectiveAction p, .hoverBoxCorrectiveAction span,
.feedbackPopupComment p, .feedbackPopupComment span,
.feedbackPopupCorrectiveAction p, .feedbackPopupCorrectiveAction span,
.hoverBoxMilestoneDescription p, .hoverBoxMilestoneDescription span,
.hoverBoxMilestoneDescriptionGantt p, .hoverBoxMilestoneDescriptionGantt span {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  color: #000000 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1em !important; }

.tipHelpBox p {
  margin-bottom: 0px !important;
  margin-top: 0px !important; }

.hoverBoxMilestoneDescriptionGantt p, .hoverBoxMilestoneDescriptionGantt span,
.hoverBoxCommentGantt p, .hoverBoxCommentGantt span,
.hoverBoxCorrectiveActionGantt p, .hoverBoxCorrectiveActionGantt span {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  color: #000000 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 9px !important;
  line-height: 1em !important; }

#display-action-history td a .showMoreLess,
.hoverBoxComment a, .hoverBoxComment a *,
.hoverBoxCorrectiveAction a, .hoverBoxCorrectiveAction a *,
.feedbackPopupComment a, .feedbackPopupComment a *,
.feedbackPopupCorrectiveAction a, .feedbackPopupCorrectiveAction a *,
.hoverBoxMilestoneDescription a, .hoverBoxMilestoneDescription a *,
.hoverBoxMilestoneDescriptionGantt a, .hoverBoxMilestoneDescriptionGantt a * {
  color: #315EE1 !important; }

#display-action-history td a.redHover, a.redHover.ajaxforms_tools_link, .taskFormBox a.redHover.removeLink {
  color: #ff0000 !important; }

span.fileListItem {
  display: inline-block;
  border-radius: 5px;
  padding: 7px 0 3px 3px;
  margin-bottom: 2px;
  margin-left: 14px;
  overflow: visible;
  white-space: nowrap; }

div.boldText {
  font-weight: bold; }

div.break-word, td.break-word {
  /* beware it needs a block element with a fixed width (wrap in a div maybe)*/
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-break: break-all;
  /* Chrome and Safari */
  word-wrap: break-word;
  /* IE 5+ */
  -ms-word-wrap: break-word;
  -ms-word-break: break-all; }

.resetBreakWord {
  white-space: normal;
  word-wrap: normal;
  -ms-word-wrap: normal;
  -ms-word-break: normal;
  word-break: normal; }

td.mceIframeContainer {
  padding: 0px !important; }

.feedbackKpiSmileys {
  vertical-align: middle; }

.feedbackKpiSmileys input {
  height: 16px;
  margin-left: 5px;
  margin-right: 1px; }

.password-strength ul {
  margin-left: 15px;
  margin-right: 0px; }

#parent_action_container .fu, .reassignContainer .fu {
  width: 564px; }

#container #createForm #parent_action_container .relation, #container #editaction_form #parent_action_container .relation, #container #copyForm #parent_action_container .relation {
  position: relative; }
  #container #createForm #parent_action_container .relation .action-relation-add, #container #editaction_form #parent_action_container .relation .action-relation-add, #container #copyForm #parent_action_container .relation .action-relation-add {
    position: absolute;
    top: 0;
    right: 0; }
#container #createForm #parent_action_container #multiple_parent_placeholder .multiple_parent, #container #editaction_form #parent_action_container #multiple_parent_placeholder .multiple_parent, #container #copyForm #parent_action_container #multiple_parent_placeholder .multiple_parent {
  width: 397px;
  height: 30px;
  position: relative; }
  #container #createForm #parent_action_container #multiple_parent_placeholder .multiple_parent .action-relation-remove, #container #editaction_form #parent_action_container #multiple_parent_placeholder .multiple_parent .action-relation-remove, #container #copyForm #parent_action_container #multiple_parent_placeholder .multiple_parent .action-relation-remove {
    right: -22px;
    top: 5px;
    position: absolute; }
#container #createForm .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder .activeTooltip .taskPriorityIcon:after, #container #editaction_form .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder .activeTooltip .taskPriorityIcon:after, #container #copyForm .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder .activeTooltip .taskPriorityIcon:after {
  left: 3px; }
#container #createForm .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder .tooltip, #container #editaction_form .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder .tooltip, #container #copyForm .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder .tooltip {
  left: 15px;
  top: 15px; }
#container #createForm #support_invitation_supporter_profile_id, #container #editaction_form #support_invitation_supporter_profile_id, #container #copyForm #support_invitation_supporter_profile_id {
  width: 100%; }
#container #createForm #support_invitation_supporter_profile_id_chosen, #container #editaction_form #support_invitation_supporter_profile_id_chosen, #container #copyForm #support_invitation_supporter_profile_id_chosen {
  height: 29px; }

#display-action-history ul.feedback {
  margin-left: 10px; }

.feedbackTarget.consolidation {
  margin-top: 5px; }

.passwordErrors {
  margin-left: 20px; }

.passwordErrors strong {
  color: red; }

#period-chooser, #guest-chooser {
  text-align: left; }
  #period-chooser.form-box, #guest-chooser.form-box {
    width: 452px;
    padding: 22px 0 16px 0; }
    #period-chooser.form-box .h3, #guest-chooser.form-box .h3 {
      padding-bottom: 22px; }
  #period-chooser .period_selector_headline, #guest-chooser .period_selector_headline {
    font-size: 12px;
    position: relative;
    top: 14px;
    left: -22px; }
  #period-chooser .period_selector_dates, #period-chooser .guest-selector-wrapper, #guest-chooser .period_selector_dates, #guest-chooser .guest-selector-wrapper {
    background: url(/images/background_image.jpg) left top;
    padding: 0 50px; }
  #period-chooser .guest-selector-wrapper, #guest-chooser .guest-selector-wrapper {
    padding: 50px 0;
    display: flex;
    justify-content: center; }
    #period-chooser .guest-selector-wrapper .guest_selector_label, #guest-chooser .guest-selector-wrapper .guest_selector_label {
      width: 110px;
      display: flex;
      align-items: center;
      padding: 0 15px;
      font-size: 12px; }
      #period-chooser .guest-selector-wrapper .guest_selector_label span, #guest-chooser .guest-selector-wrapper .guest_selector_label span {
        padding: 0 2px; }
  #period-chooser .period_selector_date, #guest-chooser .period_selector_date {
    width: 116px;
    display: inline-block;
    padding: 38px 0;
    position: relative; }
    #period-chooser .period_selector_date input, #guest-chooser .period_selector_date input {
      width: 94px;
      background: none;
      border: 0;
      border-bottom: 1px solid #CCC;
      border-radius: 0;
      padding-left: 14px;
      padding-bottom: 7px;
      cursor: pointer; }
      #period-chooser .period_selector_date input:focus, #guest-chooser .period_selector_date input:focus {
        outline: none;
        box-shadow: none; }
    #period-chooser .period_selector_date:after, #guest-chooser .period_selector_date:after {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      background-image: url(/images/icons/calendar2.png);
      position: absolute;
      right: 15px;
      pointer-events: none; }
  #period-chooser .period_selector_date_label, #guest-chooser .period_selector_date_label {
    padding: 0 15px;
    display: inline-block;
    font-size: 12px; }
  #period-chooser .submitpanel, #guest-chooser .submitpanel {
    margin-top: 18px; }
    #period-chooser .submitpanel .filter_btn, #guest-chooser .submitpanel .filter_btn {
      padding: 5px 20px 5px 20px;
      background-color: #fff;
      border: 1px solid #DDD;
      color: #525252;
      border-radius: 3px;
      font-size: 12px;
      height: 29px;
      min-width: 74px;
      text-transform: uppercase;
      font-weight: 400;
      vertical-align: top;
      text-align: center;
      line-height: 29px;
      cursor: pointer;
      margin-right: 6px; }
      #period-chooser .submitpanel .filter_btn:last-of-type, #guest-chooser .submitpanel .filter_btn:last-of-type {
        margin-right: 20px; }
    #period-chooser .submitpanel .filter_btn--active, #guest-chooser .submitpanel .filter_btn--active {
      background-color: #E83B83;
      color: white;
      border: 1px solid #E83B83;
      font-weight: 500; }

#period-chooser-chosen-container {
  width: auto; }

.yearsTableContainer {
  padding-top: 2px !important;
  vertical-align: top; }

.yearsTable {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px; }
  .yearsTable tr {
    border-style: none !important;
    height: 16px !important; }
  .yearsTable td {
    vertical-align: top;
    padding-bottom: 1px;
    height: 17px !important; }

#split-target-headers td {
  text-align: center; }

table.splitActionKpiTable select.responsible_profile_id, table.splitActionKpiTable select.owner_profile_id {
  font-size: 12px; }

.feedback-form-bottom-row {
  padding-top: 0px; }

.feedback-form-bottom-row .fu {
  margin-top: 0px; }

.feedback-form-bottom-row .fu.last {
  margin-right: 0px;
  float: right; }

.passwordExpiryCheckbox {
  margin-left: -22px; }

.password-strength .fu {
  margin-right: 15px; }

.feedbackKpiNameCol {
  z-index: 1;
  vertical-align: middle;
  overflow: visible;
  white-space: normal;
  width: 200px; }
  .textKpiTable .feedbackKpiNameCol {
    width: auto; }

.kpi-value {
  width: 144px; }

.feedbackKpiUnitCol {
  border-left: 1px solid #E6E6E6;
  width: 90px; }

.feedbackKpiTargetCol {
  border-left: 1px solid #E6E6E6;
  width: 90px; }

.invalidFormField {
  border: 1px solid red !important; }

#splitKpiLink {
  display: none;
  color: #ff0000; }

#kpi-add {
  background-color: white;
  padding: 5px; }

.updatePassword .fu {
  margin-left: 25px;
  margin-right: 20px;
  width: 350px !important; }

form.actions_tagged label {
  margin-right: 6px; }

form.actions_tagged input {
  margin-right: 3px; }

td.container {
  padding: 0px !important; }

.kpiSortTable {
  width: 700px;
  border-collapse: collapse; }

.kpiCheckboxCell {
  width: 5%; }

.kpiSplitCell {
  width: 35%;
  text-align: right !important; }

.split .kpiNameCell {
  width: 50%; }

.noSplit.kpiNameCell {
  width: 35%; }

.kpiTargetCell {
  width: 15%; }

.kpiSmileyCell {
  width: 15%; }

.kpiDescCell {
  width: 15%; }

.kpiUnitCell {
  width: 15%; }

#div_milestone_notifications .fu {
  width: 560px; }

.feedback_form_adjust_date_cancel {
  float: left;
  margin-top: 58px;
  margin-left: -60px;
  width: 60px;
  text-align: right; }

.feedbackFormSubmitPanel {
  margin-right: 36px;
  margin-top: -24px; }

#feedbackCategories {
  display: none;
  min-height: 0px;
  width: 270px;
  position: relative;
  left: 450px;
  top: 0px; }

.feedbackCategorySelector {
  margin-bottom: 0px;
  margin-top: 0px; }

.feedbackFormBox {
  width: 700px; }

.commentCheckboxLabel {
  padding-left: 5px; }

.frontendResponsibleSelector {
  background-color: white;
  border: 1px solid #AAAAAA;
  width: 175px; }

#sel_milestone_recurrent.disabled, #sel_feedback_requirement_recurrent.disabled {
  background-color: #E9E9E9 !important; }

select[disabled]#sel_milestone_recurrent, select[disabled]#sel_feedback_requirement_recurrent {
  background: #E9E9E9 !important; }

#feedback_requirement_date {
  height: 16px; }

#sel_feedback_requirement_recurrent {
  display: block;
  margin-top: 20px;
  height: 24px; }

#action_kpi .defaultSkin table.mceLayout {
  width: 564px !important; }

#createUserForm .userPermissionsTable {
  width: 600px; }

#createUserForm .userMenusTable {
  width: 600px; }

a.submitbutton {
  background: #e3e3e3 none repeat scroll 0 0;
  border: 1px solid #b7b7b7;
  color: #0e0e0e;
  cursor: pointer;
  font-size: 11px;
  height: 27px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: bold; }

a.submitbutton:hover {
  background: #EEE;
  text-decoration: none; }

#invitation_by_user_container #feedback_invitation_invited_user {
  width: 264px; }

#invitation_by_user_container .chosen-search input {
  width: 260px; }

#ag-form-error {
  clear: both; }

#perspectives-table .outsideIconCell .detailDragHandle {
  right: -45px; }

.focusareaFeedback .feedbackFormBox {
  width: 592px; }

.focusareaFeedback #feedbackCategories {
  left: 341px; }

.focusareaFeedback .form-box {
  width: 592px; }

.focusareaFeedback table tr > td > .fu {
  margin-right: 0; }

.loadingWheel {
  background-image: url("select2/select2-spinner.gif");
  background-repeat: no-repeat;
  background-position: top 4px left 0px; }

.user-edit .fu ul {
  padding: 0px;
  margin: 0px 0px 0px 2em; }

.user-edit .fu ul li {
  padding: 0px;
  margin: 0px; }

.no-right-margin .fu {
  margin-right: 0; }

.tabularHeaderDivCenter {
  text-align: left; }

.form-box #ap_action_name {
  height: 17px; }

.bulk-move-items {
  width: auto; }
  .bulk-move-items h3 {
    margin-left: 0; }
  .bulk-move-items #move_table th:first-of-type {
    padding-left: 34px; }
  .bulk-move-items #move_table .singleLine {
    max-width: 150px; }
  .bulk-move-items #move_table td:not(.newResponsible) .chosen-container {
    width: auto !important; }
  .bulk-move-items #move_table td {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDD; }
    .bulk-move-items #move_table td .chosen-container {
      position: absolute !important; }
  .bulk-move-items #move_table tr:last-child td {
    border-bottom: none; }
  .bulk-move-items #move_table .newDate, .bulk-move-items #move_table .oldDate {
    width: 70px; }
  .bulk-move-items .tableAboveHeader {
    text-transform: uppercase; }
  .bulk-move-items .fr label {
    vertical-align: middle;
    text-transform: uppercase; }
  .bulk-move-items .radio-btn {
    vertical-align: middle; }
    .bulk-move-items .radio-btn.direction {
      margin-right: 5px; }
  .bulk-move-items .scalableDialogWindow {
    overflow-y: auto;
    max-height: 400px;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
  .bulk-move-items table.data {
    border: 0; }
  #dashboard .bulk-move-items table tbody td {
    padding: 10px 17px 10px 10px; }
    #dashboard .bulk-move-items table tbody td .chk-list + span:before {
      margin-right: 10px; }
  #dashboard .bulk-move-items table thead th {
    padding: 5px 17px 5px 10px; }
  .bulk-move-items .submitpanel {
    margin-top: 20px; }

.selected-ini-alignment {
  padding-bottom: 24px; }

#tblBulkInviteSupporter #submitpanel {
  margin-top: 18px; }

.field-label {
  font-weight: 400;
  font-size: 12px; }

#createForm .form-box.boxed, #editaction_form .form-box.boxed, #copyForm .form-box.boxed, #action_kpi .form-box.boxed {
  width: auto;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0px;
  border: none; }
  #createForm .form-box.boxed.roles, #editaction_form .form-box.boxed.roles, #copyForm .form-box.boxed.roles, #action_kpi .form-box.boxed.roles {
    padding-bottom: 0; }
    #createForm .form-box.boxed.roles > .fr.one-column, #editaction_form .form-box.boxed.roles > .fr.one-column, #copyForm .form-box.boxed.roles > .fr.one-column, #action_kpi .form-box.boxed.roles > .fr.one-column {
      min-height: 0; }
  #createForm .form-box.boxed .fu, #editaction_form .form-box.boxed .fu, #copyForm .form-box.boxed .fu, #action_kpi .form-box.boxed .fu {
    margin-right: 14px;
    margin-top: 12px; }
    #createForm .form-box.boxed .fu input.cal, #editaction_form .form-box.boxed .fu input.cal, #copyForm .form-box.boxed .fu input.cal, #action_kpi .form-box.boxed .fu input.cal {
      height: 22px; }
  #createForm .form-box.boxed .chosen-container-single .chosen-single, #editaction_form .form-box.boxed .chosen-container-single .chosen-single, #copyForm .form-box.boxed .chosen-container-single .chosen-single, #action_kpi .form-box.boxed .chosen-container-single .chosen-single {
    height: 28px;
    line-height: 28px; }
  #createForm .form-box.boxed .chosen-container, #editaction_form .form-box.boxed .chosen-container, #copyForm .form-box.boxed .chosen-container, #action_kpi .form-box.boxed .chosen-container {
    font-size: 11px; }
    #createForm .form-box.boxed .chosen-container::-webkit-input-placeholder, #editaction_form .form-box.boxed .chosen-container::-webkit-input-placeholder, #copyForm .form-box.boxed .chosen-container::-webkit-input-placeholder, #action_kpi .form-box.boxed .chosen-container::-webkit-input-placeholder {
      font-size: 10px; }
    #createForm .form-box.boxed .chosen-container:-moz-placeholder, #editaction_form .form-box.boxed .chosen-container:-moz-placeholder, #copyForm .form-box.boxed .chosen-container:-moz-placeholder, #action_kpi .form-box.boxed .chosen-container:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      font-size: 10px; }
    #createForm .form-box.boxed .chosen-container::-moz-placeholder, #editaction_form .form-box.boxed .chosen-container::-moz-placeholder, #copyForm .form-box.boxed .chosen-container::-moz-placeholder, #action_kpi .form-box.boxed .chosen-container::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      font-size: 10px; }
    #createForm .form-box.boxed .chosen-container:-ms-input-placeholder, #editaction_form .form-box.boxed .chosen-container:-ms-input-placeholder, #copyForm .form-box.boxed .chosen-container:-ms-input-placeholder, #action_kpi .form-box.boxed .chosen-container:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      font-size: 10px; }
  #createForm .form-box.boxed #ap_action_name, #editaction_form .form-box.boxed #ap_action_name, #copyForm .form-box.boxed #ap_action_name, #action_kpi .form-box.boxed #ap_action_name {
    height: 24px;
    border: none; }
  #createForm .form-box.boxed .fu.privacy > table, #editaction_form .form-box.boxed .fu.privacy > table, #copyForm .form-box.boxed .fu.privacy > table, #action_kpi .form-box.boxed .fu.privacy > table {
    background-color: white;
    border-radius: 2px;
    height: 30px; }
  #createForm .form-box.boxed .reassignContainer .fu, #editaction_form .form-box.boxed .reassignContainer .fu, #copyForm .form-box.boxed .reassignContainer .fu, #action_kpi .form-box.boxed .reassignContainer .fu {
    width: 100%;
    margin-top: 0; }
    #createForm .form-box.boxed .reassignContainer .fu > label, #editaction_form .form-box.boxed .reassignContainer .fu > label, #copyForm .form-box.boxed .reassignContainer .fu > label, #action_kpi .form-box.boxed .reassignContainer .fu > label {
      font-size: 12px; }
  #createForm .form-box.boxed .other-options, #editaction_form .form-box.boxed .other-options, #copyForm .form-box.boxed .other-options, #action_kpi .form-box.boxed .other-options {
    display: none;
    line-height: 24px;
    background-color: white;
    border-radius: 2px; }
    #createForm .form-box.boxed .other-options .options-collapsor, #editaction_form .form-box.boxed .other-options .options-collapsor, #copyForm .form-box.boxed .other-options .options-collapsor, #action_kpi .form-box.boxed .other-options .options-collapsor {
      position: relative;
      display: inline-block;
      width: 13px;
      height: 13px;
      left: 117px;
      top: 6px;
      position: relative; }
      #createForm .form-box.boxed .other-options .options-collapsor:after, #editaction_form .form-box.boxed .other-options .options-collapsor:after, #copyForm .form-box.boxed .other-options .options-collapsor:after, #action_kpi .form-box.boxed .other-options .options-collapsor:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 20px;
        height: 20px;
        display: inline-block;
        background-size: 20px 20px;
        background-position: 0 0; }
      #createForm .form-box.boxed .other-options .options-collapsor:after, #editaction_form .form-box.boxed .other-options .options-collapsor:after, #copyForm .form-box.boxed .other-options .options-collapsor:after, #action_kpi .form-box.boxed .other-options .options-collapsor:after {
        background-image: url(/images/icons/collapse2-viewbox.svg);
        width: 20px;
        height: 10px;
        background-size: 20px 10px; }
    #createForm .form-box.boxed .other-options > .fr.two-column:last-of-type, #editaction_form .form-box.boxed .other-options > .fr.two-column:last-of-type, #copyForm .form-box.boxed .other-options > .fr.two-column:last-of-type, #action_kpi .form-box.boxed .other-options > .fr.two-column:last-of-type {
      min-height: 64px; }
  #createForm .form-box.boxed .field-label, #editaction_form .form-box.boxed .field-label, #copyForm .form-box.boxed .field-label, #action_kpi .form-box.boxed .field-label {
    font-weight: 700;
    font-size: 12px; }
  #createForm .form-box.boxed .label, #editaction_form .form-box.boxed .label, #copyForm .form-box.boxed .label, #action_kpi .form-box.boxed .label {
    font-weight: 700;
    font-size: 12px; }
    #createForm .form-box.boxed .label.owner-field, #editaction_form .form-box.boxed .label.owner-field, #copyForm .form-box.boxed .label.owner-field, #action_kpi .form-box.boxed .label.owner-field {
      font-weight: 400; }
  #createForm .form-box.boxed .splitter, #editaction_form .form-box.boxed .splitter, #copyForm .form-box.boxed .splitter, #action_kpi .form-box.boxed .splitter {
    width: 835px;
    height: 1px;
    border: 0;
    border-top: 2px solid white;
    margin-left: -14px; }
  #createForm .form-box.boxed .fu.support-invitations, #editaction_form .form-box.boxed .fu.support-invitations, #copyForm .form-box.boxed .fu.support-invitations, #action_kpi .form-box.boxed .fu.support-invitations {
    min-height: 0; }
    #createForm .form-box.boxed .fu.support-invitations #actionFromSupporters, #editaction_form .form-box.boxed .fu.support-invitations #actionFromSupporters, #copyForm .form-box.boxed .fu.support-invitations #actionFromSupporters, #action_kpi .form-box.boxed .fu.support-invitations #actionFromSupporters {
      margin-bottom: 0; }
      #createForm .form-box.boxed .fu.support-invitations #actionFromSupporters .tableAboveHeader, #editaction_form .form-box.boxed .fu.support-invitations #actionFromSupporters .tableAboveHeader, #copyForm .form-box.boxed .fu.support-invitations #actionFromSupporters .tableAboveHeader, #action_kpi .form-box.boxed .fu.support-invitations #actionFromSupporters .tableAboveHeader {
        margin-top: 6px; }
#createForm .description-row, #editaction_form .description-row, #copyForm .description-row, #action_kpi .description-row {
  display: flex;
  margin-bottom: 20px; }
  #createForm .description-row .description-box:first-of-type, #editaction_form .description-row .description-box:first-of-type, #copyForm .description-row .description-box:first-of-type, #action_kpi .description-row .description-box:first-of-type {
    margin-right: 2%; }
#createForm .description-row:last-child, #editaction_form .description-row:last-child, #copyForm .description-row:last-child, #action_kpi .description-row:last-child {
  margin-bottom: 0; }
#createForm .description-box, #editaction_form .description-box, #copyForm .description-box, #action_kpi .description-box {
  width: 49%; }
  #createForm .description-box .description-box__header, #editaction_form .description-box .description-box__header, #copyForm .description-box .description-box__header, #action_kpi .description-box .description-box__header {
    display: flex;
    align-items: flex-end; }
  #createForm .description-box label, #editaction_form .description-box label, #copyForm .description-box label, #action_kpi .description-box label {
    font-size: 16px;
    font-weight: 400; }
  #createForm .description-box a, #editaction_form .description-box a, #copyForm .description-box a, #action_kpi .description-box a {
    margin-left: auto; }
  #createForm .description-box .description-container, #editaction_form .description-box .description-container, #copyForm .description-box .description-container, #action_kpi .description-box .description-container {
    margin-top: 8px;
    margin-bottom: 4px; }
    #createForm .description-box .description-container .custom-theme.fr-toolbar.fr-top, #editaction_form .description-box .description-container .custom-theme.fr-toolbar.fr-top, #copyForm .description-box .description-container .custom-theme.fr-toolbar.fr-top, #action_kpi .description-box .description-container .custom-theme.fr-toolbar.fr-top {
      top: 0;
      background-color: #f3f3f3;
      border-radius: none;
      background-clip: none;
      box-shadow: none;
      border: 1px solid #ccc;
      color: #222222;
      z-index: 1; }
    #createForm .description-box .description-container .custom-theme.fr-box.fr-basic.fr-top .fr-wrapper, #editaction_form .description-box .description-container .custom-theme.fr-box.fr-basic.fr-top .fr-wrapper, #copyForm .description-box .description-container .custom-theme.fr-box.fr-basic.fr-top .fr-wrapper, #action_kpi .description-box .description-container .custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
      border-top: 0;
      border-radius: none;
      background-clip: none;
      box-shadow: none; }
    #createForm .description-box .description-container .custom-theme.fr-box .fr-element.fr-view, #editaction_form .description-box .description-container .custom-theme.fr-box .fr-element.fr-view, #copyForm .description-box .description-container .custom-theme.fr-box .fr-element.fr-view, #action_kpi .description-box .description-container .custom-theme.fr-box .fr-element.fr-view {
      margin-right: 0;
      border: none; }
    #createForm .description-box .description-container .fr-box .fr-element.fr-view, #editaction_form .description-box .description-container .fr-box .fr-element.fr-view, #copyForm .description-box .description-container .fr-box .fr-element.fr-view, #action_kpi .description-box .description-container .fr-box .fr-element.fr-view {
      font-size: 15px;
      font-weight: 300; }
    #createForm .description-box .description-container .custom-theme .fr-wrapper .fr-placeholder, #editaction_form .description-box .description-container .custom-theme .fr-wrapper .fr-placeholder, #copyForm .description-box .description-container .custom-theme .fr-wrapper .fr-placeholder, #action_kpi .description-box .description-container .custom-theme .fr-wrapper .fr-placeholder {
      font-weight: 300;
      color: #CCC;
      line-height: 20px !important; }
#createForm .description-box.custom, #editaction_form .description-box.custom, #copyForm .description-box.custom, #action_kpi .description-box.custom {
  display: flex;
  justify-content: center;
  border-bottom: none; }
  #createForm .description-box.custom .createDescriptionButton, #editaction_form .description-box.custom .createDescriptionButton, #copyForm .description-box.custom .createDescriptionButton, #action_kpi .description-box.custom .createDescriptionButton {
    align-self: center; }
#createForm .attachFile, #editaction_form .attachFile, #copyForm .attachFile, #action_kpi .attachFile {
  margin-right: 12px; }
#createForm #fileList, #editaction_form #fileList, #copyForm #fileList, #action_kpi #fileList {
  margin-top: 2px !important; }
#createForm #feedback_requirements .tablewrap, #createForm #action_kpis .tablewrap, #editaction_form #feedback_requirements .tablewrap, #editaction_form #action_kpis .tablewrap, #copyForm #feedback_requirements .tablewrap, #copyForm #action_kpis .tablewrap, #action_kpi #feedback_requirements .tablewrap, #action_kpi #action_kpis .tablewrap {
  margin: 0;
  border: 0;
  border-radius: 0; }
#createForm #feedback_requirements .tablewrap, #editaction_form #feedback_requirements .tablewrap, #copyForm #feedback_requirements .tablewrap, #action_kpi #feedback_requirements .tablewrap {
  margin-bottom: 20px; }
#createForm #feedback_requirements .table-toolbar .delete span, #editaction_form #feedback_requirements .table-toolbar .delete span, #copyForm #feedback_requirements .table-toolbar .delete span, #action_kpi #feedback_requirements .table-toolbar .delete span {
  vertical-align: bottom; }
#createForm #feedback-requirement-table td:first-of-type span, #editaction_form #feedback-requirement-table td:first-of-type span, #copyForm #feedback-requirement-table td:first-of-type span, #action_kpi #feedback-requirement-table td:first-of-type span {
  vertical-align: text-bottom; }
#createForm #action_kpis .kpiTableAboveHeader, #editaction_form #action_kpis .kpiTableAboveHeader, #copyForm #action_kpis .kpiTableAboveHeader, #action_kpi #action_kpis .kpiTableAboveHeader {
  margin-top: -8px; }
#createForm #action_kpis #action_kpis_list > .tableAboveHeader, #editaction_form #action_kpis #action_kpis_list > .tableAboveHeader, #copyForm #action_kpis #action_kpis_list > .tableAboveHeader, #action_kpi #action_kpis #action_kpis_list > .tableAboveHeader {
  margin-bottom: 16px; }
#createForm #action_kpis .table-toolbar, #editaction_form #action_kpis .table-toolbar, #copyForm #action_kpis .table-toolbar, #action_kpi #action_kpis .table-toolbar {
  position: absolute;
  top: -24px;
  left: 23px; }
  #createForm #action_kpis .table-toolbar .delete span, #editaction_form #action_kpis .table-toolbar .delete span, #copyForm #action_kpis .table-toolbar .delete span, #action_kpi #action_kpis .table-toolbar .delete span {
    vertical-align: text-bottom; }
#createForm #action_kpis .kpiTableAboveHeader .headerHolder, #editaction_form #action_kpis .kpiTableAboveHeader .headerHolder, #copyForm #action_kpis .kpiTableAboveHeader .headerHolder, #action_kpi #action_kpis .kpiTableAboveHeader .headerHolder {
  width: calc(100% - 28px);
  left: 0;
  top: -65px; }
#createForm #action_kpis .divTable, #editaction_form #action_kpis .divTable, #copyForm #action_kpis .divTable, #action_kpi #action_kpis .divTable {
  margin-top: 36px; }
  #createForm #action_kpis .divTable .kpiTableAboveHeader p.create, #editaction_form #action_kpis .divTable .kpiTableAboveHeader p.create, #copyForm #action_kpis .divTable .kpiTableAboveHeader p.create, #action_kpi #action_kpis .divTable .kpiTableAboveHeader p.create {
    margin-top: 0; }
#createForm #action_kpis .kpiCheckboxCell span, #editaction_form #action_kpis .kpiCheckboxCell span, #copyForm #action_kpis .kpiCheckboxCell span, #action_kpi #action_kpis .kpiCheckboxCell span {
  vertical-align: text-bottom; }
#createForm #milestone-list, #createForm #feedback_requirements, #createForm #action_kpis, #editaction_form #milestone-list, #editaction_form #feedback_requirements, #editaction_form #action_kpis, #copyForm #milestone-list, #copyForm #feedback_requirements, #copyForm #action_kpis, #action_kpi #milestone-list, #action_kpi #feedback_requirements, #action_kpi #action_kpis {
  padding-bottom: 2px; }
  #createForm #milestone-list ap-milestone-table .empty .tableWrapper, #createForm #feedback_requirements ap-milestone-table .empty .tableWrapper, #createForm #action_kpis ap-milestone-table .empty .tableWrapper, #editaction_form #milestone-list ap-milestone-table .empty .tableWrapper, #editaction_form #feedback_requirements ap-milestone-table .empty .tableWrapper, #editaction_form #action_kpis ap-milestone-table .empty .tableWrapper, #copyForm #milestone-list ap-milestone-table .empty .tableWrapper, #copyForm #feedback_requirements ap-milestone-table .empty .tableWrapper, #copyForm #action_kpis ap-milestone-table .empty .tableWrapper, #action_kpi #milestone-list ap-milestone-table .empty .tableWrapper, #action_kpi #feedback_requirements ap-milestone-table .empty .tableWrapper, #action_kpi #action_kpis ap-milestone-table .empty .tableWrapper {
    display: none; }
  #createForm #milestone-list .fr.one-column, #createForm #feedback_requirements .fr.one-column, #createForm #action_kpis .fr.one-column, #editaction_form #milestone-list .fr.one-column, #editaction_form #feedback_requirements .fr.one-column, #editaction_form #action_kpis .fr.one-column, #copyForm #milestone-list .fr.one-column, #copyForm #feedback_requirements .fr.one-column, #copyForm #action_kpis .fr.one-column, #action_kpi #milestone-list .fr.one-column, #action_kpi #feedback_requirements .fr.one-column, #action_kpi #action_kpis .fr.one-column {
    min-height: 0; }
  #createForm #milestone-list .headerHolder, #createForm #feedback_requirements .headerHolder, #createForm #action_kpis .headerHolder, #editaction_form #milestone-list .headerHolder, #editaction_form #feedback_requirements .headerHolder, #editaction_form #action_kpis .headerHolder, #copyForm #milestone-list .headerHolder, #copyForm #feedback_requirements .headerHolder, #copyForm #action_kpis .headerHolder, #action_kpi #milestone-list .headerHolder, #action_kpi #feedback_requirements .headerHolder, #action_kpi #action_kpis .headerHolder {
    background-color: #EEEEEE;
    padding: 10px 14px; }
    #createForm #milestone-list .headerHolder .clear, #createForm #feedback_requirements .headerHolder .clear, #createForm #action_kpis .headerHolder .clear, #editaction_form #milestone-list .headerHolder .clear, #editaction_form #feedback_requirements .headerHolder .clear, #editaction_form #action_kpis .headerHolder .clear, #copyForm #milestone-list .headerHolder .clear, #copyForm #feedback_requirements .headerHolder .clear, #copyForm #action_kpis .headerHolder .clear, #action_kpi #milestone-list .headerHolder .clear, #action_kpi #feedback_requirements .headerHolder .clear, #action_kpi #action_kpis .headerHolder .clear {
      float: none; }
    #createForm #milestone-list .headerHolder div.new-item, #createForm #feedback_requirements .headerHolder div.new-item, #createForm #action_kpis .headerHolder div.new-item, #editaction_form #milestone-list .headerHolder div.new-item, #editaction_form #feedback_requirements .headerHolder div.new-item, #editaction_form #action_kpis .headerHolder div.new-item, #copyForm #milestone-list .headerHolder div.new-item, #copyForm #feedback_requirements .headerHolder div.new-item, #copyForm #action_kpis .headerHolder div.new-item, #action_kpi #milestone-list .headerHolder div.new-item, #action_kpi #feedback_requirements .headerHolder div.new-item, #action_kpi #action_kpis .headerHolder div.new-item {
      position: relative;
      top: -3px; }
      #createForm #milestone-list .headerHolder div.new-item > p, #createForm #feedback_requirements .headerHolder div.new-item > p, #createForm #action_kpis .headerHolder div.new-item > p, #editaction_form #milestone-list .headerHolder div.new-item > p, #editaction_form #feedback_requirements .headerHolder div.new-item > p, #editaction_form #action_kpis .headerHolder div.new-item > p, #copyForm #milestone-list .headerHolder div.new-item > p, #copyForm #feedback_requirements .headerHolder div.new-item > p, #copyForm #action_kpis .headerHolder div.new-item > p, #action_kpi #milestone-list .headerHolder div.new-item > p, #action_kpi #feedback_requirements .headerHolder div.new-item > p, #action_kpi #action_kpis .headerHolder div.new-item > p {
        height: 10px; }
    #createForm #milestone-list .headerHolder span > label, #createForm #feedback_requirements .headerHolder span > label, #createForm #action_kpis .headerHolder span > label, #editaction_form #milestone-list .headerHolder span > label, #editaction_form #feedback_requirements .headerHolder span > label, #editaction_form #action_kpis .headerHolder span > label, #copyForm #milestone-list .headerHolder span > label, #copyForm #feedback_requirements .headerHolder span > label, #copyForm #action_kpis .headerHolder span > label, #action_kpi #milestone-list .headerHolder span > label, #action_kpi #feedback_requirements .headerHolder span > label, #action_kpi #action_kpis .headerHolder span > label {
      font-size: 12px;
      font-weight: 700; }
#createForm .field-info-icon, #editaction_form .field-info-icon, #copyForm .field-info-icon, #action_kpi .field-info-icon {
  display: inline-block;
  background-image: url("/images/info-grey-viewbox.svg");
  background-position: 0 calc(50% + 6px);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
  position: relative;
  top: 1px; }
#createForm .field-info-text, #editaction_form .field-info-text, #copyForm .field-info-text, #action_kpi .field-info-text {
  display: inline-block;
  width: 280px;
  color: #808080;
  line-height: 15px;
  padding-top: 3px; }
#createForm #action_kpi_error, #editaction_form #action_kpi_error, #copyForm #action_kpi_error, #action_kpi #action_kpi_error {
  top: -67px;
  left: 0px; }
#createForm ap-milestone-quick-edit .form-box, #createForm ap-milestone-quick-add .form-box, #editaction_form ap-milestone-quick-edit .form-box, #editaction_form ap-milestone-quick-add .form-box, #copyForm ap-milestone-quick-edit .form-box, #copyForm ap-milestone-quick-add .form-box, #action_kpi ap-milestone-quick-edit .form-box, #action_kpi ap-milestone-quick-add .form-box {
  width: 800px; }
  #createForm ap-milestone-quick-edit .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) .fr .fu, #createForm ap-milestone-quick-add .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) .fr .fu, #editaction_form ap-milestone-quick-edit .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) .fr .fu, #editaction_form ap-milestone-quick-add .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) .fr .fu, #copyForm ap-milestone-quick-edit .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) .fr .fu, #copyForm ap-milestone-quick-add .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) .fr .fu, #action_kpi ap-milestone-quick-edit .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) .fr .fu, #action_kpi ap-milestone-quick-add .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) .fr .fu {
    width: 390px; }
  #createForm ap-milestone-quick-edit .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) > h3, #createForm ap-milestone-quick-add .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) > h3, #editaction_form ap-milestone-quick-edit .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) > h3, #editaction_form ap-milestone-quick-add .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) > h3, #copyForm ap-milestone-quick-edit .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) > h3, #copyForm ap-milestone-quick-add .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) > h3, #action_kpi ap-milestone-quick-edit .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) > h3, #action_kpi ap-milestone-quick-add .form-box #milestone:not(#action_kpis):not(.form-section):not(#action_kpi) > h3 {
    margin-left: 2px; }
  #createForm ap-milestone-quick-edit .form-box #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #createForm ap-milestone-quick-add .form-box #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #editaction_form ap-milestone-quick-edit .form-box #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #editaction_form ap-milestone-quick-add .form-box #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #copyForm ap-milestone-quick-edit .form-box #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #copyForm ap-milestone-quick-add .form-box #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #action_kpi ap-milestone-quick-edit .form-box #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #action_kpi ap-milestone-quick-add .form-box #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu {
    width: 32%; }
  #createForm ap-milestone-quick-edit .form-box form[name=milestoneForm] #fileListTasks .fileListItem .hoverBox div, #createForm ap-milestone-quick-add .form-box form[name=milestoneForm] #fileListTasks .fileListItem .hoverBox div, #editaction_form ap-milestone-quick-edit .form-box form[name=milestoneForm] #fileListTasks .fileListItem .hoverBox div, #editaction_form ap-milestone-quick-add .form-box form[name=milestoneForm] #fileListTasks .fileListItem .hoverBox div, #copyForm ap-milestone-quick-edit .form-box form[name=milestoneForm] #fileListTasks .fileListItem .hoverBox div, #copyForm ap-milestone-quick-add .form-box form[name=milestoneForm] #fileListTasks .fileListItem .hoverBox div, #action_kpi ap-milestone-quick-edit .form-box form[name=milestoneForm] #fileListTasks .fileListItem .hoverBox div, #action_kpi ap-milestone-quick-add .form-box form[name=milestoneForm] #fileListTasks .fileListItem .hoverBox div {
    max-width: 300px;
    word-wrap: break-word;
    white-space: normal;
    left: -200px;
    top: 20px; }
#createForm #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #editaction_form #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #copyForm #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu, #action_kpi #taskForm:not(#action_kpis):not(.form-section):not(#action_kpi) .fr.three-column .fu {
  width: 32%; }
#createForm #feedback_requirements #feedbackRequirement:not(#action_kpi):not(#action_kpis) .fr.two-column .fu, #editaction_form #feedback_requirements #feedbackRequirement:not(#action_kpi):not(#action_kpis) .fr.two-column .fu, #copyForm #feedback_requirements #feedbackRequirement:not(#action_kpi):not(#action_kpis) .fr.two-column .fu, #action_kpi #feedback_requirements #feedbackRequirement:not(#action_kpi):not(#action_kpis) .fr.two-column .fu {
  width: 278px; }
  #createForm #feedback_requirements #feedbackRequirement:not(#action_kpi):not(#action_kpis) .fr.two-column .fu:last-of-type, #editaction_form #feedback_requirements #feedbackRequirement:not(#action_kpi):not(#action_kpis) .fr.two-column .fu:last-of-type, #copyForm #feedback_requirements #feedbackRequirement:not(#action_kpi):not(#action_kpis) .fr.two-column .fu:last-of-type, #action_kpi #feedback_requirements #feedbackRequirement:not(#action_kpi):not(#action_kpis) .fr.two-column .fu:last-of-type {
    margin-right: 0; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tags-4-columns .tag-wrapper, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tags-4-columns .tag-wrapper, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tags-4-columns .tag-wrapper, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tags-4-columns .tag-wrapper {
  width: 25%; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag {
    height: auto; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .tag-name, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .tag-name, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .tag-name, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .tag-name {
      display: inline-block;
      max-width: 140px;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 3px; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTag.unattachable:hover:after, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTagCross.unattachable:hover:after, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTag.unattachable:hover:after, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTagCross.unattachable:hover:after, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTag.unattachable:hover:after, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTagCross.unattachable:hover:after, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTag.unattachable:hover:after, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTagCross.unattachable:hover:after {
      margin-top: 0; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTag:after, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTagCross:after, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTag:after, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTagCross:after, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTag:after, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTagCross:after, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTag:after, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .tag-wrapper .tag .unattachTagCross:after {
      vertical-align: top;
      margin-top: 8px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .fu.hidden, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .fu.hidden, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .fu.hidden, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .fu.hidden {
  display: none; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.three-column > div.fu, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.three-column > div.fu, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.three-column > div.fu, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.three-column > div.fu {
  width: 260px; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.three-column > div.fu:last-of-type, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.three-column > div.fu:last-of-type, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.three-column > div.fu:last-of-type, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.three-column > div.fu:last-of-type {
    width: 259px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column.fr-low, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column.fr-low, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column.fr-low, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column.fr-low {
  min-height: 20px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type {
  width: 370px; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type input, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type input, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type input, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type input {
    width: calc(100% - 8px); }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type input#ap_action_name, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type input#ap_action_name, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type input#ap_action_name, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type input#ap_action_name {
      width: calc(100% - 6px); }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type.tightwrapper, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type.tightwrapper, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type.tightwrapper, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type.tightwrapper {
    margin-right: 0;
    margin-bottom: 0; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type.tightwrapper .fu, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type.tightwrapper .fu, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type.tightwrapper .fu, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type.tightwrapper .fu {
      margin-bottom: 0; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu {
    margin-top: 0; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu.dates, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu.dates, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu.dates, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu.dates {
      margin-top: 20px; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column {
    width: 210px;
    display: inline-block; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column.right-padding, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column.right-padding, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column.right-padding, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column.right-padding {
      padding-right: 2px;
      width: 208px; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column:nth-of-type(2), #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column:nth-of-type(2), #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column:nth-of-type(2), #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column:nth-of-type(2) {
      margin-left: 47px; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column .fu, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column .fu, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column .fu, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:first-of-type .fu-two-column .fu {
      width: 200px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:nth-of-type(2), #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:nth-of-type(2), #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:nth-of-type(2), #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:nth-of-type(2) {
  width: 423px; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:nth-of-type(2) .fu, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:nth-of-type(2) .fu, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:nth-of-type(2) .fu, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column > div.fu:nth-of-type(2) .fu {
    width: 423px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates {
  margin-bottom: 0; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates > .fu, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates > .fu, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates > .fu, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates > .fu {
    margin-bottom: 0;
    width: 178px; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates > .fu:last-of-type, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates > .fu:last-of-type, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates > .fu:last-of-type, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column .fu.dates > .fu:last-of-type {
      margin-right: 0; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu {
  width: 100%; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation {
    padding: 0;
    margin: 0; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.createLink, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.createLink, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.createLink, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.createLink {
      display: inline-block;
      vertical-align: bottom;
      margin-bottom: 8px; }
      #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.createLink span, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.createLink span, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.createLink span, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.createLink span {
        top: 0; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.action-relation-remove, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.action-relation-remove, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.action-relation-remove, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation a.action-relation-remove {
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: top;
      margin-top: 3px;
      background-image: url("/images/icons/icons-delete.svg");
      background-size: 16px 16px;
      position: relative;
      right: -427px;
      top: -21px; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation .chosen-container, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation .chosen-container, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation .chosen-container, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.fu.relation .chosen-container {
      display: inline-block;
      width: 100%; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper.relation > label > label, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu.relation > label > label, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper.relation > label > label, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu.relation > label > label, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper.relation > label > label, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu.relation > label > label, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper.relation > label > label, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu.relation > label > label {
  font-weight: 700; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #parent_id_placeholder.multiple, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder.multiple, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #parent_id_placeholder.multiple, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder.multiple, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #parent_id_placeholder.multiple, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder.multiple, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #parent_id_placeholder.multiple, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder.multiple, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #parent_id_placeholder.multiple, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder.multiple, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #parent_id_placeholder.multiple, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder.multiple, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #parent_id_placeholder.multiple, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder.multiple, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #parent_id_placeholder.multiple, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder.multiple {
  display: inline-block;
  width: 424px;
  margin-bottom: 5px;
  margin-top: 3px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #parent_id_placeholder .treeIconSelect, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder .treeIconSelect, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #parent_id_placeholder .treeIconSelect, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder .treeIconSelect, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #parent_id_placeholder .treeIconSelect, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder .treeIconSelect, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #parent_id_placeholder .treeIconSelect, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder .treeIconSelect, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #parent_id_placeholder .treeIconSelect, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder .treeIconSelect, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #parent_id_placeholder .treeIconSelect, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder .treeIconSelect, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #parent_id_placeholder .treeIconSelect, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder .treeIconSelect, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #parent_id_placeholder .treeIconSelect, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder .treeIconSelect {
  width: 800px;
  border-top: 1px solid #9D9C9C; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder {
  max-width: 424px;
  display: inline-block; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder div.multiple_parent, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder div.multiple_parent, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder div.multiple_parent, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder div.multiple_parent, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder div.multiple_parent, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder div.multiple_parent, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper #multiple_parent_placeholder div.multiple_parent, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.two-column div.tightwrapper div.fu #multiple_parent_placeholder div.multiple_parent {
    display: inline-block;
    width: 424px;
    margin-bottom: 5px;
    height: 24.5px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation > label > label, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation > label > label, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation > label > label, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation > label > label {
  font-weight: 700; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation a.createLink, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation a.createLink, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation a.createLink, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation a.createLink {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 14px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation a.action-relation-remove, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation a.action-relation-remove, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation a.action-relation-remove, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation a.action-relation-remove {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-top: 6px;
  background-image: url("/images/icons/icons-delete.svg");
  background-size: 16px 16px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation .chosen-container, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation .chosen-container, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation .chosen-container, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.fu.relation .chosen-container {
  display: inline-block;
  width: 750px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper {
  margin-top: 8px;
  margin-bottom: 0; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu {
    margin-right: 2px;
    width: 798px; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #parent_id_placeholder.multiple, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder.multiple, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #parent_id_placeholder.multiple, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder.multiple, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #parent_id_placeholder.multiple, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder.multiple, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #parent_id_placeholder.multiple, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder.multiple, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #parent_id_placeholder.multiple, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder.multiple, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #parent_id_placeholder.multiple, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder.multiple, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #parent_id_placeholder.multiple, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder.multiple, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #parent_id_placeholder.multiple, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder.multiple {
      display: inline-block;
      width: 770px;
      margin-bottom: 5px; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #parent_id_placeholder .treeIconSelect, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder .treeIconSelect, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #parent_id_placeholder .treeIconSelect, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder .treeIconSelect, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #parent_id_placeholder .treeIconSelect, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder .treeIconSelect, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #parent_id_placeholder .treeIconSelect, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder .treeIconSelect, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #parent_id_placeholder .treeIconSelect, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder .treeIconSelect, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #parent_id_placeholder .treeIconSelect, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder .treeIconSelect, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #parent_id_placeholder .treeIconSelect, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder .treeIconSelect, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #parent_id_placeholder .treeIconSelect, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder .treeIconSelect {
      width: 748px; }
    #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder {
      max-width: 770px;
      display: inline-block; }
      #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder div.multiple_parent, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder div.multiple_parent, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder div.multiple_parent, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder div.multiple_parent, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder div.multiple_parent, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder div.multiple_parent, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper #multiple_parent_placeholder div.multiple_parent, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) div.one-column div.tightwrapper div.fu #multiple_parent_placeholder div.multiple_parent {
        display: inline-block;
        width: 770px;
        margin-bottom: 5px;
        margin-top: 3px;
        height: 24.5px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) #parent_action_container, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) #parent_action_container, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) #parent_action_container, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) #parent_action_container {
  min-height: 49px; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .ajaxforms_tools_link, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .taskFormBox .removeLink, .taskFormBox #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .removeLink, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .ajaxforms_tools_link, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .taskFormBox .removeLink, .taskFormBox #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .removeLink, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .ajaxforms_tools_link, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .taskFormBox .removeLink, .taskFormBox #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .removeLink, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .ajaxforms_tools_link, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .taskFormBox .removeLink, .taskFormBox #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box .removeLink {
  color: #9D9C9C; }
#createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a {
  color: #E83B83;
  font-size: 12px;
  padding-top: 3px;
  text-decoration: none; }
  #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a.ajaxforms_tools_link, #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .taskFormBox .description-box > div > a.removeLink, .taskFormBox #createForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a.removeLink, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a.ajaxforms_tools_link, #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .taskFormBox .description-box > div > a.removeLink, .taskFormBox #editaction_form > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a.removeLink, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a.ajaxforms_tools_link, #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .taskFormBox .description-box > div > a.removeLink, .taskFormBox #copyForm > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a.removeLink, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a.ajaxforms_tools_link, #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .taskFormBox .description-box > div > a.removeLink, .taskFormBox #action_kpi > div:not(#action_kpis):not(.form-section):not(#action_kpi) .description-box > div > a.removeLink {
    color: #E83B83; }
#createForm #parent_action_container .fu, #createForm #createForm .reassignContainer .fu, #editaction_form #parent_action_container .fu, #editaction_form #createForm .reassignContainer .fu, #copyForm #parent_action_container .fu, #copyForm #createForm .reassignContainer .fu, #action_kpi #parent_action_container .fu, #action_kpi #createForm .reassignContainer .fu {
  width: 798px; }
#createForm .treeIconSelect, #editaction_form .treeIconSelect, #copyForm .treeIconSelect, #action_kpi .treeIconSelect {
  right: 0; }
#createForm .tag, #editaction_form .tag, #copyForm .tag, #action_kpi .tag {
  height: 19px; }

#supportInvitationForm.form-box {
  width: 566px; }

.focusareaForm .relationHolder {
  display: inline-block;
  width: 555px; }
  .focusareaForm .relationHolder.multiple {
    width: 516px;
    margin-bottom: 5px; }
  .focusareaForm .relationHolder .realign_objective .selector-line {
    color: #000; }
.focusareaForm .createLink {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  margin-top: 1px; }
.focusareaForm a.createLink span {
  margin: 0;
  top: 4px; }
.focusareaForm a.removeLink {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
  background-image: url("/images/icons/icons-delete.svg");
  background-size: 16px 16px; }
.focusareaForm a {
  color: #E83B83; }
.focusareaForm a.changeResponsible {
  color: #303030; }
.focusareaForm .focusareaDescriptionFiles {
  margin-top: 6px;
  float: right;
  white-space: nowrap; }

a.changeRelation {
  color: #E83B83; }

.form-section {
  margin-top: 30px; }
  .form-section .tableAboveHeader.empty .headerHolder > div {
    margin-right: 15px;
    padding-top: 2px; }
  .form-section .section-headline {
    margin-top: -4px; }
  .form-section .controlsCell {
    text-align: right; }
    .form-section .controlsCell .generic-icon, .form-section .controlsCell ap-comment .comment-button, ap-comment .form-section .controlsCell .comment-button, .form-section .controlsCell ap-task-quick-edit .comment-button, ap-task-quick-edit .form-section .controlsCell .comment-button, .form-section .controlsCell ap-task-quick-add .comment-button, ap-task-quick-add .form-section .controlsCell .comment-button {
      background-size: 13px 13px;
      width: 13px;
      height: 13px;
      margin-left: 3px; }
  .form-section .kpiListTable {
    table-layout: fixed; }
    .form-section .kpiListTable .kpiTargetCell, .form-section .kpiListTable .kpiUnitCell, .form-section .kpiListTable .kpiDescCell, .form-section .kpiListTable .kpiTypeCell {
      text-align: center; }
    .form-section .kpiListTable .kpiCheckboxCell {
      width: 25px; }
    .form-section .kpiListTable .kpiNameCell {
      width: 280px; }
    .form-section .kpiListTable .kpiTargetCell {
      width: 60px; }
    .form-section .kpiListTable .kpiUnitCell {
      width: 180px; }
    .form-section .kpiListTable .kpiTypeCell {
      width: 80px; }
    .form-section .kpiListTable .chk-big + label:before, .form-section .kpiListTable .chk-big + span:before {
      top: 1px; }
    .form-section .kpiListTable thead th {
      font-size: 12px; }
  .form-section.empty {
    clear: left;
    margin: 15px 0 30px;
    border: 1px solid #ddd;
    border-radius: 12px;
    height: 36px;
    padding-top: 6px;
    background: white; }
    .form-section.empty .headerHolder > div {
      margin-right: 15px;
      padding-top: 2px; }
    .form-section.empty .showActionToggleLink {
      display: none; }

#support_invitations {
  position: relative; }

.form-data-table.empty {
  margin-top: -45px; }

#feedback-requirement-list .form-data-table.empty .tablewrap {
  margin-top: 0; }

#milestone-list .form-section p.create {
  float: right; }
#milestone-list .divTable {
  margin-bottom: 0; }
#milestone-list ap-milestone-table .block-wrapper {
  margin-bottom: 0; }

.fixedKpiTable {
  table-layout: fixed; }

.strategicGoalTable.sortable tbody td {
  word-break: normal; }

.chosen-search input {
  border-radius: 9px; }

#milestone .milestoneTasks .taskTable .taskDateCell {
  position: relative; }
#milestone .milestoneTasks .taskTable .taskCloseCross {
  position: absolute;
  right: -12px;
  top: 8px; }
#milestone .relationSelector .chosen-container img {
  margin-top: 6px; }

#email-form-loader {
  display: none; }

ap-milestone-quick-edit .chosen-container, ap-milestone-quick-add .chosen-container {
  font-size: 11px; }

.focusareaFeedbackFormSubmitPanel {
  margin-top: 5px; }
  .focusareaFeedbackFormSubmitPanel .feedbackFormSubmitPanel {
    margin-top: 0;
    margin-right: 0; }

.general-popup-holder {
  width: auto;
  margin-left: 4%; }
  .general-popup-holder.focusarea {
    margin-left: -20px; }

.defaultSkin table.mceLayout.focused:not(.disabled) {
  border: 1px solid #3AA7DD;
  box-shadow: 0 0 4px #3AA7DD;
  outline: none; }
.defaultSkin table.mceLayout.focused tr.mceLast td {
  border-bottom: 0; }
.defaultSkin table.mceLayout.focused tr.mceFirst td {
  border-top: 0; }

#companyForm .sep {
  padding-bottom: 0;
  width: 545px; }

.feedbackTarget.bulkInviteUsers {
  margin-bottom: 0;
  border-right: 0;
  border-left: 0; }

.feedbackTarget.bulkInviteUsersTableBody label > span {
  vertical-align: middle; }

.table-toolbar.fixed-selector {
  height: 23px; }
  .table-toolbar.fixed-selector p.delete {
    position: fixed; }

#uploadIcon {
  display: none; }
  #uploadIcon span {
    margin-left: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/images/loader.gif);
    background-position: 0px 0px; }

input[disabled].white-background {
  background-color: white !important; }

#businessmapEdit .fu:nth-of-type(2), #businessmapEdit .fu:nth-of-type(3) {
  margin-right: 2px; }
#businessmapEdit .fakeTinyMce {
  width: 542px; }

#perspectives-table ap-expander.triangle-expander .expander-two-colors {
  background-image: none;
  top: 6px;
  position: relative; }
  #perspectives-table ap-expander.triangle-expander .expander-two-colors.expanded {
    background-image: none;
    position: relative; }
    #perspectives-table ap-expander.triangle-expander .expander-two-colors.expanded:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 24px;
      height: 24px;
      display: inline-block;
      background-size: 24px 24px;
      background-position: 0 0; }
    #perspectives-table ap-expander.triangle-expander .expander-two-colors.expanded:after {
      background-image: url(/images/icons/arrow-down-viewbox.svg); }
  #perspectives-table ap-expander.triangle-expander .expander-two-colors:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 24px 24px;
    background-position: 0 0; }
  #perspectives-table ap-expander.triangle-expander .expander-two-colors:after {
    background-image: url(/images/icons/arrow-right-dkgrey-viewbox.svg); }

.divTable .focusareaForm .align-permissions label {
  margin-right: 5px; }
  .divTable .focusareaForm .align-permissions label input {
    margin-right: 2px; }
.divTable .focusareaForm .chosen-container-single .chosen-single {
  border: 1px solid #DDD; }
.divTable .focusareaForm .create-link {
  color: #E83B83; }

#customStringForm .fake-checkbox {
  vertical-align: top; }

#customizeForm .divTable > table label > span {
  vertical-align: text-top; }
#customizeForm ap-company-tags > .divTable .tableAboveHeader.centerHeader .createNew {
  vertical-align: baseline; }
  #customizeForm ap-company-tags > .divTable .tableAboveHeader.centerHeader .createNew span {
    vertical-align: baseline; }
#customizeForm ap-company-tags th.sortable {
  cursor: pointer; }
  #customizeForm ap-company-tags th.sortable.active::after {
    background-image: url(/images/layout/triangle-down-viewbox.svg); }
  #customizeForm ap-company-tags th.sortable.activeDesc::after {
    background-image: url(/images/layout/triangle-viewbox.svg); }
  #customizeForm ap-company-tags th.sortable::after {
    content: "";
    background-image: url(/images/layout/triangle-down-gray-viewbox.svg);
    background-position: 1px 2px;
    background-size: 14px 14px;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 2px; }

#ap_company_logo {
  vertical-align: top; }

.box-separator {
  position: relative;
  height: 2px;
  background-color: #FCFBFD;
  width: 835px;
  left: -14px; }

#createForm #supportInvitationForm div.fu, #editaction_form #supportInvitationForm div.fu, #copyForm #supportInvitationForm div.fu {
  margin: 10px 10px 10px 0;
  padding: 0;
  float: none;
  display: block; }
#createForm #supportInvitationForm .field-label, #editaction_form #supportInvitationForm .field-label, #copyForm #supportInvitationForm .field-label {
  font-weight: 400; }
#createForm #submitpanel input, #editaction_form #submitpanel input, #copyForm #submitpanel input {
  width: auto; }
#createForm #action_kpi .kpi-target-unit, #editaction_form #action_kpi .kpi-target-unit, #copyForm #action_kpi .kpi-target-unit {
  margin-right: 0;
  width: 284px; }
  #createForm #action_kpi .kpi-target-unit .milestone-target .fu, #editaction_form #action_kpi .kpi-target-unit .milestone-target .fu, #copyForm #action_kpi .kpi-target-unit .milestone-target .fu {
    width: 132px; }
#createForm #action_kpi #start_desc .fu, #editaction_form #action_kpi #start_desc .fu, #copyForm #action_kpi #start_desc .fu {
  width: 132px; }
#createForm div.fu.piDescription, #editaction_form div.fu.piDescription, #copyForm div.fu.piDescription {
  margin-top: 0; }
#createForm .kpi-name-description, #editaction_form .kpi-name-description, #copyForm .kpi-name-description {
  margin-bottom: 40px; }
#createForm #start_desc, #editaction_form #start_desc, #copyForm #start_desc {
  position: absolute;
  top: 60px; }
#createForm .chosen-container-single .chosen-single span, #editaction_form .chosen-container-single .chosen-single span, #copyForm .chosen-container-single .chosen-single span {
  margin-left: 0;
  font-size: 17px;
  color: #ccc;
  font-weight: 300;
  height: 41px;
  line-height: 37px; }
#createForm .chosen-container-single .chosen-default span, #editaction_form .chosen-container-single .chosen-default span, #copyForm .chosen-container-single .chosen-default span {
  font-size: 17px; }
#createForm .chosen-container-single .chosen-drop, #editaction_form .chosen-container-single .chosen-drop, #copyForm .chosen-container-single .chosen-drop {
  top: 42px; }
#createForm .ini_create__rolsprivacy__holder .chosen-container-single .chosen-single span, #editaction_form .ini_create__rolsprivacy__holder .chosen-container-single .chosen-single span, #copyForm .ini_create__rolsprivacy__holder .chosen-container-single .chosen-single span {
  color: #303030;
  font-weight: 400; }
#createForm .ini_create__rolsprivacy__holder.meeting_action .profile-selector-line.selector-line, #editaction_form .ini_create__rolsprivacy__holder.meeting_action .profile-selector-line.selector-line, #copyForm .ini_create__rolsprivacy__holder.meeting_action .profile-selector-line.selector-line {
  width: 260px; }
#createForm .ini_create__rolsprivacy__holder.meeting_action.team_meeting, #editaction_form .ini_create__rolsprivacy__holder.meeting_action.team_meeting, #copyForm .ini_create__rolsprivacy__holder.meeting_action.team_meeting {
  padding-bottom: 10px; }
#createForm .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #editaction_form .ini_create__rolsprivacy__holder .profile-selector-line.selector-line, #copyForm .ini_create__rolsprivacy__holder .profile-selector-line.selector-line {
  width: 370px;
  height: 41px;
  line-height: 37px;
  font-size: 17px;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  margin-top: 0; }
  #createForm .ini_create__rolsprivacy__holder .profile-selector-line.selector-line .arrow_select, #editaction_form .ini_create__rolsprivacy__holder .profile-selector-line.selector-line .arrow_select, #copyForm .ini_create__rolsprivacy__holder .profile-selector-line.selector-line .arrow_select {
    top: 16px;
    right: 11px; }
#createForm .ini_create__rolsprivacy__holder .profile-tree-selector .list-tree-selector, #editaction_form .ini_create__rolsprivacy__holder .profile-tree-selector .list-tree-selector, #copyForm .ini_create__rolsprivacy__holder .profile-tree-selector .list-tree-selector {
  width: 368px;
  margin-top: -1px; }

#focusareaInfo {
  display: inline-block;
  vertical-align: top;
  width: 800px; }
  #focusareaInfo dl {
    width: 571px;
    display: inline-block;
    vertical-align: top; }

.focusareaFeedbackButton {
  display: inline-block;
  vertical-align: top; }
  .focusareaFeedbackButton a.action_button {
    float: none; }

.view_user #submitpanel {
  text-align: left; }

.fr.names-row .fu:nth-of-type(2) {
  width: 187px; }
.fr.names-row .fu:nth-of-type(3) {
  width: 272px; }

#status-form .completionPercentage ul li {
  display: inline-block;
  margin-right: 20px; }
#status-form .completionPercentage .completion-image {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 12px 0 8px;
  vertical-align: middle;
  position: relative; }
  #status-form .completionPercentage .completion-image:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: 28px 28px;
    background-position: 0 0; }
#status-form .completionPercentage li.completion-0 .completion-image:after {
  background-image: url("/images/icons/complete/complete_0.svg"); }
#status-form .completionPercentage li.completion-25 .completion-image:after {
  background-image: url("/images/icons/complete/complete_25.svg"); }
#status-form .completionPercentage li.completion-50 .completion-image:after {
  background-image: url("/images/icons/complete/complete_50.svg"); }
#status-form .completionPercentage li.completion-75 .completion-image:after {
  background-image: url("/images/icons/complete/complete_75.svg"); }
#status-form .completionPercentage li.completion-100 .completion-image:after {
  background-image: url("/images/icons/complete/complete_100.svg"); }
#status-form .completionPercentage .radio-text {
  vertical-align: middle; }
#status-form .completionPercentage input {
  vertical-align: middle; }

.descriptions .description-box.custom a.createLink span:after {
  background-image: url(/images/icons/plus-filled-viewbox.svg); }

.taskFormBox {
  padding: 0 !important; }

#taskForm .fz15 {
  font-size: 15px; }
#taskForm .required {
  font-size: 1rem; }
#taskForm .comment__create__email,
#taskForm .comment__create__make_private,
#taskForm .comment__create__attach_file {
  line-height: 12px; }
#taskForm .comment__create__attach_file a.upload .icon-attach {
  font-size: 10px; }
#taskForm .commentCheckboxLabel {
  border: 1px solid #808080;
  display: flex;
  width: 130px;
  border-radius: 12px;
  height: 22px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 0 15px 0 0;
  margin-right: 15px; }
  #taskForm .commentCheckboxLabel.comment-label {
    width: 145px; }
  #taskForm .commentCheckboxLabel.push2EmailCheckbox, #taskForm .commentCheckboxLabel.privacy-checkbox {
    border: none;
    display: inline-block;
    width: unset;
    border-radius: unset;
    height: unset;
    align-items: unset;
    justify-content: unset;
    background-color: unset;
    padding: unset;
    margin-right: 5px;
    vertical-align: middle; }
#taskForm .coment-btn .commentCheckboxLabel {
  padding-right: 0; }
#taskForm .commentCheckboxLabel:hover {
  border: 1px solid #E83B83; }
  #taskForm .commentCheckboxLabel:hover .icon-priority {
    background-image: url(/images/icons/priority-active.svg); }
  #taskForm .commentCheckboxLabel:hover .icon-private {
    background-image: url(/images/icons/privacy-icon-separate-pink.svg); }
#taskForm .commentCheckboxLabel.active {
  border: 1px solid #E83B83; }
  #taskForm .commentCheckboxLabel.active .icon-priority {
    background-image: url(/images/icons/priority-active.svg); }
  #taskForm .commentCheckboxLabel.active .icon-private {
    background-image: url(/images/icons/privacy-icon-separate-pink.svg); }
#taskForm .commentCheckboxLabel.active:hover {
  border: 1px solid #808080; }
  #taskForm .commentCheckboxLabel.active:hover .icon-priority {
    background-image: url(/images/icons/priority-ltgrey.svg); }
  #taskForm .commentCheckboxLabel.active:hover .icon-private {
    background-image: url(/images/icons/privacy-icon-separate-grey.svg); }
#taskForm .ini_create__info_block__holder {
  margin: 30px 0 0 0; }
#taskForm .input_h .ini_create__input_holder input {
  height: 42px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #E6E6E6;
  border-radius: 0;
  width: 100%;
  font-size: 17px;
  font-weight: 300;
  padding-bottom: 6px; }
#taskForm .selector-line.profile-selector-line {
  width: 100%; }

/* new css added for add new action layout */
#taskForm.new-action-form, #giveFeedBackForm, #support_dialog, #soloUserWelcomeForm, #userWelcomeForm {
  /* Added new CSS for Font fixes */ }
  #taskForm.new-action-form .field-label, #giveFeedBackForm .field-label, #support_dialog .field-label, #soloUserWelcomeForm .field-label, #userWelcomeForm .field-label {
    font-size: 11px;
    font-weight: 400;
    color: #2F3941;
    text-transform: uppercase; }
    #taskForm.new-action-form .field-label.disable, #giveFeedBackForm .field-label.disable, #support_dialog .field-label.disable, #soloUserWelcomeForm .field-label.disable, #userWelcomeForm .field-label.disable {
      color: #ACACAC; }
  #taskForm.new-action-form .taskName, #giveFeedBackForm .taskName, #support_dialog .taskName, #soloUserWelcomeForm .taskName, #userWelcomeForm .taskName {
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    border: none;
    border-bottom: 1px solid #E6E6E6;
    height: 18px;
    padding: 7px 0; }
    #taskForm.new-action-form .taskName:focus, #giveFeedBackForm .taskName:focus, #support_dialog .taskName:focus, #soloUserWelcomeForm .taskName:focus, #userWelcomeForm .taskName:focus {
      box-shadow: none;
      border: none;
      border-bottom: 1px solid #E6E6E6; }
  #taskForm.new-action-form .taskName::placeholder, #giveFeedBackForm .taskName::placeholder, #support_dialog .taskName::placeholder, #soloUserWelcomeForm .taskName::placeholder, #userWelcomeForm .taskName::placeholder {
    color: #acacac; }
  #taskForm.new-action-form .attachFile, #giveFeedBackForm .attachFile, #support_dialog .attachFile, #soloUserWelcomeForm .attachFile, #userWelcomeForm .attachFile {
    font-size: 12px;
    font-weight: 400;
    color: #121212; }
  #taskForm.new-action-form .input_h .ini_create__input_holder input, #taskForm.new-action-form .input_h .ini_create__input_holder .custom-fr-input .fr-box, #giveFeedBackForm .input_h .ini_create__input_holder input, #giveFeedBackForm .input_h .ini_create__input_holder .custom-fr-input .fr-box, #support_dialog .input_h .ini_create__input_holder input, #support_dialog .input_h .ini_create__input_holder .custom-fr-input .fr-box, #soloUserWelcomeForm .input_h .ini_create__input_holder input, #soloUserWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box, #userWelcomeForm .input_h .ini_create__input_holder input, #userWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box {
    height: 30px;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 0;
    border-bottom: 2px solid #dadada; }
    #taskForm.new-action-form .input_h .ini_create__input_holder input.topic, #taskForm.new-action-form .input_h .ini_create__input_holder .custom-fr-input .fr-box.topic, #giveFeedBackForm .input_h .ini_create__input_holder input.topic, #giveFeedBackForm .input_h .ini_create__input_holder .custom-fr-input .fr-box.topic, #support_dialog .input_h .ini_create__input_holder input.topic, #support_dialog .input_h .ini_create__input_holder .custom-fr-input .fr-box.topic, #soloUserWelcomeForm .input_h .ini_create__input_holder input.topic, #soloUserWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box.topic, #userWelcomeForm .input_h .ini_create__input_holder input.topic, #userWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box.topic {
      margin-top: 5px; }
  #taskForm.new-action-form .input_h .ini_create__input_holder input.customDateInput, #giveFeedBackForm .input_h .ini_create__input_holder input.customDateInput, #support_dialog .input_h .ini_create__input_holder input.customDateInput, #soloUserWelcomeForm .input_h .ini_create__input_holder input.customDateInput, #userWelcomeForm .input_h .ini_create__input_holder input.customDateInput {
    padding-left: 0;
    height: 29px; }
  #taskForm.new-action-form .input_h .ini_create__input_holder .custom-fr-input .fr-box, #giveFeedBackForm .input_h .ini_create__input_holder .custom-fr-input .fr-box, #support_dialog .input_h .ini_create__input_holder .custom-fr-input .fr-box, #soloUserWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box, #userWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box {
    min-height: 23px;
    height: auto;
    top: 8px; }
    #taskForm.new-action-form .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view, #giveFeedBackForm .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view, #support_dialog .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view, #soloUserWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view, #userWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view {
      border: none;
      margin-right: 0;
      padding: 0; }
      #taskForm.new-action-form .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view p, #giveFeedBackForm .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view p, #support_dialog .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view p, #soloUserWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view p, #userWelcomeForm .input_h .ini_create__input_holder .custom-fr-input .fr-box .fr-element.fr-view p {
        margin: 0; }
  #taskForm.new-action-form .input_h .ini_create__input_holder input.customDateInput, #giveFeedBackForm .input_h .ini_create__input_holder input.customDateInput, #support_dialog .input_h .ini_create__input_holder input.customDateInput, #soloUserWelcomeForm .input_h .ini_create__input_holder input.customDateInput, #userWelcomeForm .input_h .ini_create__input_holder input.customDateInput {
    border-bottom: 1px solid #E6E6E6;
    font-size: 15px;
    color: #121212;
    font-weight: 400; }
  #taskForm.new-action-form .input_h .ini_create__input_holder input.customDateInput::placeholder, #giveFeedBackForm .input_h .ini_create__input_holder input.customDateInput::placeholder, #support_dialog .input_h .ini_create__input_holder input.customDateInput::placeholder, #soloUserWelcomeForm .input_h .ini_create__input_holder input.customDateInput::placeholder, #userWelcomeForm .input_h .ini_create__input_holder input.customDateInput::placeholder {
    color: #acacac; }
  #taskForm.new-action-form .ini_create__info_block__holder, #giveFeedBackForm .ini_create__info_block__holder, #support_dialog .ini_create__info_block__holder, #soloUserWelcomeForm .ini_create__info_block__holder, #userWelcomeForm .ini_create__info_block__holder {
    margin: 10px 0 0 0; }
  #taskForm.new-action-form #taskFormContent .quick-checkboxes, #giveFeedBackForm #taskFormContent .quick-checkboxes, #support_dialog #taskFormContent .quick-checkboxes, #soloUserWelcomeForm #taskFormContent .quick-checkboxes, #userWelcomeForm #taskFormContent .quick-checkboxes {
    padding: 25px 0 10px 0;
    margin: 0px; }
  #taskForm.new-action-form #taskFormContent .coment-content, #giveFeedBackForm #taskFormContent .coment-content, #support_dialog #taskFormContent .coment-content, #soloUserWelcomeForm #taskFormContent .coment-content, #userWelcomeForm #taskFormContent .coment-content {
    margin-top: 10px; }
  #taskForm.new-action-form #taskFormContent .wrap-left.topic .coment-content, #giveFeedBackForm #taskFormContent .wrap-left.topic .coment-content, #support_dialog #taskFormContent .wrap-left.topic .coment-content, #soloUserWelcomeForm #taskFormContent .wrap-left.topic .coment-content, #userWelcomeForm #taskFormContent .wrap-left.topic .coment-content {
    margin-top: 0; }
  #taskForm.new-action-form #taskFormContent #fileListTasks .text-files, #giveFeedBackForm #taskFormContent #fileListTasks .text-files, #support_dialog #taskFormContent #fileListTasks .text-files, #soloUserWelcomeForm #taskFormContent #fileListTasks .text-files, #userWelcomeForm #taskFormContent #fileListTasks .text-files {
    font-size: 12px;
    font-weight: 400;
    color: #121212; }
  #taskForm.new-action-form .commentCheckboxLabel, #giveFeedBackForm .commentCheckboxLabel, #support_dialog .commentCheckboxLabel, #soloUserWelcomeForm .commentCheckboxLabel, #userWelcomeForm .commentCheckboxLabel {
    height: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #cccccc;
    border: 1px solid #bbbbbb; }
    #taskForm.new-action-form .commentCheckboxLabel.push2EmailCheckbox, #taskForm.new-action-form .commentCheckboxLabel.privacy-checkbox, #giveFeedBackForm .commentCheckboxLabel.push2EmailCheckbox, #giveFeedBackForm .commentCheckboxLabel.privacy-checkbox, #support_dialog .commentCheckboxLabel.push2EmailCheckbox, #support_dialog .commentCheckboxLabel.privacy-checkbox, #soloUserWelcomeForm .commentCheckboxLabel.push2EmailCheckbox, #soloUserWelcomeForm .commentCheckboxLabel.privacy-checkbox, #userWelcomeForm .commentCheckboxLabel.push2EmailCheckbox, #userWelcomeForm .commentCheckboxLabel.privacy-checkbox {
      height: unset;
      font-size: 10px;
      font-weight: unset;
      color: #808080;
      border: none; }
      #taskForm.new-action-form .commentCheckboxLabel.push2EmailCheckbox.active, #taskForm.new-action-form .commentCheckboxLabel.privacy-checkbox.active, #giveFeedBackForm .commentCheckboxLabel.push2EmailCheckbox.active, #giveFeedBackForm .commentCheckboxLabel.privacy-checkbox.active, #support_dialog .commentCheckboxLabel.push2EmailCheckbox.active, #support_dialog .commentCheckboxLabel.privacy-checkbox.active, #soloUserWelcomeForm .commentCheckboxLabel.push2EmailCheckbox.active, #soloUserWelcomeForm .commentCheckboxLabel.privacy-checkbox.active, #userWelcomeForm .commentCheckboxLabel.push2EmailCheckbox.active, #userWelcomeForm .commentCheckboxLabel.privacy-checkbox.active {
        border: none;
        background: unset; }
        #taskForm.new-action-form .commentCheckboxLabel.push2EmailCheckbox.active:hover, #taskForm.new-action-form .commentCheckboxLabel.privacy-checkbox.active:hover, #giveFeedBackForm .commentCheckboxLabel.push2EmailCheckbox.active:hover, #giveFeedBackForm .commentCheckboxLabel.privacy-checkbox.active:hover, #support_dialog .commentCheckboxLabel.push2EmailCheckbox.active:hover, #support_dialog .commentCheckboxLabel.privacy-checkbox.active:hover, #soloUserWelcomeForm .commentCheckboxLabel.push2EmailCheckbox.active:hover, #soloUserWelcomeForm .commentCheckboxLabel.privacy-checkbox.active:hover, #userWelcomeForm .commentCheckboxLabel.push2EmailCheckbox.active:hover, #userWelcomeForm .commentCheckboxLabel.privacy-checkbox.active:hover {
          color: #808080; }
      #taskForm.new-action-form .commentCheckboxLabel.push2EmailCheckbox:hover, #taskForm.new-action-form .commentCheckboxLabel.privacy-checkbox:hover, #giveFeedBackForm .commentCheckboxLabel.push2EmailCheckbox:hover, #giveFeedBackForm .commentCheckboxLabel.privacy-checkbox:hover, #support_dialog .commentCheckboxLabel.push2EmailCheckbox:hover, #support_dialog .commentCheckboxLabel.privacy-checkbox:hover, #soloUserWelcomeForm .commentCheckboxLabel.push2EmailCheckbox:hover, #soloUserWelcomeForm .commentCheckboxLabel.privacy-checkbox:hover, #userWelcomeForm .commentCheckboxLabel.push2EmailCheckbox:hover, #userWelcomeForm .commentCheckboxLabel.privacy-checkbox:hover {
        color: #E83B83; }
    #taskForm.new-action-form .commentCheckboxLabel.locked, #giveFeedBackForm .commentCheckboxLabel.locked, #support_dialog .commentCheckboxLabel.locked, #soloUserWelcomeForm .commentCheckboxLabel.locked, #userWelcomeForm .commentCheckboxLabel.locked {
      pointer-events: none; }
    #taskForm.new-action-form .commentCheckboxLabel.active, #giveFeedBackForm .commentCheckboxLabel.active, #support_dialog .commentCheckboxLabel.active, #soloUserWelcomeForm .commentCheckboxLabel.active, #userWelcomeForm .commentCheckboxLabel.active {
      border: 1px solid #e93b83;
      color: #e93b83;
      background: #fef6f9; }
    #taskForm.new-action-form .commentCheckboxLabel .icon-priority, #giveFeedBackForm .commentCheckboxLabel .icon-priority, #support_dialog .commentCheckboxLabel .icon-priority, #soloUserWelcomeForm .commentCheckboxLabel .icon-priority, #userWelcomeForm .commentCheckboxLabel .icon-priority {
      background-size: 27px 27px;
      background-position: 3px 3px; }
    #taskForm.new-action-form .commentCheckboxLabel .icon-private, #giveFeedBackForm .commentCheckboxLabel .icon-private, #support_dialog .commentCheckboxLabel .icon-private, #soloUserWelcomeForm .commentCheckboxLabel .icon-private, #userWelcomeForm .commentCheckboxLabel .icon-private {
      background-size: 27px 27px;
      background-position: 3px 2px; }
  #taskForm.new-action-form .fileListItem img.icon-attach-pin, #giveFeedBackForm .fileListItem img.icon-attach-pin, #support_dialog .fileListItem img.icon-attach-pin, #soloUserWelcomeForm .fileListItem img.icon-attach-pin, #userWelcomeForm .fileListItem img.icon-attach-pin {
    top: 0;
    left: -17px;
    position: absolute; }
  #taskForm.new-action-form .fileListItem .file-name-txt, #giveFeedBackForm .fileListItem .file-name-txt, #support_dialog .fileListItem .file-name-txt, #soloUserWelcomeForm .fileListItem .file-name-txt, #userWelcomeForm .fileListItem .file-name-txt {
    font-size: 13px;
    color: black;
    padding: 4px;
    line-height: 1;
    max-width: 175px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-top; }
  #taskForm.new-action-form .selector-line.alignment-selector-line, #giveFeedBackForm .selector-line.alignment-selector-line, #support_dialog .selector-line.alignment-selector-line, #soloUserWelcomeForm .selector-line.alignment-selector-line, #userWelcomeForm .selector-line.alignment-selector-line {
    height: 30px;
    line-height: 32px;
    font-size: 15px;
    color: #121212;
    font-weight: 400;
    border-bottom: 1px solid #E6E6E6;
    margin: 0;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #taskForm.new-action-form .selector-line.alignment-selector-line.placeholder, #giveFeedBackForm .selector-line.alignment-selector-line.placeholder, #support_dialog .selector-line.alignment-selector-line.placeholder, #soloUserWelcomeForm .selector-line.alignment-selector-line.placeholder, #userWelcomeForm .selector-line.alignment-selector-line.placeholder {
      color: #acacac;
      height: 30px; }
    #taskForm.new-action-form .selector-line.alignment-selector-line .crossForAlignTo, #giveFeedBackForm .selector-line.alignment-selector-line .crossForAlignTo, #support_dialog .selector-line.alignment-selector-line .crossForAlignTo, #soloUserWelcomeForm .selector-line.alignment-selector-line .crossForAlignTo, #userWelcomeForm .selector-line.alignment-selector-line .crossForAlignTo {
      background-size: 15px 15px;
      width: 15px;
      height: 15px;
      background-image: url(/images/icons/icons-plus.svg);
      transform: rotate(45deg);
      position: absolute;
      right: 25px;
      top: 12px; }
      #taskForm.new-action-form .selector-line.alignment-selector-line .crossForAlignTo.cursor-pointer, #giveFeedBackForm .selector-line.alignment-selector-line .crossForAlignTo.cursor-pointer, #support_dialog .selector-line.alignment-selector-line .crossForAlignTo.cursor-pointer, #soloUserWelcomeForm .selector-line.alignment-selector-line .crossForAlignTo.cursor-pointer, #userWelcomeForm .selector-line.alignment-selector-line .crossForAlignTo.cursor-pointer {
        cursor: pointer; }
  #taskForm.new-action-form.topic .alignment-selector-line, #giveFeedBackForm.topic .alignment-selector-line, #support_dialog.topic .alignment-selector-line, #soloUserWelcomeForm.topic .alignment-selector-line, #userWelcomeForm.topic .alignment-selector-line {
    margin-top: 3px; }
  #taskForm.new-action-form .removeLink, #taskForm.new-action-form .calendar, #giveFeedBackForm .removeLink, #giveFeedBackForm .calendar, #support_dialog .removeLink, #support_dialog .calendar, #soloUserWelcomeForm .removeLink, #soloUserWelcomeForm .calendar, #userWelcomeForm .removeLink, #userWelcomeForm .calendar {
    top: 30px;
    background-size: 15px 15px;
    width: 15px;
    height: 15px; }
    #taskForm.new-action-form .removeLink.remove-action-log-alignment, #taskForm.new-action-form .calendar.remove-action-log-alignment, #giveFeedBackForm .removeLink.remove-action-log-alignment, #giveFeedBackForm .calendar.remove-action-log-alignment, #support_dialog .removeLink.remove-action-log-alignment, #support_dialog .calendar.remove-action-log-alignment, #soloUserWelcomeForm .removeLink.remove-action-log-alignment, #soloUserWelcomeForm .calendar.remove-action-log-alignment, #userWelcomeForm .removeLink.remove-action-log-alignment, #userWelcomeForm .calendar.remove-action-log-alignment {
      top: 0;
      right: 15px; }
  #taskForm.new-action-form .col_30 .calendar, #taskForm.new-action-form .col_30 .removeLink, #giveFeedBackForm .col_30 .calendar, #giveFeedBackForm .col_30 .removeLink, #support_dialog .col_30 .calendar, #support_dialog .col_30 .removeLink, #soloUserWelcomeForm .col_30 .calendar, #soloUserWelcomeForm .col_30 .removeLink, #userWelcomeForm .col_30 .calendar, #userWelcomeForm .col_30 .removeLink {
    top: 23px; }
  #taskForm.new-action-form .profile-tree-selector .list-tree-selector, #giveFeedBackForm .profile-tree-selector .list-tree-selector, #support_dialog .profile-tree-selector .list-tree-selector, #soloUserWelcomeForm .profile-tree-selector .list-tree-selector, #userWelcomeForm .profile-tree-selector .list-tree-selector {
    border-top: none; }
    #taskForm.new-action-form .profile-tree-selector .list-tree-selector ul li .list-item::before, #giveFeedBackForm .profile-tree-selector .list-tree-selector ul li .list-item::before, #support_dialog .profile-tree-selector .list-tree-selector ul li .list-item::before, #soloUserWelcomeForm .profile-tree-selector .list-tree-selector ul li .list-item::before, #userWelcomeForm .profile-tree-selector .list-tree-selector ul li .list-item::before {
      display: none; }
  #taskForm.new-action-form .alignment-tree-selector .list-tree-search .list-tree-search-icon, #giveFeedBackForm .alignment-tree-selector .list-tree-search .list-tree-search-icon, #support_dialog .alignment-tree-selector .list-tree-search .list-tree-search-icon, #soloUserWelcomeForm .alignment-tree-selector .list-tree-search .list-tree-search-icon, #userWelcomeForm .alignment-tree-selector .list-tree-search .list-tree-search-icon {
    top: 18px;
    right: 29px; }
  #taskForm.new-action-form .action_due_date, #giveFeedBackForm .action_due_date, #support_dialog .action_due_date, #soloUserWelcomeForm .action_due_date, #userWelcomeForm .action_due_date {
    position: relative;
    bottom: 1px; }
  #taskForm.new-action-form.center-align, #giveFeedBackForm.center-align, #support_dialog.center-align, #soloUserWelcomeForm.center-align, #userWelcomeForm.center-align {
    top: 240px; }

.taskForm-content .content {
  background: url("/images/background_image.jpg") left top;
  padding: 15px 25px; }
  .taskForm-content .content.actionLogEdit {
    padding-bottom: 25px; }
.taskForm-content .taskBackgroundWidth {
  width: 845px; }
.taskForm-content .removeLink, .taskForm-content .calendar {
  background-image: url(/images/icons/icons-plus.svg);
  transform: rotate(45deg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 35px;
  right: 0;
  background-size: 20px 20px; }
.taskForm-content .calendar {
  background-image: url(/images/icons/calendar2.png);
  transform: rotate(0deg); }
.taskForm-content .icon-priority, .taskForm-content .icon-private {
  width: 20px;
  height: 20px;
  margin-right: 0.5rem;
  background-image: url(/images/icons/priority-ltgrey.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 6px 6px; }
.taskForm-content .icon-private {
  background-image: url(/images/icons/privacy-icon-separate-grey.svg);
  background-position: 6px 5px; }
.taskForm-content ap-profile-tree-selector > .profile-tree-selector {
  position: relative; }
.taskForm-content ap-profile-tree-selector .selector-line.profile-selector-line {
  width: 100%; }
.taskForm-content ap-profile-tree-selector .list-tree-selector ul li .list-item::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  border-left: 1px solid #EEEEEE;
  position: absolute;
  top: -20px;
  left: -10px; }
.taskForm-content ap-profile-tree-selector .list-tree-selector .list-search-results .highlight {
  background-color: inherit;
  color: #E83B83;
  font-weight: bold; }
.taskForm-content ap-profile-tree-selector .list-tree-selector {
  width: calc(100% - -18px ); }
.taskForm-content .quick-checkboxes {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin: 40px 0 30px 0;
  padding-bottom: 10px; }
  .taskForm-content .quick-checkboxes .wrap-left, .taskForm-content .quick-checkboxes .wrap-right {
    width: 50%;
    display: flex; }
  .taskForm-content .quick-checkboxes .wrap-left.solo-free, .taskForm-content .quick-checkboxes .wrap-left.topic {
    width: 60%; }
  .taskForm-content .quick-checkboxes .wrap-right.solo-free, .taskForm-content .quick-checkboxes .wrap-right.topic {
    width: 40%; }
.taskForm-content .comment-add {
  margin-top: 20px; }
.taskForm-content .comment_holder .fr-box .fr-wrapper {
  background-color: #fff; }
.taskForm-content .commentInput {
  font-size: 13px;
  font-weight: 400;
  color: #121212;
  width: 98%;
  height: 20px;
  border: 1px solid #E6E6E6;
  padding-left: 15px; }
  .taskForm-content .commentInput.action_comment_box {
    padding: 3px 6px; }
.taskForm-content .commentInput::placeholder {
  color: #ACACAC; }
.taskForm-content .text-files {
  height: 40px;
  display: flex;
  align-items: flex-end;
  font-size: 13px;
  width: 200px;
  margin-bottom: 5px; }
.taskForm-content .edit-action-history-content {
  border-top: 2px solid #EEEEEE;
  padding-top: 20px; }
.taskForm-content .btn-history {
  margin-bottom: 20px; }
.taskForm-content .edit-action-history-wrap {
  width: 100%;
  display: flex;
  min-height: 200px;
  border: 1px solid #EEEEEE;
  border-radius: 12px; }
.taskForm-content .add_alignment {
  font-size: 11px;
  text-transform: uppercase; }
  .taskForm-content .add_alignment .alignement_plus > span {
    background-image: url(/images/icons/more-options-grey.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    opacity: 0.5;
    top: -1px;
    margin-right: 6px; }
  .taskForm-content .add_alignment .alignement_plus {
    color: #ACACAC; }
.taskForm-content .ini_create__input_holder.add_alignment {
  margin-top: 22px;
  margin-left: 50px; }

.kpiForm-content .content {
  background: url("/images/background_image.jpg") left top;
  padding: 15px 25px; }

#addKpiDialog .kpi_create__info_block__holder {
  border-radius: 4px;
  margin: 5px 0;
  position: relative;
  border: 1px solid #D2D2D2;
  box-sizing: border-box;
  background: #fff; }
  #addKpiDialog .kpi_create__info_block__holder .kpi-col {
    display: inline-flex;
    padding: 9px;
    vertical-align: middle;
    margin: 0; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col h4 {
      margin-right: -5px;
      font-size: 11px;
      font-weight: 400;
      color: #2F3941;
      text-transform: uppercase; }
      #addKpiDialog .kpi_create__info_block__holder .kpi-col h4 span {
        color: #E63C83; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col.col-name {
      width: 240px; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col.col-type {
      width: 190px; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col.col-baseline {
      width: 80px; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col.col-target {
      width: 80px; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col.col-unit {
      width: 100px; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col.kpi-description {
      width: 800px;
      display: flex; }
      #addKpiDialog .kpi_create__info_block__holder .kpi-col.kpi-description .fr-box {
        flex: 1; }
        #addKpiDialog .kpi_create__info_block__holder .kpi-col.kpi-description .fr-box .fr-element.fr-view {
          margin-right: 0;
          border-radius: 0;
          border: 1px solid #ccc;
          font-size: 11px; }
          #addKpiDialog .kpi_create__info_block__holder .kpi-col.kpi-description .fr-box .fr-element.fr-view p {
            word-break: break-word; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col.col-option {
      flex: 1;
      justify-content: flex-end; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col input {
      width: 100%;
      outline: none;
      padding: 5px 8px;
      border-radius: 0;
      border: 1px solid #ccc; }
      #addKpiDialog .kpi_create__info_block__holder .kpi-col input:focus {
        box-shadow: none; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col .hideDescription {
      display: flex;
      align-items: center;
      margin-left: 24px; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col .chosen-search {
      display: none; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col .chzn-container.chzn-container-single, #addKpiDialog .kpi_create__info_block__holder .kpi-col angular-chosen-nojquery {
      width: 100%; }
    #addKpiDialog .kpi_create__info_block__holder .kpi-col ap-controls > .controls-box > .controls-link {
      vertical-align: middle;
      width: 25px;
      height: 25px; }
      #addKpiDialog .kpi_create__info_block__holder .kpi-col ap-controls > .controls-box > .controls-link:after {
        background-size: 100%;
        width: 25px;
        height: 25px; }
  #addKpiDialog .kpi_create__info_block__holder .row:first-child {
    border-bottom: 1px solid #ccc; }
  #addKpiDialog .kpi_create__info_block__holder .row {
    padding: 8px;
    display: flex; }

.create-milestone .freeSubmitPanel, .taskForm-content .freeSubmitPanel {
  margin: 22px 25px 0px 25px; }
.create-milestone .taskName, .taskForm-content .taskName {
  width: calc(100% - 6px); }

.background-milestone-overlay .field-label {
  font-size: 11px;
  font-weight: 400;
  color: #2F3941;
  text-transform: uppercase; }
.background-milestone-overlay #task-list.milestoneTasks .tableHeader {
  font-size: 10px;
  font-weight: 300;
  color: #acacac; }
.background-milestone-overlay #task-list.milestoneTasks .inlineTaskRow .mainContent {
  color: #121212;
  font-weight: 400;
  font-size: 10px; }
  .background-milestone-overlay #task-list.milestoneTasks .inlineTaskRow .mainContent .task-name {
    font-size: 13px;
    font-weight: 400;
    color: #121212; }
  .background-milestone-overlay #task-list.milestoneTasks .inlineTaskRow .mainContent .tableRoleCell {
    color: #121212;
    font-weight: 400;
    font-size: 10px; }

#milestone.new-milestone-form {
  /* Added new CSS for Font fixes */ }
  #milestone.new-milestone-form .field-label {
    font-size: 11px;
    font-weight: 400;
    color: #2F3941;
    text-transform: uppercase; }
    #milestone.new-milestone-form .field-label.disable {
      color: #ACACAC; }
  #milestone.new-milestone-form .taskName {
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    border: none;
    border-bottom: 1px solid #E6E6E6;
    height: 18px;
    padding: 7px 0; }
    #milestone.new-milestone-form .taskName:focus {
      box-shadow: none;
      border: none;
      border-bottom: 1px solid #E6E6E6; }
  #milestone.new-milestone-form .taskName::placeholder {
    color: #acacac; }
  #milestone.new-milestone-form .desc-section .milestone-description-block .field-label {
    font-weight: 400;
    color: #121212;
    font-size: 15px; }
  #milestone.new-milestone-form .desc-section .milestone-description-block .fr-element.fr-view {
    font-size: 15px;
    font-weight: 400;
    color: #121212; }
  #milestone.new-milestone-form .ini_create__input_holder input.customDateInput, #milestone.new-milestone-form input#milestone-start-date {
    border-bottom: 1px solid #E6E6E6;
    font-size: 15px;
    color: #121212;
    font-weight: 400; }
  #milestone.new-milestone-form input#milestone-start-date[disabled] {
    background-color: transparent; }
  #milestone.new-milestone-form .ini_create__input_holder input.customDateInput::placeholder {
    color: #acacac; }
  #milestone.new-milestone-form .removeLink, #milestone.new-milestone-form .calendar {
    top: 20px; }
  #milestone.new-milestone-form .selector-line.alignment-selector-line {
    height: 30px;
    line-height: 32px;
    font-size: 15px;
    color: #121212;
    font-weight: 400;
    border-bottom: 1px solid #E6E6E6;
    margin: 0;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #milestone.new-milestone-form .selector-line.alignment-selector-line.placeholder {
      color: #acacac; }
  #milestone.new-milestone-form .required {
    font-size: 1rem; }
  #milestone.new-milestone-form .alignment-tree-selector .list-tree-selector {
    width: 500px; }
  #milestone.new-milestone-form #selectPeriod_chosen span {
    color: #121212;
    font-weight: 400;
    font-size: 12px;
    height: unset;
    line-height: unset; }

.create-initiative .ini_create__section_title__holder, .create-initiative .ini_create__description_title__holder, .create-initiative .ini_create__execution_plan_title__holder, .edit-initiative .ini_create__section_title__holder, .edit-initiative .ini_create__description_title__holder, .edit-initiative .ini_create__execution_plan_title__holder, .copy-action-form .ini_create__section_title__holder, .copy-action-form .ini_create__description_title__holder, .copy-action-form .ini_create__execution_plan_title__holder {
  margin-top: 20px; }
  .create-initiative .ini_create__section_title__holder h1, .create-initiative .ini_create__description_title__holder h1, .create-initiative .ini_create__execution_plan_title__holder h1, .edit-initiative .ini_create__section_title__holder h1, .edit-initiative .ini_create__description_title__holder h1, .edit-initiative .ini_create__execution_plan_title__holder h1, .copy-action-form .ini_create__section_title__holder h1, .copy-action-form .ini_create__description_title__holder h1, .copy-action-form .ini_create__execution_plan_title__holder h1 {
    font-weight: 500;
    color: #111;
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 20px; }
.create-initiative .ini_create__input_holder .field-label, .edit-initiative .ini_create__input_holder .field-label, .copy-action-form .ini_create__input_holder .field-label {
  color: #000; }
.create-initiative .ini_create__input_holder .calendar, .edit-initiative .ini_create__input_holder .calendar, .copy-action-form .ini_create__input_holder .calendar {
  position: absolute;
  top: 30px;
  right: 0;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url(/images/icons/calendar2.png);
  transform: rotate(0deg); }
.create-initiative .tag-list-category, .edit-initiative .tag-list-category, .copy-action-form .tag-list-category {
  color: #000; }
.create-initiative .selector-line.alignment-selector-line, .edit-initiative .selector-line.alignment-selector-line, .copy-action-form .selector-line.alignment-selector-line {
  line-height: 37px;
  max-width: 547px; }
.create-initiative .ini_create__info_block__holder .ini_create__input_holder input, .edit-initiative .ini_create__info_block__holder .ini_create__input_holder input, .copy-action-form .ini_create__info_block__holder .ini_create__input_holder input {
  font-size: 17px;
  color: #ccc; }
  .create-initiative .ini_create__info_block__holder .ini_create__input_holder input:focus, .edit-initiative .ini_create__info_block__holder .ini_create__input_holder input:focus, .copy-action-form .ini_create__info_block__holder .ini_create__input_holder input:focus {
    outline: none; }

#submitpanel input[type=submit].dissabled, .submitpanel input[type=submit].dissabled, input.submitButton.dissabled {
  pointer-events: none;
  background-color: grey;
  border: 1px solid #B7B7B7; }

#resendVerificationForm .feedbackTarget {
  border: none; }
#resendVerificationForm .scalableDialogWindow .feedbackTarget {
  border: 1px solid #CCC;
  border-bottom: medium none;
  border-top: medium none; }
  #resendVerificationForm .scalableDialogWindow .feedbackTarget tbody {
    text-align: center; }

#inviteForm .bulkInviteUsersTableBody tbody {
  text-align: center; }

#container .subWrapContainer .compressed_email_heading, #container .subWrapContainer .archived_notification_heading {
  font-size: 1.5rem;
  margin-bottom: 10px;
  margin-top: 25px; }
#container form .compressed_email_container {
  padding: 0px 10px;
  border-radius: 12px; }

#createUserForm .form-box-border, #userEditForm .form-box-border {
  padding-top: 14px;
  padding-bottom: 14px; }
  #createUserForm .form-box-border .form-row .form-col-25 .field-label-relative, #userEditForm .form-box-border .form-row .form-col-25 .field-label-relative {
    position: relative; }
  #createUserForm .form-box-border .form-row .form-col-25 .user_type_required, #userEditForm .form-box-border .form-row .form-col-25 .user_type_required {
    position: absolute;
    font-size: 16px; }

#controlPanelForm .form-box-border {
  padding-top: 14px;
  padding-bottom: 14px; }

#soloUserWelcomeForm #roadmap_name {
  width: calc(100% - 6px); }
#soloUserWelcomeForm .sub-heading-light {
  color: grey;
  font-size: 12.5px; }
#soloUserWelcomeForm .focusarea_option {
  width: 16px;
  height: 16px;
  background-size: 13px 13px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-right: .7em;
  opacity: .5; }
#soloUserWelcomeForm .focusarea_icon {
  background-image: url(/images/icons/focusarea-grey.svg);
  width: 20px;
  height: 20px;
  background-size: 30px 30px;
  background-position: 1px 3px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px; }
#soloUserWelcomeForm .focusarea-text {
  font-size: 13px;
  color: #121212;
  vertical-align: middle; }

.form-box.nowidth.updatePassword {
  border-radius: 10px;
  padding-left: 10px; }
  .form-box.nowidth.updatePassword #sf_guard_user_current_password, .form-box.nowidth.updatePassword #sf_guard_user_password, .form-box.nowidth.updatePassword #sf_guard_user_password_again {
    width: 20%;
    margin-top: 3px;
    height: 20px; }

#editcompanyTagForm {
  background-color: white !important; }
  #editcompanyTagForm .content {
    background: url("/images/background_image.jpg") left top;
    padding: 10px 25px 25px 25px; }
  #editcompanyTagForm .field {
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    border: none;
    border-bottom: 1px solid #E6E6E6;
    height: 18px;
    padding: 7px 0;
    resize: none; }
  #editcompanyTagForm .field-label {
    font-size: 11px;
    font-weight: 400;
    color: #2F3941;
    text-transform: uppercase; }
  #editcompanyTagForm .submitpanel {
    padding-bottom: 25px; }

#actionDescriptionTypeForm .content {
  background: url("/images/background_image.jpg") left top;
  padding: 10px 25px 32px 25px; }
#actionDescriptionTypeForm .field {
  font-size: 15px;
  font-weight: 400;
  color: #121212;
  border: none;
  border-bottom: 1px solid #E6E6E6;
  height: 18px;
  padding: 7px 0;
  resize: none; }
#actionDescriptionTypeForm .field-label {
  font-size: 11px;
  font-weight: 400;
  color: #2F3941;
  text-transform: uppercase; }
#actionDescriptionTypeForm .submitpanelDescription {
  margin: 22px 25px 0px 25px; }

.vertical-baseline {
  vertical-align: baseline; }

.upload-icon-position {
  margin-left: 5px;
  display: none; }

#createForm #language_selector_chosen > a > span, #editaction_form #language_selector_chosen > a > span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 36px;
  font-size: 15px; }
  #createForm #language_selector_chosen > a > span:after, #editaction_form #language_selector_chosen > a > span:after {
    top: 18px;
    right: 11px; }

#taskForm .best-practices {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 25px 0 10px 17px;
  margin: 0;
  height: 22px; }
  #taskForm .best-practices > div {
    display: inline-block;
    width: 33%; }
  #taskForm .best-practices .label {
    font-size: 12px;
    margin-right: 10px; }
  #taskForm .best-practices .importance-option-line {
    margin-top: 3px; }
  #taskForm .best-practices .duration-input {
    border: 0;
    padding: 2px;
    width: 25px;
    margin-right: 3px;
    font-size: 12px;
    margin-top: -1px;
    text-align: right;
    background-color: transparent; }
  #taskForm .best-practices .duration-container .duration {
    text-align: center;
    width: 56px; }
  #taskForm .best-practices .duration-container .removeDueDate {
    left: 54px;
    top: -6px; }
  #taskForm .best-practices .duration-inner-container {
    display: inline-block;
    position: relative;
    vertical-align: top; }
  #taskForm .best-practices .duration-placeholder {
    margin-top: -2px; }
  #taskForm .best-practices .duration .bottom-border {
    width: 88%;
    margin-left: 6px; }
  #taskForm .best-practices .purpose .removeDueDate {
    top: -6px; }

.task-best-practice .chzn-container {
  width: 134px; }
.task-best-practice.disabled-events {
  pointer-events: none;
  cursor: pointer; }
.task-best-practice .importance {
  text-align: center;
  width: 80px;
  margin-top: 14px; }
.task-best-practice .purpose {
  width: 90px;
  margin-top: 12px;
  text-align: center; }
.task-best-practice .duration {
  text-align: center;
  width: 70px;
  margin-top: 8px; }
  .task-best-practice .duration.duration-active {
    margin-top: 12px; }

.row.meeting-name {
  margin-bottom: 50px; }
  .row.meeting-name.one-to-one {
    margin-bottom: 0;
    margin-top: 15px; }

.ini_create__rolsprivacy__holder .disabled-input {
  background: inherit; }
  .ini_create__rolsprivacy__holder .disabled-input .action-privacy-wrapper {
    pointer-events: none; }
  .ini_create__rolsprivacy__holder .disabled-input .hidden-radio:checked + span {
    color: #ccc;
    border-color: #ccc;
    background-color: #FFF6F9; }
  .ini_create__rolsprivacy__holder .disabled-input:hover .longname-tooltip {
    display: block; }

#taskForm .add-responsible-btn {
  cursor: pointer;
  font-size: 13px;
  margin-top: 21px;
  margin-left: 5px;
  color: #b5b4b0; }
  #taskForm .add-responsible-btn .plus-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 9px;
    background-image: url(/images/icons/more-options-grey-thin.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat; }
#taskForm .remove-responsible {
  color: #E83B83;
  position: absolute;
  left: 314px;
  top: 12px;
  width: 130px;
  cursor: pointer;
  font-size: 13px;
  z-index: 1; }
#taskForm .additional-responsible-container {
  position: relative;
  margin: 5px 0; }

.form-box .quick-decision-dialog .decision-name:focus {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #E6E6E6; }

.quick-decision-dialog .decision-name {
  font-size: 15px;
  font-weight: 400;
  color: #121212;
  border: none;
  border-bottom: 1px solid #E6E6E6;
  height: 18px;
  padding: 7px 0;
  resize: none;
  word-break: break-word;
  border-radius: 2px; }
  .quick-decision-dialog .decision-name:focus {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #E6E6E6; }

.ap-form .form-content {
  background: url(/images/background_image.jpg) left top;
  padding: 15px 25px;
  width: 845px; }
.ap-form .form-content-inner {
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding: 15px; }
.ap-form .submitpanel {
  margin-right: 24px;
  margin-top: 20px; }

.meeting-alignment .col_100 {
  width: 100%;
  box-sizing: border-box; }

.descriptions-disabled {
  pointer-events: none; }
  .descriptions-disabled .custom-theme.fr-box.fr-basic .fr-wrapper {
    background-color: #f3f3f3; }

.evaluation-requirement-disabled {
  pointer-events: none; }
  .evaluation-requirement-disabled .chosen-container .chosen-single {
    background-color: #f3f3f3 !important; }
  .evaluation-requirement-disabled #feedback_first_date {
    background-color: #f3f3f3; }

.tablewrap {
  clear: left;
  margin: 15px 0 30px;
  border: 1px solid #DDD;
  border-radius: 12px;
  background: white; }

table.sortable, table.data {
  border: 1px solid #DDD;
  border-radius: 2px;
  margin-bottom: 15px;
  width: 100%;
  border-spacing: 0; }
  .tablewrap table.sortable, .tablewrap table.data {
    width: calc( 100% + 4px );
    margin: 0 -2px;
    border: 1px solid transparent;
    border-width: 0 1px;
    border-radius: 0; }

table.sortable.roundedFooter, table.data.roundedFooter,
.roundedFooter {
  border: 1px solid #DDD;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: 0;
  min-height: 12px;
  overflow: hidden; }

table.data.create, table.sortable.create {
  width: 598px; }

table.data td.info {
  font-weight: bold; }

table.data td.declined, .declined {
  color: red; }

table.sortable tfoot.noformat tr td,
table.data tfoot.noformat tr td {
  background-color: white;
  padding: 10px;
  font-weight: normal; }
table.sortable tfoot tr td,
table.data tfoot tr td {
  background-color: #F0F0F0;
  font-weight: bold;
  font-size: 12px;
  padding: 9px 10px 10px 20px;
  text-align: left;
  width: 100%; }
  .tablewrap table.sortable tfoot tr td, .tablewrap
  table.data tfoot tr td {
    color: #808080;
    background: transparent;
    font-weight: 400; }

table.sortable thead tr .header,
table.alternativeSortable thead tr .header,
.serverSideSortableTable > thead > tr > th,
.milestoneSortableTable > thead > tr > th,
#admin_metrics table th.inactive {
  background-image: url(/images/layout/triangle-down-gray.svg);
  background-repeat: no-repeat;
  background-size: 7px 7px;
  background-position: calc(100% - 2px) center;
  cursor: pointer;
  text-align: center; }

table.alternativeSortable thead tr .header, .milestoneSortableTable th.noSort {
  background-image: none; }

table.sortable.breakWhitespace tbody td, table.data.breakWhitespace tbody td {
  word-break: normal;
  word-wrap: break-word; }
table.sortable tbody td, table.data tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
  word-break: break-all; }
  table.sortable tbody td.breakWhitespace, table.data tbody td.breakWhitespace {
    word-break: break-word; }
  .tablewrap table.sortable tbody td, .tablewrap table.data tbody td {
    background: transparent; }

table.milestoneSortableTable.actionDisabled table tbody td {
  color: gray; }

table.milestoneSortableTable thead th {
  color: #3D3D3D; }

table.sortable tbody tr td td, table.data tbody tr td td {
  background-color: transparent; }

table.sortable tbody tr.odd td,
table.data tbody tr.odd td,
table.sortable:not(.nopager):not(.noColor) tr:not(.ignoreColor):nth-child(odd) td,
table.data:not(.noColor) tbody tr:nth-child(odd) td {
  background-color: #F8F8F8; }
  .tablewrap table.sortable tbody tr.odd td, .tablewrap
  table.data tbody tr.odd td, .tablewrap
  table.sortable:not(.nopager):not(.noColor) tr:not(.ignoreColor):nth-child(odd) td, .tablewrap
  table.data:not(.noColor) tbody tr:nth-child(odd) td {
    background: transparent; }

.hoverBoxContent table.history tbody tr td {
  background-color: transparent;
  border-bottom: none; }

table.sortable thead tr .headerSortUp,
table.alternativeSortable thead tr .headerSortUp,
.milestoneSortableTable th.activeDesc,
#admin_metrics table th.activeDesc {
  background-image: url(/images/layout/triangle-down.svg); }

table.sortable thead tr .headerSortDown,
table.alternativeSortable thead tr .headerSortDown,
.milestoneSortableTable th.active,
#admin_metrics table th.activeAsc {
  background-image: url(/images/layout/triangle.svg); }

table.sortable thead th,
table.data thead th {
  background-color: #EEEEEE;
  font-size: 10px;
  padding: 5px 10px 5px 0.6rem;
  text-align: left;
  font-weight: 300;
  text-transform: capitalize; }
  .tablewrap table.sortable thead th, .tablewrap
  table.data thead th {
    font-size: 11px;
    font-weight: 400;
    background-color: #EEEEEE;
    color: black; }

.taskTable thead th,
.milestoneSortableTable thead th,
.listViewTable:not(.ganttViewTable) th {
  height: 20px;
  font-weight: 300;
  font-size: 10px;
  text-transform: uppercase; }

table#display-action-milestones thead th, table#display-action-milestones tbody td, #dashboard table thead th, #dashboard table tbody td {
  padding: 10px 17px 10px 5px; }

#milestone-list table.milestoneTable > thead th, #milestone-list table.milestoneTable > tbody td {
  padding: 10px 17px 10px 5px; }

table.sortable tbody td,
table.data tbody td {
  padding: 15px 10px;
  font-size: 12px;
  margin: 0pt;
  vertical-align: middle; }

table.smallList tbody td {
  padding: 4px;
  font-size: 11px !important;
  margin: 0pt; }
table.smallList .hierarchyHeader {
  font-weight: bold; }
table.smallList .smallListTextTd {
  padding-left: 10px; }

table.sortable th.checkbox, table.data th.checkbox {
  width: 15px; }

table.data.fill-kpi thead tr {
  background-color: #ddd; }
table.data.fill-kpi th {
  text-align: center;
  padding: 4px;
  font-size: 12px; }
  table.data.fill-kpi th.left {
    padding-left: 10px; }
table.data.fill-kpi td {
  white-space: nowrap;
  text-align: center; }
table.data.fill-kpi .left {
  text-align: left; }

/** Notifications () coloum widths **/
#notification-list-table td.table-date {
  width: 140px; }
#notification-list-table .footer .pager {
  width: 130px; }
#notification-list-table .footer input {
  text-align: center; }
#notification-list-table .footer img {
  margin-bottom: -3px; }

/* Icons */
td.active a, td.active span,
td.inactive a,
td.inactive span {
  padding-top: 16px;
  width: 16px;
  display: block;
  overflow: hidden;
  height: 0px !important; }

td.active a,
td.active span {
  background-image: url(/images/icons/tick.png); }

td.inactive a,
td.inactive span {
  background-image: url(/images/icons/cancel.png); }

/* Toolbar */
div.table-toolbar {
  margin-top: 5px;
  clear: left; }
  .tablewrap div.table-toolbar {
    height: 30px;
    line-height: 30px;
    padding: 8px; }
    .tablewrap div.table-toolbar > p,
    .tablewrap div.table-toolbar p.resultsperpage {
      margin: 0;
      margin-right: 6px; }
    .tablewrap div.table-toolbar .tab-selector-wrapper {
      padding-top: 4px; }
  .divTable div.table-toolbar {
    margin: 0; }
  div.table-toolbar p {
    margin-bottom: 0; }
    div.table-toolbar p.create {
      float: right;
      clear: right;
      margin-right: 9px;
      padding-right: 5px;
      margin-top: 2px; }
      div.table-toolbar p.create.detailAlignment {
        margin-right: 0px;
        padding-right: 0px; }
  div.table-toolbar .createDisabled {
    position: relative;
    margin-right: 16px;
    /* based on icon width */
    color: #999999;
    cursor: not-allowed; }
    div.table-toolbar .createDisabled:after {
      content: '';
      display: block;
      position: absolute;
      right: -20px;
      top: -2px;
      width: 16px;
      height: 16px;
      background: url("/images/info.svg") 0 0/16px 16px; }
    div.table-toolbar .createDisabled .hover-box {
      padding: 5px;
      top: 20px;
      right: -20px;
      width: 200px;
      color: black;
      z-index: 100; }
    div.table-toolbar .createDisabled:hover .hover-box {
      display: block; }
  div.table-toolbar div.filters {
    float: right;
    margin-right: 9px;
    padding-right: 5px;
    height: 1em;
    overflow: visible;
    margin-top: 4px; }
  div.table-toolbar p.otherLink {
    float: right;
    clear: right;
    margin-right: 9px;
    padding-right: 5px; }
  div.table-toolbar p.delete {
    float: left;
    margin-right: 10px; }
  div.table-toolbar p.resultsperpage {
    float: left;
    margin-top: 7px;
    white-space: nowrap;
    margin-right: 6px; }
    .divTable div.table-toolbar p.resultsperpage {
      margin-top: 5px; }
  div.table-toolbar .tab-selector-wrapper {
    padding-top: 2px; }

div.table-toolbar p.delete > input,
p.delete > input {
  border: none;
  cursor: pointer;
  font-size: 11px;
  margin-left: 3px;
  padding: 2px 3px;
  width: 20px;
  height: 20px;
  background-color: white;
  background-image: url(/images/icons/icons-delete-viewbox.svg);
  background-position: 2px 2px;
  background-size: 32px 32px;
  position: relative;
  top: 2px;
  vertical-align: text-bottom; }
  div.table-toolbar p.delete > input:hover,
  p.delete > input:hover {
    background-image: url(/images/icons/icons-delete-pink-viewbox.svg); }
  div.table-toolbar p.delete > input:focus,
  p.delete > input:focus {
    outline: none; }
  div.table-toolbar p.delete > input.disabled,
  p.delete > input.disabled {
    color: #999999;
    cursor: default;
    background-color: white !important;
    background-image: url(/images/icons/icons-delete-ltgrey-viewbox.svg); }

div.noresults {
  height: 50px;
  font-weight: bold; }

/* Pager  */
div.pager {
  float: right;
  line-height: 17px; }
  div.pager .btnpage {
    display: inline-block;
    width: 7px;
    height: 7px;
    padding: 4px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    /*
    &.first { background: no-repeat url('/images/icons/paginator-first-grey.svg') 4px 4px / 7px 7px; }
    &.prev { background: no-repeat url('/images/icons/paginator-prev-grey.svg') 4px 4px / 7px 7px; }
    &.next { background: no-repeat url('/images/icons/paginator-next-grey.svg') 4px 4px / 7px 7px; }
    &.last { background: no-repeat url('/images/icons/paginator-last-grey.svg') 4px 4px / 7px 7px; }
    */ }
    div.pager .btnpage:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 14px;
      height: 14px;
      display: inline-block;
      background-size: 14px 14px;
      background-position: 0 0; }
    div.pager .btnpage:after {
      background-position: 4px 4px; }
    div.pager .btnpage.first:after {
      background-image: url("/images/icons/paginator-first-grey-viewbox.svg"); }
    div.pager .btnpage.prev:after {
      background-image: url("/images/icons/paginator-previous-grey-viewbox.svg"); }
    div.pager .btnpage.next:after {
      background-image: url("/images/icons/paginator-next-grey-viewbox.svg"); }
    div.pager .btnpage.last:after {
      background-image: url("/images/icons/paginator-last-grey-viewbox.svg"); }
  div.pager input {
    width: 30px;
    height: 17px;
    text-align: center;
    color: #808080;
    background-color: transparent;
    border: none;
    font-family: "Graphik Web"; }
  div.pager select.pagesize {
    display: none; }

div.tablesorterPager {
  padding: 10px 0 10px 0;
  background-color: #D6D2C2;
  text-align: center; }
  div.tablesorterPager span {
    padding: 0 5px 0 5px; }
  div.tablesorterPager input {
    font-size: 8px;
    width: 50px;
    border: 1px solid #330000;
    text-align: center; }
    div.tablesorterPager input.prev {
      width: auto;
      margin-right: 10px; }
    div.tablesorterPager input.next {
      width: auto;
      margin-left: 10px; }

table.kpiTable tbody td {
  background: none;
  font-size: 11px;
  border-spacing: 2px;
  padding-top: 5px;
  padding-bottom: 0px; }

table.kpiTable tbody .headerRow td {
  padding-bottom: 2px; }

table.modal {
  z-index: 100;
  position: absolute;
  left: 40%;
  top: 250px;
  display: none;
  border: solid black 1px;
  background: white;
  border: 0;
  border-spacing: 0; }

table.smalltable {
  border: 1px solid #DBDBDB;
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse; }
  table.smalltable thead th {
    background-color: #F0F0F0;
    font-size: 11px;
    padding: 7px 8px 8px 15px;
    text-align: left; }
  table.smalltable tbody td {
    padding: 7px 8px 8px 15px;
    font-size: 10px;
    margin: 0pt; }

table.smalltable tfoot tr td,
table.data tfoot tr td {
  background-color: #F0F0F0;
  font-weight: bold;
  font-size: 11px;
  padding: 7px 8px 8px 15px;
  text-align: left;
  width: 100%; }

table.inlineTable {
  border: none;
  margin: 0;
  padding: 0; }

#strategic-targets-table .strategic-targets-kpi-holder {
  text-align: center; }
#strategic-targets-table td {
  border-right: 1px solid #DBDBDB; }
  #strategic-targets-table td .hoverBox td {
    border-right: none; }

#notification-list-table tbody td {
  font-size: 11px;
  position: relative; }
  #notification-list-table tbody td label input.chk-list {
    display: unset; }

table .numberHeader, table .numberHeader2 {
  text-align: center !important; }

table .planNumberHeader {
  text-align: right !important;
  padding-right: 5px; }

td.oldStart, td.newStart, td.oldEnd, td.newEnd {
  width: 14%; }

td.dateTd {
  white-space: nowrap; }

#action-history-content p, #action-execution-status-content p {
  font-size: 11px;
  max-width: 556px;
  overflow-y: hidden;
  overflow-x: auto; }

.actionHistoryDateCol .actionHistoryDate {
  white-space: nowrap; }

.actionHistoryDateCol {
  min-width: 105px; }

#display-action-changes {
  width: 834px; }
  #display-action-changes p {
    max-width: 385px;
    overflow: hidden; }
  #display-action-changes thead th:nth-of-type(1) {
    width: 10%; }
  #display-action-changes thead th:nth-of-type(2) {
    width: 15%; }
  #display-action-changes thead th:nth-of-type(3) {
    width: 30%; }
  #display-action-changes thead th:nth-of-type(4) {
    width: 22%; }

.smallFontTable td, .smallFontTable th {
  font-size: 9px !important;
  padding: 5px !important; }

.customStringEditLabel {
  margin-right: 5px; }

#selectCustomStringLanguage {
  float: right;
  width: 200px;
  position: relative;
  border: 1px solid #DDD;
  border-radius: 2px; }

.customStringTable {
  clear: both; }
  .customStringTable tr td:nth-of-type(4) span {
    vertical-align: text-bottom; }

.topConsolidationRow {
  border-bottom: 1px solid #CCCCCC; }

.bottomConsolidationRow {
  border-top: 1px solid #CCCCCC; }

.consolidationTableLegend {
  position: absolute;
  left: -17px;
  width: 20px;
  top: 16px;
  font-weight: bold; }
  .consolidationTableLegend div {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

tr.consolidationRow {
  border-color: #cccccc !important; }

.milestoneSortableTable .noSort {
  background-image: none;
  cursor: default; }

#display-action-milestones th, #dashboard th {
  font-size: 10px; }

#bulkReassignDelete .adlif_select {
  font-size: 9px; }

#bulkReassignDelete .nopager tbody input {
  margin-left: 18px; }

table tr td.receiverRow {
  height: 0;
  visibility: hidden;
  border-style: solid;
  border-color: white;
  border-width: 1px 0 0 0;
  padding: 1px 0 0 0 !important; }

#display-action-milestones .receiverRow {
  visibility: visible; }

.milestoneTasks .receiverRow {
  display: none; }

table.sortable.userTable tbody td,
table.sortable.userTable thead th {
  font-size: 10px;
  padding: 5px; }
  table.sortable.userTable tbody td:first-of-type,
  table.sortable.userTable thead th:first-of-type {
    padding-left: 12px;
    padding-top: 2px; }

.permissionsTable {
  border-collapse: collapse; }
  .permissionsTable th {
    background-color: lightgrey;
    border: 1px solid black; }
  .permissionsTable td {
    border: 1px solid black; }

#action-list .bulk_checkbox_container, #usersTableWrapper .bulk_checkbox_container {
  display: inline;
  align-items: center;
  position: relative;
  top: 0;
  padding-left: 2rem;
  cursor: pointer;
  font-size: 0.71rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #action-list .bulk_checkbox_container input, #usersTableWrapper .bulk_checkbox_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    #action-list .bulk_checkbox_container input:checked ~ .checkmark:after, #usersTableWrapper .bulk_checkbox_container input:checked ~ .checkmark:after {
      display: flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -webkit-flex; }
  #action-list .bulk_checkbox_container .checkmark, #usersTableWrapper .bulk_checkbox_container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #C6C6C5; }
    #action-list .bulk_checkbox_container .checkmark:after, #usersTableWrapper .bulk_checkbox_container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 4px;
      top: 0;
      width: 4px;
      height: 10px;
      border: solid #E83B83;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  #action-list .bulk_checkbox_container:hover input ~ .checkmark, #usersTableWrapper .bulk_checkbox_container:hover input ~ .checkmark {
    background-color: #efefef; }
  #action-list .bulk_checkbox_container .checkmark_border, #usersTableWrapper .bulk_checkbox_container .checkmark_border {
    border-radius: 5px; }

#actionOverviewTable {
  table-layout: fixed;
  overflow: visible; }
  #actionOverviewTable td, #actionOverviewTable th {
    font-size: 10px; }
  #actionOverviewTable.sortable tbody td, #actionOverviewTable.data tbody td {
    word-break: normal; }

.actionOverviewCheckboxCell {
  width: 16px; }

.actionOverviewNameCell {
  word-wrap: break-word; }

.owner_profile_cell, .responsible_profile_cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.tagsForMilestoneRow {
  padding-left: 6px; }

.initiative-toolbar.my-actions-0 .actions, .my-actions-0.milestones-toolbar .actions, .initiative-toolbar.my-actions-2 .actions, .my-actions-2.milestones-toolbar .actions, .initiative-toolbar.my-actions-3 .actions, .my-actions-3.milestones-toolbar .actions {
  left: 633px; }
  .initiative-toolbar.my-actions-0 .actions li.hoverItems.button, .my-actions-0.milestones-toolbar .actions li.hoverItems.button, .initiative-toolbar.my-actions-2 .actions li.hoverItems.button, .my-actions-2.milestones-toolbar .actions li.hoverItems.button, .initiative-toolbar.my-actions-3 .actions li.hoverItems.button, .my-actions-3.milestones-toolbar .actions li.hoverItems.button {
    text-transform: uppercase; }
    .initiative-toolbar.my-actions-0 .actions li.hoverItems.button img, .my-actions-0.milestones-toolbar .actions li.hoverItems.button img, .initiative-toolbar.my-actions-2 .actions li.hoverItems.button img, .my-actions-2.milestones-toolbar .actions li.hoverItems.button img, .initiative-toolbar.my-actions-3 .actions li.hoverItems.button img, .my-actions-3.milestones-toolbar .actions li.hoverItems.button img {
      display: none; }
    .initiative-toolbar.my-actions-0 .actions li.hoverItems.button span.icon, .my-actions-0.milestones-toolbar .actions li.hoverItems.button span.icon, .initiative-toolbar.my-actions-2 .actions li.hoverItems.button span.icon, .my-actions-2.milestones-toolbar .actions li.hoverItems.button span.icon, .initiative-toolbar.my-actions-3 .actions li.hoverItems.button span.icon, .my-actions-3.milestones-toolbar .actions li.hoverItems.button span.icon {
      margin-top: -1px; }
  .initiative-toolbar.my-actions-0 .actions ul, .my-actions-0.milestones-toolbar .actions ul, .initiative-toolbar.my-actions-2 .actions ul, .my-actions-2.milestones-toolbar .actions ul, .initiative-toolbar.my-actions-3 .actions ul, .my-actions-3.milestones-toolbar .actions ul {
    width: 194px;
    border: 1px solid #DDD;
    z-index: 4; }
    .initiative-toolbar.my-actions-0 .actions ul li.button, .my-actions-0.milestones-toolbar .actions ul li.button, .initiative-toolbar.my-actions-2 .actions ul li.button, .my-actions-2.milestones-toolbar .actions ul li.button, .initiative-toolbar.my-actions-3 .actions ul li.button, .my-actions-3.milestones-toolbar .actions ul li.button {
      font-size: 10px;
      margin-top: 1px; }
      .initiative-toolbar.my-actions-0 .actions ul li.button .icon, .my-actions-0.milestones-toolbar .actions ul li.button .icon, .initiative-toolbar.my-actions-2 .actions ul li.button .icon, .my-actions-2.milestones-toolbar .actions ul li.button .icon, .initiative-toolbar.my-actions-3 .actions ul li.button .icon, .my-actions-3.milestones-toolbar .actions ul li.button .icon {
        float: right;
        margin: 4px 0px -5px 8px; }
    .initiative-toolbar.my-actions-0 .actions ul.open li.button, .my-actions-0.milestones-toolbar .actions ul.open li.button, .initiative-toolbar.my-actions-2 .actions ul.open li.button, .my-actions-2.milestones-toolbar .actions ul.open li.button, .initiative-toolbar.my-actions-3 .actions ul.open li.button, .my-actions-3.milestones-toolbar .actions ul.open li.button {
      font-size: 10px;
      background-color: white; }
  .initiative-toolbar.my-actions-0 .actions a, .my-actions-0.milestones-toolbar .actions a, .initiative-toolbar.my-actions-2 .actions a, .my-actions-2.milestones-toolbar .actions a, .initiative-toolbar.my-actions-3 .actions a, .my-actions-3.milestones-toolbar .actions a {
    right: -16px;
    top: 10px;
    display: none; }
    .initiative-toolbar.my-actions-0 .actions a img, .my-actions-0.milestones-toolbar .actions a img, .initiative-toolbar.my-actions-2 .actions a img, .my-actions-2.milestones-toolbar .actions a img, .initiative-toolbar.my-actions-3 .actions a img, .my-actions-3.milestones-toolbar .actions a img {
      width: 12px;
      height: 12px; }
.initiative-toolbar.my-actions-0 .actions, .my-actions-0.milestones-toolbar .actions, .initiative-toolbar.my-actions-3 .actions, .my-actions-3.milestones-toolbar .actions {
  top: 65px; }
.initiative-toolbar.my-actions-0 .actions, .my-actions-0.milestones-toolbar .actions {
  right: 0;
  left: auto !important;
  top: 15px !important; }
  .initiative-toolbar.my-actions-0 .actions ul li.bulk_option__button, .my-actions-0.milestones-toolbar .actions ul li.bulk_option__button {
    display: flex;
    align-items: center;
    text-transform: none !important; }
.initiative-toolbar.my-actions-2 .actions, .my-actions-2.milestones-toolbar .actions, .initiative-toolbar.my-actions-3 .actions, .my-actions-3.milestones-toolbar .actions {
  top: 65px; }

.milestones-toolbar {
  position: absolute; }
  .milestones-toolbar.my-actions-0 .actions, .milestones-toolbar.my-actions-3 .actions {
    top: -38px;
    left: 730px; }
    .milestones-toolbar.my-actions-0 .actions li.hoverItems.button span.icon, .milestones-toolbar.my-actions-3 .actions li.hoverItems.button span.icon {
      margin-top: 0px; }
    .milestones-toolbar.my-actions-0 .actions ul, .milestones-toolbar.my-actions-3 .actions ul {
      width: 130px;
      border: 1px solid transparent; }
      .milestones-toolbar.my-actions-0 .actions ul.open, .milestones-toolbar.my-actions-3 .actions ul.open {
        border-color: #EEEEEE; }
      .milestones-toolbar.my-actions-0 .actions ul li.button, .milestones-toolbar.my-actions-3 .actions ul li.button {
        margin-top: 0; }
        .milestones-toolbar.my-actions-0 .actions ul li.button .icon, .milestones-toolbar.my-actions-3 .actions ul li.button .icon {
          float: none;
          margin: 0;
          width: 18px;
          height: 20px; }
          .milestones-toolbar.my-actions-0 .actions ul li.button .icon:after, .milestones-toolbar.my-actions-3 .actions ul li.button .icon:after {
            width: 36px;
            height: 36px;
            background-size: 36px 36px; }

.actionViewTable .milestones-toolbar.my-actions-0 .actions {
  top: -10px;
  left: 0; }
  .actionViewTable .milestones-toolbar.my-actions-0 .actions ul {
    width: 194px; }

ap-bulk-button .initiative-toolbar .actions, ap-bulk-button .milestones-toolbar .actions {
  position: relative; }

#action_select_box .scalableDialogWindow {
  border: 13px solid #EEEEEE;
  border-top: none; }
#action_select_box table.sortable, #action_select_box table.data {
  border: none; }
#action_select_box table.sortable tbody td, #action_select_box table.data tbody td {
  word-break: normal;
  word-wrap: break-word; }

.divTable {
  background-color: white;
  margin-bottom: 20px; }
  .divTable ap-show-more .container .inside {
    position: relative;
    overflow: hidden; }
  .divTable ap-show-more .container .less {
    display: inline; }
  .divTable ap-show-more .container .more {
    display: none; }
  .divTable ap-show-more .container.collapsedQuickShowMoreOrLess {
    height: 1.3em; }
    .divTable ap-show-more .container.collapsedQuickShowMoreOrLess .inside .quick {
      max-height: 2.6em; }
    .divTable ap-show-more .container.collapsedQuickShowMoreOrLess .inside .showMoreOrLessContainer {
      top: 16px;
      font-size: 9px;
      z-index: 2; }
      .divTable ap-show-more .container.collapsedQuickShowMoreOrLess .inside .showMoreOrLessContainer .less {
        display: none; }
      .divTable ap-show-more .container.collapsedQuickShowMoreOrLess .inside .showMoreOrLessContainer .more {
        display: inline; }
  .divTable .filters-content {
    margin-top: 28px;
    border-top: 1px solid #DDD;
    padding-top: 7px; }
  .divTable .filter-icon {
    position: absolute;
    right: 12px;
    top: 15px;
    cursor: pointer; }
  .divTable .tableAboveHeader .listViewHeader {
    text-align: right;
    padding-right: 30px;
    text-transform: uppercase;
    height: 24px;
    padding-top: 6px;
    margin-left: 250px;
    position: relative; }
    .divTable .tableAboveHeader .listViewHeader > div {
      display: inline-block;
      text-align: left;
      width: 197px;
      position: absolute;
      right: 157px; }
    .divTable .tableAboveHeader .listViewHeader .chosen-container-single {
      font-size: 10px;
      position: relative;
      top: -3px; }
  .divTable div .chosen-container-single .chosen-single {
    border: 0; }
  .divTable .tableAboveHeader {
    border: 1px solid #DDD;
    border-radius: 12px;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 12px;
    background-color: white; }
    .divTable .tableAboveHeader.centerHeader * {
      vertical-align: middle; }
    .divTable .tableAboveHeader.centerHeader > div[style] {
      margin: 0 !important; }
    .divTable .tableAboveHeader:after {
      content: '';
      display: table;
      clear: both; }
  .divTable .divTableHeader {
    height: 33px;
    border: 1px solid #DDD;
    border-bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; }
  .divTable .tableRow {
    white-space: nowrap;
    position: relative; }
    .divTable .tableRow.normalWrap {
      white-space: normal; }
    .divTable .tableRow > div:not(.mainContent), .divTable .tableRow .mainContent > div, .divTable .tableRow div.line > div {
      white-space: normal; }
      .divTable .tableRow > div:not(.mainContent).tableLeftRowOuterBox, .divTable .tableRow .mainContent > div.tableLeftRowOuterBox, .divTable .tableRow div.line > div.tableLeftRowOuterBox {
        width: 46px; }
      .divTable .tableRow > div:not(.mainContent).tableLeftRowOuterBox, .divTable .tableRow .mainContent > div.tableLeftRowOuterBox, .divTable .tableRow div.line > div.tableLeftRowOuterBox {
        width: 52px; }
      .divTable .tableRow > div:not(.mainContent).tablePriorityCell, .divTable .tableRow .mainContent > div.tablePriorityCell, .divTable .tableRow div.line > div.tablePriorityCell {
        width: 28px;
        text-align: center;
        padding-left: 8px; }
      .divTable .tableRow > div:not(.mainContent).tableProgressCell, .divTable .tableRow .mainContent > div.tableProgressCell, .divTable .tableRow div.line > div.tableProgressCell {
        width: 20px;
        text-align: center; }
      .divTable .tableRow > div:not(.mainContent).tableDateCell, .divTable .tableRow .mainContent > div.tableDateCell, .divTable .tableRow div.line > div.tableDateCell {
        width: 80px;
        text-align: center; }
      .divTable .tableRow > div:not(.mainContent).tableNameCell, .divTable .tableRow .mainContent > div.tableNameCell, .divTable .tableRow div.line > div.tableNameCell {
        width: 351px; }
      .divTable .tableRow > div:not(.mainContent).tablePlanCell, .divTable .tableRow .mainContent > div.tablePlanCell, .divTable .tableRow div.line > div.tablePlanCell {
        width: 116px; }
      .divTable .tableRow > div:not(.mainContent).tableCreatedByCell, .divTable .tableRow .mainContent > div.tableCreatedByCell, .divTable .tableRow div.line > div.tableCreatedByCell {
        width: 172px; }
      .divTable .tableRow > div:not(.mainContent).tableOptionsCell, .divTable .tableRow .mainContent > div.tableOptionsCell, .divTable .tableRow div.line > div.tableOptionsCell {
        padding-top: 6px;
        width: 20px;
        text-align: left; }
  .divTable .taskRows, .divTable .weekTable {
    position: relative; }
  .divTable .tableRow .expanderTriangle {
    width: 14px;
    height: 14px; }
  .divTable .tableRow.highlighted .tableNameCell p.quick > span > span {
    background-color: #E83B83;
    color: white; }
  .divTable .tableRow .tableLeftRowOuterBox, .divTable .tableRow .tableRightRowOuterBox {
    display: inline-block;
    vertical-align: top;
    text-align: center; }
    .divTable .tableRow .tableLeftRowOuterBox .bulk_option__button > ap-controls > .controls-box > .controls-link, .divTable .tableRow .tableRightRowOuterBox .bulk_option__button > ap-controls > .controls-box > .controls-link {
      margin-bottom: 2px; }
      .divTable .tableRow .tableLeftRowOuterBox .bulk_option__button > ap-controls > .controls-box > .controls-link:after, .divTable .tableRow .tableRightRowOuterBox .bulk_option__button > ap-controls > .controls-box > .controls-link:after {
        width: 24px;
        height: 24px;
        background-size: 24px 24px; }
      #topPriorityList .divTable .tableRow .tableLeftRowOuterBox .bulk_option__button > ap-controls > .controls-box > .controls-link, #topPriorityList .divTable .tableRow .tableRightRowOuterBox .bulk_option__button > ap-controls > .controls-box > .controls-link {
        margin-bottom: 10px; }
    .divTable .tableRow .tableLeftRowOuterBox .secondButton, .divTable .tableRow .tableRightRowOuterBox .secondButton {
      position: relative; }
      .divTable .tableRow .tableLeftRowOuterBox .secondButton:before, .divTable .tableRow .tableRightRowOuterBox .secondButton:before {
        width: 24px;
        content: "";
        position: absolute;
        left: 0px;
        top: -4px;
        height: 1px; }
      .divTable .tableRow .tableLeftRowOuterBox .secondButton.disabled, .divTable .tableRow .tableRightRowOuterBox .secondButton.disabled {
        pointer-events: none;
        background: none;
        opacity: 0.5; }
    .divTable .tableRow .tableLeftRowOuterBox .edit_icon, .divTable .tableRow .tableLeftRowOuterBox .feedback_icon, .divTable .tableRow .tableRightRowOuterBox .edit_icon, .divTable .tableRow .tableRightRowOuterBox .feedback_icon {
      width: 24px;
      height: 24px;
      background-size: 24px 24px; }
  .divTable .tableRow .mainContent > div, .divTable .tableRow .line > div {
    display: inline-block;
    vertical-align: top;
    padding-right: 3px; }
  .divTable .tableRow div.info {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #303030; }
    .divTable .tableRow div.info.milestoneInfo {
      float: right;
      font-style: normal;
      padding-left: 8px;
      display: inline-block;
      min-width: 50px;
      cursor: pointer; }
      .divTable .tableRow div.info.milestoneInfo .info-wrapper {
        display: inline-block; }
      .divTable .tableRow div.info.milestoneInfo .task-info-collapsor {
        display: inline-block;
        width: 10px;
        height: 10px;
        float: right;
        top: 3px;
        margin-left: 12px; }
        .divTable .tableRow div.info.milestoneInfo .task-info-collapsor::before {
          content: "";
          position: absolute;
          left: -10px;
          width: 1px;
          top: -13px;
          height: 37px;
          background: radial-gradient(circle, #efefef 0%, #FFFFFF 100%); }
        .divTable .tableRow div.info.milestoneInfo .task-info-collapsor.active {
          top: 6px; }
          .divTable .tableRow div.info.milestoneInfo .task-info-collapsor.active::before {
            content: "";
            position: absolute;
            left: -10px;
            width: 1px;
            top: -16px;
            height: 37px;
            background: radial-gradient(circle, #FFDEE9 0%, #FFFFFF 100%); }
          .divTable .tableRow div.info.milestoneInfo .task-info-collapsor.active:after {
            background-image: url(/images/icons/collapse3-viewbox.svg);
            left: 4px; }
        .divTable .tableRow div.info.milestoneInfo .task-info-collapsor:after {
          position: absolute;
          top: 1px;
          left: 6px;
          content: ' ';
          width: 20px;
          height: 20px;
          display: inline-block;
          background-size: 20px 20px;
          background-position: 0 0; }
      .divTable .tableRow div.info.milestoneInfo .milestone-info, .divTable .tableRow div.info.milestoneInfo .task-info, .divTable .tableRow div.info.milestoneInfo .action-info, .divTable .tableRow div.info.milestoneInfo .subaction-info {
        white-space: nowrap;
        display: inline-block;
        padding: 1px 2px;
        border-radius: 2px;
        cursor: pointer;
        position: relative; }
        .divTable .tableRow div.info.milestoneInfo .milestone-info.active, .divTable .tableRow div.info.milestoneInfo .task-info.active, .divTable .tableRow div.info.milestoneInfo .action-info.active, .divTable .tableRow div.info.milestoneInfo .subaction-info.active {
          color: #303030; }
        .divTable .tableRow div.info.milestoneInfo .milestone-info:before, .divTable .tableRow div.info.milestoneInfo .task-info:before, .divTable .tableRow div.info.milestoneInfo .action-info:before, .divTable .tableRow div.info.milestoneInfo .subaction-info:before {
          width: 14px;
          height: 14px;
          margin-right: 3px;
          position: relative;
          top: 1px;
          vertical-align: baseline; }
        .divTable .tableRow div.info.milestoneInfo .milestone-info:after, .divTable .tableRow div.info.milestoneInfo .task-info:after, .divTable .tableRow div.info.milestoneInfo .action-info:after, .divTable .tableRow div.info.milestoneInfo .subaction-info:after {
          width: 28px;
          height: 28px;
          position: absolute;
          top: 2px;
          background-size: 28px 28px;
          content: '';
          display: inline-block;
          left: 2px; }
    .divTable .tableRow div.info span {
      vertical-align: top; }
    .divTable .tableRow div.info span.milestone-info::before, .divTable .tableRow div.info span.task-info::before, .divTable .tableRow div.info span.action-info::before, .divTable .tableRow div.info span.subaction-info::before {
      content: "";
      background-size: 24px 24px;
      background-position: 0 0;
      width: 14px;
      height: 14px;
      display: inline-block;
      margin-right: 2px;
      vertical-align: top; }
    .divTable .tableRow div.info .task-info::after {
      background-image: url(/images/icons/task-dkgrey.svg); }
    .divTable .tableRow div.info .milestone-info::after {
      background-image: url(/images/icons/milestone-dkgrey.svg); }
    .divTable .tableRow div.info .action-info::after {
      background-image: url(/images/icons/action-grey.svg); }
    .divTable .tableRow div.info .subaction-info::after {
      background-image: url(/images/icons/subaction-grey-v3.svg); }
  .divTable .tableRow.highlighted .milestoneNameFrontend, .divTable .tableRow.highlighted .taskNameFrontend {
    background-color: #E83B83; }
    .divTable .tableRow.highlighted .milestoneNameFrontend span, .divTable .tableRow.highlighted .taskNameFrontend span {
      color: white; }
  .divTable .tableRow.highlighted .action_search_name_ui {
    padding: 0px 4px 2px 4px;
    border-radius: 3px; }
  .divTable .tableRow .mainContent {
    position: relative;
    padding: 15px;
    display: inline-block; }
    .divTable .tableRow .mainContent .milestoneNameFrontend {
      font-size: 18px; }
    .divTable .tableRow .mainContent > div {
      padding: 5px 3px; }
    .divTable .tableRow .mainContent .tableDateCell > div:first-of-type {
      font-size: 11px;
      padding-bottom: 3px;
      padding-top: 1px;
      line-height: 1.3em; }
    .divTable .tableRow .mainContent .tableDateCell > div:nth-of-type(2) {
      font-size: 9px;
      color: #808080;
      margin-top: 4px; }
    .divTable .tableRow .mainContent .priorityNumberOrIcon {
      width: 25px;
      font-size: 11px; }
      .divTable .tableRow .mainContent .priorityNumberOrIcon > span + div.priorityIconHolder {
        display: none; }
      .divTable .tableRow .mainContent .priorityNumberOrIcon > span {
        cursor: pointer; }
      .divTable .tableRow .mainContent .priorityNumberOrIcon:hover > span {
        display: none; }
      .divTable .tableRow .mainContent .priorityNumberOrIcon:hover > div:not(.hoverItem) {
        display: block; }
    .divTable .tableRow .mainContent .expanderCell {
      display: inline-block;
      vertical-align: top; }
      .divTable .tableRow .mainContent .expanderCell > span {
        vertical-align: top; }
      .divTable .tableRow .mainContent .expanderCell.deadlineMilestone {
        padding-right: 0; }
      .divTable .tableRow .mainContent .expanderCell.item-priority {
        position: relative; }
        .divTable .tableRow .mainContent .expanderCell.item-priority:before {
          position: absolute;
          background-size: 22px 22px;
          width: 22px;
          height: 22px;
          background-image: url(/images/icons/priority-icon-pink.svg);
          display: inline-block;
          content: '';
          top: -9px;
          right: -15px;
          z-index: 1; }
      .divTable .tableRow .mainContent .expanderCell.item-private {
        position: relative; }
        .divTable .tableRow .mainContent .expanderCell.item-private:after {
          position: absolute;
          background-size: 22px 22px;
          width: 22px;
          height: 22px;
          background-image: url(/images/icons/privacy-icon-pink.svg);
          display: inline-block;
          content: '';
          bottom: -8px;
          right: -15px;
          z-index: 1; }
      .divTable .tableRow .mainContent .expanderCell .expanderTriangle {
        margin-left: 10px; }
      .divTable .tableRow .mainContent .expanderCell .item-icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: top;
        position: relative; }
        .divTable .tableRow .mainContent .expanderCell .item-icon::before {
          position: absolute;
          background-size: 40px 40px;
          width: 24px;
          height: 24px;
          background-image: url(/images/icons/action-grey.svg);
          display: inline-block;
          content: '';
          top: 0;
          left: 0; }
        .divTable .tableRow .mainContent .expanderCell .item-icon.meeting:before {
          background-image: url(/images/icons/meeting-grey.svg); }
        .divTable .tableRow .mainContent .expanderCell .item-icon.team-meeting:before {
          background-image: url(/images/icons/team-meeting-grey.svg); }
        .divTable .tableRow .mainContent .expanderCell .item-icon .milestone::before {
          top: -2;
          left: -2; }
        .divTable .tableRow .mainContent .expanderCell .item-icon .item-priority {
          position: relative;
          left: -1px; }
          .divTable .tableRow .mainContent .expanderCell .item-icon .item-priority:before {
            position: absolute;
            background-size: 20px 20px;
            width: 20px;
            height: 20px;
            background-image: url(/images/icons/priority-icon-pink.svg);
            display: inline-block;
            content: '';
            top: -3px;
            left: 1px;
            z-index: 1; }
        .divTable .tableRow .mainContent .expanderCell .item-icon .item-private {
          position: relative;
          left: -1px; }
          .divTable .tableRow .mainContent .expanderCell .item-icon .item-private:after {
            position: absolute;
            background-size: 19px 19px;
            width: 19px;
            height: 19px;
            background-image: url(/images/icons/privacy-icon-pink.svg);
            display: inline-block;
            content: '';
            left: 2px;
            top: 10px;
            z-index: 1; }
        .divTable .tableRow .mainContent .expanderCell .item-icon.sub-action::before {
          background-image: url(/images/icons/subaction-grey-v3.svg); }
        .divTable .tableRow .mainContent .expanderCell .item-icon.milestone::before {
          background-image: url(/images/icons/milestone-grey.svg);
          left: 2px; }
        .divTable .tableRow .mainContent .expanderCell .item-icon.draft-action:before, .divTable .tableRow .mainContent .expanderCell .item-icon.draft-action.sub-action:before {
          background-image: url(/images/icons/draft-grey-viewbox-bold.svg); }
        .divTable .tableRow .mainContent .expanderCell .item-icon.pending-action:before, .divTable .tableRow .mainContent .expanderCell .item-icon.pending-action.sub-action:before {
          background-image: url(/images/icons/pending-grey-viewbox.svg); }
        .divTable .tableRow .mainContent .expanderCell .item-icon.task {
          width: 20px;
          height: 20px;
          margin-top: -2px; }
          .divTable .tableRow .mainContent .expanderCell .item-icon.task:before {
            background-image: url(/images/icons/task-grey-full.svg); }
        .divTable .tableRow .mainContent .expanderCell .item-icon.topic {
          width: 20px;
          height: 20px;
          margin-top: -2px; }
          .divTable .tableRow .mainContent .expanderCell .item-icon.topic:before {
            background-image: url(/images/icons/topic.svg); }
        .divTable .tableRow .mainContent .expanderCell .item-icon.focusarea::before {
          background-image: url(/images/icons/focusarea-grey.svg);
          margin-top: 0; }
    .divTable .tableRow .mainContent .taskFile {
      display: inline-block;
      position: static; }
      .divTable .tableRow .mainContent .taskFile .hoverBox {
        display: inline-block;
        position: static;
        left: -10px; }
    .divTable .tableRow .mainContent .hasFiles {
      margin-left: 12px; }
    .divTable .tableRow .mainContent .box-width-0 {
      width: 333px !important; }
    .divTable .tableRow .mainContent .box-width-1 {
      width: 316px !important; }
    .divTable .tableRow .mainContent .box-width-2 {
      width: 299px !important; }
    .divTable .tableRow .mainContent .box-width-3 {
      width: 282px !important; }
    .divTable .tableRow .mainContent .box-width-4 {
      width: 265px !important; }
    .divTable .tableRow .mainContent .box-width-5 {
      width: 248px !important; }
    .divTable .tableRow .mainContent .indent-width-0 {
      width: 0px; }
    .divTable .tableRow .mainContent .indent-width-1 {
      width: 17px; }
    .divTable .tableRow .mainContent .indent-width-2 {
      width: 34px; }
    .divTable .tableRow .mainContent .indent-width-3 {
      width: 51px; }
    .divTable .tableRow .mainContent .indent-width-4 {
      width: 68px; }
    .divTable .tableRow .mainContent .indent-width-5 {
      width: 85px; }
    .divTable .tableRow .mainContent .iniNameBox {
      display: inline-block;
      vertical-align: top;
      word-wrap: break-word;
      position: relative; }
    .divTable .tableRow .mainContent .createdByCell {
      padding-top: 3px; }
    .divTable .tableRow .mainContent > div.line:first-child {
      padding: 14px 0 5px 0; }
    .divTable .tableRow .mainContent > div.line:last-child {
      padding: 0 0 15px 0; }
      .divTable .tableRow .mainContent > div.line:last-child > div {
        vertical-align: bottom; }
    .divTable .tableRow .mainContent .usersInfo {
      font-weight: 400;
      font-size: 9px;
      color: #808080;
      padding-top: 2px;
      position: relative; }
      .divTable .tableRow .mainContent .usersInfo .ownerName {
        margin-right: 2px; }
      .divTable .tableRow .mainContent .usersInfo .responsible-block {
        vertical-align: middle;
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        align-items: center;
        height: 15px; }
    .divTable .tableRow .mainContent .taskFile .hoverBox {
      top: 3px; }
    .divTable .tableRow .mainContent .itemDue {
      float: right;
      margin-top: 16px;
      font-weight: 300;
      font-size: 9px;
      color: #808080; }
    .divTable .tableRow .mainContent .feedbacker-name {
      display: inline-block;
      width: 123px; }
    .divTable .tableRow .mainContent .milestone-feedback-status-box, .divTable .tableRow .mainContent .feedback-status-box {
      vertical-align: top;
      cursor: pointer;
      margin-right: 4px;
      margin-top: 4px; }
    .divTable .tableRow .mainContent .tableCreatedByCell ap-date {
      display: inline-block;
      color: #808080;
      font-size: 9px; }
    .divTable .tableRow .mainContent .tableNameCell .singleLine .contents {
      color: #464646;
      font-size: 12px;
      font-weight: 400; }
      .divTable .tableRow .mainContent .tableNameCell .singleLine .contents .action-long-name-in-givefeedback {
        white-space: pre-line;
        width: 422px; }
    .divTable .tableRow .mainContent .tableNameCell.deadline {
      text-align: right; }
    .divTable .tableRow .mainContent .ms-overdue {
      display: none;
      text-transform: uppercase;
      font-size: 9px;
      font-style: normal;
      font-weight: 700;
      margin-top: 4px; }
    .divTable .tableRow .mainContent .parentNameLine .generic-icon, .divTable .tableRow .mainContent .parentNameLine ap-comment .comment-button, ap-comment .divTable .tableRow .mainContent .parentNameLine .comment-button, .divTable .tableRow .mainContent .parentNameLine ap-task-quick-edit .comment-button, ap-task-quick-edit .divTable .tableRow .mainContent .parentNameLine .comment-button, .divTable .tableRow .mainContent .parentNameLine ap-task-quick-add .comment-button, ap-task-quick-add .divTable .tableRow .mainContent .parentNameLine .comment-button {
      margin-right: 2px;
      margin-top: -1px; }
  .divTable .tableRow.milestoneRow .mainContent .iniNameBox {
    padding-top: 3px; }
  .divTable .tableRow.milestoneRow .mainContent > div.tableNameCell {
    font-size: 11px; }
  .divTable .tableRow.milestoneRow .mainContent > div.tableCreatedByCell .feedbacker-name {
    font-size: 11px; }
  .divTable .tableRow.milestoneRow .mainContent .usersInfo {
    padding-top: 4px; }
  .divTable .tableRow.milestoneRow .mainContent .pastdue_tag, .divTable .tableRow.milestoneRow .mainContent .startOutside_tag {
    white-space: nowrap; }
  .divTable .tableRow.milestoneRow .mainContent .responsibleInitials {
    margin-right: 26px; }
  .divTable .tableRow.milestoneRow .mainContent .parentNameLine {
    margin-top: -1px; }
  .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator {
    position: relative; }
    .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .inner-feedback {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border-radius: 50%; }
  .divTable .tableRow.milestoneRow .mainContent .actionRow__status__text__holder .actionRow__status__text {
    font-size: 14px;
    font-weight: 500; }
  .divTable .tableRow.milestoneRow .mainContent .photo, .divTable .tableRow.milestoneRow .mainContent div.photo {
    margin-left: 0px; }
    .divTable .tableRow.milestoneRow .mainContent .photo img, .divTable .tableRow.milestoneRow .mainContent div.photo img {
      width: 40px; }
  .divTable .tableRow.taskRow .mainContent .expanderCell {
    padding-right: 0; }
  .divTable .tableRow.taskRow .mainContent .taskIndent {
    width: 23px;
    display: inline-block; }
  .divTable .tableRow.taskRow .mainContent > div.tableNameCell {
    font-size: 11px; }
    .divTable .tableRow.taskRow .mainContent > div.tableNameCell .parentMilestone {
      display: none; }
  .divTable .tableRow.taskRow .mainContent > div .checkInfo {
    display: inline-block; }
  .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder {
    text-align: center;
    margin-top: 2px;
    position: relative; }
    .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder .activeTooltip {
      position: static; }
    .divTable .tableRow.taskRow .mainContent > div .priorityIconHolder .tooltip {
      left: 13px;
      top: 17px; }
  .divTable .tableRow.taskRow .mainContent > div .priorityNumber {
    text-align: center;
    display: inline-block;
    width: 23px; }
  .divTable .tableRow.taskRow .mainContent > div .photo, .divTable .tableRow.taskRow .mainContent > div div.photo {
    width: 40px;
    height: 40px;
    margin-left: 0px; }
    .divTable .tableRow.taskRow .mainContent > div .photo img, .divTable .tableRow.taskRow .mainContent > div div.photo img {
      width: 40px;
      height: auto; }
  .divTable .tableRow.taskRow .mainContent > div.tableAlignmentCell {
    padding-left: 0;
    width: 39px; }
    .divTable .tableRow.taskRow .mainContent > div.tableAlignmentCell .taskHandle {
      margin-right: 3px; }
  .divTable .tableRow.taskRow .mainContent .latestUpdateUserBox {
    margin-top: 2px; }
  .divTable .tableRow.taskRow .mainContent .actionRow__status__text {
    font-size: 14px;
    font-weight: 500; }
  .divTable .tableRow.taskRow .mainContent div.info {
    font-size: 11px; }
  .divTable .tableRow.actionRow .mainContent .closeCrossFront {
    top: 70px; }
  .divTable .tableRow.actionRow .mainContent .photo, .divTable .tableRow.actionRow .mainContent div.photo {
    width: 100%;
    height: 100%;
    margin-left: 0px; }
    .divTable .tableRow.actionRow .mainContent .photo img, .divTable .tableRow.actionRow .mainContent div.photo img {
      width: auto;
      height: auto; }
  .divTable .tableRow.actionRow .mainContent .perfIndicatorsBox {
    display: inline-block;
    margin-top: 60px;
    margin-right: 6px; }
  .divTable .tableRow.actionRow .mainContent .tableDateCell > div:first-of-type {
    font-size: 12px; }
  .divTable .tableRow.actionRow .mainContent .tableNameCell {
    font-size: 12px; }
  .divTable .tableRow.focusareaRow .mainContent {
    border-top: none; }
    .divTable .tableRow.focusareaRow .mainContent .photo, .divTable .tableRow.focusareaRow .mainContent div.photo {
      width: 34px;
      height: 34px; }
      .divTable .tableRow.focusareaRow .mainContent .photo img, .divTable .tableRow.focusareaRow .mainContent div.photo img {
        width: 34px; }
    .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator {
      width: 32px;
      height: 32px;
      background-image: url(/images/icons/focusarea-pink.svg);
      background-position: 0 0;
      background-size: 32px 32px;
      vertical-align: bottom;
      margin: 0;
      background-color: white; }
      .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator.red, .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator div.red {
        background-image: url(/images/icons/focusarea-red_2.svg); }
      .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator.green, .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator div.green {
        background-image: url(/images/icons/focusarea-green_2.svg); }
      .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator.yellow, .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator div.yellow {
        background-image: url(/images/icons/focusarea-yellow_2.svg); }
      .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator.blue, .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .latestStatusIndicator div.blue {
        background-image: url(/images/icons/focusarea-blue_2.svg); }
    .divTable .tableRow.focusareaRow .mainContent .tableStatusBox .tableStatusBox__text {
      font-size: 14px;
      font-weight: 500; }
    .divTable .tableRow.focusareaRow .mainContent .tableNameCell {
      font-size: 12px;
      line-height: 12px; }
    .divTable .tableRow.focusareaRow .mainContent .author {
      font-size: 20px; }
    .divTable .tableRow.focusareaRow .mainContent .box-width-0 {
      width: 412px !important; }
    .divTable .tableRow.focusareaRow .mainContent .box-width-1 {
      width: 395px !important; }
    .divTable .tableRow.focusareaRow .mainContent .box-width-2 {
      width: 378px !important; }
    .divTable .tableRow.focusareaRow .mainContent .box-width-3 {
      width: 361px !important; }
    .divTable .tableRow.focusareaRow .mainContent .box-width-4 {
      width: 344px !important; }
    .divTable .tableRow.focusareaRow .mainContent .box-width-5 {
      width: 327px !important; }
  .divTable .tableRow.tableHeader {
    font-size: 12px;
    text-transform: uppercase;
    border-left: 13px solid #EEEEEE;
    border-top: none;
    border-bottom: none;
    color: black;
    padding: 0px 4px;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none; }
    .divTable .tableRow.tableHeader div.tableDateCell {
      white-space: nowrap; }
    .divTable .tableRow.tableHeader .tableHeaderPlan {
      position: absolute;
      left: 480px; }
    .divTable .tableRow.tableHeader div.info.milestoneInfo .info-wrapper > span {
      padding-top: 3px; }
      .divTable .tableRow.tableHeader div.info.milestoneInfo .info-wrapper > span:after {
        top: 3px; }
    .divTable .tableRow.tableHeader th {
      background-color: #EEEEEE;
      color: black; }
    .divTable .tableRow.tableHeader .headerSpacer {
      display: inline-block; }
    .divTable .tableRow.tableHeader .headerPriorityIcon {
      width: 12px;
      height: 12px;
      display: inline-block;
      position: relative;
      top: 2px; }
      .divTable .tableRow.tableHeader .headerPriorityIcon:before {
        content: '';
        width: 24px;
        height: 24px;
        background-image: url(/images/icons/priority-black-viewbox.svg);
        background-size: 24px 24px;
        background-position: center 0;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        left: 1px; }
    .divTable .tableRow.tableHeader .headerCheckmarkIcon {
      width: 15px;
      height: 15px;
      background-size: 15px 15px;
      background-position: 0 0;
      background-image: url(/images/icons/checkmark.svg);
      display: inline-block; }
    .divTable .tableRow.tableHeader > div {
      display: inline-block;
      vertical-align: top; }
      .divTable .tableRow.tableHeader > div.tableLeftRowOuterBox, .divTable .tableRow.tableHeader > div.tableRightRowOuterBox {
        padding-right: 0;
        padding-left: 0; }
      .divTable .tableRow.tableHeader > div.tableProgressCell {
        text-align: center; }
      .divTable .tableRow.tableHeader > div.sortable {
        cursor: pointer; }
        .divTable .tableRow.tableHeader > div.sortable.active::after {
          background-image: url(/images/layout/triangle-down-viewbox.svg); }
        .divTable .tableRow.tableHeader > div.sortable.activeDesc::after {
          background-image: url(/images/layout/triangle-viewbox.svg); }
        .divTable .tableRow.tableHeader > div.sortable::after {
          content: "";
          background-image: url(/images/layout/triangle-down-gray-viewbox.svg);
          background-position: 1px 2px;
          background-size: 14px 14px;
          width: 10px;
          height: 10px;
          display: inline-block;
          background-repeat: no-repeat;
          margin-left: 2px; }
  .divTable .tableRow.overdue .mainContent .ms-overdue {
    display: block; }
  .divTable table tfoot tr td {
    background: #FFF; }
  .divTable p.create {
    margin-top: 3px; }
  .divTable .fr-box .fr-element.fr-view {
    margin-right: 0; }
  .divTable .checked .author .singleLine a.ng-binding.ng-scope {
    color: #B4B4B4; }
  .divTable .checked .expanderCell {
    opacity: 0.5; }

#topPriorityList .generic-icon.small, #topPriorityList ap-comment .small.comment-button, ap-comment #topPriorityList .small.comment-button, #topPriorityList ap-task-quick-edit .small.comment-button, ap-task-quick-edit #topPriorityList .small.comment-button, #topPriorityList ap-task-quick-add .small.comment-button, ap-task-quick-add #topPriorityList .small.comment-button {
  margin-top: -1px; }
#topPriorityList .actionRow .generic-icon.small.action-icon-grey, #topPriorityList .actionRow .generic-icon.small.action-icon, #topPriorityList .actionRow ap-comment .small.action-icon.comment-button, ap-comment #topPriorityList .actionRow .small.action-icon.comment-button, #topPriorityList .actionRow ap-task-quick-edit .small.action-icon.comment-button, ap-task-quick-edit #topPriorityList .actionRow .small.action-icon.comment-button, #topPriorityList .actionRow ap-task-quick-add .small.action-icon.comment-button, ap-task-quick-add #topPriorityList .actionRow .small.action-icon.comment-button, #topPriorityList .actionRow ap-comment .small.action-icon-grey.comment-button, ap-comment #topPriorityList .actionRow .small.action-icon-grey.comment-button, #topPriorityList .actionRow ap-task-quick-edit .small.action-icon-grey.comment-button, ap-task-quick-edit #topPriorityList .actionRow .small.action-icon-grey.comment-button, #topPriorityList .actionRow ap-task-quick-add .small.action-icon-grey.comment-button, ap-task-quick-add #topPriorityList .actionRow .small.action-icon-grey.comment-button {
  top: 0px; }
  #topPriorityList .actionRow .generic-icon.small.action-icon-grey:after, #topPriorityList .actionRow .generic-icon.small.action-icon:after, #topPriorityList .actionRow ap-comment .small.action-icon.comment-button:after, ap-comment #topPriorityList .actionRow .small.action-icon.comment-button:after, #topPriorityList .actionRow ap-task-quick-edit .small.action-icon.comment-button:after, ap-task-quick-edit #topPriorityList .actionRow .small.action-icon.comment-button:after, #topPriorityList .actionRow ap-task-quick-add .small.action-icon.comment-button:after, ap-task-quick-add #topPriorityList .actionRow .small.action-icon.comment-button:after, #topPriorityList .actionRow ap-comment .small.action-icon-grey.comment-button:after, ap-comment #topPriorityList .actionRow .small.action-icon-grey.comment-button:after, #topPriorityList .actionRow ap-task-quick-edit .small.action-icon-grey.comment-button:after, ap-task-quick-edit #topPriorityList .actionRow .small.action-icon-grey.comment-button:after, #topPriorityList .actionRow ap-task-quick-add .small.action-icon-grey.comment-button:after, ap-task-quick-add #topPriorityList .actionRow .small.action-icon-grey.comment-button:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px; }
#topPriorityList .tableBody {
  padding-top: 5px;
  padding-bottom: 8px;
  border-radius: 10px;
  border: 1px solid #cdcdcd; }
#topPriorityList .tableHeader {
  margin-bottom: 0;
  margin-top: 0;
  background: none;
  font-size: 12px;
  height: 18px; }
#topPriorityList .tableProgressCell {
  width: 21px;
  padding: 0 0 0 2px; }
#topPriorityList .tableDateCell {
  width: 82px;
  padding-bottom: 0;
  text-align: center;
  text-transform: uppercase; }
  #topPriorityList .tableDateCell > div:nth-of-type(2) {
    /* This is too fragile and shold be redefined everywhere*/
    margin-top: 2px; }
#topPriorityList .tablePriorityCell {
  width: 36px; }
#topPriorityList .tableNameCell {
  width: 525px; }
  #topPriorityList .tableNameCell .expanderCell {
    padding-top: 0px !important;
    padding-left: 8px; }
  #topPriorityList .tableNameCell .parentMilestone {
    display: inline; }
  #topPriorityList .tableNameCell .parentNameLine {
    padding-top: 5.75px;
    margin-top: 0;
    background-color: white; }
  #topPriorityList .tableNameCell .box-width-0 {
    width: 392px; }
#topPriorityList .pl_normal_table_coll__name .iniNameBox {
  width: 500px; }
  #topPriorityList .pl_normal_table_coll__name .iniNameBox .singleLine.collapsedSingleLine {
    max-width: 500px; }
#topPriorityList .tableCreatedByCell {
  width: 177px; }
  #topPriorityList .tableCreatedByCell .latestUpdateUserBox {
    padding-top: 1.25px; }
    #topPriorityList .tableCreatedByCell .latestUpdateUserBox .truncate-username {
      padding-bottom: 6.25px; }
#topPriorityList .tableOptionsCell {
  padding-top: 5px;
  width: 32px;
  text-align: center; }
  #topPriorityList .tableOptionsCell .controls-link {
    width: 14px;
    height: 14px;
    background-size: 14px 14px; }
#topPriorityList .selector-line {
  border-bottom: none; }
  #topPriorityList .selector-line .arrow_select {
    top: 24px;
    right: 142px; }
#topPriorityList .taskIndent {
  width: 23px; }
#topPriorityList .priorityNumberOrIcon {
  font-size: 12px;
  padding-left: 6px;
  padding-top: 12px; }
#topPriorityList .priorityRoadmapSelector {
  margin-bottom: 0px; }
#topPriorityList .tableRow:first-child .mainContent {
  border-top: none; }
#topPriorityList .comment-content .taskFile {
  left: 570px;
  top: 8px;
  position: absolute; }
#topPriorityList .parentNameLine .generic-icon.small, #topPriorityList .parentNameLine ap-comment .small.comment-button, ap-comment #topPriorityList .parentNameLine .small.comment-button, #topPriorityList .parentNameLine ap-task-quick-edit .small.comment-button, ap-task-quick-edit #topPriorityList .parentNameLine .small.comment-button, #topPriorityList .parentNameLine ap-task-quick-add .small.comment-button, ap-task-quick-add #topPriorityList .parentNameLine .small.comment-button {
  margin-top: -1;
  margin-left: 0;
  vertical-align: middle;
  width: 8px;
  height: 8px; }
  #topPriorityList .parentNameLine .generic-icon.small:after, #topPriorityList .parentNameLine ap-comment .small.comment-button:after, ap-comment #topPriorityList .parentNameLine .small.comment-button:after, #topPriorityList .parentNameLine ap-task-quick-edit .small.comment-button:after, ap-task-quick-edit #topPriorityList .parentNameLine .small.comment-button:after, #topPriorityList .parentNameLine ap-task-quick-add .small.comment-button:after, ap-task-quick-add #topPriorityList .parentNameLine .small.comment-button:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px; }
#topPriorityList .parentNameLine .contents {
  margin-top: -2px;
  margin-left: 0; }
  #topPriorityList .parentNameLine .contents a span:not(.generic-icon) {
    margin-left: 6px; }
#topPriorityList .parentNameLine span {
  font-size: 12px;
  color: #AEACAD;
  display: inline-block;
  vertical-align: middle; }
#topPriorityList .parentNameLine .chk-list + label:before, #topPriorityList .parentNameLine .chk-list + span:before {
  margin-right: 0; }
#topPriorityList .controls-box {
  margin-top: 1px; }
#topPriorityList .editShortcut {
  padding-top: 1px; }
#topPriorityList .divTable .tableRow.taskRow .mainContent > div .photo, #topPriorityList .divTable .tableRow.taskRow .mainContent > div div.photo {
  width: 40px;
  height: 40px; }
#topPriorityList .comment-form .comment-textarea {
  font-size: 15px; }

#actionsByWeeks .tableNameCell .parentMilestone {
  display: inline; }

.listTableDownloader {
  position: absolute;
  margin-left: 5px; }

#feedback-requirement-list th:nth-child(2) {
  min-width: 100px; }
#feedback-requirement-list th:nth-child(3) {
  width: 100%; }
#feedback-requirement-list th:last-child {
  min-width: 90px; }
#feedback-requirement-list .editFeedbackRequirement,
#feedback-requirement-list .deleteFeedbackRequirement {
  cursor: pointer; }
  #feedback-requirement-list .editFeedbackRequirement:hover,
  #feedback-requirement-list .deleteFeedbackRequirement:hover {
    text-decoration: underline; }

.feedbacker-role {
  background-repeat: no-repeat;
  width: 5px;
  display: inline-block;
  height: 10px;
  margin-right: 2px;
  position: relative;
  vertical-align: middle;
  top: 0px; }
  .feedbacker-role:before {
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    content: ''; }

.ng-scope .role {
  margin-right: 0.3rem; }

ap-role-info.ng-isolate-scope {
  display: flex;
  align-items: center; }
  ap-role-info.ng-isolate-scope span.ng-scope {
    display: flex;
    align-items: center;
    padding: 3px 0px; }

.feedbacker-role.responsible-role:before {
  background-image: url(/images/icons/roles/responsible-simple.svg) !important; }
.feedbacker-role.owner-role:before {
  background-image: url(/images/icons/roles/owner-simple.svg); }
.feedbacker-role.supporter-role:before {
  background-image: url(/images/icons/roles/supporter-simple.svg);
  margin-top: 1px; }
.feedbacker-role.shared-role:before {
  background-image: url(/images/icons/roles/shared-simple.svg); }
.feedbacker-role.creator-role:before {
  background-image: url(/images/icons/roles/creator-viewbox.svg); }

.msgFooter {
  text-align: center;
  font-weight: 600;
  border: 1px solid #DDD;
  border-top: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }

#tblBulkChangeOwner .feedbackTarget {
  margin-bottom: 0px; }

.weekTable .milestoneRow .expanderCell {
  width: 42px; }

ap-my-actions .divTable ng-repeat:first-of-type ap-action-block > .tableRow:first-of-type .mainContent, ap-my-milestones .divTable ng-repeat:first-of-type ap-action-block > .tableRow:first-of-type .mainContent, ap-milestone-table .divTable ng-repeat:first-of-type ap-action-block > .tableRow:first-of-type .mainContent {
  border-top: 0; }
ap-my-actions .lastBorderFix, ap-my-milestones .lastBorderFix, ap-milestone-table .lastBorderFix {
  height: 12px; }
ap-my-actions .actionRow .latestStatusIndicator, ap-my-milestones .actionRow .latestStatusIndicator, ap-milestone-table .actionRow .latestStatusIndicator {
  margin: 3px 8px 0 2px; }
ap-my-actions .actionRow .latestStatusText, ap-my-milestones .actionRow .latestStatusText, ap-milestone-table .actionRow .latestStatusText {
  display: inline-block;
  vertical-align: top;
  padding-top: 3px; }
ap-my-actions .actionRow .latestUpdateUserBox, ap-my-milestones .actionRow .latestUpdateUserBox, ap-milestone-table .actionRow .latestUpdateUserBox {
  margin-top: 2px; }
ap-my-actions .tableRow.actionRow .mainContent .tableDateCell > div:nth-of-type(2), ap-my-milestones .tableRow.actionRow .mainContent .tableDateCell > div:nth-of-type(2), ap-milestone-table .tableRow.actionRow .mainContent .tableDateCell > div:nth-of-type(2) {
  margin-top: 4px; }
ap-my-actions .comment-seen, ap-my-milestones .comment-seen, ap-milestone-table .comment-seen {
  left: -12px;
  top: 14px;
  cursor: pointer; }
ap-my-actions .milestoneHandle, ap-my-milestones .milestoneHandle, ap-milestone-table .milestoneHandle {
  display: none; }
ap-my-actions .taskRows .tableOptionsCell .editShortcut, ap-my-milestones .taskRows .tableOptionsCell .editShortcut, ap-milestone-table .taskRows .tableOptionsCell .editShortcut {
  margin: 7px 5px 0px 3px; }
ap-my-actions .taskRows .tableOptionsCell .controls-box .controls-link:after, ap-my-milestones .taskRows .tableOptionsCell .controls-box .controls-link:after, ap-milestone-table .taskRows .tableOptionsCell .controls-box .controls-link:after {
  width: 22px;
  height: 22px; }

#container > div.subContainer > div.viewTable > div.hideable > ap-my-actions > div > div > div.tableBody > ng-repeat > div > div.mainContent {
  border-top: 0; }

.headerControlsIcon {
  width: 14px;
  height: 14px;
  display: inline-block;
  overflow: visible;
  position: relative;
  margin-top: 1px; }
  .headerControlsIcon:after {
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    background-position: 0 0;
    background-image: url(/images/icons/controls-black.svg); }

.actionTreeRow td {
  border-bottom: 1px solid #DDD; }

ap-my-actions .divTable .tableRow .mainContent .expanderCell *::-ms-backdrop, ap-my-actions .divTable .tableRow .mainContent .expanderCell .item-icon, ap-my-milestones .divTable .tableRow .mainContent .expanderCell *::-ms-backdrop, ap-my-milestones .divTable .tableRow .mainContent .expanderCell .item-icon, ap-milestone-table .divTable .tableRow .mainContent .expanderCell *::-ms-backdrop, ap-milestone-table .divTable .tableRow .mainContent .expanderCell .item-icon {
  margin-top: 0px; }
ap-my-actions .divTable .tableRow .mainContent .expanderCell *::-ms-backdrop, ap-my-actions .divTable .tableRow .mainContent .expanderCell .item-icon.item-private, ap-my-milestones .divTable .tableRow .mainContent .expanderCell *::-ms-backdrop, ap-my-milestones .divTable .tableRow .mainContent .expanderCell .item-icon.item-private, ap-milestone-table .divTable .tableRow .mainContent .expanderCell *::-ms-backdrop, ap-milestone-table .divTable .tableRow .mainContent .expanderCell .item-icon.item-private {
  margin-top: 1px; }
ap-my-actions .divTable .tableRow .mainContent .box-width-0, ap-my-milestones .divTable .tableRow .mainContent .box-width-0, ap-milestone-table .divTable .tableRow .mainContent .box-width-0 {
  width: 387px !important; }
ap-my-actions .divTable .tableRow .mainContent .box-width-1, ap-my-milestones .divTable .tableRow .mainContent .box-width-1, ap-milestone-table .divTable .tableRow .mainContent .box-width-1 {
  width: 370px !important; }
ap-my-actions .divTable .tableRow .mainContent .box-width-2, ap-my-milestones .divTable .tableRow .mainContent .box-width-2, ap-milestone-table .divTable .tableRow .mainContent .box-width-2 {
  width: 353px !important; }
ap-my-actions .divTable .tableRow .mainContent .box-width-3, ap-my-milestones .divTable .tableRow .mainContent .box-width-3, ap-milestone-table .divTable .tableRow .mainContent .box-width-3 {
  width: 336px !important; }
ap-my-actions .divTable .tableRow .mainContent .box-width-4, ap-my-milestones .divTable .tableRow .mainContent .box-width-4, ap-milestone-table .divTable .tableRow .mainContent .box-width-4 {
  width: 319px !important; }
ap-my-actions .divTable .tableRow .mainContent .box-width-5, ap-my-milestones .divTable .tableRow .mainContent .box-width-5, ap-milestone-table .divTable .tableRow .mainContent .box-width-5 {
  width: 302px !important; }

.divTable ap-milestone-table-header .tableRow .tablePlanCell div.info .milestone-info, .divTable ap-milestone-table-header .tableRow .tablePlanCell div.info .task-info, .divTable ap-milestone-table-header .tableRow .tablePlanCell div.info .action-info, .divTable ap-milestone-table-header .tableRow .tablePlanCell div.info .subaction-info {
  cursor: default; }

#tblBulkChangeOwner .chosen-search input {
  text-align: left; }

#tblBulkChangeOwner .chosen-container-single .chosen-single, #tblBulkChangeResponsible .chosen-container-single .chosen-single {
  border: 1px solid #DDD; }

#usersTableWrapper .filters {
  margin-top: -9px; }
  #usersTableWrapper .filters .toggle_inactive_users:checked ~ .hide_archived_btn {
    border: 1px solid #e93b83;
    color: #e93b83;
    background: #fef6f9; }
    #usersTableWrapper .filters .toggle_inactive_users:checked ~ .hide_archived_btn::before {
      background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
#usersTableWrapper .table-toolbar > p.delete {
  margin-top: -2px; }
  #usersTableWrapper .table-toolbar > p.delete label > span {
    top: -1px; }
  #usersTableWrapper .table-toolbar > p.delete > input {
    top: 4px; }
  #usersTableWrapper .table-toolbar > p.delete .chosen-container-single .chosen-single div {
    top: 1px; }

ap-my-milestones .divTable.myTasksTable .singleLine.collapsedSingleLine, ap-milestone-table .divTable.myTasksTable .singleLine.collapsedSingleLine {
  padding-bottom: 2px; }
ap-my-milestones .divTable .tableRow .mainContent .usersInfo .responsible-block, ap-milestone-table .divTable .tableRow .mainContent .usersInfo .responsible-block {
  vertical-align: baseline; }
ap-my-milestones .divTable .tableRow .mainContent .expanderCell, ap-milestone-table .divTable .tableRow .mainContent .expanderCell {
  padding-top: 3px; }
ap-my-milestones .editShortcut, ap-milestone-table .editShortcut {
  margin: 7px 2px 0;
  z-index: 1;
  position: relative; }
ap-my-milestones .comment-seen, ap-milestone-table .comment-seen {
  left: -12px;
  top: 15px;
  cursor: pointer; }

ap-my-tasks .divTable.myTasksTable .singleLine.collapsedSingleLine {
  padding-bottom: 2px; }
ap-my-tasks .editShortcut {
  margin: 7px 2px 0;
  z-index: 1;
  position: relative; }
ap-my-tasks .comment-seen {
  left: -12px;
  top: 14px;
  cursor: pointer; }
ap-my-tasks .unalignedTaskParent {
  vertical-align: middle; }
ap-my-tasks .divTable .tableRow .mainContent .parentNameLine .generic-icon, ap-my-tasks .divTable .tableRow .mainContent .parentNameLine ap-comment .comment-button, ap-comment ap-my-tasks .divTable .tableRow .mainContent .parentNameLine .comment-button, ap-my-tasks .divTable .tableRow .mainContent .parentNameLine ap-task-quick-edit .comment-button, ap-task-quick-edit ap-my-tasks .divTable .tableRow .mainContent .parentNameLine .comment-button, ap-my-tasks .divTable .tableRow .mainContent .parentNameLine ap-task-quick-add .comment-button, ap-task-quick-add ap-my-tasks .divTable .tableRow .mainContent .parentNameLine .comment-button {
  margin-top: 5px;
  vertical-align: top; }
  ap-my-tasks .divTable .tableRow .mainContent .parentNameLine .generic-icon + span, ap-my-tasks .divTable .tableRow .mainContent .parentNameLine ap-comment .comment-button + span, ap-comment ap-my-tasks .divTable .tableRow .mainContent .parentNameLine .comment-button + span, ap-my-tasks .divTable .tableRow .mainContent .parentNameLine ap-task-quick-edit .comment-button + span, ap-task-quick-edit ap-my-tasks .divTable .tableRow .mainContent .parentNameLine .comment-button + span, ap-my-tasks .divTable .tableRow .mainContent .parentNameLine ap-task-quick-add .comment-button + span, ap-task-quick-add ap-my-tasks .divTable .tableRow .mainContent .parentNameLine .comment-button + span {
    vertical-align: middle; }

ap-milestone-quick-edit .milestoneTasks .taskTable, ap-milestone-quick-add .milestoneTasks .taskTable {
  table-layout: fixed;
  word-wrap: break-word;
  width: 532px; }
  ap-milestone-quick-edit .milestoneTasks .taskTable .taskCheckboxCell, ap-milestone-quick-add .milestoneTasks .taskTable .taskCheckboxCell {
    width: 18px; }
  ap-milestone-quick-edit .milestoneTasks .taskTable .taskNameCell, ap-milestone-quick-add .milestoneTasks .taskTable .taskNameCell {
    width: 178px; }
  ap-milestone-quick-edit .milestoneTasks .taskTable .taskResponsibleCell, ap-milestone-quick-add .milestoneTasks .taskTable .taskResponsibleCell {
    width: 61px; }
  ap-milestone-quick-edit .milestoneTasks .taskTable .taskDateCell, ap-milestone-quick-add .milestoneTasks .taskTable .taskDateCell {
    width: 63px; }
  ap-milestone-quick-edit .milestoneTasks .taskTable .taskEditIcons, ap-milestone-quick-add .milestoneTasks .taskTable .taskEditIcons {
    width: 34px; }
  ap-milestone-quick-edit .milestoneTasks .taskTable .taskStatusCell, ap-milestone-quick-add .milestoneTasks .taskTable .taskStatusCell {
    width: 120px; }

.divTable.systemEdit p.create {
  margin-top: 1px; }
.divTable.systemEdit div.table-toolbar p.resultsperpage {
  margin-top: 6px; }
.divTable.systemEdit div.table-toolbar div.filters {
  margin-top: 3px; }
.divTable.systemEdit .adlif_wrap {
  vertical-align: middle;
  position: relative;
  top: -2px; }
.divTable.systemEdit .table-toolbar > p.delete {
  margin-top: 2px; }
  .divTable.systemEdit .table-toolbar > p.delete span {
    vertical-align: middle; }
.divTable.systemEdit td label span {
  vertical-align: text-bottom; }
.divTable.systemEdit.allActions #actionOverviewTable td label span {
  top: -3px; }
.divTable.systemEdit.allActions + #tblBulkInviteSupporter .fu:first-of-type {
  width: 498px; }

.divTable.companyTagsEdit div.table-toolbar p.create {
  margin-top: 0; }

#admin_metrics input[type=radio] {
  vertical-align: text-bottom; }

.detachedRoleSelectorHolder {
  display: inline-block;
  vertical-align: bottom;
  color: #9D9C9C;
  height: 28px; }
  .detachedRoleSelectorHolder .myRoles {
    display: none; }
  .detachedRoleSelectorHolder .chk-role-icon + span > span {
    width: 60px;
    padding-top: 3px; }
  .detachedRoleSelectorHolder .chk-role-icon + label:before, .detachedRoleSelectorHolder .chk-role-icon + span:before {
    width: 60px;
    background-position: 22px 5px; }
  .detachedRoleSelectorHolder .roleSelector li {
    font-size: 7px;
    text-transform: uppercase; }

.notification-box-word-wrap {
  width: 100%;
  overflow-wrap: break-word;
  word-break: keep-all; }

table.narrowTable {
  width: calc(598px); }
  table.narrowTable th, table.narrowTable td {
    width: 50%; }

.all-actions-tags .tag-wrapper {
  width: 277px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: top; }
.all-actions-tags ap-tag-form-field > div:first-of-type {
  margin-right: -12px;
  margin-bottom: 12px; }
.all-actions-tags #bulkActionTagsDialog .tag-list-selector {
  width: 277px; }
  .all-actions-tags #bulkActionTagsDialog .tag-list-selector select {
    width: 277px; }
.all-actions-tags .tag-list-category {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%; }

table.borderTableTop {
  border-top: 13px solid #EEEEEE; }

table.borderTable {
  border-left: 13px solid #EEEEEE;
  border-right: 13px solid #EEEEEE; }

table.borderTableBottom {
  border-bottom: 13px solid #EEEEEE; }

ap-my-milestones .divTable .tableRow.milestoneRow .mainContent {
  border-top: none; }

.wrap-userpermission th, .wrap-userpermission .tableRow.tableHeader th {
  background-color: transparent;
  text-transform: capitalize;
  font-size: 0.6rem;
  color: gray;
  font-weight: 400;
  padding-left: 0.6rem; }
.wrap-userpermission thead {
  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 33%, white 100%); }

#businessmap-users .tableAboveHeader {
  background-color: #fff;
  display: flex;
  justify-content: flex-end; }
#businessmap-users thead th:nth-last-child(1),
#businessmap-users tbody td:nth-last-child(1) {
  display: flex;
  justify-content: center; }
#businessmap-users tr:nth-child(even) td {
  border-bottom: 1px solid #e6dede;
  border-top: 1px solid #e6dede; }
#businessmap-users .table-toolbar .hidden-radio-label span {
  padding: 0 10px; }

#perspectives-table .tableAboveHeader {
  background-color: #fff;
  font-size: 0.8rem; }
#perspectives-table .tableRow.tableHeader th {
  background-color: transparent; }
#perspectives-table thead {
  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 33%, white 100%); }

.roadmap-terminology-wraper .tableAboveHeader {
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
.roadmap-terminology-wraper .tableRow.tableHeader th {
  background-color: transparent;
  text-transform: capitalize;
  font-size: 0.6rem;
  color: gray;
  font-weight: 400;
  padding-left: 0.6rem; }
.roadmap-terminology-wraper thead {
  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 33%, white 100%); }
.roadmap-terminology-wraper .language-title {
  margin-right: 0.8rem;
  color: black;
  font-size: 0.8rem; }
.roadmap-terminology-wraper tbody tr:nth-child(even) td {
  border-bottom: 1px solid #e6dede;
  border-top: 1px solid #e6dede; }
.roadmap-terminology-wraper tbody td:nth-last-child(1) {
  display: flex;
  justify-content: flex-end; }

.text-header-h3 {
  font-size: 1.5rem; }

#perspectives a.javascript {
  text-decoration: none;
  display: flex;
  align-items: center; }
  #perspectives a.javascript span {
    margin-right: 4px; }
  #perspectives a.javascript::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(/images/icons/more-options-pink.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-right: 5px; }

#businessmapForm .editSettings {
  margin: 10px 0;
  font-size: 0.8rem; }
#businessmapForm .form-box-wrap .list-tree-selector {
  width: 36%; }

#perspectives-table .tableAboveHeader {
  position: relative;
  border: none;
  padding: 0; }
#perspectives-table .table-add .createLink {
  position: absolute;
  width: 120px;
  right: 0;
  top: -37px;
  font-size: 0.8rem; }
#perspectives-table table.sortable, #perspectives-table table.data {
  border-radius: 10px 10px 0 0; }

.table-content__wrap {
  position: relative;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  border: 1px solid #DDD; }
  .table-content__wrap .table-add {
    position: absolute;
    right: 0;
    top: 0; }
  .table-content__wrap .table-header {
    display: flex;
    width: 100%;
    background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 33%, white 100%);
    border-radius: 10px 10px 0 0;
    font-weight: 300; }
  .table-content__wrap .table-row {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ddd; }
  .table-content__wrap .table-col-60 {
    width: 44%;
    min-width: 44%; }
  .table-content__wrap .table-col-40 {
    width: 53%;
    min-width: 52%; }
  .table-content__wrap .table-col-60, .table-content__wrap .table-col-40 {
    display: flex;
    padding: 5px 10px; }
  .table-content__wrap .table-content .table-col-60, .table-content__wrap .table-content .table-col-40 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 0.8rem; }
  .table-content__wrap .table-wrap-left_menu {
    position: relative; }
    .table-content__wrap .table-wrap-left_menu .table-left_menu {
      position: absolute;
      right: -46px;
      top: 13px;
      transition: .1s;
      width: 100px;
      display: flex;
      justify-content: flex-end; }
      .table-content__wrap .table-wrap-left_menu .table-left_menu .controls-link {
        border-radius: 50%;
        width: 20px;
        height: 20px; }
      .table-content__wrap .table-wrap-left_menu .table-left_menu .controls-box .controls-link::after {
        background-size: cover;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-position: 0px 0px; }
    .table-content__wrap .table-wrap-left_menu .active .controls-link::after {
      background-position: 5px 7px; }
  .table-content__wrap .bulk_option__button {
    visibility: hidden;
    transition: .3s; }
  .table-content__wrap .table-left_menu:hover .bulk_option__button {
    visibility: visible; }
  .table-content__wrap .mr-5 {
    margin-right: 5px; }
  .table-content__wrap .obj-res-icon {
    margin-top: 3px; }
  .table-content__wrap .table-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    align-items: center;
    font-size: 0.8rem; }
  .table-content__wrap .table-roles-wrap {
    display: flex;
    width: 60%;
    min-width: 60%;
    align-self: center; }
  .table-content__wrap .table-text-icon-arrow::before,
  .table-content__wrap .table-text-icon-heart::before,
  .table-content__wrap .table-icon::before {
    content: '';
    min-width: 21px;
    width: 21px;
    min-height: 15px;
    height: 15px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: contain;
    margin-right: 0;
    vertical-align: middle;
    display: inline-block; }
  .table-content__wrap .table-text-icon-arrow::before {
    background-image: url(/images/icons/left-arrow-pink.svg); }
  .table-content__wrap .table-text-icon-heart::before {
    background-image: url(/images/icons/responsible-pink_icon.svg); }
  .table-content__wrap .table-icon {
    display: flex;
    align-items: center; }
  .table-content__wrap .table-icon::before {
    background-image: url(/images/icons/focusarea-grey.svg);
    width: 20px;
    height: 20px;
    background-size: 30px 30px;
    background-position: 1px 3px; }
  .table-content__wrap .table-content-row {
    display: flex; }
  .table-content__wrap ap-focusareas-table .table-content__wrap {
    border: none; }
  .table-content__wrap ap-focusareas-table .table-row {
    border-bottom: none; }
  .table-content__wrap .pl-0 {
    margin-left: 2rem; }
  .table-content__wrap .pl-1 {
    margin-left: 4rem; }
  .table-content__wrap .pl-2 {
    margin-left: 6rem; }
  .table-content__wrap .pl-3 {
    margin-left: 8rem; }
  .table-content__wrap .pl-4 {
    margin-left: 10rem; }
  .table-content__wrap .pl-5 {
    margin-left: 12rem; }
  .table-content__wrap .pl-6 {
    margin-left: 14rem; }
  .table-content__wrap .pl-7 {
    margin-left: 16rem; }
  .table-content__wrap .pl-8 {
    margin-left: 18rem; }
  .table-content__wrap .table-wrap-arrow_button {
    width: 50%;
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    z-index: 25; }
    .table-content__wrap .table-wrap-arrow_button .table-button {
      width: 16px;
      height: 15px;
      border: 1px solid #ddd;
      border-radius: 5px;
      position: relative;
      cursor: pointer; }
      .table-content__wrap .table-wrap-arrow_button .table-button::after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        background-image: url(/images/icons/collapse2-viewbox-right-grey.svg);
        background-repeat: no-repeat;
        -webkit-background-size: 10px 10px;
        background-size: 10px 10px;
        top: 3px;
        left: 6px; }
      .table-content__wrap .table-wrap-arrow_button .table-button.active {
        border: 1px solid #ffe4ee; }
        .table-content__wrap .table-wrap-arrow_button .table-button.active::after {
          background-image: url(/images/icons/collapse3-viewbox.svg);
          background-size: 20px 20px;
          top: 6px;
          left: 3px; }

#notification-list-table tbody tr .notification-checkbox-align {
  vertical-align: top;
  padding-top: 33px; }

.toggle_inactive_users_loader {
  position: absolute;
  right: 275px;
  top: 100px; }

#notification-list-table .feedback-notification .history-action-icon-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #DDD;
  background-color: white;
  z-index: 10;
  margin-left: 6px; }
  #notification-list-table .feedback-notification .history-action-icon-wrapper .history-action-icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    position: relative;
    position: absolute; }
#notification-list-table .feedback-notification .coll_icon, #notification-list-table .feedback-notification .coll_date, #notification-list-table .feedback-notification .coll_action, #notification-list-table .feedback-notification .coll_content {
  padding: 0;
  padding-right: 10px; }
#notification-list-table .feedback-notification .info_holder__top_line.red {
  color: #e43e3e;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 3px; }
  #notification-list-table .feedback-notification .info_holder__top_line.red .status {
    font-weight: 300; }
#notification-list-table .feedback-notification .info_holder__item_date {
  font-weight: 400;
  font-size: 10px;
  color: #ACACAC;
  margin-bottom: 3px; }
#notification-list-table .feedback-notification .coll_action .coll_action__user_info .content .name {
  font-weight: 400;
  font-size: 15px;
  color: #121212; }
#notification-list-table .feedback-notification .ini_details__ini_history__item .coll_icon::before {
  display: none; }
#notification-list-table .feedback-notification .coll_content {
  width: 720px; }
  #notification-list-table .feedback-notification .coll_content .coll_content__comment_holder .title {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    color: #2F3941; }
  #notification-list-table .feedback-notification .coll_content .coll_content__comment_holder .text.comment-text {
    background: #f9f9f9;
    font-weight: 400;
    font-size: 12px;
    color: #121212;
    padding: 10px;
    width: calc(100% - 20px);
    border-radius: 3px; }
  #notification-list-table .feedback-notification .coll_content .coll_content__kpi_holder .execution_status_kpi_detail {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
    width: calc(100% - 20px);
    border-radius: 3px;
    background: #f9f9f9; }
    #notification-list-table .feedback-notification .coll_content .coll_content__kpi_holder .execution_status_kpi_detail table {
      margin-top: 20px; }
      #notification-list-table .feedback-notification .coll_content .coll_content__kpi_holder .execution_status_kpi_detail table thead th {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 10px;
        color: #2F3941;
        background: none; }

#guestTableWrapper tr {
  height: 50px; }
#guestTableWrapper .table-cell.option-col {
  text-align: right;
  padding: 0; }
  #guestTableWrapper .table-cell.option-col.table-wrap-left_menu .table-left_menu {
    top: 0;
    height: 100%; }
  #guestTableWrapper .table-cell.option-col .bulk-option .bulk-option-edit {
    cursor: pointer; }
    #guestTableWrapper .table-cell.option-col .bulk-option .bulk-option-edit:after {
      content: '';
      width: 20px;
      height: 13px;
      display: inline-block;
      background: url("/images/icons/icons-edit-viewbox.svg");
      background-size: 20px 20px; }
  #guestTableWrapper .table-cell.option-col .bulk-option .bulk-option-delete {
    cursor: pointer; }
    #guestTableWrapper .table-cell.option-col .bulk-option .bulk-option-delete:after {
      content: '';
      width: 20px;
      height: 13px;
      display: inline-block;
      background: url("/images/icons/icons-delete-viewbox.svg");
      background-size: 20px 20px; }

.width-fit {
  width: fit-content; }

.taskTableMsContainer {
  padding: 0px 20px; }

.taskTableMsContainer .taskTable {
  width: 100%; }

#milestone .taskTable {
  width: 80%; }

.taskTableWrap {
  max-height: 95vh;
  overflow-y: auto; }

.taskTable td {
  padding: 5px !important;
  font-size: 10px !important;
  border-bottom: 1px solid #E6E6E6;
  line-height: 16px; }
  .taskTable td .chosen-container {
    font-size: 11px; }
  .taskTable td .editLinks {
    visibility: hidden; }
.taskTable .formRow td {
  padding: 0px 5px !important; }
.taskTable tr:last-child td {
  border-bottom: 0; }
.taskTable.last td {
  border-bottom: none; }
.taskTable .timecal {
  height: 17px; }
.taskTable .taskNameFrontend {
  word-break: break-all; }

.taskTable tr.checked td, .priorityListTable tr.checked td {
  color: #17960A; }

.taskTable td:hover .editLinks {
  visibility: visible; }

.taskName {
  height: auto;
  line-height: 17px;
  padding: 3px;
  font-size: 11px;
  resize: none;
  max-height: inherit; }

.taskTable.overviewTaskTable {
  margin-top: 2px;
  width: 300px;
  position: static;
  width: auto;
  margin-bottom: 100px; }

.taskTable .chosen-container-single .chosen-single span {
  color: #CCCCCC; }

.taskFormBox input[type="text"], .taskFormBox textarea, .taskFormBox .chosen-container-single .chosen-single, .taskFormBox input.cal {
  border: 1px solid #DDD;
  height: 20px;
  padding: 3px;
  line-height: 22px;
  border-radius: 2px; }
  .taskFormBox input[type="text"]:focus:not(.disabled), .taskFormBox textarea:focus:not(.disabled), .taskFormBox .chosen-container-single .chosen-single:focus:not(.disabled), .taskFormBox input.cal:focus:not(.disabled) {
    border: 1px solid #3AA7DD;
    box-shadow: 0 0 4px #3AA7DD;
    outline: none; }

.taskFormBox textarea {
  height: auto;
  min-height: 47px;
  line-height: normal;
  font-size: 11px; }
  .taskFormBox textarea::-webkit-input-placeholder {
    font-size: 10px; }
  .taskFormBox textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 10px; }
  .taskFormBox textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 10px; }
  .taskFormBox textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 10px; }
.taskFormBox .fu span.capitalize {
  font-size: 12px; }
.taskFormBox #taskForm h3 {
  font-size: 16px;
  line-height: 15px;
  padding-top: 0px; }
.taskFormBox #taskForm .chosen-container .chosen-single span {
  font-size: 11px; }
  .taskFormBox #taskForm .chosen-container .chosen-single span::-webkit-input-placeholder {
    font-size: 10px; }
  .taskFormBox #taskForm .chosen-container .chosen-single span:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 10px; }
  .taskFormBox #taskForm .chosen-container .chosen-single span::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 10px; }
  .taskFormBox #taskForm .chosen-container .chosen-single span:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 10px; }

.taskFormBox .removeLink {
  color: #9D9C9C; }

.taskTable .submitbutton {
  height: 19px; }

.taskTable .chosen-container-single .chosen-single div b {
  margin-top: -5px; }

.taskTable tr.last td {
  border-bottom: none; }

.taskTable tr.checked .overduetext {
  display: none; }

.taskHandle {
  display: inline-block; }

.taskDateCell {
  white-space: nowrap; }

.taskCheckboxCell {
  width: 2%; }

.taskEditIcons {
  text-align: left;
  vertical-align: middle;
  padding-left: 0px;
  white-space: nowrap; }
  .taskEditIcons .ap-icon-edit {
    background-image: url(/images/icons/icons-edit-sim.svg); }
    .taskEditIcons .ap-icon-edit:hover {
      background-image: url(/images/icons/icons-edit-pink-sim.svg); }
  .taskEditIcons .ap-icon-delete {
    background-image: url(/images/icons/icons-delete-sym.svg); }
    .taskEditIcons .ap-icon-delete:hover {
      background-image: url(/images/icons/icons-delete-pink-sym.svg); }

.focusareaCopy {
  text-align: left;
  vertical-align: middle;
  padding-left: 0px;
  width: 5%;
  white-space: nowrap; }

.taskFormDateCell {
  width: 20%; }

.taskSubmitCell {
  text-align: right;
  white-space: nowrap;
  vertical-align: bottom !important; }

.taskDragCell {
  width: 5%;
  border-bottom: none !important;
  text-align: right; }

.formRow {
  display: none; }

.formRow.edit {
  background-color: #F8F8F8;
  padding-bottom: 5px;
  padding-top: 5px; }

.taskFilterSelect {
  width: 200px; }

.threeFilters .taskFilterSelect {
  width: 130px; }

.dueToday {
  position: absolute;
  left: -10px;
  top: -5px;
  color: red;
  font-size: 16px;
  font-weight: bold; }

.taskPriorityIcon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 2px; }
  .taskPriorityIcon:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/priority-ltgrey.svg); }
  .taskPriorityIcon.activePrioritySymbol:after, .taskPriorityIcon:hover:after {
    background-image: url(/images/icons/priority-active.svg); }

.pastDue {
  position: absolute;
  left: -18px;
  top: -5px;
  color: red;
  font-size: 16px;
  font-weight: bold;
  font-style: normal !important; }

.taskPriorityIconDashboard {
  color: red;
  font-size: 16px;
  font-weight: bold;
  font-style: normal !important;
  cursor: pointer; }

#dashboard .milestoneSortableTable .taskPriorityIcon {
  color: #808080 !important; }

.overduetext {
  font-weight: normal; }

.editApproveWarning {
  display: none; }

.taskFilters {
  position: absolute;
  left: 100px;
  top: -4px;
  text-align: center;
  width: 420px; }

.archiveRow {
  border-bottom: none; }

.archiveRow td {
  padding: 0px !important;
  height: 16px; }

.archiveRowDiv {
  position: absolute;
  left: -20px;
  top: 0px;
  background-color: #F0F0F0;
  color: #808080 !important;
  width: 833px;
  height: 16px;
  font-style: italic; }

.archiveRowInfo {
  padding-left: 130px; }

#homepageTasks .archiveRowDiv {
  width: 633px;
  left: 0px; }

#homepageTasks .archiveRowInfo {
  padding-left: 5px; }

#homepageTaskFilter .taskFilterSelect {
  width: 200px; }

.archiveRow a {
  color: #808080;
  cursor: pointer;
  margin-right: 20px; }

#homepageTasks .archiveRow a {
  margin-right: 10px; }

.archiveRow a:hover {
  color: #315EE1; }

.priority-section .tipHelpBox a {
  color: #315ee1 !important; }

.priority-section a {
  cursor: pointer; }

.priority-section tr.milestone-row td {
  border-bottom: 1px solid #E6E6E6; }

.milestoneDescriptionColumn {
  width: 138px; }

.milestoneStatusColumn span ap-date {
  font-weight: 300;
  font-size: 9px;
  opacity: 0.8; }

.milestoneResponsibleColumn span.author {
  margin-left: 1px; }

.milestoneSortColumn {
  width: 34px;
  border-left: 1px solid #DBDBDB;
  background: #ffffff !important;
  padding: 10px 0px 0px 0px !important;
  vertical-align: middle;
  border-top: none !important; }

.milestoneSortColumnUpdate {
  margin-left: 12px; }

#display-action-milestones {
  width: 867px;
  border-right-style: none;
  border-top-style: none;
  border-bottom-style: none;
  table-layout: fixed; }

#display-action-milestones th {
  border-top: 1px solid #DBDBDB; }

.taskExpanders a {
  cursor: pointer; }

.editor-holder {
  text-align: left; }

.taskCloseCross {
  cursor: pointer;
  float: right;
  font-size: 10px;
  margin-top: -3px;
  margin-left: 2px;
  margin-right: 10px; }

div.feedbackTasks {
  border: 1px solid #E6E6E6;
  width: 700px;
  padding: 16px; }

div.milestoneTasks {
  border: 1px solid #E6E6E6;
  padding: 16px; }
  div.milestoneTasks a.createLink span {
    background-image: url(/images/icons/plus-filled-pink-sym.svg); }

.taskNameCell div:not(.taskFile), .taskNameCell p {
  overflow: hidden;
  text-overflow: ellipsis; }

.taskAddColumn {
  text-align: center;
  padding-right: 5px !important; }

.priority-section .taskCheckboxCell {
  white-space: nowrap; }

.dashboardIcon {
  display: inline-block; }

.taskTable td sup {
  position: absolute;
  top: 0px; }

a.taskCollapsor:hover {
  text-decoration: none; }

.priorityTreeIconImage {
  width: 16px;
  height: 16px; }
  .priorityTreeIconImage.pink {
    display: none; }

.taskStatusCell .treeIcon {
  position: absolute;
  right: -73px;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

#topPriorityList .taskStatusCell .treeIcon {
  right: -50px; }
#topPriorityList td.taskDateCell div:first-of-type {
  margin-left: 4px; }

.upcomingTreeIcon.actionRow img {
  top: 2px; }
.upcomingTreeIcon:hover .priorityTreeIconImage.grey {
  display: none; }
.upcomingTreeIcon:hover .priorityTreeIconImage.pink {
  display: inline; }

.slide-block .priorityTreeIcon {
  right: -70px;
  width: 70px; }

.slide-block .priorityTreeIconImage {
  right: -73px; }

.priorityMilestoneDateColumn {
  white-space: nowrap;
  background-clip: padding-box;
  overflow-right: hidden; }

.priorityProfileSelector {
  float: right;
  width: 248px;
  position: relative; }

.upcomingTitle {
  width: 300px; }

.showUpcomingFor {
  width: 400px;
  text-align: right;
  line-height: 24px;
  display: inline-block; }
  .showUpcomingFor .holder {
    margin-bottom: 5px; }
    .showUpcomingFor .holder .holderLabel {
      display: inline-block;
      line-height: 26px;
      vertical-align: top;
      margin-left: 4px; }
    .showUpcomingFor .holder .holderChosen {
      display: inline-block;
      width: 80px; }
      .showUpcomingFor .holder .holderChosen .chosen-container .chosen-results li {
        text-align: center; }
      .showUpcomingFor .holder .holderChosen .chosen-container.chosen-container-single {
        padding: 0;
        top: 1px; }
        .showUpcomingFor .holder .holderChosen .chosen-container.chosen-container-single > a > span {
          text-align: center; }

.showForPast {
  display: inline-block;
  margin-left: 1px;
  position: relative;
  top: 3px; }
  .showForPast .holder > label {
    position: relative;
    bottom: 8px; }
  .showForPast .chosen-container-single .chosen-single {
    padding: 0 0 0 2px; }
  .showForPast .chosen-container .chosen-results li {
    text-align: center;
    border: 1px solid red !important; }
  .showForPast .chosen-container.chosen-container-single > a > span {
    padding-left: 0px;
    text-align: left;
    padding-top: 0.3px; }

.table-toolbar .filterLabel {
  position: relative;
  bottom: 4px;
  text-transform: uppercase; }

.upcomingTreeIconImage {
  position: absolute;
  width: 16px;
  right: -58px;
  top: -10px; }

.upcomingUpdateIcon {
  position: absolute;
  right: -26px;
  top: 10px; }

.showOnlyTasks {
  position: absolute;
  line-height: 28px;
  left: 44px; }

.completion-info.dashboardIcon {
  display: inline-block;
  margin-top: 13px;
  margin-left: 10px; }

.priorityNumber.milestonePriorityNumber {
  width: 50px;
  left: -65px; }

.taskFile {
  position: relative; }

.taskFile .hoverBox {
  left: -12px; }

.taskNameDiv {
  float: left; }

.priorityHoverPlaceholder {
  position: absolute;
  left: -20px;
  width: 20px;
  top: 0px;
  height: 20px; }

.milestoneTasks .taskTable .taskCheckboxCell .priorityHoverPlaceholder {
  left: -5px;
  width: 24px;
  height: 24px; }

.slide-block .taskPriorityIcon {
  top: 0px;
  margin-left: 4px; }

.milestoneSortableTable .hideInUpcoming {
  display: none; }

.milestoneSortableTable.milestoneTable .hideInUpcoming.showInMilestoneTable {
  display: block; }

.priorityTasks .hideInPriority {
  display: none; }

.milestoneSortableTable .taskPriorityIcon.hideInPriority {
  display: none; }

.priorityTasks .checked .hideInUpcoming {
  display: none; }

.obfuscated .hideInObfuscated {
  display: none; }

.priorityTasks .obfuscated .hideInPriority.showInObfuscated {
  display: block; }

.disabledTask, .disabledTask td, .disabledTask a {
  color: #808080 !important; }

.disabledTask .ap-icon-edit, .disabledTask .ap-icon-delete {
  display: none; }

.slide-block .priorityNumber {
  left: -60px; }

.hoverItems .hoverItem.activePrioritySymbol {
  visibility: visible; }

.showOnlyOnDisabled {
  display: none; }

.disabledTask .showOnlyOnDisabled {
  display: block; }

.disabledTask .hideInDisabled, .taskTable .checked .hideInDisabled, .priorityListTable .checked .hideInDisabled {
  display: none; }

.disabledTask .ap-icon-checkbox-disabled {
  cursor: default; }

.colorTable .mainContent > div:not(.tableOptionsCell) .parentNameLine span.smallFont {
  color: #808080; }
.colorTable .overdue .mainContent > div:not(.tableCreatedByCell) .parentNameLine {
  font-weight: normal; }
  .colorTable .overdue .mainContent > div:not(.tableCreatedByCell) .parentNameLine a {
    font-weight: normal; }
.colorTable .checked .mainContent > div:not(.tableOptionsCell) .parentNameLine {
  color: #808080;
  font-weight: normal; }
  .colorTable .checked .mainContent > div:not(.tableOptionsCell) .parentNameLine a {
    color: #808080;
    font-weight: normal; }

.milestoneDateColumnHeader {
  text-align: center !important; }

.small.dashboardSmall {
  font-size: 8px !important; }

.milestoneSortableTable .standaloneTasks .taskDateCell {
  white-space: normal; }

.taskExpander .hideInExpander, .taskCollapsor .hideInCollapsor {
  display: none; }

.showOnlyInChecked {
  display: none; }

.checked .showOnlyInChecked {
  display: block; }

.checked .hideInChecked {
  display: none; }

.priority-section .checked .overduetext {
  dispaly: block; }

.ap-icon-checkbox-nohover {
  cursor: default !important; }

.deprioritize {
  color: #808080;
  font-weight: normal; }

.priorityRoadmapSelector {
  float: left;
  margin-bottom: 3px;
  margin-left: 18px; }

.priorityRoadmapCheckbox {
  display: inline-block;
  margin-left: 20px; }

.upcomingUpdateHeader {
  width: 60px;
  position: absolute;
  top: 0px;
  right: -60px; }

.outsideIconCell {
  width: 0% !important;
  padding: 0px !important;
  vertical-align: middle !important;
  position: relative !important; }

.detailDragHandle {
  position: absolute;
  width: 16px;
  right: -41px;
  margin-top: -8px; }

.taskTable td.outsideIconCell {
  padding: 0px !important; }

.priorityControls {
  padding-top: 15px;
  position: relative;
  min-height: 20px; }

.priorityRoadmapCheckbox input, .showOnlyTasks input {
  position: relative;
  vertical-align: middle;
  bottom: 2px; }

.upcomingListHeaderHolder {
  position: relative;
  height: 25px;
  padding-top: 18px; }
  .upcomingListHeaderHolder label {
    text-transform: uppercase; }
    .upcomingListHeaderHolder label > span {
      text-transform: uppercase; }
  .upcomingListHeaderHolder .homeControls {
    position: relative;
    display: inline-block;
    top: 1px; }
    .upcomingListHeaderHolder .homeControls.controlsRight {
      float: right;
      text-align: right;
      margin-right: 15px;
      width: 250px; }
    .upcomingListHeaderHolder .homeControls.controlsLeft {
      float: left;
      text-align: left;
      width: 250px; }
    .upcomingListHeaderHolder .homeControls label {
      display: inline-block;
      vertical-align: top; }
    .upcomingListHeaderHolder .homeControls > label {
      vertical-align: top;
      line-height: 26px;
      margin-left: 10px; }
    .upcomingListHeaderHolder .homeControls .chosen-container-single .chosen-single span {
      line-height: 26px; }
    .upcomingListHeaderHolder .homeControls .chosen-container {
      font-size: 10px;
      text-transform: uppercase; }

.taskNameFrontend {
  margin-top: 1px; }

#topPriorityList .priorityListTable .collapsedShowMoreOrLess {
  text-overflow: clip; }
#topPriorityList .taskNameFrontend {
  display: inline;
  margin-top: 0px; }

.priorityListTaskTable .taskNameCell p {
  word-wrap: break-word; }

.hiddenTaskRows .taskRow {
  display: none; }

.taskTable td.taskDropTarget {
  height: 0px;
  padding: 0 !important; }

.taskTable td.taskDropTarget.taskDropTargetDroppable {
  height: 10px; }

.parentName span {
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 2px; }
  .parentName span.milestoneName {
    background-image: url("/images/icons/milestone-grey.svg"); }
  .parentName span.actionName {
    background-image: url("/images/icons/action-grey.svg"); }

.parentNameLine {
  position: relative;
  color: #808080;
  font-size: 9px; }
  .parentNameLine a {
    font-size: 9px;
    color: #808080; }

div.parentName {
  font-style: normal;
  color: #303030; }

table th.taskDateCell, table th.milestoneDateColumn {
  width: 68px;
  padding-left: 47px !important; }
table th.milestoneResponsibleColumn {
  width: 169px; }
table th.milestoneStatusColumn {
  width: 130px; }
table th.milestoneAddColumn {
  width: 64px;
  padding-right: 5px !important; }

table th.taskNameCell, table th.milestoneNameColumn {
  width: 259px; }
table th.taskResponsibleCell {
  width: 100px; }
table th.taskEditIcons {
  width: 47px; }
table th.taskStatusCell {
  width: 205px; }

table tbody td.taskCheckboxCell {
  width: 27px; }
table tbody td.taskDateCell {
  width: 86px; }
table tbody td.taskNameCell {
  width: 272px; }
table tbody td.taskResponsibleCell {
  width: 113px; }
table tbody td.taskEditIcons {
  width: 59px; }
table tbody td.taskStatusCell {
  width: 218px; }

#dashboard table tbody td.milestoneDateColumn, #milestone-list table tbody td.milestoneDateColumn {
  padding-left: 34px;
  padding-right: 5px; }
  #dashboard table tbody td.milestoneDateColumn .expanderTriangle, #milestone-list table tbody td.milestoneDateColumn .expanderTriangle {
    position: relative;
    left: -16px; }

.milestoneSortableTable.priorityListTable .taskTableContainer td.taskCheckboxCell {
  width: 11px; }
.milestoneSortableTable.priorityListTable .taskTableContainer td.taskDateCell {
  width: 82px; }
.milestoneSortableTable.priorityListTable .taskTableContainer td.taskNameCell {
  width: 271px; }
.milestoneSortableTable.priorityListTable .taskTableContainer td.taskResponsibleCell {
  width: 118px; }
.milestoneSortableTable.priorityListTable .taskTableContainer td.taskEditIcons {
  width: 52px; }
.milestoneSortableTable.priorityListTable .taskTableContainer td.taskStatusCell {
  width: 196px; }

table.milestoneTable .taskStatusCell .treeIcon {
  display: none; }
table.milestoneTable .taskStatusCell .priorityDragHandle {
  right: -45px; }

#dashboard .mceEditor table thead th, #dashboard .mceEditor table tbody td {
  padding: 0;
  margin: 0; }

#taskForm p {
  margin-bottom: 0px; }
#taskForm .relationSelector {
  width: 566px; }
  #taskForm .relationSelector > div {
    margin-top: 3px; }
#taskForm .treeIconSelect {
  width: 561.5px; }
#taskForm fieldset > div.fu {
  width: 558px; }
#taskForm .chk-list + label, #taskForm .chk-list + span {
  vertical-align: bottom; }
#taskForm .freePosition {
  position: absolute;
  width: 460px;
  padding-top: 13px; }
#taskForm .chk-list + label:after, #taskForm .chk-list + span:after {
  top: -1px !important; }
#taskForm .commentCheckboxLabel {
  line-height: 10px; }
#taskForm #fileListTasks {
  width: 90px; }
  #taskForm #fileListTasks a.upload {
    margin-top: 0; }
    #taskForm #fileListTasks a.upload .icon-attach {
      margin-top: 2px;
      width: 55px; }
  #taskForm #fileListTasks .hoverBox > div {
    left: -10px;
    top: 20px; }
#taskForm .chk-list + label, #taskForm .chk-list + span {
  vertical-align: bottom; }
#taskForm #iconTreeSelect .alignItemMilestone .container svg {
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle; }
#taskForm .commentCheckboxLabel {
  color: #808080; }
  #taskForm .commentCheckboxLabel input[type='checkbox']:checked + span, #taskForm .commentCheckboxLabel input[type='checkbox']:checked + label {
    color: #E83B83; }
  #taskForm .commentCheckboxLabel:hover {
    color: #E83B83; }
    #taskForm .commentCheckboxLabel:hover input[type='checkbox']:checked + span, #taskForm .commentCheckboxLabel:hover input[type='checkbox']:checked + label {
      color: #808080; }
  #taskForm .commentCheckboxLabel.active {
    color: #E83B83; }
    #taskForm .commentCheckboxLabel.active:hover {
      color: #808080; }
  #taskForm .commentCheckboxLabel .chk-priority + label:after, #taskForm .commentCheckboxLabel .chk-priority + span:after {
    background-image: url(/images/icons/priority.svg); }
  #taskForm .commentCheckboxLabel .chk-priority + label:before, #taskForm .commentCheckboxLabel .chk-priority + span:before {
    background-image: none; }
  #taskForm .commentCheckboxLabel .chk-priority:checked + label:after, #taskForm .commentCheckboxLabel .chk-priority:checked + span:after, #taskForm .commentCheckboxLabel .chk-priority:hover + label:after, #taskForm .commentCheckboxLabel .chk-priority:hover + span:after {
    background-image: url(/images/icons/priority-active.svg); }
  #taskForm .commentCheckboxLabel .chk-priority:checked + label:before, #taskForm .commentCheckboxLabel .chk-priority:checked + span:before, #taskForm .commentCheckboxLabel .chk-priority:hover + label:before, #taskForm .commentCheckboxLabel .chk-priority:hover + span:before {
    background-image: none; }
  #taskForm .commentCheckboxLabel.active .chk-priority + label:after, #taskForm .commentCheckboxLabel.active .chk-priority + span:after {
    background-image: url(/images/icons/priority-active.svg); }
  #taskForm .commentCheckboxLabel.active .chk-priority:hover + label:after, #taskForm .commentCheckboxLabel.active .chk-priority:hover + span:after {
    background-image: url(/images/icons/priority.svg); }
  #taskForm .commentCheckboxLabel:hover .chk-priority + label:after, #taskForm .commentCheckboxLabel:hover .chk-priority + span:after {
    background-image: url(/images/icons/priority-active.svg); }
  #taskForm .commentCheckboxLabel:hover .chk-priority:checked + label:after, #taskForm .commentCheckboxLabel:hover .chk-priority:checked + span:after {
    background-image: url(/images/icons/priority.svg); }
  #taskForm .commentCheckboxLabel .chk-start-date + label:after, #taskForm .commentCheckboxLabel .chk-start-date + span:after {
    background-image: url(/images/icons/calendar_pick_date.svg); }
  #taskForm .commentCheckboxLabel .chk-start-date + label:before, #taskForm .commentCheckboxLabel .chk-start-date + span:before {
    background-image: none; }
  #taskForm .commentCheckboxLabel .chk-start-date:checked + label:after, #taskForm .commentCheckboxLabel .chk-start-date:checked + span:after, #taskForm .commentCheckboxLabel .chk-start-date:hover + label:after, #taskForm .commentCheckboxLabel .chk-start-date:hover + span:after {
    background-image: url(/images/icons/calendar_pick_date_pink.svg); }
  #taskForm .commentCheckboxLabel .chk-start-date:checked + label:before, #taskForm .commentCheckboxLabel .chk-start-date:checked + span:before, #taskForm .commentCheckboxLabel .chk-start-date:hover + label:before, #taskForm .commentCheckboxLabel .chk-start-date:hover + span:before {
    background-image: none; }
  #taskForm .commentCheckboxLabel.active .chk-start-date + label:after, #taskForm .commentCheckboxLabel.active .chk-start-date + span:after {
    background-image: url(/images/icons/calendar_pick_date_pink.svg); }
  #taskForm .commentCheckboxLabel.active .chk-start-date:hover + label:after, #taskForm .commentCheckboxLabel.active .chk-start-date:hover + span:after {
    background-image: url(/images/icons/calendar_pick_date.svg); }
  #taskForm .commentCheckboxLabel:hover .chk-start-date + label:after, #taskForm .commentCheckboxLabel:hover .chk-start-date + span:after {
    background-image: url(/images/icons/calendar_pick_date_pink.svg); }
  #taskForm .commentCheckboxLabel:hover .chk-start-date:checked + label:after, #taskForm .commentCheckboxLabel:hover .chk-start-date:checked + span:after {
    background-image: url(/images/icons/calendar_pick_date.svg); }
  #taskForm .commentCheckboxLabel .chk-private + label:after, #taskForm .commentCheckboxLabel .chk-private + span:after {
    background-image: url(/images/icons/private_action_grey_viewbox.svg); }
  #taskForm .commentCheckboxLabel .chk-private + label:before, #taskForm .commentCheckboxLabel .chk-private + span:before {
    background-image: none; }
  #taskForm .commentCheckboxLabel .chk-private:checked + label:after, #taskForm .commentCheckboxLabel .chk-private:checked + span:after, #taskForm .commentCheckboxLabel .chk-private:hover + label:after, #taskForm .commentCheckboxLabel .chk-private:hover + span:after {
    background-image: url(/images/icons/private_action_viewbox.svg); }
  #taskForm .commentCheckboxLabel .chk-private:checked + label:before, #taskForm .commentCheckboxLabel .chk-private:checked + span:before, #taskForm .commentCheckboxLabel .chk-private:hover + label:before, #taskForm .commentCheckboxLabel .chk-private:hover + span:before {
    background-image: none; }
  #taskForm .commentCheckboxLabel.active .chk-private + label:after, #taskForm .commentCheckboxLabel.active .chk-private + span:after {
    background-image: url(/images/icons/private_action_viewbox.svg); }
  #taskForm .commentCheckboxLabel.active .chk-private:hover + label:after, #taskForm .commentCheckboxLabel.active .chk-private:hover + span:after {
    background-image: url(/images/icons/private_action_grey_viewbox.svg); }
  #taskForm .commentCheckboxLabel:hover .chk-private + label:after, #taskForm .commentCheckboxLabel:hover .chk-private + span:after {
    background-image: url(/images/icons/private_action_viewbox.svg); }
  #taskForm .commentCheckboxLabel:hover .chk-private:checked + label:after, #taskForm .commentCheckboxLabel:hover .chk-private:checked + span:after {
    background-image: url(/images/icons/private_action_grey_viewbox.svg); }

#taskForm.new-action-form .relationSelector {
  width: 350px; }
#taskForm.new-action-form .relation-selector-for-task {
  width: 263px; }
  #taskForm.new-action-form .relation-selector-for-task.is-disabled {
    color: lightgrey; }
    #taskForm.new-action-form .relation-selector-for-task.is-disabled .add-responsible-btn .plus-icon {
      background-image: url("/images/icons/more-options-grey.svg"); }

.taskDatePicker {
  width: 177px; }

.date-remove-wrapper {
  position: relative; }
  .date-remove-wrapper .removeDate {
    position: absolute;
    top: -3px;
    left: 2px;
    font-size: 13px;
    cursor: pointer;
    color: #9D9C9C; }

.duplicatePopUp {
  position: absolute;
  width: 160px; }

.duplicateNumber {
  width: 50px;
  height: 16px; }

#container .taskListComponent .tableRow:nth-child(odd), #focusarea_page_direcives .taskListComponent .tableRow:nth-child(odd) {
  background-color: #FFFFFF; }
#container .taskListComponent .newTaskButton, #focusarea_page_direcives .taskListComponent .newTaskButton {
  float: right; }
#container .taskListComponent .divTable.taskDivTable, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable {
  border: 1px solid #cdcdcd;
  border-radius: 10px;
  padding: 6px 3px;
  background-color: white !important;
  box-shadow: inset 0px 14px 20px 0px #f8f8f8;
  overflow: hidden; }
  #container .taskListComponent .divTable.taskDivTable .singleLine.collapsedSingleLine .contents .allowPreWrap, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .singleLine.collapsedSingleLine .contents .allowPreWrap {
    display: inline-block; }
  #container .taskListComponent .divTable.taskDivTable .action_table_border, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .action_table_border {
    border-top: 1px solid #cecece; }
  #container .taskListComponent .divTable.taskDivTable .header_table_style, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .header_table_style {
    display: block; }
  #container .taskListComponent .divTable.taskDivTable .action_name_border, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .action_name_border {
    background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 57%, white 100%);
    box-shadow: inset 0px 14px 20px 0px #faf8f9;
    padding: 3px 8px 6px 5px; }
  #container .taskListComponent .divTable.taskDivTable .tableDateCell, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableDateCell {
    width: 80px;
    text-align: left; }
  #container .taskListComponent .divTable.taskDivTable .tableNameCell, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableNameCell {
    width: 457px; }
  #container .taskListComponent .divTable.taskDivTable .tableRoleCell, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableRoleCell {
    width: 193px; }
  #container .taskListComponent .divTable.taskDivTable .tableIconsCell, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableIconsCell {
    width: 40px; }
  #container .taskListComponent .divTable.taskDivTable .tableBody .tableRow .tableIconsCell, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableBody .tableRow .tableIconsCell {
    padding-top: 6px;
    text-align: center; }
    #container .taskListComponent .divTable.taskDivTable .tableBody .tableRow .tableIconsCell .ap-icon, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableBody .tableRow .tableIconsCell .ap-icon {
      width: 12px;
      height: 12px;
      background-size: 12px 12px;
      display: inline-block;
      background-repeat: no-repeat; }
  #container .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent {
    padding: 14px 5px;
    font-size: 14px; }
    #container .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent .item-icon:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent .item-icon:before {
      background-size: 28px 28px;
      background-position: 1px 4px;
      width: 28px;
      height: 28px; }
    #container .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent .feedbacker-role:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent .feedbacker-role:before {
      width: 24px;
      height: 24px; }
  #container .taskListComponent .divTable.taskDivTable .tableBody .tableRow:not(:first-child), #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableBody .tableRow:not(:first-child) {
    border-top: 1px solid #E1E1E1; }
  #container .taskListComponent .divTable.taskDivTable .tableBody .tableRow:nth-child(2n), #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .tableBody .tableRow:nth-child(2n) {
    background-color: #FAF8F9; }
  #container .taskListComponent .divTable.taskDivTable .item-icon, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    #container .taskListComponent .divTable.taskDivTable .item-icon::before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon::before {
      position: absolute;
      background-size: 40px 40px;
      width: 24px;
      height: 24px;
      background-image: url(/images/icons/action-grey.svg);
      display: inline-block;
      content: '';
      top: 0;
      left: 0; }
    #container .taskListComponent .divTable.taskDivTable .item-icon.meeting:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.meeting:before {
      background-image: url(/images/icons/meeting-grey.svg); }
    #container .taskListComponent .divTable.taskDivTable .item-icon.team-meeting:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.team-meeting:before {
      background-image: url(/images/icons/team-meeting-grey.svg); }
    #container .taskListComponent .divTable.taskDivTable .item-icon .milestone::before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon .milestone::before {
      top: -2;
      left: -2; }
    #container .taskListComponent .divTable.taskDivTable .item-icon .item-priority, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon .item-priority {
      position: relative;
      left: -1px; }
      #container .taskListComponent .divTable.taskDivTable .item-icon .item-priority:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon .item-priority:before {
        position: absolute;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        background-image: url(/images/icons/priority-icon-pink.svg);
        display: inline-block;
        content: '';
        top: -3px;
        left: 1px;
        z-index: 1; }
    #container .taskListComponent .divTable.taskDivTable .item-icon .item-private, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon .item-private {
      position: relative;
      left: -1px; }
      #container .taskListComponent .divTable.taskDivTable .item-icon .item-private:after, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon .item-private:after {
        position: absolute;
        background-size: 19px 19px;
        width: 19px;
        height: 19px;
        background-image: url(/images/icons/privacy-icon-pink.svg);
        display: inline-block;
        content: '';
        left: 2px;
        top: 10px;
        z-index: 1; }
    #container .taskListComponent .divTable.taskDivTable .item-icon.sub-action::before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.sub-action::before {
      background-image: url(/images/icons/subaction-grey-v3.svg); }
    #container .taskListComponent .divTable.taskDivTable .item-icon.milestone::before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.milestone::before {
      background-image: url(/images/icons/milestone-grey.svg);
      left: 2px; }
    #container .taskListComponent .divTable.taskDivTable .item-icon.draft-action:before, #container .taskListComponent .divTable.taskDivTable .item-icon.draft-action.sub-action:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.draft-action:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.draft-action.sub-action:before {
      background-image: url(/images/icons/draft-grey-viewbox-bold.svg); }
    #container .taskListComponent .divTable.taskDivTable .item-icon.pending-action:before, #container .taskListComponent .divTable.taskDivTable .item-icon.pending-action.sub-action:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.pending-action:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.pending-action.sub-action:before {
      background-image: url(/images/icons/pending-grey-viewbox.svg); }
    #container .taskListComponent .divTable.taskDivTable .item-icon.task, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.task {
      width: 20px;
      height: 20px;
      margin-top: -2px; }
      #container .taskListComponent .divTable.taskDivTable .item-icon.task:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.task:before {
        background-image: url(/images/icons/task-grey-full.svg); }
    #container .taskListComponent .divTable.taskDivTable .item-icon.topic, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.topic {
      width: 20px;
      height: 20px;
      margin-top: -2px; }
      #container .taskListComponent .divTable.taskDivTable .item-icon.topic:before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.topic:before {
        background-image: url(/images/icons/topic.svg); }
    #container .taskListComponent .divTable.taskDivTable .item-icon.focusarea::before, #focusarea_page_direcives .taskListComponent .divTable.taskDivTable .item-icon.focusarea::before {
      background-image: url(/images/icons/focusarea-grey.svg);
      margin-top: 0; }

/* layout changes css for action comment section */
#actionList .listViewContent .tableRow {
  border-top: 1px solid #e6e6e6; }
#actionList .listViewRow.actionRow, #actionList .frontend-comment {
  border: none; }
#actionList .listHeadline {
  height: 26px; }
#actionList .comment-main {
  border: none; }

#container #my-overview-container #comment-form .comment__user_image .photo img {
  border-bottom-left-radius: 50%; }

#container #my-overview-container #comment-form .fr-box .fr-element.fr-view {
  border-bottom-left-radius: 2px; }

#container .taskListComponent .divTable.taskDivTable .tableNameCell.width-440 {
  width: 440px; }
#container .taskListComponent .divTable.taskDivTable .tableRoleCell.width-180 {
  width: 180px; }
#container .taskListComponent .divTable.taskDivTable .tableIconsCell.width-60 {
  width: 60px; }
#container .taskListComponent .divTable.taskDivTable .tableIconsCell.width-160 {
  width: 160px; }

ap-feedback-form .feedbackTasksTable .inlineTaskRow ap-date, ap-milestone-feedback-form .feedbackTasksTable .inlineTaskRow ap-date {
  font-size: 12px;
  font-weight: 500;
  color: #464646; }
ap-feedback-form .feedbackTasksTable .mainContent .tableNameCell, ap-milestone-feedback-form .feedbackTasksTable .mainContent .tableNameCell {
  font-size: 12px;
  font-weight: 500;
  color: #464646; }
ap-feedback-form .feedbackTasksTable .action-icon-check.item-priority, ap-milestone-feedback-form .feedbackTasksTable .action-icon-check.item-priority {
  position: relative;
  left: -1px; }
  ap-feedback-form .feedbackTasksTable .action-icon-check.item-priority:before, ap-milestone-feedback-form .feedbackTasksTable .action-icon-check.item-priority:before {
    position: absolute;
    background-size: 20px 20px;
    width: 10px;
    height: 10px;
    background-image: url(/images/icons/priority-icon.svg);
    display: inline-block;
    content: '';
    top: -7px;
    left: 9px;
    z-index: 1; }
ap-feedback-form .feedbackTasksTable .action-icon-check.item-private, ap-milestone-feedback-form .feedbackTasksTable .action-icon-check.item-private {
  position: relative;
  left: -1px; }
  ap-feedback-form .feedbackTasksTable .action-icon-check.item-private:after, ap-milestone-feedback-form .feedbackTasksTable .action-icon-check.item-private:after {
    position: absolute;
    background-size: 19px 19px;
    width: 19px;
    height: 10px;
    background-image: url(/images/icons/privacy-icon-pink.svg);
    display: inline-block;
    content: '';
    bottom: -4px;
    left: 9px;
    z-index: 1; }
ap-feedback-form .feedbackTasksTable .mainContent .tableRoleCell, ap-milestone-feedback-form .feedbackTasksTable .mainContent .tableRoleCell {
  font-size: 12px;
  font-weight: 300;
  padding-left: 0; }
ap-feedback-form .feedbackTasksTable .inlineTaskRow .tableIconsCell .hideInObfuscated > span, ap-milestone-feedback-form .feedbackTasksTable .inlineTaskRow .tableIconsCell .hideInObfuscated > span {
  margin: 0 0.5rem; }

#container .milestoneTasks .tableRow:nth-child(odd), #container .feedbackTasksTable .tableRow:nth-child(odd) {
  background-color: #FFFFFF; }
#container .milestoneTasks .taskListComponent .divTable.taskDivTable, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable {
  padding: 0px; }
  #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableHeader, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableHeader {
    font-size: 10px;
    font-weight: 300; }
  #container .milestoneTasks .taskListComponent .divTable.taskDivTable ap-single-line .actionAlignmentInNewMilestone, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable ap-single-line .actionAlignmentInNewMilestone {
    margin: 0; }
  #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableDateCell, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableDateCell {
    text-align: left;
    padding-left: 10px;
    padding: 7px;
    width: 83px; }
  #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableNameCell, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableNameCell {
    width: 445px;
    padding: 7px;
    display: inline-flex;
    align-items: center; }
  #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableTagCell, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableTagCell {
    padding: 7px; }
    #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableTagCell .completed-badge, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableTagCell .completed-badge {
      vertical-align: top;
      display: inline-block;
      background-color: black;
      color: white;
      padding: 4px 5px;
      border-radius: 4px;
      position: relative;
      margin-left: -18px;
      top: -5px;
      font-size: 0.71rem; }
    #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableTagCell .show-completed, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableTagCell .show-completed {
      font-size: 0.71rem;
      color: #303030;
      position: relative;
      font-weight: 500;
      cursor: pointer; }
      #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableTagCell .show-completed:before, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableTagCell .show-completed:before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        background-image: url(/images/icons/icons-unchecked-tr-viewbox.svg);
        background-size: 28px 28px;
        background-position: 0 0;
        position: absolute;
        left: -18px; }
      #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableTagCell .show-completed.active:before, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableTagCell .show-completed.active:before {
        background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
  #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableRoleCell, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableRoleCell {
    width: 200px;
    padding: 7px;
    color: #121212;
    font-weight: 400;
    font-size: 10px; }
  #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent {
    display: flex;
    padding: 7px 0;
    border-top: none;
    margin-bottom: -3px;
    min-height: unset; }
    #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent .task-name, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableBody .tableRow .mainContent .task-name {
      font-size: 13px;
      font-weight: 400;
      color: #121212; }
  #container .milestoneTasks .taskListComponent .divTable.taskDivTable .tableBody .tableRow:nth-child(2n+1), #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableBody .tableRow:nth-child(2n+1) {
    background-color: #FFFFFF; }

#giveFeedBackForm .feedbackTasksTable .taskListComponent .divTable.taskDivTable .tableNameCell {
  width: 445px; }
#giveFeedBackForm .feedbackTasksTable .taskName:focus {
  box-shadow: none; }
#giveFeedBackForm .feedbackTasksTable .form-box h3 {
  padding-left: 25px; }
#giveFeedBackForm .tableRoleCell.width-180 {
  width: 193px;
  font-weight: 300;
  padding-left: 0; }
#giveFeedBackForm .tableRow:nth-child(odd) {
  background-color: #FFFFFF; }
#giveFeedBackForm .divTable.taskDivTable .tableNameCell {
  padding-left: 10px; }
#giveFeedBackForm .divTable.taskDivTable .tableBody .tableRow .tableIconsCell {
  padding-top: 0px;
  opacity: .7;
  text-align: center;
  margin-top: -2px; }
#giveFeedBackForm .singleLine.collapsedSingleLine .contents .allowPreWrap {
  display: inline-block; }
#giveFeedBackForm .mainContent .tableRoleCell .feedbacker-role {
  margin-left: 0; }
#giveFeedBackForm .feedbackTasksTable .inlineTaskRow ap-date {
  font-weight: 400; }
#giveFeedBackForm .inlineTaskRow .tableIconsCell .hideInObfuscated > span {
  margin: 0 5px 0 0; }
#giveFeedBackForm .taskDivTable .mainContent .owner-role {
  margin-left: .7em; }
#giveFeedBackForm .attachFile {
  display: inline-block; }
  #giveFeedBackForm .attachFile .upload {
    text-align: left; }
    #giveFeedBackForm .attachFile .upload .icon-attach {
      padding-left: 35px;
      color: #303030;
      font-size: 14px; }
  #giveFeedBackForm .attachFile #fileListTasks {
    text-align: left;
    position: relative; }
    #giveFeedBackForm .attachFile #fileListTasks a.filedDelIcon {
      vertical-align: middle; }
    #giveFeedBackForm .attachFile #fileListTasks p {
      text-align: left; }
      #giveFeedBackForm .attachFile #fileListTasks p .text-files {
        text-align: left;
        padding-top: 25px;
        display: block; }
    #giveFeedBackForm .attachFile #fileListTasks #file-loader-fileListTasks {
      position: absolute;
      left: -40px;
      display: block;
      top: 50px; }

li.coll_content__actions_item.relative, .coll_content__actions_item__name_icon {
  position: relative; }

span.coll_content__actions_item__name_icon.item-private::after {
  position: absolute;
  background-size: 22px 22px;
  width: 15px;
  height: 15px;
  background-image: url(/images/icons/privacy-icon-pink.svg);
  display: inline-block;
  content: '';
  bottom: -8px;
  left: 8px;
  z-index: 1; }

.task-alignment-inactive {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 32px;
  font-size: 15px;
  color: #121212;
  font-weight: 400; }

.task-name-edit {
  cursor: pointer; }
  .task-name-edit.disabled-events {
    pointer-events: none; }

.task-comment-btn {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  line-height: 25px;
  font-size: 10px;
  text-transform: uppercase;
  width: 104px;
  text-align: center;
  color: #fff;
  background: #71d33f;
  transition: .3s;
  border-radius: 50px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #71d33f; }
  .task-comment-btn:hover {
    color: #71d33f;
    background: #ffffff; }
  .task-comment-btn.active {
    color: #71d33f;
    background: #ffffff; }
    .task-comment-btn.active:hover {
      color: #fff;
      background: #71d33f; }

.overdue .topic .orvedue_tag.active {
  display: inline;
  padding: 4px;
  line-height: 20px;
  margin-right: 0; }

#taskForm .action_log_align_to {
  margin-top: 3px; }
  #taskForm .action_log_align_to .relation-selector-for-task {
    width: 232px; }
#taskForm .action_log_action_due_date {
  margin-top: 1px;
  margin-left: 20px; }
  #taskForm .action_log_action_due_date .customDateInput {
    margin-top: 2px; }

.tagFilterLabel {
  display: inline-block;
  width: 80px;
  line-height: 10px;
  vertical-align: top;
  padding-top: 17px;
  padding-right: 12px;
  padding-left: 20px; }

.tagFilterBox {
  display: inline-block;
  width: 385px;
  text-align: left;
  margin-top: 10px;
  line-height: 20px;
  white-space: nowrap; }

.tagFilterchosen {
  width: 430px;
  top: 28px; }

.tagFilterSearchInput {
  width: 400px;
  box-sizing: border-box;
  margin: 10px 15px !important;
  padding: 0 10px !important;
  height: 25px;
  position: relative; }

.tagFilterName {
  width: 90%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tagFilterIcons {
  width: 60px;
  padding-left: 17px; }

.tagFilterCopyIcon {
  width: 60px;
  display: inline-block;
  text-align: right; }

.tagFilterCreateNewLabelLink {
  width: 167px;
  display: inline-block; }

ap-new-tag .tagFilterPopup .filter_dialog_container {
  padding: 30px 0; }

.tagFilterPopup {
  text-align: left; }
  .tagFilterPopup .filter_dialog_container {
    background: url(/images/background_image.jpg) left top;
    padding: 1px 0; }
  .tagFilterPopup .filter_dialog_row {
    width: 100%;
    margin: 20px 20px; }
  .tagFilterPopup .filter_dialog_column {
    display: inline-block; }
    .tagFilterPopup .filter_dialog_column.first_column {
      width: 160px;
      font-size: 13px; }
    .tagFilterPopup .filter_dialog_column.second_column {
      width: 400px; }
      .tagFilterPopup .filter_dialog_column.second_column.tags_list_column {
        width: 690px; }
  .tagFilterPopup .filter_input_name {
    width: 364px;
    height: 17px;
    border-radius: 0;
    border: 1px solid #CCC; }
  .tagFilterPopup span.required {
    color: #303030;
    margin-right: 0; }
  .tagFilterPopup ap-tag-selector .chzn-container {
    width: 372px; }
  .tagFilterPopup .filter_separator {
    width: 855px;
    margin: 0 auto;
    border: 0;
    border-bottom: 1px solid #E9E9E9; }
  .tagFilterPopup #submitpanel, .tagFilterPopup .submitpanel {
    padding-right: 20px;
    padding-top: 20px; }

.tagFormErrors {
  width: 566px; }

.tagFilterLoadingLabel {
  padding-left: 22px; }

.tagFilterCreateNewLabel {
  text-align: right;
  clear: both; }

.tagFilterTagSelector {
  margin-right: 2px; }

.tagFilterTagsWrapper {
  white-space: normal;
  text-align: left; }

.tagFilterTag {
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 22px; }

.tagFilterAndOr {
  display: inline-block;
  position: relative;
  width: 75px;
  text-align: center;
  margin: 0 10px; }
  .tagFilterAndOr .chosen-results {
    text-align: left; }

.tagFilterAndOrSelect {
  font-size: 9px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: -6px;
  position: relative;
  top: -6px;
  width: auto; }

.tagFilterParenthesis {
  display: inline-block;
  margin-top: 8px;
  margin-right: 4px;
  vertical-align: top; }

.tagFilterTagBlock {
  display: inline-block;
  vertical-align: bottom; }

.tagFilterShowCheckbox {
  margin-right: 4px; }

.tagFilterShareSelectorWrapper {
  width: 834px; }

.tagFilterSubmitButton {
  width: auto; }

.tagFilterchosenContainer {
  cursor: pointer; }

.tagFilterchosen .tag-toolbar input {
  width: 160px !important; }

.tag {
  border-radius: 3px;
  border: 1px solid #588240;
  background-color: #DEF7D9;
  padding: 5px 10px;
  color: #588240;
  font-weight: 400;
  display: block;
  word-break: break-word;
  font-size: 12px;
  height: auto;
  width: fit-content; }
  .tag.mandatory-tag {
    background-color: #e3faff;
    border: 1px solid #ace3ef;
    color: #48878C; }
    .tag.mandatory-tag .unattachTag:after, .tag.mandatory-tag .unattachTagCross:after {
      color: #566779; }
  .tag.user-profile {
    background-color: white;
    border: 1px solid #BBB;
    color: #303030;
    margin-right: 14px; }
    .tag.user-profile .unattachTag:after, .tag.user-profile .unattachTagCross:after {
      color: #BBB; }
  .tag .unattachTagCross:not(.unattachable) {
    display: none; }

.unattachTag:after, .unattachTagCross:after {
  content: '×';
  color: #588240;
  font-size: 12px;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  font-weight: 900;
  margin-left: 5px; }
.unattachTag.unattachable:hover:after, .unattachTagCross.unattachable:hover:after {
  background-color: transparent; }

.tag-selector .chosen-single {
  border: 1px solid #DDD !important; }

.tag-filter-section {
  margin-top: 15px; }

.tags-list-results {
  position: relative; }

.line-height-10 {
  line-height: 12px !important; }

.edit-open-button {
  bottom: 9px;
  position: absolute;
  right: 6px; }

.filter_dialog_column .list-item.txt-area {
  max-width: 225px; }

.actionBarTable {
  border-collapse: collapse; }
  .actionBarTable .kpiRow img {
    float: left;
    margin-left: 5px; }
    .actionBarTable .kpiRow img.smiley {
      margin-top: 4px; }
  .actionBarTable .kpiRow div.kpiName {
    line-height: 24px;
    float: left; }
  .actionBarTable td {
    position: relative; }
  .actionBarTable tr.subMinigraph td {
    position: static; }
  .actionBarTable .actionBox {
    position: absolute;
    top: 0px;
    left: 0px; }
  .actionBarTable .milestoneCircle {
    position: absolute; }
    .actionBarTable .milestoneCircle .inner-feedback {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border-radius: 50%; }
    .actionBarTable .milestoneCircle .inner-feedback {
      width: 5px;
      height: 5px; }
  .actionBarTable .time-spend-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative; }
    .actionBarTable .time-spend-icon:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 32px;
      height: 32px;
      display: inline-block;
      background-size: 32px 32px;
      background-position: 0 0; }
    .actionBarTable .time-spend-icon:after {
      background-image: url(/images/icons/time-elapsed-viewbox.svg); }
  .actionBarTable .kpiProgressNameGanttView .time-progress-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative; }
    .actionBarTable .kpiProgressNameGanttView .time-progress-icon:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 32px;
      height: 32px;
      display: inline-block;
      background-size: 32px 32px;
      background-position: 0 0; }
    .actionBarTable .kpiProgressNameGanttView .time-progress-icon:after {
      background-image: url(/images/icons/target_facelift-viewbox.svg); }
  .actionBarTable .time-label-text {
    padding: 0 2px 0 0;
    vertical-align: top; }

.kpiRow td {
  padding-top: 3px; }

.kpiProgressName {
  float: right;
  line-height: 24px;
  margin-right: 4px;
  text-transform: capitalize; }

.kpiProgressNameGantt {
  float: right;
  margin-right: 4px;
  text-transform: capitalize; }

.kpiProgressNameGanttView {
  position: absolute;
  right: -35px;
  width: 50px;
  text-align: left;
  top: 0px;
  line-height: 16px; }

.kpiProgressIcon {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative; }
  .kpiProgressIcon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 24px 24px;
    background-position: 0 0; }
  .kpiProgressIcon.iconPlan {
    width: 16px;
    height: 16px;
    top: -1px;
    position: relative; }
    .kpiProgressIcon.iconPlan:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 32px;
      height: 32px;
      display: inline-block;
      background-size: 32px 32px;
      background-position: 0 0; }
    .kpiProgressIcon.iconPlan:after {
      background-image: url(/images/icons/performance-indicator-grey-viewbox.svg); }
  .kpiProgressIcon.iconTarget:after {
    background-image: url(/images/icons/target_facelift-compatible-viewbox.svg); }

.iframeSpacer {
  height: 22px; }

.gantt_chart {
  margin-bottom: 10px; }

.datagridRowGantt .actionBarTable td {
  height: 24px; }

.datagridRowCollapsorCompact {
  background-color: #FFFFFF;
  height: 20px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: white; }

#ajaxDummy {
  display: none; }

#ajaxSortDummy {
  display: none; }

.feedbackRequirementRow {
  height: 10px;
  position: relative; }

.kpiWrapper .kpiTable td {
  font-size: 9px; }

.tipHelpBox .kpiTable td {
  font-size: 9px; }

#ganttChartActions .datagridRow table.history {
  font-size: 9px; }

#ganttChartActions th.datagridRow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%; }

.tipHelpBox {
  font-size: 9px; }

.sortingtable {
  border-collapse: collapse; }

ul.sortingtable {
  padding-left: 0px;
  background-color: white;
  list-style: none; }

ul.sortingtable li {
  font-size: 11px; }

.sortingtable td {
  border-style: solid;
  border-width: 1px;
  border-color: black; }

#sortDialogButton {
  font-weight: normal;
  margin-left: 105px; }

#sortDialogButtonTabular {
  font-weight: normal;
  margin-left: 10px;
  float: right;
  display: block; }

.ganttControl {
  font-size: 9px;
  color: gray;
  cursor: pointer; }

.sortableGantt {
  width: 100%; }
  .sortableGantt tr:last-of-type th {
    border-bottom-left-radius: 12px; }
  .sortableGantt a.name-box {
    text-transform: none !important; }

#ganttChartBarsScroller > table tr:last-of-type td:not(.hovered) {
  border-bottom: 0; }

#ganttChartBars {
  cursor: move; }

#ganttChartBars.noScroll {
  cursor: default;
  border-radius: 2px;
  border: 1px solid #DDD; }

#ganttControlls {
  vertical-align: top;
  width: 1em; }

#ganttControlls .controllButtonHolder {
  position: absolute;
  left: 0px;
  top: 10px; }

#ganttControlls .controllButtons {
  position: absolute;
  left: 15px;
  top: 0px;
  display: block;
  white-space: nowrap;
  transform: rotate(90deg);
  transform-origin: 0% 0%;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0% 0%;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: 0% 0%;
  font-size: 9px;
  text-decoration: none; }

#ganttControlls .controllButton, #ganttControllsHorizontal .controllButton {
  font-size: 11px; }

#ganttControlls .plusButton {
  position: absolute;
  top: 2px;
  left: 3px; }

#ganttControlls .minusButton {
  position: absolute;
  top: 78px;
  left: 3px; }

#ganttControllsHorizontal {
  text-align: right; }

.tabularGantt {
  width: 833px;
  max-width: 833px; }

.tabularGantt td.rightAlign {
  text-align: right; }

.tabularGantt th, .tabularGantt td {
  text-align: center;
  font-weight: normal;
  vertical-align: top; }

.tabularGantt th:not(.datagridFirstColumn), .tabularGantt td:not(.datagridFirstColumn) {
  border-left: 1px solid #DDD; }

.tabularGantt .kpiTable td {
  border-right-style: none;
  border-left-style: none;
  text-align: left; }

.tabularGantt .datagridRowGanttCompact {
  background-color: white;
  min-height: 20px;
  padding: 4px 2px 4px 2px; }

.tabularGantt .datagridRow {
  padding-left: 16px;
  text-align: left; }

.tabularGantt td.datagridRow .datagridRowContainer {
  height: 100%;
  max-width: 500px;
  word-wrap: break-word;
  text-align: left; }

.tabularGantt .datagridRowSpacerCompact {
  background-color: #FFFFFF;
  height: 4px;
  border-top: 1px solid #DDD; }

.tabularGantt .history td {
  border-style: none;
  text-align: left; }

.tabularGantt .kpiTable {
  border-style: 1px solid #A8A8A8;
  border-collapse: collapse; }

.tabularGantt .history .kpiTable td {
  border-style: solid;
  border-width: 1px;
  border-spacing: 0px; }

.tabularGantt td.datagridRowHistory {
  max-width: 500px; }

.tabularGantt td.datagridRowHistory .comments {
  width: 100%;
  overflow: auto; }

.tabularGantt .history .kpiTable th {
  border-style: solid;
  border-width: 1px;
  border-spacing: 0px; }

.tabularGantt .datagridRowPerspectiveHeadCompact {
  font-weight: normal;
  text-align: left;
  background-color: #FFFFFF;
  padding-left: 4px; }
  .tabularGantt .datagridRowPerspectiveHeadCompact.datagridFirstColumn {
    border-bottom-left-radius: 12px; }
  .tabularGantt .datagridRowPerspectiveHeadCompact:not(.datagridFirstColumn) {
    border-bottom-right-radius: 12px; }

.tabularGantt .datagridColumnName {
  height: 43px;
  padding: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #DDD; }

.tabularGantt .tabularHeaderDiv {
  margin-top: 16px;
  font-weight: 300;
  font-size: 10px;
  text-transform: uppercase; }
  .tabularGantt .tabularHeaderDiv .chosen-container {
    top: -4px; }
  .tabularGantt .tabularHeaderDiv .chosen-container-single .chosen-single {
    background-color: inherit; }
    .tabularGantt .tabularHeaderDiv .chosen-container-single .chosen-single span {
      color: black; }

.tabularGantt .datagridRowPerspectiveHeadCompact a {
  text-decoration: none; }

.tabularGantt a .small {
  color: gray;
  text-decoration: underline; }

.tabularGantt .datagridColumnNameHeader {
  text-align: left;
  background-color: #EEEEEE; }

.tabularGantt .comments {
  clear: both;
  float: left; }

.tabularGantt .datagridRowHistory {
  padding-left: 5px;
  text-align: left; }

.datagridRowGanttCompact .feedbackPopupCommentGantt p {
  margin-bottom: 4px;
  max-width: 400px;
  overflow: hidden; }

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

.datagridRowGanttCompact a:hover {
  color: #E83B83; }

.hoverLinksGantt:hover .linkContent {
  color: blue;
  text-decoration: underline !important; }

.ganttRowDescription {
  font-weight: normal;
  font-size: 13px; }

.kpiDescriptionTable {
  margin-top: 10px;
  border-collapse: collapse; }

.kpiDescriptionTable td {
  border-style: solid;
  border-width: 1px;
  border-color: #c3c3c3;
  text-align: right; }

.kpiDescriptionTable th {
  border-style: none;
  text-align: left;
  font-weight: normal; }

.kpiDescriptionBox th {
  font-weight: bold;
  text-align: left;
  padding-right: 5px;
  padding-left: 5px;
  border-bottom: solid #A8A8A8 1px; }

.kpiDescriptionBox {
  border-collapse: collapse;
  z-index: 4; }

.kpiDescriptionBox td {
  border-top: solid #A8A8A8 1px;
  text-align: right;
  padding-right: 15px;
  padding-left: 5px; }

.kpiDescriptionBox th {
  text-align: center; }

#editDialogButtonContainer {
  font-weight: normal;
  margin-left: 105px; }

.tabularSmall {
  color: gray !important;
  font-size: 9px !important; }

.minigraphLegend {
  float: left;
  width: 135px;
  margin-bottom: 5px; }

.datagridRowGantt .actionBarTable .subMinigraph td {
  height: 11px; }

.tabularGantt ul {
  padding-left: 14px; }

#ganttChartActionView {
  margin-bottom: 15px; }

.ganttFeedbackButton {
  position: absolute;
  width: 12px;
  left: 22px;
  top: 1px; }

.treeIcon.ganttTreeIcon {
  position: absolute;
  width: 12px;
  left: 5px;
  top: 1px; }

.left {
  left: 5px  !important; }

.tabularColSelect {
  border: none;
  font-size: 10px;
  background-color: white;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  color: black;
  margin-top: -1px;
  padding-right: 10px;
  padding-left: 10px; }

.sortRadios {
  margin-top: 0px;
  margin-bottom: 10px; }

.sortRadios label {
  margin-right: 9px; }

.sortRadios input {
  margin-right: 5px; }

.fasortli, .psortli {
  font-weight: bold; }

.sortli {
  font-weight: normal; }

.sortCollapsor {
  position: absolute;
  left: -2em;
  top: 3px;
  cursor: pointer; }

#ganttChartActions {
  border-left: none;
  border-top: 1px solid #DDD; }

#ganttChartActions table {
  table-layout: fixed; }

#ganttChartBars {
  border-width: 1px;
  border-color: #DDD;
  border-style: solid none solid solid;
  border-right: 1px solid #DDD;
  border-bottom: 0;
  border-bottom-right-radius: 12px; }

h3.minigraphHeadingTitle {
  margin-bottom: 10px;
  margin-top: 0px;
  float: left; }

.milestoneHoverBox {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 90;
  min-width: 250px; }

.fbIconTd {
  background-color: white;
  width: 10px;
  height: 20px; }

.expanders {
  position: absolute;
  left: -25px;
  margin-top: 1px;
  z-index: 0; }

.expandersTabular {
  position: absolute;
  left: -29px;
  margin-top: 1px;
  z-index: 0; }

.expanders a {
  visibility: hidden; }

.expanders a:hover {
  text-decoration: underline; }

.expandersTabular a {
  visibility: hidden; }

.expandersTabular a:hover {
  text-decoration: underline; }

.expanders img, .expandersTabular img {
  border-bottom: 1px solid white; }

.expanders img:hover, .expandersTabular img:hover {
  border-bottom: 1px solid #315ee1; }

.collapsor {
  z-index: 1; }

.clickToGiveFeedback {
  cursor: url(/images/link2_transparent_small.png), url(/images/link2_transparent_small.cur), pointer; }

.ganttPlus, .ganttMinus {
  font-size: 11px; }

.ganttPlus, .ganttMinus, .controllButton {
  color: #808080;
  cursor: pointer;
  text-decoration: none; }

.ganttPlus:hover, .ganttMinus:hover, .controllButton:hover, .hierarchyExpanders a:hover {
  color: #0C64FF;
  text-decoration: underline; }

.minigraphLegendText {
  display: table-cell;
  vertical-align: bottom;
  height: 20px;
  width: 120px; }

.leftRow {
  font-size: 9px;
  line-height: 14px; }

.hiddenTick {
  visibility: hidden; }

.periodName {
  font-weight: normal; }

.focusareaHoverBox {
  width: auto; }

.focusareaHoverBox .autoOverflow p {
  float: left; }

.actionBox {
  padding: 0;
  margin: 0;
  vertical-align: top; }
  .actionBox.noInitiatives a {
    text-decoration: none;
    color: inherit;
    outline: 0;
    position: relative;
    z-index: 6; }
  .actionBox a {
    color: inherit;
    position: relative;
    outline: 0;
    z-index: 6;
    display: inline-block;
    vertical-align: top; }
  .actionBox div {
    display: inline-block;
    vertical-align: top;
    width: auto; }
  .actionBox .rangeLine {
    margin-top: 0; }

.ganttChartFaRowTable {
  font-size: 9px;
  border-collapse: collapse;
  font-family: Verdana, Arial;
  height: 12px;
  overflow: hidden;
  margin: 0px;
  padding: 0px; }

#ganttControllsHorizontal {
  padding-bottom: 2px; }

.ganttCircle {
  width: 7px;
  height: 7px;
  border-radius: 7px;
  border: 1px solid; }

.ganttChartTimelineNow, #ganttChartTimelineNow {
  position: absolute;
  width: 1px;
  background-color: #E83B83; }

#detailGanttContainer .ganttCircle {
  width: 9px;
  height: 9px;
  border-radius: 9px; }

.ganttChartTimelineNow, #ganttChartTimelineNow {
  position: absolute;
  width: 1px;
  background-color: #E83B83; }

#datagridColumnName {
  height: 43px;
  padding: 0px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 300;
  font-size: 11px;
  background-color: #FCFBFD;
  border-bottom: 1px solid #DDD;
  color: #303030; }

#detailGanttContainer .ganttCircle {
  width: 9px;
  height: 9px;
  border-radius: 9px; }

#ganttChart .datagridRow .plusminus {
  margin-left: -10px; }

#ganttChart .datagridRow .kpiProgressNameGantt {
  float: left; }

#ganttChart .datagridRow.fbIconTd {
  position: relative; }

#ganttChart .datagridRow .kpiProgressNameGantt {
  float: left;
  white-space: nowrap; }

#ganttChart .datagridRow .timeLabel {
  float: left;
  text-align: right;
  white-space: nowrap; }

.timeLabel {
  position: absolute;
  left: -100px;
  width: 100px;
  text-align: right;
  line-height: 16px; }

.kpiProgressNameGanttView {
  position: absolute;
  right: -50px;
  width: 50px;
  text-align: left;
  top: 0;
  line-height: 16px; }

#action-execution-status-container {
  margin-bottom: 20px;
  padding: 0px; }
  #action-execution-status-container #ganttChartBars.noScroll {
    border: none; }
  #action-execution-status-container #ganttChartBars .primaryTimeline td {
    background-color: #2E2F31;
    color: white; }
  #action-execution-status-container .centerPosition {
    height: 0px;
    text-align: center; }

.ganttBar .ganttChartTodayArrow {
  cursor: default;
  background-image: url(/images/icons/arrow-down-low.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 12px;
  font-weight: 600;
  height: 26px;
  width: 40px;
  text-align: center;
  color: #E83B83;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0px; }
.ganttBar .todayPositionLine td {
  padding-top: 8px;
  padding-bottom: 2px; }

.feedbackRequirementRow img {
  width: 15px;
  height: 15px;
  position: absolute; }

#ganttChart .datagridRow .plusminus {
  margin-left: -10px; }

#ganttChart .datagridRow .kpiProgressNameGantt {
  float: left; }

#ganttChart .datagridRow.fbIconTd {
  position: relative; }

#ganttChart .datagridRow .kpiProgressNameGantt {
  float: left;
  white-space: nowrap; }

#ganttChart .datagridRow .timeLabel, #ganttChartSupport .datagridRow .timeLabel {
  float: left;
  text-align: right;
  white-space: nowrap; }

#ganttChart .ganttBar .actionBar.coloredBackground .white, #ganttChart .ganttBar .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator .actionBar.inner-feedback .white, .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator #ganttChart .ganttBar .actionBar.inner-feedback .white, #ganttChart .ganttBar .actionBarTable .actionBox > div.actionBar .white, .actionBarTable #ganttChart .ganttBar .actionBox > div.actionBar .white, #ganttChart .ganttBar .actionBarTable .milestoneCircle .actionBar.inner-feedback .white, .actionBarTable .milestoneCircle #ganttChart .ganttBar .actionBar.inner-feedback .white, #ganttChart .ganttBar .actionBar.latestStatusIndicator .white, #ganttChart .ganttBar ap-action-feedback-color-bar-simple .feedbackBar .actionBar.milestone .white, ap-action-feedback-color-bar-simple .feedbackBar #ganttChart .ganttBar .actionBar.milestone .white, #ganttChart .ganttBar ap-milestone-feedback-color-bar .feedbackBar .actionBar.milestone .white, ap-milestone-feedback-color-bar .feedbackBar #ganttChart .ganttBar .actionBar.milestone .white, #ganttChart .ganttBar ap-action-feedback-color-bar-simple .feedbackBar .milestone .actionBar.inner-feedback .white, ap-action-feedback-color-bar-simple .feedbackBar .milestone #ganttChart .ganttBar .actionBar.inner-feedback .white, #ganttChart .ganttBar ap-milestone-feedback-color-bar .feedbackBar .milestone .actionBar.inner-feedback .white, ap-milestone-feedback-color-bar .feedbackBar .milestone #ganttChart .ganttBar .actionBar.inner-feedback .white, #ganttChart .ganttBar .overallStatus .actionBar.initiativeSymbolPart2 .white, .overallStatus #ganttChart .ganttBar .actionBar.initiativeSymbolPart2 .white {
  border: 1px solid #ECECEC;
  margin: -1px; }

div.timelineItem {
  padding: 0px;
  float: left;
  white-space: nowrap;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAA1JREFUCJljuHv37n8ACMkDl42q7O8AAAAASUVORK5CYII=);
  background-repeat: repeat-y;
  text-align: center;
  cursor: pointer;
  background-color: #FCFBFD; }

.timelineItemCell {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAA1JREFUCJljuHv37n8ACMkDl42q7O8AAAAASUVORK5CYII=);
  background-repeat: repeat-y;
  background-color: #FCFBFD;
  color: #303030;
  height: 17px;
  padding-top: 4px;
  border-bottom: solid #DDD 1px; }

div.timelineItem.timelineItemCell.secondary {
  height: 17px;
  padding-top: 4px;
  background-color: #FCFBFD;
  color: #303030; }

.navigator .timelineItem {
  cursor: pointer; }

.timelineItem div {
  overflow: hidden; }

.timelineItemCell.secondary {
  border-bottom: 0; }

.secondaryItems :first-child {
  border-left: none; }

.ganttChartTimelineTable {
  border-bottom: solid #DDD 1px; }

#action-execution-status-container {
  padding-top: 13px;
  border: 1px solid #DDD; }
  #action-execution-status-container tr.separationRow td {
    border-top: 1px solid #DDD;
    padding-top: 22px; }
  #action-execution-status-container .zoomSelectorWrapper {
    float: right;
    font-size: 12px;
    width: auto; }
    #action-execution-status-container .zoomSelectorWrapper .zoomLabelWrapper {
      text-transform: uppercase; }
  #action-execution-status-container #actionExecutionStatusShowGraphWrap {
    float: right;
    width: auto;
    font-size: 12px;
    line-height: 26px; }
    #action-execution-status-container #actionExecutionStatusShowGraphWrap > label {
      text-transform: uppercase;
      margin-left: 45px; }
  #action-execution-status-container #ganttChartActionView {
    clear: both;
    padding-top: 10px; }
  #action-execution-status-container div.timelineItem {
    background-color: white; }
  #action-execution-status-container .timelineItemCell {
    background-color: #2E2F31;
    color: white; }
  #action-execution-status-container div.timelineItem.timelineItemCell.secondary {
    color: #303030;
    background-color: white; }
  #action-execution-status-container #detailGanttContainer .timeLabel {
    padding-top: 3px; }
  #action-execution-status-container #detailGanttContainer .actionStartDate {
    position: absolute;
    bottom: -17px;
    font-size: 10px;
    left: 0px;
    color: #9D9C9C; }
  #action-execution-status-container #detailGanttContainer .actionEndDate {
    position: absolute;
    bottom: -17px;
    font-size: 10px;
    right: 0px;
    color: #9D9C9C; }
  #action-execution-status-container #detailGanttContainer .actionBarCell {
    height: 46px; }
  #action-execution-status-container #detailGanttContainer .feedbackRequirementRow {
    padding-top: 3px;
    padding-bottom: 14px; }
  #action-execution-status-container #detailGanttContainer .feedbackHistoryBar {
    float: left; }
    #action-execution-status-container #detailGanttContainer .feedbackHistoryBar .section {
      height: 13px;
      float: left; }
      #action-execution-status-container #detailGanttContainer .feedbackHistoryBar .section:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px; }
      #action-execution-status-container #detailGanttContainer .feedbackHistoryBar .section:last-child {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px; }
  #action-execution-status-container #detailGanttContainer .executionStatusLabel {
    float: left;
    text-align: right; }
    #action-execution-status-container #detailGanttContainer .executionStatusLabel span {
      padding-right: 28px; }
  #action-execution-status-container #detailGanttContainer .kpiTableRow > td {
    border-top: 1px solid #DDD;
    padding-top: 7px; }
  #action-execution-status-container #detailGanttContainer table.ganttBar {
    width: 100%; }
    #action-execution-status-container #detailGanttContainer table.ganttBar table.actionBarTable {
      width: 100%; }
  #action-execution-status-container #detailGanttContainer .ganttRowDescription {
    font-size: 13px;
    padding-right: 27px;
    text-transform: uppercase; }
  #action-execution-status-container #detailGanttContainer .kpiName {
    font-size: 11px;
    padding-right: 38px;
    font-weight: 600;
    text-align: right; }
  #action-execution-status-container #detailGanttContainer .kpiPercentageValue {
    float: left; }
    #action-execution-status-container #detailGanttContainer .kpiPercentageValue .percentage {
      display: inline-block;
      height: 22px;
      padding-left: 29px;
      text-align: center;
      padding-top: 2px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 22px 22px;
      font-weight: 300;
      font-size: 16px;
      background-image: url(/images/icons/target-grey.svg); }
    #action-execution-status-container #detailGanttContainer .kpiPercentageValue .numbers {
      font-size: 11px;
      color: #9D9C9C;
      margin-left: 7px; }
  #action-execution-status-container #detailGanttContainer .kpiPerformanceValue {
    float: left;
    margin-left: 37px; }
    #action-execution-status-container #detailGanttContainer .kpiPerformanceValue .percentage {
      display: inline-block;
      height: 22px;
      padding-left: 29px;
      text-align: center;
      padding-top: 2px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 22px 22px;
      font-weight: 300;
      font-size: 16px;
      background-image: url(/images/icons/performance-indicator-green.svg); }
      #action-execution-status-container #detailGanttContainer .kpiPerformanceValue .percentage.red {
        background-image: url(/images/icons/performance-indicator-red.svg); }
    #action-execution-status-container #detailGanttContainer .kpiPerformanceValue .numbers {
      font-size: 11px;
      color: #9D9C9C;
      margin-left: 7px; }
  #action-execution-status-container #detailGanttContainer .kpiExpectedValue {
    float: left;
    margin-left: 0px; }
    #action-execution-status-container #detailGanttContainer .kpiExpectedValue .percentage {
      display: inline-block;
      height: 22px;
      padding-left: 29px;
      text-align: center;
      padding-top: 2px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 22px 22px;
      font-weight: 300;
      font-size: 16px;
      background-image: url(/images/icons/thumbs/thumb-up.svg); }
      #action-execution-status-container #detailGanttContainer .kpiExpectedValue .percentage.red {
        background-image: url(/images/icons/thumbs/thumb-down.svg); }
    #action-execution-status-container #detailGanttContainer .kpiExpectedValue .numbers {
      font-size: 11px;
      color: #9D9C9C;
      margin-left: 7px; }
  #action-execution-status-container #detailGanttContainer .kpiInfoRow > td {
    height: 40px; }
  #action-execution-status-container #detailGanttContainer .smileyKpiValue {
    padding-left: 4px; }
  #action-execution-status-container #detailGanttContainer #percentages {
    background-color: white;
    position: relative;
    float: right;
    height: 100%;
    top: 0;
    z-index: 4; }
  #action-execution-status-container #detailGanttContainer .kpiPercentageCol {
    padding-right: 27px; }
  #action-execution-status-container #detailGanttContainer .detailTitleCol {
    padding-right: 27px;
    text-align: right;
    font-weight: 700;
    font-size: 11px;
    height: 28px; }
    #action-execution-status-container #detailGanttContainer .detailTitleCol.text {
      vertical-align: top; }
  #action-execution-status-container #detailGanttContainer tr.infoRow td {
    padding-top: 10px; }
  #action-execution-status-container #detailGanttContainer tr.infoRow.feedbackRequirementListRow {
    padding-top: 5px; }
  #action-execution-status-container #detailGanttContainer tr.feedbackHistoryBarRow td {
    vertical-align: top;
    padding-bottom: 5px; }
  #action-execution-status-container #detailGanttContainer td.info {
    font-size: 14px;
    font-weight: 300; }
    #action-execution-status-container #detailGanttContainer td.info dl dt {
      font-weight: 300;
      display: inline; }
    #action-execution-status-container #detailGanttContainer td.info dl dd {
      margin-left: 5px;
      font-weight: bold;
      display: inline; }
  #action-execution-status-container #detailGanttContainer .minigraphFirstRow > td {
    border-top: 1px solid #DDD;
    padding-top: 27px; }
  #action-execution-status-container #detailGanttContainer .ganttRowLabel {
    text-align: right;
    vertical-align: top; }
    #action-execution-status-container #detailGanttContainer .ganttRowLabel.ganttRowLabelDetails {
      hieght: 22px; }
  #action-execution-status-container #detailGanttContainer .action-description-title {
    font-size: 14px;
    font-weight: 300; }
  #action-execution-status-container #detailGanttContainer .action-description-content {
    font-size: 12px;
    font-weight: 300; }

tr .name-box {
  position: relative;
  font-size: 11px; }
  tr .name-box:before {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; }
  tr .name-box:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: 0 0px;
    vertical-align: middle;
    margin-right: 4px; }
tr .name-box-table {
  position: relative;
  height: 12px;
  width: 12px;
  display: inline-block;
  margin-right: 5px; }
  tr .name-box-table .item-icon {
    content: '';
    width: 18px;
    height: 18px;
    left: 0;
    top: 2px;
    background-size: 24px 24px;
    position: absolute;
    vertical-align: middle; }
tr.perspective-row .name-box::after, tr.perspective-row .item-icon, tr.byperspective-row .name-box::after, tr.byperspective-row .item-icon, tr.supportedperspective-row .name-box::after, tr.supportedperspective-row .item-icon {
  background-image: url(/images/icons/perspective-pink.svg); }
tr.focusArea-row .name-box::after, tr.focusArea-row .item-icon, tr.byfocusArea-row .name-box::after, tr.byfocusArea-row .item-icon, tr.supportedfocusArea-row .name-box::after, tr.supportedfocusArea-row .item-icon {
  background-image: url(/images/icons/focusarea-pink.svg); }
tr.top_action_action_name .name-box, tr.top_action_action_name .name-box-table {
  font-size: 10px; }
  tr.top_action_action_name .name-box:after, tr.top_action_action_name .name-box .item-icon, tr.top_action_action_name .name-box-table:after, tr.top_action_action_name .name-box-table .item-icon {
    background-image: url(/images/icons/action-pink.svg); }
  .myDraftsTable tr.top_action_action_name .name-box:after, .myDraftsTable tr.top_action_action_name .name-box .item-icon, .myDraftsTable tr.top_action_action_name .name-box-table:after, .myDraftsTable tr.top_action_action_name .name-box-table .item-icon {
    background-image: url(/images/icons/draft-pink.svg); }
tr.top_action_action_name.top_subaction_action_name .name-box:after, tr.top_action_action_name.top_subaction_action_name .name-box .item-icon, tr.top_action_action_name.top_subaction_action_name .name-box-table:after, tr.top_action_action_name.top_subaction_action_name .name-box-table .item-icon {
  background-image: url(/images/icons/subaction-pink-v2.svg); }
tr.top_action_action_name.draft-action .name-box:after, tr.top_action_action_name.draft-action .name-box .item-icon, tr.top_action_action_name.draft-action .name-box-table:after, tr.top_action_action_name.draft-action .name-box-table .item-icon {
  background-image: url(/images/icons/draft-pink.svg); }

a.collapsor .plusminus {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid  #e4e6e5;
  border-radius: 3px;
  box-sizing: border-box;
  background: #fff;
  position: relative; }
  a.collapsor .plusminus.expanded {
    border: 1px solid #fbe6ef; }
  a.collapsor .plusminus:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: 10px 10px;
    background-position: 0 0; }
  a.collapsor .plusminus:after {
    background-image: url(/images/icons/open3.svg);
    background-repeat: no-repeat;
    background-position: 3px 0;
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  a.collapsor .plusminus.expanded:after {
    background-image: url(/images/icons/collapse3-viewbox_.svg);
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 200%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  a.collapsor .plusminus img {
    display: none; }

.tabularGantt .hierarchyExpanders, .ganttViewElement .hierarchyExpanders {
  color: #303030; }
  .tabularGantt .hierarchyExpanders .hierarchyExpander, .ganttViewElement .hierarchyExpanders .hierarchyExpander {
    text-transform: none;
    color: #303030;
    font-weight: 700;
    font-size: 12px; }
    .tabularGantt .hierarchyExpanders .hierarchyExpander:hover, .tabularGantt .hierarchyExpanders .hierarchyExpander.selectedExpander, .ganttViewElement .hierarchyExpanders .hierarchyExpander:hover, .ganttViewElement .hierarchyExpanders .hierarchyExpander.selectedExpander {
      color: #E83B83; }
  .tabularGantt .hierarchyExpanders #level_1, .tabularGantt .hierarchyExpanders #level_2, .ganttViewElement .hierarchyExpanders #level_1, .ganttViewElement .hierarchyExpanders #level_2 {
    line-height: 12px; }
.tabularGantt > tbody > tr:last-of-type > td:first-of-type, .ganttViewElement > tbody > tr:last-of-type > td:first-of-type {
  border-bottom-left-radius: 12px; }
.tabularGantt > tbody > tr:last-of-type > td:last-of-type, .ganttViewElement > tbody > tr:last-of-type > td:last-of-type {
  border-bottom-right-radius: 12px; }

.tabularGantt .tabularHeaderDivCenter {
  padding-left: 10px;
  font-weight: 400;
  padding-top: 2px; }

.ganttViewElement .datagridRowGanttCompact {
  border-bottom-left-radius: 12px; }

.divTable.ganttTableWrapper {
  border: 1px solid #DDD;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.zoomDropdownWrapper {
  display: inline-block;
  width: 100px;
  text-align: left; }
  .zoomDropdownWrapper .chosen-container-single .chosen-single {
    line-height: 26px; }

.zoomLabelWrapper {
  display: inline-block;
  width: 100px;
  line-height: 26px;
  vertical-align: top; }

.datagridRow.hovered {
  border-bottom: 1px solid #ECECEC;
  border-radius: 0;
  broder-bottom-left-radius: 0; }

.tabularGantt .datagridRowHistory *[style] {
  font-size: 9px !important; }

#action-description *[style] {
  font-size: 11px !important; }

.tabularGantt .datagridRowHistory *[style], #action-description *[style] {
  width: auto !important; }

.tabularGantt .datagridRowHistory table[width], .tabularGantt .datagridRowHistory table,
#action-description table[width], #action-description table {
  width: auto !important; }

#ganttChartActions .hoverLinksGantt + img {
  position: relative;
  top: 1px; }

.tabularFeedbackDetail {
  display: none;
  position: relative; }

.tabularFeedbackInfo {
  position: relative; }

.tabularFeedbackInfo .detailButtonHolder {
  float: right;
  font-weight: normal;
  position: absolute;
  right: 5px;
  top: 1px; }

.tabularFeedbackInfo .detailButton {
  cursor: pointer;
  color: #E83B83 !important;
  text-decoration: none; }

.collapsorRow .tabularFeedbackInfo .detailButton.small {
  font-weight: normal; }

.hoverMilestoneDotContainer {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  overflow: visible; }

#tabularView .closeDetailButton {
  visibility: hidden;
  width: 8px !important;
  height: 8px;
  cursor: pointer;
  position: absolute;
  left: calc(50% - 4px);
  top: 4px; }
#tabularView .datagridRowGanttCompact {
  height: auto; }
#tabularView .datagridRow.datagridRowGanttCompact {
  position: static; }
#tabularView .privacyIcon {
  vertical-align: middle;
  margin-top: -4px; }
#tabularView ap-latest-change {
  display: inline-block; }
#tabularView .rootCauseHeading {
  margin-top: 4px;
  font-weight: 700; }
#tabularView .comments .commentHeading {
  font-weight: 700; }
#tabularView .latestStatusIndicator.milestoneIndicator {
  border-radius: 50%; }
#tabularView tr .datagridRowGanttCompact.datagridRowHistory {
  padding-bottom: 14px; }
#tabularView a.collapsor {
  position: relative;
  margin-left: -22px; }
#tabularView a.name-box {
  text-transform: none !important;
  line-height: 16px; }
#tabularView tr .name-box:before {
  /*This misplaced text on my ini tabular view
    margin-left: -16px;
  */ }
#tabularView tr .name-box:after {
  top: 1px; }
#tabularView tr .name-box:before {
  vertical-align: baseline; }
#tabularView a.collapsor .plusminus:after {
  top: 1px; }
#tabularView .latestStatusIndicator {
  vertical-align: middle;
  width: 13px;
  height: 13px; }
  #tabularView .latestStatusIndicator.white {
    width: 11px;
    height: 11px; }
#tabularView ap-latest-change {
  display: inline-block;
  vertical-align: middle; }
  #tabularView ap-latest-change .latestUpdateUserBox {
    margin-top: 0px; }

#executionStatusGanttContainer {
  padding: 13px;
  background-color: #EEEEEE; }
  #executionStatusGanttContainer .feedbackRequirementRow {
    padding-top: 8px;
    padding-bottom: 16px; }
  #executionStatusGanttContainer .feedbackHistoryBar {
    float: left; }
    #executionStatusGanttContainer .feedbackHistoryBar .section {
      height: 12px;
      float: left;
      margin: 1px 0; }
      #executionStatusGanttContainer .feedbackHistoryBar .section:first-child {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px; }
      #executionStatusGanttContainer .feedbackHistoryBar .section:last-child {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px; }
  #executionStatusGanttContainer .executionStatusLabel {
    float: left;
    text-align: right; }
    #executionStatusGanttContainer .executionStatusLabel span {
      padding-right: 35px; }
  #executionStatusGanttContainer .feedbackHistoryBarRow + .showEmptyBar td, #executionStatusGanttContainer .feedbackHistoryBarRow + .showEmptyBar th {
    border-top: 0; }
  #executionStatusGanttContainer .feedbackHistoryBarRow .datagridRow {
    font-size: 10px; }
  #executionStatusGanttContainer .feedbackHistoryBarRow th.datagridRow {
    padding-left: 4px; }
  #executionStatusGanttContainer .ganttChartTimelineTable {
    border-bottom: 0; }
  #executionStatusGanttContainer div.timelineItem {
    background-color: white; }
    #executionStatusGanttContainer div.timelineItem.timelineItemCell {
      background-size: 1px 4px;
      background-repeat: no-repeat;
      background-position-y: 0; }
  #executionStatusGanttContainer .timelineItemCell {
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-size: 1px 4px;
    background-color: white; }
  #executionStatusGanttContainer .actionBarTable > div > div:not(.timeLabel) {
    border-radius: 4px; }
  #executionStatusGanttContainer #ganttChartBars {
    border: 0; }
  #executionStatusGanttContainer #datagridColumnName {
    border: 0;
    background-color: white; }
  #executionStatusGanttContainer #ganttChartActions {
    border: 0; }
  #executionStatusGanttContainer .divTable.ganttTableWrapper {
    margin: 0;
    background-color: white;
    border: 0;
    border-radius: 0; }

.zoomSelectorWrapper {
  text-transform: none; }
  .zoomSelectorWrapper .hidden-radio-label {
    vertical-align: middle; }

#ganttChartBarsScroller {
  padding-bottom: 6px; }

.top_action_action_name .tabularFeedbackDetail a {
  color: #315ee1; }
  .top_action_action_name .tabularFeedbackDetail a:hover {
    text-decoration: underline; }

#tabularView .plusminus.hiddenExpander {
  visibility: hidden; }

.datagridRow {
  font-size: 9px; }

.datagridRowSpacer {
  border-top: solid #F2EEEE 1px;
  border-bottom: solid #F2EEEE 1px;
  height: 12px; }

.datagridRowSpacerCompact {
  background-color: #FFFFFF;
  height: 3px; }

.datagridRowGantt {
  background-color: #F8F8F8;
  height: 41px; }

.datagridRowGanttCompact {
  height: 21px;
  line-height: 14px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: white; }

.datagridRowGanttCompact table {
  margin: 0px;
  height: 17px;
  border-collapse: collapse; }

#ganttChartLeft table {
  height: 43px; }

th.datagridRow {
  font-weight: normal;
  text-align: left;
  padding-left: 16px; }

.datagridRowFocusAreaHeadCompact {
  background-color: #FFFFFF; }

th.datagridRowFocusAreaHeadCompact {
  font-weight: normal;
  padding-left: 8px;
  text-align: left;
  height: 20px; }

.datagridRowPerspectiveHeadCompact {
  font-weight: normal;
  text-align: left;
  background-color: #FFFFFF; }

th.datagridRowPerspectiveHeadCompact {
  padding-left: 4px;
  height: 20px; }

a.collapsor {
  text-decoration: none; }

.plusminus {
  color: gray; }

a.top_action_collapsor {
  text-decoration: none; }

a.top_action_collapsor span {
  text-decoration: underline; }

.collapsorRow .small {
  font-weight: bold;
  text-decoration: none; }

a.collapseAll {
  font-weight: normal;
  color: gray;
  text-decoration: none; }

img.magnifyingGlass {
  position: absolute;
  margin-left: -21px;
  margin-top: 3px; }

#sortDialog {
  display: none; }

td.popupFeedbackCell {
  max-width: 550px; }

.timeLabel {
  position: absolute;
  left: -100px;
  width: 100px;
  text-align: right;
  line-height: 16px; }

.showEmptyBar th, .showEmptyBar td {
  border-top: 3px solid white; }

a.ganttFeedbackButton {
  width: 12px;
  height: 12px;
  background-image: url("/images/icons/icons-update-pink.svg");
  background-size: 12px 12px;
  margin-top: 2px; }
  a.ganttFeedbackButton:hover {
    text-decoration: none; }

.fbIconTd {
  background-color: #fbfbfb;
  border-color: #fbfbfb !important; }

.fbIconTd .treeIcon.ganttTreeIcon {
  top: 3px; }

/*hierarchy level definititions*/
/*hierarcyLevel*10+25*/
.datagridRow.hierarchyLevel0 {
  padding-left: 25px; }

.datagridRow.hierarchyLevel1 {
  padding-left: 35px; }

.datagridRow.hierarchyLevel2 {
  padding-left: 45px; }

.datagridRow.hierarchyLevel3 {
  padding-left: 55px; }

.datagridRow.hierarchyLevel4 {
  padding-left: 65px; }

.datagridRow.hierarchyLevel5 {
  padding-left: 75px; }

.datagridRow.hierarchyLevel6 {
  padding-left: 85px; }

.datagridRow.hierarchyLevel7 {
  padding-left: 95px; }

.datagridRow.hierarchyLevel8 {
  padding-left: 105px; }

.datagridRow.hierarchyLevel9 {
  padding-left: 115px; }

.datagridRow.hierarchyLevel10 {
  padding-left: 125px; }

.datagridRow.hierarchyLevel11 {
  padding-left: 135px; }

.datagridRow.hierarchyLevel12 {
  padding-left: 145px; }

.datagridRow.hierarchyLevel13 {
  padding-left: 155px; }

.datagridRow.hierarchyLevel14 {
  padding-left: 165px; }

.datagridRow.hierarchyLevel15 {
  padding-left: 175px; }

#actionHoverBox #actionHoverBoxContent div.small {
  max-width: 270px;
  word-wrap: break-word; }

.rolesReloader {
  display: none;
  float: left;
  margin-top: 4px; }

.datagridFirstColumn {
  max-width: 487px; }

.action-performance-indicators {
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px; }
  .action-performance-indicators .performance-indicator {
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    font-weight: 400;
    font-size: 10px;
    vertical-align: middle; }
    .action-performance-indicators .performance-indicator:before {
      background-size: 28px 28px;
      display: inline-block;
      content: '';
      height: 18px;
      width: 16px;
      vertical-align: middle;
      margin-right: 0; }
    .action-performance-indicators .performance-indicator.indicator-spend-time {
      position: relative; }
      .action-performance-indicators .performance-indicator.indicator-spend-time:before {
        position: relative; }
      .action-performance-indicators .performance-indicator.indicator-spend-time:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 32px;
        height: 32px;
        display: inline-block;
        background-size: 32px 32px;
        background-position: 0 0; }
      .action-performance-indicators .performance-indicator.indicator-spend-time:after {
        background-image: url(/images/icons/time-elapsed-viewbox.svg); }
    .action-performance-indicators .performance-indicator.indicator-progress {
      position: relative; }
      .action-performance-indicators .performance-indicator.indicator-progress:before {
        position: relative; }
      .action-performance-indicators .performance-indicator.indicator-progress:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 32px;
        height: 32px;
        display: inline-block;
        background-size: 32px 32px;
        background-position: 0 0; }
      .action-performance-indicators .performance-indicator.indicator-progress:after {
        background-image: url(/images/icons/target_facelift-viewbox.svg); }
    .action-performance-indicators .performance-indicator.indicator-progress-monthly:before {
      background-image: url(/images/icons/performance-indicator-red-bottom.svg);
      background-size: 16px 16px;
      background-position: 0 -3px; }
    .action-performance-indicators .performance-indicator.indicator-progress-monthly.green:before {
      background-image: url(/images/icons/performance-indicator-green-bottom.svg); }
    .action-performance-indicators .performance-indicator.indicator-time::before {
      background-image: url(/images/icons/time-grey-bottom-viewbox.svg); }
    .action-performance-indicators .performance-indicator.indicator-expected::before {
      display: none; }
    .action-performance-indicators .performance-indicator.indicator-expected::after {
      background-size: 14px 14px;
      display: inline-block;
      content: '';
      height: 18px;
      width: 16px;
      vertical-align: middle;
      margin-right: 0;
      background-repeat: no-repeat;
      background-image: url(/images/icons/thumbs/thumb-up.svg); }
      .action-performance-indicators .performance-indicator.indicator-expected::after.red {
        background-image: url(/images/icons/thumbs/thumb-down.svg); }
  .bg2 .action-performance-indicators .performance-indicator:before {
    background-size: 24px 24px;
    height: 12px;
    width: 12px;
    vertical-align: top;
    margin-right: 2px;
    margin-top: -2px; }
  .bg2 .action-performance-indicators .performance-indicator.indicator-spend-time:before {
    background-size: 22px 22px;
    height: 11px;
    width: 11px;
    vertical-align: top;
    margin-right: 2px;
    margin-top: -2px; }
  .bg2 .action-performance-indicators .performance-indicator.indicator-progress:after {
    margin-top: 0px;
    margin-left: -1px; }
  .action-performance-indicators .timeLabel .performance-indicator.indicator-spend-time:after {
    left: 21px; }

#container ap-total-overview .total-overview-main {
  margin-top: 8px; }
#container ap-total-overview ap-overview-gantt-view .globalFilterWrapper {
  top: 92px; }

.disabled {
  pointer-events: none; }

.disable-opacity {
  opacity: .5; }

.disable-opacity label.bulk_checkbox_container {
  cursor: default; }

.disable-opacity .bulk_checkbox_container input {
  cursor: default !important; }

.color-legend.info-icon {
  margin-left: 5px; }

#totalOverviewList .color-legend.info-icon {
  margin-top: 6px; }
#totalOverviewList ap-profile-filter, #totalOverviewList ap-businessmap-filter {
  position: relative;
  top: 2px; }

.my-actions.color-hover-helptext {
  left: 164px;
  z-index: 26; }
  .my-actions.color-hover-helptext.is-userpage {
    left: 220px;
    top: 300px; }

ap-total-overview .other-businessmaps {
  z-index: 1; }
ap-total-overview .user-rm-filter-label {
  font-size: 12px;
  margin-right: 10px; }
ap-total-overview .profiles-list {
  margin-left: 10px; }

.latestUpdateUserBox {
  color: #808080;
  font-size: 9px; }
  .latestUpdateUserBox > div {
    display: inline-block; }
  .latestUpdateUserBox .latestFeedbackText {
    color: #303030; }
  .latestUpdateUserBox .feedbackInfo > div:last-of-type {
    font-weight: 400;
    font-size: 9px;
    color: #808080; }
    .latestUpdateUserBox .feedbackInfo > div:last-of-type span {
      margin-right: 6px; }
  .latestUpdateUserBox div.photo {
    background-color: white;
    border: 0; }

.latestStatusIndicator {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 2px;
  border-radius: 2px; }
  .latestStatusIndicator.white, .latestStatusIndicator div.white {
    border: 1px solid #DDD;
    width: 12px;
    height: 12px; }
  .latestStatusIndicator .completion-overlay {
    width: 14px;
    height: 14px;
    position: relative; }
    .latestStatusIndicator .completion-overlay:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 28px;
      height: 28px;
      display: inline-block;
      background-size: 28px 28px;
      background-position: 0 0; }
    .latestStatusIndicator .completion-overlay.completion_25:after {
      background-image: url("/images/icons/complete/complete_25.svg"); }
    .latestStatusIndicator .completion-overlay.completion_50:after {
      background-image: url("/images/icons/complete/complete_50.svg"); }
    .latestStatusIndicator .completion-overlay.completion_75:after {
      background-image: url("/images/icons/complete/complete_75.svg"); }

.latestStatusText {
  display: inline-block; }
  .latestStatusText span {
    font-size: 10px; }
  .latestStatusText ap-time-remaining {
    margin-left: 3px;
    color: #808080;
    font-size: 10px; }

.truncate-username {
  max-width: 68px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom; }

.colorBar > div:nth-of-type(1) {
  height: 22px; }
  .colorBar > div:nth-of-type(1) .todayArrow {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background-image: url(/images/icons/today-arrow-pink.svg);
    background-position: 0 0;
    background-size: 16px 16px;
    top: 4px; }
.colorBar > div:nth-of-type(2) {
  display: inline-block;
  width: 100%;
  height: 18px;
  border: 1px solid #DDD; }
  .colorBar > div:nth-of-type(2).red, .colorBar > div:nth-of-type(2) div.red {
    background-color: #E62E2C; }
  .colorBar > div:nth-of-type(2).blue, .colorBar > div:nth-of-type(2) div.blue {
    background-color: #5384C3; }
  .colorBar > div:nth-of-type(2).green, .colorBar > div:nth-of-type(2) div.green {
    background-color: #5BB030; }
  .colorBar > div:nth-of-type(2).yellow, .colorBar > div:nth-of-type(2) div.yellow {
    background-color: #FFE601; }
  .colorBar > div:nth-of-type(2).grey, .colorBar > div:nth-of-type(2) div.grey {
    background-color: #C6C6C5; }
  .colorBar > div:nth-of-type(2).black, .colorBar > div:nth-of-type(2) div.black {
    background-color: black; }
  .colorBar > div:nth-of-type(2) div {
    display: inline-block;
    height: 18px; }
.colorBar > div:nth-of-type(3) {
  font-weight: 300;
  font-size: 9px;
  color: #808080; }

.pic {
  position: relative;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e8e8e8; }
  .pic .pic-image {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/person_avatar.gif) no-repeat 50%/cover; }
    .pic .pic-image.no-image {
      background-image: none;
      background-color: lightgrey;
      text-align: center;
      font-size: 14px; }
  .pic.small-pic {
    width: 28px;
    height: 28px; }

.sortBySelect {
  height: 20px;
  margin-left: 20px;
  font-size: 9px;
  color: grey;
  font-weight: normal;
  float: right; }

.splitActionKpiTable .sortBySelect {
  height: 15px; }

.sortBySelect select {
  border-style: none;
  font-size: 9px;
  height: 12px; }

.hierarchyExpanders {
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  color: gray; }

#ganttChartActions .sortDialogButton {
  margin-left: 5px; }

.hierarchyExpander {
  color: gray;
  cursor: pointer; }

.selectedExpander {
  color: #E83B83; }

#listViewActionHeader .sortBySelect {
  float: right;
  margin-left: 0px; }

#sortBy_chosen {
  float: right;
  font-size: 9px;
  font-weight: normal;
  margin-right: 5px;
  color: #808080; }

.sortBySelect .chosen-single {
  height: 12px;
  line-height: 12px;
  border-style: none;
  padding-left: 2px; }

.sortBySelect .chosen-results {
  font-size: 9px;
  color: #808080;
  white-space: nowrap; }

.sortBySelect .chosen-container-single .chosen-default span {
  font-size: 9px;
  margin-right: 8px;
  display: inline; }

.sortBySelect .chosen-container-single .chosen-default span:hover {
  color: #0C64FF;
  text-decoration: underline; }

.sortBySelect .chosen-container-single .chosen-single div b {
  background-position: 0px -5px; }

.strategyPageHead {
  margin-top: 40px; }

.controls-box {
  position: relative;
  display: inline-block;
  font-weight: 300;
  font-size: 11px; }
  .controls-box .controls-box-wrapper {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    cursor: default; }
  .controls-box .controls-box-with-arrow {
    position: absolute; }
    .controls-box .controls-box-with-arrow:before {
      content: ' ';
      display: block;
      position: absolute;
      top: 0;
      left: 2px;
      background-image: url("/images/layout/triangle.svg");
      width: 10px;
      height: 10px;
      background-size: 10px 10px; }
    .controls-box .controls-box-with-arrow .slide {
      top: 0;
      left: 7px;
      background: none; }
      .controls-box .controls-box-with-arrow .slide ul {
        padding: 0 0; }
  .controls-box .controls-link {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: visible;
    position: relative; }
    .controls-box .controls-link:after {
      position: absolute;
      left: 0;
      top: 0;
      content: ' ';
      width: 24px;
      height: 24px;
      background-size: 24px 24px;
      background-image: url(/images/icons/options_hover_bg.svg);
      background-position: center; }
  .controls-box .controls-link {
    width: 30px;
    height: 30px;
    background: none; }
  .controls-box .options_hover .controls-link:after {
    width: 30px;
    height: 30px; }
  .controls-box .slide {
    position: absolute;
    top: 14px;
    color: #303030;
    text-align: left;
    left: -32px;
    background-image: url("/images/layout/triangle.svg");
    background-position: 35px 0px;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    z-index: 101; }
    .controls-box .slide ul {
      color: #C6C6C5;
      padding: 2px 9px;
      background-color: white;
      border: 1px solid #E83B83;
      border-right: none;
      border-left: none;
      list-style: none; }
      .controls-box .slide ul li {
        line-height: 16px;
        border-top: 1px solid #ECECEC; }
        .controls-box .slide ul li.option-disabled a {
          cursor: not-allowed; }
        .controls-box .slide ul li.option-disabled .icon-block-text {
          color: lightgrey; }
        .controls-box .slide ul li.option-disabled:hover {
          background-color: white; }
        .controls-box .slide ul li:first-child {
          border-top: none; }
        .controls-box .slide ul li:hover {
          background-color: #ECECEC; }
          .controls-box .slide ul li:hover a {
            color: #E83B83; }
          .controls-box .slide ul li:hover a.reverse {
            color: #303030; }
        .controls-box .slide ul li a {
          text-transform: uppercase;
          cursor: pointer;
          white-space: nowrap;
          padding: 6px 25px;
          display: block;
          text-decoration: none; }
          .controls-box .slide ul li a.checkTask:hover {
            color: #5BB030; }
          .controls-box .slide ul li a.uncheckTask {
            color: #5BB030; }
            .controls-box .slide ul li a.uncheckTask:hover {
              color: #303030; }
          .controls-box .slide ul li a.reverse {
            color: #E83B83; }
        .controls-box .slide ul li .icon {
          width: 10px;
          height: 10px;
          display: inline;
          margin-right: 5px;
          position: relative;
          top: 1px; }
        .controls-box .slide ul li .icon-active {
          width: 10px;
          height: 10px;
          display: none;
          margin-right: 5px;
          position: relative;
          top: 1px; }
        .controls-box .slide ul li .icon-block, .controls-box .slide ul li .icon-block-active {
          width: 10px;
          height: 10px;
          margin-right: 21px;
          background-repeat: no-repeat;
          display: inline-block;
          position: relative; }
          .controls-box .slide ul li .icon-block span, .controls-box .slide ul li .icon-block-active span {
            background-size: 10px 10px;
            width: 20px;
            height: 20px;
            display: inline-block;
            position: absolute;
            background-position: 0 0;
            background-repeat: no-repeat;
            top: 0px; }
        .controls-box .slide ul li .icon-block-active {
          display: none; }
        .controls-box .slide ul li .icon-block-text {
          display: inline-block; }
        .controls-box .slide ul li:hover .icon, .controls-box .slide ul li:hover .icon-block, .controls-box .slide ul li:hover .icon-block-active {
          display: none; }
        .controls-box .slide ul li:hover .icon-active {
          display: inline; }
        .controls-box .slide ul li:hover .icon-block-active {
          display: inline-block; }
  .controls-box .info-icon {
    cursor: default;
    margin-left: 10px; }

.bulk_option__button {
  cursor: pointer;
  margin-top: 4px;
  /* .controls-link.opener:hover {

   }*/ }
  .bulk_option__button .text {
    display: inline-block;
    vertical-align: middle;
    color: #4a4a4a;
    font-size: 12px; }
  .bulk_option__button .actionHeaderBox__header__options__holder .text {
    color: #9d9d9d; }
  .bulk_option__button .text::first-letter {
    text-transform: capitalize; }
  .bulk_option__button .icon_btn {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-image: url(/images/icons/options_hover_bg.svg); }
  .bulk_option__button .filter_icon_btn {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    cursor: pointer;
    background-image: url(/images/icons/icons-filter_bar.svg); }
  .bulk_option__button .filter_active {
    background-image: url(/images/icons/icons-filter_bar_pink.svg); }
  .bulk_option__button .controls_option_hover {
    color: #E83B83; }
  .bulk_option__button .solo-user-options .controls_option_hover {
    color: #303030; }
  .bulk_option__button .controls-box .slide ul li:hover a {
    color: #303030; }
  .bulk_option__button .controls-box .controls-box .controls-box-with-arrow {
    position: relative; }
  .bulk_option__button .controls-box .controls-box-with-arrow:before {
    display: none; }
  .bulk_option__button .controls-box .controls-box-with-arrow .slide {
    width: auto;
    border: 1px solid #e7dada;
    box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.2);
    top: 4px;
    left: -181px;
    background: #fff !important; }
    .bulk_option__button .controls-box .controls-box-with-arrow .slide ul {
      border: none; }
      .bulk_option__button .controls-box .controls-box-with-arrow .slide ul li .icon-block span, .bulk_option__button .controls-box .controls-box-with-arrow .slide ul li .icon-block-active span {
        background-size: 24px 24px; }
      .bulk_option__button .controls-box .controls-box-with-arrow .slide ul li a {
        width: 100%;
        display: flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex;
        align-items: center;
        height: 29px; }
      .bulk_option__button .controls-box .controls-box-with-arrow .slide ul li .icon-block, .bulk_option__button .controls-box .controls-box-with-arrow .slide ul li .icon-block-active {
        left: 15px; }
  .bulk_option__button .controls-box .controls-box-with-arrow .slide-custom {
    left: -166px; }
  .bulk_option__button .icon_btn .controls-link:after {
    background-image: none; }
  .bulk_option__button .controls-box .controls-option-link {
    text-transform: none; }
  .bulk_option__button .controls-box .controls-option-link .nested {
    padding-left: 0px; }
  .bulk_option__button .icon-block-text {
    font-size: 0.81rem;
    padding: 5px 0 5px 20px; }
  .bulk_option__button .icon-block-text + ap-controls {
    height: 20px; }
    .bulk_option__button .icon-block-text + ap-controls .controls-link:after {
      background-image: url(/images/icons/open3.svg);
      background-size: 10px 10px;
      background-repeat: no-repeat;
      transform: rotate(180deg);
      left: 1px;
      top: 9px; }
    .bulk_option__button .icon-block-text + ap-controls .controls-link:hover:after {
      background-image: url(/images/icons/open3-pink.svg); }
    .bulk_option__button .icon-block-text + ap-controls .controls-box {
      position: absolute;
      width: 100%;
      left: 0;
      height: 20px;
      display: flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -webkit-flex;
      align-items: center; }
  .bulk_option__button .controls-box .controls-box-with-arrow .icon-block-text + ap-controls .slide {
    left: -406px;
    top: -23px;
    width: auto;
    z-index: -1; }
    .bulk_option__button .controls-box .controls-box-with-arrow .icon-block-text + ap-controls .slide ul li .icon-block span, .bulk_option__button .controls-box .controls-box-with-arrow .icon-block-text + ap-controls .slide ul li .icon-block-active span {
      background-size: 10px 10px; }
    .bulk_option__button .controls-box .controls-box-with-arrow .icon-block-text + ap-controls .slide ul li ap-controls .slide {
      width: auto;
      left: -481px;
      top: -22px; }
  .bulk_option__button .icon_btn:hover {
    background-image: url(/images/icons/options_hover_bg-pink.svg); }
  .bulk_option__button .icon {
    display: none !important; }

.default-cursor {
  cursor: default; }

#executionStatus__Section .custom_edit_col_1 .focusarea-statusText {
  width: 240px; }
  #executionStatus__Section .custom_edit_col_1 .focusarea-statusText .statusText_label_text {
    width: 100%; }
    #executionStatus__Section .custom_edit_col_1 .focusarea-statusText .statusText_label_text .objective-feedback-custom {
      width: 105px;
      display: inline-block; }
    #executionStatus__Section .custom_edit_col_1 .focusarea-statusText .statusText_label_text .time-estimate-box {
      width: calc(100% - 108px);
      vertical-align: text-top;
      display: inline-block; }

.colorSelector {
  display: inline-block; }
  .colorSelector li {
    list-style-type: none;
    display: inline-block; }
    .colorSelector li:not(last-of-type) {
      margin-right: 7px; }
    .colorSelector li label {
      cursor: pointer; }
    .colorSelector li input {
      vertical-align: middle; }
    .colorSelector li span {
      vertical-align: middle; }
      .colorSelector li span:before {
        content: '';
        width: 14px;
        height: 14px;
        display: inline-block;
        border-radius: 2px;
        margin: 0 4px;
        vertical-align: top; }
      .colorSelector li span.red:before {
        background-color: #E62E2C; }
      .colorSelector li span.yellow:before {
        background-color: #FFE601; }
      .colorSelector li span.green:before {
        background-color: #5BB030; }

ap-action-feedback-color-bar-simple .innerBar, ap-milestone-feedback-color-bar .innerBar {
  height: 16px;
  display: inline-block; }
ap-action-feedback-color-bar-simple .innerRemainingTime, ap-milestone-feedback-color-bar .innerRemainingTime {
  background-color: white;
  height: 16px;
  display: inline-block;
  float: right; }
ap-action-feedback-color-bar-simple .feedbackBar, ap-milestone-feedback-color-bar .feedbackBar {
  height: 16px;
  border: 1px solid white;
  border-radius: 2px;
  background-color: #EEEEEE;
  display: inline-block;
  vertical-align: middle; }
  ap-action-feedback-color-bar-simple .feedbackBar.red, ap-action-feedback-color-bar-simple .feedbackBar div.red, ap-milestone-feedback-color-bar .feedbackBar.red, ap-milestone-feedback-color-bar .feedbackBar div.red {
    border-color: #E62E2C; }
    ap-action-feedback-color-bar-simple .feedbackBar.red .innerBar, ap-action-feedback-color-bar-simple .feedbackBar div.red .innerBar, ap-milestone-feedback-color-bar .feedbackBar.red .innerBar, ap-milestone-feedback-color-bar .feedbackBar div.red .innerBar {
      background-color: #E62E2C; }
  ap-action-feedback-color-bar-simple .feedbackBar.blue, ap-action-feedback-color-bar-simple .feedbackBar div.blue, ap-milestone-feedback-color-bar .feedbackBar.blue, ap-milestone-feedback-color-bar .feedbackBar div.blue {
    border-color: #5384C3; }
    ap-action-feedback-color-bar-simple .feedbackBar.blue .innerBar, ap-action-feedback-color-bar-simple .feedbackBar div.blue .innerBar, ap-milestone-feedback-color-bar .feedbackBar.blue .innerBar, ap-milestone-feedback-color-bar .feedbackBar div.blue .innerBar {
      background-color: #5384C3; }
  ap-action-feedback-color-bar-simple .feedbackBar.green, ap-action-feedback-color-bar-simple .feedbackBar div.green, ap-milestone-feedback-color-bar .feedbackBar.green, ap-milestone-feedback-color-bar .feedbackBar div.green {
    border-color: #5BB030; }
    ap-action-feedback-color-bar-simple .feedbackBar.green .innerBar, ap-action-feedback-color-bar-simple .feedbackBar div.green .innerBar, ap-milestone-feedback-color-bar .feedbackBar.green .innerBar, ap-milestone-feedback-color-bar .feedbackBar div.green .innerBar {
      background-color: #5BB030; }
  ap-action-feedback-color-bar-simple .feedbackBar.yellow, ap-action-feedback-color-bar-simple .feedbackBar div.yellow, ap-milestone-feedback-color-bar .feedbackBar.yellow, ap-milestone-feedback-color-bar .feedbackBar div.yellow {
    border-color: #FFE601; }
    ap-action-feedback-color-bar-simple .feedbackBar.yellow .innerBar, ap-action-feedback-color-bar-simple .feedbackBar div.yellow .innerBar, ap-milestone-feedback-color-bar .feedbackBar.yellow .innerBar, ap-milestone-feedback-color-bar .feedbackBar div.yellow .innerBar {
      background-color: #FFE601; }
  ap-action-feedback-color-bar-simple .feedbackBar.grey, ap-action-feedback-color-bar-simple .feedbackBar div.grey, ap-milestone-feedback-color-bar .feedbackBar.grey, ap-milestone-feedback-color-bar .feedbackBar div.grey {
    border-color: #C6C6C5; }
    ap-action-feedback-color-bar-simple .feedbackBar.grey .innerBar, ap-action-feedback-color-bar-simple .feedbackBar div.grey .innerBar, ap-milestone-feedback-color-bar .feedbackBar.grey .innerBar, ap-milestone-feedback-color-bar .feedbackBar div.grey .innerBar {
      background-color: #C6C6C5; }
  ap-action-feedback-color-bar-simple .feedbackBar.black, ap-action-feedback-color-bar-simple .feedbackBar div.black, ap-milestone-feedback-color-bar .feedbackBar.black, ap-milestone-feedback-color-bar .feedbackBar div.black {
    border-color: black; }
    ap-action-feedback-color-bar-simple .feedbackBar.black .innerBar, ap-action-feedback-color-bar-simple .feedbackBar div.black .innerBar, ap-milestone-feedback-color-bar .feedbackBar.black .innerBar, ap-milestone-feedback-color-bar .feedbackBar div.black .innerBar {
      background-color: black; }
  ap-action-feedback-color-bar-simple .feedbackBar.white, ap-action-feedback-color-bar-simple .feedbackBar div.white, ap-milestone-feedback-color-bar .feedbackBar.white, ap-milestone-feedback-color-bar .feedbackBar div.white {
    border: 1px solid #DDD; }
    ap-action-feedback-color-bar-simple .feedbackBar.white .innerBar, ap-action-feedback-color-bar-simple .feedbackBar div.white .innerBar, ap-milestone-feedback-color-bar .feedbackBar.white .innerBar, ap-milestone-feedback-color-bar .feedbackBar div.white .innerBar {
      background-color: white; }
  ap-action-feedback-color-bar-simple .feedbackBar.border-black, ap-milestone-feedback-color-bar .feedbackBar.border-black {
    border: 3px solid black !important; }
  ap-action-feedback-color-bar-simple .feedbackBar .milestone, ap-milestone-feedback-color-bar .feedbackBar .milestone {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-left: -7px;
    border-radius: 50%;
    position: relative;
    top: 1px; }
    ap-action-feedback-color-bar-simple .feedbackBar .milestone.white, ap-milestone-feedback-color-bar .feedbackBar .milestone.white {
      width: 12px;
      height: 12px; }
    ap-action-feedback-color-bar-simple .feedbackBar .milestone .inner-feedback, ap-milestone-feedback-color-bar .feedbackBar .milestone .inner-feedback {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border-radius: 50%; }

#ui-datepicker-div .chosen-container-single .chosen-single {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  line-height: 16px; }

#ui-datepicker-div.ui-datepicker td span, #ui-datepicker-div.ui-datepicker td a {
  text-align: center; }

.roleSelector {
  display: inline-block;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  top: -2px; }
  .roleSelector li {
    display: inline-block;
    font-size: 6px;
    text-align: center; }

.myRoles {
  vertical-align: middle;
  margin-right: 14px; }

.chk-role-icon + label:before, .chk-role-icon + span:before {
  float: left;
  clear: both;
  width: 50px;
  background-position: 16px 5px;
  margin-right: 0;
  background-size: 36px 24px;
  background-repeat: no-repeat;
  height: 18px; }
  .responsible-icon .chk-role-icon + label:before, .responsible-icon .chk-role-icon + span:before {
    background-image: url("/images/icons/roles/responsible.heart-viewbox.svg"); }
  .owner-icon .chk-role-icon + label:before, .owner-icon .chk-role-icon + span:before {
    background-image: url("/images/icons/roles/owner-viewbox.svg"); }
  .supporter-icon .chk-role-icon + label:before, .supporter-icon .chk-role-icon + span:before {
    background-image: url("/images/icons/roles/supporter.grey-heart-full-viewbox.svg"); }
  .shared-icon .chk-role-icon + label:before, .shared-icon .chk-role-icon + span:before {
    background-image: url("/images/icons/roles/shared-with-viewbox.svg"); }
.chk-role-icon + label:after, .chk-role-icon + span:after {
  background: none;
  display: none !important; }
.chk-role-icon + label > span, .chk-role-icon + span > span {
  float: left;
  clear: both;
  width: 50px; }
.responsible-icon .chk-role-icon + label:hover:before, .responsible-icon .chk-role-icon + span:hover:before {
  background-image: url("/images/icons/roles/responsible.heart-pink-viewbox.svg"); }
.owner-icon .chk-role-icon + label:hover:before, .owner-icon .chk-role-icon + span:hover:before {
  background-image: url("/images/icons/roles/owner-pink-viewbox.svg"); }
.supporter-icon .chk-role-icon + label:hover:before, .supporter-icon .chk-role-icon + span:hover:before {
  background-image: url("/images/icons/roles/supporter.heart-pink-full-viewbox.svg"); }
.shared-icon .chk-role-icon + label:hover:before, .shared-icon .chk-role-icon + span:hover:before {
  background-image: url("/images/icons/roles/shared-with-pink-viewbox.svg"); }
.chk-role-icon + label:hover > span, .chk-role-icon + span:hover > span {
  color: #E83B83; }
.responsible-icon .chk-role-icon:checked + label:before, .responsible-icon .chk-role-icon:checked + span:before {
  background-image: url("/images/icons/roles/responsible.heart-pink-viewbox.svg"); }
.owner-icon .chk-role-icon:checked + label:before, .owner-icon .chk-role-icon:checked + span:before {
  background-image: url("/images/icons/roles/owner-pink-viewbox.svg"); }
.supporter-icon .chk-role-icon:checked + label:before, .supporter-icon .chk-role-icon:checked + span:before {
  background-image: url("/images/icons/roles/supporter.heart-pink-full-viewbox.svg"); }
.shared-icon .chk-role-icon:checked + label:before, .shared-icon .chk-role-icon:checked + span:before {
  background-image: url("/images/icons/roles/shared-with-pink-viewbox.svg"); }
.chk-role-icon:checked + label:after, .chk-role-icon:checked + span:after {
  background: none; }
.chk-role-icon:checked + label > span, .chk-role-icon:checked + span > span {
  color: #E83B83; }
.responsible-icon .chk-role-icon:checked + label:hover:before, .responsible-icon .chk-role-icon:checked + span:hover:before {
  background-image: url("/images/icons/roles/responsible.heart-viewbox.svg"); }
.owner-icon .chk-role-icon:checked + label:hover:before, .owner-icon .chk-role-icon:checked + span:hover:before {
  background-image: url("/images/icons/roles/owner-viewbox.svg"); }
.supporter-icon .chk-role-icon:checked + label:hover:before, .supporter-icon .chk-role-icon:checked + span:hover:before {
  background-image: url("/images/icons/roles/supporter.heart-full-viewbox.svg"); }
.shared-icon .chk-role-icon:checked + label:hover:before, .shared-icon .chk-role-icon:checked + span:hover:before {
  background-image: url("/images/icons/roles/shared-with-viewbox.svg"); }
.chk-role-icon:checked + label:hover > span, .chk-role-icon:checked + span:hover > span {
  color: #303030; }

ap-collapse-section .expander-two-colors, .ap-collapse-section .expander-two-colors {
  position: relative;
  display: inline-block;
  padding: 6px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  top: -3px;
  left: 0; }
ap-collapse-section h3, .ap-collapse-section h3 {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-top: 3px;
  vertical-align: top; }
ap-collapse-section .dashboardExpander, .ap-collapse-section .dashboardExpander {
  height: 17px; }
ap-collapse-section .collapseSectionInline ap-toggler, .ap-collapse-section .collapseSectionInline ap-toggler {
  display: inline-block; }
  ap-collapse-section .collapseSectionInline ap-toggler .toggle-link, .ap-collapse-section .collapseSectionInline ap-toggler .toggle-link {
    display: inline-block;
    float: none;
    padding-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block; }
  ap-collapse-section .collapseSectionInline ap-toggler .expander-two-colors, .ap-collapse-section .collapseSectionInline ap-toggler .expander-two-colors {
    top: -6px;
    left: -6px; }
ap-collapse-section .collapseSectionInline .headline, .ap-collapse-section .collapseSectionInline .headline {
  display: inline-block;
  vertical-align: top;
  padding-top: 1px; }

.kpiTableAboveHeader {
  margin-top: -44px;
  padding-left: 8px;
  padding-bottom: 7px;
  position: relative; }
  .kpiTableAboveHeader .headerHolder {
    position: absolute;
    top: -44px;
    width: 100%; }
  .kpiTableAboveHeader.disabled {
    background-color: white; }
    .kpiTableAboveHeader.disabled a.createLink {
      color: #acacac !important;
      margin-right: 20px; }
      .kpiTableAboveHeader.disabled a.createLink span {
        background-image: url(/images/icons/more-options-grey.svg); }

.divTableHeader.kpiDivTableHeader {
  height: 35px;
  background-color: white;
  border-radius: 0;
  border-left: 13px solid #EEEEEE;
  border-right: 13px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 1px;
  border-top: 0; }

.bulkKpiType {
  overflow: visible; }
  .bulkKpiType > div {
    width: 90px;
    margin: 0 auto; }
    .bulkKpiType > div > div {
      width: 90px;
      text-align: left; }

#plan_pi_table {
  overflow: visible;
  border-radius: 0;
  padding: 13px;
  padding-top: 0;
  border: 0;
  background-color: #EEEEEE; }

.bulkKpiTextareaWrap {
  width: 566px;
  margin-bottom: 14px; }

.chzn-container .chzn-drop .chzn-results li .chosen-optn-icon {
  filter: grayscale(100%); }

.ascending_positive:after, .ascending_negetive:after, .ascending-positive:after, .ascending-negative:after {
  background-image: url(/images/icons/kpis/7-Ascending-pink.svg); }

.bulk-move-items .chk-eye-tr + label:before, .bulk-move-items .chk-eye-tr + span:before {
  width: 11px;
  height: 11px;
  background-size: 11px 11px;
  background-position: 0 -2px; }
.bulk-move-items .chk-eye-tr + label:after, .bulk-move-items .chk-eye-tr + span:after {
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  top: 2px; }
.bulk-move-items .chk-list-all + span:before {
  margin-right: 10px; }
.bulk-move-items .tableAboveHeader {
  padding-left: 10px; }
.bulk-move-items.bulk-move-milestones-to-initiative .scalableDialogWindow {
  border: none; }
.bulk-move-items table .reassignName {
  width: 159px;
  word-break: normal; }
  .bulk-move-items table .reassignName label > span:before {
    vertical-align: top; }
  .bulk-move-items table .reassignName .item-name {
    width: 108px;
    display: inline-block; }
.bulk-move-items table .reassignOldResponsible {
  width: 228px; }
.bulk-move-items table .newResponsible {
  width: 162px;
  height: 22px;
  position: relative; }
  .bulk-move-items table .newResponsible .chosen-container-single {
    width: 136px; }
  .bulk-move-items table .newResponsible .chosen-drop {
    width: 136px; }
    .bulk-move-items table .newResponsible .chosen-drop input {
      width: 120px; }

#actionEditBox.currentlyModal {
  margin-left: 134.5px; }

#bulkMilestoneReassign table thead th.bulkReassignNewResponsibleHeader {
  width: 110px;
  padding-left: 10px; }
#bulkMilestoneReassign .divTable div .chosen-container-single .chosen-single {
  border: 1px solid #DDD; }
#bulkMilestoneReassign .divTable .tableAboveHeader .label-wrapper.all-checkbox {
  position: relative;
  top: 15px;
  vertical-align: top;
  display: inline-block; }
#bulkMilestoneReassign .all-field {
  display: inline-block; }
#bulkMilestoneReassign .show-completed {
  position: relative;
  top: 20px; }

.obj-role.hidden-radio-label {
  margin-right: 0 !important; }

.obj-role.hidden-radio-label:nth-last-child(1) {
  margin-left: -1px;
  margin-right: 0; }

#perspectives .obj-role.hidden-radio-label:nth-last-child(1) {
  margin-left: -2px;
  margin-right: 0; }

.tabs_for_list__holder li {
  width: 130px !important; }

.create-link-dialog .submitpanel {
  margin-top: 22px;
  margin-right: 22px; }
.create-link-dialog textarea {
  font-size: 15px;
  font-weight: 400;
  color: #121212;
  border: none;
  border-bottom: 1px solid #f9f9f9;
  height: 18px;
  padding: 7px 5px;
  resize: none;
  width: calc(100% - 12px); }
  .create-link-dialog textarea::placeholder {
    font-size: 13px; }
.create-link-dialog.form-box {
  width: 600px; }
  .create-link-dialog.form-box textarea:focus {
    border: none;
    border-bottom: 1px solid #1e88e5;
    box-shadow: none;
    outline: none; }
.create-link-dialog .form_box__holder {
  border-bottom: none; }
.create-link-dialog .label {
  font-size: 11px;
  font-weight: 400;
  color: #2F3941;
  text-transform: uppercase;
  margin-bottom: 5px; }
.create-link-dialog .field-wrapper {
  margin-bottom: 10px; }

.custom-theme.fr-popup #linkList-1, .custom-theme.fr-popup #linkList-2, .custom-theme.fr-popup #linkList-3, .custom-theme.fr-popup #linkList-4, .custom-theme.fr-popup #linkList-5, .custom-theme.fr-popup #linkList-6 {
  display: none; }
.custom-theme.fr-popup .fr-link-insert-layer .fr-input-line input[type="text"] {
  font-size: 15px; }
  .custom-theme.fr-popup .fr-link-insert-layer .fr-input-line input[type="text"]::placeholder {
    font-size: 13px; }
  .custom-theme.fr-popup .fr-link-insert-layer .fr-input-line input[type="text"]:focus {
    border: none;
    border-bottom: solid 1px #1e88e5; }
.custom-theme.fr-popup .fr-link-insert-layer .fr-command.fr-submit {
  background-color: #E83B83;
  color: white;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 12px;
  line-height: 12px;
  padding: 0 15px;
  height: 23px;
  margin-top: 6px; }
  .custom-theme.fr-popup .fr-link-insert-layer .fr-command.fr-submit:hover {
    background-color: #E83B83;
    color: white; }

.form-box.focusareaFeedbackActionBox {
  width: 172px;
  margin-top: 3px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px; }
  .form-box.focusareaFeedbackActionBox table tr td.focusareaFeedbackActionInfoBox {
    font-size: 10px;
    max-width: 164px;
    word-wrap: break-word; }

.feedback-form h3 span {
  color: #E63C83; }
.feedback-form h3 a {
  color: #E63C83; }
.feedback-form .status-select {
  text-align: center;
  padding-right: 19px; }
  .feedback-form .status-select input {
    display: none; }
  .feedback-form .status-select input + .label {
    display: inline-block;
    width: 172px;
    margin-right: 20px;
    text-align: center;
    border-radius: 18px;
    font-size: 15px;
    height: 37px;
    line-height: 37px;
    border: 1px solid black; }
    .feedback-form .status-select input + .label.label_ok {
      background-color: #F5FFF6;
      border-color: #CEFAD6;
      color: #83D990; }
    .feedback-form .status-select input + .label.label_mc {
      background-color: #FEFCE5;
      border-color: #F7F1B5;
      color: #E5DD7B; }
    .feedback-form .status-select input + .label.label_an {
      background-color: #FFEDED;
      border-color: #FBDBDC;
      color: #FAAFAA; }
    .feedback-form .status-select input + .label:hover.label_ok {
      background-color: #55bb3e;
      border-color: #55bb3e;
      color: white; }
    .feedback-form .status-select input + .label:hover.label_mc {
      background-color: #fee800;
      border-color: #fee800;
      color: white; }
    .feedback-form .status-select input + .label:hover.label_an {
      background-color: #e92d24;
      border-color: #e92d24;
      color: white; }
    .feedback-form .status-select input + .label.active.label_ok {
      background-color: #55bb3e;
      border-color: #55bb3e;
      color: white; }
    .feedback-form .status-select input + .label.active.label_mc {
      background-color: #fee800;
      border-color: #fee800;
      color: white; }
    .feedback-form .status-select input + .label.active.label_an {
      background-color: #e92d24;
      border-color: #e92d24;
      color: white; }
  .feedback-form .status-select input:checked + .label.label_ok {
    background-color: #55bb3e;
    border-color: #55bb3e;
    color: white; }
  .feedback-form .status-select input:checked + .label.label_mc {
    background-color: #fee800;
    border-color: #fee800;
    color: white; }
  .feedback-form .status-select input:checked + .label.label_an {
    background-color: #e92d24;
    border-color: #e92d24;
    color: white; }
.feedback-form .feedbackReason {
  margin-top: 18px;
  font-size: 13px; }
  .feedback-form .feedbackReason .headline {
    display: inline-block;
    vertical-align: middle;
    width: 250px; }
  .feedback-form .feedbackReason .value {
    display: inline-block;
    vertical-align: middle; }
    .feedback-form .feedbackReason .value .chzn-container {
      width: 400px; }
  .feedback-form .feedbackReason .otherCategory {
    margin-top: 23px; }
    .feedback-form .feedbackReason .otherCategory input {
      height: 21px;
      width: 400px;
      margin-left: -2px; }
  .feedback-form .feedbackReason .chzn-results {
    max-height: none;
    margin-left: 0; }
.feedback-form .feedbackCommentBox {
  width: 394px;
  display: inline-block;
  vertical-align: top;
  font-size: 15px; }
  .feedback-form .feedbackCommentBox .textareaHolder {
    width: 394px;
    background-color: white;
    min-height: 150px; }
    .feedback-form .feedbackCommentBox .textareaHolder textarea {
      width: 394px;
      min-height: 150px; }
    .feedback-form .feedbackCommentBox .textareaHolder .fr-element.fr-view {
      width: 394px;
      min-height: 143px;
      border-top: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .feedback-form .feedbackCommentBox:first-child {
    margin-right: 17px; }
  .feedback-form .feedbackCommentBox span {
    font-size: 14px;
    font-weight: 400; }
  .feedback-form .feedbackCommentBox .add-corrective {
    font-size: 12px;
    color: #E63C83; }
.feedback-form .section-body-top-content {
  margin-bottom: 10px; }
.feedback-form .section-body-heading-comments {
  min-height: 56px; }
.feedback-form .divTable.kpiTable {
  border: 1px solid #cdcdcd;
  border-radius: 10px;
  padding: 8px 0 0px;
  background-color: white !important;
  box-shadow: inset 0px 14px 20px 0px #f8f8f8;
  width: 803px; }
  .feedback-form .divTable.kpiTable .header_table_style {
    display: block;
    padding-bottom: 7px; }
  .feedback-form .divTable.kpiTable .tableRow {
    white-space: normal; }
    .feedback-form .divTable.kpiTable .tableRow .tableNameCell {
      width: 170px;
      padding-left: 12px;
      padding-right: 3px;
      font-weight: 500; }
    .feedback-form .divTable.kpiTable .tableRow .tableActualCell {
      width: 210px;
      text-align: center;
      font-weight: 500;
      padding: 0 3px; }
      .feedback-form .divTable.kpiTable .tableRow .tableActualCell.tablecell {
        position: relative; }
        .feedback-form .divTable.kpiTable .tableRow .tableActualCell.tablecell input {
          left: 41px; }
      .feedback-form .divTable.kpiTable .tableRow .tableActualCell .tablecellunit {
        position: absolute;
        display: inline-block;
        right: -1px;
        top: 5px; }
        .feedback-form .divTable.kpiTable .tableRow .tableActualCell .tablecellunit .kpiUnit {
          width: 65px !important; }
        .feedback-form .divTable.kpiTable .tableRow .tableActualCell .tablecellunit .tooltiptext:after {
          border: none; }
    .feedback-form .divTable.kpiTable .tableRow .tableValueCell {
      width: 140px;
      text-align: center;
      padding: 0 3px;
      font-weight: 500; }
      .feedback-form .divTable.kpiTable .tableRow .tableValueCell .smiley {
        margin-top: 7px; }
    .feedback-form .divTable.kpiTable .tableRow .tablePlanCell {
      width: 63px;
      text-align: center;
      font-weight: 500;
      padding: 0 3px; }
    .feedback-form .divTable.kpiTable .tableRow .tableTargetCell {
      width: 140px;
      text-align: center;
      font-weight: 500;
      padding: 0 3px; }
    .feedback-form .divTable.kpiTable .tableRow .tableCommentsCell {
      width: 73px;
      font-weight: 500;
      padding: 0 3px; }
  .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent {
    padding: 20px 5px;
    color: #303030;
    font-size: 12px; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableNameCell {
      font-size: 14px;
      word-break: break-word; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .info {
      width: 15px;
      top: 40%;
      height: 15px;
      z-index: 2;
      position: absolute;
      background-size: 13px 13px;
      display: inline-block;
      background-repeat: no-repeat;
      background-image: url(/images/info-grey.svg); }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .info-tool {
      position: absolute;
      left: 25%;
      top: 30px;
      display: inline-block; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tooltiptext {
      left: -30px;
      top: auto;
      right: auto; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tooltiptext:after {
        left: 32px; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableActualCell input {
      height: 22px;
      width: 70px;
      font-size: 12px;
      font-weight: 500;
      text-align: center; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableActualCell input:focus {
        border-color: #E93B83; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableActualCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tablePlanCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableValueCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableTargetCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell {
      padding: 0 3px; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableActualCell .small, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tablePlanCell .small, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableValueCell .small, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableTargetCell .small, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell .small {
        padding-top: 2px;
        display: inline-block; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableActualCell .kpiUnit, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tablePlanCell .kpiUnit, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableValueCell .kpiUnit, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableTargetCell .kpiUnit, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell .kpiUnit {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 10px;
        text-align: left; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableActualCell.tableValueSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tablePlanCell.tableValueSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableValueCell.tableValueSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableTargetCell.tableValueSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell.tableValueSmileyCell {
        width: 70px; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableActualCell.tableTargetSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tablePlanCell.tableTargetSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableValueCell.tableTargetSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableTargetCell.tableTargetSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell.tableTargetSmileyCell {
        width: 176px; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableActualCell.tablePlanSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tablePlanCell.tablePlanSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableValueCell.tablePlanSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableTargetCell.tablePlanSmileyCell, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell.tablePlanSmileyCell {
        width: 170px; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell .button {
      border-radius: 15px;
      display: inline-block;
      width: 65px;
      text-align: center;
      padding: 5px 0;
      background-color: #FCF6FA;
      border: 1px solid #BCBCBC;
      color: #BCBCBC;
      cursor: pointer;
      height: 28px;
      margin-left: 0px;
      line-height: 16px; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell .button:hover, .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .tableCommentsCell .button.active {
        border: 1px solid #e83b83;
        color: #e83b83; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .comments {
      padding-top: 18px;
      padding-left: 11px; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .comments .feedbackCommentBox {
        width: 376px; }
        .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .comments .feedbackCommentBox .textareaHolder {
          margin-top: 5px;
          width: 376px;
          min-height: 75px; }
          .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent .comments .feedbackCommentBox .textareaHolder .fr-element.fr-view {
            width: 362px;
            min-height: 66px;
            border-top: 1px solid #DDD; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent.kpiMainContent .tableNameCell {
      width: 170px; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent.kpiMainContent .tableActualCell {
      width: 210px; }
      .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent.kpiMainContent .tableActualCell.tableActualSmileyCell {
        width: 245px; }
    .feedback-form .divTable.kpiTable .tableBody .tableRow .mainContent.kpiMainContent .smiley {
      width: 20px;
      height: 20px; }
  .feedback-form .divTable.kpiTable.with_baseline .tableRow .tableNameCell {
    width: 160px; }
  .feedback-form .divTable.kpiTable.with_baseline .tableRow .tableActualCell {
    width: 170px; }
    .feedback-form .divTable.kpiTable.with_baseline .tableRow .tableActualCell .tablecellunit {
      right: -25px; }
  .feedback-form .divTable.kpiTable.with_baseline .tableRow .mainContent.kpiMainContent .tableActualCell.tableActualSmileyCell {
    width: 265px; }
.feedback-form .col {
  width: 400px;
  display: inline-block;
  font-size: 12px;
  vertical-align: top; }
  .feedback-form .col.optionsCol .button {
    margin-right: 35px;
    margin-bottom: 21px;
    border-radius: 15px;
    display: inline-block;
    font-size: 12px;
    width: 132px;
    text-align: center;
    padding: 5px 0 5px 5px;
    background-color: white;
    border: 1px solid #BCBCBC;
    color: #BCBCBC;
    cursor: pointer;
    min-width: 100px;
    width: auto;
    padding: 5px 15px 5px 15px;
    height: 28px;
    line-height: 14px;
    margin-left: 0px; }
    .feedback-form .col.optionsCol .button:hover, .feedback-form .col.optionsCol .button.active {
      border: 1px solid #e83b83;
      color: #e83b83;
      background-color: #FCF6FA; }
    .feedback-form .col.optionsCol .button.adjustDateButton {
      background-image: url(/images/icons/calendar_pick_date.svg);
      background-size: 30px 30px;
      background-repeat: no-repeat;
      background-position: 17px 4px;
      padding-left: 40px; }
      .feedback-form .col.optionsCol .button.adjustDateButton:hover, .feedback-form .col.optionsCol .button.adjustDateButton.active {
        background-image: url(/images/icons/calendar_pick_date_pink.svg); }
    .feedback-form .col.optionsCol .button.markPrivateButton {
      background-image: url(/images/icons/privacy-icon-separate-light-grey.svg);
      background-size: 30px 30px;
      background-repeat: no-repeat;
      background-position: 17px 3px;
      padding-left: 40px; }
      .feedback-form .col.optionsCol .button.markPrivateButton:hover, .feedback-form .col.optionsCol .button.markPrivateButton.active {
        background-image: url(/images/icons/privacy-icon-separate-pink.svg); }
  .feedback-form .col.optionsCol .actualDate {
    margin-bottom: 11px; }
  .feedback-form .col.optionsCol .adjustedDate input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #BCBCBC;
    height: 16px;
    margin-left: 17px;
    width: 88px;
    background-image: url(/images/icons/calendar_pick_date_pink.svg);
    background-size: 28px 32px;
    background-repeat: no-repeat;
    background-position: 77px 1px;
    margin-bottom: 21px; }
  .feedback-form .col.filesCol {
    padding-left: 10px;
    width: 360px; }
    .feedback-form .col.filesCol input {
      display: none; }
    .feedback-form .col.filesCol .createLink {
      font-size: 14px; }
      .feedback-form .col.filesCol .createLink span {
        margin-right: 5px;
        margin-top: -1px; }
    .feedback-form .col.filesCol .attachedFiles {
      margin-top: 21px; }
    .feedback-form .col.filesCol .attachedFilesList {
      margin-top: 10px; }
      .feedback-form .col.filesCol .attachedFilesList .fileListItem {
        background-color: transparent; }
    .feedback-form .col.filesCol .fileListItem {
      position: relative; }
      .feedback-form .col.filesCol .fileListItem a {
        max-width: 175px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: text-top; }
.feedback-form .feedbackTasksTable {
  position: relative; }
  .feedback-form .feedbackTasksTable .newTaskButton {
    position: absolute;
    right: 1px;
    width: 150px;
    top: -41px;
    font-size: 14px;
    text-align: right; }
    .feedback-form .feedbackTasksTable .newTaskButton a.createLink.disabled {
      font-style: normal; }
      .feedback-form .feedbackTasksTable .newTaskButton a.createLink.disabled span {
        background-image: url(/images/icons/more-options-grey.svg); }
.feedback-form .button.comment__create__email {
  margin-bottom: 21px;
  border-radius: 15px;
  display: inline-block;
  font-size: 12px;
  width: 132px;
  text-align: center;
  padding: 5px 0 5px 5px;
  background-color: white;
  border: 1px solid #BCBCBC;
  color: #BCBCBC;
  cursor: pointer;
  margin-bottom: 0;
  padding: 0;
  margin-left: 0;
  height: 30px;
  width: 148px;
  line-height: 26px; }
  .feedback-form .button.comment__create__email:hover, .feedback-form .button.comment__create__email.active {
    border: 1px solid #e83b83;
    color: #e83b83;
    background-color: #FCF6FA; }
  .feedback-form .button.comment__create__email .comment_email__icon {
    margin-right: 6px; }
.feedback-form .section-body-pop-up-invite {
  padding-bottom: 22px; }
.feedback-form div.sect-inner-content::after {
  height: calc(100% - -45px);
  bottom: -80px; }
.feedback-form .sect-before-text {
  margin-left: 0px; }
.feedback-form ul, .feedback-form ol {
  margin-left: 1em; }
.feedback-form .completionPercentage .completionPercentageWrapper {
  display: inline-block; }
  .feedback-form .completionPercentage .completionPercentageWrapper label input[type=radio] {
    display: none; }
    .feedback-form .completionPercentage .completionPercentageWrapper label input[type=radio]:checked + .label {
      border: 1px solid #e83b83;
      color: #e83b83; }
  .feedback-form .completionPercentage .completionPercentageWrapper label .label {
    border: solid 1px #D5D5D5;
    display: inline-block;
    width: 78px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    background-repeat: no-repeat;
    text-align: center;
    background-color: white; }
    .feedback-form .completionPercentage .completionPercentageWrapper label .label.percentage_label_0 .icon {
      background-size: 28px 28px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      margin-left: -11px;
      margin-top: -3px;
      background-position: 0 0;
      display: inline-block;
      background-image: url(/images/icons/complete/complete_0_grey.svg); }
    .feedback-form .completionPercentage .completionPercentageWrapper label .label.percentage_label_25 .icon {
      background-size: 28px 28px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      margin-left: -11px;
      margin-top: -3px;
      background-position: 0 0;
      display: inline-block;
      background-image: url(/images/icons/complete/complete_25_grey.svg); }
    .feedback-form .completionPercentage .completionPercentageWrapper label .label.percentage_label_50 .icon {
      background-size: 28px 28px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      margin-left: -11px;
      margin-top: -3px;
      background-position: 0 0;
      display: inline-block;
      background-image: url(/images/icons/complete/complete_50_grey.svg); }
    .feedback-form .completionPercentage .completionPercentageWrapper label .label.percentage_label_75 .icon {
      background-size: 28px 28px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      margin-left: -11px;
      margin-top: -3px;
      background-position: 0 0;
      display: inline-block;
      background-image: url(/images/icons/complete/complete_75_grey.svg); }
    .feedback-form .completionPercentage .completionPercentageWrapper label .label.percentage_label_100 .icon {
      background-size: 28px 28px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      margin-left: -11px;
      margin-top: -3px;
      background-position: 0 0;
      display: inline-block;
      background-image: url(/images/icons/complete/complete_100_grey.svg); }
    .feedback-form .completionPercentage .completionPercentageWrapper label .label.percentage_label_125 .icon {
      background-size: 28px 28px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      margin-left: -11px;
      margin-top: -3px;
      background-position: 0 0;
      display: inline-block;
      background-image: url(/images/icons/complete/complete_125_grey.svg); }
  .feedback-form .completionPercentage .completionPercentageWrapper label:first-child .label {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; }
  .feedback-form .completionPercentage .completionPercentageWrapper label:last-child .label {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; }
.feedback-form .completionPercentage .otherPercentage {
  display: inline-block;
  font-size: 12px;
  margin-left: 13px; }
  .feedback-form .completionPercentage .otherPercentage input {
    border: solid 1px #D5D5D5;
    width: 59px;
    height: 21px;
    margin-left: 13px;
    margin-right: 4px; }
.feedback-form .align_action_feedback_content {
  width: 805px; }

ap-smiley-selector .button {
  border-radius: 20px;
  display: inline-flex;
  width: 61px;
  align-items: center;
  justify-content: center;
  padding: 7px 0;
  background-color: #FCF6FA;
  cursor: pointer;
  border: 1px solid #FCF6FA;
  margin-top: -4px;
  margin-left: 0; }
  ap-smiley-selector .button:hover, ap-smiley-selector .button.active {
    border: 1px solid #e83b83;
    color: #e83b83; }
  ap-smiley-selector .button:not(:first-child) {
    margin-left: 10px; }

ap-feedback-form .container-pop-up-invite-alignment {
  margin: 0 0 0 30px; }
ap-feedback-form .pop-up-subtitle {
  padding-buttom: 0px; }
ap-feedback-form .align_assigned_title_holder {
  margin-bottom: 0px; }
  ap-feedback-form .align_assigned_title_holder h3 {
    margin-left: 0px;
    margin-right: 0px;
    padding-buttom: 30px; }
ap-feedback-form .sect-inner-content::after {
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #e7e7e7;
  content: '';
  bottom: -46px;
  left: -29px; }
ap-feedback-form .feedback-form div.sect-inner-content::after {
  height: calc(100% - -30px);
  bottom: -33px; }
ap-feedback-form .align_assigned_title_holder {
  display: inline-block; }
ap-feedback-form .commentCheckboxLabel {
  height: 24px;
  font-size: 12px;
  border: 1px solid #bbbbbb;
  padding: 1px 25px;
  color: #808080;
  display: flex;
  width: 90px;
  border-radius: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  background-color: #fff; }
ap-feedback-form .commentCheckboxLabel.active {
  border: 1px solid #E83B83;
  color: #E83B83;
  background-color: #fcf6fa; }
ap-feedback-form .container-pop-up-invite {
  width: 97%; }
ap-feedback-form .bulkPopUp_wrap .footer_holder .submitButton {
  border-radius: 3px;
  background-color: #777777;
  color: white;
  border: 1px solid #777777;
  padding: 5px 15px;
  width: 120px; }
ap-feedback-form .bulkPopUp_wrap .footer_holder .cancelButton {
  border-radius: 3px;
  width: 120px; }
ap-feedback-form .bulkPopUp_wrap .feedback_footer_holder .submitButton {
  border-radius: 3px;
  border: none;
  color: white;
  padding: 5px 15px;
  width: 120px;
  background-color: #E83B83; }
  ap-feedback-form .bulkPopUp_wrap .feedback_footer_holder .submitButton:disabled:hover + .longname-tooltip {
    position: absolute;
    top: 20px;
    display: block; }
ap-feedback-form .bulkPopUp_wrap .feedback_footer_holder .longname-tooltip {
  display: none; }
ap-feedback-form .bulkPopUp_wrap .feedback_footer_holder .cancelButton {
  border-radius: 3px;
  width: 120px; }
ap-feedback-form .ini_assigned__title__holder {
  margin-top: 0; }
ap-feedback-form .textareaHolder textarea::placeholder {
  color: transparent; }

ap-milestone-feedback-form .feedback-form div.sect-inner-content::after {
  height: calc(100% - -40px);
  bottom: -33px; }

.feedbacker-role:before {
  margin-left: -8px; }

.feedbacker-role {
  margin-left: 10px !important; }

.d-none {
  display: none; }

.involvement-text {
  margin-left: 16px; }

.involvement-position {
  left: 20px; }

.involvement-top-margin {
  margin-top: 0 !important; }

.invite-guest-form.inactive {
  opacity: 0.4 !important; }

.guest-inactive {
  opacity: 0.4; }

.objective-feedback-icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block; }

.objective-feedback-icon-section::after {
  content: "";
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  display: inline-block;
  background-repeat: no-repeat; }

.objective-red::after {
  background-image: url(../images/icons/focusarea-red.svg); }

.objective-green::after {
  background-image: url(../images/icons/focusarea-green.svg); }

.objective-yellow::after {
  background-image: url(../images/icons/focusarea-yellow.svg); }

.ml-5 {
  margin-left: 5px; }

#container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .inlineTaskRow.tableHeader, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .action_table_border.tableHeader {
  padding: 3px 0; }
#container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .inlineTaskRow .tableRoleCell, #container .feedbackTasksTable .taskListComponent .divTable.taskDivTable .action_table_border .tableRoleCell {
  width: 150px; }

.longname-tooltip.kpi-comment-button-tooltip {
  position: absolute;
  right: -14px; }

.kpi-now-border-red {
  border-color: red !important;
  border: 1px solid; }

ap-feedback-form-comments .feedbackCommentBox .custom-theme.fr-toolbar.fr-top {
  box-shadow: none;
  border: 1px solid #DDD;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #f9f9f9;
  border-bottom: none; }
ap-feedback-form-comments .feedbackCommentBox .custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  box-shadow: none; }

.objectiveViewsCompletedFilter {
  float: right;
  margin-right: 15px; }

.history-scrollable-wrapper .history-scrollable {
  overflow: hidden;
  overflow-y: overlay; }

.history-scrollable {
  max-height: 4800px;
  overflow-y: overlay; }

.meeting .history-scrollable {
  max-height: 1200px; }

.history-timeline {
  display: none; }

.history-separator-row {
  background-color: #D2D2D2;
  height: 1px; }

.history-top-date {
  float: left;
  padding-top: 12px;
  padding-left: 28px;
  width: 245px; }
  .history-top-date .history-month {
    font-size: 16px;
    text-transform: uppercase;
    padding-right: 4px; }
  .history-top-date .history-year {
    font-size: 12px; }

.action-history-wrap .history {
  border-spacing: 0;
  border-collapse: collapse; }
  .action-history-wrap .history.have-more .show-more-wrap {
    display: table-footer-group; }
  .action-history-wrap .history .show-more-wrap {
    display: none; }
    .action-history-wrap .history .show-more-wrap td {
      text-align: right;
      padding: 14px;
      border-top: 1px solid #DDD; }
  .action-history-wrap .history .show-more:hover {
    text-decoration: underline;
    cursor: pointer; }
  .action-history-wrap .history .pic {
    width: 33px;
    height: 33px;
    display: inline-block; }
    .action-history-wrap .history .pic.no-image-border {
      border-color: #ccc; }
    .action-history-wrap .history .pic .pic-image.no-image {
      line-height: 33px; }
  .action-history-wrap .history .modern-date {
    margin-top: 10px; }
  .action-history-wrap .history .time-info {
    vertical-align: top;
    display: inline-block;
    padding-left: 5px;
    width: 119px;
    margin-top: 3px;
    margin-bottom: 3px; }
  .action-history-wrap .history .time-info-spacer {
    height: calc(100% - 6px); }
  .action-history-wrap .history .line-pos {
    display: inline-block;
    position: absolute;
    width: 0;
    height: calc(100% - 6px);
    top: 3px;
    left: -8px;
    border-left: 1px solid #DDD; }
  .action-history-wrap .history .history-action-icon-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #DDD;
    background-color: white;
    margin-top: 8px;
    z-index: 10;
    margin-left: 6px; }
  .action-history-wrap .history .history-action-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    background-image: none;
    margin-left: -8px;
    margin-top: -8px;
    border-radius: 3px;
    position: relative;
    position: absolute; }
    .action-history-wrap .history .history-action-icon.status {
      border-radius: 50%; }
    .action-history-wrap .history .history-action-icon:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 28px;
      height: 28px;
      display: inline-block;
      background-size: 28px 28px;
      background-position: 0 0; }
    .action-history-wrap .history .history-action-icon.complete:after {
      background-image: url("/images/icons/icons-complete-ok-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.create:after {
      background-image: url("/images/icons/plus-filled-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.delete:after {
      background-image: url("/images/icons/icons-delete-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.date-change:after {
      background-image: url("/images/icons/calendar-grey-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.default:after {
      background-image: url("/images/icons/icons-edit-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.feedback.green:after {
      background-image: url("/images/icons/updates/feedback-green-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.feedback.red:after {
      background-image: url("/images/icons/updates/feedback-red-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.feedback.yellow:after {
      background-image: url("/images/icons/updates/feedback-yellow-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.status.green:after {
      background-image: url("/images/icons/updates/status-green-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.status.red:after {
      background-image: url("/images/icons/updates/status-red-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.status.yellow:after {
      background-image: url("/images/icons/updates/status-yellow-viewbox.svg"); }
    .action-history-wrap .history .history-action-icon.focusarea.feedback.yellow:after {
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-image: url("/images/icons/focusarea-yellow.svg"); }
    .action-history-wrap .history .history-action-icon.focusarea.feedback.red:after {
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-image: url("/images/icons/focusarea-red.svg"); }
    .action-history-wrap .history .history-action-icon.focusarea.feedback.green:after {
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-image: url("/images/icons/focusarea-green.svg"); }
    .action-history-wrap .history .history-action-icon.comment.comment:after {
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-image: url("/images/icons/comment-full-grey.svg"); }
  .action-history-wrap .history.executionStatus tbody > tr > td .commentContent > div {
    display: inline-block;
    vertical-align: top; }
  .action-history-wrap .history.executionStatus tbody > tr > td .performance-indicator {
    margin-right: 6px; }
  .executionStatus .action-history-wrap .history thead > tr > th:nth-of-type(3) {
    padding-left: 0; }
  .executionStatus .action-history-wrap .history thead > tr > th .commentContent {
    text-align: left;
    padding-left: 19px;
    border-left: 1px solid #DDD; }
  .action-history-wrap .history > tbody > tr#general-popup-row > td {
    border-top: 0; }
  .action-history-wrap .history > tbody > tr.rowcount, .action-history-wrap .history > tbody > tr .historyItemActions {
    visibility: hidden; }
    .action-history-wrap .history > tbody > tr.rowcount > td, .action-history-wrap .history > tbody > tr .historyItemActions > td {
      padding: 0; }
  .action-history-wrap .history > tbody > tr:hover .historyItemActions {
    visibility: inherit; }
  .action-history-wrap .history > tbody > tr#general-popup-row > td {
    padding: 0 14px; }
  .action-history-wrap .history > tbody > tr:last-of-type > td:nth-of-type(3) {
    border-bottom: 0; }
  .action-history-wrap .history > tbody > tr.first-group-row .modern-date {
    display: inline-block; }
  .action-history-wrap .history > tbody > tr > td:nth-of-type(2) {
    /*
    padding-right: 6px;
    padding-left: 0px;
    word-wrap: break-word;
    */ }
  .action-history-wrap .history > tbody > tr > td:nth-of-type(3) {
    /*
    padding-left: 0;
    */ }
  .action-history-wrap .history > tbody > tr > td .commentContent {
    position: relative; }
    .action-history-wrap .history > tbody > tr > td .commentContent > div > ul {
      margin-right: 8px; }
      .action-history-wrap .history > tbody > tr > td .commentContent > div > ul > li {
        overflow-y: hidden;
        overflow-x: auto; }
    .action-history-wrap .history > tbody > tr > td .commentContent .statusColor {
      padding-top: 0;
      padding-left: 4px;
      padding-bottom: 0;
      display: inline-block;
      vertical-align: top;
      padding-right: 0; }
    .action-history-wrap .history > tbody > tr > td .commentContent .statusText {
      font-size: 12px;
      vertical-align: middle; }
    .action-history-wrap .history > tbody > tr > td .commentContent .commentType {
      padding-bottom: 4px;
      display: block; }
      .action-history-wrap .history > tbody > tr > td .commentContent .commentType p:first-child {
        display: inline; }
    .action-history-wrap .history > tbody > tr > td .commentContent .rootCauseHeading {
      padding-top: 4px; }
    .action-history-wrap .history > tbody > tr > td .commentContent .milestoneStatusColor {
      vertical-align: middle; }
      .action-history-wrap .history > tbody > tr > td .commentContent .milestoneStatusColor svg {
        top: 3px; }
    .action-history-wrap .history > tbody > tr > td .commentContent .statusTime {
      position: relative;
      left: 6px; }
  .action-history-wrap .history #action-history-content p {
    margin-bottom: 0;
    font-size: 11px; }
  .action-history-wrap .history .kpiUnit {
    color: #808080; }
  .action-history-wrap .history .comment-form {
    width: 470px; }

.action-history-wrap .ajaxforms_tools_link:not(.cancel):not(.filedDelIcon), .action-history-wrap .taskFormBox .removeLink:not(.cancel):not(.filedDelIcon), .taskFormBox .action-history-wrap .removeLink:not(.cancel):not(.filedDelIcon) {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  padding: 5px 5px 5px 0;
  background: transparent no-repeat 0 / 12px; }
  .action-history-wrap .ajaxforms_tools_link:not(.cancel):not(.filedDelIcon).edit_link, .action-history-wrap .taskFormBox .removeLink:not(.cancel):not(.filedDelIcon).edit_link, .taskFormBox .action-history-wrap .removeLink:not(.cancel):not(.filedDelIcon).edit_link {
    background-image: url(/images/icons/icons-edit-sim.svg); }
    .action-history-wrap .ajaxforms_tools_link:not(.cancel):not(.filedDelIcon).edit_link:hover, .action-history-wrap .taskFormBox .removeLink:not(.cancel):not(.filedDelIcon).edit_link:hover, .taskFormBox .action-history-wrap .removeLink:not(.cancel):not(.filedDelIcon).edit_link:hover {
      background-image: url(/images/icons/icons-edit-pink-sim.svg); }
  .action-history-wrap .ajaxforms_tools_link:not(.cancel):not(.filedDelIcon).delete_link, .action-history-wrap .taskFormBox .removeLink:not(.cancel):not(.filedDelIcon).delete_link, .taskFormBox .action-history-wrap .removeLink:not(.cancel):not(.filedDelIcon).delete_link {
    background-image: url(/images/icons/icons-delete.svg); }
    .action-history-wrap .ajaxforms_tools_link:not(.cancel):not(.filedDelIcon).delete_link:hover, .action-history-wrap .taskFormBox .removeLink:not(.cancel):not(.filedDelIcon).delete_link:hover, .taskFormBox .action-history-wrap .removeLink:not(.cancel):not(.filedDelIcon).delete_link:hover {
      background-image: url(/images/icons/icons-delete-pink.svg); }

.tab-selector-menu.time-selector {
  float: left;
  padding-bottom: 0;
  padding-top: 12px; }
  .tab-selector-menu.time-selector > dt {
    vertical-align: middle;
    font-size: 12px;
    text-transform: none; }

.tab-selector-menu.type-selector-wrap {
  padding-right: 0; }
  .tab-selector-menu.type-selector-wrap .hidden-radio + span {
    width: 95px;
    padding: 3px 0; }

.history-feedback-headline {
  font-size: 11px;
  font-weight: 500;
  padding-top: 5px; }

.history-feedback-main-headline {
  padding-bottom: 4px; }
  .history-feedback-main-headline .headline-name {
    font-size: 12px;
    text-decoration: underline; }

/* ini_details__ini_history__holder */
.ini_details__ini_history__title__holder h3 {
  font-size: 22px; }
  .ini_details__ini_history__title__holder h3 span {
    color: #777777; }

.ini_details__ini_history__holder {
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden; }
  .ini_details__ini_history__holder .history-scrollable__content {
    position: relative;
    height: 100%;
    max-height: 2400px;
    padding-right: 17px;
    box-sizing: content-box;
    width: 100%;
    overflow-y: scroll; }
  .ini_details__ini_history__holder.meeting .history-scrollable__content {
    max-height: 600px; }

.history-scrollable-wrapper {
  border-top: 1px solid #D2D2D2; }

.ini_details__ini_history__header {
  display: flex;
  align-items: center;
  padding: 20px 15px;
  cursor: pointer; }
  .ini_details__ini_history__header .time-selector__holder {
    margin-left: auto;
    margin-right: 100px; }
    .ini_details__ini_history__header .time-selector__holder .chzn-container {
      display: block;
      width: auto; }
      .ini_details__ini_history__header .time-selector__holder .chzn-container .chzn-single {
        height: auto;
        border: 1px solid #ccc;
        border-radius: 5px; }
        .ini_details__ini_history__header .time-selector__holder .chzn-container .chzn-single span {
          display: inline-block;
          font-size: 12px;
          line-height: 24px;
          text-align: center;
          color: #ccc;
          vertical-align: top;
          font-weight: 400;
          height: 24px; }
        .ini_details__ini_history__header .time-selector__holder .chzn-container .chzn-single div b::after {
          top: 50%;
          left: 0;
          background-image: none;
          background-position: center;
          width: 5px;
          height: 5px;
          border-top: 1px solid #AAA;
          border-right: 1px solid #AAA;
          transform: translateY(-50%) rotate(135deg); }

.ini_details__ini_history__header__item .title {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  color: #222222; }
.ini_details__ini_history__header__item .content {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; }
  .ini_details__ini_history__header__item .content .hidden-radio + span {
    padding: 0px 10px; }
  .ini_details__ini_history__header__item .content .hidden-radio-label:first-of-type .hidden-radio + span {
    border-radius: 15px 0 0 15px; }
  .ini_details__ini_history__header__item .content .hidden-radio-label:last-of-type .hidden-radio + span {
    border-radius: 0px 15px 15px 0px; }

.ini_details__ini_history__content {
  width: 100%;
  table-layout: fixed; }

#action-history-content .mt-4 {
  margin-top: 4px; }
#action-history-content .mt-6 {
  margin-top: 6px; }
#action-history-content #history_no_results {
  font-size: 12px;
  height: 68px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center; }
#action-history-content .coll_content__comment_holder .text p {
  overflow: hidden;
  word-wrap: break-word;
  max-width: 100%;
  white-space: pre-wrap; }
#action-history-content .ini_details__ini_history__item .coll_content__comment_holder .text.comment-text {
  background: #f9f9f9; }
#action-history-content .ini_details__ini_history__item .coll_content__kpi_holder .execution_status_kpi_detail {
  background: #f9f9f9; }
#action-history-content .ini_details__ini_history__item.row-grey {
  background-color: #faf9f9; }
  #action-history-content .ini_details__ini_history__item.row-grey .coll_content__comment_holder .text.comment-text {
    background: #fff; }
  #action-history-content .ini_details__ini_history__item.row-grey .coll_content__kpi_holder .execution_status_kpi_detail {
    background: #fff; }
#action-history-content .fr-action-log {
  cursor: default; }
  #action-history-content .fr-action-log:hover {
    border-color: #e6e6e6; }

.ini_details__ini_history__item, .feedback_hoverbox_item {
  position: relative;
  /* coll_icon */
  /* coll_date */
  /* coll_action */
  /* coll_content */
  /* coll_content__header */
  /* coll_content__comment_holder */
  /* coll_content__actions_holder */
  /* coll_content__att_files_holder */
  /* coll_content__kpi_holder */
  /* coll_content__comment_form_holder */ }
  .ini_details__ini_history__item > td, .feedback_hoverbox_item > td {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative; }
    .ini_details__ini_history__item > td:first-child:before, .feedback_hoverbox_item > td:first-child:before {
      display: inline-block;
      width: 0;
      content: '';
      top: 0px;
      height: 100%;
      position: absolute;
      left: 50%;
      border-right: 1px solid #DDD;
      z-index: 1;
      margin-left: 3px; }
    .ini_details__ini_history__item > td:last-child, .feedback_hoverbox_item > td:last-child {
      padding-right: 17px; }
  .ini_details__ini_history__item .coll_icon, .feedback_hoverbox_item .coll_icon {
    width: 50px;
    vertical-align: top;
    text-align: center; }
  .ini_details__ini_history__item .coll_date, .feedback_hoverbox_item .coll_date {
    width: 60px;
    vertical-align: top;
    padding-left: 10px; }
  .ini_details__ini_history__item .coll_action, .feedback_hoverbox_item .coll_action {
    padding-left: 10px;
    vertical-align: top;
    width: 216px; }
  .ini_details__ini_history__item .coll_action__user_info, .feedback_hoverbox_item .coll_action__user_info {
    align-items: center; }
    .ini_details__ini_history__item .coll_action__user_info .icon, .feedback_hoverbox_item .coll_action__user_info .icon {
      display: inline-block;
      width: 33px;
      height: 33px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      border: 1px solid #ccc;
      background-image: url(/images/person_avatar.gif);
      border-radius: 50%; }
      .ini_details__ini_history__item .coll_action__user_info .icon.no-image, .feedback_hoverbox_item .coll_action__user_info .icon.no-image {
        background-image: none;
        background-color: lightgrey;
        text-align: center;
        line-height: 33px;
        font-size: 14px; }
    .ini_details__ini_history__item .coll_action__user_info .content, .feedback_hoverbox_item .coll_action__user_info .content {
      display: inline-block;
      vertical-align: top;
      margin-left: 10px;
      width: 140px;
      overflow: hidden; }
      .ini_details__ini_history__item .coll_action__user_info .content .name, .feedback_hoverbox_item .coll_action__user_info .content .name {
        display: block;
        font-size: 18px;
        color: #121212;
        line-height: 1; }
      .ini_details__ini_history__item .coll_action__user_info .content .date, .feedback_hoverbox_item .coll_action__user_info .content .date {
        display: block;
        color: #595959;
        font-size: 12px;
        margin-top: 5px;
        line-height: 1;
        font-weight: 400; }
  .ini_details__ini_history__item .coll_action__details, .feedback_hoverbox_item .coll_action__details {
    display: flex;
    align-items: center; }
    .ini_details__ini_history__item .coll_action__details .align-self-end, .feedback_hoverbox_item .coll_action__details .align-self-end {
      align-self: flex-end; }
    .ini_details__ini_history__item .coll_action__details .details__ini__item, .feedback_hoverbox_item .coll_action__details .details__ini__item {
      text-align: center;
      color: #9f9f9f;
      margin-right: 20px;
      font-weight: 500; }
      .ini_details__ini_history__item .coll_action__details .details__ini__item.details__item__kpi_progress, .feedback_hoverbox_item .coll_action__details .details__ini__item.details__item__kpi_progress {
        margin-right: 26px; }
      .ini_details__ini_history__item .coll_action__details .details__ini__item .trend-arrow, .feedback_hoverbox_item .coll_action__details .details__ini__item .trend-arrow {
        font-size: 22px;
        color: #7dbc52;
        vertical-align: sub;
        margin-left: 3px; }
        .ini_details__ini_history__item .coll_action__details .details__ini__item .trend-arrow.negative, .feedback_hoverbox_item .coll_action__details .details__ini__item .trend-arrow.negative {
          color: #E62E2C; }
        .ini_details__ini_history__item .coll_action__details .details__ini__item .trend-arrow.neutral, .feedback_hoverbox_item .coll_action__details .details__ini__item .trend-arrow.neutral {
          color: #0C64FF; }
      .ini_details__ini_history__item .coll_action__details .details__ini__item .item__ico, .feedback_hoverbox_item .coll_action__details .details__ini__item .item__ico {
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%; }
      .ini_details__ini_history__item .coll_action__details .details__ini__item .item__ico.perfomance, .feedback_hoverbox_item .coll_action__details .details__ini__item .item__ico.perfomance {
        background-image: url("/images/icons/performance-indicator-green.svg"); }
        .ini_details__ini_history__item .coll_action__details .details__ini__item .item__ico.perfomance.red_perfomance, .feedback_hoverbox_item .coll_action__details .details__ini__item .item__ico.perfomance.red_perfomance {
          background-image: url("/images/icons/performance-indicator-red.svg"); }
      .ini_details__ini_history__item .coll_action__details .details__ini__item .item__ico.target, .feedback_hoverbox_item .coll_action__details .details__ini__item .item__ico.target {
        background-image: url("/images/icons/target_facelift.svg"); }
      .ini_details__ini_history__item .coll_action__details .details__ini__item .item__text, .feedback_hoverbox_item .coll_action__details .details__ini__item .item__text {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        margin-left: 3px;
        font-weight: 400; }
        .ini_details__ini_history__item .coll_action__details .details__ini__item .item__text.text-green, .feedback_hoverbox_item .coll_action__details .details__ini__item .item__text.text-green {
          color: #58b947; }
        .ini_details__ini_history__item .coll_action__details .details__ini__item .item__text.text-red, .feedback_hoverbox_item .coll_action__details .details__ini__item .item__text.text-red {
          color: #e64c5c; }
      .ini_details__ini_history__item .coll_action__details .details__ini__item .item__subtext, .feedback_hoverbox_item .coll_action__details .details__ini__item .item__subtext {
        text-align: center;
        font-size: 9px;
        color: #777;
        line-height: 1;
        margin: 0;
        margin-top: 5px; }
  .ini_details__ini_history__item .coll_action__details_milestone, .feedback_hoverbox_item .coll_action__details_milestone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px; }
    .ini_details__ini_history__item .coll_action__details_milestone .milestone_progress__bar, .feedback_hoverbox_item .coll_action__details_milestone .milestone_progress__bar {
      padding-left: 12px; }
      .ini_details__ini_history__item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon, .feedback_hoverbox_item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 17px;
        height: 17px;
        margin-right: 5px;
        overflow: hidden;
        border-radius: 50%; }
      .ini_details__ini_history__item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon__25_percent::before, .feedback_hoverbox_item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon__25_percent::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 8px;
        height: 8px;
        background-color: rgba(0, 0, 0, 0.5); }
      .ini_details__ini_history__item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon__50_percent::before, .feedback_hoverbox_item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon__50_percent::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 8px;
        height: 16px;
        background-color: rgba(0, 0, 0, 0.5); }
      .ini_details__ini_history__item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon__75_percent::before, .feedback_hoverbox_item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon__75_percent::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 8px;
        height: 8px;
        background-color: rgba(0, 0, 0, 0.5); }
      .ini_details__ini_history__item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon__75_percent::after, .feedback_hoverbox_item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__icon__75_percent::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 16px;
        height: 8px;
        background-color: rgba(0, 0, 0, 0.5); }
      .ini_details__ini_history__item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__percent, .feedback_hoverbox_item .coll_action__details_milestone .milestone_progress__bar .milestone_progress__percent {
        font-size: 14px;
        line-height: 1;
        vertical-align: middle;
        color: #121212;
        font-weight: 400; }
    .ini_details__ini_history__item .coll_action__details_milestone .milestone_progress__text, .feedback_hoverbox_item .coll_action__details_milestone .milestone_progress__text {
      margin-top: 5px;
      font-size: 10px;
      line-height: 1;
      color: #939393; }
  .ini_details__ini_history__item .coll_content, .feedback_hoverbox_item .coll_content {
    padding-left: 20px;
    vertical-align: top;
    width: 830px;
    max-width: 830px; }
    .ini_details__ini_history__item .coll_content .col_50, .feedback_hoverbox_item .coll_content .col_50 {
      flex: 1;
      box-sizing: border-box;
      padding-left: 15px;
      padding-right: 15px;
      width: 50%; }
      .ini_details__ini_history__item .coll_content .col_50 .text pre, .feedback_hoverbox_item .coll_content .col_50 .text pre {
        white-space: pre-wrap; }
    .ini_details__ini_history__item .coll_content .col_50:last-child, .feedback_hoverbox_item .coll_content .col_50:last-child {
      padding-left: 22px !important;
      padding-right: 0px !important; }
    .ini_details__ini_history__item .coll_content .col_50:first-child, .feedback_hoverbox_item .coll_content .col_50:first-child {
      padding-left: 0px !important;
      padding-right: 10px !important; }
  .ini_details__ini_history__item .coll_content__header, .feedback_hoverbox_item .coll_content__header {
    min-height: 45px;
    display: flex;
    padding-right: 15px;
    justify-content: space-between;
    align-items: center; }
    .ini_details__ini_history__item .coll_content__header .info_holder, .feedback_hoverbox_item .coll_content__header .info_holder {
      align-self: flex-start;
      width: 80%; }
      .ini_details__ini_history__item .coll_content__header .info_holder .history_expander, .feedback_hoverbox_item .coll_content__header .info_holder .history_expander {
        border: 1px solid #d6d6d6;
        width: 16px;
        height: 16px;
        border-radius: 4px;
        background-repeat: no-repeat;
        position: absolute;
        right: 11px;
        top: 20px; }
        .ini_details__ini_history__item .coll_content__header .info_holder .history_expander:before, .feedback_hoverbox_item .coll_content__header .info_holder .history_expander:before {
          content: '';
          display: inline-block;
          width: 5px;
          height: 5px;
          border-left: 1px solid #d6d6d6;
          border-bottom: 1px solid #d6d6d6;
          transform: rotate(225deg);
          position: relative;
          top: 5px;
          left: 3px; }
      .ini_details__ini_history__item .coll_content__header .info_holder .history_expanded, .feedback_hoverbox_item .coll_content__header .info_holder .history_expanded {
        border: 1px solid #ffc5dc; }
        .ini_details__ini_history__item .coll_content__header .info_holder .history_expanded:before, .feedback_hoverbox_item .coll_content__header .info_holder .history_expanded:before {
          border-left: 1px solid #E83B83;
          border-bottom: 1px solid #E83B83;
          transform: rotate(-45deg);
          left: 5px;
          top: 4px; }
    .ini_details__ini_history__item .coll_content__header .info_holder__top_line .date, .feedback_hoverbox_item .coll_content__header .info_holder__top_line .date {
      margin-left: 2px; }
    .ini_details__ini_history__item .coll_content__header .info_holder__item_name, .feedback_hoverbox_item .coll_content__header .info_holder__item_name {
      margin-bottom: 2px;
      display: inline-flex; }
      .ini_details__ini_history__item .coll_content__header .info_holder__item_name .name, .feedback_hoverbox_item .coll_content__header .info_holder__item_name .name {
        line-height: 1; }
      .ini_details__ini_history__item .coll_content__header .info_holder__item_name .value, .feedback_hoverbox_item .coll_content__header .info_holder__item_name .value {
        line-height: 1.3; }
    .ini_details__ini_history__item .coll_content__header .actions__item.actions__item__comment, .feedback_hoverbox_item .coll_content__header .actions__item.actions__item__comment {
      display: none; }
  .ini_details__ini_history__item .actions_holder, .feedback_hoverbox_item .actions_holder {
    display: inline-flex;
    justify-content: space-between;
    position: absolute;
    right: 30px;
    top: 12px; }
  .ini_details__ini_history__item .actions__item, .feedback_hoverbox_item .actions__item {
    cursor: pointer;
    user-select: none;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 59px; }
    .ini_details__ini_history__item .actions__item.disabled, .feedback_hoverbox_item .actions__item.disabled {
      pointer-events: none;
      opacity: 0.5; }
    .ini_details__ini_history__item .actions__item .icon, .feedback_hoverbox_item .actions__item .icon {
      display: block;
      width: 24px;
      height: 24px;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%; }
    .ini_details__ini_history__item .actions__item .icon.icon_edit, .feedback_hoverbox_item .actions__item .icon.icon_edit {
      background-image: url(/images/icons/icons-edit_bar.svg); }
    .ini_details__ini_history__item .actions__item .icon.icon_comment, .feedback_hoverbox_item .actions__item .icon.icon_comment {
      background-image: url(/images/icons/comented_circle.svg);
      background-size: 300%;
      background-position: -37px -19px; }
    .ini_details__ini_history__item .actions__item .icon.icon_option, .feedback_hoverbox_item .actions__item .icon.icon_option {
      background-image: url(/images/icons/options_hover_bg.svg); }
    .ini_details__ini_history__item .actions__item .icon.icon_delete, .feedback_hoverbox_item .actions__item .icon.icon_delete {
      background-image: url(/images/icons/icons-delete_bar.svg); }
    .ini_details__ini_history__item .actions__item .name, .feedback_hoverbox_item .actions__item .name {
      display: block;
      text-align: center;
      font-size: 12px;
      margin-top: 3px; }
  .ini_details__ini_history__item .coll_content__comment_holder, .feedback_hoverbox_item .coll_content__comment_holder {
    margin-top: 2px;
    padding-right: 15px;
    width: 100%;
    word-break: break-word; }
    .ini_details__ini_history__item .coll_content__comment_holder .title, .feedback_hoverbox_item .coll_content__comment_holder .title {
      display: block;
      margin-bottom: 8px;
      font-size: 14px;
      font-weight: 500;
      color: #121212; }
    .ini_details__ini_history__item .coll_content__comment_holder .text p, .feedback_hoverbox_item .coll_content__comment_holder .text p {
      font-size: 12px !important;
      color: #767676;
      text-align: justify;
      line-height: 1.784;
      font-weight: 300; }
    .ini_details__ini_history__item .coll_content__comment_holder .col_100, .feedback_hoverbox_item .coll_content__comment_holder .col_100 {
      width: 100%; }
    .ini_details__ini_history__item .coll_content__comment_holder.feedback-comment-holder, .feedback_hoverbox_item .coll_content__comment_holder.feedback-comment-holder {
      margin-top: 15px; }
    .ini_details__ini_history__item .coll_content__comment_holder table, .feedback_hoverbox_item .coll_content__comment_holder table {
      max-width: 100%; }
    .ini_details__ini_history__item .coll_content__comment_holder .col_corrective, .feedback_hoverbox_item .coll_content__comment_holder .col_corrective {
      margin-top: 15px; }
  .ini_details__ini_history__item .hidden, .feedback_hoverbox_item .hidden {
    display: none; }
  .ini_details__ini_history__item .hidden, .feedback_hoverbox_item .hidden {
    display: none; }
  .ini_details__ini_history__item .coll_content__actions_holder, .feedback_hoverbox_item .coll_content__actions_holder {
    margin-top: 15px; }
    .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_title, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_title {
      margin-bottom: 15px;
      font-size: 14px;
      font-weight: 500;
      color: #121212; }
    .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list {
      list-style-type: none;
      padding: 0 !important;
      margin: 0 !important; }
      .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item:last-child, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item:last-child {
        margin-bottom: 0; }
      .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item {
        display: flex;
        margin-bottom: 10px;
        padding: 0 !important;
        align-items: start; }
        .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item div, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item div {
          margin-right: 30px; }
        .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name {
          font-size: 14px;
          line-height: 1;
          font-weight: 500;
          color: #121212; }
          .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name span, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name span {
            width: 80%;
            display: inline-block;
            vertical-align: text-top; }
          .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .item_name, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .item_name {
            color: #121212; }
          .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .coll_content__actions_item__name_icon, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .coll_content__actions_item__name_icon {
            display: inline-block;
            margin-right: 10px;
            width: 15px;
            height: 15px;
            background-image: url("/images/icons/iconcheckinbox.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain; }
          .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .action-icon-in-ini-history, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .action-icon-in-ini-history {
            flex-basis: 90px;
            padding-top: 1px; }
        .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .action-history-text-formate-width, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .action-history-text-formate-width {
          width: 76%; }
          .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .action-history-text-formate-width .action-history-text-formate, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .action-history-text-formate-width .action-history-text-formate {
            white-space: pre-line;
            word-break: break-all; }
        .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user {
          font-size: 12px;
          color: #767676;
          line-height: 1;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline;
          overflow: hidden; }
          .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user span, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user span {
            vertical-align: middle; }
          .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user .coll_content__actions_item__user_icon, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user .coll_content__actions_item__user_icon {
            display: inline-block;
            margin-right: 5px;
            width: 12px;
            height: 10px;
            background-image: url("/images/icons/responsible-pink_icon.svg");
            background-repeat: no-repeat;
            background-size: 100% 12px;
            background-position: 0 0; }
        .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__date, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__date {
          font-size: 12px;
          color: #acacac;
          width: 200px;
          margin-right: 10px; }
          .ini_details__ini_history__item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__date span:last-child, .feedback_hoverbox_item .coll_content__actions_holder .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__date span:last-child {
            color: #121212;
            font-weight: 400; }
  .ini_details__ini_history__item .coll_content__att_files_holder, .feedback_hoverbox_item .coll_content__att_files_holder {
    margin-top: 20px;
    margin-bottom: 20px; }
    .ini_details__ini_history__item .coll_content__att_files_holder .coll_content__att_files_title, .feedback_hoverbox_item .coll_content__att_files_holder .coll_content__att_files_title {
      font-size: 12px;
      font-weight: 500; }
    .ini_details__ini_history__item .coll_content__att_files_holder .coll_content__att_files__list, .feedback_hoverbox_item .coll_content__att_files_holder .coll_content__att_files__list {
      list-style-type: none;
      padding: 0 !important;
      margin: 0 !important; }
      .ini_details__ini_history__item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item:last-child, .feedback_hoverbox_item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item:last-child {
        margin-bottom: 0; }
      .ini_details__ini_history__item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item, .feedback_hoverbox_item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item {
        display: flex;
        margin-bottom: 10px;
        padding: 0 !important;
        align-items: center; }
        .ini_details__ini_history__item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item span, .feedback_hoverbox_item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item span {
          vertical-align: middle; }
        .ini_details__ini_history__item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__icon, .feedback_hoverbox_item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__icon {
          display: inline-block;
          margin-right: 15px;
          width: 15px;
          height: 15px;
          background-image: url("/images/icons/icons-67.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        .ini_details__ini_history__item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__item__text, .feedback_hoverbox_item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__item__text {
          font-size: 12px;
          color: #444444;
          max-width: 380px; }
          .ini_details__ini_history__item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__item__text a, .feedback_hoverbox_item .coll_content__att_files_holder .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__item__text a {
            word-break: break-all; }
  .ini_details__ini_history__item .coll_content__kpi_holder table, .feedback_hoverbox_item .coll_content__kpi_holder table {
    width: 100%;
    border-collapse: collapse; }
  .ini_details__ini_history__item .coll_content__kpi_holder thead th, .feedback_hoverbox_item .coll_content__kpi_holder thead th {
    position: relative;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 11px;
    border-bottom: 1px solid #EEEEEE;
    color: #222;
    text-align: center;
    vertical-align: middle;
    position: relative; }
    .ini_details__ini_history__item .coll_content__kpi_holder thead th span, .feedback_hoverbox_item .coll_content__kpi_holder thead th span {
      color: #acacac; }
  .ini_details__ini_history__item .coll_content__kpi_holder thead .ico, .feedback_hoverbox_item .coll_content__kpi_holder thead .ico {
    width: 16px;
    display: inline-block;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; }
  .ini_details__ini_history__item .coll_content__kpi_holder thead .ico.progress, .feedback_hoverbox_item .coll_content__kpi_holder thead .ico.progress {
    background-image: url("/images/icons/performance-indicator-gray.svg"); }
  .ini_details__ini_history__item .coll_content__kpi_holder thead .ico.kpi, .feedback_hoverbox_item .coll_content__kpi_holder thead .ico.kpi {
    background-image: url("/images/icons/target_facelift.svg"); }
  .ini_details__ini_history__item .coll_content__kpi_holder tbody td, .feedback_hoverbox_item .coll_content__kpi_holder tbody td {
    word-break: break-word;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #222;
    font-size: 12px;
    text-align: center;
    vertical-align: top; }
  .ini_details__ini_history__item .coll_content__kpi_holder tbody .coll__name, .feedback_hoverbox_item .coll_content__kpi_holder tbody .coll__name {
    font-weight: 500; }
    .ini_details__ini_history__item .coll_content__kpi_holder tbody .coll__name span, .feedback_hoverbox_item .coll_content__kpi_holder tbody .coll__name span {
      color: #acacac; }
  .ini_details__ini_history__item .coll_content__kpi_holder tbody .coll__comment, .feedback_hoverbox_item .coll_content__kpi_holder tbody .coll__comment {
    text-align: left;
    width: 220px;
    padding: 5px 5px;
    color: #777; }
  .ini_details__ini_history__item .coll_content__kpi_holder tbody .coll__actions, .feedback_hoverbox_item .coll_content__kpi_holder tbody .coll__actions {
    padding: 5px 5px;
    text-align: left;
    width: 220px;
    color: #777; }
  .ini_details__ini_history__item .coll_content__kpi_holder tbody .ico_smile, .feedback_hoverbox_item .coll_content__kpi_holder tbody .ico_smile {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; }
  .ini_details__ini_history__item .coll_content__kpi_holder tbody .ico_smile.good, .feedback_hoverbox_item .coll_content__kpi_holder tbody .ico_smile.good {
    background-image: url("/images/icons/smileys/smiley-green.svg"); }
  .ini_details__ini_history__item .coll_content__kpi_holder tbody .ico_smile.average, .feedback_hoverbox_item .coll_content__kpi_holder tbody .ico_smile.average {
    background-image: url("/images/icons/smileys/smiley-yellow.svg"); }
  .ini_details__ini_history__item .coll_content__kpi_holder tbody .ico_smile.bad, .feedback_hoverbox_item .coll_content__kpi_holder tbody .ico_smile.bad {
    background-image: url("/images/icons/smileys/smiley-red.svg"); }
  .ini_details__ini_history__item .coll_content__kpi_holder .coll__name, .feedback_hoverbox_item .coll_content__kpi_holder .coll__name {
    text-align: left;
    width: 100px; }
  .ini_details__ini_history__item .coll_content__kpi_holder .coll__actual, .feedback_hoverbox_item .coll_content__kpi_holder .coll__actual {
    text-align: center;
    font-weight: 500;
    width: 45px; }
  .ini_details__ini_history__item .coll_content__kpi_holder .coll__plan, .feedback_hoverbox_item .coll_content__kpi_holder .coll__plan {
    font-weight: 500;
    width: 90px; }
  .ini_details__ini_history__item .coll_content__kpi_holder .coll__target, .feedback_hoverbox_item .coll_content__kpi_holder .coll__target {
    text-align: center;
    font-weight: 500;
    width: 45px; }
  .ini_details__ini_history__item .coll_content__kpi_holder .coll__progress, .feedback_hoverbox_item .coll_content__kpi_holder .coll__progress {
    font-weight: 500;
    width: 90px; }
  .ini_details__ini_history__item .coll_content__kpi_holder .coll__kpi, .feedback_hoverbox_item .coll_content__kpi_holder .coll__kpi {
    text-align: center;
    font-weight: 500;
    width: 45px; }
  .ini_details__ini_history__item .coll_content__kpi_holder .coll__comment, .feedback_hoverbox_item .coll_content__kpi_holder .coll__comment {
    text-align: left;
    width: 24%;
    padding-left: 5px;
    list-style-position: inside; }
  .ini_details__ini_history__item .coll_content__kpi_holder .coll__actions, .feedback_hoverbox_item .coll_content__kpi_holder .coll__actions {
    padding-left: 5px;
    text-align: left;
    width: 24%;
    list-style-position: inside; }
  .ini_details__ini_history__item .coll_content__comment_form_holder, .feedback_hoverbox_item .coll_content__comment_form_holder {
    margin-top: 20px; }
    .ini_details__ini_history__item .coll_content__comment_form_holder .item_comment__content, .feedback_hoverbox_item .coll_content__comment_form_holder .item_comment__content {
      margin-top: 20px; }
    .ini_details__ini_history__item .coll_content__comment_form_holder .item, .feedback_hoverbox_item .coll_content__comment_form_holder .item {
      display: inline-block;
      position: relative;
      vertical-align: middle; }
      .ini_details__ini_history__item .coll_content__comment_form_holder .item .commentButtonLabel__holder, .feedback_hoverbox_item .coll_content__comment_form_holder .item .commentButtonLabel__holder {
        display: none;
        margin-right: 0 !important; }
      .ini_details__ini_history__item .coll_content__comment_form_holder .item .comment-content__footer__like, .feedback_hoverbox_item .coll_content__comment_form_holder .item .comment-content__footer__like {
        margin-left: 0 !important; }
      .ini_details__ini_history__item .coll_content__comment_form_holder .item .comment-content__footer__email_subject, .feedback_hoverbox_item .coll_content__comment_form_holder .item .comment-content__footer__email_subject {
        padding-left: 0; }
    .ini_details__ini_history__item .coll_content__comment_form_holder .item:first-of-type::after, .feedback_hoverbox_item .coll_content__comment_form_holder .item:first-of-type::after {
      display: none; }

.actionHistoryContentCol ap-comment .comment-holder {
  width: 512px; }
.actionHistoryContentCol ap-comment .comment-content {
  width: 376px; }
.actionHistoryContentCol ap-comment .splitter {
  width: 512px; }

.history .history-action-icon-wrapper .completion-overlay {
  width: 11px;
  height: 11px;
  z-index: 2;
  position: relative;
  position: absolute; }
  .history .history-action-icon-wrapper .completion-overlay:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: 22px 22px;
    background-position: 0 0; }
.history .completion-overlay {
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  position: relative;
  position: absolute; }
  .history .completion-overlay:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 24px 24px;
    background-position: 0 0; }
  .history .completion-overlay.completion_25:after {
    background-image: url("/images/icons/complete/complete_25.svg"); }
  .history .completion-overlay.completion_50:after {
    background-image: url("/images/icons/complete/complete_50.svg"); }
  .history .completion-overlay.completion_75:after {
    background-image: url("/images/icons/complete/complete_75.svg"); }
  .history .completion-overlay.completion_100:after {
    background-image: url("/images/icons/complete/complete_100_transparent1.svg"); }

#details_history_section .ini_details__ini_history__header {
  padding: 20px 15px 20px 9px;
  position: relative; }
  #details_history_section .ini_details__ini_history__header #history-meeting-header {
    width: 71px; }
  #details_history_section .ini_details__ini_history__header .ini_details__ini_history__header__item.time-selector__holder {
    margin-left: 48px; }
  #details_history_section .ini_details__ini_history__header .ini_details__ini_history__header__item.ini_history_filter_section {
    right: 64px;
    position: absolute; }
#details_history_section .coll_content__actions_item__name {
  max-width: 70%;
  display: flex;
  font-size: 11px;
  font-weight: 400; }
  #details_history_section .coll_content__actions_item__name .coll_content__actions_item__name_icon.action-icon-in-ini-history {
    flex-basis: unset; }
  #details_history_section .coll_content__actions_item__name .action-history-text-formate {
    display: inline; }
#details_history_section .coll_content__actions_item__user, #details_history_section .coll_content__actions_item__date {
  font-size: 11px;
  color: #acacac;
  font-weight: 400; }

.edit-security .security_expander {
  border: 1px solid #d6d6d6;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-repeat: no-repeat;
  float: right;
  margin-right: 25px;
  margin-top: -30px; }
  .edit-security .security_expander:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    transform: rotate(225deg);
    position: relative;
    top: 5px;
    left: 3px; }
.edit-security .security_expanded {
  border: 1px solid #ffc5dc; }
  .edit-security .security_expanded:before {
    border-left: 1px solid #E83B83;
    border-bottom: 1px solid #E83B83;
    transform: rotate(-45deg);
    left: 5px;
    top: 4px; }

#focusarea_details_container .ini_details__ini_history__item:last-child > td:first-child:before, .feedback_hoverbox_item > td:first-child:before {
  height: 25px !important; }

.feedback_hoverbox_item .coll_action__details {
  justify-content: flex-end; }

#details_history_section #history-meeting-header {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  margin-right: 88px;
  margin-left: 8px; }

.ini_detail_page .header-collapsor.collapsor-history {
  position: relative; }
.ini_detail_page .task-info-collapsor.collapsor-history {
  position: absolute;
  top: 55px;
  left: 1149px;
  z-index: 1; }

.modern-date {
  display: inline-block;
  text-align: left; }
  .modern-date .modern-date-day {
    display: inline-block;
    color: #121212;
    height: 24px;
    font-size: 25px;
    line-height: 22px;
    text-align: right;
    word-break: normal; }
  .modern-date .modern-date-text {
    width: 23px;
    display: inline-block;
    padding-top: 2px;
    padding-left: 1px;
    word-break: normal; }
  .modern-date .modern-date-day-name {
    font-size: 8px;
    line-height: 8px;
    color: #acacac;
    display: inline-block;
    width: 100%;
    margin-bottom: 3px; }
  .modern-date .modern-date-month-name {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    line-height: 11px;
    color: #505050;
    text-transform: uppercase;
    word-break: normal; }

.executionStatus .action-history-wrap {
  background-color: #EEEEEE;
  border-radius: 0;
  padding: 13px; }
  .executionStatus .action-history-wrap > ap-collapse-section > div {
    background-color: white;
    padding-top: 13px; }
  .executionStatus .action-history-wrap .modern-date {
    display: inline-block; }
.executionStatus .hoverBoxContent.action-history-wrap {
  background-color: transparent;
  padding: 0; }
.executionStatus .history {
  padding-top: 13px; }
.executionStatus .history.executionStatus {
  padding-top: 13px; }
  .executionStatus .history.executionStatus .history-action-icon-wrapper {
    border-color: white; }
  .executionStatus .history.executionStatus > tbody > tr > td {
    padding-bottom: 0; }

.overallStatus {
  font-size: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center; }
  .overallStatus .header {
    font-size: 12px;
    font-weight: 700;
    background-color: #EEEEEE;
    padding-top: 8px;
    width: 100%; }
  .overallStatus .table-wrapper {
    padding: 10px 0; }
  .overallStatus table {
    border-collapse: collapse;
    border: 6px solid white;
    width: 100%;
    font-weight: 400; }
    .overallStatus table td {
      background-color: white;
      width: 135px; }
      .overallStatus table td > div {
        height: 53px;
        padding-top: 10px; }
  .overallStatus .value-big {
    margin: auto;
    font-weight: 500;
    font-size: 16px; }
  .overallStatus .value-small {
    text-align: center;
    margin: auto;
    font-size: 250%; }
  .overallStatus .value-tiny {
    text-align: center;
    margin: auto;
    color: #777;
    font-size: 160%; }
  .overallStatus .label {
    text-align: center;
    margin: auto;
    color: #777;
    font-size: 80%; }
  .overallStatus .unit {
    font-size: 10px; }
  .overallStatus .slim-right {
    border-right: 1px solid #C6C6C5; }
  .overallStatus .slim-left {
    border-left: 1px solid #C6C6C5; }
  .overallStatus .thick-right {
    border-right: 2.5px solid #C6C6C5; }
  .overallStatus .thick-left {
    border-left: 2.5px solid #C6C6C5; }
  .overallStatus .slim-bottom {
    border-bottom: 0.5px solid #C6C6C5; }
  .overallStatus hr {
    border: none;
    height: 1px;
    color: #C6C6C5;
    /* old IE */
    background-color: #C6C6C5;
    /* Modern Browsers */
    text-align: center;
    margin: 3px auto -3px auto;
    width: 30%; }
  .overallStatus .pushCloser {
    padding: 1em 0 1em 0; }
  .overallStatus .tasks {
    width: 130px; }
    .overallStatus .tasks .tasksWrapper > div {
      display: inline-block;
      vertical-align: middle; }
    .overallStatus .tasks .value-big {
      padding-left: 15px;
      padding-right: 15px; }
    .overallStatus .tasks .iconSmall-FullPicture {
      padding-left: 2em; }
  .overallStatus .actionStatus {
    text-align: center; }
    .overallStatus .actionStatus .ini-date .modern-date {
      vertical-align: middle; }
    .overallStatus .actionStatus.feedbackStatus {
      text-align: left;
      /*
            .slim-right {
              margin-top: 17px;
              padding-top: 16px;
              padding-bottom: 16px;
            }
            */ }
    .overallStatus .actionStatus.milestoneStatus {
      position: relative;
      padding-left: 0; }
      .overallStatus .actionStatus.milestoneStatus:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 78px;
        display: inline-block;
        background-color: #E6E6E6;
        background: radial-gradient(circle, #d1d1d1 0%, #EFEFEF 100%);
        right: 0;
        top: 17px; }
      .overallStatus .actionStatus.milestoneStatus.donut_chart_seperator:after {
        width: 0; }
  .overallStatus .donut {
    width: 120px;
    text-align: center; }
  .overallStatus .daysLeft {
    width: 120px; }
    .overallStatus .daysLeft .calendarIcon {
      background-size: 3.4em;
      background-position: 1.8em 1.6em; }
  .overallStatus .initiativeSymbolPart1 {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: auto;
    margin-left: 4px;
    vertical-align: middle;
    color: white;
    border-radius: 50%;
    display: inline-block;
    position: relative; }
  .overallStatus .initiativeSymbolPart2 {
    width: 30px;
    height: 30px;
    border-radius: 16%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .overallStatus .statusText {
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-top: -3px; }
    .overallStatus .statusText .label {
      text-align: left;
      padding-top: 3px;
      font-size: 10px;
      font-weight: 400;
      color: #ACACAC;
      word-break: break-word; }
      .overallStatus .statusText .label .time-past {
        text-transform: none; }
  .overallStatus .focusarea-statusText {
    margin-left: 2px; }

.timelineStatus .dateLabel {
  color: #777;
  font-size: 12px;
  margin-top: 5px; }
  .timelineStatus .dateLabel .start_text {
    color: #777; }
  .timelineStatus .dateLabel .start_text {
    color: #777; }
  .timelineStatus .dateLabel .date-label-content {
    font-weight: 500;
    color: #000; }
.timelineStatus .timelineWrapper.timeline_wrapper {
  padding-top: 19px;
  padding-right: 5px; }
.timelineStatus .timelineWrapper {
  padding: 0 0 0 20px; }
  .timelineStatus .timelineWrapper .timeline.timeline_position {
    margin-top: 28px; }
  .timelineStatus .timelineWrapper .timeline {
    width: 100%;
    height: 2px;
    background-color: #5384C3;
    margin-top: 45px;
    position: relative; }
    .timelineStatus .timelineWrapper .timeline .day-marker {
      display: inline-block;
      width: 16px;
      height: 16px;
      top: -20px;
      position: relative;
      position: absolute; }
      .timelineStatus .timelineWrapper .timeline .day-marker:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 32px;
        height: 32px;
        display: inline-block;
        background-size: 32px 32px;
        background-position: 0 0; }
      .timelineStatus .timelineWrapper .timeline .day-marker:after {
        background-image: url(/images/icons/today-blue-viewbox.svg); }
      .timelineStatus .timelineWrapper .timeline .day-marker.start {
        left: -7px; }
      .timelineStatus .timelineWrapper .timeline .day-marker span.day-marker.start.day_marker_position {
        left: -2px; }
      .timelineStatus .timelineWrapper .timeline .day-marker.today {
        height: 10px;
        width: 10px;
        top: -5px; }
        .timelineStatus .timelineWrapper .timeline .day-marker.today:after {
          display: block;
          background-image: none;
          width: 100%;
          height: 100%;
          background: #4F87C3;
          border-radius: 50%;
          border: 1px solid #fff; }
        .timelineStatus .timelineWrapper .timeline .day-marker.today .text {
          position: absolute;
          top: -36px;
          left: -15px;
          color: #4f87c3;
          font-size: 13px;
          font-weight: 400;
          white-space: nowrap; }
        .timelineStatus .timelineWrapper .timeline .day-marker.today .text.text_right_side {
          top: -23px;
          left: -38px; }
        .timelineStatus .timelineWrapper .timeline .day-marker.today .text.text_left_side {
          top: -23px;
          left: 12px; }
      .timelineStatus .timelineWrapper .timeline .day-marker.end {
        left: auto;
        right: -11px; }
        .timelineStatus .timelineWrapper .timeline .day-marker.end:after {
          background-image: url(/images/icons/today.svg);
          background-size: 100%;
          background-repeat: no-repeat;
          width: 10px;
          height: 15px; }
    .timelineStatus .timelineWrapper .timeline .timelineLeft {
      position: absolute;
      right: 0;
      height: 2px;
      display: inline-block;
      background-color: #C4C4C4; }
.timelineStatus .elapsedInfo {
  float: left;
  margin-left: -5px; }
  .timelineStatus .elapsedInfo .time_label_text::first-letter {
    text-transform: capitalize; }
.timelineStatus .remainingInfo {
  float: right;
  display: inline-block; }
  .timelineStatus .remainingInfo .time_label_text::first-letter {
    text-transform: capitalize; }
  .timelineStatus .remainingInfo .remainingNumber {
    text-align: center;
    font-size: 24px;
    color: #727272;
    font-weight: 400;
    float: left;
    line-height: 1; }
  .timelineStatus .remainingInfo .label {
    float: left;
    text-align: left;
    margin-left: 5px;
    width: 20px;
    display: block; }
.timelineStatus .timeIcon {
  display: inline-block;
  width: 22px;
  height: 22px;
  top: 7px;
  vertical-align: top;
  position: relative; }
  .timelineStatus .timeIcon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 44px;
    height: 44px;
    display: inline-block;
    background-size: 44px 44px;
    background-position: 0 0; }
  .timelineStatus .timeIcon:after {
    background-image: url(/images/icons/time-elapsed-viewbox.svg); }
.timelineStatus .timeNumbers {
  display: inline-block; }
  .timelineStatus .timeNumbers .timeNumber {
    display: block;
    font-size: 24px;
    font-weight: 400;
    color: #5384C3;
    float: left;
    line-height: 1; }
  .timelineStatus .timeNumbers .timePercentage {
    font-size: 20px; }
  .timelineStatus .timeNumbers .label {
    width: 50px;
    display: block;
    float: left;
    text-align: left;
    margin-left: 5px; }

.executionStatus__holder {
  margin-top: 40px; }

.executionStatus__title {
  color: #2F3941;
  font-weight: normal; }

.executionStatus__container {
  border: 1px solid #D2D2D2;
  border-radius: 12px 12px 12px 12px;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  margin-top: 22px; }
  .executionStatus__container.evaluation .overallStatus .statusText {
    width: 160px; }
  .executionStatus__container .task-info-collapsor {
    right: 16px;
    top: 24px; }

.overallStatus__col_2 {
  width: 222px; }
  .overallStatus__col_2.overallStatus__col_2_meeting {
    width: 500px; }

.overallStatus__col_3 {
  width: 222px; }

.overallStatus__col_4 {
  height: 97px;
  padding-left: 16px;
  width: 404px; }

.evaluation .overallStatus__col_4 {
  width: 262px; }

.evaluation .overallStatus .overallStatus__col_4 .actionStatus {
  position: relative;
  left: 20px; }

.overallStatus .feedbackStatus {
  position: relative;
  width: 302px; }
  .overallStatus .feedbackStatus::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 78px;
    display: inline-block;
    background-color: #E6E6E6;
    background: radial-gradient(circle, #d1d1d1 0%, #EFEFEF 100%);
    top: 50%;
    right: 0;
    transform: translateY(-50%); }

.evaluation .overallStatus .feedbackStatus {
  width: 384px; }

.overallStatus .modern-date {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px; }

#executionStatus__Section .overallStatus .custom_edit_col_1 .feedbackStatus {
  width: 350px; }
#executionStatus__Section .overallStatus .custom_edit_col_4 {
  padding-left: 0px;
  padding-right: 1px; }

.evaluation-status-headline, .execution-status-headline {
  padding: 21px 15px;
  cursor: pointer; }
  .evaluation-status-headline h3, .execution-status-headline h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0; }

.evaluation-status-body, .execution-status-body {
  border-top: 1px solid #DDD;
  padding: 15px; }

.evaluation .header-collapsor {
  position: relative; }
.evaluation .task-info-collapsor {
  right: 16px;
  top: 25px; }
.evaluation .overallStatus__col_2_meeting .executionStatus__details__user__holder {
  position: relative; }
  .evaluation .overallStatus__col_2_meeting .executionStatus__details__user__holder:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 78px;
    display: inline-block;
    background-color: #E6E6E6;
    background: radial-gradient(circle, #d1d1d1 0%, #EFEFEF 100%);
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
.evaluation .edit-latest-evaluation {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px; }
  .evaluation .edit-latest-evaluation .edit-link, .evaluation .edit-latest-evaluation .delete-link {
    cursor: pointer;
    user-select: none;
    min-width: 50px;
    display: inline-block; }
  .evaluation .edit-latest-evaluation .icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%; }
    .evaluation .edit-latest-evaluation .icon.icon_edit {
      background-image: url(/images/icons/icons-edit_bar.svg); }
    .evaluation .edit-latest-evaluation .icon.icon_delete {
      background-image: url(/images/icons/icons-delete_bar.svg); }
  .evaluation .edit-latest-evaluation .edit-name {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 3px; }
.evaluation .kpi-toggle-section-label {
  font-size: 12px;
  font-weight: 400;
  color: #2F3941;
  text-transform: uppercase;
  cursor: pointer; }
  .evaluation .kpi-toggle-section-label.active {
    color: #E83B83; }
.evaluation .kpi-toggle-section-separation-line {
  display: inline-block;
  border-left: 1px solid lightgrey;
  height: 14px;
  vertical-align: top;
  margin: 0 16px;
  border-image: linear-gradient(to top, #fff, #d1d1d1, #fff) 1; }
.evaluation #latest-evaluation-section {
  margin-top: 12px; }

.executionStatus__details__holder .kpi-graph-header, .executionStatus__details__holder .kpi_graph_section {
  margin-left: 5px; }

.evaluation-user {
  display: inline-block;
  margin-top: 0px;
  width: 270px; }

.plan-like-wrapper, ap-my-actions .block-wrapper .milestoneInfo, ap-my-milestones .block-wrapper .milestoneInfo, ap-my-tasks .block-wrapper .milestoneInfo, .ap-priority-list .block-wrapper .milestoneInfo, ap-milestone-table .block-wrapper .milestoneInfo, ap-focusarea-plan-table .block-wrapper .milestoneInfo {
  padding: 7px;
  border-radius: 10px;
  border: 1px solid #DDD;
  background-color: white;
  margin: 0 6px; }

ap-my-actions .singleLine .less-collapsor, ap-my-milestones .singleLine .less-collapsor, ap-my-tasks .singleLine .less-collapsor, ap-milestone-table .singleLine .less-collapsor {
  background-color: transparent; }

ap-my-actions .divTable .tableRow .mainContent > div, ap-my-milestones .divTable .tableRow .mainContent > div, ap-my-tasks .divTable .tableRow .mainContent > div, .ap-priority-list .divTable .tableRow .mainContent > div, ap-milestone-table .divTable .tableRow .mainContent > div, ap-focusarea-plan-table .divTable .tableRow .mainContent > div {
  padding: 0; }
ap-my-actions .divTable .tableBody, ap-my-milestones .divTable .tableBody, ap-my-tasks .divTable .tableBody, .ap-priority-list .divTable .tableBody, ap-milestone-table .divTable .tableBody, ap-focusarea-plan-table .divTable .tableBody {
  border: 0;
  background-color: #FCFBFD; }
ap-my-actions .block-wrapper, ap-my-milestones .block-wrapper, ap-my-tasks .block-wrapper, .ap-priority-list .block-wrapper, ap-milestone-table .block-wrapper, ap-focusarea-plan-table .block-wrapper {
  background-color: white;
  margin-bottom: 12px; }
  ap-my-actions .block-wrapper:last-child, ap-my-milestones .block-wrapper:last-child, ap-my-tasks .block-wrapper:last-child, .ap-priority-list .block-wrapper:last-child, ap-milestone-table .block-wrapper:last-child, ap-focusarea-plan-table .block-wrapper:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  ap-my-actions .block-wrapper.action-standalone ap-action-block .tableRow.actionRow .mainContent, ap-my-milestones .block-wrapper.action-standalone ap-action-block .tableRow.actionRow .mainContent, ap-my-tasks .block-wrapper.action-standalone ap-action-block .tableRow.actionRow .mainContent, .ap-priority-list .block-wrapper.action-standalone ap-action-block .tableRow.actionRow .mainContent, ap-milestone-table .block-wrapper.action-standalone ap-action-block .tableRow.actionRow .mainContent, ap-focusarea-plan-table .block-wrapper.action-standalone ap-action-block .tableRow.actionRow .mainContent {
    border-top: none; }
  ap-my-actions .block-wrapper .milestoneInfo, ap-my-milestones .block-wrapper .milestoneInfo, ap-my-tasks .block-wrapper .milestoneInfo, .ap-priority-list .block-wrapper .milestoneInfo, ap-milestone-table .block-wrapper .milestoneInfo, ap-focusarea-plan-table .block-wrapper .milestoneInfo {
    position: relative; }
    ap-my-actions .block-wrapper .milestoneInfo .spacer-line, ap-my-milestones .block-wrapper .milestoneInfo .spacer-line, ap-my-tasks .block-wrapper .milestoneInfo .spacer-line, .ap-priority-list .block-wrapper .milestoneInfo .spacer-line, ap-milestone-table .block-wrapper .milestoneInfo .spacer-line, ap-focusarea-plan-table .block-wrapper .milestoneInfo .spacer-line {
      display: inline-block;
      width: 1px;
      height: 23px;
      position: absolute;
      background-color: #DDD;
      top: 3px; }
      ap-my-actions .block-wrapper .milestoneInfo .spacer-line.spacer-left, ap-my-milestones .block-wrapper .milestoneInfo .spacer-line.spacer-left, ap-my-tasks .block-wrapper .milestoneInfo .spacer-line.spacer-left, .ap-priority-list .block-wrapper .milestoneInfo .spacer-line.spacer-left, ap-milestone-table .block-wrapper .milestoneInfo .spacer-line.spacer-left, ap-focusarea-plan-table .block-wrapper .milestoneInfo .spacer-line.spacer-left {
        left: -7px; }
      ap-my-actions .block-wrapper .milestoneInfo .spacer-line.spacer-right, ap-my-milestones .block-wrapper .milestoneInfo .spacer-line.spacer-right, ap-my-tasks .block-wrapper .milestoneInfo .spacer-line.spacer-right, .ap-priority-list .block-wrapper .milestoneInfo .spacer-line.spacer-right, ap-milestone-table .block-wrapper .milestoneInfo .spacer-line.spacer-right, ap-focusarea-plan-table .block-wrapper .milestoneInfo .spacer-line.spacer-right {
        right: -7px; }
  ap-my-actions .block-wrapper.top-level, ap-my-milestones .block-wrapper.top-level, ap-my-tasks .block-wrapper.top-level, .ap-priority-list .block-wrapper.top-level, ap-milestone-table .block-wrapper.top-level, ap-focusarea-plan-table .block-wrapper.top-level {
    padding: 13px;
    padding-bottom: 0;
    padding-top: 0;
    height: 100%; }
    ap-my-actions .block-wrapper.top-level:after, ap-my-milestones .block-wrapper.top-level:after, ap-my-tasks .block-wrapper.top-level:after, .ap-priority-list .block-wrapper.top-level:after, ap-milestone-table .block-wrapper.top-level:after, ap-focusarea-plan-table .block-wrapper.top-level:after {
      display: inline-block;
      content: '';
      height: 0; }
    ap-my-actions .block-wrapper.top-level .mainContent .milestoneInfo, ap-my-milestones .block-wrapper.top-level .mainContent .milestoneInfo, ap-my-tasks .block-wrapper.top-level .mainContent .milestoneInfo, .ap-priority-list .block-wrapper.top-level .mainContent .milestoneInfo, ap-milestone-table .block-wrapper.top-level .mainContent .milestoneInfo, ap-focusarea-plan-table .block-wrapper.top-level .mainContent .milestoneInfo {
      border-color: white; }
      ap-my-actions .block-wrapper.top-level .mainContent .milestoneInfo .spacer-line, ap-my-milestones .block-wrapper.top-level .mainContent .milestoneInfo .spacer-line, ap-my-tasks .block-wrapper.top-level .mainContent .milestoneInfo .spacer-line, .ap-priority-list .block-wrapper.top-level .mainContent .milestoneInfo .spacer-line, ap-milestone-table .block-wrapper.top-level .mainContent .milestoneInfo .spacer-line, ap-focusarea-plan-table .block-wrapper.top-level .mainContent .milestoneInfo .spacer-line {
        background-color: white; }
    ap-my-actions .block-wrapper.top-level .block-wrapper .milestoneInfo, ap-my-milestones .block-wrapper.top-level .block-wrapper .milestoneInfo, ap-my-tasks .block-wrapper.top-level .block-wrapper .milestoneInfo, .ap-priority-list .block-wrapper.top-level .block-wrapper .milestoneInfo, ap-milestone-table .block-wrapper.top-level .block-wrapper .milestoneInfo, ap-focusarea-plan-table .block-wrapper.top-level .block-wrapper .milestoneInfo {
      border-color: #DDD; }
      ap-my-actions .block-wrapper.top-level .block-wrapper .milestoneInfo .spacer-line, ap-my-milestones .block-wrapper.top-level .block-wrapper .milestoneInfo .spacer-line, ap-my-tasks .block-wrapper.top-level .block-wrapper .milestoneInfo .spacer-line, .ap-priority-list .block-wrapper.top-level .block-wrapper .milestoneInfo .spacer-line, ap-milestone-table .block-wrapper.top-level .block-wrapper .milestoneInfo .spacer-line, ap-focusarea-plan-table .block-wrapper.top-level .block-wrapper .milestoneInfo .spacer-line {
        background-color: #DDD; }
    ap-my-actions .block-wrapper.top-level .block-wrapper .block-wrapper, ap-my-milestones .block-wrapper.top-level .block-wrapper .block-wrapper, ap-my-tasks .block-wrapper.top-level .block-wrapper .block-wrapper, .ap-priority-list .block-wrapper.top-level .block-wrapper .block-wrapper, ap-milestone-table .block-wrapper.top-level .block-wrapper .block-wrapper, ap-focusarea-plan-table .block-wrapper.top-level .block-wrapper .block-wrapper {
      margin-bottom: 0; }
    ap-my-actions .block-wrapper.top-level .block-lines, ap-my-actions .block-wrapper.top-level .block-lines .block-wrapper, ap-my-milestones .block-wrapper.top-level .block-lines, ap-my-milestones .block-wrapper.top-level .block-lines .block-wrapper, ap-my-tasks .block-wrapper.top-level .block-lines, ap-my-tasks .block-wrapper.top-level .block-lines .block-wrapper, .ap-priority-list .block-wrapper.top-level .block-lines, .ap-priority-list .block-wrapper.top-level .block-lines .block-wrapper, ap-milestone-table .block-wrapper.top-level .block-lines, ap-milestone-table .block-wrapper.top-level .block-lines .block-wrapper, ap-focusarea-plan-table .block-wrapper.top-level .block-lines, ap-focusarea-plan-table .block-wrapper.top-level .block-lines .block-wrapper {
      background-color: white;
      margin-bottom: 0; }
      ap-my-actions .block-wrapper.top-level .block-lines .milestoneInfo, ap-my-actions .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo, ap-my-milestones .block-wrapper.top-level .block-lines .milestoneInfo, ap-my-milestones .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo, ap-my-tasks .block-wrapper.top-level .block-lines .milestoneInfo, ap-my-tasks .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo, .ap-priority-list .block-wrapper.top-level .block-lines .milestoneInfo, .ap-priority-list .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo, ap-milestone-table .block-wrapper.top-level .block-lines .milestoneInfo, ap-milestone-table .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo, ap-focusarea-plan-table .block-wrapper.top-level .block-lines .milestoneInfo, ap-focusarea-plan-table .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo {
        border-color: #DDD; }
        ap-my-actions .block-wrapper.top-level .block-lines .milestoneInfo .spacer-line, ap-my-actions .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo .spacer-line, ap-my-milestones .block-wrapper.top-level .block-lines .milestoneInfo .spacer-line, ap-my-milestones .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo .spacer-line, ap-my-tasks .block-wrapper.top-level .block-lines .milestoneInfo .spacer-line, ap-my-tasks .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo .spacer-line, .ap-priority-list .block-wrapper.top-level .block-lines .milestoneInfo .spacer-line, .ap-priority-list .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo .spacer-line, ap-milestone-table .block-wrapper.top-level .block-lines .milestoneInfo .spacer-line, ap-milestone-table .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo .spacer-line, ap-focusarea-plan-table .block-wrapper.top-level .block-lines .milestoneInfo .spacer-line, ap-focusarea-plan-table .block-wrapper.top-level .block-lines .block-wrapper .milestoneInfo .spacer-line {
          background-color: #DDD; }
ap-my-actions .divTable .block-lines:hover .milestoneTableTaskTable.no-tasks, ap-my-milestones .divTable .block-lines:hover .milestoneTableTaskTable.no-tasks, ap-my-tasks .divTable .block-lines:hover .milestoneTableTaskTable.no-tasks, .ap-priority-list .divTable .block-lines:hover .milestoneTableTaskTable.no-tasks, ap-milestone-table .divTable .block-lines:hover .milestoneTableTaskTable.no-tasks, ap-focusarea-plan-table .divTable .block-lines:hover .milestoneTableTaskTable.no-tasks {
  display: none; }
ap-my-actions .divTable .ui-sortable-helper, ap-my-milestones .divTable .ui-sortable-helper, ap-my-tasks .divTable .ui-sortable-helper, .ap-priority-list .divTable .ui-sortable-helper, ap-milestone-table .divTable .ui-sortable-helper, ap-focusarea-plan-table .divTable .ui-sortable-helper {
  background-color: white; }
  ap-my-actions .divTable .ui-sortable-helper .mainContent, ap-my-milestones .divTable .ui-sortable-helper .mainContent, ap-my-tasks .divTable .ui-sortable-helper .mainContent, .ap-priority-list .divTable .ui-sortable-helper .mainContent, ap-milestone-table .divTable .ui-sortable-helper .mainContent, ap-focusarea-plan-table .divTable .ui-sortable-helper .mainContent {
    border-top: 1px solid #EEEEEE; }
ap-my-actions .divTable .tableRow.dimmed .mainContent, ap-my-milestones .divTable .tableRow.dimmed .mainContent, ap-my-tasks .divTable .tableRow.dimmed .mainContent, .ap-priority-list .divTable .tableRow.dimmed .mainContent, ap-milestone-table .divTable .tableRow.dimmed .mainContent, ap-focusarea-plan-table .divTable .tableRow.dimmed .mainContent {
  opacity: 0.1; }
ap-my-actions .divTable .tableRow .mainContent, ap-my-milestones .divTable .tableRow .mainContent, ap-my-tasks .divTable .tableRow .mainContent, .ap-priority-list .divTable .tableRow .mainContent, ap-milestone-table .divTable .tableRow .mainContent, ap-focusarea-plan-table .divTable .tableRow .mainContent {
  padding-bottom: 6px; }
  ap-my-actions .divTable .tableRow .mainContent > div.tableProgressCell, ap-my-milestones .divTable .tableRow .mainContent > div.tableProgressCell, ap-my-tasks .divTable .tableRow .mainContent > div.tableProgressCell, .ap-priority-list .divTable .tableRow .mainContent > div.tableProgressCell, ap-milestone-table .divTable .tableRow .mainContent > div.tableProgressCell, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableProgressCell {
    padding: 0;
    padding-right: 7px !important; }
  ap-my-actions .divTable .tableRow .mainContent > div.tablePriorityCell, ap-my-milestones .divTable .tableRow .mainContent > div.tablePriorityCell, ap-my-tasks .divTable .tableRow .mainContent > div.tablePriorityCell, .ap-priority-list .divTable .tableRow .mainContent > div.tablePriorityCell, ap-milestone-table .divTable .tableRow .mainContent > div.tablePriorityCell, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tablePriorityCell {
    width: 0;
    padding: 0; }
  ap-my-actions .divTable .tableRow .mainContent > div.tableNameCell, ap-my-milestones .divTable .tableRow .mainContent > div.tableNameCell, ap-my-tasks .divTable .tableRow .mainContent > div.tableNameCell, .ap-priority-list .divTable .tableRow .mainContent > div.tableNameCell, ap-milestone-table .divTable .tableRow .mainContent > div.tableNameCell, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableNameCell {
    width: 529px;
    margin-left: 0;
    padding-left: 1px; }
    ap-my-actions .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, ap-my-milestones .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, ap-my-tasks .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, .ap-priority-list .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, ap-milestone-table .divTable .tableRow .mainContent > div.tableNameCell .expanderCell, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableNameCell .expanderCell {
      width: 40px;
      text-align: center;
      padding: 0;
      padding-top: 8px; }
    ap-my-actions .divTable .tableRow .mainContent > div.tableNameCell .iniNameBox .rolesInfo, ap-my-milestones .divTable .tableRow .mainContent > div.tableNameCell .iniNameBox .rolesInfo, ap-my-tasks .divTable .tableRow .mainContent > div.tableNameCell .iniNameBox .rolesInfo, .ap-priority-list .divTable .tableRow .mainContent > div.tableNameCell .iniNameBox .rolesInfo, ap-milestone-table .divTable .tableRow .mainContent > div.tableNameCell .iniNameBox .rolesInfo, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableNameCell .iniNameBox .rolesInfo {
      overflow: hidden;
      line-height: 1.3em;
      white-space: nowrap; }
    ap-my-actions .divTable .tableRow .mainContent > div.tableNameCell .modern-date, ap-my-milestones .divTable .tableRow .mainContent > div.tableNameCell .modern-date, ap-my-tasks .divTable .tableRow .mainContent > div.tableNameCell .modern-date, .ap-priority-list .divTable .tableRow .mainContent > div.tableNameCell .modern-date, ap-milestone-table .divTable .tableRow .mainContent > div.tableNameCell .modern-date, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableNameCell .modern-date {
      padding-top: 4px; }
    ap-my-actions .divTable .tableRow .mainContent > div.tableNameCell .singleLine, ap-my-milestones .divTable .tableRow .mainContent > div.tableNameCell .singleLine, ap-my-tasks .divTable .tableRow .mainContent > div.tableNameCell .singleLine, .ap-priority-list .divTable .tableRow .mainContent > div.tableNameCell .singleLine, ap-milestone-table .divTable .tableRow .mainContent > div.tableNameCell .singleLine, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableNameCell .singleLine {
      line-height: 1.5em;
      margin-top: -0.2em; }
  ap-my-actions .divTable .tableRow .mainContent > div.tablePlanCell, ap-my-milestones .divTable .tableRow .mainContent > div.tablePlanCell, ap-my-tasks .divTable .tableRow .mainContent > div.tablePlanCell, .ap-priority-list .divTable .tableRow .mainContent > div.tablePlanCell, ap-milestone-table .divTable .tableRow .mainContent > div.tablePlanCell, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tablePlanCell {
    width: 110px; }
  ap-my-actions .divTable .tableRow .mainContent > div.tableCreatedByCell, ap-my-milestones .divTable .tableRow .mainContent > div.tableCreatedByCell, ap-my-tasks .divTable .tableRow .mainContent > div.tableCreatedByCell, .ap-priority-list .divTable .tableRow .mainContent > div.tableCreatedByCell, ap-milestone-table .divTable .tableRow .mainContent > div.tableCreatedByCell, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableCreatedByCell {
    width: 183px; }
  ap-my-actions .divTable .tableRow .mainContent > div.tableOptionsCell, ap-my-milestones .divTable .tableRow .mainContent > div.tableOptionsCell, ap-my-tasks .divTable .tableRow .mainContent > div.tableOptionsCell, .ap-priority-list .divTable .tableRow .mainContent > div.tableOptionsCell, ap-milestone-table .divTable .tableRow .mainContent > div.tableOptionsCell, ap-focusarea-plan-table .divTable .tableRow .mainContent > div.tableOptionsCell {
    padding-top: 13px;
    width: 22px; }
ap-my-actions .divTable .tableRow.milestoneRow .latestUpdateUserBox, ap-my-milestones .divTable .tableRow.milestoneRow .latestUpdateUserBox, ap-my-tasks .divTable .tableRow.milestoneRow .latestUpdateUserBox, .ap-priority-list .divTable .tableRow.milestoneRow .latestUpdateUserBox, ap-milestone-table .divTable .tableRow.milestoneRow .latestUpdateUserBox, ap-focusarea-plan-table .divTable .tableRow.milestoneRow .latestUpdateUserBox {
  margin-top: 4px; }
ap-my-actions .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar, ap-my-milestones .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar, ap-my-tasks .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar, .ap-priority-list .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar, ap-milestone-table .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar, ap-focusarea-plan-table .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar {
  width: 108px;
  margin-top: 4px;
  height: 6px;
  border-color: #EEEEEE; }
  ap-my-actions .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar .milestone, ap-my-milestones .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar .milestone, ap-my-tasks .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar .milestone, .ap-priority-list .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar .milestone, ap-milestone-table .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar .milestone, ap-focusarea-plan-table .divTable .tableRow.milestoneRow ap-milestone-feedback-color-bar .feedbackBar .milestone {
    top: -4px; }
ap-my-actions .divTable .tableRow.milestoneRow .mainContent .iniNameBox .parentNameLine, ap-my-milestones .divTable .tableRow.milestoneRow .mainContent .iniNameBox .parentNameLine, ap-my-tasks .divTable .tableRow.milestoneRow .mainContent .iniNameBox .parentNameLine, .ap-priority-list .divTable .tableRow.milestoneRow .mainContent .iniNameBox .parentNameLine, ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .iniNameBox .parentNameLine, ap-focusarea-plan-table .divTable .tableRow.milestoneRow .mainContent .iniNameBox .parentNameLine {
  margin-top: 5px; }
ap-my-actions .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent, ap-my-milestones .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent, ap-my-tasks .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent, .ap-priority-list .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent, ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent, ap-focusarea-plan-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent {
  margin-top: 2px; }
  ap-my-actions .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, ap-my-milestones .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, ap-my-tasks .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, .ap-priority-list .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor, ap-focusarea-plan-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor {
    margin-top: 5px;
    font-size: 12px;
    white-space: nowrap; }
    ap-my-actions .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor .truncate-username, ap-my-milestones .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor .truncate-username, ap-my-tasks .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor .truncate-username, .ap-priority-list .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor .truncate-username, ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor .truncate-username, ap-focusarea-plan-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor .truncate-username {
      max-width: 56px; }
  ap-my-actions .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor__timeOld, ap-my-milestones .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor__timeOld, ap-my-tasks .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor__timeOld, .ap-priority-list .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor__timeOld, ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor__timeOld, ap-focusarea-plan-table .divTable .tableRow.milestoneRow .mainContent .actionRow__status__innerContent .actionRow__status__executor__timeOld {
    font-size: 12px;
    color: #acacac;
    padding-bottom: 0px; }
ap-my-actions .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator, ap-my-milestones .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator, ap-my-tasks .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator, .ap-priority-list .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator, ap-milestone-table .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator, ap-focusarea-plan-table .divTable .tableRow.milestoneRow .mainContent .latestStatusIndicator {
  margin: 4px 0 0 0; }
ap-my-actions .divTable .tableRow .mainContent, ap-my-milestones .divTable .tableRow .mainContent, ap-my-tasks .divTable .tableRow .mainContent, .ap-priority-list .divTable .tableRow .mainContent, ap-milestone-table .divTable .tableRow .mainContent, ap-focusarea-plan-table .divTable .tableRow .mainContent {
  padding: 9px 15px 6px 0;
  width: 100%;
  border-top: 1px solid #e2e1e1;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  ap-my-actions .divTable .tableRow .mainContent .iniNameBox, ap-my-milestones .divTable .tableRow .mainContent .iniNameBox, ap-my-tasks .divTable .tableRow .mainContent .iniNameBox, .ap-priority-list .divTable .tableRow .mainContent .iniNameBox, ap-milestone-table .divTable .tableRow .mainContent .iniNameBox, ap-focusarea-plan-table .divTable .tableRow .mainContent .iniNameBox {
    padding-top: 2px; }
ap-my-actions .divTable .tableRow.taskRow .actionRow__status, ap-my-milestones .divTable .tableRow.taskRow .actionRow__status, ap-my-tasks .divTable .tableRow.taskRow .actionRow__status, .ap-priority-list .divTable .tableRow.taskRow .actionRow__status, ap-milestone-table .divTable .tableRow.taskRow .actionRow__status, ap-focusarea-plan-table .divTable .tableRow.taskRow .actionRow__status {
  margin-top: 3px; }
  ap-my-actions .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, ap-my-milestones .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, ap-my-tasks .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, .ap-priority-list .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor, ap-focusarea-plan-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor {
    font-size: 10px; }
    ap-my-actions .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor .truncate-username, ap-my-milestones .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor .truncate-username, ap-my-tasks .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor .truncate-username, .ap-priority-list .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor .truncate-username, ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor .truncate-username, ap-focusarea-plan-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor .truncate-username {
      max-width: 57px; }
  ap-my-actions .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor__timeOld, ap-my-milestones .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor__timeOld, ap-my-tasks .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor__timeOld, .ap-priority-list .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor__timeOld, ap-milestone-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor__timeOld, ap-focusarea-plan-table .divTable .tableRow.taskRow .actionRow__status .actionRow__status__executor__timeOld {
    font-size: 12px;
    color: #acacac;
    padding-bottom: 0px; }
ap-my-actions .divTable .tableRow.actionRow .status_wrapper, ap-my-milestones .divTable .tableRow.actionRow .status_wrapper, ap-my-tasks .divTable .tableRow.actionRow .status_wrapper, .ap-priority-list .divTable .tableRow.actionRow .status_wrapper, ap-milestone-table .divTable .tableRow.actionRow .status_wrapper, ap-focusarea-plan-table .divTable .tableRow.actionRow .status_wrapper {
  margin-left: 8px; }
ap-my-actions .divTable .tableRow.actionRow .tablePlanCell, ap-my-milestones .divTable .tableRow.actionRow .tablePlanCell, ap-my-tasks .divTable .tableRow.actionRow .tablePlanCell, .ap-priority-list .divTable .tableRow.actionRow .tablePlanCell, ap-milestone-table .divTable .tableRow.actionRow .tablePlanCell, ap-focusarea-plan-table .divTable .tableRow.actionRow .tablePlanCell {
  min-width: 173px; }
ap-my-actions .divTable .tableRow.focusareaRow .mainContent, ap-my-milestones .divTable .tableRow.focusareaRow .mainContent, ap-my-tasks .divTable .tableRow.focusareaRow .mainContent, .ap-priority-list .divTable .tableRow.focusareaRow .mainContent, ap-milestone-table .divTable .tableRow.focusareaRow .mainContent, ap-focusarea-plan-table .divTable .tableRow.focusareaRow .mainContent {
  padding: 17px 15px 6px 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  ap-my-actions .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .iniNameBox, ap-my-milestones .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .iniNameBox, ap-my-tasks .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .iniNameBox, .ap-priority-list .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .iniNameBox, ap-milestone-table .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .iniNameBox, ap-focusarea-plan-table .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .iniNameBox {
    width: 400px;
    font-size: 13px;
    font-weight: 600;
    padding-top: 6px;
    padding-left: 10px; }
  ap-my-actions .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo, ap-my-milestones .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo, ap-my-tasks .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo, .ap-priority-list .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo, ap-milestone-table .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo, ap-focusarea-plan-table .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo {
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 5px 10px 5px 10px; }
    ap-my-actions .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo .spacer-line, ap-my-milestones .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo .spacer-line, ap-my-tasks .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo .spacer-line, .ap-priority-list .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo .spacer-line, ap-milestone-table .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo .spacer-line, ap-focusarea-plan-table .divTable .tableRow.focusareaRow .mainContent > div.tablePlanCell .milestoneInfo .spacer-line {
      background-color: white; }
  ap-my-actions .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell, ap-my-milestones .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell, ap-my-tasks .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell, .ap-priority-list .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell, ap-milestone-table .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell, ap-focusarea-plan-table .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell {
    padding-top: 2px; }
    ap-my-actions .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell .photoholder__badge, ap-my-milestones .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell .photoholder__badge, ap-my-tasks .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell .photoholder__badge, .ap-priority-list .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell .photoholder__badge, ap-milestone-table .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell .photoholder__badge, ap-focusarea-plan-table .divTable .tableRow.focusareaRow .mainContent > div.tableNameCell .expanderCell .photoholder__badge {
      bottom: -12px;
      right: -12px; }
  ap-my-actions .divTable .tableRow.focusareaRow .mainContent .tableProgressCell .progressNoKpiWrapper .stopwatch, ap-my-milestones .divTable .tableRow.focusareaRow .mainContent .tableProgressCell .progressNoKpiWrapper .stopwatch, ap-my-tasks .divTable .tableRow.focusareaRow .mainContent .tableProgressCell .progressNoKpiWrapper .stopwatch, .ap-priority-list .divTable .tableRow.focusareaRow .mainContent .tableProgressCell .progressNoKpiWrapper .stopwatch, ap-milestone-table .divTable .tableRow.focusareaRow .mainContent .tableProgressCell .progressNoKpiWrapper .stopwatch, ap-focusarea-plan-table .divTable .tableRow.focusareaRow .mainContent .tableProgressCell .progressNoKpiWrapper .stopwatch {
    margin-top: -10px;
    margin-left: 2px; }
  ap-my-actions .divTable .tableRow.focusareaRow .mainContent div.info.milestoneInfo .info-wrapper, ap-my-milestones .divTable .tableRow.focusareaRow .mainContent div.info.milestoneInfo .info-wrapper, ap-my-tasks .divTable .tableRow.focusareaRow .mainContent div.info.milestoneInfo .info-wrapper, .ap-priority-list .divTable .tableRow.focusareaRow .mainContent div.info.milestoneInfo .info-wrapper, ap-milestone-table .divTable .tableRow.focusareaRow .mainContent div.info.milestoneInfo .info-wrapper, ap-focusarea-plan-table .divTable .tableRow.focusareaRow .mainContent div.info.milestoneInfo .info-wrapper {
    width: 36px; }
ap-my-actions .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link, ap-my-milestones .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link, ap-my-tasks .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link, .ap-priority-list .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link, ap-milestone-table .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link, ap-focusarea-plan-table .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link {
  margin-bottom: 2px; }
  ap-my-actions .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link:before, ap-my-milestones .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link:before, ap-my-tasks .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link:before, .ap-priority-list .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link:before, ap-milestone-table .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link:before, ap-focusarea-plan-table .divTable .tableRow .tableRightRowOuterBox > bulk_option__button > ap-controls > controls-box .controls-link:before {
    top: 30px; }
ap-my-actions .usersInfo, ap-my-milestones .usersInfo, ap-my-tasks .usersInfo, .ap-priority-list .usersInfo, ap-milestone-table .usersInfo, ap-focusarea-plan-table .usersInfo {
  margin-top: 8px; }
  ap-my-actions .usersInfo .feedbacker-role:before, ap-my-milestones .usersInfo .feedbacker-role:before, ap-my-tasks .usersInfo .feedbacker-role:before, .ap-priority-list .usersInfo .feedbacker-role:before, ap-milestone-table .usersInfo .feedbacker-role:before, ap-focusarea-plan-table .usersInfo .feedbacker-role:before {
    width: 24px;
    height: 24px; }
  ap-my-actions .usersInfo .role, ap-my-milestones .usersInfo .role, ap-my-tasks .usersInfo .role, .ap-priority-list .usersInfo .role, ap-milestone-table .usersInfo .role, ap-focusarea-plan-table .usersInfo .role {
    display: inline-block;
    vertical-align: middle; }
  ap-my-actions .usersInfo .contents, ap-my-milestones .usersInfo .contents, ap-my-tasks .usersInfo .contents, .ap-priority-list .usersInfo .contents, ap-milestone-table .usersInfo .contents, ap-focusarea-plan-table .usersInfo .contents {
    margin-left: 0px; }
ap-my-actions .focusarea-icon-label, ap-my-milestones .focusarea-icon-label, ap-my-tasks .focusarea-icon-label, .ap-priority-list .focusarea-icon-label, ap-milestone-table .focusarea-icon-label, ap-focusarea-plan-table .focusarea-icon-label {
  font-size: 7px;
  color: #9D9C9C;
  text-transform: uppercase; }
ap-my-actions .responsible-role-name, ap-my-milestones .responsible-role-name, ap-my-tasks .responsible-role-name, .ap-priority-list .responsible-role-name, ap-milestone-table .responsible-role-name, ap-focusarea-plan-table .responsible-role-name {
  padding-right: 0.5rem; }

ap-my-actions .owner-role:before, ap-my-milestones .owner-role:before, ap-my-tasks .owner-role:before, ap-milestone-table .owner-role:before {
  height: 12px;
  background-size: 20px 20px;
  background-repeat: no-repeat; }
ap-my-actions .modern-date, ap-my-milestones .modern-date, ap-my-tasks .modern-date, ap-milestone-table .modern-date {
  width: 90px; }
ap-my-actions .feedback_hoverbox .modern-date, ap-my-milestones .feedback_hoverbox .modern-date, ap-my-tasks .feedback_hoverbox .modern-date, ap-milestone-table .feedback_hoverbox .modern-date {
  width: auto; }
ap-my-actions .divTable .tableRow .mainContent .expanderCell.ini-detail-milestone-icon.item-priority:before, ap-my-milestones .divTable .tableRow .mainContent .expanderCell.ini-detail-milestone-icon.item-priority:before, ap-my-tasks .divTable .tableRow .mainContent .expanderCell.ini-detail-milestone-icon.item-priority:before, ap-milestone-table .divTable .tableRow .mainContent .expanderCell.ini-detail-milestone-icon.item-priority:before {
  top: 0;
  right: -16px; }
ap-my-actions .divTable .tableRow .mainContent .expanderCell.item-priority:before, ap-my-milestones .divTable .tableRow .mainContent .expanderCell.item-priority:before, ap-my-tasks .divTable .tableRow .mainContent .expanderCell.item-priority:before, ap-milestone-table .divTable .tableRow .mainContent .expanderCell.item-priority:before {
  top: -5px;
  right: -14px; }
ap-my-actions .divTable .tableRow .mainContent .expanderCell.item-private:after, ap-my-milestones .divTable .tableRow .mainContent .expanderCell.item-private:after, ap-my-tasks .divTable .tableRow .mainContent .expanderCell.item-private:after, ap-milestone-table .divTable .tableRow .mainContent .expanderCell.item-private:after {
  bottom: -14px;
  right: -14px; }
ap-my-actions .taskFile, ap-my-milestones .taskFile, ap-my-tasks .taskFile, ap-milestone-table .taskFile {
  display: inline-block; }
ap-my-actions ap-single-line, ap-my-milestones ap-single-line, ap-my-tasks ap-single-line, ap-milestone-table ap-single-line {
  display: inline-block; }
  ap-my-actions ap-single-line .singleLine.collapsedSingleLine, ap-my-milestones ap-single-line .singleLine.collapsedSingleLine, ap-my-tasks ap-single-line .singleLine.collapsedSingleLine, ap-milestone-table ap-single-line .singleLine.collapsedSingleLine {
    max-width: 435px; }
ap-my-actions .comment_holder, ap-my-milestones .comment_holder, ap-my-tasks .comment_holder, ap-milestone-table .comment_holder {
  background-color: white; }
ap-my-actions .tableAboveHeaderWrapper, ap-my-milestones .tableAboveHeaderWrapper, ap-my-tasks .tableAboveHeaderWrapper, ap-milestone-table .tableAboveHeaderWrapper {
  width: 1101px;
  height: 26px; }
  ap-my-actions .tableAboveHeaderWrapper:not(.sticky), ap-my-milestones .tableAboveHeaderWrapper:not(.sticky), ap-my-tasks .tableAboveHeaderWrapper:not(.sticky), ap-milestone-table .tableAboveHeaderWrapper:not(.sticky) {
    margin-bottom: 10px; }

.totalOverview {
  min-height: 350px; }

.viewTable .viewHeading.total_overview__my_actions__holder {
  width: 1101px;
  height: 40px;
  z-index: 25;
  margin-top: -20px;
  padding-top: 60px;
  margin-bottom: 0; }
  .viewTable .viewHeading.total_overview__my_actions__holder.sticky {
    padding-bottom: 32px; }
  .viewTable .viewHeading.total_overview__my_actions__holder .submitLoader {
    position: absolute;
    left: -42px;
    top: 17px; }

.border-element {
  content: '';
  display: inline-block;
  height: 26px;
  width: 26px;
  position: absolute;
  top: -1px;
  background-size: 26px 26px; }

.hidden-radio-label {
  display: inline-block;
  cursor: pointer; }
  .hidden-radio-label:first-of-type .hidden-radio + span {
    border-radius: 15px 0 0 15px;
    margin-right: -2px; }
  .hidden-radio-label:first-of-type .hidden-radio.hidden-checkbox + span {
    border-radius: 15px; }
  .hidden-radio-label:last-of-type .hidden-radio + span {
    border-radius: 0px 15px 15px 0px; }
  .hidden-radio-label.hidden-radio-unselectable {
    cursor: default; }

.hidden-radio {
  display: none; }

.hidden-radio + span {
  padding: 0 15px;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #ccc;
  vertical-align: top;
  font-weight: 400;
  height: 28px;
  border: 1px solid #ccc;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none; }
  .hidden-radio + span.tab-icon {
    padding: 6px 5px 5px;
    height: 13px; }

.hidden-radio:checked + span {
  color: #E83B83;
  border-color: #E83B83;
  background-color: #FFF6F9; }

.hidden-radio:disabled:checked + span {
  color: #ccc;
  border-color: #ccc;
  background-color: #FFF6F9; }

.tab-selector-wrapper {
  display: inline-block; }

.donutChartPosFixer {
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
  top: -4px;
  left: -5px; }
  .donutChartPosFixer .value-small {
    margin-top: 31px;
    height: 26px;
    margin-left: 5px; }
  .donutChartPosFixer .label {
    max-width: 50px;
    word-wrap: break-word;
    margin-left: 28px; }

.donutChartHolder {
  position: absolute;
  top: -23px; }
  .donutChartHolder .c3-arc-white {
    stroke: #ccc; }

svg .axis path,
svg .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges; }
svg .activeChart {
  fill: #F6F8FC; }
svg .activeSmileyChart {
  fill: #F6F8FC; }
svg .feedbackLine {
  opacity: 0;
  stroke: #DBDCDE;
  stroke-width: 1; }
  svg .feedbackLine.active {
    opacity: 1; }

ap-kpi-graph svg {
  -ms-overflow-x: hidden; }
  ap-kpi-graph svg .activeChart {
    fill: white; }
  ap-kpi-graph svg .activeSmileyChart {
    fill: #F5F8FF; }
  ap-kpi-graph svg .chartLabels text {
    font-size: 15px; }
  ap-kpi-graph svg .y.axis .tick text {
    fill: #5385C2; }
  ap-kpi-graph svg .x.axis.axisLabel.pointer .tick {
    pointer-events: all; }
    ap-kpi-graph svg .x.axis.axisLabel.pointer .tick text {
      cursor: pointer; }
ap-kpi-graph .canvas {
  clear: both; }
  ap-kpi-graph .canvas .tipHelpBox {
    display: block; }
ap-kpi-graph .kpiLabelIcon:before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: black; }

.d3KpiTable {
  float: left;
  font-size: 9px; }
  .d3KpiTable .kpiIcon {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    text-align: center;
    line-height: 12px;
    color: white; }
  .d3KpiTable thead td, .d3KpiTable tbody td {
    padding: 0 10px; }
  .d3KpiTable td img {
    max-width: 16px; }
  .d3KpiTable td .kpi-unit {
    color: #acacac; }

.axisLabel path {
  opacity: 0; }

.axisNoLabel text {
  opacity: 0; }

.focusareaLine {
  stroke-width: 2px; }

.ganttCanvas {
  background-color: white;
  border: 1px solid #DDD; }
  .ganttCanvas .axis {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
               supported by Chrome and Opera */ }
  .ganttCanvas .label {
    color: black; }
  .ganttCanvas .link {
    color: black; }
    .ganttCanvas .link:hover {
      text-decoration: underline;
      fill: #E83B83;
      color: #E83B83;
      cursor: pointer; }

ap-gantt-chart .axis path, ap-kpi-graph .axis path {
  opacity: 0; }
ap-gantt-chart svg .axis line, ap-kpi-graph svg .axis line {
  stroke: #E5ECF6; }
ap-gantt-chart .background, ap-kpi-graph .background {
  fill: #FFF; }
ap-gantt-chart .labelBackground, ap-kpi-graph .labelBackground {
  fill: #EDF4FC; }
ap-gantt-chart .topLine, ap-kpi-graph .topLine {
  stroke: #5385C2;
  shape-rendering: crispEdges; }
ap-gantt-chart .bottomLine, ap-kpi-graph .bottomLine {
  stroke: #d9eaff;
  shape-rendering: crispEdges; }
ap-gantt-chart .ganttAxisLabel, ap-kpi-graph .ganttAxisLabel {
  text-align: center;
  color: #ABABAB;
  font-size: 13px; }
  ap-gantt-chart .ganttAxisLabel strong, ap-kpi-graph .ganttAxisLabel strong {
    color: black;
    font-weight: normal; }
ap-gantt-chart .todayLabel, ap-gantt-chart .startEndLabel, ap-kpi-graph .todayLabel, ap-kpi-graph .startEndLabel {
  fill: #5385C2; }
ap-gantt-chart .targetCurve, ap-gantt-chart .targetLine, ap-gantt-chart .baseLine, ap-gantt-chart .targetLineLabel, ap-gantt-chart .baseLineLabel, ap-kpi-graph .targetCurve, ap-kpi-graph .targetLine, ap-kpi-graph .baseLine, ap-kpi-graph .targetLineLabel, ap-kpi-graph .baseLineLabel {
  fill: #5385C2; }
ap-gantt-chart .dragLine, ap-kpi-graph .dragLine {
  shape-rendering: crispEdges;
  stroke: #5385C2;
  stroke-width: 4px;
  opacity: 0; }
  ap-gantt-chart .dragLine:hover, ap-gantt-chart .dragLine.active, ap-kpi-graph .dragLine:hover, ap-kpi-graph .dragLine.active {
    opacity: 1;
    cursor: col-resize; }

ap-execution-plan-gantt svg .chartLabels .label-text, ap-focusarea-plan-table svg .chartLabels .label-text {
  font-size: 13px;
  margin-top: -2px; }

ap-gantt-chart svg .perfLabel {
  font-size: 12px;
  fill: #ababab;
  font-weight: 500; }
ap-gantt-chart svg .chartLabels .label-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block; }

.longname-tooltip {
  position: fixed;
  transform: translateY(-100%);
  background: #292929;
  color: white;
  padding: 7px;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0 2px 8px 0 rgba(10, 10, 10, 0.2);
  z-index: 25;
  max-width: 600px;
  font-weight: normal;
  margin-right: 15px; }

.alignment-name-tooltip {
  position: relative;
  transform: translateY(-100%);
  top: -36px;
  background: #292929;
  color: white;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(10, 10, 10, 0.2);
  height: auto;
  z-index: 10;
  font-size: 12px;
  line-height: 15px;
  padding: 7px;
  pointer-events: none;
  width: 93%; }

/*.x {
  &.axis {
    .axisNoLabel {
      opacity: 0;
    }
  }
}*/
.widget-switcher {
  position: relative; }
  .widget-switcher article {
    display: inline-block;
    width: 60px;
    text-align: center; }
    .widget-switcher article.stage02 {
      width: auto;
      display: flex;
      flex-direction: column;
      max-width: 1197px;
      z-index: 20;
      background-color: white;
      padding: 12px 30px 30px 20px;
      border-radius: 10px;
      border: 1px solid #E6E6E6;
      box-shadow: 3px 3px 3px #D1D1D199;
      margin-left: -16px;
      top: -13px;
      margin-bottom: -15px;
      position: relative; }
      .widget-switcher article.stage02 .collapsor {
        content: ' ';
        position: absolute;
        top: 35px;
        right: 11px;
        background-image: url("/images/icons/collapse2-viewbox-left.svg");
        background-size: 20px 20px;
        width: 20px;
        height: 20px; }
      .widget-switcher article.stage02 .addUsers {
        content: ' ';
        position: absolute;
        top: 31px;
        right: 11px;
        background-image: url("/images/icons/more-options-pink.svg");
        background-size: 24px 24px;
        width: 24px;
        height: 24px; }
      .widget-switcher article.stage02 .view-table-list li {
        width: 40px;
        height: 40px;
        margin-left: 23px;
        margin-right: 23px;
        position: relative;
        background-color: #CECCCD; }
        .widget-switcher article.stage02 .view-table-list li:not(.active):hover {
          background-color: #e83b83; }
          .widget-switcher article.stage02 .view-table-list li:not(.active):hover a.ng-binding {
            color: #E73C82; }
          .widget-switcher article.stage02 .view-table-list li:not(.active):hover .title {
            color: black; }
        .widget-switcher article.stage02 .view-table-list li:not(.active):before {
          content: ' ';
          display: block;
          position: absolute;
          left: -23px;
          top: 0px;
          height: 50px;
          width: 1px;
          background-color: #E6E6E6;
          background: radial-gradient(circle, #d1d1d1 0%, white 100%); }
        .widget-switcher article.stage02 .view-table-list li:not(.active) a.ng-binding {
          color: #CDCDCD; }
        .widget-switcher article.stage02 .view-table-list li:not(.active) .title {
          margin-left: -10px;
          width: 60px; }
        .widget-switcher article.stage02 .view-table-list li:not(.active).profile:before {
          content: none; }
        .widget-switcher article.stage02 .view-table-list li:not(.active) .photo img {
          width: auto;
          height: 40px; }
        .widget-switcher article.stage02 .view-table-list li.active {
          width: 50px;
          height: 50px;
          margin-left: 0px; }
          .widget-switcher article.stage02 .view-table-list li.active:not(.my) {
            background-color: #e83b83; }
          .widget-switcher article.stage02 .view-table-list li.active > a i {
            width: 24px;
            height: 24px;
            position: relative;
            position: absolute; }
            .widget-switcher article.stage02 .view-table-list li.active > a i:after {
              position: absolute;
              top: 0;
              left: 0;
              content: ' ';
              width: 48px;
              height: 48px;
              display: inline-block;
              background-size: 48px 48px;
              background-position: 0 0; }
          .widget-switcher article.stage02 .view-table-list li.active a.ng-binding {
            color: #E73C82; }
          .widget-switcher article.stage02 .view-table-list li.active .title {
            color: black;
            margin-left: -5px;
            width: 60px; }
          .widget-switcher article.stage02 .view-table-list li.active .photo {
            width: 50px;
            height: 50px; }
        .widget-switcher article.stage02 .view-table-list li .title {
          color: #CDCDCD; }
    .widget-switcher article.stage03 a.ng-binding, .widget-switcher article.stage01 a.ng-binding {
      color: #E73C82; }
    .widget-switcher article.stage03 .photo, .widget-switcher article.stage01 .photo {
      width: 50px;
      height: 50px; }
    .widget-switcher article i {
      width: 12px;
      height: 12px;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: relative; }
      .widget-switcher article i:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 24px;
        height: 24px;
        display: inline-block;
        background-size: 24px 24px;
        background-position: 0 0; }
      .widget-switcher article i.icon-aggregate:after {
        background-image: url(/images/icons/tree-white-viewbox.svg); }
      .widget-switcher article i.icon-home:after {
        background-image: url(/images/icons/company-view-white.svg);
        left: -2px; }
      .widget-switcher article i.icon-table:after {
        background-image: url(/images/icons/tabular-view-white.svg); }
      .widget-switcher article i.icon-timeline:after {
        background-image: url(/images/icons/graphical-view-white-viewbox.svg); }
      .widget-switcher article i.icon-list:after {
        background-image: url(/images/icons/list-view-white.svg); }
      .widget-switcher article i.icon-tree:after {
        background-image: url(/images/icons/tree-view-white.svg); }
      .widget-switcher article i.icon-team:after {
        background-image: url(/images/icons/team-white-viewbox.svg); }
      .widget-switcher article i.icon-adduser:after {
        background-image: url(/images/icons/user-grey-viewbox.svg); }
      .widget-switcher article i.icon-action:after {
        background-image: url(/images/icons/action-white-viewbox.svg); }
      .widget-switcher article i.icon-task:after {
        background-image: url(/images/icons/task-white-viewbox.svg); }
      .widget-switcher article i.icon-week:after {
        background-image: url(/images/icons/calendar-white-viewbox.svg); }
      .widget-switcher article i.icon-milestone:after {
        background-image: url(/images/icons/milestone-white-viewbox.svg); }
      .widget-switcher article i.icon-focusarea:after {
        background-image: url(/images/icons/focusarea-white-viewbox.svg); }
    .widget-switcher article > a {
      display: inline-block;
      border-radius: 50%;
      width: 50px;
      position: relative; }
      .widget-switcher article > a i {
        width: 24px;
        height: 24px;
        position: relative;
        position: absolute; }
        .widget-switcher article > a i:after {
          position: absolute;
          top: 0;
          left: 0;
          content: ' ';
          width: 48px;
          height: 48px;
          display: inline-block;
          background-size: 48px 48px;
          background-position: 0 0; }
    .widget-switcher article.stage01 > a, .widget-switcher article.stage03 > a {
      height: 50px;
      background-color: #E83B83; }
    .widget-switcher article.stage02 ul li {
      display: inline-block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-color: #E83B83;
      vertical-align: top; }
      .widget-switcher article.stage02 ul li > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative; }
      .widget-switcher article.stage02 ul li i {
        position: absolute; }
    .widget-switcher article.stage02 .photo {
      width: 40px;
      height: 40px; }
  .widget-switcher:after {
    content: ' ';
    width: 9px;
    background-size: 9px 9px;
    height: 9px;
    position: absolute;
    left: 62px;
    top: 38px;
    background-image: url(/images/icons/collapse2-viewbox-right-grey.svg); }
  .widget-switcher.inactive {
    pointer-events: none;
    cursor: default;
    background: transparent;
    color: inherit; }
    .widget-switcher.inactive:after {
      content: none; }
  .widget-switcher.widget-single:after {
    content: none; }
  .widget-switcher.widget-single .stage03 > a {
    background-color: #CECCCD; }

.viewSwitchers ap-table-timeline-view-switcher, .viewSwitchers ap-item-type-switcher {
  margin-top: 11px; }
.viewSwitchers ap-table-timeline-view-switcher, .viewSwitchers ap-item-type-switcher, .viewSwitchers ap-profile-switcher {
  position: relative;
  display: block; }
  .viewSwitchers ap-table-timeline-view-switcher:after, .viewSwitchers ap-item-type-switcher:after, .viewSwitchers ap-profile-switcher:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 4px;
    left: -11px;
    height: 1px;
    width: 80px;
    background-color: #E6E6E6;
    background: radial-gradient(circle, #d1d1d1 0%, #EFEFEF 100%); }
.viewSwitchers .photo a:hover {
  text-decoration: none; }

ap-profile-switcher {
  height: 86px; }
  ap-profile-switcher .widget-switcher article.stage02 {
    padding: 19px 30px 38px 20px;
    flex-direction: row; }
    ap-profile-switcher .widget-switcher article.stage02 li.active {
      margin-top: -7px; }
      ap-profile-switcher .widget-switcher article.stage02 li.active .photo img {
        width: auto;
        height: 50px; }
    ap-profile-switcher .widget-switcher article.stage02 li.text {
      background: none;
      padding: 0;
      width: 70px;
      text-align: left;
      margin-right: 0;
      height: 30px;
      padding-top: 13px; }
      ap-profile-switcher .widget-switcher article.stage02 li.text:not(.active):hover {
        background: none; }
    ap-profile-switcher .widget-switcher article.stage02.hasProfiles {
      padding: 19px 60px 38px 20px;
      max-height: 55vh;
      overflow-y: auto;
      overflow-x: hidden; }
      ap-profile-switcher .widget-switcher article.stage02.hasProfiles .addUsers {
        right: 35px; }
      ap-profile-switcher .widget-switcher article.stage02.hasProfiles .collapsor {
        top: auto;
        right: 1px;
        bottom: 25px; }
      ap-profile-switcher .widget-switcher article.stage02.hasProfiles.multipleProfiles .collapsor {
        top: 89px;
        right: -3px; }
      ap-profile-switcher .widget-switcher article.stage02.hasProfiles.multipleProfiles ul {
        margin-bottom: -58px; }
        ap-profile-switcher .widget-switcher article.stage02.hasProfiles.multipleProfiles ul li {
          margin-bottom: 58px; }
          ap-profile-switcher .widget-switcher article.stage02.hasProfiles.multipleProfiles ul li:nth-child(10n+0):after {
            content: ' ';
            display: block;
            position: absolute;
            bottom: -42px;
            right: 0px;
            height: 1px;
            width: 740px;
            background-color: #E6E6E6;
            background: radial-gradient(circle, #d1d1d1 0%, #EFEFEF 100%); }
      ap-profile-switcher .widget-switcher article.stage02.hasProfiles ul {
        display: inline-block; }
        ap-profile-switcher .widget-switcher article.stage02.hasProfiles ul.profiles {
          text-align: left;
          max-width: 786px; }
          ap-profile-switcher .widget-switcher article.stage02.hasProfiles ul.profiles li {
            margin-left: 19px;
            margin-right: 19px;
            text-align: center; }
            ap-profile-switcher .widget-switcher article.stage02.hasProfiles ul.profiles li .title {
              display: inline-block;
              text-overflow: ellipsis;
              color: black; }
  ap-profile-switcher .widget-switcher article.stage03 a.my {
    background-color: white; }
    ap-profile-switcher .widget-switcher article.stage03 a.my .photo img {
      width: auto; }
  ap-profile-switcher .widget-switcher:after {
    top: 27px; }

ap-table-timeline-view-switcher {
  height: 86px; }

.double-a .tabs-a, .double-a .link-b {
  float: left;
  margin-right: 20px;
  max-height: 200px;
  overflow: auto; }

.fr-box .fr-element.fr-view {
  padding: 3px 6px;
  border: 1px solid #DDD;
  border-radius: 2px; }

.fr-element.fr-view ol {
  list-style-position: inside; }

.fa-custom:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 24px; }
.fa-custom.fa-del:before {
  background-image: url(/images/icons/icons-delete-viewbox.svg); }
.fa-custom.fa-edit:before {
  content: "";
  background-image: url(/images/icons/icons-edit-viewbox.svg); }

.fr-toolbar #del-notice.longname-tooltip {
  position: absolute;
  top: -7px;
  font-weight: normal;
  padding: 7px;
  display: none;
  left: -182px; }
.fr-toolbar .fr-command.fr-btn:hover #del-notice.longname-tooltip {
  display: inline-block; }

.custom-theme.fr-toolbar .fr-command.fr-btn.action-log {
  width: 56px; }
  .custom-theme.fr-toolbar .fr-command.fr-btn.action-log:not(.ap-disabled):hover .fa-ap-btn {
    background-color: #ffcee2;
    border-color: #ffcee2; }
.custom-theme.fr-toolbar .fr-command.fr-btn.decision-log {
  width: 66px; }
  .custom-theme.fr-toolbar .fr-command.fr-btn.decision-log:not(.ap-disabled):hover .fa-ap-btn {
    background-color: #d4e0ff;
    border-color: #d4e0ff; }
.custom-theme.fr-toolbar .fr-command.fr-btn.ap-disabled {
  cursor: default; }
  .custom-theme.fr-toolbar .fr-command.fr-btn.ap-disabled .fa-ap-btn.fa-ap-btn-action-log, .custom-theme.fr-toolbar .fr-command.fr-btn.ap-disabled .fa-ap-btn.fa-ap-btn-decision-log {
    color: grey; }
.custom-theme.fr-toolbar .fr-command.fr-btn .fa-ap-btn {
  text-align: center;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0 4px;
  margin-left: 4px;
  position: relative;
  display: inline-block;
  height: 14px;
  font-weight: 400;
  font-family: "Graphik Web";
  line-height: 15px;
  background-color: white;
  border: 1px solid #ECECEC; }
  .custom-theme.fr-toolbar .fr-command.fr-btn .fa-ap-btn.fa-ap-btn-action-log {
    width: 40px;
    color: #E83B83; }
  .custom-theme.fr-toolbar .fr-command.fr-btn .fa-ap-btn.fa-ap-btn-decision-log {
    width: 50px;
    color: #5384C3; }

.popup-ap.emailSelectUsersPopup .custom_user_selector__holder.emailSelectUsersPopupHolder ap-profile-selector .footer_holder {
  display: flex;
  padding: 23px 7px; }

.send_comment_as_email__holder {
  font-size: 10px; }
  .send_comment_as_email__holder .label {
    width: 75px;
    display: inline-block; }
  .send_comment_as_email__holder input {
    width: calc(100% - 90px);
    height: 20px; }
  .send_comment_as_email__holder .email-field {
    margin-top: 22px; }
    .send_comment_as_email__holder .email-field .users {
      margin-left: 10px;
      display: inline-block;
      max-width: 502px;
      margin-top: 3px; }
      .send_comment_as_email__holder .email-field .users .user {
        display: inline-block;
        border: 1px solid #CCCCCC;
        line-height: 20px;
        padding: 0px 6px;
        background-color: white;
        border-radius: 3px;
        margin-right: 2px;
        word-break: break-word;
        height: auto;
        width: fit-content;
        margin-bottom: 2px; }
        .send_comment_as_email__holder .email-field .users .user .remove {
          cursor: pointer;
          color: #BCBCBE;
          font-weight: bold; }
  .send_comment_as_email__holder a.createLink span {
    width: 14px;
    height: 14px; }

i.icon-like {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative; }
  i.icon-like:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px 20px;
    background-position: 0 0; }
  i.icon-like:after {
    background-image: url("/images/icons/thumbs/thumb-up-grey-viewbox.svg"); }
  i.icon-like.active:after {
    background-image: url("/images/icons/thumbs/thumb-up-pink-viewbox.svg"); }

.milestone_progress svg {
  width: 16px;
  border-radius: 50%;
  background: #5384c3;
  transform: rotate(-90deg); }
.milestone_progress.w_30 svg {
  width: 30px;
  height: 30px; }
.milestone_progress.w_30 circle.second {
  stroke-width: 1px; }
.milestone_progress.w_20 svg {
  width: 20px;
  height: 20px; }
.milestone_progress.w_20 circle.second {
  stroke-width: 1px; }
.milestone_progress circle {
  fill: none;
  stroke-width: 32px; }
.milestone_progress circle.first {
  stroke: #404040; }
.milestone_progress path.first {
  stroke: none; }
.milestone_progress circle.second {
  stroke-width: 3px; }
.milestone_progress circle.third {
  stroke-width: 1px; }
.milestone_progress.status_white svg {
  background: #FFFFFF;
  border: 1px solid #C6C6C5; }
.milestone_progress.status_white circle.first, .milestone_progress.status_white circle.second, .milestone_progress.status_white circle.third {
  stroke: #FFFFFF; }
.milestone_progress.status_white path.first {
  fill: #FFFFFF;
  stroke: none; }
.milestone_progress.status_blue svg, .milestone_progress.status_0 svg {
  background: #5384c3; }
.milestone_progress.status_blue circle.first, .milestone_progress.status_blue circle.second, .milestone_progress.status_blue circle.third, .milestone_progress.status_0 circle.first, .milestone_progress.status_0 circle.second, .milestone_progress.status_0 circle.third {
  stroke: #5384c3; }
.milestone_progress.status_blue path.first, .milestone_progress.status_0 path.first {
  fill: #5384c3;
  stroke: none; }
.milestone_progress.status_green svg, .milestone_progress.status_1 svg {
  background: #71d340; }
.milestone_progress.status_green circle.first, .milestone_progress.status_green circle.second, .milestone_progress.status_green circle.third, .milestone_progress.status_1 circle.first, .milestone_progress.status_1 circle.second, .milestone_progress.status_1 circle.third {
  stroke: #60B236; }
.milestone_progress.status_green path.first, .milestone_progress.status_1 path.first {
  fill: #121212;
  stroke: none; }
.milestone_progress.status_yellow svg, .milestone_progress.status_2 svg {
  background: #FFE603; }
.milestone_progress.status_yellow circle.first, .milestone_progress.status_yellow circle.second, .milestone_progress.status_yellow circle.third, .milestone_progress.status_2 circle.first, .milestone_progress.status_2 circle.second, .milestone_progress.status_2 circle.third {
  stroke: #DCC600; }
.milestone_progress.status_yellow path.first, .milestone_progress.status_2 path.first {
  fill: #121212;
  stroke: none; }
.milestone_progress.status_red svg, .milestone_progress.status_3 svg {
  background: #E73D3E; }
.milestone_progress.status_red circle.first, .milestone_progress.status_red circle.second, .milestone_progress.status_red circle.third, .milestone_progress.status_3 circle.first, .milestone_progress.status_3 circle.second, .milestone_progress.status_3 circle.third {
  stroke: #a22322; }
.milestone_progress.status_red path.first, .milestone_progress.status_3 path.first {
  fill: #121212;
  stroke: none; }
.milestone_progress.status_gray svg, .milestone_progress.status_grey svg, .milestone_progress.status_4 svg {
  background: #C6C6C5; }
.milestone_progress.status_gray circle.first, .milestone_progress.status_gray circle.second, .milestone_progress.status_gray circle.third, .milestone_progress.status_grey circle.first, .milestone_progress.status_grey circle.second, .milestone_progress.status_grey circle.third, .milestone_progress.status_4 circle.first, .milestone_progress.status_4 circle.second, .milestone_progress.status_4 circle.third {
  stroke: #C6C6C5; }
.milestone_progress.status_gray path.first, .milestone_progress.status_grey path.first, .milestone_progress.status_4 path.first {
  fill: #C6C6C5;
  stroke: none; }
.milestone_progress.progress_100 circle.first, .milestone_progress.progress_100 path.first {
  display: none; }
.milestone_progress.progress_100 circle.second {
  stroke-width: 13px;
  stroke: #3a3a3a; }

ap-feedback-hoverbox .milestone_progress.progress_100 circle.second {
  stroke-width: 7px;
  stroke: #3a3a3a; }

.progress_100_grey svg {
  background: #C6C6C5; }

.list-tree-selector {
  width: 460px;
  border: 1px solid lightgrey;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  z-index: 101;
  height: auto !important;
  max-height: 470px; }
  .list-tree-selector ul {
    list-style: none;
    margin-left: 16px;
    background: url(/images/icons/selector/line2.svg) repeat-y; }
    .list-tree-selector ul.top-level {
      position: relative;
      background: none; }
      .list-tree-selector ul.top-level > li {
        background: none; }
        .list-tree-selector ul.top-level > li > .list-item > .item-name {
          height: 42px;
          line-height: 42px; }
        .list-tree-selector ul.top-level > li:last-child {
          background: none; }
        .list-tree-selector ul.top-level > li:first-child:before {
          content: none; }
    .list-tree-selector ul li {
      background: url(/images/icons/selector/line.svg) no-repeat; }
      .list-tree-selector ul li.disabled {
        pointer-events: none; }
      .list-tree-selector ul li:last-child {
        background: #fff url(/images/icons/selector/line3.svg) no-repeat; }
      .list-tree-selector ul li:first-child {
        position: relative; }
        .list-tree-selector ul li:first-child:before {
          content: '';
          display: inline-block;
          width: 1px;
          height: 13px;
          border-left: 1px solid #EEEEEE;
          position: absolute;
          top: -13px; }
      .list-tree-selector ul li .list-item {
        width: 100%;
        height: 42px;
        font-size: 12px;
        line-height: 42px;
        position: relative;
        margin-left: 10px;
        cursor: default; }
        .list-tree-selector ul li .list-item.highlightItem {
          color: #E83B83; }
        .list-tree-selector ul li .list-item:hover .item-hover {
          background-color: #E5E5E5; }
        .list-tree-selector ul li .list-item:hover .item-name {
          color: #E83B83; }
        .list-tree-selector ul li .list-item.selection-not-allowed {
          cursor: not-allowed !important; }
          .list-tree-selector ul li .list-item.selection-not-allowed:hover .item-hover {
            background-color: #E5E5E5; }
          .list-tree-selector ul li .list-item.selection-not-allowed:hover .item-name {
            color: #303030; }
        .list-tree-selector ul li .list-item.focusarea.non-selectable {
          color: #808080;
          pointer-events: none;
          cursor: not-allowed !important; }
          .list-tree-selector ul li .list-item.focusarea.non-selectable .item-expander {
            pointer-events: auto; }
        .list-tree-selector ul li .list-item.action.non-selectable {
          color: #808080;
          pointer-events: none;
          cursor: default; }
        .list-tree-selector ul li .list-item.focusarea.non-selectable {
          color: #808080;
          pointer-events: none;
          cursor: not-allowed !important; }
          .list-tree-selector ul li .list-item.focusarea.non-selectable .item-expander {
            pointer-events: auto; }
        .list-tree-selector ul li .list-item .item-name {
          z-index: 2;
          max-width: calc(100% - 70px);
          height: 18px;
          line-height: 14px;
          position: relative;
          display: inline-block;
          overflow-x: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow-y: hidden;
          vertical-align: middle; }
        .list-tree-selector ul li .list-item .item-hover {
          display: inline-block;
          width: 1200px;
          height: 100%;
          z-index: 1;
          position: absolute;
          right: 0;
          opacity: 0.5; }
        .list-tree-selector ul li .list-item .item-icon {
          display: inline-block;
          width: 12px;
          height: 12px;
          margin-left: 1px;
          top: 2px;
          position: relative; }
          .list-tree-selector ul li .list-item .item-icon:after {
            position: absolute;
            top: 0;
            left: 0;
            content: ' ';
            width: 21px;
            height: 21px;
            display: inline-block;
            background-size: 21px 21px;
            background-position: 0 0; }
          .list-tree-selector ul li .list-item .item-icon:after {
            z-index: 2;
            background-repeat: no-repeat; }
      .list-tree-selector ul li .list-item.selectable * {
        cursor: pointer; }
      .list-tree-selector ul li .item-expander {
        display: inline-block;
        position: absolute;
        right: 24px;
        top: 12px;
        border: 1px solid #d6d6d6;
        border-radius: 4px;
        width: 16px;
        height: 16px;
        z-index: 2;
        cursor: pointer; }
        .list-tree-selector ul li .item-expander:before {
          content: '';
          display: inline-block;
          width: 5px;
          height: 5px;
          border-left: 1px solid #000;
          border-bottom: 1px solid #000;
          transform: rotate(225deg);
          position: relative;
          top: 5px;
          left: 4px; }
      .list-tree-selector ul li .item-expander.item-expanded {
        border: 1px solid #ffc5dc; }
        .list-tree-selector ul li .item-expander.item-expanded:before {
          border-left: 1px solid #E83B83;
          border-bottom: 1px solid #E83B83;
          transform: rotate(-45deg);
          top: 4px;
          left: 5px; }
  .list-tree-selector .list-tree-hover {
    height: 42px;
    position: absolute;
    background-color: green;
    width: 460px;
    top: 42px;
    display: none; }
  .list-tree-selector .list-tree-search {
    text-align: center;
    height: 32px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14.5px; }
    .list-tree-selector .list-tree-search input {
      height: 18px;
      width: calc(100% - 14px);
      border-radius: 11px;
      border: 1px solid lightgrey;
      padding: 0;
      padding-left: 14px;
      font-weight: 400;
      font-size: 10px; }
      .list-tree-selector .list-tree-search input:focus {
        outline: none; }
    .list-tree-selector .list-tree-search.active input {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
  .list-tree-selector .list-search-results {
    border-top: 1px solid lightgrey; }
    .list-tree-selector .list-search-results .list-tree-selector {
      width: calc(100% - 30px) !important;
      margin-left: 14px;
      top: 35px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .list-tree-selector .list-search-results .highlight {
      color: white;
      background-color: #E83B83; }
  .list-tree-selector .list-tree-search-icon {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 20px;
    background-image: url(/images/icons/search-ltgrey.svg); }

.profile-tree-selector .list-tree-selector ul.top-level {
  margin-left: 4px; }
  .profile-tree-selector .list-tree-selector ul.top-level > li > .list-item .item-icon {
    display: none; }
.profile-tree-selector .list-tree-selector ul li .list-item .item-icon:after {
  background-image: url("/images/icons/selector/user-grey-viewbox.svg"); }
.profile-tree-selector .list-tree-selector ul li .list-item:hover .item-icon:after {
  background-image: url("/images/icons/selector/user-pink-viewbox.svg"); }

.selector-line {
  height: 24px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #ddd;
  font-size: 11px;
  cursor: pointer;
  width: 100%;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .selector-line.disabled {
    pointer-events: none;
    opacity: 0.5;
    background: transparent;
    cursor: not-allowed; }
    .selector-line.disabled.pointer-events-allowed {
      pointer-events: all;
      opacity: 0.8; }
  .selector-line.profile-selector-line {
    width: 460px; }
  .selector-line .arrow_select {
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    top: 5px;
    transform: rotate(45deg);
    right: 10px; }
    .selector-line .arrow_select.active {
      border-bottom: 1px solid #E83B83;
      border-right: 1px solid #E83B83; }

.tag_filter__container .list-tree-selector {
  width: 383px;
  right: 0px;
  top: -1px; }

.tag-filter-selector.list-tree-selector ul {
  margin-left: 0; }
  .tag-filter-selector.list-tree-selector ul li {
    background: none;
    position: relative; }
    .tag-filter-selector.list-tree-selector ul li:not(.no-hover):hover {
      background-color: #F2F2F2;
      color: #E83B83; }
    .tag-filter-selector.list-tree-selector ul li:first-child:before {
      content: none; }
    .tag-filter-selector.list-tree-selector ul li.tag-selector-row {
      padding-left: 16px;
      width: calc(100% - 16px); }
      .tag-filter-selector.list-tree-selector ul li.tag-selector-row.indented {
        padding-left: 32px;
        width: calc(100% - 32px); }
    .tag-filter-selector.list-tree-selector ul li .item-expander {
      right: 14px; }
    .tag-filter-selector.list-tree-selector ul li.tagFilterCreateNewLabel .list-item {
      width: calc(100% - 22px);
      padding-right: 12px; }
      .tag-filter-selector.list-tree-selector ul li.tagFilterCreateNewLabel .list-item:hover {
        text-decoration: none; }
      .tag-filter-selector.list-tree-selector ul li.tagFilterCreateNewLabel .list-item > span:first-of-type {
        margin-right: 20px; }
      .tag-filter-selector.list-tree-selector ul li.tagFilterCreateNewLabel .list-item > span:hover {
        text-decoration: underline; }
    .tag-filter-selector.list-tree-selector ul li .list-item {
      width: calc(100% - 66px);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
.tag-filter-selector.list-tree-selector .createNewIcon {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  position: relative; }
  .tag-filter-selector.list-tree-selector .createNewIcon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 25px 25px;
    background-position: 0 0; }
  .tag-filter-selector.list-tree-selector .createNewIcon:after {
    background-image: url("/images/icons/more-options-pink.svg"); }

.alignment-tree-selector .list-tree-selector {
  margin-top: -1px;
  width: 567px; }
  .alignment-tree-selector .list-tree-selector ul.top-level {
    margin-left: 4px; }
    .alignment-tree-selector .list-tree-selector ul.top-level > li > .list-item .item-icon {
      top: 4px;
      left: -3px; }
  .alignment-tree-selector .list-tree-selector ul li div.disabled {
    background-color: #fff; }
  .alignment-tree-selector .list-tree-selector ul li:first-child:before {
    top: -9px; }
  .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon {
    width: 13px;
    height: 13px; }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon:after {
      background-size: 26px 26px;
      width: 26px;
      height: 26px;
      content: ' '; }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-businessmap:after {
      background-image: url("/images/icons/businessmap-grey-viewbox.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-focusarea:after {
      background-image: url("/images/icons/focusarea-grey.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-action:after {
      background-image: url("/images/icons/action-ltgrey.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-draft:after {
      background-image: url("/images/icons/draft-ltgrey.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-milestone:after {
      background-image: url("/images/icons/milestone-grey_priority1.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-task:after {
      background-image: url("/images/icons/task-grey.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-meeting:after {
      background-image: url("/images/icons/meeting-grey.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-team-meeting:after {
      background-image: url("/images/icons/team-meeting-grey.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-meeting-lt:after {
      background-image: url("/images/icons/meeting-ltgrey.svg"); }
    .alignment-tree-selector .list-tree-selector ul li .list-item .item-icon.icon-team-meeting-lt:after {
      background-image: url("/images/icons/team-meeting-ltgrey.svg"); }
  .alignment-tree-selector .list-tree-selector ul li .list-item:hover .item-icon.icon-businessmap:after, .alignment-tree-selector .list-tree-selector ul li .list-item.highlightItem .item-icon.icon-businessmap:after {
    background-image: url("/images/icons/businessmap-pink.svg"); }
  .alignment-tree-selector .list-tree-selector ul li .list-item:hover .item-icon.icon-focusarea:after, .alignment-tree-selector .list-tree-selector ul li .list-item.highlightItem .item-icon.icon-focusarea:after {
    background-image: url("/images/icons/focusarea-pink.svg"); }
  .alignment-tree-selector .list-tree-selector ul li .list-item:hover .item-icon.icon-action:after, .alignment-tree-selector .list-tree-selector ul li .list-item.highlightItem .item-icon.icon-action:after {
    background-image: url("/images/icons/action-pink.svg"); }
  .alignment-tree-selector .list-tree-selector ul li .list-item:hover .item-icon.icon-draft:after, .alignment-tree-selector .list-tree-selector ul li .list-item.highlightItem .item-icon.icon-draft:after {
    background-image: url("/images/icons/draft-pink.svg"); }
  .alignment-tree-selector .list-tree-selector ul li .list-item:hover .item-icon.icon-milestone:after, .alignment-tree-selector .list-tree-selector ul li .list-item.highlightItem .item-icon.icon-milestone:after {
    background-image: url("/images/icons/milestone-pink.svg"); }
  .alignment-tree-selector .list-tree-selector ul li .list-item:hover.selection-not-allowed .item-icon.icon-businessmap:after, .alignment-tree-selector .list-tree-selector ul li .list-item.highlightItem.selection-not-allowed .item-icon.icon-businessmap:after {
    background-image: url("/images/icons/businessmap-grey-viewbox.svg"); }

.selector-line.alignment-selector-line {
  height: 41px;
  line-height: 55px;
  font-size: 17px;
  font-weight: 300; }
  .selector-line.alignment-selector-line .align-tree-long-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: Calc(100% - 20px);
    display: block; }
  .selector-line.alignment-selector-line.placeholder {
    color: #ccc; }
  .selector-line.alignment-selector-line .arrow_select {
    top: 16px;
    right: 11px; }
  .selector-line.alignment-selector-line .alignment-selector-parent-icon {
    background-size: 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
    margin-right: 3px; }
    .selector-line.alignment-selector-line .alignment-selector-parent-icon.businessmap {
      background-image: url(/images/icons/businessmap-grey.svg); }
    .selector-line.alignment-selector-line .alignment-selector-parent-icon.focusarea {
      background-image: url(/images/icons/focusarea-grey_icon.svg); }
    .selector-line.alignment-selector-line .alignment-selector-parent-icon.action {
      background-image: url(/images/icons/action-dkgrey.svg); }
    .selector-line.alignment-selector-line .alignment-selector-parent-icon.draft {
      background-image: url(/images/icons/draft-grey.svg); }
    .selector-line.alignment-selector-line .alignment-selector-parent-icon.meeting {
      background-image: url(/images/icons/meeting-grey.svg);
      background-size: 36px;
      background-position: 0 0; }
    .selector-line.alignment-selector-line .alignment-selector-parent-icon.team-meeting {
      background-image: url(/images/icons/team-meeting-grey.svg);
      background-size: 36px;
      background-position: 0 0; }
  .selector-line.alignment-selector-line .alignment-selector-separator {
    margin-right: 10px;
    margin-left: 10px; }

#user_detail_list_view ap-total-overview .feedback_hoverbox {
  right: unset; }

.feedback_hoverbox {
  position: absolute;
  background-color: white;
  top: 200px;
  width: 1200px;
  z-index: 105;
  border: 1px solid #CCC;
  box-shadow: 5px 5px 8px #CCC; }
  .feedback_hoverbox .item_description {
    padding-left: 106px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 22px;
    border-top: 1px solid #CCC; }
    .feedback_hoverbox .item_description .description_headline {
      font-size: 14px;
      font-weight: 500;
      color: #303030;
      margin-bottom: 3px; }
    .feedback_hoverbox .item_description .description_text {
      font-size: 11px;
      color: #767676; }
  .feedback_hoverbox .hover_controls {
    position: absolute;
    top: 14px;
    right: 14px; }
    .feedback_hoverbox .hover_controls .control_print {
      width: 17px;
      height: 17px;
      display: inline-block;
      margin-right: 4px;
      vertical-align: middle;
      position: relative; }
      .feedback_hoverbox .hover_controls .control_print:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 17px;
        height: 17px;
        display: inline-block;
        background-size: 17px 17px;
        background-position: 0 0; }
      .feedback_hoverbox .hover_controls .control_print:after {
        background-image: url("/images/icons/print_2.png"); }
    .feedback_hoverbox .hover_controls .control_close {
      width: 17px;
      height: 17px;
      display: inline-block;
      font-size: 34px;
      line-height: 14px;
      color: #AAA;
      font-weight: 300;
      vertical-align: middle;
      cursor: pointer; }
  .feedback_hoverbox .milestone_progress_holder, .feedback_hoverbox .action_progress_holder {
    position: absolute;
    color: #666;
    height: 51px;
    right: 64px;
    top: 24px;
    border: 1px solid #EEE;
    border-radius: 6px;
    padding-top: 10px;
    padding-left: 3px; }
    .feedback_hoverbox .milestone_progress_holder .progress_holder, .feedback_hoverbox .action_progress_holder .progress_holder {
      text-align: center;
      margin-bottom: 4px; }
    .feedback_hoverbox .milestone_progress_holder .progress_percentage, .feedback_hoverbox .action_progress_holder .progress_percentage {
      font-size: 18px;
      line-height: 18px;
      height: 23px;
      vertical-align: middle;
      margin-left: 4px;
      font-weight: 400;
      display: inline-block;
      color: #9f9f9f; }
      .feedback_hoverbox .milestone_progress_holder .progress_percentage.speed::before, .feedback_hoverbox .action_progress_holder .progress_percentage.speed::before {
        background-image: url(/images/icons/performance-indicator-red.svg);
        background-size: 25px;
        background-position: 0 0;
        width: 25px;
        height: 23px; }
      .feedback_hoverbox .milestone_progress_holder .progress_percentage.speed.progress_ok::before, .feedback_hoverbox .action_progress_holder .progress_percentage.speed.progress_ok::before {
        background-image: url(/images/icons/performance-indicator-green.svg); }
    .feedback_hoverbox .milestone_progress_holder .milestone_progress, .feedback_hoverbox .action_progress_holder .milestone_progress {
      vertical-align: middle;
      display: inline-block; }
  .feedback_hoverbox .action_progress_holder .action_progress_box {
    display: inline-block;
    width: 94px; }
    .feedback_hoverbox .action_progress_holder .action_progress_box:nth-of-type(2) {
      width: 100px; }
    .feedback_hoverbox .action_progress_holder .action_progress_box .action_progress_box_content {
      display: inline-block;
      text-align: center; }
      .feedback_hoverbox .action_progress_holder .action_progress_box .action_progress_box_content .title {
        text-align: center;
        margin-top: 3px;
        margin-left: 7px; }
  .feedback_hoverbox .milestone_progress_holder {
    padding-left: 8px;
    padding-right: 10px; }
  .feedback_hoverbox .w-20 {
    width: 20%; }
  .feedback_hoverbox .w-94 {
    width: 94px; }
  .feedback_hoverbox .mw-78 {
    max-width: 78px; }
  .feedback_hoverbox .pr-0 {
    padding-right: 0 !important; }
  .feedback_hoverbox .d-inline-flex {
    display: inline-flex; }
  .feedback_hoverbox .actions__item {
    cursor: pointer;
    user-select: none;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 59px; }
    .feedback_hoverbox .actions__item.disabled {
      pointer-events: none;
      opacity: 0.5; }
    .feedback_hoverbox .actions__item .icon {
      display: block;
      width: 24px;
      height: 24px;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%; }
    .feedback_hoverbox .actions__item .icon.icon_edit {
      background-image: url(/images/icons/icons-edit_bar.svg); }
    .feedback_hoverbox .actions__item .icon.icon_comment {
      background-image: url(/images/icons/comented_circle.svg);
      background-size: 300%;
      background-position: -37px -19px; }
    .feedback_hoverbox .actions__item .icon.icon_option {
      background-image: url(/images/icons/options_hover_bg.svg); }
    .feedback_hoverbox .actions__item .icon.icon_delete {
      background-image: url(/images/icons/icons-delete_bar.svg); }
    .feedback_hoverbox .actions__item .name {
      display: block;
      text-align: center;
      font-size: 10px;
      color: #000;
      margin-top: 3px; }
  .feedback_hoverbox .actions__item__edit.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .feedback_hoverbox ap-hoverbox-feedback-item:nth-of-type(even) .feedback_hoverbox_item {
    background-color: #FAF8F9; }
  .feedback_hoverbox .feedback_hoverbox_item {
    padding-top: 24px;
    padding-left: 16px;
    padding-bottom: 24px; }
    .feedback_hoverbox .feedback_hoverbox_item .milestone_progress_holder {
      display: flex;
      flex-direction: row;
      top: 0;
      height: auto; }
    .feedback_hoverbox .feedback_hoverbox_item .item_headline {
      position: relative; }
      .feedback_hoverbox .feedback_hoverbox_item .item_headline .item-expander {
        display: inline-block;
        position: absolute;
        right: 24px;
        top: 12px;
        border: 1px solid #d6d6d6;
        border-radius: 4px;
        width: 16px;
        height: 16px;
        z-index: 2;
        cursor: pointer; }
        .feedback_hoverbox .feedback_hoverbox_item .item_headline .item-expander:before {
          content: '';
          display: inline-block;
          width: 5px;
          height: 5px;
          border-left: 1px solid #000;
          border-bottom: 1px solid #000;
          transform: rotate(225deg);
          position: relative;
          top: 5px;
          left: 4px; }
      .feedback_hoverbox .feedback_hoverbox_item .item_headline .item-expander.item-expanded {
        border: 1px solid #ffc5dc; }
        .feedback_hoverbox .feedback_hoverbox_item .item_headline .item-expander.item-expanded:before {
          border-left: 1px solid #E83B83;
          border-bottom: 1px solid #E83B83;
          transform: rotate(-45deg);
          top: 4px;
          left: 5px; }
      .feedback_hoverbox .feedback_hoverbox_item .item_headline .item-expander {
        top: 10px; }
      .feedback_hoverbox .feedback_hoverbox_item .item_headline .modern-date .modern-date-text {
        margin-left: 4px; }
      .feedback_hoverbox .feedback_hoverbox_item .item_headline .modern-date-day {
        display: inline-block;
        font-size: 26px !important; }
    .feedback_hoverbox .feedback_hoverbox_item .user_time {
      display: inline-block;
      vertical-align: middle;
      margin-left: 11px; }
    .feedback_hoverbox .feedback_hoverbox_item .user_name {
      font-size: 17px;
      margin-bottom: 1px;
      max-width: 150px;
      word-break: break-word; }
    .feedback_hoverbox .feedback_hoverbox_item .feedback_time {
      margin-bottom: 1px;
      font-size: 12px;
      color: #AAA; }
    .feedback_hoverbox .feedback_hoverbox_item .status_date {
      vertical-align: middle;
      height: 27px;
      display: inline-block;
      margin-left: 12px;
      margin-right: 12px;
      padding-bottom: 1px; }
    .feedback_hoverbox .feedback_hoverbox_item .status_color {
      display: inline-block;
      width: 31px;
      height: 31px;
      border-radius: 5px;
      background-color: grey;
      vertical-align: middle; }
      .feedback_hoverbox .feedback_hoverbox_item .status_color.red {
        background-color: #E73D3E; }
      .feedback_hoverbox .feedback_hoverbox_item .status_color.green {
        background-color: #71d340; }
      .feedback_hoverbox .feedback_hoverbox_item .status_color.yellow {
        background-color: #FFE603; }
      .feedback_hoverbox .feedback_hoverbox_item .status_color.milestone_status {
        border-radius: 50%; }
    .feedback_hoverbox .feedback_hoverbox_item .item_col {
      display: inline-block;
      vertical-align: top; }
    .feedback_hoverbox .feedback_hoverbox_item .col_name {
      display: inline-block;
      width: 344px; }
    .feedback_hoverbox .feedback_hoverbox_item .col_status {
      width: 800px; }
      .feedback_hoverbox .feedback_hoverbox_item .col_status .col_50 {
        flex: 1;
        display: inline-block;
        vertical-align: top;
        padding-left: 0px;
        padding-right: 10px;
        width: 50%; }
        .feedback_hoverbox .feedback_hoverbox_item .col_status .col_50 .section_body p {
          overflow: hidden;
          word-wrap: break-word;
          max-width: 100%;
          white-space: pre-wrap; }
      .feedback_hoverbox .feedback_hoverbox_item .col_status .width_50_perc {
        width: 50%; }
      .feedback_hoverbox .feedback_hoverbox_item .col_status .item__ico.target, .feedback_hoverbox .feedback_hoverbox_item .col_status .item__ico.perfomance {
        width: 25px;
        height: 25px; }
        .feedback_hoverbox .feedback_hoverbox_item .col_status .item__ico.target:before, .feedback_hoverbox .feedback_hoverbox_item .col_status .item__ico.target:after, .feedback_hoverbox .feedback_hoverbox_item .col_status .item__ico.perfomance:before, .feedback_hoverbox .feedback_hoverbox_item .col_status .item__ico.perfomance:after {
          display: none; }
      .feedback_hoverbox .feedback_hoverbox_item .col_status .status_name {
        font-size: 18px;
        margin-right: 6px; }
        .feedback_hoverbox .feedback_hoverbox_item .col_status .status_name.red {
          color: #E73D3E; }
        .feedback_hoverbox .feedback_hoverbox_item .col_status .status_name.green {
          color: #71d340; }
        .feedback_hoverbox .feedback_hoverbox_item .col_status .status_name.yellow {
          color: #FFE603; }
      .feedback_hoverbox .feedback_hoverbox_item .col_status .time_helper {
        font-size: 11px; }
      .feedback_hoverbox .feedback_hoverbox_item .col_status .dot_helper {
        color: #AAA; }
      .feedback_hoverbox .feedback_hoverbox_item .col_status .status_reason {
        font-size: 18px;
        color: #E73D3E; }
      .feedback_hoverbox .feedback_hoverbox_item .col_status .feedback_type {
        font-size: 12px;
        color: #666;
        margin-right: 6px; }
        .feedback_hoverbox .feedback_hoverbox_item .col_status .feedback_type + ap-time-remaining {
          font-size: 12px;
          color: #AAA; }
    .feedback_hoverbox .feedback_hoverbox_item .status_indicator {
      display: inline-block;
      vertical-align: top;
      margin-left: 14px;
      width: 120px; }
    .feedback_hoverbox .feedback_hoverbox_item .feedback_user {
      display: inline-block;
      vertical-align: middle; }
      .feedback_hoverbox .feedback_hoverbox_item .feedback_user .coll_action__details {
        position: absolute; }
        .feedback_hoverbox .feedback_hoverbox_item .feedback_user .coll_action__details .item__ico {
          width: 25px;
          height: 25px; }
        .feedback_hoverbox .feedback_hoverbox_item .feedback_user .coll_action__details .item__ico.target:after, .feedback_hoverbox .feedback_hoverbox_item .feedback_user .coll_action__details .item__ico.target:before {
          display: none; }
      .feedback_hoverbox .feedback_hoverbox_item .feedback_user.with-kpi-index {
        height: auto; }
    .feedback_hoverbox .feedback_hoverbox_item .user_icon {
      display: inline-block; }
    .feedback_hoverbox .feedback_hoverbox_item .content_row {
      margin-top: 20px; }
      .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list {
        padding: 10px;
        width: calc(100% - 20px);
        border-radius: 3px; }
        .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list.grey-background {
          background: #f9f9f9; }
        .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list.white-background {
          background: white; }
        .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list .coll_content__actions_list .coll_content__actions_item {
          display: block; }
          .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name {
            display: inline-block;
            word-break: break-all;
            width: 55%; }
            .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .item_name {
              text-align: justify; }
          .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user {
            display: inline-block;
            width: 20%;
            margin-right: 10px;
            position: relative;
            overflow: visible; }
            .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user .ap-tooltip {
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              width: 90%;
              display: inline-block; }
          .feedback_hoverbox .feedback_hoverbox_item .content_row .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__date {
            display: inline-block;
            width: 20%; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row table {
      width: 100%;
      border-collapse: collapse; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row thead th {
      position: relative;
      text-align: left;
      font-size: 12px;
      font-weight: 500;
      padding-top: 5px;
      padding-bottom: 11px;
      border-bottom: 1px solid #EEEEEE;
      color: #222;
      text-align: center;
      vertical-align: middle;
      position: relative; }
      .feedback_hoverbox .feedback_hoverbox_item .kpi_row thead th span {
        color: #acacac; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row thead .ico {
      width: 16px;
      display: inline-block;
      height: 14px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row thead .ico.progress {
      background-image: url("/images/icons/performance-indicator-gray.svg"); }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row thead .ico.kpi {
      background-image: url("/images/icons/target_facelift.svg"); }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody td {
      word-break: break-word;
      position: relative;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #222;
      font-size: 12px;
      text-align: center;
      vertical-align: top; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody .coll__name {
      font-weight: 500; }
      .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody .coll__name span {
        color: #acacac; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody .coll__comment {
      text-align: left;
      width: 220px;
      padding: 5px 5px;
      color: #777; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody .coll__actions {
      padding: 5px 5px;
      text-align: left;
      width: 220px;
      color: #777; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody .ico_smile {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody .ico_smile.good {
      background-image: url("/images/icons/smileys/smiley-green.svg"); }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody .ico_smile.average {
      background-image: url("/images/icons/smileys/smiley-yellow.svg"); }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row tbody .ico_smile.bad {
      background-image: url("/images/icons/smileys/smiley-red.svg"); }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row .coll__name {
      text-align: left;
      width: 100px; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row .coll__actual {
      text-align: center;
      font-weight: 500;
      width: 45px; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row .coll__plan {
      font-weight: 500;
      width: 90px; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row .coll__target {
      text-align: center;
      font-weight: 500;
      width: 45px; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row .coll__progress {
      font-weight: 500;
      width: 90px; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row .coll__kpi {
      text-align: center;
      font-weight: 500;
      width: 45px; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row .coll__comment {
      text-align: left;
      width: 24%;
      padding-left: 5px;
      list-style-position: inside; }
    .feedback_hoverbox .feedback_hoverbox_item .kpi_row .coll__actions {
      padding-left: 5px;
      text-align: left;
      width: 24%;
      list-style-position: inside; }
    .feedback_hoverbox .feedback_hoverbox_item .section_title {
      margin-bottom: 8px;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 10px;
      color: #2F3941; }
    .feedback_hoverbox .feedback_hoverbox_item .section_body {
      font-size: 12px;
      color: #121212;
      padding: 10px;
      width: calc(100% - 20px);
      border-radius: 3px; }
      .feedback_hoverbox .feedback_hoverbox_item .section_body.grey-background {
        background: #f9f9f9; }
      .feedback_hoverbox .feedback_hoverbox_item .section_body.white-background {
        background: white; }
      .feedback_hoverbox .feedback_hoverbox_item .section_body p {
        text-align: justify;
        line-height: 1.3; }
      .feedback_hoverbox .feedback_hoverbox_item .section_body table {
        max-width: 100%; }
    .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_title {
      margin-bottom: 15px;
      font-size: 14px;
      font-weight: 500;
      color: #121212; }
    .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list {
      list-style-type: none;
      padding: 0 !important;
      margin: 0 !important; }
      .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item:last-child {
        margin-bottom: 0; }
      .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item {
        display: flex;
        margin-bottom: 10px;
        padding: 0 !important;
        align-items: start; }
        .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item div {
          margin-right: 30px; }
        .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name {
          font-size: 14px;
          line-height: 1;
          font-weight: 500;
          color: #121212; }
          .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name span {
            width: 80%;
            display: inline-block;
            vertical-align: text-top; }
          .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .item_name {
            color: #121212; }
          .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .coll_content__actions_item__name_icon {
            display: inline-block;
            margin-right: 10px;
            width: 15px;
            height: 15px;
            background-image: url("/images/icons/iconcheckinbox.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain; }
          .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name .action-icon-in-ini-history {
            flex-basis: 90px;
            padding-top: 1px; }
        .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .action-history-text-formate-width {
          width: 76%; }
          .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .action-history-text-formate-width .action-history-text-formate {
            white-space: pre-line;
            word-break: break-all; }
        .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user {
          font-size: 12px;
          color: #767676;
          line-height: 1;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline;
          overflow: hidden; }
          .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user span {
            vertical-align: middle; }
          .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__user .coll_content__actions_item__user_icon {
            display: inline-block;
            margin-right: 5px;
            width: 12px;
            height: 10px;
            background-image: url("/images/icons/responsible-pink_icon.svg");
            background-repeat: no-repeat;
            background-size: 100% 12px;
            background-position: 0 0; }
        .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__date {
          font-size: 12px;
          color: #acacac;
          width: 200px;
          margin-right: 10px; }
          .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__date span:last-child {
            color: #121212;
            font-weight: 400; }
    .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_list .coll_content__actions_item .coll_content__actions_item__name {
      font-size: 12px;
      font-weight: 400;
      color: #767676;
      width: 600px;
      margin-right: 0px; }
    .feedback_hoverbox .feedback_hoverbox_item .tasks_list .coll_content__actions_item__name {
      display: flex; }
    .feedback_hoverbox .feedback_hoverbox_item .files_list .coll_content__att_files_title {
      font-size: 12px;
      font-weight: 500; }
    .feedback_hoverbox .feedback_hoverbox_item .files_list .coll_content__att_files__list {
      list-style-type: none;
      padding: 0 !important;
      margin: 0 !important; }
      .feedback_hoverbox .feedback_hoverbox_item .files_list .coll_content__att_files__list .coll_content__att_files__item:last-child {
        margin-bottom: 0; }
      .feedback_hoverbox .feedback_hoverbox_item .files_list .coll_content__att_files__list .coll_content__att_files__item {
        display: flex;
        margin-bottom: 10px;
        padding: 0 !important;
        align-items: center; }
        .feedback_hoverbox .feedback_hoverbox_item .files_list .coll_content__att_files__list .coll_content__att_files__item span {
          vertical-align: middle; }
        .feedback_hoverbox .feedback_hoverbox_item .files_list .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__icon {
          display: inline-block;
          margin-right: 15px;
          width: 15px;
          height: 15px;
          background-image: url("/images/icons/icons-67.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        .feedback_hoverbox .feedback_hoverbox_item .files_list .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__item__text {
          font-size: 12px;
          color: #444444;
          max-width: 380px; }
          .feedback_hoverbox .feedback_hoverbox_item .files_list .coll_content__att_files__list .coll_content__att_files__item .coll_content__att_files__item__text a {
            word-break: break-all; }
    .feedback_hoverbox .feedback_hoverbox_item .files_list a {
      color: #767676; }
    .feedback_hoverbox .feedback_hoverbox_item .email_info .item {
      display: inline-block;
      vertical-align: middle; }
      .feedback_hoverbox .feedback_hoverbox_item .email_info .item .comment-content__footer__like {
        margin-left: 0; }
      .feedback_hoverbox .feedback_hoverbox_item .email_info .item .comment-content__footer__email_subject {
        padding-left: 0; }
      .feedback_hoverbox .feedback_hoverbox_item .email_info .item.item-comment:not(:first-of-type) {
        margin-left: 13px; }
  .feedback_hoverbox .actionHeaderBox__header__left_panel {
    padding: 24px 28px 16px 28px;
    border-bottom: 1px solid #CCC;
    word-break: break-word;
    position: relative;
    align-items: flex-start; }
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionOwnerIcon:before,
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionResponsibleIcon:before,
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionOwnerIcon.actionResponsibleIcon:before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 14px;
      vertical-align: -3px; }
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionOwnerIcon, .feedback_hoverbox .actionHeaderBox__header__left_panel .actionResponsibleIcon {
      color: #666;
      font-size: 12px;
      font-weight: 400; }
      .feedback_hoverbox .actionHeaderBox__header__left_panel .actionOwnerIcon:before, .feedback_hoverbox .actionHeaderBox__header__left_panel .actionResponsibleIcon:before {
        margin-left: 4px;
        background-position: 0px 1px;
        background-size: 25px 25px;
        margin-right: 3px; }
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionOwnerIcon:before {
      background: no-repeat url(/images/icons/roles/owner-simple.svg) 20px/contain;
      background-position: 0px 1px;
      background-size: 25px 25px;
      margin-right: 3px; }
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionResponsibleIcon:before {
      background: no-repeat url(/images/icons/roles/responsible-simple.svg) 20px/contain;
      background-position: 0px 2px;
      background-size: 25px 25px;
      margin-right: 3px; }
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionOwnerIcon.actionResponsibleIcon:before {
      width: 14px;
      background: no-repeat url(/images/icons/roles/responsible-simple.svg) 20px/contain;
      background-position: 0px 1px;
      background-size: 25px 25px;
      margin-right: 3px; }
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionOwnerIcon.actionResponsibleIcon:after {
      content: initial; }
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionDetails__item {
      margin-right: 22px; }
    .feedback_hoverbox .actionHeaderBox__header__left_panel .actionDetails__item.simple {
      font-size: 12px; }
      .feedback_hoverbox .actionHeaderBox__header__left_panel .actionDetails__item.simple span:first-of-type {
        color: #AAA;
        margin-right: 3px; }
      .feedback_hoverbox .actionHeaderBox__header__left_panel .actionDetails__item.simple span:nth-of-type(2) {
        color: #666; }
  .feedback_hoverbox .photo img {
    width: auto; }
  .feedback_hoverbox .stopwatch {
    border-bottom-right-radius: 5px;
    border-top: none;
    position: relative; }
    .feedback_hoverbox .stopwatch:before {
      content: '';
      display: inline-block;
      background-size: contain;
      width: 20px;
      height: 20px; }
    .feedback_hoverbox .stopwatch:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 40px;
      height: 40px;
      display: inline-block;
      background-size: 40px 40px;
      background-position: 0 0; }
    .feedback_hoverbox .stopwatch:after {
      top: 2px;
      left: 7px !important;
      background: url("/images/icons/time-elapsed-viewbox.svg"); }
  .feedback_hoverbox .target {
    position: relative; }
    .feedback_hoverbox .target:before {
      content: '';
      display: inline-block;
      background-size: contain;
      width: 20px;
      height: 20px; }
    .feedback_hoverbox .target:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 40px;
      height: 40px;
      display: inline-block;
      background-size: 40px 40px;
      background-position: 0 0; }
    .feedback_hoverbox .target:after {
      top: 4px;
      left: 6px !important;
      background-image: url("/images/icons/target_facelift-compatible-viewbox.svg"); }
  .feedback_hoverbox .speed {
    color: #e64c5c; }
    .feedback_hoverbox .speed:before {
      content: '';
      display: inline-block;
      background-image: url("/images/icons/performance-indicator-red-bottom-viewbox.svg");
      background-size: 40px 40px;
      background-repeat: no-repeat;
      width: 20px;
      height: 20px; }
    .feedback_hoverbox .speed.progress_ok {
      color: #7BBD53; }
      .feedback_hoverbox .speed.progress_ok:before {
        background-image: url("/images/icons/performance-indicator-green-bottom-viewbox.svg"); }
  .feedback_hoverbox .target span, .feedback_hoverbox .stopwatch span, .feedback_hoverbox .speed span {
    padding-left: 10px; }
  .feedback_hoverbox .stopwatch {
    color: #5F8CC7; }
    .feedback_hoverbox .stopwatch:after {
      background-image: url(/images/icons/time-elapsed-viewbox-blue.svg); }
  .feedback_hoverbox .speed span {
    position: relative; }
  .feedback_hoverbox .speed .trend-arrow {
    font-size: 25px;
    color: #7dbc52;
    vertical-align: middle;
    padding: 0;
    position: absolute; }
    .feedback_hoverbox .speed .trend-arrow.negative {
      color: #E62E2C; }
    .feedback_hoverbox .speed .trend-arrow.neutral {
      color: #0C64FF; }
  .feedback_hoverbox .target:after {
    top: 3px; }
  .feedback_hoverbox ul, .feedback_hoverbox ol {
    margin-left: 15px;
    font-size: 12px; }
  .feedback_hoverbox .ini_status_latest_trend {
    width: 26px;
    position: absolute;
    top: 17px;
    margin-left: 2px; }
  .feedback_hoverbox .speed .perf-question-mark, .feedback_hoverbox .perf-question-mark {
    color: #303030;
    top: -3px;
    padding-left: 5px;
    cursor: default; }
    .feedback_hoverbox .speed .perf-question-mark.standalone, .feedback_hoverbox .perf-question-mark.standalone {
      position: relative;
      top: 4px; }
  .feedback_hoverbox .kpi-details-box {
    float: right;
    border: 1px solid #eee;
    border-radius: 6px;
    position: absolute;
    right: 64px;
    padding: 6px 10px 13px 12px;
    top: -4px; }

.pop-up-subtitle {
  font-size: 17px;
  padding-bottom: 0 !important;
  font-weight: 500; }

.bulkPopUp_wrap .footer_holder {
  padding: 0; }
  .bulkPopUp_wrap .footer_holder .submitButton[disabled] {
    background-color: grey; }
  .bulkPopUp_wrap .footer_holder .tab-selector-wrapper {
    width: 50%; }

.container-pop-up-invite {
  width: 808px;
  margin: 0 26px 0 63px; }

.container-pop-up-header {
  margin-left: 30px; }

.section-pop-up-invite textarea {
  resize: none !important;
  width: 806px;
  height: 101px;
  position: relative;
  right: 0; }
.section-pop-up-invite h3 {
  padding-left: 0; }

div.initiatives-accordion {
  width: 806px;
  height: 50px;
  background: #d3572a; }

.sect-cont {
  position: relative;
  min-height: 60px;
  align-items: center;
  display: flex; }

.change-date {
  display: inherit;
  padding-top: 33px; }

.section-heading-before {
  position: relative;
  margin-left: -45px;
  border: 1px solid #e6e6e6;
  border-radius: 25px;
  width: 33px;
  height: 33px;
  background-color: #ffffff;
  color: #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2; }

.section-heading-before_pink {
  border: 1px solid #E83B83; }
  .section-heading-before_pink .subtitle-invite {
    color: #E83B83; }

div.sect-inner-content {
  position: relative; }

.inner-sec:after {
  position: absolute;
  width: 2px;
  height: 100%;
  content: '';
  top: 30px;
  border-left: 2px dashed #e7e7e7;
  left: -29px;
  background-color: transparent; }

div.sect-inner-content:not(.no-border)::after {
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #e7e7e7;
  content: '';
  top: 20px;
  left: -29px; }

.mr-10 {
  margin-right: 10px; }

.m-0 {
  margin: 0; }

.milestone-reassign ap-bulk-collapse .bulk-collapse-container .bulk-collapse-container__content p, .milestone-reassign.milestone-selector .bulk-collapse-container__content p {
  width: 240px; }

.section-pop-up-invite.milestone-popup div.sect-inner-content::after {
  height: calc(100% - -30px);
  bottom: -77px; }
.section-pop-up-invite.milestone-popup .section-body-pop-up-invite {
  padding-bottom: 30px; }
.section-pop-up-invite.milestone-popup .bulk-collapse-container__content {
  height: auto;
  max-height: 317px; }
.section-pop-up-invite.milestone-popup .ap_bulk_selected__initiatives .container .content {
  height: auto;
  max-height: 300px;
  overflow: auto; }
.section-pop-up-invite.milestone-popup .ini_assigned__title__holder {
  margin-top: 0;
  margin-bottom: 0; }
.section-pop-up-invite.milestone-popup .assignedToHeading {
  font-size: 21px; }
.section-pop-up-invite.milestone-popup .section-heading-pop-up-invite .container-pop-up-invite {
  margin-left: 24px; }
.section-pop-up-invite.milestone-popup ap-alignment-selector {
  display: inline-block;
  width: 400px; }
.section-pop-up-invite.milestone-popup .inner-sec .assignedToHeading {
  font-size: 15px;
  width: 100%; }
.section-pop-up-invite.milestone-popup .sect-inner-content .assignedToHeading {
  font-size: 15px; }
.section-pop-up-invite.milestone-popup .selector-line.alignment-selector-line {
  height: 30px;
  line-height: 30px; }
.section-pop-up-invite.milestone-popup.milestone-reassign .selector-line.profile-selector-line {
  width: 419px; }
.section-pop-up-invite.milestone-popup.milestone-reassign .profile-selector-line-placeholder {
  width: calc(100% - 25px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
.section-pop-up-invite.milestone-popup.milestone-reassign .ap_bulk_selected__initiatives .selector-line.profile-selector-line {
  width: 370px; }
.section-pop-up-invite.milestone-popup.milestone-reassign .ini_assigned__title__holder {
  display: flex;
  width: 808px;
  margin-top: 0px; }
.section-pop-up-invite.milestone-popup.milestone-reassign .sect-inner-content .assignedToHeading {
  white-space: nowrap; }
.section-pop-up-invite.milestone-popup.milestone-reassign ap-profile-tree-selector {
  width: 100%; }
  .section-pop-up-invite.milestone-popup.milestone-reassign ap-profile-tree-selector .item-icon {
    vertical-align: baseline; }
.section-pop-up-invite.milestone-popup.milestone-reassign .ap_bulk_selected__initiatives .container {
  margin-top: 0; }
.section-pop-up-invite.milestone-popup.milestone-reassign .ap_bulk_selected__initiatives .container .content .header_right {
  width: 50%; }
.section-pop-up-invite.milestone-popup.milestone-reassign .ap_bulk_selected__initiatives .container .header .header_left {
  width: 47%; }
.section-pop-up-invite.milestone-popup.milestone-reassign .ap_bulk_selected__initiatives .container .content .header_left {
  width: 47%; }
.section-pop-up-invite.milestone-popup.milestone-reassign .radio-label {
  display: inline-block;
  font-size: 15px;
  color: #2F3941;
  margin-right: 8px; }
.section-pop-up-invite.milestone-popup.milestone-reassign .hidden-radio + span {
  vertical-align: baseline; }
.section-pop-up-invite.milestone-popup.milestone-reassign .reassign-actions-note {
  font-size: 13px;
  color: #787878;
  margin-top: 5px; }

.milestone-feedback-form .section-heading-pop-up-invite {
  padding-left: 30px; }
.milestone-feedback-form .ini_assigned__title__holder {
  margin-top: 0px;
  margin-bottom: 0px; }
.milestone-feedback-form .pop-up-subtitle {
  font-size: 13px; }
.milestone-feedback-form .col.optionsCol .button {
  margin-right: 35px;
  margin-left: 0; }

p.subtitle-invite {
  color: #e6e6e6;
  margin-bottom: 0;
  font-size: 14px; }

.section-body-pop-up-invite {
  background-color: #f7f7f7; }

.sect-before-text {
  margin-left: 10px; }

.pop-up-invite-form {
  padding-bottom: 26px; }

.section-footer-pop-up-invite {
  min-height: 55px; }

.section-footer-pop-up-invite-tag {
  background-color: #fff; }

.pop-up-invite-form textarea {
  width: 796px; }

div.pop-up-invite-footer-actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 57px;
  height: 57px;
  position: relative;
  margin-right: 24px; }

div.pop-up-invite-footer-actions:not(.no-border)::after {
  position: absolute;
  width: 82%;
  left: 35px;
  top: 41px;
  content: '';
  height: 2px;
  background-color: #e7e7e7;
  z-index: -1; }

div.pop-up-invite-tag-footer-actions:not(.no-border)::after {
  bottom: 30px;
  z-index: 1; }

.pop-up-invite-tag-footer-actions .footer_holder {
  z-index: 2;
  position: relative; }

.bulkPopUpMoveContainer .pop-up-invite-footer-actions {
  transform: translateY(-21px); }
.bulkPopUpMoveContainer ap-bulk-move-items .submitpanel {
  display: none; }

.popup-ap-required .overlay_abs {
  width: 40% !important;
  left: 35% !important; }
.popup-ap-required .bulk_required__wrap {
  padding: 3% 3% 2% 3%; }
  .popup-ap-required .bulk_required__wrap .header h2 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 6rem; }
.popup-ap-required .content {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  flex-direction: column;
  font-size: 1rem;
  margin-bottom: 3.5rem; }
  .popup-ap-required .content h4 {
    color: red;
    font-weight: 500; }
.popup-ap-required .footer {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: flex-end; }
  .popup-ap-required .footer .submitButton {
    border-radius: 0 !important; }
  .popup-ap-required .footer .cancelButton {
    border-radius: 0 !important;
    border: 1px solid #fff; }
.popup-ap-required .text_inform {
  margin-bottom: 1rem;
  position: relative;
  font-size: 0.81rem; }
  .popup-ap-required .text_inform::after {
    content: "";
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: -moz-flex;
    width: 25px;
    height: 25px;
    background-image: url("/images/icons/priority-red.svg");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    position: absolute;
    top: -45px;
    left: calc(50% - 12px); }

.bulkPopUpCopyContainer .sect-before-text, .bulkPopUpCopyContainer .assignedToHeading__wrap {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  width: 100%; }
.bulkPopUpCopyContainer .hidden-radio-label:first-of-type .hidden-radio + span {
  border-radius: 15px 0 0 15px;
  width: 40px; }
.bulkPopUpCopyContainer .hidden-radio-label:last-of-type .hidden-radio + span {
  border-radius: 0 15px 15px 0;
  width: 40px; }

.bulkPopUpGiveContainer .bulkPopUpGive_h3 {
  width: 100% !important; }

ap-feedback-form .pop-up-invite-footer-actions::after {
  width: 2px;
  left: 32px;
  top: -14px;
  height: 46%;
  border-right: 2px dotted #e7e7e7;
  background-color: transparent; }

ap-profile-selector-dialog {
  position: absolute; }

.pl-20 {
  padding-left: 20px !important; }

.small-col {
  width: 39% !important;
  display: inline-flex !important; }

.w-50i {
  width: 50%; }

.w-auto {
  width: auto !important; }

.bulk-collapse-container {
  width: 100%;
  border: 1px solid #C6C6C5;
  border-radius: 5px;
  background-color: white; }
  .bulk-collapse-container .privet {
    width: 20px;
    height: 20px;
    background-image: url(/images/icons/private_action_v2-viewbox.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    margin-left: 0.5rem; }
  .bulk-collapse-container .border_bottom_none {
    border-bottom: none !important; }
  .bulk-collapse-container .bulk_checkbox__wrap {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #e2e1e1;
    border-color: transparent; }
    .bulk-collapse-container .bulk_checkbox__wrap .disable_milestone {
      opacity: .5;
      cursor: default; }
      .bulk-collapse-container .bulk_checkbox__wrap .disable_milestone .deadline-selector input {
        cursor: default;
        pointer-events: none; }
      .bulk-collapse-container .bulk_checkbox__wrap .disable_milestone + .checkmark {
        cursor: default; }
    .bulk-collapse-container .bulk_checkbox__wrap lable p {
      margin-bottom: 0; }
    .bulk-collapse-container .bulk_checkbox__wrap .left__wrap {
      display: flex;
      width: 90%;
      padding-left: 2%;
      padding-top: 10px; }
      .bulk-collapse-container .bulk_checkbox__wrap .left__wrap.cursor-default {
        cursor: default; }
        .bulk-collapse-container .bulk_checkbox__wrap .left__wrap.cursor-default .bulk_checkbox_container {
          cursor: default; }
          .bulk-collapse-container .bulk_checkbox__wrap .left__wrap.cursor-default .bulk_checkbox_container:hover input ~ .checkmark {
            background-color: #fff; }
      .bulk-collapse-container .bulk_checkbox__wrap .left__wrap .pl-2 {
        padding-left: 3.8rem; }
      .bulk-collapse-container .bulk_checkbox__wrap .left__wrap .pl-3 {
        padding-left: 6.8rem; }
      .bulk-collapse-container .bulk_checkbox__wrap .left__wrap .pl-4 {
        padding-left: 9.8rem; }
      .bulk-collapse-container .bulk_checkbox__wrap .left__wrap .pl-5 {
        padding-left: 12.8rem; }
      .bulk-collapse-container .bulk_checkbox__wrap .left__wrap .pl-6 {
        padding-left: 15.8rem; }
      .bulk-collapse-container .bulk_checkbox__wrap .left__wrap .pl-7 {
        padding-left: 18.8rem; }
      .bulk-collapse-container .bulk_checkbox__wrap .left__wrap.w-50 {
        width: 44.5%; }
        .bulk-collapse-container .bulk_checkbox__wrap .left__wrap.w-50.has-responsible {
          width: 55.2%; }
        .bulk-collapse-container .bulk_checkbox__wrap .left__wrap.w-50.move-to-action {
          width: 80.5%; }
    .bulk-collapse-container .bulk_checkbox__wrap .right__wrap {
      width: 10%;
      display: flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -webkit-flex;
      justify-content: flex-end;
      padding-right: 2%; }
      .bulk-collapse-container .bulk_checkbox__wrap .right__wrap .completed-badge {
        background-color: black;
        color: white;
        padding: 4px 5px;
        border-radius: 4px;
        position: absolute;
        right: 175px; }
  .bulk-collapse-container.move-to-action {
    right: unset; }
  .bulk-collapse-container .deadline-selector {
    position: absolute;
    top: 15px; }
    .bulk-collapse-container .deadline-selector input {
      width: 16px;
      height: 16px;
      color: transparent;
      border: 0;
      background-image: url("/images/icons/calendar2.png");
      background-size: 16px 16px;
      cursor: pointer;
      margin-left: 8px; }
  .bulk-collapse-container .milestone-status .completed-badge {
    vertical-align: top;
    display: inline-block;
    background-color: black;
    color: white;
    padding: 4px 5px;
    border-radius: 4px;
    position: relative;
    left: 138px;
    top: 2px; }
  .bulk-collapse-container .milestone-status .orvedue_tag {
    left: 140px;
    position: relative;
    margin: 0;
    top: 2px; }
  .bulk-collapse-container .bulk-collapse-container__content .error-icon {
    display: inline-block;
    right: 100px;
    margin-right: 0.4rem;
    margin-left: 0.4rem;
    width: 12px;
    height: 12px;
    margin-top: 3px;
    top: -2px;
    position: relative; }
    .bulk-collapse-container .bulk-collapse-container__content .error-icon:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 24px;
      height: 24px;
      display: inline-block;
      background-size: 24px 24px;
      background-position: 0 0; }
    .bulk-collapse-container .bulk-collapse-container__content .error-icon:after {
      background-image: url("/images/icons/priority-red.svg"); }
  .bulk-collapse-container .bulk-collapse-container__content .alignment-name-tooltip {
    position: fixed; }
  .bulk-collapse-container .bulk_checkbox_container {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    padding-left: 2rem;
    cursor: pointer;
    font-size: 0.71rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .bulk-collapse-container .bulk_checkbox_container input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
      .bulk-collapse-container .bulk_checkbox_container input:checked ~ .checkmark:after {
        display: flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex; }
    .bulk-collapse-container .bulk_checkbox_container > p {
      width: 422px; }
    .bulk-collapse-container .bulk_checkbox_container .completed-badge {
      vertical-align: top;
      display: inline-block;
      background-color: black;
      color: white;
      padding: 4px 5px;
      border-radius: 4px;
      position: relative;
      top: -5px;
      left: -160px; }
    .bulk-collapse-container .bulk_checkbox_container .orvedue_tag {
      font-size: 0.71rem;
      font-weight: 400;
      color: #FFFFFF;
      left: -160px;
      top: -5px;
      position: relative;
      margin: 0; }
    .bulk-collapse-container .bulk_checkbox_container .overdue_tag_bulk_change {
      font-size: 0.71rem;
      font-weight: 400;
      color: #FFFFFF;
      left: -173px;
      top: -5px;
      position: relative;
      margin: 0; }
    .bulk-collapse-container .bulk_checkbox_container .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 15px;
      width: 15px;
      background-color: #fff;
      border: 1px solid #C6C6C5; }
      .bulk-collapse-container .bulk_checkbox_container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 4px;
        top: 0;
        width: 4px;
        height: 10px;
        border: solid #E83B83;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .bulk-collapse-container .bulk_checkbox_container:hover input ~ .checkmark {
      background-color: #efefef; }
    .bulk-collapse-container .bulk_checkbox_container .checkmark_border {
      border-radius: 5px; }
  .bulk-collapse-container .task-info-collapsor {
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    position: relative;
    border: 1px solid #C6C6C5;
    border-radius: 4px;
    cursor: pointer; }
    .bulk-collapse-container .task-info-collapsor::after {
      position: absolute;
      top: 3px;
      left: 6px;
      content: ' ';
      width: 15px;
      height: 15px;
      display: inline-block;
      background-size: 20px 20px;
      background-position: 0 0;
      background-image: url(/images/icons/open3-viewbox.svg); }
    .bulk-collapse-container .task-info-collapsor.active {
      border: 1px solid #ffe4ee; }
      .bulk-collapse-container .task-info-collapsor.active::after {
        background-image: url(/images/icons/collapse3-viewbox.svg);
        left: 3px;
        top: 6px; }
  .bulk-collapse-container__header {
    height: 50px;
    border-bottom: 1px solid #C6C6C5;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 2%; }
    .bulk-collapse-container__header .bulk_left__wrap {
      width: 40%; }
      .bulk-collapse-container__header .bulk_left__wrap .bulk_checkbox_container, .bulk-collapse-container__header .bulk_left__wrap p {
        margin-bottom: 0; }
    .bulk-collapse-container__header .bulk_right__wrap {
      width: 60%;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .bulk-collapse-container__header .bulk_right__wrap h3 {
        font-size: 0.71rem;
        margin-bottom: 0;
        margin-right: 0.5rem !important;
        padding: 0; }
      .bulk-collapse-container__header .bulk_right__wrap span.selected_count_label {
        margin-right: 0.4rem;
        font-size: 1.4rem;
        color: #5384C3; }
      .bulk-collapse-container__header .bulk_right__wrap .bulk-header-text {
        font-size: 11px;
        color: #303030;
        margin-right: 46px; }
      .bulk-collapse-container__header .bulk_right__wrap .error-icon {
        display: inline-block;
        width: 12px;
        height: 12px;
        position: relative; }
        .bulk-collapse-container__header .bulk_right__wrap .error-icon:after {
          position: absolute;
          top: 0;
          left: 0;
          content: ' ';
          width: 24px;
          height: 24px;
          display: inline-block;
          background-size: 24px 24px;
          background-position: 0 0; }
        .bulk-collapse-container__header .bulk_right__wrap .error-icon:after {
          background-image: url("/images/icons/priority.svg"); }
      .bulk-collapse-container__header .bulk_right__wrap .responsible-name {
        font-size: 0.71rem;
        color: #303030;
        margin-right: 40px;
        position: relative;
        font-weight: 500; }
      .bulk-collapse-container__header .bulk_right__wrap .show-completed {
        font-size: 0.71rem;
        color: #303030;
        margin-right: 20px;
        position: relative; }
        .bulk-collapse-container__header .bulk_right__wrap .show-completed:before {
          content: '';
          display: inline-block;
          width: 14px;
          height: 14px;
          background-image: url("/images/icons/icons-unchecked-tr-viewbox.svg");
          background-size: 28px 28px;
          background-position: 0 0;
          position: absolute;
          left: -18px; }
        .bulk-collapse-container__header .bulk_right__wrap .show-completed.active:before {
          background-image: url("/images/icons/icons-checked-tr-viewbox.svg"); }
      .bulk-collapse-container__header .bulk_right__wrap .bulk_right_text {
        font-size: 0.8rem;
        color: #C6C6C5; }
  .bulk-collapse-container__content {
    height: 317px;
    overflow-y: scroll;
    overflow-x: hidden; }
    .bulk-collapse-container__content .header {
      position: relative;
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      display: -moz-flex;
      align-items: center;
      font-weight: 500;
      font-size: 1rem;
      color: #919191;
      padding: 2% 0 2% 3%;
      border-bottom: 1px solid #C6C6C5; }
      .bulk-collapse-container__content .header .task-info-collapsor {
        margin-left: auto;
        margin-right: 2%; }
      .bulk-collapse-container__content .header::before {
        content: "";
        width: 30px;
        height: 30px;
        display: flex;
        margin-right: 0.5rem;
        background-image: url(/images/icons/focusarea-grey_2.svg);
        background-repeat: no-repeat; }
  .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container, .bulk-collapse-container.milestone-selector {
    border: none; }
    .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container__content, .bulk-collapse-container.milestone-selector__content {
      overflow-y: hidden;
      height: auto; }
    .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .item-icon, .bulk-collapse-container.milestone-selector .item-icon {
      display: flex;
      display: -moz-flex;
      display: -webkit-flex;
      display: -ms-flex;
      vertical-align: top;
      position: absolute;
      top: 0;
      left: 0; }
    .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .bulk-collapse-container__content, .bulk-collapse-container.milestone-selector .bulk-collapse-container__content {
      position: relative;
      overflow: overlay; }
      .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .bulk-collapse-container__content p, .bulk-collapse-container.milestone-selector .bulk-collapse-container__content p {
        width: 445px; }
      .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .bulk-collapse-container__content.move-to-action p, .bulk-collapse-container.milestone-selector .bulk-collapse-container__content.move-to-action p {
        width: 230px; }
    .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .sub-action.item-icon::before, .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .action.item-icon::before, .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .milestone.item-icon::before, .bulk-collapse-container.milestone-selector .sub-action.item-icon::before, .bulk-collapse-container.milestone-selector .action.item-icon::before, .bulk-collapse-container.milestone-selector .milestone.item-icon::before {
      position: absolute;
      background-size: 30px 30px;
      width: 20px;
      height: 20px;
      display: flex;
      display: -moz-flex;
      display: -webkit-flex;
      display: -ms-flex;
      content: '';
      top: 0;
      left: 0; }
    .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .sub-action::before, .bulk-collapse-container.milestone-selector .sub-action::before {
      background-image: url(/images/icons/subaction-grey-v3.svg); }
    .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .item-icon.action::before, .bulk-collapse-container.milestone-selector .item-icon.action::before {
      background-image: url(/images/icons/action-grey.svg); }
    .bulk-collapse-container ap-bulk-collapse .bulk-collapse-container .item-icon.milestone::before, .bulk-collapse-container.milestone-selector .item-icon.milestone::before {
      background-image: url(/images/icons/milestone-grey.svg); }
  .bulk-collapse-container__header .hide_btn__wrap {
    margin-right: 3rem; }
    .bulk-collapse-container__header .hide_btn__wrap #button_hide {
      display: none; }
    .bulk-collapse-container__header .hide_btn__wrap span.hide_btn {
      border: 1px solid #ccc;
      font-size: 0.8rem;
      color: #ccc;
      padding: 0.1rem 0.7rem;
      border-radius: 12px;
      display: flex;
      align-items: center;
      cursor: pointer; }
      .bulk-collapse-container__header .hide_btn__wrap span.hide_btn::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background-image: url(/images/icons/icons-unchecked-tr-viewbox.svg);
        background-repeat: no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: 0 5px; }
    .bulk-collapse-container__header .hide_btn__wrap span.hide_btn.active {
      border: 1px solid #E83B83;
      color: #E83B83; }
      .bulk-collapse-container__header .hide_btn__wrap span.hide_btn.active::before {
        background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
  .bulk-collapse-container__header .total_selected__wrap {
    width: 20%;
    display: flex;
    align-items: center; }
    .bulk-collapse-container__header .total_selected__wrap h3 {
      margin-bottom: 0; }
    .bulk-collapse-container__header .total_selected__wrap span.text-wraper {
      color: #c8c8c8;
      font-size: 0.8rem; }

/*User page content styles*/
.wrap-user-page {
  position: relative; }
  .wrap-user-page ap-users-page {
    display: flex; }
  .wrap-user-page .company-left-content {
    position: absolute;
    top: 50px; }
  .wrap-user-page .company-content {
    width: 90%;
    margin-left: 5rem; }

/*User page header content*/
.company-content__header {
  width: 100%;
  display: flex;
  margin-top: 10px; }
  .company-content__header .header-left-content {
    width: 50%; }
  .company-content__header .header-right-content {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    color: black;
    font-size: 0.8rem; }
  .company-content__header .add_user_wrap {
    margin-top: 7px;
    margin-right: 1rem; }
    .company-content__header .add_user_wrap a {
      color: inherit;
      text-decoration: none;
      display: flex;
      align-items: center; }
      .company-content__header .add_user_wrap a::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background-image: url(/images/icons/more-options-pink.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px; }
      .company-content__header .add_user_wrap a:hover {
        color: #E83B83; }

#usersTableWrapper .bulk_left__wrap {
  width: 10%; }

ap-bulk-popup-move-milestone-to-action .bulk-collapse-container .bulk_checkbox__wrap .right__wrap .completed-badge {
  right: unset; }
ap-bulk-popup-move-milestone-to-action .bulk-collapse-container .bulk_checkbox__wrap .right__wrap .milestone-completed-wrapper {
  width: 113px; }
ap-bulk-popup-move-milestone-to-action .bulk-collapse-container .bulk_checkbox__wrap .right__wrap .deadline-selector {
  right: unset;
  position: initial; }
  ap-bulk-popup-move-milestone-to-action .bulk-collapse-container .bulk_checkbox__wrap .right__wrap .deadline-selector ap-date {
    width: 60px;
    display: inline-block; }
ap-bulk-popup-move-milestone-to-action .bulk-collapse-container .bulk_checkbox__wrap .right__wrap .check-date-wrapper {
  width: 20px; }

.task-selector .bulk_left__wrap, .milestone-selector .bulk_left__wrap {
  width: 72%; }
.task-selector .bulk_right__wrap, .milestone-selector .bulk_right__wrap {
  width: 28%; }
.task-selector .all-col, .milestone-selector .all-col {
  width: 4%;
  display: inline-flex; }
.task-selector .name-col, .milestone-selector .name-col {
  width: 62%;
  display: inline-flex; }
  .task-selector .name-col.has-responsible, .milestone-selector .name-col.has-responsible {
    width: 33.4%; }
.task-selector .sort:after, .milestone-selector .sort:after {
  content: "";
  background-image: url(/images/layout/triangle-down-gray.svg);
  background-position: 1px 2px;
  background-size: 7px 7px;
  margin-right: -10px;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-left: 2px;
  cursor: pointer; }
.task-selector .sort.header-asc:after, .milestone-selector .sort.header-asc:after {
  background-image: url(/images/layout/triangle-viewbox.svg);
  background-size: 14px 14px; }
.task-selector .sort.header-desc:after, .milestone-selector .sort.header-desc:after {
  background-image: url(/images/layout/triangle-down-viewbox.svg);
  background-size: 14px 14px; }
.task-selector .date-col, .milestone-selector .date-col {
  width: 15%;
  display: inline-flex; }
.task-selector .bulk_checkbox_container.name-col, .milestone-selector .bulk_checkbox_container.name-col {
  padding-left: 10px; }
.task-selector .checkbox_row_inner.type-task .bulk_checkbox_container, .task-selector .checkbox_row_inner.type-milestone .bulk_checkbox_container, .milestone-selector .checkbox_row_inner.type-task .bulk_checkbox_container, .milestone-selector .checkbox_row_inner.type-milestone .bulk_checkbox_container {
  padding-left: 68px; }
.task-selector .checkbox_row_inner .col-task-name, .milestone-selector .checkbox_row_inner .col-task-name {
  width: 358px; }
  .task-selector .checkbox_row_inner .col-task-name.has-responsible, .milestone-selector .checkbox_row_inner .col-task-name.has-responsible {
    width: 200px; }
.task-selector .checkbox_row_inner .col-task-date, .milestone-selector .checkbox_row_inner .col-task-date {
  width: 200px; }
.task-selector .checkbox_row_inner .privet, .milestone-selector .checkbox_row_inner .privet {
  position: absolute; }

.bulk-change-task-alignment .bulk-collapse-container .bulk_checkbox_container .completed-badge {
  left: -18px; }

.milestone_table_filters .sortChecker .checker {
  width: 350px; }
.milestone_table_filters .ovw_filter_dir_status_holder .section_container.section_status_container .section_container__filter_item .filter_title {
  display: inline-block;
  width: 120px; }
.milestone_table_filters .ovw_filter_dir_status_holder .section_container.section_status_container:first-of-type .section_container__filter_item:first-of-type label {
  margin-left: 0; }
.milestone_table_filters .ovw_filter_dir_status_holder .section_container__row:first-of-type .section_container__filter_item:first-of-type label {
  margin-left: 0;
  cursor: pointer; }
.milestone_table_filters .ovw_filter_dir_status_holder .section_container__row {
  margin-bottom: 10px; }
  .milestone_table_filters .ovw_filter_dir_status_holder .section_container__row:not(:last-child) {
    margin-bottom: 20px; }
.milestone_table_filters .ovw_filter_bottom_box .ovw_filter_dir_status_holder {
  border: 0;
  padding-top: 0; }
.milestone_table_filters #period-chooser {
  padding-left: 108px; }
  .milestone_table_filters #period-chooser .period_selector_dates {
    background: none;
    padding: 0; }
  .milestone_table_filters #period-chooser .period_selector_date {
    padding: 0; }
.milestone_table_filters .form_box__holder {
  border-bottom: none; }
  .milestone_table_filters .form_box__holder .form_box__row_last .form_box__col:first-of-type {
    border-right: 1px solid #efefef; }

.bulk-pop-up-owner .list-tree-selector {
  margin-left: 110px; }
.bulk-pop-up-owner .profile-selector-line {
  margin-left: 45px; }
.bulk-pop-up-owner .list-tree-selector ul li .list-item:hover .item-hover {
  width: 480px; }
.bulk-pop-up-owner .bulk-pop-up-owner__text {
  font-size: 0.8rem; }
.bulk-pop-up-owner .list-tree-selector .list-search-results .highlight {
  background-color: inherit;
  color: #E83B83;
  font-weight: bold; }
.bulk-pop-up-owner .list-tree-selector .list-tree-search input:focus {
  border: 1px solid lightgrey !important;
  box-shadow: none !important; }
.bulk-pop-up-owner .list-tree-selector ul li .list-item::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  border-left: 1px solid #EEEEEE;
  position: absolute;
  top: -20px;
  left: -10px; }
.bulk-pop-up-owner .top-level > .ng-scope > .list-item:first-child::before {
  border: none; }

.ap_bulk_selected__initiatives {
  font-size: 0.79rem;
  /* Chrome, Safari, Edge, Opera -> hide arrow keys for number field */ }
  .ap_bulk_selected__initiatives .item-icon {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0; }
  .ap_bulk_selected__initiatives .sub-action.item-icon::before, .ap_bulk_selected__initiatives .action.item-icon::before, .ap_bulk_selected__initiatives .milestone.item-icon::before, .ap_bulk_selected__initiatives .task.item-icon::before {
    position: absolute;
    background-size: 30px 30px;
    width: 20px;
    height: 20px;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    content: '';
    top: 0;
    left: 0; }
  .ap_bulk_selected__initiatives .sub-action::before {
    background-image: url(/images/icons/subaction-grey-v3.svg); }
  .ap_bulk_selected__initiatives .item-icon.action::before {
    background-image: url(/images/icons/action-grey.svg); }
  .ap_bulk_selected__initiatives .item-icon.milestone::before {
    background-image: url(/images/icons/milestone-grey.svg); }
  .ap_bulk_selected__initiatives .item-icon.task::before {
    background-image: url(/images/icons/task-grey.svg); }
  .ap_bulk_selected__initiatives .bulk_checkbox__wrap {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #C6C6C5; }
    .ap_bulk_selected__initiatives .bulk_checkbox__wrap lable p {
      margin-bottom: 0; }
    .ap_bulk_selected__initiatives .bulk_checkbox__wrap .left__wrap {
      display: flex;
      width: 90%;
      padding-left: 2%; }
      .ap_bulk_selected__initiatives .bulk_checkbox__wrap .left__wrap .pl-4 {
        padding-left: 3.8rem; }
    .ap_bulk_selected__initiatives .bulk_checkbox__wrap .right__wrap {
      width: 10%;
      display: flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -webkit-flex;
      justify-content: flex-end;
      padding-right: 2%; }
  .ap_bulk_selected__initiatives .bulk_checkbox_container {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    padding-left: 1.5rem;
    font-size: 0.71rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .ap_bulk_selected__initiatives .bulk_checkbox_container input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
      .ap_bulk_selected__initiatives .bulk_checkbox_container input:checked ~ .checkmark:after {
        display: flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex; }
    .ap_bulk_selected__initiatives .bulk_checkbox_container .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 15px;
      width: 15px;
      background-color: #fff;
      border: 1px solid #C6C6C5; }
      .ap_bulk_selected__initiatives .bulk_checkbox_container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 4px;
        top: 0;
        width: 4px;
        height: 10px;
        border: solid #E83B83;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .ap_bulk_selected__initiatives .privet {
    width: 20px;
    height: 20px;
    background-image: url(/images/icons/private_action_v2-viewbox.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    margin-left: 0.5rem;
    background-position: 0 6px; }
  .ap_bulk_selected__initiatives .tab-selector-wrapper label {
    margin-right: 0 !important; }
  .ap_bulk_selected__initiatives .mb-10 {
    margin-bottom: 10px; }
  .ap_bulk_selected__initiatives .section-field {
    display: inline-block;
    width: 110px;
    margin-bottom: 19px; }
    .ap_bulk_selected__initiatives .section-field:nth-child(even) {
      padding-left: 16px; }
  .ap_bulk_selected__initiatives .section-content.form-input {
    overflow-x: hidden; }
    .ap_bulk_selected__initiatives .section-content.form-input input {
      height: 32px;
      border: none;
      border-bottom: 1px solid #ddd;
      font-size: 12px;
      padding-bottom: 0;
      padding-left: 10px;
      box-sizing: border-box;
      border-radius: 0px;
      width: 100%;
      font-weight: 300;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .ap_bulk_selected__initiatives .section-content.form-input input:focus {
        border: none;
        border-bottom: 1px solid #ddd;
        box-shadow: none;
        outline: none; }
  .ap_bulk_selected__initiatives .qe_intitative_date_calendar {
    background-image: url(/images/icons/calendar_pick_date.svg);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90px 10px; }
    .ap_bulk_selected__initiatives .qe_intitative_date_calendar:disabled {
      background-color: #FFF; }
  .ap_bulk_selected__initiatives .tab-selector-container {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; }
    .ap_bulk_selected__initiatives .tab-selector-container .tab-selector__left span {
      top: 0 !important;
      margin-right: 1rem; }
  .ap_bulk_selected__initiatives .chosen-container {
    z-index: 99; }
  .ap_bulk_selected__initiatives #move_value {
    width: 40px;
    margin-right: 1rem;
    text-align: center;
    z-index: 99;
    height: 24px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    /* Firefox -> hide arrow keys for number field */
    -moz-appearance: textfield; }
  .ap_bulk_selected__initiatives #move_value::-webkit-outer-spin-button,
  .ap_bulk_selected__initiatives #move_value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .ap_bulk_selected__initiatives #move_value:focus {
    box-shadow: 0 0 4px #3aa7dd;
    outline: 0; }
  .ap_bulk_selected__initiatives .tableAboveHeader {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-around; }
    .ap_bulk_selected__initiatives .tableAboveHeader .wrap_left {
      width: 50%;
      display: flex;
      display: -moz-flex;
      display: -webkit-flex;
      display: -ms-flex; }
    .ap_bulk_selected__initiatives .tableAboveHeader .wrap_right {
      width: 50%;
      display: flex;
      display: -moz-flex;
      display: -webkit-flex;
      display: -ms-flex;
      justify-content: space-around; }
  .ap_bulk_selected__initiatives .container {
    width: 100%;
    margin-top: 20px;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    border-radius: 10px;
    flex-direction: column; }
    .ap_bulk_selected__initiatives .container .row-bottom-line {
      border-bottom: 1px solid #e6e6e6; }
    .ap_bulk_selected__initiatives .container .row-bottom-line:last-child {
      border: none; }
    .ap_bulk_selected__initiatives .container .header, .ap_bulk_selected__initiatives .container .content {
      width: 100%;
      display: flex;
      display: -moz-flex;
      display: -webkit-flex;
      display: -ms-flex;
      border-bottom: 1px solid #c6c6c5; }
      .ap_bulk_selected__initiatives .container .header .header_left, .ap_bulk_selected__initiatives .container .content .header_left {
        width: 35%;
        height: 40px;
        display: flex;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        align-items: center;
        padding-left: 2%; }
      .ap_bulk_selected__initiatives .container .header .header_middle, .ap_bulk_selected__initiatives .container .header .header_right, .ap_bulk_selected__initiatives .container .content .header_middle, .ap_bulk_selected__initiatives .container .content .header_right {
        height: 40px;
        display: flex;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        align-items: center;
        justify-content: flex-start; }
      .ap_bulk_selected__initiatives .container .header .header_middle, .ap_bulk_selected__initiatives .container .content .header_middle {
        width: 25%;
        padding-left: 2%; }
      .ap_bulk_selected__initiatives .container .header .header_right, .ap_bulk_selected__initiatives .container .content .header_right {
        padding-right: 2%; }
        .ap_bulk_selected__initiatives .container .header .header_right .content__data.data-error, .ap_bulk_selected__initiatives .container .content .header_right .content__data.data-error {
          color: red; }
      .ap_bulk_selected__initiatives .container .header .duedate-header, .ap_bulk_selected__initiatives .container .content .duedate-header {
        width: 24.5%; }
      .ap_bulk_selected__initiatives .container .header .newduedate-header, .ap_bulk_selected__initiatives .container .content .newduedate-header {
        width: 27.5%; }
      .ap_bulk_selected__initiatives .container .header .milestone-header, .ap_bulk_selected__initiatives .container .content .milestone-header {
        width: 34.3%; }
      .ap_bulk_selected__initiatives .container .header .duedate-content, .ap_bulk_selected__initiatives .container .content .duedate-content {
        width: 28%; }
    .ap_bulk_selected__initiatives .container .header.title-bar {
      font-size: 0.79rem;
      font-weight: 500; }
    .ap_bulk_selected__initiatives .container .content {
      max-height: 300px;
      display: block;
      border-bottom: none;
      overflow-y: auto; }
      .ap_bulk_selected__initiatives .container .content .item {
        height: 40px;
        display: flex;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex; }
      .ap_bulk_selected__initiatives .container .content .item_border {
        border-bottom: 1px solid #c6c6c5;
        height: 48px; }

.milestone-popup .ap_bulk_selected__initiatives .container .content .header_left {
  width: 500px; }
.milestone-popup .ap_bulk_selected__initiatives .container .content .header_middle {
  width: 110px; }
.milestone-popup .ap_bulk_selected__initiatives .container .content .duedate-content {
  width: 130px; }
.milestone-popup .ap_bulk_selected__initiatives .container .header .milestone-header {
  width: 500px; }
.milestone-popup .ap_bulk_selected__initiatives .container .header .duedate-header {
  width: 110px; }
.milestone-popup .ap_bulk_selected__initiatives .container .header .newduedate-header {
  width: 140px; }

.bulk-k-p-i-container {
  width: 100%;
  border: 1px solid #C6C6C5;
  border-radius: 5px;
  background-color: #fff;
  box-sizing: border-box; }
  .bulk-k-p-i-container .k-p-i-block-content {
    display: flex;
    flex-direction: column; }
  .bulk-k-p-i-container .k-p-i-block, .bulk-k-p-i-container .k-p-i-block-top {
    width: 100%;
    display: flex;
    padding: 20px;
    box-sizing: border-box; }
    .bulk-k-p-i-container .k-p-i-block input, .bulk-k-p-i-container .k-p-i-block-top input {
      padding: 5px 0;
      margin: 0;
      border: 1px solid #C6C6C5; }
    .bulk-k-p-i-container .k-p-i-block:first-child, .bulk-k-p-i-container .k-p-i-block-top:first-child {
      border-bottom: 1px solid #C6C6C5; }
      .bulk-k-p-i-container .k-p-i-block:first-child .k-p-i-title, .bulk-k-p-i-container .k-p-i-block-top:first-child .k-p-i-title {
        font-size: 0.71rem;
        font-weight: 500; }
    .bulk-k-p-i-container .k-p-i-block input.k-p-i-title, .bulk-k-p-i-container .k-p-i-block-top input.k-p-i-title {
      padding-left: 0.5rem; }
    .bulk-k-p-i-container .k-p-i-block .k-p-i-title, .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title {
      margin-right: 20px;
      box-sizing: border-box;
      visibility: visible; }
      .bulk-k-p-i-container .k-p-i-block .k-p-i-title .active-result, .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title .active-result {
        position: relative;
        font-weight: 400; }
    .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(1), .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(1) {
      width: 270px; }
    .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(2), .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(2) {
      width: 130px;
      top: 0 !important; }
    .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(3), .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(3) {
      width: 80px; }
    .bulk-k-p-i-container .k-p-i-block input.k-p-i-title:nth-child(3), .bulk-k-p-i-container .k-p-i-block-top input.k-p-i-title:nth-child(3) {
      -moz-appearance: textfield;
      -webkit-appearance: textfield;
      appearance: textfield; }
    .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(4), .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(4) {
      width: 80px; }
    .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(5), .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(5) {
      width: 127px;
      margin-right: 0; }
    .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(6), .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(6) {
      width: 20px;
      height: 20px;
      margin-right: 0;
      margin-left: 15px; }
      .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(6) .chosen-single, .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(6) .chosen-single {
        border: none; }
        .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(6) .chosen-single span::after, .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(6) .chosen-single span::after {
          content: '';
          display: flex;
          height: 20px;
          width: 20px;
          background-size: 20px 20px;
          background-image: url(/images/icons/options_hover_bg.svg);
          border: none !important;
          top: 16%;
          right: 0;
          transform: rotate(0); }
      .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(6) .chosen-container.chosen-container-active .chosen-single > span::after, .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(6) .chosen-container.chosen-container-active .chosen-single > span::after {
        background-image: url(/images/icons/options_hover_bg-pink.svg); }
      .bulk-k-p-i-container .k-p-i-block .k-p-i-title:nth-child(6) .chosen-drop, .bulk-k-p-i-container .k-p-i-block-top .k-p-i-title:nth-child(6) .chosen-drop {
        position: absolute;
        left: -150px;
        width: 200px;
        top: 35px; }
  .bulk-k-p-i-container .k-p-i-block-content div.k-p-i-block-top {
    border-bottom: none; }
  .bulk-k-p-i-container .k-p-i-block_bottom {
    width: 100%;
    padding-bottom: 20px;
    display: flex;
    justify-content: center; }
    .bulk-k-p-i-container .k-p-i-block_bottom input {
      width: 95%; }

.right-365 {
  right: -365px; }

#bulk-pop-up-tag-container {
  display: flex;
  margin-top: -38px; }
  #bulk-pop-up-tag-container .tags-title {
    font-weight: 500;
    font-size: 14px; }
  #bulk-pop-up-tag-container ap-tags {
    margin-top: -44px; }
    #bulk-pop-up-tag-container ap-tags .overlay-body {
      display: none; }
    #bulk-pop-up-tag-container ap-tags .ap-overlay-content {
      position: static !important;
      width: 808px !important;
      background-color: inherit;
      border: none;
      margin-top: 0px;
      padding-left: 20px; }
    #bulk-pop-up-tag-container ap-tags ap-submit-buttons {
      display: none; }
    #bulk-pop-up-tag-container ap-tags .chzn-container {
      width: 570px !important; }
      #bulk-pop-up-tag-container ap-tags .chzn-container .ng-binding {
        width: 100%; }
      #bulk-pop-up-tag-container ap-tags .chzn-container .searchBox {
        width: 520px !important; }
        #bulk-pop-up-tag-container ap-tags .chzn-container .searchBox:focus {
          border: 1px solid lightgrey !important;
          box-shadow: none !important; }
    #bulk-pop-up-tag-container ap-tags ap-tag .tag {
      margin: 10px; }
    #bulk-pop-up-tag-container ap-tags a#pulk-pop-up-tag-arrow {
      width: calc(100% - 20px);
      border: none;
      padding: 10px;
      display: flex;
      justify-content: flex-end; }
      #bulk-pop-up-tag-container ap-tags a#pulk-pop-up-tag-arrow > span {
        width: 100px; }
  #bulk-pop-up-tag-container #pop-up-tag-initiatives .overlay-body {
    display: block; }
  #bulk-pop-up-tag-container .form-box.pageWide {
    position: fixed !important;
    top: calc(50% - 168px) !important;
    left: calc(50% - 446px) !important;
    visibility: visible;
    background-color: white;
    width: 875px !important; }
    #bulk-pop-up-tag-container .form-box.pageWide ap-submit-buttons {
      display: block !important; }
      #bulk-pop-up-tag-container .form-box.pageWide ap-submit-buttons input.submitButton {
        background-color: #e83b83;
        color: white;
        border-radius: 3px;
        font-size: 12px;
        height: 29px;
        min-width: 74px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        font-weight: 500;
        vertical-align: top;
        width: 74px; }
  #bulk-pop-up-tag-container .chzn-results {
    min-height: 135px; }
  #bulk-pop-up-tag-container .filter_dialog_container {
    background: white none repeat scroll 0% 0%; }

.quick-edit-form {
  color: #303030; }
  .quick-edit-form .form-box .form_box__holder .form_box__row {
    padding-bottom: 0px; }
  .quick-edit-form .edit-main-section {
    background-color: white;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    padding: 19px 16px;
    padding-bottom: 4px;
    margin-bottom: 20px; }
  .quick-edit-form .section-field {
    display: inline-block;
    width: 399px;
    margin-bottom: 19px; }
    .quick-edit-form .section-field:nth-child(even) {
      padding-left: 16px; }
  .quick-edit-form .align_to_alignment {
    vertical-align: top; }
  .quick-edit-form .section-headline {
    font-size: 14px;
    font-weight: 500; }
  .quick-edit-form .selector-line.alignment-selector-line {
    height: 31px;
    line-height: 34px;
    font-size: 12px;
    border-bottom: 1px solid #DDD;
    width: 95%;
    padding-right: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .quick-edit-form .list-tree-selector {
    width: 397px;
    margin-top: -1px; }
  .quick-edit-form .selector-line {
    font-size: 12px;
    font-weight: 300;
    width: 399px;
    border-bottom: 1px solid #DDD;
    height: 32px;
    line-height: 34px; }
  .quick-edit-form .section-content.form-input {
    overflow-x: hidden; }
    .quick-edit-form .section-content.form-input input {
      height: 32px;
      border: none;
      border-bottom: 1px solid #ddd;
      font-size: 12px;
      padding-bottom: 0;
      padding-left: 0;
      box-sizing: border-box;
      border-radius: 0px;
      width: 100%;
      font-weight: 300;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .quick-edit-form .section-content.form-input input:focus {
        border: none;
        border-bottom: 1px solid #ddd;
        box-shadow: none;
        outline: none; }
  .quick-edit-form .qe_intitative_date_calendar {
    background-image: url(/images/icons/calendar_pick_date.svg);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 380px 10px; }
    .quick-edit-form .qe_intitative_date_calendar:disabled {
      background-color: #FFF; }
  .quick-edit-form .descriptions-section {
    padding-bottom: 2px;
    border-bottom: 1px solid #DDD; }
  .quick-edit-form .description {
    display: inline-block;
    width: 416px;
    vertical-align: top;
    margin-bottom: 20px;
    position: relative; }
    .quick-edit-form .description:nth-child(even) {
      margin-left: 16px; }
    .quick-edit-form .description .fr-box {
      background-color: white; }
    .quick-edit-form .description .fr-box .fr-element.fr-view {
      border-radius: 4px;
      margin-right: 0;
      min-height: 55px; }
    .quick-edit-form .description .meeting-type .fr-box .fr-element.fr-view {
      min-height: 70px; }
    .quick-edit-form .description .title {
      font-size: 13px;
      display: inline-block;
      padding-bottom: 6px; }
  .quick-edit-form .file-section {
    margin-top: 23px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD; }
    .quick-edit-form .file-section a.createLink {
      font-size: 13px; }
      .quick-edit-form .file-section a.createLink span {
        margin-right: 6px;
        top: -1px; }
    .quick-edit-form .file-section > input {
      display: none; }
    .quick-edit-form .file-section .attached-files {
      margin-top: 16px; }
      .quick-edit-form .file-section .attached-files .attachedFilesList {
        margin-top: 10px; }
      .quick-edit-form .file-section .attached-files .title {
        font-size: 12px;
        font-weight: 500; }
      .quick-edit-form .file-section .attached-files span.fileListItem {
        position: relative;
        background-color: transparent;
        font-size: 11px; }
        .quick-edit-form .file-section .attached-files span.fileListItem .attach-file-long-name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 369px;
          display: inline-block; }
  .quick-edit-form .tags-section {
    margin-top: 20px; }
    .quick-edit-form .tags-section .tag {
      margin-left: 12px;
      margin-top: 7px; }
    .quick-edit-form .tags-section .title {
      font-size: 14px;
      margin-bottom: 12px;
      font-weight: 500; }
    .quick-edit-form .tags-section .tag-wrapper {
      display: inline-block;
      width: 100%;
      margin-bottom: 20px;
      vertical-align: top; }
    .quick-edit-form .tags-section .tag-list-category {
      font-size: 12px;
      font-weight: 500; }
    .quick-edit-form .tags-section .tag.mandatory-tag {
      color: #15394a; }
    .quick-edit-form .tags-section .tag-list-selector {
      width: 50%; }
  .quick-edit-form .form_box__holder {
    border-bottom: 0; }
  .quick-edit-form .footer_holder {
    margin-right: 20px;
    text-align: right;
    margin-top: 20px; }
    .quick-edit-form .footer_holder .submitButton {
      min-width: 120px; }
    .quick-edit-form .footer_holder .cancelButton {
      min-width: 110px;
      border: 1px solid #e6e6e6; }

.create-milestone .background-milestone-overlay {
  background: url("/images/background_image.jpg");
  padding: 25px; }
.create-milestone .action-field-label {
  font-weight: 500;
  font-size: 14px; }
.create-milestone #milestone {
  /*border: 1px solid #e83b83;*/ }
  .create-milestone #milestone span + input, .create-milestone #milestone span + .custom-fr-input .fr-box, .create-milestone #milestone label + input, .create-milestone #milestone label + .custom-fr-input .fr-box {
    height: 30px;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid #E6E6E6;
    border-radius: 0px;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 0px; }
    .create-milestone #milestone span + input#milestone-start-date, .create-milestone #milestone span + .custom-fr-input .fr-box#milestone-start-date, .create-milestone #milestone label + input#milestone-start-date, .create-milestone #milestone label + .custom-fr-input .fr-box#milestone-start-date {
      width: 148px;
      margin-right: 10px; }
  .create-milestone #milestone span + .custom-fr-input .fr-box, .create-milestone #milestone label + .custom-fr-input .fr-box {
    min-height: 23px;
    height: auto;
    top: 8px; }
  .create-milestone #milestone span + .custom-fr-input .fr-box .fr-element.fr-view, .create-milestone #milestone label + .custom-fr-input .fr-box .fr-element.fr-view {
    border: none;
    margin-right: 0;
    padding: 0; }
    .create-milestone #milestone span + .custom-fr-input .fr-box .fr-element.fr-view p, .create-milestone #milestone label + .custom-fr-input .fr-box .fr-element.fr-view p {
      margin: 0; }
  .create-milestone #milestone .desc-section {
    display: flex; }
    .create-milestone #milestone .desc-section .milestone-description-block {
      padding: 20px 0;
      width: 55%; }
      .create-milestone #milestone .desc-section .milestone-description-block .fr-box.custom-theme.fr-inline {
        margin-top: 10px; }
      .create-milestone #milestone .desc-section .milestone-description-block .fr-element.fr-view {
        min-height: 35px;
        WIDTH: 435PX; }
        .create-milestone #milestone .desc-section .milestone-description-block .fr-element.fr-view ul, .create-milestone #milestone .desc-section .milestone-description-block .fr-element.fr-view ol {
          padding-left: 15px; }
      .create-milestone #milestone .desc-section .milestone-description-block .fr-element {
        border-radius: 5px;
        background: #fff; }
    .create-milestone #milestone .desc-section .right-block {
      width: 40%;
      display: flex;
      padding-top: 50px; }
      .create-milestone #milestone .desc-section .right-block .attachFile a.upload .icon-attach {
        background-repeat: no-repeat;
        line-height: 24px;
        width: 85px;
        padding-left: 30px;
        height: 30px;
        background-size: 20px 20px;
        margin-top: 7px;
        margin-left: 0;
        font-size: 12px;
        font-weight: 400;
        color: #121212; }
      .create-milestone #milestone .desc-section .right-block #fileListTasks {
        text-align: left; }
        .create-milestone #milestone .desc-section .right-block #fileListTasks .icon-attach span {
          padding-left: 10px; }
        .create-milestone #milestone .desc-section .right-block #fileListTasks .file-name-txt {
          font-size: 13px;
          color: black;
          padding: 4px;
          line-height: 1;
          max-width: 175px;
          display: inline-block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          vertical-align: text-top; }
        .create-milestone #milestone .desc-section .right-block #fileListTasks .text-files {
          height: 40px;
          display: flex;
          align-items: flex-end;
          font-size: 13px;
          width: 200px;
          margin-bottom: 5px; }
        .create-milestone #milestone .desc-section .right-block #fileListTasks .fileListItem img.icon-attach-pin {
          top: 0;
          left: -17px;
          position: absolute; }
        .create-milestone #milestone .desc-section .right-block #fileListTasks .generic-icon.icon-delete:after, .create-milestone #milestone .desc-section .right-block #fileListTasks ap-comment .icon-delete.comment-button:after, ap-comment .create-milestone #milestone .desc-section .right-block #fileListTasks .icon-delete.comment-button:after, .create-milestone #milestone .desc-section .right-block #fileListTasks ap-task-quick-edit .icon-delete.comment-button:after, ap-task-quick-edit .create-milestone #milestone .desc-section .right-block #fileListTasks .icon-delete.comment-button:after, .create-milestone #milestone .desc-section .right-block #fileListTasks ap-task-quick-add .icon-delete.comment-button:after, ap-task-quick-add .create-milestone #milestone .desc-section .right-block #fileListTasks .icon-delete.comment-button:after {
          content: none;
          background: none; }
      .create-milestone #milestone .desc-section .right-block .fileListItem {
        margin-left: 14px; }
.create-milestone .commentCheckboxLabel {
  font-size: 12px;
  font-weight: 400;
  border-radius: 12px;
  padding: 5px 20px;
  border: 1px solid #C6C6C5;
  color: #cccccc;
  background-color: #FFFFFF;
  white-space: nowrap; }
  .create-milestone .commentCheckboxLabel.priority, .create-milestone .commentCheckboxLabel.start-date {
    display: flex;
    align-items: center;
    padding: 2px 20px; }
    .create-milestone .commentCheckboxLabel.priority .icon-priority, .create-milestone .commentCheckboxLabel.priority .icon-start-date, .create-milestone .commentCheckboxLabel.start-date .icon-priority, .create-milestone .commentCheckboxLabel.start-date .icon-start-date {
      width: 20px;
      height: 20px;
      margin-right: 0.5rem;
      background-repeat: no-repeat;
      background-size: 26px 26px;
      background-position: 0px 4px;
      display: inline-flex; }
    .create-milestone .commentCheckboxLabel.priority .icon-priority, .create-milestone .commentCheckboxLabel.start-date .icon-priority {
      background-image: url("/images/icons/priority-ltgrey.svg"); }
    .create-milestone .commentCheckboxLabel.priority .icon-start-date, .create-milestone .commentCheckboxLabel.start-date .icon-start-date {
      background-image: url("/images/icons/calendar_pick_date.svg"); }
  .create-milestone .commentCheckboxLabel.priority {
    width: 119px; }
  .create-milestone .commentCheckboxLabel:hover {
    border: 1px solid #E83B83;
    color: #E83B83; }
    .create-milestone .commentCheckboxLabel:hover .icon-priority {
      background-image: url("/images/icons/priority-active.svg"); }
    .create-milestone .commentCheckboxLabel:hover .icon-start-date {
      background-image: url("/images/icons/calendar_pick_date_pink.svg"); }
  .create-milestone .commentCheckboxLabel.active {
    border: 1px solid #E83B83;
    color: #E83B83; }
    .create-milestone .commentCheckboxLabel.active .icon-priority {
      background-image: url("/images/icons/priority-active.svg"); }
    .create-milestone .commentCheckboxLabel.active .icon-start-date {
      background-image: url("/images/icons/calendar_pick_date_pink.svg"); }
  .create-milestone .commentCheckboxLabel.active:hover {
    border: 1px solid #808080;
    color: #808080; }
    .create-milestone .commentCheckboxLabel.active:hover .icon-priority {
      background-image: url("/images/icons/priority-ltgrey.svg"); }
    .create-milestone .commentCheckboxLabel.active:hover .icon-start-date {
      background-image: url("/images/icons/calendar_pick_date_pink.svg"); }
  .create-milestone .commentCheckboxLabel .chosen-container-single .chosen-single span {
    font-weight: 300; }
.create-milestone ap-profile-tree-selector {
  /*.list-tree-selector .list-tree-search input:focus {
    border: 1px solid lightgrey !important;
    box-shadow: none !important;
  }*/ }
  .create-milestone ap-profile-tree-selector > .profile-tree-selector {
    position: relative; }
  .create-milestone ap-profile-tree-selector .selector-line.profile-selector-line {
    width: 100%; }
  .create-milestone ap-profile-tree-selector .list-tree-selector ul li .list-item::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    border-left: 1px solid #EEEEEE;
    position: absolute;
    top: -20px;
    left: -10px; }
  .create-milestone ap-profile-tree-selector .list-tree-selector .list-search-results .highlight {
    background-color: inherit;
    color: #E83B83;
    font-weight: bold; }
  .create-milestone ap-profile-tree-selector .list-tree-selector {
    width: 100%; }
.create-milestone input[type="text"]:focus:not(.disabled) {
  box-shadow: none; }
.create-milestone ap-repeat-period-chosen {
  width: 220px; }
.create-milestone .quick-checkboxes {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin: 0px 0 30px 0;
  padding-bottom: 10px;
  position: relative; }
.create-milestone .milestoneTasks {
  padding: 0;
  border: none;
  margin-top: -15px; }
  .create-milestone .milestoneTasks .newTaskButton {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px; }
    .create-milestone .milestoneTasks .newTaskButton .createLink {
      font-size: 12px;
      font-weight: 400;
      color: #121212; }
    .create-milestone .milestoneTasks .newTaskButton a span {
      background-image: url(/images/icons/more-options-pink.svg);
      background-repeat: no-repeat;
      line-height: 20px;
      height: 22px;
      width: 22px;
      background-size: 22px 22px;
      background-color: #ffffff;
      border-radius: 50px; }
    .create-milestone .milestoneTasks .newTaskButton a:hover {
      text-decoration: none;
      color: #E83B83; }
      .create-milestone .milestoneTasks .newTaskButton a:hover span {
        background-image: url(/images/icons/more-options-pink.svg); }
  .create-milestone .milestoneTasks .tableHeader {
    background: linear-gradient(to bottom, #f1f1f1, #FFF); }
  .create-milestone .milestoneTasks .divTable.taskDivTable {
    border: 1px solid #cdcdcd;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff !important; }
  .create-milestone .milestoneTasks .tableRoleCell:nth-child(3n) {
    width: 230px; }
  .create-milestone .milestoneTasks .tableRow {
    border-bottom: 1px solid #e6e6e6; }
    .create-milestone .milestoneTasks .tableRow:last-child {
      border-bottom: none; }
    .create-milestone .milestoneTasks .tableRow:nth-child(2n) {
      background: #faf8f9; }
    .create-milestone .milestoneTasks .tableRow .item-icon.task {
      background-size: 12px 12px;
      background-image: url("/images/icons/iconcheckinbox_priority.svg");
      background-repeat: no-repeat;
      line-height: 12px;
      padding-left: 20px;
      display: inline-block; }
.create-milestone ap-bulk-milestone-cancel .popup-ap-required .bulk_required__wrap {
  padding: 0; }
.create-milestone ap-bulk-milestone-cancel .popup-ap-required .content-message {
  background: url("/images/background_image.jpg");
  padding: 50px 0; }
  .create-milestone ap-bulk-milestone-cancel .popup-ap-required .content-message h4 {
    color: #000;
    font-size: 13px;
    text-align: center; }
.create-milestone ap-bulk-milestone-cancel .popup-ap-required .title-message {
  margin-bottom: 40px; }
  .create-milestone ap-bulk-milestone-cancel .popup-ap-required .title-message h2 {
    font-size: 21px;
    font-weight: 400;
    padding-left: 20px; }
.create-milestone ap-bulk-milestone-cancel .popup-ap-required .overlay_abs {
  width: 40% !important;
  left: 30% !important; }
.create-milestone ap-bulk-milestone-cancel .popup-ap-required ap-submit-buttons {
  padding: 20px 20px 0px 0px;
  display: flex;
  justify-content: flex-end; }
.create-milestone .taskDivTable .mainContent .tableDateCell {
  width: 90px; }
.create-milestone .taskDivTable .mainContent .tableDateCell, .create-milestone .taskDivTable .mainContent .tableNameCell {
  font-size: 13px;
  font-weight: 400;
  text-align: left; }
.create-milestone .taskDivTable .mainContent .tableRoleCell {
  font-size: 12px;
  font-weight: 300; }
.create-milestone .taskDivTable .mainContent .owner-role {
  margin-left: 0.5em; }
.create-milestone .taskDivTable .mainContent .ap-icon {
  background-size: 13px 13px;
  margin-right: 0.7em;
  opacity: .5; }
.create-milestone .taskDivTable .mainContent .singleLine .contents .task-name {
  display: inline-block; }

.wrapleft-search-result {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .wrapleft-search-result .border-img-search {
    order: 1;
    margin: 0 0.5rem;
    width: 15px;
    height: 15px;
    border-radius: 5px;
    display: flex;
    justify-content: center; }
    .wrapleft-search-result .border-img-search .searchTogglerMinus {
      transform: rotate(180deg);
      position: relative;
      top: 0;
      padding: 10% 40%; }
    .wrapleft-search-result .border-img-search .searchTogglerPlus {
      position: relative;
      top: 1px;
      left: 2px;
      padding: 15% 30%; }
    .wrapleft-search-result .border-img-search .searchTogglerMinus {
      transform: rotate(180deg);
      position: relative;
      top: 2px; }
  .wrapleft-search-result .text-content-search {
    padding-right: 35px; }
  .wrapleft-search-result .border-img-search + .text-content-search {
    padding-right: 0; }

.listTree ap-users-page-tree-node .tableRow {
  height: 84px;
  background-color: white; }
  .listTree ap-users-page-tree-node .tableRow .task-info-collapsor {
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    position: relative;
    border: 1px solid #C6C6C5;
    border-radius: 4px;
    cursor: pointer; }
    .listTree ap-users-page-tree-node .tableRow .task-info-collapsor::after {
      position: absolute;
      top: 3px;
      left: 6px;
      content: ' ';
      width: 15px;
      height: 15px;
      display: inline-block;
      background-size: 20px 20px;
      background-position: 0 0;
      background-image: url(/images/icons/open3-viewbox.svg); }
    .listTree ap-users-page-tree-node .tableRow .task-info-collapsor.active {
      border: 1px solid #ffe4ee; }
      .listTree ap-users-page-tree-node .tableRow .task-info-collapsor.active::after {
        background-image: url(/images/icons/collapse3-viewbox.svg);
        left: 3px;
        top: 6px; }
  .listTree ap-users-page-tree-node .tableRow.odd {
    background-color: #FAF8F9;
    height: 64px; }
    .listTree ap-users-page-tree-node .tableRow.odd .mainContent .tableCell {
      margin-top: 0; }
      .listTree ap-users-page-tree-node .tableRow.odd .mainContent .tableCell.tableNameCell.tableGroupNameCell:after {
        display: none; }
    .listTree ap-users-page-tree-node .tableRow.odd .mainContent .connectors .treeConnector {
      height: 64px;
      background-size: 64px 64px; }
  .listTree ap-users-page-tree-node .tableRow .mainContent {
    padding: 0px; }
    .listTree ap-users-page-tree-node .tableRow .mainContent .tableCell {
      margin-top: 10px;
      height: 64px;
      background-color: #E4ECF9;
      padding: 0; }
    .listTree ap-users-page-tree-node .tableRow .mainContent .tableNameCell {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
      .listTree ap-users-page-tree-node .tableRow .mainContent .tableNameCell.tableGroupNameCell.expanded {
        position: relative; }
        .listTree ap-users-page-tree-node .tableRow .mainContent .tableNameCell.tableGroupNameCell.expanded:after {
          display: inline-block;
          width: 8px;
          height: 10px;
          position: absolute;
          bottom: -10px;
          left: 8px;
          content: ' ';
          background-size: 64px 64px;
          background-image: url(/images/layout/treeConnector.svg); }
    .listTree ap-users-page-tree-node .tableRow .mainContent .tableLastCell {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .listTree ap-users-page-tree-node .tableRow .mainContent .connectors {
      padding: 0; }
      .listTree ap-users-page-tree-node .tableRow .mainContent .connectors .treeConnector {
        height: 84px;
        padding-top: 0px;
        display: inline-block;
        width: 8px;
        background-image: url("/images/layout/treeConnector.svg");
        background-size: 84px 84px;
        margin-left: 8px; }
        .listTree ap-users-page-tree-node .tableRow .mainContent .connectors .treeConnector:last-child {
          background-image: url("/images/layout/treeConnectorConnected.svg"); }
    .listTree ap-users-page-tree-node .tableRow .mainContent.inactive .tableCell {
      background-color: gray; }
.listTree ap-users-page-tree-node.last .tableRow .mainContent .connectors {
  padding: 0; }
  .listTree ap-users-page-tree-node.last .tableRow .mainContent .connectors .treeConnector:last-child {
    background-image: url("/images/layout/treeConnectorLast.svg"); }

.header-form-text {
  font-size: 1.5rem;
  margin-bottom: 1.4rem;
  margin-top: 1.5rem; }

.form-w-px {
  width: 1162px; }

.form-h-text {
  font-size: 0.897rem;
  margin: 15px 0; }

.form-text-h-1_5rem {
  font-size: 1.5rem; }

div.form-box .field-label {
  font-size: 1rem; }

.form-mb-m10 {
  margin-bottom: -10px; }

.mb-1_1rem {
  margin-bottom: 1.1rem; }

.form-mt-1rem {
  margin-top: 1rem; }

.form-m-top {
  margin-top: 1.5rem; }

.fix-margin .hidden-radio-label {
  margin-right: -2px; }
.fix-margin .span-padding {
  padding: 0 10px; }

.disp-none-wrap .form-width-100 .field-label {
  display: none; }
.disp-none-wrap .form-width-100 .chosen-container {
  margin-top: 0; }

/* Styles for the form: */
.form-box-border {
  display: flex;
  flex-direction: column;
  border: 1px solid lightgrey;
  border-radius: 12px;
  padding: 0.6% 1.6%; }

.form-box-wrap {
  background-color: #fff;
  /* Styles for text fields */
  /**/ }
  .form-box-wrap #focusarea_name {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #E6E6E6;
    font-size: 12px;
    /*&:focus:not(.disabled) {

    }*/ }
  .form-box-wrap .fd-col {
    flex-direction: column; }
  .form-box-wrap .required {
    color: #d4159b; }
  .form-box-wrap .field-label {
    font-size: 1rem;
    font-weight: 400; }
  .form-box-wrap .alignement_options_dropdown ap-profile-tree-selector ap-list-tree-selector .list-tree-selector {
    width: 25.5%; }
  .form-box-wrap .language-width {
    width: 290px; }
  .form-box-wrap .chosen-container {
    margin-top: 1rem; }
  .form-box-wrap .form-row {
    width: 100%;
    display: flex;
    margin-bottom: 20px; }
  .form-box-wrap .form-col-10 {
    width: 10%;
    display: flex; }
  .form-box-wrap .form-col-40 {
    width: 40%;
    display: flex; }
  .form-box-wrap .form-col-25 {
    width: 25%;
    display: flex; }
  .form-box-wrap .form-col-33 {
    width: 33%;
    display: flex; }
  .form-box-wrap .form-col-60 {
    width: 60%;
    display: flex; }
  .form-box-wrap .form-col-50 {
    width: 50%;
    display: flex; }
    .form-box-wrap .form-col-50 ap-alignment-selector-compatibility, .form-box-wrap .form-col-50 ap-alignment-selector {
      width: 95%; }
    .form-box-wrap .form-col-50 .relationHolder.multiple {
      width: 95%; }
  .form-box-wrap .form-col-40 {
    width: 40%;
    display: flex; }
    .form-box-wrap .form-col-40 ap-alignment-selector-compatibility, .form-box-wrap .form-col-40 ap-alignment-selector {
      width: 95%; }
    .form-box-wrap .form-col-40 .relationHolder.multiple {
      width: 95%; }
  .form-box-wrap .form-right {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
  .form-box-wrap .form-width-100 {
    width: 100%; }
  .form-box-wrap input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #E6E6E6;
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 6px; }
  .form-box-wrap input.remove_profile_btn {
    position: relative;
    top: 3px;
    width: 20px;
    height: 16px;
    float: inherit;
    line-height: 1.5em;
    background: none;
    color: #d74c81;
    border: none;
    cursor: pointer;
    padding: 0; }
  .form-box-wrap input.remove_profile_btn:focus {
    outline: none; }
  .form-box-wrap #remove_image {
    margin-left: 90px;
    font-size: .8rem;
    position: relative;
    top: -3px; }
    .form-box-wrap #remove_image:hover {
      text-decoration: none; }
    .form-box-wrap #remove_image.disable {
      pointer-events: none;
      opacity: .5; }
      .form-box-wrap #remove_image.disable input.remove_profile_btn {
        filter: grayscale(100%); }
  .form-box-wrap .icon-calendar {
    position: relative;
    width: 90%; }
    .form-box-wrap .icon-calendar:after {
      content: '';
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      bottom: 15px;
      right: 25px;
      background-image: url(/images/icons/calendar2.png);
      background-repeat: no-repeat;
      background-size: 20px 20px; }
  .form-box-wrap .calender_icon {
    position: relative;
    left: 83%;
    top: 9px; }
    .form-box-wrap .calender_icon:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      background-image: url(/images/icons/calendar2.png);
      background-repeat: no-repeat;
      background-size: 20px 20px; }
  .form-box-wrap .posistion_calender {
    top: 28px;
    left: -48px; }
  .form-box-wrap .form-col-10 label .active-btn + span {
    display: inline-flex;
    align-items: center;
    border: 1px solid #DDD;
    padding: 5px 40px;
    border-radius: 10px;
    justify-content: center;
    color: #DDD;
    margin-top: 30px; }
  .form-box-wrap .form-col-10 label .active-btn:checked + span {
    border: 1px solid #E83B83;
    color: #E83B83; }
  .form-box-wrap .form-col-25 input {
    width: 90%; }
  .form-box-wrap .form-col-25 .chosen-single, .form-box-wrap .form-col-25 .chosen-drop {
    width: 90%; }
  .form-box-wrap .form-col-40 #ap_businessmap_responsible_profile_id_chosen {
    width: 90% !important; }
  .form-box-wrap .form-col-50 #ap_profile_title {
    width: 95%; }
  .form-box-wrap .form-col-50 input[disabled], .form-box-wrap .form-col-50 .disabled {
    background-color: #fff; }
  .form-box-wrap .tab-selector-wrapper {
    height: 31px;
    margin-top: 0.7rem; }
    .form-box-wrap .tab-selector-wrapper .hidden-radio-label span {
      padding: 0 15px; }
    .form-box-wrap .tab-selector-wrapper.receive-emails {
      display: block; }
    .form-box-wrap .tab-selector-wrapper .v-top {
      vertical-align: top; }
  .form-box-wrap .form-btn {
    width: 200px;
    height: 22px;
    border: 1px solid lightgrey;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px; }
  .form-box-wrap .form-btn:hover {
    border: 1px solid #E83B83;
    color: #E83B83; }
  .form-box-wrap .j-content {
    display: flex;
    justify-content: center;
    align-items: flex-end; }
  .form-box-wrap .j-content-center {
    justify-content: center; }
  .form-box-wrap .hidden-wrap .chosen-container {
    display: none; }
  .form-box-wrap .hidden-radio + span {
    height: 26px;
    line-height: 25px; }
  .form-box-wrap #example_number {
    color: lightgray;
    font-size: 0.897rem; }
  .form-box-wrap ap-alignment-selector .list-tree-selector {
    width: 43.6%; }
  .form-box-wrap ap-alignment-selector .list-search-results .list-tree-selector {
    width: calc(100% - 12.5%) !important; }
  .form-box-wrap .selector-line {
    border-bottom: 1px solid #E6E6E6;
    color: #ccc;
    font-size: 12px; }
  .form-box-wrap .selector-line.profile-selector-line {
    width: 95%; }
  .form-box-wrap .list-tree-selector {
    width: 42.9%; }
  .form-box-wrap .list-search-results .list-tree-selector {
    width: calc(100% - 13.3%) !important; }
  .form-box-wrap .list-tree-search-icon {
    right: 43px;
    top: 19px; }
  .form-box-wrap .helptext {
    font-size: 0.89rem;
    color: #c8c8c8; }
  .form-box-wrap .form-btn-wrap .submitpanel {
    width: 100%; }
  .form-box-wrap .form-btn-wrap .submitButton {
    width: 90px !important; }

.permission-box-border {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid lightgrey;
  border-radius: 12px;
  background-color: #fff; }
  .permission-box-border h3 {
    display: none; }
  .permission-box-border .permission-wrap {
    width: 100%;
    border: none;
    border-collapse: collapse; }
    .permission-box-border .permission-wrap thead th, .permission-box-border .permission-wrap tfoot td {
      background-color: #fff;
      padding: 1% 0.9%;
      border-radius: 20px; }
    .permission-box-border .permission-wrap tbody tr {
      border-bottom: 1px solid lightgrey; }
      .permission-box-border .permission-wrap tbody tr:nth-child(even) {
        background-color: #faf8f9; }
        .permission-box-border .permission-wrap tbody tr:nth-child(even) td {
          background-color: #faf8f9; }
    .permission-box-border .permission-wrap .hidden-radio + span {
      padding: 0 10px;
      margin-right: -3px; }

.wrap-data-feedback {
  position: relative;
  display: flex;
  width: 100%; }
  .wrap-data-feedback::after {
    content: '';
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    background-image: url(/images/icons/calendar-grey.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    bottom: 5px;
    right: 25px; }

.subWrapContainer h1 {
  font-size: 1.2rem;
  margin-bottom: 30px; }

.footer-box-form .footer-btn-box {
  width: 200px;
  height: 30px;
  background-color: #24bb22;
  border-radius: 12px;
  cursor: pointer;
  justify-content: center;
  display: flex;
  align-items: center; }
  .footer-box-form .footer-btn-box:hover {
    background-color: #36ff30; }
  .footer-box-form .footer-btn-box .footer-btn-text {
    color: #fff;
    font-size: 1rem; }
.footer-box-form .footer-box-text {
  font-size: 1rem;
  color: black;
  font-weight: 400;
  margin-bottom: 0.5rem; }
.footer-box-form .footer-box-content-text {
  list-style: none;
  position: relative;
  font-size: 0.7rem; }
  .footer-box-form .footer-box-content-text li {
    margin-bottom: 5px; }
    .footer-box-form .footer-box-content-text li::before {
      content: '-';
      display: block;
      position: absolute;
      left: -10px; }
  .footer-box-form .footer-box-content-text .footer-box-content-text__span {
    font-weight: 500; }
  .footer-box-form .footer-box-content-text .footer-box-content-text__span_u {
    color: #E83B83;
    text-decoration: underline; }

.company-h-text {
  font-size: 1.5rem;
  margin: 15px 0; }

/* styles for the settings menu */
.mt-100 {
  margin-top: 100px; }

.icon-right-29 .icon-calendar::after {
  right: 29px; }

.user-type-text {
  font-size: 0.897rem; }

.user-type-content {
  font-size: 0.897rem;
  color: #cccccc;
  margin-top: 1rem; }

#stickyHeaderWrapper #iniDetailTop {
  top: 60px; }
#stickyHeaderWrapper .subContainer .actionHeaderBox__header__left_panel {
  padding-left: 7px; }
#stickyHeaderWrapper .subContainer .mainInfo .header .photo-description {
  padding-left: 10px;
  margin-top: 11px; }
  #stickyHeaderWrapper .subContainer .mainInfo .header .photo-description h3 {
    margin-left: 0;
    margin-bottom: 5px; }
  #stickyHeaderWrapper .subContainer .mainInfo .header .photo-description .current-page {
    color: #E83B83; }
  #stickyHeaderWrapper .subContainer .mainInfo .header .photo-description span {
    color: #9D9C9C; }
  #stickyHeaderWrapper .subContainer .mainInfo .header .photo-description .next-page {
    color: #9D9C9C; }
  #stickyHeaderWrapper .subContainer .mainInfo .header .photo-description a:hover {
    text-decoration: none; }

.profile_picture__wrap .fr.two-column {
  display: none; }
.profile_picture__wrap .fr {
  color: #ccc;
  font-size: 0.8rem; }
.profile_picture__wrap .attachPictures {
  font-size: 0.8rem;
  color: black;
  display: flex;
  align-items: center;
  margin: 2rem 0 2rem 15rem;
  cursor: pointer;
  width: 100px; }
  .profile_picture__wrap .attachPictures::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/images/icons/more-options-pink.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-right: 5px; }
.profile_picture__wrap .upload-list {
  display: flex;
  list-style: none; }
  .profile_picture__wrap .upload-list li {
    margin-left: 2rem; }
    .profile_picture__wrap .upload-list li:first-child {
      margin-left: 0; }

.subWrapContainer .footer-btn-form-wrap #submitpanel, .subWrapContainer .footer-btn-form-wrap .submitpanel {
  margin-right: 0; }

.upload-list.center {
  align-items: center; }

.image.lg {
  width: 100px;
  height: 100px;
  background: lightgray;
  border-radius: 50%; }

.image.md {
  width: 60px;
  height: 60px;
  background: lightgray;
  border-radius: 50%; }

.image.sm {
  width: 40px;
  height: 40px;
  background: lightgray;
  border-radius: 50%; }

.add-wraper {
  display: flex;
  margin-top: 28px; }
  .add-wraper .image.sm {
    align-self: center; }
  .add-wraper .wrap-add-img-btn {
    width: 50%; }
  .add-wraper .fr {
    display: none; }

.permission-box-border .bm_name {
  display: flex;
  align-items: center; }
  .permission-box-border .bm_name::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(/images/icons/businessmap-grey-viewbox.svg);
    background-repeat: no-repeat;
    background-size: 30px auto;
    display: block;
    background-position: 0 4px; }
.permission-box-border .tablesorter-header-inner::after {
  display: none !important; }
.permission-box-border .permission-wrap thead th {
  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 33%, white 100%); }
  .permission-box-border .permission-wrap thead th:first-child {
    border-radius: 12px 0 0 0; }
  .permission-box-border .permission-wrap thead th:last-child {
    border-radius: 0 12px 0 0; }

.form-helper-text {
  font-size: 0.79rem;
  color: #a7a5a5;
  font-weight: 400; }

.support_team_wrap .tab-selector-wrapper .hidden-radio-label span {
  padding: 0 10px; }

.form-row input:focus {
  outline: none; }

#parent_form_box {
  width: 100%;
  margin: 5px 0;
  border-radius: 18px;
  padding-left: 5px; }
  #parent_form_box .chosen-container {
    margin-top: 10px; }

.Company_account_content.company-custom-padding {
  padding: 1.3% 1.6% !important; }

.delete_account_block {
  margin-top: 15px; }
  .delete_account_block .info-icon {
    position: relative;
    left: 6px;
    top: 8px;
    display: inline; }

.delete_account_btn {
  padding: 5px 20px 5px 20px;
  background-color: #fff;
  border: 1px solid #DDD;
  color: #525252;
  border-radius: 3px;
  font-size: 12px;
  height: 29px;
  min-width: 74px;
  text-transform: uppercase;
  font-weight: 400;
  vertical-align: top;
  text-align: center;
  line-height: 29px;
  cursor: pointer; }

.form-user-type .form-width-100 {
  margin-top: 4px; }

.number-separator-selector .tab-selector-wrapper, .number-separator-selector #example_number {
  vertical-align: top; }
.number-separator-selector #example_number {
  position: relative;
  top: 17px;
  margin-left: 5px; }

.form-box-wrap .days-before-alerting {
  width: 70%; }

.ce-filter-container input {
  width: unset;
  vertical-align: top;
  height: unset;
  display: none; }
.ce-filter-container input + label {
  color: #ccc;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 0 15px;
  cursor: pointer;
  font-size: 14px;
  height: 26px;
  line-height: 26px; }
  .ce-filter-container input + label:first-of-type {
    border-radius: 15px 0 0 15px; }
  .ce-filter-container input + label:last-of-type {
    border-radius: 0 15px 15px 0; }
.ce-filter-container input:checked + label {
  color: #E83B83;
  border-color: #E83B83;
  background-color: #FFF6F9;
  user-select: none; }

.ce-filter-label {
  font-size: 14px;
  display: inline-block; }

.ce-filter-wrapper {
  display: inline-block;
  margin-left: 10px; }
  .ce-filter-wrapper.hidden {
    display: none; }
  .ce-filter-wrapper .info-icon {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 4px;
    margin-right: 8px; }

.ce-filter-container {
  display: inline-block; }

.subWrapContainer {
  width: 80%;
  margin: 0 auto;
  padding: 22px 0 22px 0;
  margin-bottom: 20px; }
  .subWrapContainer #businessmapEdit {
    /*top: 100px;
    left: 20%;*/ }
    .subWrapContainer #businessmapEdit .chosen-container-single .chosen-single span {
      margin-left: 0px; }
  .subWrapContainer .text-btn-img {
    width: 20px;
    padding-left: 5px;
    height: 20px;
    background-size: 20px 20px;
    background-image: url(/images/icons/more-options-pink.svg);
    background-repeat: no-repeat; }
  .subWrapContainer .AddAlignment a {
    height: 30px;
    display: flex;
    align-items: center;
    text-decoration: none; }
    .subWrapContainer .AddAlignment a:hover {
      color: #E83B83; }
    .subWrapContainer .AddAlignment a:hover .text-btn-img {
      background-image: url(/images/icons/more-options-pink.svg); }
  .subWrapContainer .selector-line.profile-selector-line {
    margin-top: 0.7rem;
    color: #000;
    font-weight: 300;
    font-size: 12px; }
  .subWrapContainer .profile-selector-line-mt-0 .selector-line.profile-selector-line {
    margin-top: 0; }
  .subWrapContainer .hidden-label .form-width-100 .field-label {
    display: none; }
  .subWrapContainer #submitpanel, .subWrapContainer .submitpanel {
    margin: 20px 25px 0px 25px; }
  .subWrapContainer .mr-0 #submitpanel, .subWrapContainer .mr-0 .submitpanel {
    margin: 20px 0 0px 25px; }
  .subWrapContainer .edit-security-page {
    padding-top: 20px; }

.profile-selector-line-placeholder {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  margin-right: 20px; }

#addEditFocusArea .form-box .form-box-content-bg, #copyFocusarea .form-box .form-box-content-bg {
  background: url("/images/background_image.jpg") left top;
  padding: 15px 25px; }
#addEditFocusArea .selector-line.profile-selector-line, #copyFocusarea .selector-line.profile-selector-line {
  margin-top: 0.7rem;
  color: #000;
  font-weight: 300;
  font-size: 12px; }
#addEditFocusArea .obj-desc-section, #copyFocusarea .obj-desc-section {
  display: flex; }
  #addEditFocusArea .obj-desc-section .milestone-description-block, #copyFocusarea .obj-desc-section .milestone-description-block {
    padding: 20px 0;
    width: 60%; }
    #addEditFocusArea .obj-desc-section .milestone-description-block .fr-box.custom-theme.fr-inline, #copyFocusarea .obj-desc-section .milestone-description-block .fr-box.custom-theme.fr-inline {
      margin-top: 10px;
      width: 80%; }
      #addEditFocusArea .obj-desc-section .milestone-description-block .fr-box.custom-theme.fr-inline p, #copyFocusarea .obj-desc-section .milestone-description-block .fr-box.custom-theme.fr-inline p {
        width: 100%;
        word-wrap: break-word; }
    #addEditFocusArea .obj-desc-section .milestone-description-block .fr-element.fr-view, #copyFocusarea .obj-desc-section .milestone-description-block .fr-element.fr-view {
      min-height: 50px;
      width: 100%; }
    #addEditFocusArea .obj-desc-section .milestone-description-block .fr-element, #copyFocusarea .obj-desc-section .milestone-description-block .fr-element {
      background: #fff; }
  #addEditFocusArea .obj-desc-section .right-block, #copyFocusarea .obj-desc-section .right-block {
    width: 40%;
    display: inline-block;
    margin-top: 61px; }
    #addEditFocusArea .obj-desc-section .right-block .attachedFiles, #copyFocusarea .obj-desc-section .right-block .attachedFiles {
      display: block;
      padding-top: 25px;
      font-size: 12px;
      font-weight: 400;
      color: #121212; }
      #addEditFocusArea .obj-desc-section .right-block .attachedFiles .attachedFilesList .fileListItem, #copyFocusarea .obj-desc-section .right-block .attachedFiles .attachedFilesList .fileListItem {
        position: relative; }
        #addEditFocusArea .obj-desc-section .right-block .attachedFiles .attachedFilesList .fileListItem a, #copyFocusarea .obj-desc-section .right-block .attachedFiles .attachedFilesList .fileListItem a {
          color: black; }
    #addEditFocusArea .obj-desc-section .right-block #uploadFile, #copyFocusarea .obj-desc-section .right-block #uploadFile {
      height: 25px;
      position: absolute;
      left: 0px;
      width: 100px;
      opacity: 0;
      cursor: pointer; }
    #addEditFocusArea .obj-desc-section .right-block .attachFile a.upload .icon-attach, #copyFocusarea .obj-desc-section .right-block .attachFile a.upload .icon-attach {
      background-repeat: no-repeat;
      line-height: 20px;
      width: 60px;
      padding-left: 16px;
      height: 20px;
      background-size: 20px 20px;
      background-image: url(/images/icons/more-options-grey.svg);
      margin-top: 64px;
      margin-left: 34px; }
    #addEditFocusArea .obj-desc-section .right-block .attachFile a.upload:hover .icon-attach, #copyFocusarea .obj-desc-section .right-block .attachFile a.upload:hover .icon-attach {
      background-image: url(/images/icons/more-options-pink.svg); }
    #addEditFocusArea .obj-desc-section .right-block .wrap-add-files, #copyFocusarea .obj-desc-section .right-block .wrap-add-files {
      display: inline;
      width: 100px;
      height: 25px;
      position: relative; }
#addEditFocusArea .text-btn-img, #copyFocusarea .text-btn-img {
  width: 20px;
  padding-left: 5px;
  height: 20px;
  background-size: 20px 20px;
  background-image: url(/images/icons/more-options-pink.svg);
  background-repeat: no-repeat; }
#addEditFocusArea .AddAlignment a, #copyFocusarea .AddAlignment a {
  height: 30px;
  display: flex;
  align-items: center;
  text-decoration: none; }
  #addEditFocusArea .AddAlignment a:hover, #copyFocusarea .AddAlignment a:hover {
    color: #E83B83; }
  #addEditFocusArea .AddAlignment a:hover .text-btn-img, #copyFocusarea .AddAlignment a:hover .text-btn-img {
    background-image: url(/images/icons/more-options-pink.svg); }
#addEditFocusArea #submitpanel, #addEditFocusArea .submitpanel, #copyFocusarea #submitpanel, #copyFocusarea .submitpanel {
  margin: 20px 25px 0px 25px; }

.input-styles input.helpText {
  height: 42px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #E6E6E6;
  font-size: 17px !important;
  font-weight: 300;
  padding-bottom: 0; }
.input-styles input.helpText:focus:not(.disable) {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #E6E6E6; }

.Permission-section {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.bg-transparent {
  background: transparent !important; }

.form-kpi-content {
  border-top: none;
  margin-top: 40px; }
  .form-kpi-content .AddAlignment a {
    font-size: 0.8rem;
    color: black; }

.btn-add-kpi-form-content {
  width: 100%;
  display: flex;
  margin: 40px 0 20px 0; }
  .btn-add-kpi-form-content .text-content-kpi {
    display: flex;
    width: 50%; }
  .btn-add-kpi-form-content .btn-content-kpi {
    display: flex;
    width: 50%;
    justify-content: flex-end; }

#focusarea .focusareaForm a.createLink {
  text-transform: none;
  text-decoration: none;
  font-size: 0.8rem;
  color: black;
  margin-left: 0; }
  #focusarea .focusareaForm a.createLink span {
    top: 0; }
#focusarea .content-relationHolder {
  display: flex;
  align-items: center;
  margin-top: 15px; }
  #focusarea .content-relationHolder .relationHolder.multiple {
    width: 90%;
    margin-right: 10px; }
  #focusarea .content-relationHolder ap-alignment-selector .list-tree-selector {
    width: 41.6%; }
#focusarea .border-bottom-wrap .chosen-container-single .chosen-single {
  border: none;
  border-bottom: 1px solid #ccc; }

.customize-company-form {
  margin: 20px 0; }
  .customize-company-form .edit-company-security {
    font-size: 11px; }
    .customize-company-form .edit-company-security h3 {
      font-size: 20px; }
    .customize-company-form .edit-company-security .security-title {
      display: flex;
      justify-content: space-between; }
      .customize-company-form .edit-company-security .security-title.securityBorder {
        margin-bottom: 10px;
        border-bottom: 1px solid #C6C6C5; }
      .customize-company-form .edit-company-security .security-title .task-info-collapsor {
        width: 15px;
        height: 15px;
        margin-left: 12px;
        position: relative;
        border: 1px solid #C6C6C5;
        border-radius: 4px;
        cursor: pointer;
        margin-right: 20px;
        background: #fff;
        top: 4px; }
        .customize-company-form .edit-company-security .security-title .task-info-collapsor:after {
          position: absolute;
          top: 2px;
          left: 6px;
          content: ' ';
          width: 15px;
          height: 15px;
          display: inline-block;
          background-size: 20px 20px;
          background-position: 0 0;
          background-image: url(/images/icons/open3-viewbox.svg); }
        .customize-company-form .edit-company-security .security-title .task-info-collapsor.active {
          border: 1px solid #F9E3B1; }
          .customize-company-form .edit-company-security .security-title .task-info-collapsor.active:after {
            background-image: url(/images/icons/collapse3-viewbox.svg);
            left: 2px !important;
            top: 5px; }
    .customize-company-form .edit-company-security .form-box {
      width: 100%;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
      padding: 0;
      margin-bottom: 20px; }
      .customize-company-form .edit-company-security .form-box h4 {
        font-size: 14px;
        padding: 15px; }
      .customize-company-form .edit-company-security .form-box .one-column {
        background: #fff;
        display: flex; }
        .customize-company-form .edit-company-security .form-box .one-column .fu {
          display: flex;
          align-items: center; }
          .customize-company-form .edit-company-security .form-box .one-column .fu .field-label {
            margin-left: 20px; }
          .customize-company-form .edit-company-security .form-box .one-column .fu .tab-selector-wrapper {
            margin: 0 20px; }
            .customize-company-form .edit-company-security .form-box .one-column .fu .tab-selector-wrapper .hidden-radio-label span {
              padding: 0 10px; }
        .customize-company-form .edit-company-security .form-box .one-column:nth-child(even) {
          background: #f6f6f6; }
        .customize-company-form .edit-company-security .form-box .one-column:last-child {
          border-radius: 0 0 12px 12px; }
      .customize-company-form .edit-company-security .form-box .two-column {
        display: flex; }
        .customize-company-form .edit-company-security .form-box .two-column .fu {
          width: inherit;
          display: flex; }
          .customize-company-form .edit-company-security .form-box .two-column .fu > .hidden-radio-label {
            margin: 0 20px;
            width: 200px;
            margin-top: 10px; }
            .customize-company-form .edit-company-security .form-box .two-column .fu > .hidden-radio-label span {
              border-radius: 15px;
              width: 100%; }
          .customize-company-form .edit-company-security .form-box .two-column .fu .password_expires {
            display: flex;
            align-items: center; }
            .customize-company-form .edit-company-security .form-box .two-column .fu .password_expires .tab-selector-wrapper {
              margin: 0 20px; }
              .customize-company-form .edit-company-security .form-box .two-column .fu .password_expires .tab-selector-wrapper .hidden-radio-label span {
                padding: 0 10px; }
          .customize-company-form .edit-company-security .form-box .two-column .fu .requirements-high {
            margin-right: 20px; }
            .customize-company-form .edit-company-security .form-box .two-column .fu .requirements-high h4 {
              padding: 5px 0 10px 0; }
        .customize-company-form .edit-company-security .form-box .two-column:nth-child(odd) {
          background: #f6f6f6; }
        .customize-company-form .edit-company-security .form-box .two-column:last-child {
          border-radius: 0 0 12px 12px; }
      .customize-company-form .edit-company-security .form-box .s-a-m-l-box {
        display: flex;
        line-height: 16px; }
        .customize-company-form .edit-company-security .form-box .s-a-m-l-box .ip-access-box .fu {
          padding-left: 0;
          width: calc(30% - -8px); }
        .customize-company-form .edit-company-security .form-box .s-a-m-l-box .three-column .fu {
          width: inherit; }
          .customize-company-form .edit-company-security .form-box .s-a-m-l-box .three-column .fu .hidden-radio-label {
            margin: 0 20px;
            width: 200px;
            margin-top: 10px; }
            .customize-company-form .edit-company-security .form-box .s-a-m-l-box .three-column .fu .hidden-radio-label span {
              border-radius: 15px;
              width: 100%; }
        .customize-company-form .edit-company-security .form-box .s-a-m-l-box #saml_details {
          padding: 16px; }
          .customize-company-form .edit-company-security .form-box .s-a-m-l-box #saml_details b {
            font-weight: 500; }
          .customize-company-form .edit-company-security .form-box .s-a-m-l-box #saml_details p {
            margin-bottom: 2px;
            line-height: 16px; }
          .customize-company-form .edit-company-security .form-box .s-a-m-l-box #saml_details .two-column {
            margin-top: 0px; }
          .customize-company-form .edit-company-security .form-box .s-a-m-l-box #saml_details input {
            border: 0;
            border-bottom: 1px solid #e6e6e6;
            margin-bottom: 5px; }
      .customize-company-form .edit-company-security .form-box h3 {
        padding: 25px; }
      .customize-company-form .edit-company-security .form-box .companyTagsDialog {
        background: #f7f7f7;
        font-size: 15px;
        font-family: sans-serif; }
        .customize-company-form .edit-company-security .form-box .companyTagsDialog #tagCategoryElement > div:first-child {
          width: 100%; }
        .customize-company-form .edit-company-security .form-box .companyTagsDialog #tagCategoryElement .chzn-container .chzn-drop .chzn-search {
          width: 96%; }
    .customize-company-form .edit-company-security .form-box {
      border-radius: 0px; }
    .customize-company-form .edit-company-security .ip-access-box {
      display: flex; }
      .customize-company-form .edit-company-security .ip-access-box.form-box {
        padding-left: 240px;
        width: calc(100% - 240px); }
      .customize-company-form .edit-company-security .ip-access-box #allowed-ips {
        visibility: visible;
        border: 1px solid #e6e6e6;
        text-align: center; }
      .customize-company-form .edit-company-security .ip-access-box #saml-ips {
        visibility: visible;
        border: 1px solid #e6e6e6;
        text-align: center; }
      .customize-company-form .edit-company-security .ip-access-box > .fu {
        width: 30%;
        padding: 16px;
        margin: 0; }
      .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons {
        text-align: center;
        width: 120px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 40px; }
        .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons #add {
          margin-bottom: -70px; }
        .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons input#saml_add_ip {
          margin-bottom: -70px;
          border: 1px solid #e6e6e6; }
        .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons #remove {
          margin-top: -70px; }
        .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons input#saml_remove_ip {
          margin-top: -70px;
          border: 1px solid #e6e6e6; }
        .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons input {
          margin: 0px auto;
          display: block;
          background: #fff;
          padding: 10px 0px;
          border: 1px solid #e6e6e6;
          position: relative; }
        .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons .add-ip-button {
          position: relative;
          margin-bottom: -70px; }
          .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons .add-ip-button:after {
            position: absolute;
            top: -3px;
            left: 33px;
            content: ' ';
            display: inline-block;
            width: 10px;
            height: 8px;
            background-image: url("/images/icons/roles/owner-simple.svg");
            background-size: 22px 17px;
            background-position: 0px 0px;
            z-index: 1; }
        .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons .remove-ip-button {
          position: relative;
          margin-top: -70px; }
          .customize-company-form .edit-company-security .ip-access-box .ip-add-remove-buttons .remove-ip-button:after {
            position: absolute;
            top: -3px;
            left: -33px;
            content: ' ';
            display: inline-block;
            width: 10px;
            height: 8px;
            background-image: url("/images/icons/roles/owner-simple.svg");
            background-size: 22px 17px;
            background-position: 0px 0px;
            z-index: 1;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
      .customize-company-form .edit-company-security .ip-access-box #ip {
        height: 20px; }
      .customize-company-form .edit-company-security .ip-access-box #saml_ip {
        height: 20px; }
      .customize-company-form .edit-company-security .ip-access-box #add-ip-column {
        display: block;
        background: inherit;
        padding: 16px; }
        .customize-company-form .edit-company-security .ip-access-box #add-ip-column .fu {
          width: 100%;
          margin: 0;
          padding: 0;
          display: block; }
          .customize-company-form .edit-company-security .ip-access-box #add-ip-column .fu input {
            height: 20px;
            width: 100%;
            border: 1px solid #e6e6e6; }
    .customize-company-form .edit-company-security #saml_details .remove-ip-button:after {
      top: -6px; }
    .customize-company-form .edit-company-security .ip-title-s {
      font-weight: 500; }
      .customize-company-form .edit-company-security .ip-title-s span {
        text-transform: lowercase; }

.edit-security-page .edit-company-security .security-title .task-info-collapsor .security_expander {
  background: #fff;
  cursor: pointer; }
  .edit-security-page .edit-company-security .security-title .task-info-collapsor .security_expander:after {
    position: relative;
    top: 3px;
    left: 6px;
    content: ' ';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 20px 20px;
    background-position: 0 0;
    background-image: url(/images/icons/open3-viewbox.svg); }
  .edit-security-page .edit-company-security .security-title .task-info-collapsor .security_expander:before {
    content: none; }
  .edit-security-page .edit-company-security .security-title .task-info-collapsor .security_expander.security_expanded {
    border: 1px solid #F9E3B1; }
    .edit-security-page .edit-company-security .security-title .task-info-collapsor .security_expander.security_expanded:after {
      background-image: url(/images/icons/collapse3-viewbox.svg);
      left: 3px !important;
      top: 6px; }

#display-mand-fields {
  padding-left: 5px;
  padding-top: 5px; }
  #display-mand-fields b {
    padding: 10px 5px;
    padding-right: 80px;
    font-size: 15px; }
  #display-mand-fields .display_mand_fields_section_1 {
    list-style: none;
    display: inline-block; }
    #display-mand-fields .display_mand_fields_section_1 .display_mand_fields_section_2 {
      list-style: none;
      padding-left: 10px;
      padding-right: 5px; }
  #display-mand-fields .display_mand_fields_section_3 {
    min-width: 175px;
    padding: 15px; }
    #display-mand-fields .display_mand_fields_section_3 label {
      display: inline; }
  #display-mand-fields span {
    margin-top: -6px; }
    #display-mand-fields span.label_no {
      margin-left: -3px; }
  #display-mand-fields strong {
    font-size: 14px; }

.edit-company-security .meeting-template {
  padding: 20px;
  border: 1px solid #DDD;
  border-radius: 12px;
  background-color: white; }
  .edit-company-security .meeting-template a {
    font-size: 14px; }
  .edit-company-security .meeting-template .delete-icon {
    display: inline-block;
    cursor: pointer;
    color: #525252;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #DDD;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
    float: right; }
    .edit-company-security .meeting-template .delete-icon:hover {
      background-color: #E83B83;
      border-color: #E83B83;
      color: white; }
  .edit-company-security .meeting-template .edit-template-btn {
    display: inline-block;
    cursor: pointer;
    color: #525252;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #DDD;
    text-align: center;
    border-radius: 4px;
    padding: 5px; }
    .edit-company-security .meeting-template .edit-template-btn:hover {
      background-color: #E83B83;
      border-color: #E83B83;
      color: white;
      text-decoration: none; }
    .edit-company-security .meeting-template .edit-template-btn.disabled {
      color: #C6C6C5;
      font-style: normal; }
  .edit-company-security .meeting-template .hidden-radio-label {
    display: inline;
    margin-right: -1px; }
  .edit-company-security .meeting-template .enable-template-box {
    margin-left: 50px; }
  .edit-company-security .meeting-template .enable-template-label {
    margin-right: 4px; }
  .edit-company-security .meeting-template .template-name {
    margin-right: 4px; }

.Company_account_content .form-col-50 .list-tree-selector {
  width: 28.7% !important; }
.Company_account_content .form-col-50 .list-search-results .list-tree-selector {
  width: calc(100% - 10.5%) !important; }
.Company_account_content .form-col-50 .list-tree-search-icon {
  right: 50px; }
.Company_account_content .form-row .company_content a.upload {
  text-decoration: none; }
.Company_account_content .form-row .company_content .generic-icon.medium, .Company_account_content .form-row .company_content ap-comment .medium.comment-button, ap-comment .Company_account_content .form-row .company_content .medium.comment-button, .Company_account_content .form-row .company_content ap-task-quick-edit .medium.comment-button, ap-task-quick-edit .Company_account_content .form-row .company_content .medium.comment-button, .Company_account_content .form-row .company_content ap-task-quick-add .medium.comment-button, ap-task-quick-add .Company_account_content .form-row .company_content .medium.comment-button {
  width: 100px;
  height: 20px;
  font-size: 0.98rem;
  color: #303030; }
  .Company_account_content .form-row .company_content .generic-icon.medium:hover, .Company_account_content .form-row .company_content ap-comment .medium.comment-button:hover, ap-comment .Company_account_content .form-row .company_content .medium.comment-button:hover, .Company_account_content .form-row .company_content ap-task-quick-edit .medium.comment-button:hover, ap-task-quick-edit .Company_account_content .form-row .company_content .medium.comment-button:hover, .Company_account_content .form-row .company_content ap-task-quick-add .medium.comment-button:hover, ap-task-quick-add .Company_account_content .form-row .company_content .medium.comment-button:hover {
    color: #E83B83; }
  .Company_account_content .form-row .company_content .generic-icon.medium .company-logo, .Company_account_content .form-row .company_content ap-comment .medium.comment-button .company-logo, ap-comment .Company_account_content .form-row .company_content .medium.comment-button .company-logo, .Company_account_content .form-row .company_content ap-task-quick-edit .medium.comment-button .company-logo, ap-task-quick-edit .Company_account_content .form-row .company_content .medium.comment-button .company-logo, .Company_account_content .form-row .company_content ap-task-quick-add .medium.comment-button .company-logo, ap-task-quick-add .Company_account_content .form-row .company_content .medium.comment-button .company-logo {
    padding-left: 8px; }
.Company_account_content .form-row .company_content .generic-icon.medium::after, .Company_account_content .form-row .company_content ap-comment .medium.comment-button::after, ap-comment .Company_account_content .form-row .company_content .medium.comment-button::after, .Company_account_content .form-row .company_content ap-task-quick-edit .medium.comment-button::after, ap-task-quick-edit .Company_account_content .form-row .company_content .medium.comment-button::after, .Company_account_content .form-row .company_content ap-task-quick-add .medium.comment-button::after, ap-task-quick-add .Company_account_content .form-row .company_content .medium.comment-button::after {
  background-image: url(/images/icons/more-options-pink.svg);
  left: -20px;
  top: -2px; }
.Company_account_content .form-row .company_content .add-picture {
  left: 18%; }
.Company_account_content .form-row .company_content .delete-icon-logo {
  margin-top: 73px; }
.Company_account_content .form-row .company_content #fileListTasks {
  position: absolute; }
.Company_account_content .form-row .company_content .addPicture {
  display: flex;
  width: 100%;
  justify-content: flex-end; }

.mb-06rem {
  margin-bottom: 0.6rem; }

.mb-1rem {
  margin-bottom: 1rem; }

.mt-2rem {
  margin-top: 2rem; }

.mt-1rem {
  margin-top: 1rem; }

.pt-1rem {
  padding-top: 1rem; }

.font-color-lightgray {
  font-size: 0.8rem;
  color: lightgray; }

.logo-preview {
  margin-left: -136px; }

.imageWidth {
  padding-left: 107px; }

.image-preview {
  margin-left: -120px; }

.image-width {
  padding-left: 57px; }

#aggregateView {
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  background-color: #fff !important; }
  #aggregateView .aggregate-title {
    width: 100%;
    color: #acacac;
    font-size: 10px;
    padding: 10px 0 0 0;
    background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, white 100%);
    border-radius: 12px; }
    #aggregateView .aggregate-title div {
      display: inline-flex; }
    #aggregateView .aggregate-title .roadmaps {
      padding: 5px 0px 5px 40px;
      width: calc(40% - 30px); }
    #aggregateView .aggregate-title.one-item .roadmaps {
      width: calc(100% - 242px); }
    #aggregateView .aggregate-title.one-item .initiatives, #aggregateView .aggregate-title.one-item .milestones, #aggregateView .aggregate-title.one-item .actions, #aggregateView .aggregate-title.one-item .metrics {
      width: 150px; }
    #aggregateView .aggregate-title.two-item .roadmaps {
      width: calc(100% - 356px); }
    #aggregateView .aggregate-title.two-item .initiatives, #aggregateView .aggregate-title.two-item .milestones, #aggregateView .aggregate-title.two-item .actions, #aggregateView .aggregate-title.two-item .metrics {
      width: 125px; }
    #aggregateView .aggregate-title.three-item .roadmaps {
      width: calc(100% - 481px); }
    #aggregateView .aggregate-title.three-item .initiatives, #aggregateView .aggregate-title.three-item .milestones, #aggregateView .aggregate-title.three-item .actions, #aggregateView .aggregate-title.three-item .metrics {
      width: 125px; }
    #aggregateView .aggregate-title.four-item .roadmaps {
      width: calc(100% - 607px); }
    #aggregateView .aggregate-title.four-item .initiatives, #aggregateView .aggregate-title.four-item .milestones, #aggregateView .aggregate-title.four-item .actions, #aggregateView .aggregate-title.four-item .metrics {
      width: 125px; }
    #aggregateView .aggregate-title.none-item .roadmaps {
      width: 100%; }
    #aggregateView .aggregate-title .initiatives, #aggregateView .aggregate-title .milestones, #aggregateView .aggregate-title .actions, #aggregateView .aggregate-title .metrics {
      justify-content: center; }
  #aggregateView .mainContent.blue .tableCell {
    border-color: #5384C3; }
  #aggregateView .mainContent.red .tableCell {
    border-color: #E62E2C; }
  #aggregateView .mainContent.black .tableCell {
    border-color: #000000; }
  #aggregateView .mainContent.yellow .tableCell {
    border-color: #FFE601; }
  #aggregateView .mainContent.grey .tableCell {
    border-color: #C6C6C5; }
  #aggregateView .mainContent.green .tableCell {
    border-color: #58B947; }
  #aggregateView .mainContent.businessmap .tableCell {
    border-color: #ccc; }
  #aggregateView .mainContent.action .tableCell {
    border: none;
    background-color: #F5F8FF; }
  #aggregateView .tableCell {
    height: 68px;
    border-top: 2px solid;
    border-bottom: 2px solid; }
    #aggregateView .tableCell .task-info-collapsor {
      display: flex;
      width: 16px;
      height: 16px;
      margin-left: 12px;
      position: relative;
      border: 1px solid #C6C6C5;
      border-radius: 4px;
      cursor: pointer; }
      #aggregateView .tableCell .task-info-collapsor::after {
        position: absolute;
        top: 3px;
        left: 6px;
        content: ' ';
        width: 15px;
        height: 15px;
        display: inline-block;
        background-size: 20px 20px;
        background-position: 0 0;
        background-image: url(/images/icons/open3-viewbox.svg); }
      #aggregateView .tableCell .task-info-collapsor.active {
        border: 1px solid #ffe4ee; }
        #aggregateView .tableCell .task-info-collapsor.active::after {
          background-image: url(/images/icons/collapse3-viewbox.svg);
          left: 3px;
          top: 6px; }
    #aggregateView .tableCell .task-info-collapsor {
      margin-left: 17px;
      top: 12px;
      position: absolute; }
    #aggregateView .tableCell .plan-collapser {
      display: flex;
      width: 16px;
      height: 16px;
      margin-left: 17px;
      cursor: pointer;
      margin-top: 5px;
      position: absolute;
      bottom: -1px; }
      #aggregateView .tableCell .plan-collapser:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 20px;
        height: 20px;
        display: inline-block;
        background-size: 35px 35px;
        background-position: 0 0;
        background-image: url("/images/icons/plan_expand_viewbox.svg"); }
      #aggregateView .tableCell .plan-collapser.active:after {
        background-image: url("/images/icons/plan_expand_pink_viewbox.svg"); }
    #aggregateView .tableCell .metric-icon {
      display: flex;
      width: 16px;
      height: 16px;
      position: relative; }
      #aggregateView .tableCell .metric-icon:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: 0 0; }
      #aggregateView .tableCell .metric-icon.icon-focusarea:after {
        background-image: url("/images/icons/focusarea-grey.svg");
        background-size: 26px 26px; }
      #aggregateView .tableCell .metric-icon.icon-plan:after {
        background-image: url("/images/icons/plan-grey.svg");
        background-size: 22px 22px; }
    #aggregateView .tableCell:nth-last-child(2) {
      border-right: 2px solid; }
    #aggregateView .tableCell:nth-of-type(1) {
      border-left: 2px solid; }
    #aggregateView .tableCell:nth-last-child(1) {
      border: none; }
    #aggregateView .tableCell.tableColorCell {
      width: 17px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
      #aggregateView .tableCell.tableColorCell.white {
        background-color: #FFFFFF;
        border: 1px solid #DDD;
        padding: 4px 2px; }
      #aggregateView .tableCell.tableColorCell.black {
        background-color: #000000; }
      #aggregateView .tableCell.tableColorCell.yellow {
        background-color: #FFE601; }
      #aggregateView .tableCell.tableColorCell.blue {
        background-color: #5384C3; }
      #aggregateView .tableCell.tableColorCell.grey {
        background-color: #C6C6C5; }
      #aggregateView .tableCell.tableColorCell.green {
        background-color: #58B947; }
      #aggregateView .tableCell.tableColorCell.red {
        background-color: #E62E2C; }
    #aggregateView .tableCell.tableNameCell .item-icon {
      width: 13px;
      height: 13px; }
      #aggregateView .tableCell.tableNameCell .item-icon:after {
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
        content: ' '; }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-businessmap:after {
        background-image: url("/images/icons/businessmap-grey-viewbox.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-focusarea:after {
        background-image: url("/images/icons/focusarea-grey.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-action:after {
        background-image: url("/images/icons/action-ltgrey.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-draft:after {
        background-image: url("/images/icons/draft-ltgrey.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-milestone:after {
        background-image: url("/images/icons/milestone-grey_priority1.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-task:after {
        background-image: url("/images/icons/task-grey.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-meeting:after {
        background-image: url("/images/icons/meeting-grey.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-team-meeting:after {
        background-image: url("/images/icons/team-meeting-grey.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-meeting-lt:after {
        background-image: url("/images/icons/meeting-ltgrey.svg"); }
      #aggregateView .tableCell.tableNameCell .item-icon.icon-team-meeting-lt:after {
        background-image: url("/images/icons/team-meeting-ltgrey.svg"); }
    #aggregateView .tableCell.tableNameCell .item-icon {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 16px;
      height: 16px; }
      #aggregateView .tableCell.tableNameCell .item-icon:after {
        position: absolute;
        width: 16px;
        height: 16px; }
    #aggregateView .tableCell.tableNameCell .icon-privacy {
      position: absolute;
      background-size: 16px 16px;
      width: 16px;
      height: 16px;
      background-image: url(/images/icons/privacy-icon-pink.svg);
      display: inline-block;
      content: '';
      left: 8px;
      top: 6px;
      z-index: 1; }
    #aggregateView .tableCell.tableNameCell .ini-link-name {
      font-size: 12px;
      display: inline-block;
      max-width: calc(100% - 20px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #aggregateView .tableCell.tableNameCell .badge {
      background-color: #E83C86;
      border-radius: 20px;
      color: #fff;
      padding: 2px;
      min-width: 12px;
      display: inline-flex;
      justify-content: center;
      font-size: 11px; }
    #aggregateView .tableCell .color-details .color-info .color-info-bar {
      width: 3px;
      height: 8px; }
    #aggregateView .tableCell .color-details .color-info.color-info-green .color-info-bar {
      background-color: green;
      display: inline-block; }
    #aggregateView .tableCell .color-details .color-info.color-info-yellow .color-info-bar {
      background-color: #ffe601;
      display: inline-block; }
    #aggregateView .tableCell .color-details .color-info.color-info-red .color-info-bar {
      background-color: red;
      display: inline-block; }
    #aggregateView .tableCell .color-details .color-info.color-info-blue .color-info-bar {
      background-color: blue;
      display: inline-block; }
    #aggregateView .tableCell .color-details .color-info.color-info-grey .color-info-bar {
      background-color: grey;
      display: inline-block; }
    #aggregateView .tableCell .color-details .color-info.color-info-black .color-info-bar {
      background-color: black;
      display: inline-block; }
    #aggregateView .tableCell .color-details .color-info.color-info-white .color-info-bar {
      background-color: white;
      display: inline-block; }
  #aggregateView .tableCell:nth-last-child(2) {
    border-radius: 0 6px 6px 0; }
  #aggregateView ul {
    list-style: none;
    margin-left: 16px;
    background: url(/images/icons/selector/line2.svg) repeat-y; }
    #aggregateView ul li {
      border-radius: 12px; }
    #aggregateView ul.top-level {
      position: relative;
      background: none; }
      #aggregateView ul.top-level > li {
        background: none; }
        #aggregateView ul.top-level > li > .list-item > .item-name {
          height: 42px;
          line-height: 42px; }
        #aggregateView ul.top-level > li:last-child {
          background: none; }
        #aggregateView ul.top-level > li:first-child:before {
          content: none; }
    #aggregateView ul li {
      min-height: 74px;
      background: url(/images/icons/selector/grey-line.svg) no-repeat;
      position: relative;
      background-size: 10px 84px; }
      #aggregateView ul li:last-child {
        background: #fff url(/images/icons/selector/line-4.svg) no-repeat;
        background-size: 10px 84px; }
      #aggregateView ul li:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 101%;
        border-left: 1px solid #C6C6C5;
        position: absolute;
        top: -6px;
        z-index: 0; }
      #aggregateView ul li:last-child {
        position: relative; }
        #aggregateView ul li:last-child:before {
          height: 0; }
        #aggregateView ul li:last-child:after {
          content: '';
          display: inline-block;
          height: 50px;
          border-left: 1px solid #C6C6C5;
          top: -6px;
          position: absolute; }
      #aggregateView ul li .list-item {
        width: 100%;
        height: 42px;
        font-size: 12px;
        line-height: 42px;
        position: relative;
        margin-left: 10px; }
        #aggregateView ul li .list-item:hover .item-hover {
          background-color: #E5E5E5; }
        #aggregateView ul li .list-item:hover .item-name {
          color: #E83B83; }
        #aggregateView ul li .list-item .item-name {
          z-index: 2;
          max-width: calc(100% - 70px);
          height: 18px;
          line-height: 14px;
          position: relative;
          cursor: default;
          display: inline-block;
          overflow-x: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow-y: hidden;
          vertical-align: middle; }
        #aggregateView ul li .list-item .item-hover {
          display: inline-block;
          width: 1200px;
          height: 100%;
          z-index: 1;
          position: absolute;
          right: 0;
          opacity: 0.5; }
        #aggregateView ul li .list-item .item-icon {
          cursor: default;
          display: inline-block;
          width: 12px;
          height: 12px;
          margin-left: 1px;
          top: 2px;
          position: relative; }
          #aggregateView ul li .list-item .item-icon:after {
            position: absolute;
            top: 0;
            left: 0;
            content: ' ';
            width: 21px;
            height: 21px;
            display: inline-block;
            background-size: 21px 21px;
            background-position: 0 0; }
          #aggregateView ul li .list-item .item-icon:after {
            z-index: 2;
            background-repeat: no-repeat; }
      #aggregateView ul li .item-expander {
        display: inline-block;
        position: absolute;
        right: 24px;
        top: 12px;
        border: 1px solid #d6d6d6;
        border-radius: 4px;
        width: 16px;
        height: 16px;
        z-index: 2;
        cursor: pointer; }
        #aggregateView ul li .item-expander:before {
          content: '';
          display: inline-block;
          width: 5px;
          height: 5px;
          border-left: 1px solid #000;
          border-bottom: 1px solid #000;
          transform: rotate(225deg);
          position: relative;
          top: 5px;
          left: 4px; }
      #aggregateView ul li .item-expander.item-expanded {
        border: 1px solid #ffc5dc; }
        #aggregateView ul li .item-expander.item-expanded:before {
          border-left: 1px solid #E83B83;
          border-bottom: 1px solid #E83B83;
          transform: rotate(-45deg);
          top: 4px;
          left: 5px; }
  #aggregateView > ap-aggregate-view-branch > ul.aggregateViewBranch {
    background: none; }
    #aggregateView > ap-aggregate-view-branch > ul.aggregateViewBranch > li:nth-of-type(1) {
      background: none; }
      #aggregateView > ap-aggregate-view-branch > ul.aggregateViewBranch > li:nth-of-type(1):after {
        content: none; }
  #aggregateView .tableCounterCell:last-child:after {
    content: none;
    display: none;
    background: none; }
  #aggregateView .tableRow .mainContent {
    display: flex;
    width: calc(100% - 15px);
    padding: 5px 10px; }
    #aggregateView .tableRow .mainContent .tableCell:nth-last-child(2):after {
      background: none; }
    #aggregateView .tableRow .mainContent .tableNameCell {
      width: calc(100% - 760px);
      display: flex;
      align-items: center; }
      #aggregateView .tableRow .mainContent .tableNameCell.one-item {
        width: calc(100% - 215px); }
      #aggregateView .tableRow .mainContent .tableNameCell.two-item {
        width: calc(100% - 341px); }
      #aggregateView .tableRow .mainContent .tableNameCell.three-item {
        width: calc(100% - 467px); }
      #aggregateView .tableRow .mainContent .tableNameCell.four-item {
        width: calc(100% - 593px); }
      #aggregateView .tableRow .mainContent .tableNameCell.none-item {
        width: calc(100% - 89px); }
      #aggregateView .tableRow .mainContent .tableNameCell ap-profile-image {
        padding: 0px 15px; }
      #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right {
        font-size: 12px;
        color: #121212;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right .roles {
          margin: 5px 10px;
          font-size: 10px;
          color: #acacac;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right .feedbacker-role {
          margin: 0 0.3rem; }
          #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right .feedbacker-role:before {
            top: -2px;
            width: 12px;
            height: 12px; }
        #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right .responsible-role:before {
          background-image: url("/images/icons/roles/responsible-grey.svg") !important; }
        #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right .tooltipmain:hover .tooltipcontent {
          visibility: visible; }
        #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right .tooltipmain .tooltipcontent {
          visibility: hidden;
          width: auto;
          background-color: #3a3a3a;
          color: #fff;
          text-align: center;
          padding: 5px;
          position: absolute;
          z-index: 1;
          font-size: 12px;
          height: auto;
          border-radius: unset;
          top: 67px; }
        #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right .tooltipmain {
          position: unset;
          text-overflow: ellipsis; }
        #aggregateView .tableRow .mainContent .tableNameCell .photo-wrap-right .owner-role:before {
          background-image: url("/images/icons/roles/owner-simple-grey.svg") !important; }
    #aggregateView .tableRow .mainContent .tableActionCounterCell {
      width: 120px; }
    #aggregateView .tableRow .mainContent .tableMilestoneCounterCell {
      width: 120px; }
    #aggregateView .tableRow .mainContent .tableTaskCounterCell {
      width: 120px; }
    #aggregateView .tableRow .mainContent .tableProgressCell {
      width: 120px;
      min-width: 120px;
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0 6px 6px 0; }
      #aggregateView .tableRow .mainContent .tableProgressCell .action_progress_holder {
        padding-left: 35px;
        min-width: 46px;
        padding-bottom: 6px;
        padding-top: 6px; }
        #aggregateView .tableRow .mainContent .tableProgressCell .action_progress_holder.border-box {
          border: 1px solid #e2e1e1; }
        #aggregateView .tableRow .mainContent .tableProgressCell .action_progress_holder.focusarea-box {
          border-radius: 5px 0px 0px 5px;
          border-right: none; }
        #aggregateView .tableRow .mainContent .tableProgressCell .action_progress_holder.plan-box {
          border-radius: 0px 5px 5px 0px; }
        #aggregateView .tableRow .mainContent .tableProgressCell .action_progress_holder.border-box.action-box {
          border-radius: 5px; }
      #aggregateView .tableRow .mainContent .tableProgressCell.progressNoKpiWrapper .action_progress_holder {
        border-radius: 5px; }
      #aggregateView .tableRow .mainContent .tableProgressCell .stopwatch {
        border: none;
        position: relative;
        font-size: 14px;
        display: inline-flex;
        color: #5F8CC7; }
        #aggregateView .tableRow .mainContent .tableProgressCell .stopwatch > span {
          padding: 0;
          font-size: 12px;
          font-weight: 400; }
        #aggregateView .tableRow .mainContent .tableProgressCell .stopwatch.progress_percentage:after {
          background: none; }
        #aggregateView .tableRow .mainContent .tableProgressCell .stopwatch.progress_percentage:before {
          position: absolute;
          width: 26px;
          height: 20px;
          background: url("/images/icons/time-elapsed-viewbox-blue.svg");
          top: 2px;
          left: -21px;
          background-size: 40px 40px;
          background-repeat: no-repeat; }
      #aggregateView .tableRow .mainContent .tableProgressCell .targetwatch {
        border: none;
        position: relative;
        font-size: 14px;
        display: inline-flex;
        color: #9A9A9A; }
        #aggregateView .tableRow .mainContent .tableProgressCell .targetwatch > span {
          padding: 0;
          font-size: 12px;
          font-weight: 400;
          word-break: break-all; }
        #aggregateView .tableRow .mainContent .tableProgressCell .targetwatch.progress_percentage:after {
          display: inline-block;
          content: '';
          width: 14px;
          height: 14px;
          background-size: 30px 17px;
          background-position: 0px 3px;
          transform: rotate(90deg); }
        #aggregateView .tableRow .mainContent .tableProgressCell .targetwatch.progress_percentage:before {
          content: '';
          position: absolute;
          width: 26px;
          height: 20px;
          background-image: url("/images/icons/target_facelift-viewbox.svg");
          top: -2px;
          left: -22px;
          background-size: 40px 40px;
          background-repeat: no-repeat; }
      #aggregateView .tableRow .mainContent .tableProgressCell .speedwatch {
        position: relative;
        font-size: 14px;
        display: inline-flex;
        color: #7dbc52; }
        #aggregateView .tableRow .mainContent .tableProgressCell .speedwatch > span {
          padding: 0;
          font-size: 12px;
          font-weight: 400;
          padding-top: 5px; }
          #aggregateView .tableRow .mainContent .tableProgressCell .speedwatch > span .trend-arrow {
            font-size: 14px; }
          #aggregateView .tableRow .mainContent .tableProgressCell .speedwatch > span .negative {
            color: #E62E2C; }
        #aggregateView .tableRow .mainContent .tableProgressCell .speedwatch.progress_percentage:after {
          display: inline-block;
          content: '';
          width: 14px;
          height: 14px;
          background-size: 30px 17px;
          background-position: 0px 3px;
          transform: rotate(90deg); }
        #aggregateView .tableRow .mainContent .tableProgressCell .speedwatch.progress_percentage:before {
          width: 26px;
          height: 20px;
          content: '';
          background-image: url("/images/icons/performance-indicator-green-bottom-viewbox.svg");
          background-size: 40px 40px;
          background-repeat: no-repeat;
          position: absolute;
          top: -2px;
          left: -22px; }
    #aggregateView .tableRow .mainContent .tableLastCellToggle {
      display: flex;
      align-items: center;
      background: #fff;
      width: 55px;
      padding: 0; }
      #aggregateView .tableRow .mainContent .tableLastCellToggle .expander_section {
        height: 68px;
        position: relative; }
    #aggregateView .tableRow .mainContent .tableCounterCell:last-child:after {
      content: none;
      display: none;
      background: none; }
    #aggregateView .tableRow .mainContent .tableCounterCell {
      position: relative; }
      #aggregateView .tableRow .mainContent .tableCounterCell:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 100%;
        background: radial-gradient(circle, #d1d1d1 0%, #EFEFEF 100%);
        position: absolute;
        top: 0;
        right: 0; }
      #aggregateView .tableRow .mainContent .tableCounterCell .totalCount {
        font-size: 14px;
        text-align: center;
        margin-top: 26px;
        color: #121212; }
      #aggregateView .tableRow .mainContent .tableCounterCell svg {
        width: 78px;
        position: absolute;
        top: 0;
        height: 100%;
        left: 50%;
        transform: translate(-50%); }
      #aggregateView .tableRow .mainContent .tableCounterCell ap-aggregate-view-color-detail {
        display: flex;
        padding: 5px 0;
        height: 100%;
        position: absolute;
        right: 10px;
        top: -1px; }
      #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper {
        margin: 10px 20px; }
        #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-count-box {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 20px;
          height: 20px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          color: white;
          margin: 2px 3px; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-count-box.white {
            background-color: #FFFFFF;
            border: 1px solid #DDD;
            color: #000; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-count-box.black {
            background-color: #000000; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-count-box.yellow {
            background-color: #FFE601;
            color: #000; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-count-box.blue {
            background-color: #5384C3; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-count-box.grey {
            background-color: #C6C6C5; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-count-box.green {
            background-color: #58B947; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-count-box.red {
            background-color: #fd2d0c; }
        #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper .feedback-total-count {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 12px;
          height: 13px;
          margin: 2px 3px;
          border-bottom: 1px solid; }
        #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper.milestone .feedback-count-box {
          border-radius: 50%; }
        #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper.task .feedback-count-box {
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          background-color: #FFFFFF;
          color: #000;
          width: 15px;
          height: 15px; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper.task .feedback-count-box.white {
            border: 2px solid #DDD; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper.task .feedback-count-box.black {
            border: 2px solid #000000; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper.task .feedback-count-box.yellow {
            border: 2px solid #FFE601; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper.task .feedback-count-box.blue {
            border: 2px solid #5384C3; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper.task .feedback-count-box.grey {
            border: 2px solid #C6C6C5; }
          #aggregateView .tableRow .mainContent .tableCounterCell .feedback-count-box-wrapper.task .feedback-count-box.green {
            border: 2px solid #58B947; }
  #aggregateView .status-tree-hoverbox .tree-hoverbox {
    border: 1px solid #CCC;
    box-shadow: 5px 5px 8px #CCC;
    position: absolute;
    background-color: white;
    z-index: 100;
    right: 30px;
    width: calc(100% - -15px); }
    #aggregateView .status-tree-hoverbox .tree-hoverbox .hover_controls {
      position: absolute;
      top: 14px;
      right: 14px; }
      #aggregateView .status-tree-hoverbox .tree-hoverbox .hover_controls .control_print {
        width: 17px;
        height: 17px;
        display: inline-block;
        margin-right: 4px;
        vertical-align: middle;
        position: relative; }
        #aggregateView .status-tree-hoverbox .tree-hoverbox .hover_controls .control_print:after {
          position: absolute;
          top: 0;
          left: 0;
          content: ' ';
          width: 17px;
          height: 17px;
          display: inline-block;
          background-size: 17px 17px;
          background-position: 0 0; }
        #aggregateView .status-tree-hoverbox .tree-hoverbox .hover_controls .control_print:after {
          background-image: url("/images/icons/print_2.png"); }
      #aggregateView .status-tree-hoverbox .tree-hoverbox .hover_controls .control_close {
        width: 17px;
        height: 17px;
        display: inline-block;
        font-size: 34px;
        line-height: 14px;
        color: #AAA;
        font-weight: 300;
        vertical-align: middle;
        cursor: pointer; }
    #aggregateView .status-tree-hoverbox .tree-hoverbox .feedback-status-text {
      text-transform: capitalize; }
      #aggregateView .status-tree-hoverbox .tree-hoverbox .feedback-status-text.green {
        color: #5BB030; }
      #aggregateView .status-tree-hoverbox .tree-hoverbox .feedback-status-text.red {
        color: #E62E2C; }
      #aggregateView .status-tree-hoverbox .tree-hoverbox .feedback-status-text.yellow {
        color: #FFE601; }
      #aggregateView .status-tree-hoverbox .tree-hoverbox .feedback-status-text.blue {
        color: #5384c3; }
  #aggregateView .tableActionCounterCell ap-aggregate-view-color-detail .color-info, #aggregateView .tableMilestoneCounterCell ap-aggregate-view-color-detail .color-info, #aggregateView .tableTaskCounterCell ap-aggregate-view-color-detail .color-info {
    height: 9px; }
  #aggregateView .color-info-bar, #aggregateView .color-info-count {
    display: inline-block;
    width: 10px; }
  #aggregateView .color-info-count {
    text-align: right; }

.bs-row {
  width: 100%;
  display: flex; }

.bs-col-50 {
  width: 50%; }

.bs-col-33 {
  width: 33.3333333333%; }

.bs-col-25 {
  width: 25%; }

.bs-d-flex {
  display: flex; }

.bs-fd-colum {
  flex-direction: column; }

.label-button-wrap .disp-f {
  display: flex; }
.label-button-wrap .icon-btn-label.ng-scope {
  width: 25px;
  height: 25px;
  border: 1px solid lightgray;
  display: flex;
  border-radius: 50%;
  position: relative;
  top: 10px;
  left: 10px; }
  .label-button-wrap .icon-btn-label.ng-scope::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(/images/icons/screen-sharing-icon-gray.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px; }
.label-button-wrap .label-btn-right-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  color: lightgray;
  font-size: 0.9rem; }
.label-button-wrap .active::after {
  background-image: url(/images/icons/screen-sharing-icon.svg) !important; }

.form-row .form-col-25 .number-field {
  width: 50%;
  text-align: center;
  border: 1px solid lightgrey;
  padding: 0;
  margin-top: 15px;
  height: 25px;
  border-radius: 5px; }

.selectAdd .label-btn-right-wrap {
  width: 100%; }
.selectAdd .tab-selector-wrapper {
  width: 83%; }
  .selectAdd .tab-selector-wrapper .hidden-radio-label span {
    padding: 0 10px; }
.selectAdd .chosen-container {
  margin-top: 0;
  width: 70% !important;
  margin-left: 12px; }

#customize-wrap .divTable {
  background: #fff !important;
  border-radius: 12px; }
  #customize-wrap .divTable .tableAboveHeader p.create {
    padding-top: 6px;
    font-weight: 400; }
  #customize-wrap .divTable .tableAboveHeader.empty-table {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom: 1px solid #DDD;
    padding: 5px 10px; }
  #customize-wrap .divTable .tableAboveHeader .create .createLink {
    font-size: 12px;
    font-weight: 400; }
  #customize-wrap .divTable label {
    display: inline-block;
    height: 15px;
    margin-right: 12px;
    position: relative; }
    #customize-wrap .divTable label input {
      position: absolute;
      opacity: 0; }
      #customize-wrap .divTable label input:checked + span:after {
        display: flex; }
    #customize-wrap .divTable label .check-span-title {
      position: absolute;
      top: -3px;
      left: 0;
      height: 15px;
      width: 15px;
      background-color: #fff;
      border: 1px solid #C6C6C5; }
      #customize-wrap .divTable label .check-span-title:after {
        content: "";
        position: absolute;
        display: none;
        left: 4px;
        top: 0;
        width: 4px;
        height: 10px;
        border: solid #E83B83;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff; }
    #customize-wrap .divTable label .all-button {
      margin-left: 35px;
      color: #000;
      font-size: 11px;
      font-weight: 400; }
      #customize-wrap .divTable label .all-button:hover {
        cursor: pointer; }
#customize-wrap .edit-company-security .table-toolbar .delete input {
  top: 0; }
#customize-wrap .edit-company-security .table-toolbar .delete input[disabled] {
  background-color: transparent !important;
  background-image: url(/images/icons/icons-delete-ltgrey-viewbox.svg); }
  #customize-wrap .edit-company-security .table-toolbar .delete input[disabled]:hover {
    background-image: url(/images/icons/icons-delete-ltgrey-viewbox.svg); }
#customize-wrap .edit-company-security .angular th:first-child {
  width: 3%; }
#customize-wrap .edit-company-security .angular th:nth-child(2) {
  width: 20%; }
#customize-wrap .edit-company-security .angular th:nth-child(3) {
  width: 74%; }
#customize-wrap .edit-company-security .angular th:nth-child(4) {
  width: 3%; }
#customize-wrap .edit-company-security .angular label {
  position: relative; }
  #customize-wrap .edit-company-security .angular label input {
    position: absolute;
    opacity: 0; }
    #customize-wrap .edit-company-security .angular label input:checked + span:after {
      display: flex; }
  #customize-wrap .edit-company-security .angular label span {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #C6C6C5; }
    #customize-wrap .edit-company-security .angular label span:after {
      content: "";
      position: absolute;
      display: none;
      left: 4px;
      top: 0;
      width: 4px;
      height: 10px;
      border: solid #E83B83;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #fff; }
#customize-wrap .edit-company-security thead tr.tableRow.tableHeader {
  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, white 100%); }
  #customize-wrap .edit-company-security thead tr.tableRow.tableHeader th {
    background-color: transparent;
    padding-left: 10px;
    text-transform: none;
    font-weight: 200; }
#customize-wrap .edit-company-security tbody tr:nth-child(even) {
  background: #f6f6f6; }
#customize-wrap .edit-company-security tbody tr:nth-child(odd) {
  background: #FFF; }
#customize-wrap .edit-company-security tbody tr td {
  background-color: transparent; }
  #customize-wrap .edit-company-security tbody tr td:nth-child(3) {
    max-width: 800px; }
#customize-wrap .edit-company-security .company-tags-table ap-show-more span {
  display: inherit;
  width: 540px; }
#customize-wrap .edit-company-security .company-tags-table thead th {
  background-image: none;
  padding-left: 10px; }
  #customize-wrap .edit-company-security .company-tags-table thead th:nth-child(1) {
    width: 3%; }
  #customize-wrap .edit-company-security .company-tags-table thead th:nth-child(2) {
    width: 25%; }
  #customize-wrap .edit-company-security .company-tags-table thead th:nth-child(3) {
    width: 25%; }
  #customize-wrap .edit-company-security .company-tags-table thead th:nth-child(4) {
    width: 47%; }
  #customize-wrap .edit-company-security .company-tags-table thead th:nth-child(5) {
    width: 3%; }
  #customize-wrap .edit-company-security .company-tags-table thead th:nth-child(n+2):nth-child(-n+4):after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    transform: rotate(45deg) translateY(-50%);
    margin-left: 5px; }
  #customize-wrap .edit-company-security .company-tags-table thead th:nth-child(n+2):nth-child(-n+4).active:after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-left: 1px solid #E83B83;
    border-top: 1px solid #E83B83;
    border-bottom: none;
    border-right: none;
    margin-bottom: -2px;
    transform: rotate(45deg) translateY(-50%); }
  #customize-wrap .edit-company-security .company-tags-table thead th:nth-child(n+2):nth-child(-n+4).activeDesc:after {
    border-color: #E83B83; }
#customize-wrap .edit-company-security .customStringTable th {
  width: 25%; }
  #customize-wrap .edit-company-security .customStringTable th:nth-child(4) {
    text-align: center; }
#customize-wrap .edit-company-security .customStringTable tr td:nth-child(4) {
  text-align: center; }
#customize-wrap .edit-company-security .customStringTable .hidden-radio-label:first-child span {
  margin-right: -15px; }
#customize-wrap .edit-company-security .customStringTable .hidden-radio-label span {
  padding: 0px 10px;
  margin-top: -8px; }
#customize-wrap .edit-company-security .language-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  #customize-wrap .edit-company-security .language-wrap .language-title {
    margin-right: 10px; }
  #customize-wrap .edit-company-security .language-wrap #selectCustomStringLanguage {
    border: none;
    border-bottom: 1px solid #DDD; }

.bs-content__header, .bs-content-main {
  display: flex;
  padding: 0 20px; }

.bs-content__header {
  height: 20px;
  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 33%, white 100%);
  align-items: center;
  color: #9D9C9C; }

.bs-item__header, .bs-main-item {
  width: 10%; }

.bs-w30p {
  width: 30%; }

.bs-w15p {
  width: 15%; }

.bs-header-first-item {
  padding-left: 33px; }

.bs-item_text-header {
  position: relative;
  cursor: pointer; }
  .bs-item_text-header::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: inline;
    color: #9D9C9C;
    transform: rotate(90deg);
    background-image: url(/images/icons/open3-viewbox.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    right: -13px;
    top: 5px; }

.bs-item__header.activeDesc .bs-item_text-header::after {
  transform: rotate(180deg);
  background-image: url(/images/icons/collapse3-viewbox.svg);
  top: -10px; }

.bs-main-item {
  padding: 10px 0; }

.bs_checkbox_container {
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
  font-size: 0.71rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .bs_checkbox_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .bs_checkbox_container input:checked ~ .bs-checkmark:after {
      display: flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -webkit-flex; }
  .bs_checkbox_container .bs-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #C6C6C5; }
    .bs_checkbox_container .bs-checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 4px;
      top: 0;
      width: 4px;
      height: 10px;
      border: solid #E83B83;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.bs-main-text {
  width: 100%;
  word-wrap: break-word; }

#usersTableWrapper .tableAboveHeader .bulk-collapse-container__header .hide_btn__wrap {
  margin-right: 0.5rem; }
#usersTableWrapper.config-user-tree .listTree .tableBody .tableRow {
  height: 20px;
  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 33%, white 100%);
  border-left: none;
  display: flex;
  align-items: center;
  color: #9D9C9C; }
  #usersTableWrapper.config-user-tree .listTree .tableBody .tableRow div {
    text-transform: none; }
    #usersTableWrapper.config-user-tree .listTree .tableBody .tableRow div:nth-child(1) {
      width: 10.5%; }
    #usersTableWrapper.config-user-tree .listTree .tableBody .tableRow div:nth-child(2) {
      width: 20%;
      text-transform: capitalize; }
    #usersTableWrapper.config-user-tree .listTree .tableBody .tableRow div:nth-child(n+3):nth-child(-n+4) {
      width: 9.5%; }
    #usersTableWrapper.config-user-tree .listTree .tableBody .tableRow div:nth-child(5) {
      width: 12.5%; }
    #usersTableWrapper.config-user-tree .listTree .tableBody .tableRow div:nth-child(6) {
      width: 19.5%; }
    #usersTableWrapper.config-user-tree .listTree .tableBody .tableRow div:nth-child(7) {
      width: 7.5%; }
    #usersTableWrapper.config-user-tree .listTree .tableBody .tableRow div:nth-child(8) {
      width: 6%; }
#usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent {
  display: flex; }
  #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent div {
    display: flex;
    align-items: center; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent div.tableNameCell {
      width: 24.5%; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent div.tableTypeCell {
      width: 9.5%; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent div.tableUserLevelCell {
      width: 9.5%; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent div.tableManagerCell {
      width: 12.5%; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent div.tableUsernameCell {
      width: 20%; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent div.tableInvitedAtCell {
      width: 7.5%; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent div.tableLastLoginCell {
      width: 6%; }
  #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .check-box-pink {
    display: flex;
    align-items: center;
    background: transparent;
    padding: 0px;
    width: 55px; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .check-box-pink label {
      position: relative; }
      #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .check-box-pink label input {
        position: absolute;
        opacity: 0; }
        #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .check-box-pink label input:checked + span:after {
          display: flex; }
      #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .check-box-pink label span {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #fff;
        border: 1px solid #C6C6C5;
        margin: 0 20px; }
        #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .check-box-pink label span:after {
          content: "";
          position: absolute;
          display: none;
          left: 4px;
          top: 0;
          width: 4px;
          height: 10px;
          border: solid #E83B83;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          background: #fff; }
  #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .tableNameCell {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px; }
    #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .tableNameCell .profile-image-title {
      display: inline-flex;
      align-items: center;
      height: 100%;
      position: relative; }
      #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .tableNameCell .profile-image-title ap-profile-image {
        margin: 0 10px; }
        #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .mainContent .tableNameCell .profile-image-title ap-profile-image .photoholder__badge {
          right: -18px;
          bottom: 24px; }
#usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .tableRow .mainContent .tableGroupNameCell {
  width: calc(100% - 100px);
  border-radius: 5px; }
#usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .tableRow .mainContent .tableLastCellToggle {
  display: flex;
  align-items: center;
  background: #fff;
  width: 55px;
  padding: 0; }
  #usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .tableRow .mainContent .tableLastCellToggle span {
    margin-left: 20px; }
#usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .tableRow .mainContent .connectors + .connectors + .tableNameCell {
  width: calc(24.5% - 16px); }
#usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .tableRow .mainContent .connectors + .connectors + .connectors + .tableNameCell {
  width: calc(24.5% - 32px); }
#usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .tableRow .mainContent .connectors + .connectors + .connectors + .connectors + .tableNameCell {
  width: calc(24.5% - 48px); }
#usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .tableRow .mainContent .connectors + .connectors + .connectors + .connectors + .connectors + .tableNameCell {
  width: calc(24.5% - 64px); }
#usersTableWrapper.config-user-tree .listTree ap-users-page-tree-node .tableRow .mainContent .connectors + .connectors + .connectors + .connectors + .connectors + .connectors + .tableNameCell {
  width: calc(24.5% - 80px); }

#approve-mod-container #display-action-changes {
  border: none; }
#approve-mod-container #approve-mod-form {
  width: 100%;
  box-sizing: border-box;
  border-radius: 11px; }
  #approve-mod-container #approve-mod-form .form-box {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    border: none; }
    #approve-mod-container #approve-mod-form .form-box h3 {
      padding: 20px; }
  #approve-mod-container #approve-mod-form .all-text-area .red-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 600px; }
    #approve-mod-container #approve-mod-form .all-text-area .red-text textarea, #approve-mod-container #approve-mod-form .all-text-area .red-text .fr-box {
      width: 100%;
      resize: none; }
  #approve-mod-container #approve-mod-form .all-text-area #declineCommentRed {
    font: message-box; }
  #approve-mod-container #approve-mod-form .color-button-form {
    display: inline-flex;
    list-style-type: none;
    width: 100%;
    justify-content: center; }
    #approve-mod-container #approve-mod-form .color-button-form li label input:checked + span.green {
      border: 1px solid #55bb3e;
      background-color: #55bb3e;
      color: #fff; }
    #approve-mod-container #approve-mod-form .color-button-form li label input:checked + span.yellow {
      color: #fff;
      border: 1px solid #fee800;
      background-color: #fee800; }
    #approve-mod-container #approve-mod-form .color-button-form li label input:checked + span.red {
      color: #fff;
      border: 1px solid #e92d24;
      background-color: #e92d24; }
    #approve-mod-container #approve-mod-form .color-button-form li label span {
      width: 150px;
      margin: 0 20px;
      padding: 5px 0px;
      border-radius: 20px; }
      #approve-mod-container #approve-mod-form .color-button-form li label span.green {
        color: #82d890;
        border: 1px solid #cefbd5;
        background-color: #f6fff5; }
        #approve-mod-container #approve-mod-form .color-button-form li label span.green:hover {
          border: 1px solid #55bb3e;
          background-color: #55bb3e;
          color: #fff;
          cursor: pointer; }
      #approve-mod-container #approve-mod-form .color-button-form li label span.yellow {
        color: #e5dc7a;
        border: 1px solid #f7f2b5;
        background-color: #fefce7; }
        #approve-mod-container #approve-mod-form .color-button-form li label span.yellow:hover {
          color: #fff;
          border: 1px solid #fee800;
          background-color: #fee800;
          cursor: pointer; }
      #approve-mod-container #approve-mod-form .color-button-form li label span.red {
        color: #fbafae;
        border: 1px solid #fcdbdb;
        background-color: #ffecec; }
        #approve-mod-container #approve-mod-form .color-button-form li label span.red:hover {
          color: #fff;
          border: 1px solid #e92d24;
          background-color: #e92d24;
          cursor: pointer; }
#approve-mod-container .sendOrCancelIni {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0px; }
#approve-mod-container #display-action-changes {
  width: 100%;
  padding: 0px; }
  #approve-mod-container #display-action-changes table {
    margin-bottom: 0;
    border-radius: 12px 12px 0px 0px;
    border: 1px solid #e6e6e6;
    border-bottom: 0; }
  #approve-mod-container #display-action-changes thead tr {
    background: linear-gradient(to bottom, #f6f6f6 0%, white 100%); }
    #approve-mod-container #display-action-changes thead tr th {
      background-color: transparent;
      text-transform: none; }
      #approve-mod-container #display-action-changes thead tr th:nth-child(1) {
        width: 6%; }
      #approve-mod-container #display-action-changes thead tr th:nth-child(2) {
        width: 25%; }
      #approve-mod-container #display-action-changes thead tr th:nth-child(3) {
        width: 70%; }
  #approve-mod-container #display-action-changes tbody tr:nth-child(even) {
    background-color: #f6f6f6; }
    #approve-mod-container #display-action-changes tbody tr:nth-child(even) td {
      background: transparent; }
  #approve-mod-container #display-action-changes tbody tr .coll_action {
    width: 100%;
    display: inline-flex;
    align-items: center; }
    #approve-mod-container #display-action-changes tbody tr .coll_action .pic {
      margin: 0px 15px; }
#approve-mod-container .date-label-content {
  font-weight: 400; }
#approve-mod-container .actionRow__status__text__holder .actionRow__status__text {
  font-size: 12px;
  font-weight: 400; }
#approve-mod-container .actionRow__status__innerContent {
  margin-top: 2px; }
  #approve-mod-container .actionRow__status__innerContent .actionRow__status__executor {
    margin-top: 5px;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap; }
    #approve-mod-container .actionRow__status__innerContent .actionRow__status__executor .truncate-username {
      max-width: 110px;
      font-size: 10px;
      font-weight: 400;
      color: #acacac; }
  #approve-mod-container .actionRow__status__innerContent .actionRow__status__executor__timeOld {
    font-size: 10px;
    font-weight: 400;
    color: #acacac;
    padding-bottom: 0px; }
#approve-mod-container .overallStatus .value-big {
  font-weight: 400; }
#approve-mod-container .executionStatusTable .truncate-username {
  font-weight: 400;
  color: #ACACAC;
  font-size: 10px; }
#approve-mod-container .executionStatus__title h3, #approve-mod-container .ini_history__title__holder h3, #approve-mod-container .ini_details__attached_files__title__holder h3 {
  font-size: 20px;
  font-weight: 400;
  color: #2F3941; }
#approve-mod-container .ini_history__title__holder {
  margin-top: 20px; }
#approve-mod-container .ap-overlay-content.overlay_abs.alert-popup {
  max-width: 720px; }

#pending-ini-box {
  position: relative;
  z-index: 100;
  background-color: white;
  border-radius: 11px;
  margin-top: 130px; }
  #pending-ini-box .submitpanel {
    padding-right: 20px; }

.ini_approval_text {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  text-align: center; }

#stickyHeaderWrapper.pending-approval {
  z-index: 101; }

.roadmap-overview-table-content ap-item-block:nth-child(2n) .itemRow div {
  background: #f6f6f6; }
.roadmap-overview-table-content ap-item-block .itemRow div {
  background: #fff; }
.roadmap-overview-table-content .feedbackViewTableHolder .column_header_wrap .column_header_content {
  width: 100%;
  display: flex;
  align-items: center; }
  .roadmap-overview-table-content .feedbackViewTableHolder .column_header_wrap .column_header_content .text-expend {
    margin-right: 5px; }
  .roadmap-overview-table-content .feedbackViewTableHolder .column_header_wrap .column_header_content .expandPlus, .roadmap-overview-table-content .feedbackViewTableHolder .column_header_wrap .column_header_content .expandMinus {
    border-radius: 50%;
    width: 25px;
    height: auto; }
  .roadmap-overview-table-content .feedbackViewTableHolder .column_header_wrap .column_header_content .expandNone {
    width: 50px; }
  .roadmap-overview-table-content .feedbackViewTableHolder .column_header_wrap .column_header_content .expandPlus {
    margin-left: 5px; }
  .roadmap-overview-table-content .feedbackViewTableHolder .column_header_wrap .column_header_content .expandMinus {
    margin: 0 5px; }
.roadmap-overview-table-content .text-header {
  color: #ccc; }
.roadmap-overview-table-content .metrics {
  width: 330px;
  justify-content: center; }
.roadmap-overview-table-content .metrics_wrap {
  width: 100%;
  display: flex;
  flex-direction: column; }
  .roadmap-overview-table-content .metrics_wrap .metrics-header {
    width: 100%;
    display: flex;
    justify-content: center; }
  .roadmap-overview-table-content .metrics_wrap .metrics-content {
    width: 100%;
    display: flex;
    justify-content: space-around; }
    .roadmap-overview-table-content .metrics_wrap .metrics-content .text-header {
      margin: 0 5px; }
.roadmap-overview-table-content .kpis {
  justify-content: center; }
.roadmap-overview-table-content .kpis_wrap.ng-scope {
  display: flex;
  flex-direction: column; }
  .roadmap-overview-table-content .kpis_wrap.ng-scope .kpis-header {
    width: 100%;
    display: flex;
    justify-content: center; }
  .roadmap-overview-table-content .kpis_wrap.ng-scope .kpis-content {
    width: 100%;
    display: flex;
    justify-content: center; }
    .roadmap-overview-table-content .kpis_wrap.ng-scope .kpis-content .text-header {
      margin: 0 15px; }
.roadmap-overview-table-content .tableColumn__metrics {
  width: 330px; }
.roadmap-overview-table-content .tableProgressCell .progressNoKpiWrapper .stopwatch {
  border: none;
  color: #617bc3;
  font-weight: 500; }
  .roadmap-overview-table-content .tableProgressCell .progressNoKpiWrapper .stopwatch::after {
    background: url("/images/icons/time-elapsed-viewbox-blue.svg"); }
.roadmap-overview-table-content .action_progress_holder {
  width: 100%;
  display: flex;
  align-items: center; }
.roadmap-overview-table-content .tableProgressCell .target {
  border: none;
  color: #c9c9c9;
  font-weight: 500;
  font-size: 0.8rem; }
  .roadmap-overview-table-content .tableProgressCell .target::after {
    background-size: 30px 30px;
    position: absolute;
    top: 2px;
    left: -14px !important; }
  .roadmap-overview-table-content .tableProgressCell .target::before {
    content: none; }
.roadmap-overview-table-content .action_progress_box_content .speedwatch {
  color: red;
  display: flex;
  position: relative;
  font-weight: 500;
  font-size: 0.8rem; }
  .roadmap-overview-table-content .action_progress_box_content .speedwatch::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/images/icons/performance-indicator-red-bottom-viewbox.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    position: absolute;
    top: -3px;
    left: -20px; }
.roadmap-overview-table-content .action_progress_box_content .speedwatch.progress_ok {
  color: #a4d99c; }
  .roadmap-overview-table-content .action_progress_box_content .speedwatch.progress_ok::before {
    background-image: url("/images/icons/performance-indicator-green-bottom-viewbox.svg"); }
.roadmap-overview-table-content ap-action-performance-indicators {
  width: 100%; }
  .roadmap-overview-table-content ap-action-performance-indicators .action_progress_holder {
    display: flex;
    justify-content: space-around; }
.roadmap-overview-table-content .startDate,
.roadmap-overview-table-content .tableColumn__startDate,
.roadmap-overview-table-content .endDate,
.roadmap-overview-table-content .tableColumn__endDate {
  width: 150px;
  justify-content: center; }
.roadmap-overview-table-content .tableColumn__kpiStatus .trend-arrow {
  color: green; }
  .roadmap-overview-table-content .tableColumn__kpiStatus .trend-arrow.negative {
    color: red; }
.roadmap-overview-table-content .kpiStatus-content {
  width: 100%; }
.roadmap-overview-table-content .kpiStatus-row {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 10px; }
.roadmap-overview-table-content .kpiStatus-col {
  display: flex;
  align-items: center; }
.roadmap-overview-table-content .kpiComments {
  width: 400px; }
  .roadmap-overview-table-content .kpiComments ng-include {
    width: 100%; }
  .roadmap-overview-table-content .kpiComments .kpis-status-header {
    display: flex;
    justify-content: center; }
  .roadmap-overview-table-content .kpiComments .kpis-status-content {
    display: flex;
    justify-content: space-around; }
.roadmap-overview-table-content .tableColumn.tableColumn__kpiStatus.tableColumn__kpiStatus_comments {
  width: 400px; }
.roadmap-overview-table-content .kpiStatus_comments__row {
  width: 100%;
  display: flex;
  justify-content: space-between; }
.roadmap-overview-table-content .kpiStatus_comments__col {
  width: 45%; }
.roadmap-overview-table-content .id, .roadmap-overview-table-content .tableColumn__id {
  text-transform: uppercase;
  width: 100px;
  justify-content: center; }
.roadmap-overview-table-content .responsible {
  width: 150px;
  justify-content: center; }
.roadmap-overview-table-content .owner {
  width: 150px;
  justify-content: center; }
.roadmap-overview-table-content .description {
  width: 200px;
  justify-content: center; }
.roadmap-overview-table-content .tableColumn__descriptions {
  width: 200px;
  display: flex;
  flex-direction: column;
  word-wrap: break-word; }
.roadmap-overview-table-content .descriptions_wrap {
  width: 100%;
  margin-bottom: 15px; }
.roadmap-overview-table-content .tableColumn__feedbackComments {
  width: 325px; }
.roadmap-overview-table-content .tableColumn__timeElapsed {
  width: 170px; }

#container #my-overview-container .mainContent {
  justify-content: normal;
  border-color: #e6e6e6 !important; }
#container #my-overview-container .tableNameCell {
  width: 65% !important; }
#container #my-overview-container .tableCreatedByCell {
  min-width: 200px !important; }
#container #my-overview-container .tableProgressCell {
  min-width: 200px; }
  #container #my-overview-container .tableProgressCell .progressKpiWrapper {
    width: 140px; }
    #container #my-overview-container .tableProgressCell .progressKpiWrapper .stopwatch {
      border-top: 1px solid #e2e1e1;
      background-color: white;
      position: relative;
      height: 40px;
      border-radius: 5px 0px 0px 5px; }
      #container #my-overview-container .tableProgressCell .progressKpiWrapper .stopwatch span {
        width: calc(100% - 24px);
        display: inline-block;
        margin-left: 24px;
        text-align: center; }
      #container #my-overview-container .tableProgressCell .progressKpiWrapper .stopwatch:after {
        width: 40px;
        height: 40px;
        display: inline-block;
        top: 9px; }
      #container #my-overview-container .tableProgressCell .progressKpiWrapper .stopwatch:before {
        display: none; }
    #container #my-overview-container .tableProgressCell .progressKpiWrapper .speed {
      position: relative;
      height: 20px;
      display: flex;
      justify-content: center;
      padding-left: 12px;
      border: 1px solid #e6e6e6;
      border-radius: 0px 0px 5px;
      box-sizing: border-box; }
      #container #my-overview-container .tableProgressCell .progressKpiWrapper .speed:after {
        top: 0;
        left: 6px !important;
        background-image: url("/images/icons/performance-indicator-red-bottom-viewbox.svg");
        position: absolute;
        content: ' ';
        width: 26px;
        height: 26px;
        display: inline-block;
        background-size: 26px 26px;
        background-position: 0 0; }
      #container #my-overview-container .tableProgressCell .progressKpiWrapper .speed:before {
        display: none; }
  #container #my-overview-container .tableProgressCell .progressCellInnerWrapper {
    border-radius: 0px 5px 5px 0px; }
  #container #my-overview-container .tableProgressCell .speed {
    width: 70px;
    font-weight: 500;
    font-size: 14px;
    border: 1px none;
    border-radius: 5px 0px 0px 5px; }
  #container #my-overview-container .tableProgressCell .target {
    border-color: #e6e6e6;
    font-weight: 500;
    font-size: 14px;
    width: 70px; }
    #container #my-overview-container .tableProgressCell .target > span {
      padding-left: 11px; }
#container #my-overview-container .stopwatch {
  margin-left: 0;
  border-color: #e6e6e6;
  font-weight: 500;
  font-size: 14px;
  width: 70px; }
#container #my-overview-container .photoholder__badge {
  right: 50px;
  bottom: 22px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 11px;
  font-weight: 500; }
#container #my-overview-container ap-modern-date {
  width: 70px; }
#container #my-overview-container .ap-time-remaining {
  font-size: 10px;
  font-weight: 300; }
#container #my-overview-container .new-user-icon {
  display: inline-flex;
  margin-left: 0 !important;
  position: static; }
  #container #my-overview-container .new-user-icon .photoholder__badge {
    right: 50px;
    bottom: 22px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    font-weight: 500; }
#container #my-overview-container .expanderCell {
  margin-left: 0; }
#container #my-overview-container .status_wrapper {
  margin-left: 0; }
#container #my-overview-container .task-info-collapsor {
  width: 15px;
  height: 15px;
  margin-left: 12px;
  border: 1px solid #C6C6C5;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 20px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 22px; }
  #container #my-overview-container .task-info-collapsor:after {
    position: absolute;
    top: 2px;
    left: 6px;
    content: ' ';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 20px 20px;
    background-position: 0 0;
    background-image: url(/images/icons/open3-viewbox.svg); }
  #container #my-overview-container .task-info-collapsor.active {
    border: 1px solid #F9E3B1; }
    #container #my-overview-container .task-info-collapsor.active:after {
      background-image: url(/images/icons/collapse3-viewbox.svg);
      left: 2px !important;
      top: 5px; }
#container #my-overview-container .first_index.active {
  background: #edf4fc;
  border: 1px solid black !important;
  border-left: none !important;
  border-right: none !important; }
#container #my-overview-container .author.ng-binding {
  font-size: 15px;
  font-weight: 500 !important; }
#container #my-overview-container .author.object-name {
  font-size: 16px;
  font-weight: 300 !important; }
#container #my-overview-container .responsible-block, #container #my-overview-container .role, #container #my-overview-container .usersInfo {
  font-size: 10px !important;
  color: #000 !important; }
#container #my-overview-container .tableStatusBox__text, #container #my-overview-container .actionRow__status__text {
  font-size: 12px;
  font-weight: 300; }
#container #my-overview-container .tableAboveHeaderWrapper {
  padding-bottom: 0;
  width: 1099px;
  margin-bottom: 0; }
  #container #my-overview-container .tableAboveHeaderWrapper .tableAboveHeader {
    border: none !important;
    border-radius: 0 !important; }
    #container #my-overview-container .tableAboveHeaderWrapper .tableAboveHeader .tableAboveHeaderDate {
      width: 150px;
      font-weight: 100 !important;
      color: #000 !important; }
    #container #my-overview-container .tableAboveHeaderWrapper .tableAboveHeader .tableAboveHeaderName {
      width: 510px;
      font-weight: 100 !important;
      color: #000 !important; }
    #container #my-overview-container .tableAboveHeaderWrapper .tableAboveHeader .tableAboveHeaderUpdate {
      width: 200px;
      font-weight: 100 !important;
      color: #000 !important; }
    #container #my-overview-container .tableAboveHeaderWrapper .tableAboveHeader .tableAboveHeaderProgress {
      width: 194px;
      font-weight: 100 !important;
      color: #000 !important; }
#container #my-overview-container .modern-date-day {
  font-size: 26px !important;
  font-weight: 300 !important; }
#container #my-overview-container .modern-date-day-name {
  font-weight: 300 !important; }
#container #my-overview-container .modern-date-month-name {
  font-weight: 300 !important; }
#container #my-overview-container .block-wrapper.first_index, #container #my-overview-container .block-wrapper.third_index {
  background: #4eb4cb;
  border-left: 3px solid #4eb4cb;
  border-bottom: none !important; }
  #container #my-overview-container .block-wrapper.first_index > .milestoneRow, #container #my-overview-container .block-wrapper.third_index > .milestoneRow {
    border-radius: 12px 0px 0px 0px;
    background: #edf4fc !important;
    color: #000;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: none !important;
    border-bottom-left-radius: 0px !important; }
    #container #my-overview-container .block-wrapper.first_index > .milestoneRow:before, #container #my-overview-container .block-wrapper.third_index > .milestoneRow:before {
      display: none; }
  #container #my-overview-container .block-wrapper.first_index > .milestoneTableTaskTable div:nth-last-child(2), #container #my-overview-container .block-wrapper.third_index > .milestoneTableTaskTable div:nth-last-child(2) {
    border-bottom-left-radius: 12px; }
  #container #my-overview-container .block-wrapper.first_index > .milestoneTableTaskTable > .tableRow, #container #my-overview-container .block-wrapper.third_index > .milestoneTableTaskTable > .tableRow {
    background: #edf4fc; }
    #container #my-overview-container .block-wrapper.first_index > .milestoneTableTaskTable > .tableRow:before, #container #my-overview-container .block-wrapper.third_index > .milestoneTableTaskTable > .tableRow:before {
      content: '';
      position: absolute;
      left: -3px;
      top: 22px;
      width: 9px;
      height: 15px;
      background: #4eb4cc;
      z-index: 10;
      border-radius: 0 18px 18px 0; }
  #container #my-overview-container .block-wrapper.first_index > .milestoneTableTaskTable div:nth-last-child(2), #container #my-overview-container .block-wrapper.third_index > .milestoneTableTaskTable div:nth-last-child(2) {
    border-bottom-left-radius: 12px; }
  #container #my-overview-container .block-wrapper.first_index .modern-date-day, #container #my-overview-container .block-wrapper.first_index .modern-date-month-name, #container #my-overview-container .block-wrapper.first_index .author, #container #my-overview-container .block-wrapper.first_index .latestFeedbackText, #container #my-overview-container .block-wrapper.third_index .modern-date-day, #container #my-overview-container .block-wrapper.third_index .modern-date-month-name, #container #my-overview-container .block-wrapper.third_index .author, #container #my-overview-container .block-wrapper.third_index .latestFeedbackText {
    color: #000 !important; }
  #container #my-overview-container .block-wrapper.first_index .modern-date-day-name, #container #my-overview-container .block-wrapper.first_index ap-time-remaining, #container #my-overview-container .block-wrapper.third_index .modern-date-day-name, #container #my-overview-container .block-wrapper.third_index ap-time-remaining {
    color: #acacac !important; }
  #container #my-overview-container .block-wrapper.first_index .latestFeedbackText, #container #my-overview-container .block-wrapper.third_index .latestFeedbackText {
    font-weight: 300 !important; }
  #container #my-overview-container .block-wrapper.first_index > ap-action-block > .tableRow, #container #my-overview-container .block-wrapper.third_index > ap-action-block > .tableRow {
    border-radius: 12px 0px 0px 0px;
    background: #edf4fc !important;
    color: #000;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: none !important;
    border-bottom-left-radius: 0px !important; }
    #container #my-overview-container .block-wrapper.first_index > ap-action-block > .tableRow:before, #container #my-overview-container .block-wrapper.third_index > ap-action-block > .tableRow:before {
      display: none; }
  #container #my-overview-container .block-wrapper.first_index > ap-action-block > div > .block-wrapper > .tableRow, #container #my-overview-container .block-wrapper.third_index > ap-action-block > div > .block-wrapper > .tableRow {
    background: #edf4fc; }
    #container #my-overview-container .block-wrapper.first_index > ap-action-block > div > .block-wrapper > .tableRow:before, #container #my-overview-container .block-wrapper.third_index > ap-action-block > div > .block-wrapper > .tableRow:before {
      content: '';
      position: absolute;
      left: -3px;
      top: 22px;
      width: 9px;
      height: 15px;
      background: #4eb4cc;
      z-index: 10;
      border-radius: 0 18px 18px 0; }
  #container #my-overview-container .block-wrapper.first_index > ap-action-block > div > .block-wrapper:nth-last-child(1) > .tableRow, #container #my-overview-container .block-wrapper.third_index > ap-action-block > div > .block-wrapper:nth-last-child(1) > .tableRow {
    border-bottom-left-radius: 12px; }
  #container #my-overview-container .block-wrapper.first_index > ap-action-block > .milestoneTableTaskTable > .tableRow, #container #my-overview-container .block-wrapper.third_index > ap-action-block > .milestoneTableTaskTable > .tableRow {
    background: #edf4fc; }
    #container #my-overview-container .block-wrapper.first_index > ap-action-block > .milestoneTableTaskTable > .tableRow:before, #container #my-overview-container .block-wrapper.third_index > ap-action-block > .milestoneTableTaskTable > .tableRow:before {
      content: '';
      position: absolute;
      left: -3px;
      top: 22px;
      width: 9px;
      height: 15px;
      background: #4eb4cc;
      z-index: 10;
      border-radius: 0 18px 18px 0; }
  #container #my-overview-container .block-wrapper.first_index > ap-action-block > .milestoneTableTaskTable div:nth-last-child(2), #container #my-overview-container .block-wrapper.third_index > ap-action-block > .milestoneTableTaskTable div:nth-last-child(2) {
    border-bottom-left-radius: 12px; }
  #container #my-overview-container .block-wrapper.first_index > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow, #container #my-overview-container .block-wrapper.third_index > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow {
    background: #edf4fc; }
    #container #my-overview-container .block-wrapper.first_index > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow:before, #container #my-overview-container .block-wrapper.third_index > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow:before {
      content: '';
      position: absolute;
      left: -3px;
      top: 22px;
      width: 9px;
      height: 15px;
      background: #4eb4cc;
      z-index: 10;
      border-radius: 0 18px 18px 0; }
  #container #my-overview-container .block-wrapper.first_index > ap-action-block > ng-repeat:nth-last-child(1) > .block-wrapper > ap-action-block > .tableRow, #container #my-overview-container .block-wrapper.third_index > ap-action-block > ng-repeat:nth-last-child(1) > .block-wrapper > ap-action-block > .tableRow {
    border-bottom-left-radius: 12px; }
#container #my-overview-container .block-wrapper.second_index, #container #my-overview-container .block-wrapper.fourth_index {
  border-left: 3px solid #caeff8;
  background: #caeff8;
  border-radius: 0; }
  #container #my-overview-container .block-wrapper.second_index > .milestoneRow, #container #my-overview-container .block-wrapper.fourth_index > .milestoneRow {
    border-radius: 12px 0px 0px 0px;
    background: #FBFCFE !important;
    color: #000;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: none !important;
    border-bottom-left-radius: 0px !important; }
    #container #my-overview-container .block-wrapper.second_index > .milestoneRow:before, #container #my-overview-container .block-wrapper.fourth_index > .milestoneRow:before {
      display: none; }
  #container #my-overview-container .block-wrapper.second_index > .milestoneTableTaskTable div:nth-last-child(2), #container #my-overview-container .block-wrapper.fourth_index > .milestoneTableTaskTable div:nth-last-child(2) {
    border-bottom-left-radius: 12px; }
  #container #my-overview-container .block-wrapper.second_index > .milestoneTableTaskTable > .tableRow, #container #my-overview-container .block-wrapper.fourth_index > .milestoneTableTaskTable > .tableRow {
    background: #FBFCFE; }
    #container #my-overview-container .block-wrapper.second_index > .milestoneTableTaskTable > .tableRow:before, #container #my-overview-container .block-wrapper.fourth_index > .milestoneTableTaskTable > .tableRow:before {
      content: '';
      position: absolute;
      left: -3px;
      top: 22px;
      width: 9px;
      height: 15px;
      background: #caeff8;
      z-index: 10;
      border-radius: 0 18px 18px 0; }
  #container #my-overview-container .block-wrapper.second_index > ap-action-block > .tableRow, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > .tableRow {
    border-radius: 12px 0px 0px 0px;
    background: #FBFCFE !important;
    color: #000;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: none !important;
    border-bottom-left-radius: 0px !important; }
    #container #my-overview-container .block-wrapper.second_index > ap-action-block > .tableRow:before, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > .tableRow:before {
      display: none; }
  #container #my-overview-container .block-wrapper.second_index > ap-action-block div:nth-last-child(2), #container #my-overview-container .block-wrapper.fourth_index > ap-action-block div:nth-last-child(2) {
    border-bottom-left-radius: 12px; }
  #container #my-overview-container .block-wrapper.second_index > ap-action-block > div > .block-wrapper > .tableRow, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > div > .block-wrapper > .tableRow {
    background: #FBFCFE; }
    #container #my-overview-container .block-wrapper.second_index > ap-action-block > div > .block-wrapper > .tableRow:before, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > div > .block-wrapper > .tableRow:before {
      content: '';
      position: absolute;
      left: -3px;
      top: 22px;
      width: 9px;
      height: 15px;
      background: #caeff8;
      z-index: 10;
      border-radius: 0 18px 18px 0; }
  #container #my-overview-container .block-wrapper.second_index > ap-action-block > div > .block-wrapper:nth-last-child(1) > .tableRow, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > div > .block-wrapper:nth-last-child(1) > .tableRow {
    border-bottom-left-radius: 12px; }
  #container #my-overview-container .block-wrapper.second_index > ap-action-block > .milestoneTableTaskTable > .tableRow, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > .milestoneTableTaskTable > .tableRow {
    background: #FBFCFE; }
    #container #my-overview-container .block-wrapper.second_index > ap-action-block > .milestoneTableTaskTable > .tableRow:before, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > .milestoneTableTaskTable > .tableRow:before {
      content: '';
      position: absolute;
      left: -3px;
      top: 22px;
      width: 9px;
      height: 15px;
      background: #caeff8;
      z-index: 10;
      border-radius: 0 18px 18px 0; }
  #container #my-overview-container .block-wrapper.second_index > ap-action-block > .milestoneTableTaskTable div:nth-last-child(2), #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > .milestoneTableTaskTable div:nth-last-child(2) {
    border-bottom-left-radius: 12px; }
  #container #my-overview-container .block-wrapper.second_index > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow {
    background: #FBFCFE; }
    #container #my-overview-container .block-wrapper.second_index > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow:before, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > ng-repeat > .block-wrapper > ap-action-block > .tableRow:before {
      content: '';
      position: absolute;
      left: -3px;
      top: 22px;
      width: 9px;
      height: 15px;
      background: #caeff8;
      z-index: 10;
      border-radius: 0 18px 18px 0; }
  #container #my-overview-container .block-wrapper.second_index > ap-action-block > ng-repeat:nth-last-child(1) > .block-wrapper > ap-action-block > .tableRow, #container #my-overview-container .block-wrapper.fourth_index > ap-action-block > ng-repeat:nth-last-child(1) > .block-wrapper > ap-action-block > .tableRow {
    border-bottom-left-radius: 12px; }

.alert_content_signIn {
  text-align: center;
  font-size: 40px;
  color: #E83B83; }
  .alert_content_signIn a {
    color: #E83B83; }

#first_signin_page #loginOverview .login_header {
  margin-bottom: 10px;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 400; }
#first_signin_page #loginOverview .login-tabs {
  padding-top: 20px;
  font-size: 16px;
  display: flex;
  justify-content: space-between; }
  #first_signin_page #loginOverview .login-tabs .menu-tab {
    flex-basis: 33%;
    display: flex;
    justify-content: center;
    border-bottom: 7px solid #f4f4f4;
    padding: 10px 0;
    cursor: pointer; }
    #first_signin_page #loginOverview .login-tabs .menu-tab .tab-count {
      margin: 0 7px;
      border: 1px solid #cccccc;
      border-radius: 25px;
      background-color: #fff;
      width: 24px;
      height: 20px;
      display: inline-block;
      text-align: center;
      font-size: 12px;
      vertical-align: middle;
      padding-top: 4px; }
    #first_signin_page #loginOverview .login-tabs .menu-tab.active {
      border-color: #E83B83;
      font-weight: 500; }
      #first_signin_page #loginOverview .login-tabs .menu-tab.active .tab-count {
        color: #E83B83;
        border-color: #E83B83;
        padding-top: 4px; }
    #first_signin_page #loginOverview .login-tabs .menu-tab.tab-disabled {
      color: #C6C6C5; }
#first_signin_page #loginOverview #sign_up_step1 {
  padding: 0 0 0 5%; }
  #first_signin_page #loginOverview #sign_up_step1 .fd-col {
    margin-left: 5%;
    margin-top: 6%; }
  #first_signin_page #loginOverview #sign_up_step1 .user-name {
    font-size: 14px;
    padding-left: 9%; }
    #first_signin_page #loginOverview #sign_up_step1 .user-name .user-name-value {
      padding-left: 2%;
      font-weight: 600; }
  #first_signin_page #loginOverview #sign_up_step1 .choose-pwd {
    display: flex;
    align-items: flex-start;
    padding-top: 40px; }
    #first_signin_page #loginOverview #sign_up_step1 .choose-pwd .pwd_img {
      transform: rotate(180deg);
      width: 10px;
      height: 10px;
      vertical-align: text-top;
      display: inline-block;
      margin-right: 8px; }
    #first_signin_page #loginOverview #sign_up_step1 .choose-pwd input {
      border: 2px solid #e6e6e6;
      border-radius: 3px;
      margin-right: 30px;
      padding: 15px; }
  #first_signin_page #loginOverview #sign_up_step1 .choose-pwd-text {
    flex-basis: 70%;
    align-items: flex-start;
    display: flex;
    font-size: 14px; }
  #first_signin_page #loginOverview #sign_up_step1 .pwd-req {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    flex-basis: 100%;
    color: #969696;
    font-size: 12px;
    margin: 0 1em; }
    #first_signin_page #loginOverview #sign_up_step1 .pwd-req p {
      display: flex;
      width: 100%; }
      #first_signin_page #loginOverview #sign_up_step1 .pwd-req p span {
        padding: 0 5px; }
  #first_signin_page #loginOverview #sign_up_step1 .continue_button_wrap {
    margin-top: 5%; }
#first_signin_page #loginOverview #sign_up_step2 {
  padding: 0 35px; }
  #first_signin_page #loginOverview #sign_up_step2 .language_selector .chzn-single {
    width: 600%; }
  #first_signin_page #loginOverview #sign_up_step2 .language_selector .chzn-drop {
    width: 641%;
    top: auto; }
  #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload {
    display: flex; }
    #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload .upload-btn {
      margin-left: 8%;
      display: flex;
      flex-flow: column;
      justify-content: space-between; }
      #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload .upload-btn .upload-btn-btm {
        padding-top: 10%;
        color: #D3D3D3;
        font-size: 12px; }
      #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload .upload-btn .upload-label {
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 12px; }
        #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload .upload-btn .upload-label img {
          width: 25px;
          margin-right: 10px; }
      #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload .upload-btn #upload-img-field {
        display: none; }
    #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload .profile-pic {
      display: flex;
      align-items: flex-start;
      padding: 0 30px; }
      #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload .profile-pic img {
        background-color: #eee;
        border-radius: 35px;
        width: 50px;
        height: 50px; }
      #first_signin_page #loginOverview #sign_up_step2 .form-row .profile-pic-upload .profile-pic .img-remove {
        cursor: pointer;
        font-size: 12px;
        font-weight: 700;
        color: #e93b83; }
#first_signin_page #loginOverview #sign_up_step3 h1 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-left: 0px; }
#first_signin_page #loginOverview #sign_up_step3 h3 {
  margin-top: 20px;
  font-size: 18px;
  margin-left: 0px; }
#first_signin_page #loginOverview #sign_up_step3 p strong {
  font-weight: 600; }
#first_signin_page #loginOverview #sign_up_step3 ul {
  list-style-position: inside;
  margin-bottom: 10px; }
#first_signin_page #loginOverview #sign_up_step3 .button_wrapper {
  padding: 15px 0;
  float: right; }
  #first_signin_page #loginOverview #sign_up_step3 .button_wrapper ap-submit-buttons input {
    width: inherit;
    height: 34px;
    font-size: 15px;
    font-weight: 400;
    margin-top: 0px;
    padding-top: 5px; }
#first_signin_page #loginOverview #sign_up_step3 .agreement_content_wrapper {
  border: 2px solid #f4f4f4;
  width: calc(100% + 40px);
  border-right: none;
  border-left: none;
  height: 263px;
  margin-left: -20px; }
  #first_signin_page #loginOverview #sign_up_step3 .agreement_content_wrapper .agreement_content {
    line-height: 20px;
    font-size: 13px;
    word-spacing: 3px;
    overflow-y: scroll;
    height: 200px;
    padding: 20px 60px;
    text-align: justify; }
#first_signin_page #loginOverview .continue_button_wrap {
  float: right;
  padding-bottom: 10px;
  padding-top: 40px; }
  #first_signin_page #loginOverview .continue_button_wrap button {
    color: #fff;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px; }
    #first_signin_page #loginOverview .continue_button_wrap button.continue_enable {
      background-color: #E93B83;
      border: 1px solid #E93B83; }
    #first_signin_page #loginOverview .continue_button_wrap button.continue_disable {
      background-color: #808080;
      border: 1px solid #B7B7B7;
      pointer-events: none;
      cursor: default; }

.sign_in_log_out_box .delete_content_message {
  width: 530px; }

.firstloginmargin {
  margin-top: 0% !important;
  padding-bottom: 20px !important; }

table tr td.outstandings-icon {
  padding: 0 !important; }

.no-priority-outstandings {
  font-weight: 300;
  position: absolute;
  width: 22px;
  height: 18px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  padding: 0;
  z-index: 1; }

#topPriorityList.priority-list-home .viewHeading {
  z-index: 2;
  position: relative; }

.priority-outstandings-position {
  position: relative; }

#topPriorityList.priority-list-home .feedback {
  padding-right: 107px; }

#topPriorityList.priority-list-home .milestone-feedback {
  margin-right: 95px; }

.outstandingsCenterContainer .feedback {
  padding-right: 141px; }

.outstandingsCenterContainer .milestone-feedback {
  margin-right: 10px; }

#topPriorityList .priority-outstanding-counter {
  top: 8px;
  right: -58px; }
#topPriorityList .no-priority-outstandings {
  top: 8px;
  right: -58px;
  height: 12px; }

.guest-existence-message.ng-binding.ng-scope {
  color: red;
  margin-top: 5px;
  width: 100%; }

.option-icon-disabled {
  opacity: 0.2; }

.generic-checkbox {
  cursor: pointer; }
  .generic-checkbox:hover input ~ .checkmark {
    background-color: #efefef; }
  .generic-checkbox input:checked ~ .checkmark:after {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex; }
  .generic-checkbox input[type='checkbox'] {
    display: none; }
  .generic-checkbox .checkmark {
    display: inline-block;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #C6C6C5;
    cursor: pointer;
    position: relative; }
    .generic-checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 4px;
      top: 0;
      width: 4px;
      height: 10px;
      border: solid #E83B83;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .generic-checkbox .checkbox-text {
    position: relative;
    top: -4px;
    left: 4px;
    font-size: 12px; }

ap-multiple-choice-selector label {
  margin-left: 0;
  cursor: pointer;
  position: relative;
  display: table-cell;
  vertical-align: middle; }
  ap-multiple-choice-selector label input {
    display: none; }
  ap-multiple-choice-selector label input:checked + .label {
    border: 1px solid #e83b83; }
    ap-multiple-choice-selector label input:checked + .label .text {
      color: #e83b83; }
  ap-multiple-choice-selector label:first-of-type .label {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px; }
  ap-multiple-choice-selector label:last-child .label {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px; }
ap-multiple-choice-selector .label {
  border: 1px solid #bcbcbd;
  padding: 5px 10px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  background-color: #fff;
  height: 15px;
  min-width: max-content; }
  ap-multiple-choice-selector .label .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #bcbcbd;
    text-transform: capitalize; }

.importance-options-selector {
  display: inline-block;
  background-color: white;
  border: 1px solid #CCC;
  position: absolute;
  z-index: 105; }
  .importance-options-selector ul {
    list-style-type: none;
    font-size: 12px; }
  .importance-options-selector li {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #DDD; }
    .importance-options-selector li:before {
      display: inline-block;
      content: '';
      width: 12px;
      height: 12px;
      background-size: 12px;
      margin-right: 5px;
      vertical-align: top;
      background-repeat: no-repeat;
      margin-top: 2px; }
    .importance-options-selector li.highest:before {
      background-image: url(/images/icons/importance-highest.svg); }
    .importance-options-selector li.high:before {
      background-image: url(/images/icons/importance-high.svg); }
    .importance-options-selector li.medium:before {
      background-image: url(/images/icons/importance-medium.svg); }
    .importance-options-selector li.low:before {
      background-image: url(/images/icons/importance-low.svg); }
    .importance-options-selector li.lowest:before {
      background-image: url(/images/icons/importance-lowest.svg); }
    .importance-options-selector li:hover {
      background-color: #F2F2F2;
      color: #E83B83; }

ap-importance-option-line {
  display: inline-block;
  vertical-align: top; }
  ap-importance-option-line ap-importance-options-selector-dialog {
    position: relative;
    left: 0; }
  ap-importance-option-line .importance-options-selector {
    min-width: 115px;
    z-index: 1; }

.importance-option-line {
  cursor: pointer; }
  .importance-option-line .importance-name {
    font-size: 12px; }
  .importance-option-line .importance-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 12px;
    vertical-align: top;
    background-repeat: no-repeat; }
    .importance-option-line .importance-icon.importance-highest {
      background-image: url(/images/icons/importance-highest.svg); }
    .importance-option-line .importance-icon.importance-high {
      background-image: url(/images/icons/importance-high.svg); }
    .importance-option-line .importance-icon.importance-medium {
      background-image: url(/images/icons/importance-medium.svg); }
    .importance-option-line .importance-icon.importance-low {
      background-image: url(/images/icons/importance-low.svg); }
    .importance-option-line .importance-icon.importance-lowest {
      background-image: url(/images/icons/importance-lowest.svg); }
  .importance-option-line .reset-importance-container {
    position: absolute; }

.task-best-practice.disabled-events .reset-importance-container {
  display: none; }

.multiple-profile-selector {
  z-index: 25;
  display: inline-block; }
  .multiple-profile-selector .main-profiles {
    list-style-type: none;
    padding-right: 5px; }
    .multiple-profile-selector .main-profiles > li {
      display: inline-block;
      width: 26px;
      height: 26px;
      cursor: pointer;
      margin: 3px; }
      .multiple-profile-selector .main-profiles > li > label {
        display: none;
        margin-top: 32px; }
      .multiple-profile-selector .main-profiles > li:hover > label {
        display: block; }
      .multiple-profile-selector .main-profiles > li:hover .photo {
        outline: 2px solid #c5c5c5; }
      .multiple-profile-selector .main-profiles > li.selected .photo {
        outline: 2px solid #E83B83; }
    .multiple-profile-selector .main-profiles div.photo img, .multiple-profile-selector .main-profiles div.photo .image-placeholder {
      width: 26px;
      height: 26px; }
    .multiple-profile-selector .main-profiles div.photo .image-placeholder {
      margin-left: 0;
      line-height: 26px;
      background-color: lightgrey;
      font-size: 12px; }
    .multiple-profile-selector .main-profiles .fancybox-image {
      pointer-events: none; }
  .multiple-profile-selector .other-profiles {
    display: none;
    background-color: white;
    list-style: none;
    padding: 10px;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid lightgrey;
    text-align: left; }
    .multiple-profile-selector .other-profiles.other-profiles-expanded {
      display: block;
      position: absolute;
      left: 122px;
      margin-top: 1px;
      min-width: 200px; }
    .multiple-profile-selector .other-profiles .checkmark {
      position: relative;
      top: 0;
      left: 0;
      height: 12px;
      width: 12px;
      background-color: #fff;
      border: 1px solid #C6C6C5;
      display: inline-block;
      vertical-align: middle; }
      .multiple-profile-selector .other-profiles .checkmark.checked:after {
        content: "";
        position: absolute;
        left: 3px;
        top: 0;
        width: 3px;
        height: 7px;
        border: solid #E83B83;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .multiple-profile-selector .other-profiles .option-name {
      vertical-align: middle;
      font-size: 12px; }
    .multiple-profile-selector .other-profiles li {
      padding: 5px;
      cursor: pointer;
      white-space: nowrap; }
      .multiple-profile-selector .other-profiles li:hover {
        background-color: #ECECEC; }
    .multiple-profile-selector .other-profiles .photoholder {
      display: inline-block;
      margin: 0 8px 0 8px; }
    .multiple-profile-selector .other-profiles div.photo img {
      width: 26px;
      height: 26px; }
    .multiple-profile-selector .other-profiles div.photo .image-placeholder {
      line-height: 26px;
      font-size: 12px;
      width: 26px;
      height: 26px; }
    .multiple-profile-selector .other-profiles .search:hover {
      background-color: white; }
    .multiple-profile-selector .other-profiles .search input {
      height: 18px;
      width: calc(100% - 14px);
      border-radius: 11px;
      border: 1px solid lightgrey;
      padding: 0;
      padding-left: 14px;
      font-weight: 400;
      font-size: 10px; }
      .multiple-profile-selector .other-profiles .search input:focus {
        border: 1px solid #3AA7DD;
        box-shadow: 0 0 4px #3aa7dd;
        outline: none; }
    .multiple-profile-selector .other-profiles .search .search-icon {
      width: 12px;
      height: 12px;
      background-size: 12px 12px;
      display: inline-block;
      position: absolute;
      right: 24px;
      top: 20px;
      background-image: url(/images/icons/search-ltgrey.svg); }
  .multiple-profile-selector .toggle-other-profiles {
    text-align: center;
    vertical-align: top;
    line-height: 26px;
    border-radius: 50%;
    background-color: lightgrey; }
    .multiple-profile-selector .toggle-other-profiles.other-checked {
      outline: 2px solid #E83B83; }

.multiple-businessmap-selector {
  z-index: 25;
  display: inline-block; }
  .multiple-businessmap-selector .main-businessmaps {
    list-style-type: none;
    padding-right: 5px; }
    .multiple-businessmap-selector .main-businessmaps > li {
      display: inline-block;
      width: 26px;
      height: 26px;
      cursor: pointer;
      margin: 3px; }
      .multiple-businessmap-selector .main-businessmaps > li > label {
        display: none;
        margin-top: 32px; }
      .multiple-businessmap-selector .main-businessmaps > li:hover > label {
        display: block; }
      .multiple-businessmap-selector .main-businessmaps > li:hover .businessmap-name-circle {
        outline: 2px solid #c5c5c5; }
      .multiple-businessmap-selector .main-businessmaps > li.selected .businessmap-name-circle {
        outline: 2px solid #E83B83; }
    .multiple-businessmap-selector .main-businessmaps .select-all {
      margin-right: 6px;
      border-right: 1px solid lightgrey;
      padding-right: 10px;
      border-image: linear-gradient(to top, #fff, #d1d1d1, #fff) 1; }
    .multiple-businessmap-selector .main-businessmaps .businessmap-name-circle {
      display: inline-block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      vertical-align: middle;
      overflow: hidden;
      text-align: center;
      white-space: nowrap;
      margin-left: 0;
      line-height: 26px;
      background-color: lightgrey;
      font-size: 12px; }
  .multiple-businessmap-selector .other-businessmaps {
    display: none;
    background-color: white;
    list-style: none;
    padding: 10px;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid lightgrey;
    text-align: left; }
    .multiple-businessmap-selector .other-businessmaps.other-businessmaps-expanded {
      display: block;
      position: absolute;
      left: 122px;
      margin-top: 1px;
      min-width: 200px; }
    .multiple-businessmap-selector .other-businessmaps .checkmark {
      position: relative;
      top: 0;
      left: 0;
      height: 12px;
      width: 12px;
      background-color: #fff;
      border: 1px solid #C6C6C5;
      display: inline-block;
      vertical-align: middle; }
      .multiple-businessmap-selector .other-businessmaps .checkmark.checked:after {
        content: "";
        position: absolute;
        left: 3px;
        top: 0;
        width: 3px;
        height: 7px;
        border: solid #E83B83;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .multiple-businessmap-selector .other-businessmaps .businessmap-name-circle {
      display: inline-block;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      vertical-align: middle;
      overflow: hidden;
      text-align: center;
      white-space: nowrap;
      line-height: 40px;
      background-color: lightgrey;
      font-size: 16px;
      margin: 0 8px; }
    .multiple-businessmap-selector .other-businessmaps .option-name {
      vertical-align: middle;
      font-size: 12px; }
    .multiple-businessmap-selector .other-businessmaps li {
      padding: 5px;
      cursor: pointer;
      white-space: nowrap; }
      .multiple-businessmap-selector .other-businessmaps li:hover {
        background-color: #ECECEC; }
    .multiple-businessmap-selector .other-businessmaps .search:hover {
      background-color: white; }
    .multiple-businessmap-selector .other-businessmaps .search input {
      height: 18px;
      width: calc(100% - 14px);
      border-radius: 11px;
      border: 1px solid lightgrey;
      padding: 0;
      padding-left: 14px;
      font-weight: 400;
      font-size: 10px; }
      .multiple-businessmap-selector .other-businessmaps .search input:focus {
        border: 1px solid #3AA7DD;
        box-shadow: 0 0 4px #3aa7dd;
        outline: none; }
    .multiple-businessmap-selector .other-businessmaps .search .search-icon {
      width: 12px;
      height: 12px;
      background-size: 12px 12px;
      display: inline-block;
      position: absolute;
      right: 24px;
      top: 20px;
      background-image: url(/images/icons/search-ltgrey.svg); }
  .multiple-businessmap-selector .toggle-other-businessmaps {
    text-align: center;
    vertical-align: top;
    line-height: 26px;
    border-radius: 50%;
    background-color: lightgrey; }
    .multiple-businessmap-selector .toggle-other-businessmaps.other-checked {
      outline: 2px solid #E83B83; }

ap-purpose-selector {
  display: inline-block;
  vertical-align: top; }
  ap-purpose-selector .purpose-option-line {
    font-size: 12px; }
  ap-purpose-selector .purpose-selector {
    width: 68px;
    cursor: pointer;
    position: relative; }
  ap-purpose-selector .selector-options {
    display: inline-block;
    background-color: white;
    border: 1px solid #CCC;
    position: absolute;
    z-index: 105;
    top: 22px;
    left: -13px; }
  ap-purpose-selector ul {
    list-style-type: none;
    font-size: 12px; }
  ap-purpose-selector li {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #DDD;
    min-width: 68px; }
    ap-purpose-selector li:before {
      display: none;
      content: '';
      width: 16px;
      height: 16px;
      background-size: 16px;
      margin-right: 5px;
      vertical-align: top;
      background-repeat: no-repeat; }
    ap-purpose-selector li:hover {
      background-color: #F2F2F2;
      color: #E83B83; }
  ap-purpose-selector .remove-purpose-container {
    position: absolute; }
  ap-purpose-selector .purpose-question-mark {
    font-size: 20px;
    color: #9c9d9d;
    margin-top: -4px;
    display: inline-block;
    cursor: pointer; }

.duration-input {
  border: 0;
  padding: 2px;
  width: 25px;
  font-size: 12px;
  margin-top: -1px;
  text-align: right; }
  .duration-input.invalid {
    border-bottom: 1px solid #e43e3e; }
  .duration-input:focus-visible {
    outline: none; }

.duration-label {
  font-size: 12px;
  display: inline-block;
  width: 38px;
  text-align: left; }

.duration-placeholder {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-image: url(/images/icons/duration-grey.svg);
  cursor: pointer; }

.duration .bottom-border {
  border-bottom: 1px solid lightgray;
  display: inline-block;
  width: 67%; }
  .duration .bottom-border.invalid {
    border-color: #e43e3e; }

.favorite-list-container {
  position: fixed;
  top: 61px;
  width: 100%;
  z-index: 27; }

.favorite-list {
  color: white;
  background-color: #2E2F31;
  font-size: 12px;
  width: 1193px;
  margin: 0 auto;
  padding-bottom: 5px; }
  .favorite-list .favorite-header {
    height: 50px;
    padding: 0 10px 0 15px; }
    .favorite-list .favorite-header h1 {
      color: white;
      font-weight: 500;
      margin-bottom: 0;
      display: inline-block;
      vertical-align: middle;
      margin-left: 14px; }
  .favorite-list .favorite-header-name {
    display: inline-block;
    line-height: 50px; }
  .favorite-list .favorite-header-star {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: 32px;
    background-image: url(/images/icons/star-yellow-full.svg);
    font-size: 12px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    color: #303030; }
  .favorite-list .favorite-show-completed-container {
    display: inline-block;
    float: right;
    margin: 14px 20px 14px 0; }
  .favorite-list .only-completed-btn {
    font-size: 10px;
    border: 1px solid lightgrey;
    border-radius: 15px;
    height: 20px;
    display: inline-block;
    padding: 0 8px;
    cursor: pointer; }
    .favorite-list .only-completed-btn.active {
      border-color: #E83B83; }
      .favorite-list .only-completed-btn.active .show-completed-icon {
        background-image: url(/images/icons/icons-checked-tr-viewbox.svg);
        background-repeat: no-repeat;
        background-size: 30px 30px;
        background-position: initial;
        background-position-y: 3px; }
      .favorite-list .only-completed-btn.active .show-completed-label {
        color: #E83B83; }
  .favorite-list .show-completed-icon {
    display: inline-block;
    width: 15px;
    height: 20px;
    background-image: url(/images/icons/view-gray.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center; }
  .favorite-list .show-completed-label {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    color: lightgray; }
  .favorite-list .favorite-close {
    font-size: 11px;
    cursor: pointer;
    float: right;
    margin: 14px 10px 14px 0; }
    .favorite-list .favorite-close > span {
      font-size: 23px;
      line-height: 18px;
      color: #ECECEC; }
  .favorite-list .group-item-name {
    color: white;
    margin-left: 9px;
    max-width: 644px;
    width: 644px;
    padding: 9px 0;
    border: 1px solid transparent; }
    .favorite-list .group-item-name:hover {
      color: #E83B83;
      border-bottom: 1px solid #3C3F3F; }
  .favorite-list .group-name-container {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    border-right: 1px solid #3C3F3F;
    padding: 10px 5px 10px 15px; }
  .favorite-list .group-name {
    display: inline-block;
    width: 180px; }
  .favorite-list .group-expander {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url(/images/icons/collapse-right-grey.svg);
    background-size: 8px;
    vertical-align: top;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    padding: 0 3px; }
    .favorite-list .group-expander.expanded {
      background-image: url(/images/icons/collapse-down-pink.svg); }
  .favorite-list .favorite-groups {
    list-style-type: none; }
    .favorite-list .favorite-groups > li:nth-child(odd) {
      background-color: black; }
  .favorite-list .favorite-group {
    display: flex; }
  .favorite-list .group-items {
    list-style-type: none;
    display: inline-block;
    width: 970px; }
    .favorite-list .group-items > li {
      margin-left: 20px;
      display: flex;
      width: 930px; }
      .favorite-list .group-items > li.hidden {
        display: none; }
      .favorite-list .group-items > li > div {
        padding: 10px 0; }
      .favorite-list .group-items > li:last-of-type .group-item-name:hover {
        border-bottom: 1px solid transparent; }
  .favorite-list .group-item-icon {
    display: inline-block;
    width: 9px;
    height: 9px;
    background-size: 9px;
    margin-top: 3px; }
    .favorite-list .group-item-icon.action {
      background-image: url(/images/icons/action-white.svg); }
    .favorite-list .group-item-icon.meeting {
      background-image: url(/images/icons/meeting-white.svg); }
    .favorite-list .group-item-icon.team-meeting {
      background-image: url(/images/icons/team-meeting-white.svg); }
  .favorite-list .remove-favorite {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/images/icons/star-yellow-full.svg);
    background-size: 12px;
    cursor: pointer;
    margin-top: 11px;
    margin-left: 5px;
    position: relative; }
    .favorite-list .remove-favorite:hover {
      background-image: url(/images/icons/star-pink.svg); }
      .favorite-list .remove-favorite:hover .remove-favorite-hover {
        display: inline-block; }
  .favorite-list .remove-favorite-hover {
    display: none;
    position: absolute;
    border: 1px solid #C6C6C5;
    top: -22px;
    left: -60px;
    white-space: nowrap;
    color: #303030;
    background-color: white;
    padding: 2px 4px;
    border-radius: 2px; }

.duration-selector {
  position: relative; }
  .duration-selector .selector-options {
    display: inline-block;
    background-color: white;
    border: 1px solid #CCC;
    position: absolute;
    z-index: 105;
    top: 26px;
    left: -11px;
    text-align: center; }
  .duration-selector ul {
    list-style-type: none;
    font-size: 12px; }
  .duration-selector li {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #DDD;
    min-width: 68px; }
    .duration-selector li:hover {
      background-color: #F2F2F2;
      color: #E83B83; }

.profile-filter {
  margin-left: 20px; }
  .profile-filter .my-profile {
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin: 3px 0 3px 10px;
    top: 12px;
    padding-right: 10px;
    border-right: 1px solid lightgrey;
    border-image: linear-gradient(to top, #fff, #d1d1d1, #fff) 1;
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
    vertical-align: top; }
    .profile-filter .my-profile div.photo img, .profile-filter .my-profile div.photo .image-placeholder {
      width: 26px;
      height: 26px; }
    .profile-filter .my-profile div.photo .image-placeholder {
      margin-left: 0;
      line-height: 26px;
      background-color: lightgrey;
      font-size: 12px; }
    .profile-filter .my-profile:hover .photo {
      outline: 2px solid #c5c5c5; }
    .profile-filter .my-profile.selected .photo {
      outline: 2px solid #E83B83; }
    .profile-filter .my-profile .fancybox-image {
      pointer-events: none; }
  .profile-filter .my-profile-label {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 7px;
    color: #999999; }
  .profile-filter .team-container {
    border-right: 1px solid lightgrey;
    border-image: linear-gradient(to top, #fff, #d1d1d1, #fff) 1;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 5px; }
    .profile-filter .team-container.last {
      border-right: none; }
    .profile-filter .team-container.active .team-selector .photo {
      outline: 2px solid #E83B83; }
    .profile-filter .team-container .team-label {
      text-align: center;
      height: 0;
      margin-right: 3px;
      position: relative;
      top: 4px;
      color: #999999; }
    .profile-filter .team-container .team-wrap {
      display: inline-block;
      width: 100%; }
  .profile-filter .team-selector {
    height: 18px;
    cursor: pointer;
    margin: 0 0 0 10px;
    top: 12px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 4px;
    display: inline-block;
    vertical-align: top; }
    .profile-filter .team-selector .photo {
      background-color: white; }
    .profile-filter .team-selector .checkmark {
      position: relative;
      top: 0;
      left: 0;
      height: 12px;
      width: 12px;
      background-color: #fff;
      border: 1px solid #C6C6C5;
      display: inline-block;
      vertical-align: middle; }
      .profile-filter .team-selector .checkmark.checked:after {
        content: "";
        position: absolute;
        left: 3px;
        top: 0;
        width: 3px;
        height: 7px;
        border: solid #E83B83;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .profile-filter .team-icon {
    background-image: url(/images/icons/team-grey.svg);
    background-size: 56px;
    background-position: -1px -2px;
    width: 26px;
    height: 26px;
    display: inline-block; }
  .profile-filter .multiple-profile-selector {
    margin-top: 1px;
    position: relative;
    width: 100%;
    text-align: center; }

.actionLog__title h3 {
  font-size: 20px;
  font-weight: 400;
  color: #2F3941; }
.actionLog__title .header-collapsor {
  position: relative; }
  .actionLog__title .header-collapsor .task-info-collapsor {
    position: absolute;
    left: 1194px;
    top: 24px; }

.action-log-table {
  border: 1px solid #D2D2D2;
  border-radius: 12px;
  box-sizing: border-box;
  background: #fff;
  color: #121212; }
  .action-log-table .table-header {
    padding: 18px 15px 18px 15px; }
    .action-log-table .table-header .headline {
      display: inline-block;
      vertical-align: top;
      margin-top: 2px;
      width: 434px; }
      .action-log-table .table-header .headline h3 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 400; }
    .action-log-table .table-header .icon {
      width: 22px;
      height: 22px;
      display: inline-block;
      background-image: url(/images/icons/task-pink-new.svg);
      background-size: 44px;
      margin-left: 3px;
      vertical-align: middle; }
    .action-log-table .table-header .label {
      font-size: 12px;
      text-transform: uppercase;
      vertical-align: bottom;
      margin-left: 2px; }
      .action-log-table .table-header .label.first {
        margin-left: 4px;
        display: inline-block;
        margin-right: 10px; }
    .action-log-table .table-header .counter {
      vertical-align: middle;
      font-size: 22px;
      color: #6583c1;
      padding-left: 4px; }
      .action-log-table .table-header .counter.actions {
        color: #E83B83;
        padding-left: 0; }
    .action-log-table .table-header .hide-closed-btn {
      display: inline-block;
      vertical-align: middle;
      height: 26px;
      line-height: 24px;
      min-width: 70px;
      background: #ffffff;
      color: #cccccc;
      border: 1px solid #cccccc;
      transition: .3s;
      border-radius: 15px;
      text-align: center;
      font-size: 12px;
      cursor: pointer;
      box-sizing: border-box;
      padding: 0 12px;
      float: right; }
      .action-log-table .table-header .hide-closed-btn::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        background-image: url(/images/icons/icons-unchecked-tr-viewbox.svg);
        background-size: 28px 28px;
        background-position: 0 0;
        margin-right: 8px;
        vertical-align: text-bottom; }
      .action-log-table .table-header .hide-closed-btn:hover, .action-log-table .table-header .hide-closed-btn.active {
        border: 1px solid #e93b83;
        color: #e93b83;
        background: #fef6f9; }
        .action-log-table .table-header .hide-closed-btn:hover::before, .action-log-table .table-header .hide-closed-btn.active::before {
          background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
  .action-log-table .table-content .headline {
    text-transform: uppercase;
    padding: 8px 0 8px 0;
    font-size: 10px;
    color: #ACACAC;
    background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, white 100%);
    box-shadow: inset 0px 14px 20px 0px #faf8f9; }
    .action-log-table .table-content .headline .col > span.clickable {
      position: relative;
      cursor: pointer; }
      .action-log-table .table-content .headline .col > span.clickable:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        display: inline;
        color: #9D9C9C;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        right: -30px;
        top: 2px; }
      .action-log-table .table-content .headline .col > span.clickable.active:after {
        background-image: url(/images/icons/arrow-up-viewbox.svg); }
      .action-log-table .table-content .headline .col > span.clickable.activeDesc:after {
        background-image: url(/images/icons/arrow-down-viewbox.svg); }
  .action-log-table .table-content .list {
    overflow-y: scroll;
    max-height: 400px;
    scrollbar-width: none;
    /* for Firefox */
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */ }
    .action-log-table .table-content .list::-webkit-scrollbar {
      display: none;
      /* for Chrome, Safari, and Opera */ }
  .action-log-table .table-content .col {
    display: inline-block;
    vertical-align: top; }
  .action-log-table .table-content .col-meeting-date {
    width: 100px;
    margin-left: 20px; }
  .action-log-table .table-content .col-due-date {
    width: 100px;
    margin-left: 10px;
    text-align: center; }
  .action-log-table .table-content .col-name {
    width: 349px;
    margin-left: 16px; }
  .action-log-table .table-content .col-topic {
    width: 303px;
    margin-left: 16px; }
  .action-log-table .table-content .col-responsible {
    width: 150px;
    text-align: center; }
  .action-log-table .table-content .col-status {
    width: 125px;
    text-align: center; }
  .action-log-table .table-content .col-cnt {
    width: 26px;
    text-align: center;
    display: none; }
  .action-log-table .table-content .action-log {
    border-top: 1px solid #e2e1e1; }
    .action-log-table .table-content .action-log:nth-child(2n) {
      background-color: #FAF8F9; }
    .action-log-table .table-content .action-log:last-child {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px; }
  .action-log-table .table-content .list .col-meeting-date {
    padding-top: 13px;
    font-size: 12px; }
  .action-log-table .table-content .list .col-due-date {
    padding-top: 13px;
    font-size: 12px; }
    .action-log-table .table-content .list .col-due-date ap-date {
      color: white;
      padding: 3px 4px;
      border-radius: 3px;
      width: 76px;
      display: inline-block;
      background-color: #71d33f; }
    .action-log-table .table-content .list .col-due-date.overdue ap-date {
      background-color: #e43e3e; }
  .action-log-table .table-content .list .col-topic {
    font-size: 12px;
    padding: 13px 0; }
  .action-log-table .table-content .list .col-name {
    font-size: 12px;
    padding: 8px 0; }
  .action-log-table .table-content .list .col-responsible {
    padding-top: 5px;
    padding-bottom: 5px; }
    .action-log-table .table-content .list .col-responsible div.photo {
      width: 30px;
      height: 30px; }
      .action-log-table .table-content .list .col-responsible div.photo .image-placeholder {
        font-size: 13px;
        line-height: 30px; }
      .action-log-table .table-content .list .col-responsible div.photo .img, .action-log-table .table-content .list .col-responsible div.photo .image-placeholder {
        width: 30px;
        height: 30px; }
    .action-log-table .table-content .list .col-responsible .responsible-icon {
      display: inline-block;
      margin: 0 1px; }
      .action-log-table .table-content .list .col-responsible .responsible-icon.completed div.photo {
        border: 1px solid black;
        filter: grayscale(1); }
  .action-log-table .table-content .list .col-status {
    padding-top: 9px; }
    .action-log-table .table-content .list .col-status .status-label {
      display: inline-block;
      width: 100px;
      border-radius: 15px;
      padding: 5px 0;
      text-transform: uppercase;
      cursor: pointer;
      transition: .3s;
      border: 1px solid #DDD; }
      .action-log-table .table-content .list .col-status .status-label.open {
        background: #fff;
        color: #525252; }
        .action-log-table .table-content .list .col-status .status-label.open:hover {
          color: #fff;
          background: #303030;
          border-color: #303030; }
      .action-log-table .table-content .list .col-status .status-label.closed {
        color: #fff;
        background: #303030;
        border-color: #303030; }
        .action-log-table .table-content .list .col-status .status-label.closed:hover {
          background: #fff;
          color: #525252;
          border-color: #DDD; }
    .action-log-table .table-content .list .col-status .status-text {
      margin-top: 4px;
      color: #ACACAC; }
  .action-log-table .table-content .list .col-cnt {
    padding-top: 14px; }
  .action-log-table .modern-date-month-name {
    color: #121212;
    font-size: 10px; }
  .action-log-table .row-comment-holder {
    padding-left: 254px;
    padding-right: 18px; }
  .action-log-table .comment-content__text {
    font-size: 13px;
    color: #121212;
    width: 660px; }
  .action-log-table .comment-width {
    width: 748px; }
  .action-log-table .comment__user_content__container .comment_holder {
    max-width: 548px;
    width: 548px; }
  .action-log-table .comment-content__footer__name {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 5px;
    color: #EA578D; }
    .action-log-table .comment-content__footer__name .text {
      font-size: 10px;
      font-weight: 400;
      color: #acacac; }
  .action-log-table .comment-content__footer__date {
    font-size: 10px;
    font-weight: 400;
    color: #acacac; }
  .action-log-table .bulk_option__button {
    position: relative;
    margin: 0; }
    .action-log-table .bulk_option__button ap-controls {
      position: absolute;
      right: -45px;
      top: 14px; }
  .action-log-table .al, .action-log-table .dl {
    padding: 4px 3px 2px 0;
    border-radius: 3px;
    font-size: 12px;
    display: inline-block;
    margin: 1px 0; }
    .action-log-table .al .al-icon, .action-log-table .al .dl-icon, .action-log-table .dl .al-icon, .action-log-table .dl .dl-icon {
      display: none;
      width: 14px;
      height: 14px;
      background-position: 0 0;
      background-size: 28px 28px;
      margin-right: 3px;
      margin-left: 1px;
      position: relative;
      top: -1px;
      vertical-align: middle; }
    .action-log-table .al .al-icon, .action-log-table .dl .al-icon {
      background-image: url(/images/icons/task-grey-full.svg); }
    .action-log-table .al .dl-icon, .action-log-table .dl .dl-icon {
      background-image: url(/images/icons/icon-approve.svg);
      background-size: 14px 14px; }
    .action-log-table .al .al-badge, .action-log-table .al .dl-badge, .action-log-table .dl .al-badge, .action-log-table .dl .dl-badge {
      border-radius: 3px;
      text-transform: uppercase;
      font-size: 10px;
      padding: 1px 4px;
      margin-left: 1px;
      position: relative;
      top: -1px;
      height: 14px;
      font-weight: 500;
      line-height: 14px;
      vertical-align: middle; }
    .action-log-table .al .al-badge, .action-log-table .dl .al-badge {
      background-color: #ffcee2;
      color: #E83B83; }
    .action-log-table .al .dl-badge, .action-log-table .dl .dl-badge {
      background-color: #d4e0ff;
      color: #5384C3; }
    .action-log-table .al .al-delete, .action-log-table .al .dl-delete, .action-log-table .dl .al-delete, .action-log-table .dl .dl-delete {
      font-size: 12px;
      font-weight: 900;
      vertical-align: top;
      display: none;
      cursor: pointer; }
  .action-log-table .type-filters {
    vertical-align: middle;
    margin-top: 5px;
    display: inline-block; }
    .action-log-table .type-filters .al-badge, .action-log-table .type-filters .dl-badge {
      border-radius: 3px;
      text-transform: uppercase;
      font-size: 12px;
      padding: 2px 6px;
      margin-left: 1px;
      position: relative;
      top: -1px;
      height: 14px;
      font-weight: 500;
      line-height: 14px;
      vertical-align: middle;
      background-color: white;
      border: 1px solid #ECECEC;
      color: grey;
      cursor: pointer; }
    .action-log-table .type-filters.closed .al-badge:hover, .action-log-table .type-filters.closed .dl-badge:hover {
      color: #303030; }
    .action-log-table .type-filters.closed .al-badge.active, .action-log-table .type-filters.closed .dl-badge.active {
      background-color: #303030;
      border-color: #303030;
      color: #fff; }
    .action-log-table .type-filters .al-badge:hover {
      color: #E83B83; }
    .action-log-table .type-filters .al-badge.active {
      background-color: #ffcee2;
      border-color: #ffcee2;
      color: #E83B83; }
    .action-log-table .type-filters .dl-badge {
      margin-left: 10px; }
      .action-log-table .type-filters .dl-badge:hover {
        color: #5384C3; }
      .action-log-table .type-filters .dl-badge.active {
        background-color: #d4e0ff;
        color: #5384C3;
        border-color: #d4e0ff; }
  .action-log-table .top-options {
    display: inline-block;
    width: 729px;
    margin-top: 2px; }
  .action-log-table .left-options {
    display: inline-block;
    width: 350px; }
  .action-log-table .right-options {
    display: inline-block;
    width: 379px;
    text-align: right; }
  .action-log-table .fancybox-image {
    pointer-events: none; }

.agenda .topicRow {
  position: relative; }
  .agenda .topicRow .mainContent {
    position: relative;
    padding: 9px 15px 9px 0; }
    .agenda .topicRow .mainContent div.photo {
      width: 40px;
      height: 40px;
      margin-left: 0; }
  .agenda .topicRow .tableNameCell {
    display: flex;
    width: 968px; }
  .agenda .topicRow .modern-date {
    width: 82px;
    margin-left: 15px;
    margin-top: 8px;
    justify-content: center;
    display: flex; }
  .agenda .topicRow .user_icon {
    margin-left: 0;
    margin-right: 0;
    width: 74px;
    text-align: center; }
  .agenda .topicRow .topic-name {
    margin-top: 10px;
    padding-left: 15px;
    cursor: pointer; }
    .agenda .topicRow .topic-name.completed {
      cursor: default; }
  .agenda .topicRow .topic-icon-wrapper {
    width: 20px;
    margin-left: 0;
    margin-right: 2px;
    text-align: center;
    display: inline-block;
    vertical-align: top; }
  .agenda .topicRow .item-icon.topic {
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 15px; }
  .agenda .topicRow .topic-name-box {
    width: 475px;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
    position: relative; }
  .agenda .topicRow .tableQuickButtonsBox {
    right: 14px;
    top: 17px; }
    .agenda .topicRow .tableQuickButtonsBox.on-completed-entity {
      right: 140px; }
  .agenda .topicRow .removeDueDate.topic-date {
    left: 6.5%;
    top: 14px; }
  .agenda .topicRow .removeDueDate.remove-importance {
    top: -8px;
    left: 16px; }
  .agenda .topicRow .removeDueDate.remove-purpose {
    top: -6px;
    left: 10%; }
  .agenda .topicRow .removeDueDate.remove-duration {
    left: 905px;
    top: 15px; }
  .agenda .topicRow .iniNameBoxRow {
    display: inline-flex; }
  .agenda .topicRow .taskFile .hoverBox {
    display: inline-block;
    position: static; }
  .agenda .topicRow .calendar-placeholder {
    width: 82px;
    text-align: center;
    margin-top: 9px;
    margin-left: 15px; }
  .agenda .topicRow .drag-and-drop-box {
    position: absolute;
    right: 190px;
    top: 21px;
    cursor: pointer; }
  .agenda .topicRow .drag-and-drop-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-image: url(/images/icons/drag-grey.svg);
    background-position: 0 0;
    opacity: 0.6; }
.agenda .actions__comment__holder {
  padding-left: 179px; }
.agenda .tableRightRowOuterBox {
  position: absolute;
  right: -45px;
  top: 0; }
.agenda .summary-line {
  font-size: 12px;
  padding: 16px 12px 14px 0;
  background-color: #F0FCF0; }
  .agenda .summary-line.overdue {
    background-color: #FFF2F2; }
    .agenda .summary-line.overdue .summary-date {
      background-color: #e43e3e; }
  .agenda .summary-line .summary-line-container {
    width: 1181px; }
    .agenda .summary-line .summary-line-container .hiddenDateInput {
      left: -116px;
      top: 8px; }
  .agenda .summary-line .summary-label {
    font-weight: 500;
    display: inline-block;
    margin-left: 60px;
    width: 623px; }
  .agenda .summary-line .summary-text {
    font-weight: 500;
    display: inline-block;
    padding-left: 19px;
    text-transform: uppercase;
    font-size: 15px; }
  .agenda .summary-line .summary-buttons {
    display: inline-block;
    width: 250px;
    text-align: right; }
    .agenda .summary-line .summary-buttons .add_plus_buttons {
      display: inline-block;
      width: 100px;
      text-align: center; }
    .agenda .summary-line .summary-buttons a {
      font-size: 10px;
      color: #E83B83; }
  .agenda .summary-line .summary-date {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    width: 80px;
    display: inline-block;
    margin-left: 16px;
    margin-right: 1px;
    text-align: center;
    background-color: #71d33f;
    color: white;
    padding: 6px 0;
    border-radius: 3px;
    cursor: pointer;
    position: relative; }
    .agenda .summary-line .summary-date.no-date {
      background-color: transparent;
      color: black;
      width: 154px;
      text-align: left; }
  .agenda .summary-line .summary-badge {
    width: 74px;
    display: inline-block;
    text-align: center; }
    .agenda .summary-line .summary-badge .orvedue_tag {
      display: inline-block;
      margin-right: 0;
      margin-left: 0;
      margin-top: -1px; }
    .agenda .summary-line .summary-badge.no-date {
      display: none; }
  .agenda .summary-line .summary-cnt {
    width: 650px;
    display: inline-block; }
  .agenda .summary-line .summary-duration {
    display: inline-block;
    width: 72px;
    padding-right: 8px;
    text-align: right; }
  .agenda .summary-line .modern-date-day {
    display: inline-block;
    margin-right: 3px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1; }
  .agenda .summary-line .modern-date-month-name {
    font-size: 10px;
    font-weight: 400;
    line-height: 1; }
  .agenda .summary-line .removeDueDate {
    top: -6px;
    left: 83px;
    color: white;
    background-size: 14px 14px;
    width: 14px;
    height: 14px; }
.agenda .agenda-header {
  padding: 21px 15px;
  cursor: pointer;
  position: relative; }
  .agenda .agenda-header h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    display: inline-block; }
  .agenda .agenda-header .agenda-options {
    display: inline-block;
    position: absolute;
    right: 87px;
    top: 15px; }
  .agenda .agenda-header .task-info-collapsor {
    top: 3px; }
  .agenda .agenda-header .add_plus_buttons {
    position: relative;
    top: 1px; }
    .agenda .agenda-header .add_plus_buttons > a {
      font-size: 10px; }
.agenda .agenda-table-headline {
  padding: 11px 15px 10px;
  display: flex;
  align-items: center;
  border-top: 1px solid #cecece;
  text-transform: uppercase;
  color: #303030; }
  .agenda .agenda-table-headline .tableAboveHeaderDate {
    width: 82px;
    text-align: center; }
  .agenda .agenda-table-headline .tableAboveHeaderPresenter {
    width: 74px;
    text-align: center; }
  .agenda .agenda-table-headline .tableAboveHeaderName {
    width: 497px;
    padding-left: 15px;
    padding-right: 0; }
  .agenda .agenda-table-headline .tableAboveHeaderProgress.importance {
    width: 80px;
    text-align: center; }
  .agenda .agenda-table-headline .tableAboveHeaderProgress.purpose {
    width: 90px;
    text-align: center; }
  .agenda .agenda-table-headline .tableAboveHeaderProgress.duration {
    width: 70px;
    text-align: center; }
.agenda .topics-placeholder.show {
  height: 10px; }
.agenda .ui-sortable-helper .tableRow:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.page-filter.businessmap-filter {
  min-width: 164px; }
  .page-filter.businessmap-filter .filter-options .option-name-circle {
    background-image: url(/images/icons/businessmap-grey.svg);
    background-position: 6px 6px;
    background-size: 16px;
    background-repeat: no-repeat;
    font-size: 16px;
    margin: 0 8px; }

.page-filter {
  z-index: 25;
  display: inline-block;
  margin-left: 14px; }
  .page-filter.hidden {
    display: none; }
  .page-filter .filter-options {
    display: none;
    background-color: white;
    list-style: none;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid lightgrey;
    text-align: left; }
    .page-filter .filter-options.filter-options-expanded {
      display: block;
      position: absolute;
      margin-top: 1px;
      min-width: 330px;
      z-index: 1; }
    .page-filter .filter-options .checkmark {
      position: relative;
      top: 0;
      left: 0;
      height: 12px;
      width: 12px;
      background-color: #ECECEC;
      border: 1px solid #C6C6C5;
      display: inline-block;
      vertical-align: middle; }
      .page-filter .filter-options .checkmark.checked {
        background-color: #FFF; }
        .page-filter .filter-options .checkmark.checked:after {
          content: "";
          position: absolute;
          left: 3px;
          top: 0;
          width: 3px;
          height: 7px;
          border: solid #5384C3;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    .page-filter .filter-options .option-name-circle {
      display: inline-block;
      width: 26px;
      height: 26px;
      vertical-align: middle;
      overflow: hidden;
      text-align: center;
      white-space: nowrap;
      line-height: 26px;
      font-size: 16px;
      margin: 0 8px; }
    .page-filter .filter-options .option-name {
      vertical-align: middle;
      font-size: 12px;
      display: inline-block;
      max-width: 210px; }
    .page-filter .filter-options .photoholder {
      display: inline-block;
      margin: 0 8px 0 8px; }
    .page-filter .filter-options div.photo img {
      width: 26px;
      height: 26px; }
    .page-filter .filter-options div.photo .image-placeholder {
      line-height: 26px;
      font-size: 12px;
      width: 26px;
      height: 26px; }
    .page-filter .filter-options li {
      padding: 5px;
      cursor: pointer; }
      .page-filter .filter-options li > input::placeholder {
        font-size: 11px;
        color: #cbcbcb; }
      .page-filter .filter-options li.search {
        padding: 15px; }
      .page-filter .filter-options li.list-item {
        border-left: 3px solid white;
        padding-left: 15px;
        padding-right: 15px; }
        .page-filter .filter-options li.list-item.hovered {
          border-color: #5384C3;
          background-color: #ECECEC; }
          .page-filter .filter-options li.list-item.hovered .checkmark {
            background-color: #FFF; }
    .page-filter .filter-options .search:hover {
      background-color: white; }
    .page-filter .filter-options .search input {
      height: 18px;
      width: calc(100% - 14px);
      border-radius: 11px;
      border: 1px solid lightgrey;
      padding: 0;
      padding-left: 14px;
      font-weight: 400;
      font-size: 10px; }
      .page-filter .filter-options .search input:focus {
        border: 1px solid #3AA7DD;
        box-shadow: 0 0 4px #3aa7dd;
        outline: none; }
    .page-filter .filter-options .search .search-icon {
      width: 12px;
      height: 12px;
      background-size: 12px 12px;
      display: inline-block;
      position: absolute;
      right: 24px;
      top: 20px;
      background-image: url(/images/icons/search-ltgrey.svg); }
  .page-filter .toggle-filter-options {
    vertical-align: top;
    text-transform: uppercase;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block; }
    .page-filter .toggle-filter-options > span {
      vertical-align: middle; }
    .page-filter .toggle-filter-options:hover {
      background-color: #ECECEC; }
    .page-filter .toggle-filter-options.expanded {
      background-color: #d4e0ff;
      color: #5384C3; }
    .page-filter .toggle-filter-options .filter-name {
      margin-right: 4px; }
    .page-filter .toggle-filter-options .selected-num {
      color: white;
      background-color: #5384C3;
      padding: 2px 4px;
      border-radius: 7px;
      min-width: 10px;
      display: inline-block;
      text-align: center; }
    .page-filter .toggle-filter-options .selected-num-placeholder {
      color: #303030;
      background-color: lightgrey;
      padding: 2px 4px;
      border-radius: 7px;
      min-width: 10px;
      display: inline-block;
      text-align: center; }
    .page-filter .toggle-filter-options .expander-icon {
      position: relative;
      display: inline-block;
      top: 1px;
      margin-left: 5px; }
  .page-filter .clear-button-wrapper {
    display: inline-block;
    margin-left: 4px;
    margin-top: 9px; }
    .page-filter .clear-button-wrapper .removeDueDate {
      width: 14px;
      height: 14px;
      background-size: 14px;
      display: inline-block;
      position: static;
      cursor: pointer; }

.profiles-list {
  z-index: 25;
  display: inline-block; }
  .profiles-list .main-profiles {
    list-style-type: none;
    padding-right: 5px; }
    .profiles-list .main-profiles > li {
      display: inline-block;
      width: 26px;
      height: 26px;
      cursor: pointer;
      margin: 3px; }
      .profiles-list .main-profiles > li > label {
        display: none;
        margin-top: 32px; }
      .profiles-list .main-profiles > li:hover > label {
        display: block; }
      .profiles-list .main-profiles > li.selected .photo {
        outline: 2px solid #E83B83; }
    .profiles-list .main-profiles div.photo img, .profiles-list .main-profiles div.photo .image-placeholder {
      width: 26px;
      height: 26px; }
    .profiles-list .main-profiles div.photo .image-placeholder {
      margin-left: 0;
      line-height: 26px;
      background-color: lightgrey;
      font-size: 12px; }
    .profiles-list .main-profiles .fancybox-image {
      pointer-events: none; }
  .profiles-list .other-profiles {
    text-align: center;
    vertical-align: top;
    line-height: 26px;
    border-radius: 50%;
    background-color: lightgrey; }
    .profiles-list .other-profiles .longname-tooltip {
      transform: none;
      line-height: 12px;
      margin-top: 4px;
      text-align: left; }

.reaction-hoverbox {
  display: inline-block;
  background-color: white;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 8px 0 #e6e6e6;
  padding: 2px 6px;
  border-radius: 5px; }
  .reaction-hoverbox .separator {
    height: 22px;
    border-left: 1px solid #ddd;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block; }
  .reaction-hoverbox .hover-btn {
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    font-size: 15px;
    position: relative; }
    .reaction-hoverbox .hover-btn.edit {
      background-image: url(/images/icons/icons-edit-viewbox.svg);
      background-size: 28px;
      background-repeat: no-repeat;
      background-position: 7px 7px;
      width: 14px;
      height: 14px;
      vertical-align: top;
      padding: 7px; }
      .reaction-hoverbox .hover-btn.edit:hover {
        background-image: url(/images/icons/icons-edit-pink-viewbox.svg); }
      .reaction-hoverbox .hover-btn.edit.btn-disabled {
        pointer-events: none;
        opacity: 0.5; }
    .reaction-hoverbox .hover-btn.delete {
      background-image: url(/images/icons/icons-delete-viewbox.svg);
      background-size: 28px;
      background-repeat: no-repeat;
      background-position: 7px 7px;
      width: 14px;
      height: 14px;
      vertical-align: top;
      padding: 7px; }
      .reaction-hoverbox .hover-btn.delete.btn-disabled {
        pointer-events: none;
        opacity: 0.5; }
      .reaction-hoverbox .hover-btn.delete:hover {
        background-image: url(/images/icons/icons-delete-pink-viewbox.svg); }
    .reaction-hoverbox .hover-btn .selected-border {
      display: none;
      position: absolute;
      border-bottom: 2px solid #5384C3;
      width: 18px;
      top: 26px;
      left: 5px; }
    .reaction-hoverbox .hover-btn:hover {
      background-color: #eee; }
    .reaction-hoverbox .hover-btn.selected .selected-border {
      display: inline-block; }

.comment-reactions {
  text-align: right; }
  .comment-reactions .comment-reaction {
    display: inline-block;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    padding: 3px 7px;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    margin-left: 3px; }
    .comment-reactions .comment-reaction:hover .hover-names {
      display: block; }
    .comment-reactions .comment-reaction.selected {
      border-color: #5384C3; }
  .comment-reactions .reactions-count {
    font-size: 12px;
    position: relative;
    top: -1px; }

.reaction-profiles-container {
  position: absolute;
  display: inline-block;
  z-index: 10; }
  .reaction-profiles-container .hover-names {
    padding: 5px;
    border-radius: 5px;
    background-color: white;
    z-index: 2;
    text-align: left;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 8px 0 #e6e6e6;
    top: 30px;
    left: -4px; }
    .reaction-profiles-container .hover-names .photoholder {
      display: inline-block;
      margin-right: 6px; }
      .reaction-profiles-container .hover-names .photoholder div.photo .image-placeholder {
        line-height: 24px;
        width: 24px;
        height: 24px;
        font-size: 12px; }
      .reaction-profiles-container .hover-names .photoholder .photo {
        width: 24px;
        height: 24px;
        margin-left: 0; }
        .reaction-profiles-container .hover-names .photoholder .photo img {
          width: 24px;
          height: 24px; }
  .reaction-profiles-container .hover-name {
    white-space: nowrap;
    padding: 4px;
    font-size: 14px; }

.emoji-popup-container {
  position: relative;
  z-index: 10;
  left: -46px;
  top: 4px; }
  .emoji-popup-container emoji-picker {
    position: absolute;
    --emoji-size: 20px;
    --border-radius: 5px;
    --input-border-color: #ccc;
    --input-border-radius: 15px;
    --outline-color: #ccc;
    --outline-size: 1px;
    --input-font-size: 14px;
    --input-line-height: 14px;
    --input-padding: 5px; }

.emoji-popup-container-v2 {
  position: absolute;
  z-index: 1000; }
  .emoji-popup-container-v2 emoji-picker {
    position: absolute;
    --emoji-size: 20px;
    --border-radius: 5px;
    --input-border-color: #ccc;
    --input-border-radius: 15px;
    --outline-color: #ccc;
    --outline-size: 1px;
    --input-font-size: 14px;
    --input-line-height: 14px;
    --input-padding: 5px; }

.user-list-activities .hover-controls {
  position: absolute;
  top: 14px;
  right: 14px; }
  .user-list-activities .hover-controls .control_close {
    width: 17px;
    height: 17px;
    display: inline-block;
    font-size: 34px;
    line-height: 14px;
    color: #AAA;
    font-weight: 300;
    vertical-align: middle;
    cursor: pointer; }
.user-list-activities .activities-list-message {
  font-size: 13px; }
.user-list-activities .activities-list-container {
  padding: 25px;
  background-color: #f9f9f9; }
.user-list-activities .activities-section {
  margin-top: 20px;
  background-color: white;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
  padding: 19px 16px;
  padding-bottom: 4px;
  margin-bottom: 20px;
  font-size: 13px; }
.user-list-activities .activities-headlines {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500; }
.user-list-activities .activity-row .activity-id {
  display: inline-block;
  width: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top; }
.user-list-activities .activity-row .activity-name {
  display: inline-block;
  width: 395px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  vertical-align: top;
  word-break: break-word; }
  .user-list-activities .activity-row .activity-name.short {
    width: 195px; }
.user-list-activities .activity-row .activity-responsible {
  width: 195px;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  vertical-align: top; }
.user-list-activities .activity-row .activity-owner {
  width: 195px;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  vertical-align: top; }
.user-list-activities .activity-row .activity-url {
  display: inline-block;
  width: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  vertical-align: top; }
.user-list-activities .activity-row .activity-status {
  vertical-align: top;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px; }
  .user-list-activities .activity-row .activity-status .status-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/icons/priority-active.svg);
    background-size: 32px; }
    .user-list-activities .activity-row .activity-status .status-icon.resolved {
      background-image: url(../images/icons/icons-complete-ok-viewbox.svg); }
.user-list-activities .activity-row .copy-link-icon {
  visibility: visible; }
.user-list-activities .activity-row-headline {
  text-transform: uppercase;
  font-size: 10px;
  padding: 10px 0; }
  .user-list-activities .activity-row-headline > div {
    display: inline-block; }
  .user-list-activities .activity-row-headline .headline-id {
    width: 100px; }
  .user-list-activities .activity-row-headline .headline-name {
    width: 400px; }
    .user-list-activities .activity-row-headline .headline-name.short {
      width: 200px; }
  .user-list-activities .activity-row-headline .headline-responsible {
    width: 200px; }
  .user-list-activities .activity-row-headline .headline-owner {
    width: 200px; }
  .user-list-activities .activity-row-headline .headline-url {
    width: 80px;
    text-align: center; }
  .user-list-activities .activity-row-headline .headline-status {
    display: inline-block; }

#display-action-changes table.sortable thead th, #display-action-roles-shares > thead > tr > th, #display-action-attached .sortable th, .executionStatusKpi thead > tr > th {
  text-transform: uppercase;
  background-color: #EEEEEE;
  color: black;
  margin-bottom: 10px;
  margin-top: 16px;
  font-size: 11px;
  font-weight: 400; }

#actionHeaderBox ap-collapse-section .headline {
  font-size: 9px;
  color: #808080;
  cursor: pointer; }
#actionHeaderBox ap-collapse-section .expander-two-colors {
  position: relative; }
  #actionHeaderBox ap-collapse-section .expander-two-colors.expanded:after {
    background-image: url(/images/icons/icons-checked-tr-viewbox.svg); }
  #actionHeaderBox ap-collapse-section .expander-two-colors:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: 32px 32px;
    background-position: 0 0; }
  #actionHeaderBox ap-collapse-section .expander-two-colors:after {
    top: 5px;
    left: 5px;
    background-image: url(/images/icons/icons-unchecked-tr-viewbox.svg); }
#actionHeaderBox .actionHeaderBox__header__action__name .action__name {
  margin-top: 14px;
  margin-bottom: 5px;
  margin-left: 0px;
  max-width: 762px;
  white-space: nowrap;
  font-weight: 500; }
#actionHeaderBox .mb-8 {
  margin-bottom: 8px; }
#actionHeaderBox .initiative_states_section.action {
  margin-bottom: 3px;
  margin-top: 5px; }
#actionHeaderBox .initiative_favourite_section {
  margin-bottom: 3px;
  margin-top: 3px; }
#actionHeaderBox .actionName {
  font-weight: 400;
  font-size: 20px;
  line-height: 1em;
  float: left; }
  #actionHeaderBox .actionName.draft:before {
    background-image: url(/images/icons/draft-pink.svg); }
  #actionHeaderBox .actionName.completed:before {
    background-image: url(/images/icons/complete-action-pink.svg); }
  #actionHeaderBox .actionName .privacyIcon {
    width: 15px;
    height: 13px; }
#actionHeaderBox .actionNameWrap {
  float: left;
  max-width: 486px; }
#actionHeaderBox .actionState {
  margin: 0 0 0 5px;
  font-size: 10px;
  font-weight: 400;
  color: #E83B83; }
#actionHeaderBox .actionStateLabel {
  color: #9D9C9C; }
#actionHeaderBox .roles-shares h3 {
  margin-left: 29px; }
#actionHeaderBox .roles-shares .expander-two-colors {
  left: 0; }
#actionHeaderBox .actionResponsibleProfile {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 10px 10px 0;
  border-radius: 50%;
  background: transparent 50%/cover; }
#actionHeaderBox #actionHeaderBoxLeft {
  width: 600px;
  float: left; }
#actionHeaderBox #actionHeaderBoxRight {
  width: 234px;
  float: right;
  text-align: right; }
  #actionHeaderBox #actionHeaderBoxRight div {
    height: 16px; }
  #actionHeaderBox #actionHeaderBoxRight .small {
    font-size: 9px !important; }
#actionHeaderBox .secondInfo {
  padding-left: 10px; }
#actionHeaderBox #actionDetails {
  color: #9D9C9C;
  float: left;
  display: flex;
  align-items: flex-start; }
  #actionHeaderBox #actionDetails .initiative_states_section > span {
    padding: 3px 6px;
    font-size: 10px;
    margin-right: 10px;
    font-weight: 400;
    border-radius: 3px;
    height: 14px;
    display: inline-block; }
  #actionHeaderBox #actionDetails .initiative_states_section .COMPLETED {
    color: white;
    background-color: #2E2F31; }
  #actionHeaderBox #actionDetails .initiative_states_section .PENDING {
    background-color: #FF7F00;
    color: white; }
  #actionHeaderBox #actionDetails .initiative_states_section .OVERDUE, #actionHeaderBox #actionDetails .initiative_states_section .DECLINED {
    background-color: #E62E2C;
    color: white; }
  #actionHeaderBox #actionDetails .initiative_states_section .ACCEPTED {
    background-color: #58B947;
    color: white; }
  #actionHeaderBox #actionDetails .initiative_states_section .DRAFT {
    background-color: white;
    color: #2E2F31;
    border: 1px solid #ccc; }
  #actionHeaderBox #actionDetails .initiative_states_section .COMPLETION.REQUESTED {
    background-color: #FF7F00;
    color: white; }
  #actionHeaderBox #actionDetails:after {
    content: '';
    display: table;
    clear: both; }
  #actionHeaderBox #actionDetails .dates > span {
    margin-left: 6px; }
#actionHeaderBox .actionGiveFeedbackLabel,
#actionHeaderBox .actionRequestFeedbackLabel {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  #actionHeaderBox .actionGiveFeedbackLabel:before,
  #actionHeaderBox .actionRequestFeedbackLabel:before {
    content: '';
    display: block;
    margin: 0 auto 5px;
    width: 2.2em;
    height: 2.2em;
    background: no-repeat url(/images/icons/icons-update-pink.svg) 7px/20px;
    border: 1px solid #DDD;
    padding: 6px;
    border-radius: 5px; }
#actionHeaderBox .actionOwnerIcon:before,
#actionHeaderBox .actionResponsibleIcon:before,
#actionHeaderBox .actionOwnerIcon.actionResponsibleIcon:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 14px;
  vertical-align: -3px; }
#actionHeaderBox .actionOwnerIcon {
  color: #acacac;
  font-size: 10px;
  margin: 0 5px 0 0;
  font-weight: 400; }
  #actionHeaderBox .actionOwnerIcon:before {
    margin-right: 4px;
    margin-left: 2px;
    background: no-repeat url(/images/icons/roles/owner-simple.svg) 0/contain;
    background-position: 0 0;
    background-size: 28px 28px; }
#actionHeaderBox .actionResponsibleIcon {
  margin: 0 5px 0 0;
  color: #acacac;
  font-size: 10px;
  font-weight: 400;
  word-break: break-all; }
  #actionHeaderBox .actionResponsibleIcon:before {
    margin-right: 4px;
    background: no-repeat url(/images/icons/roles/responsible-simple.svg) 0/contain;
    background-position: 0 0;
    background-size: 26px 28px; }
#actionHeaderBox .actionOwnerIcon.actionResponsibleIcon:before {
  width: 14px;
  background: no-repeat url(/images/icons/roles/responsible-simple.svg) 20px/contain;
  background-position: 0px 1px;
  background-size: 20px 25px;
  margin-right: 2px; }
#actionHeaderBox .actionOwnerIcon.actionResponsibleIcon:after {
  content: initial; }
#actionHeaderBox dl.descriptions {
  margin-top: 5px; }
  #actionHeaderBox dl.descriptions div.row {
    margin-bottom: 14px;
    overflow: hidden; }
    #actionHeaderBox dl.descriptions div.row dt {
      text-decoration: none;
      font-size: 11px;
      font-weight: 400; }
    #actionHeaderBox dl.descriptions div.row > dt {
      width: 155px;
      text-align: right;
      float: left; }
    #actionHeaderBox dl.descriptions div.row dd {
      font-size: 11px;
      font-weight: 300;
      margin-bottom: 0; }
      #actionHeaderBox dl.descriptions div.row dd p {
        margin-bottom: 0px; }
    #actionHeaderBox dl.descriptions div.row > dd {
      margin-left: 24px;
      float: left;
      width: 650px; }
      #actionHeaderBox dl.descriptions div.row > dd dt {
        font-weight: 300;
        display: inline-block;
        margin-bottom: 0; }
      #actionHeaderBox dl.descriptions div.row > dd dd {
        font-weight: 700;
        display: inline-block;
        margin-bottom: 0;
        margin-left: 5px; }
#actionHeaderBox .actionId {
  color: #E83B83;
  font-size: 10px; }
#actionHeaderBox .actionHeaderNavWrap {
  border-top: 1px solid #ECECEC;
  background-color: white;
  padding-top: 6px;
  padding-left: 0;
  width: 100%; }
  #actionHeaderBox .actionHeaderNavWrap:after {
    content: '';
    display: table;
    clear: left; }
#actionHeaderBox .actionHeaderNav {
  list-style: none;
  max-width: 800px;
  text-align: center; }
  #actionHeaderBox .actionHeaderNav.actionNameOptions {
    position: absolute;
    display: inline-block;
    top: 3px; }
    #actionHeaderBox .actionHeaderNav.actionNameOptions > li {
      height: 33px;
      overflow: hidden; }
  #actionHeaderBox .actionHeaderNav > li {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 60px;
    margin: 0;
    margin-right: 1px;
    padding-top: 5px;
    text-align: center;
    font-size: 9px;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer; }
    #actionHeaderBox .actionHeaderNav > li:first-child {
      margin: 0 3px 0 3px; }
    #actionHeaderBox .actionHeaderNav > li:hover > .aHNlabel {
      color: #E83B83; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconQuickEdit:before {
      background-image: url(/images/icons/quick-edit-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconShare:before {
      background-image: url(/images/icons/share-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconEdit:before {
      background-image: url(/images/icons/icons-edit-pink-sim.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconAddTask:before {
      background-image: url(/images/icons/task-pink_old.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconAddMilestone:before {
      background-image: url(/images/icons/milestone-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconTag:before {
      background-image: url(/images/icons/tag-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconSubIni:before {
      background-image: url(/images/icons/subaction-pink-v2.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconAlignment:before {
      background-image: url(/images/icons/icons-tree-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconInviteSupporter:before {
      background-image: url(/images/icons/roles/supporter.heart-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconAttachFile:before {
      background-image: url(/images/icons/attach-file-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconCopy:before {
      background-image: url(/images/icons/copy-action-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconSaveDraft:before {
      background-image: url(/images/icons/draft-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconComplete:before {
      background-image: url(/images/icons/complete-action-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconDelete:before {
      background-image: url(/images/icons/icons-delete-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconGiveFeedback:before {
      background-image: url(/images/icons/icons-update-pink.svg);
      background-color: #ECECEC; }
    #actionHeaderBox .actionHeaderNav > li:hover.aHN_iconComment:before {
      background-image: url(/images/icons/comment-pink.svg);
      background-color: #ECECEC; }
  #actionHeaderBox .actionHeaderNav .showDetails {
    vertical-align: top;
    margin-left: -12px; }
    #actionHeaderBox .actionHeaderNav .showDetails .expander-two-colors {
      top: 0px;
      left: -5px; }
      #actionHeaderBox .actionHeaderNav .showDetails .expander-two-colors:after {
        top: 5px;
        left: 5px;
        width: 40px;
        height: 40px;
        background-size: 40px 40px; }
    #actionHeaderBox .actionHeaderNav .showDetails:hover:before {
      background-color: #ECECEC; }
#actionHeaderBox .actionHeaderNav > li:hover.aHN_iconSaveDraft:before {
  background-size: 36px 36px;
  background-position: 6px 6px; }
#actionHeaderBox .actionHeaderNav .showMore {
  display: none; }
#actionHeaderBox .actionHeaderNavToggle {
  display: none; }
  #actionHeaderBox .actionHeaderNavToggle:checked + .actionHeaderNav .showMore {
    display: block; }
  #actionHeaderBox .actionHeaderNavToggle:checked + .actionHeaderNav .showLess {
    display: none; }
  #actionHeaderBox .actionHeaderNavToggle:checked + .actionHeaderNav .actionHeaderNavToggleButton.aHN_icon:before {
    background-image: url(/images/icons/less-options-pink.svg);
    border: none; }
#actionHeaderBox .actionHeaderNavToggleButton.aHN_icon:before {
  background-image: url(/images/icons/more-options-pink.svg);
  border: none; }
#actionHeaderBox .actionHeaderNavToggleButton > label {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  cursor: pointer;
  top: 0px; }
#actionHeaderBox .aHN_iconQuickEdit:before {
  background-image: url(/images/icons/quick-edit-grey.svg); }
#actionHeaderBox .aHN_iconShare:before {
  background-image: url(/images/icons/share-grey.svg); }
#actionHeaderBox .aHN_iconEdit:before {
  background-image: url(/images/icons/icons-edit-sim.svg); }
#actionHeaderBox .aHN_iconAddTask:before {
  background-image: url(/images/icons/task-grey.svg); }
#actionHeaderBox .aHN_iconAddMilestone:before {
  background-image: url(/images/icons/milestone-grey.svg); }
#actionHeaderBox .aHN_iconTag:before {
  background-image: url(/images/icons/tag-grey.svg); }
#actionHeaderBox .aHN_iconSubIni:before {
  background-image: url(/images/icons/subaction-grey-v2.svg); }
#actionHeaderBox .aHN_iconAlignment:before {
  background-image: url(/images/icons/icons-tree.svg); }
#actionHeaderBox .aHN_iconInviteSupporter:before {
  background-image: url(/images/icons/roles/supporter.heart.svg); }
#actionHeaderBox .aHN_iconAttachFile:before {
  background-image: url(/images/icons/attach-file.svg); }
#actionHeaderBox .aHN_iconCopy:before {
  background-image: url(/images/icons/copy-action-grey.svg); }
#actionHeaderBox .aHN_iconSaveDraft:before {
  background-image: url(/images/icons/draft-grey-viewbox.svg); }
#actionHeaderBox .aHN_iconComplete:before {
  background-image: url(/images/icons/complete-action-grey.svg); }
#actionHeaderBox .aHN_iconDelete:before {
  background-image: url(/images/icons/icons-delete.svg); }
#actionHeaderBox .aHN_iconGiveFeedback:before {
  background-image: url(/images/icons/icons-update-pink.svg); }
#actionHeaderBox .aHN_iconComment:before {
  background-image: url(/images/icons/comment-grey.svg); }
#actionHeaderBox .aHN_icon:before {
  content: '';
  display: block;
  position: absolute;
  left: 14%;
  width: 18px;
  height: 18px;
  padding: 6px;
  border: 1px solid #ECECEC;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 7px;
  border-radius: 5px; }
#actionHeaderBox .aHN_icon.aHN_iconAddTask:before, #actionHeaderBox .aHN_icon.aHN_iconAddMilestone:before, #actionHeaderBox .aHN_icon.aHN_iconSubIni:before, #actionHeaderBox .aHN_icon.aHN_iconComplete:before, #actionHeaderBox .aHN_icon.aHN_iconSaveDraft:before {
  background-size: 36px 36px;
  background-position: 6px 6px; }
#actionHeaderBox .aHNlabel {
  position: absolute;
  top: 39px;
  width: 44px;
  font-size: 7px;
  padding: 0;
  color: #808080; }
  #actionHeaderBox .aHNlabel.shortWord {
    word-spacing: 10px; }
  #actionHeaderBox .aHNlabel:hover {
    color: #E83B83; }
#actionHeaderBox .bulk_option__button .actionHeaderBox__header__options__holder .text {
  color: #ACACAC; }

.actionQuicEditContainer .info dl dt, .actionQuicEditContainer .info dl dd {
  float: left; }
.actionQuicEditContainer .info dl dt {
  clear: left; }
  .actionQuicEditContainer .info dl dt:after {
    content: ':'; }
.actionQuicEditContainer .info dl dd {
  margin: 0 0 0 .5em;
  font-weight: 400; }
.actionQuicEditContainer .info #visibleTo.loading {
  font-weight: 300; }

#action-description-container {
  margin-bottom: 20px; }
  #action-description-container #action-description {
    width: 100%;
    padding: 0; }
    #action-description-container #action-description td {
      padding: 14px 16px 8px;
      vertical-align: top; }
    #action-description-container #action-description tr + tr td {
      padding: 10px 16px 16px;
      border-top: 1px solid #DDD; }
    #action-description-container #action-description .adHeadlineWrap {
      text-transform: uppercase;
      margin: 0 0 4px; }
  #action-description-container #feedback_requirement_dates {
    font-weight: 600; }
    #action-description-container #feedback_requirement_dates #feedbackRequirementUnpacker,
    #action-description-container #feedback_requirement_dates #feedbackRequirementPacker {
      font-weight: 400; }
      #action-description-container #feedback_requirement_dates #feedbackRequirementUnpacker label,
      #action-description-container #feedback_requirement_dates #feedbackRequirementPacker label {
        text-decoration: none; }
  #action-description-container .adOtherSettings dt, #action-description-container .adOtherSettings dd {
    float: left; }
  #action-description-container .adOtherSettings dt {
    clear: left;
    font-weight: 400; }
    #action-description-container .adOtherSettings dt:after {
      content: ':'; }
  #action-description-container .adOtherSettings dd {
    margin: 0 0 0 7px;
    font-weight: 600; }

#display-action-changes {
  padding: 20px 0;
  border: 1px solid #DDD;
  border-radius: 12px;
  background-color: white; }
  #display-action-changes table.sortable {
    border: 0; }
    #display-action-changes table.sortable tbody tr + tr td {
      border-top: 1px solid #DDD; }
    #display-action-changes table.sortable tbody tr td,
    #display-action-changes table.sortable tbody tr p {
      word-break: normal; }
    #display-action-changes table.sortable tfoot td {
      text-align: right;
      border-top: 1px solid #DDD; }

.tab-selector-menu {
  text-align: right;
  padding: 10px 10px 10px 0; }
  .tab-selector-menu > dt {
    margin: 0 5px 0 0;
    text-transform: uppercase;
    font-weight: 400; }
  .tab-selector-menu > dt,
  .tab-selector-menu > dd {
    display: inline-block; }
  .tab-selector-menu > dd {
    text-align: left;
    vertical-align: middle;
    margin: 0; }

#actionChangesBox .actionChanges {
  margin-bottom: 0; }
  #actionChangesBox .actionChanges.have-more .show-more-wrap {
    display: table-footer-group; }
  #actionChangesBox .actionChanges .show-more-wrap {
    display: none; }
    #actionChangesBox .actionChanges .show-more-wrap td {
      text-align: right;
      padding: 14px 14px 0;
      border-top: 1px solid #DDD;
      font-size: 10px; }
  #actionChangesBox .actionChanges .show-more:hover {
    text-decoration: underline;
    cursor: pointer; }
  #actionChangesBox .actionChanges > tbody > tr.showmore {
    display: none; }

#hiddenFeedbackRequirementsToggle {
  display: none; }
  #hiddenFeedbackRequirementsToggle:checked + #hiddenFeedbackRequirements {
    display: initial; }

#hiddenFeedbackRequirements {
  display: none; }

#feedbackRequirementPacker {
  display: none; }
  #feedbackRequirementPacker label:before {
    content: '-'; }

#feedbackRequirementUnpacker label:before {
  content: '+'; }

#feedbackRequirementUnpacker label,
#feedbackRequirementPacker label {
  text-decoration: underline;
  cursor: pointer; }
  #feedbackRequirementUnpacker label:before,
  #feedbackRequirementPacker label:before {
    display: inline-block;
    padding: 0 5px 0 0; }

#display-action-roles-shares-wrap {
  margin-bottom: 13px; }
  #display-action-roles-shares-wrap .chk-big {
    display: none; }

#display-action-roles-shares {
  border-collapse: collapse;
  width: calc( 803px);
  margin: 0 -1px;
  font-size: 9px; }
  #display-action-roles-shares > thead > tr > th {
    padding: 5px 6px;
    text-align: left; }
  #display-action-roles-shares > tbody > tr > td {
    padding: 7px; }
  #display-action-roles-shares .roleHeader {
    background-color: white; }
  #display-action-roles-shares .action-roles-shares-role {
    vertical-align: bottom; }
  #display-action-roles-shares .roleCol {
    text-align: right;
    font-size: 11px;
    padding-right: 14px;
    width: 140px; }
  #display-action-roles-shares .nameCol {
    width: 188px;
    padding-left: 4px; }
  #display-action-roles-shares .byCol {
    width: 156px; }
  #display-action-roles-shares .optionsCell {
    width: 21px; }
  #display-action-roles-shares td.optionsCell {
    padding: 5px 7px 9px 7px; }
  #display-action-roles-shares .statusCol {
    width: 146px; }
  #display-action-roles-shares .notifyCol {
    text-align: center; }
  #display-action-roles-shares td.notifyCol {
    padding: 2px 7px 12px 7px; }

.action-roles-shares-role {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent no-repeat 0/16px; }
  .action-roles-shares-role.role-creator {
    background-image: url(/images/icons/roles/creator.svg); }
  .action-roles-shares-role.role-owner {
    background-image: url(/images/icons/roles/owner.svg); }
  .action-roles-shares-role.role-responsible {
    background-image: url(/images/icons/roles/responsible.heart.svg); }
  .action-roles-shares-role.role-supporter {
    background-image: url(/images/icons/roles/supporter.heart.svg); }
  .action-roles-shares-role.role-share {
    background-image: url(/images/icons/share-grey.svg); }

.actionHeaderBox__info__holder {
  padding: 15px 0px 15px 10px;
  overflow: hidden;
  background-color: #faf9f9; }
  .actionHeaderBox__info__holder .info_item {
    display: inline-block;
    vertical-align: top;
    width: 270px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    min-width: 200px; }
    .actionHeaderBox__info__holder .info_item:last-of-type {
      margin-right: 0; }
    .actionHeaderBox__info__holder .info_item .name {
      color: #303030;
      font-size: 14px;
      font-weight: 500;
      line-height: 1; }
    .actionHeaderBox__info__holder .info_item .value {
      color: #303030;
      margin-left: 8px;
      font-size: 14px;
      font-weight: 300;
      line-height: 1; }
  .actionHeaderBox__info__holder .info_item__row:not(:last-child) {
    margin-bottom: 15px; }

.actionHeaderBox__info_2__holder {
  padding: 0px 0px 15px 10px;
  overflow: hidden; }
  .actionHeaderBox__info_2__holder .info_item {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 300px; }
    .actionHeaderBox__info_2__holder .info_item:first-of-type {
      margin-right: 40px; }
    .actionHeaderBox__info_2__holder .info_item.info_alignments {
      margin-right: 20px; }
  .actionHeaderBox__info_2__holder .name {
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    color: #303030; }
  .actionHeaderBox__info_2__holder .value {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #303030;
    margin-left: 1px; }

.actionHeaderBox__info_3__holder {
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
  padding: 10px 0 0 0; }
  .actionHeaderBox__info_3__holder .role-creator {
    background-image: url(/images/icons/roles/creator.svg); }
  .actionHeaderBox__info_3__holder .role-owner {
    background-image: url(/images/icons/roles/owner-simple-grey.svg); }
  .actionHeaderBox__info_3__holder .role-responsible {
    background-image: url(/images/icons/roles/responsible-pink.svg); }
  .actionHeaderBox__info_3__holder .role-supporter {
    background-image: url(/images/icons/roles/supporter.heart.svg); }
  .actionHeaderBox__info_3__holder .role-share {
    background-image: url(/images/icons/share-grey.svg); }
  .actionHeaderBox__info_3__holder .footer {
    color: #B0AEAF; }
  .actionHeaderBox__info_3__holder .info_item {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 250px;
    margin-bottom: 10px; }
    .actionHeaderBox__info_3__holder .info_item:nth-child(3n) {
      width: 300px; }
  .actionHeaderBox__info_3__holder .info_item__content {
    display: flex; }
  .actionHeaderBox__info_3__holder .info_item .userIco__holder {
    display: inline-block;
    vertical-align: middle;
    width: 56px;
    height: 56px;
    border: 1px solid #dddcdc;
    border-radius: 50%;
    margin-right: 8px;
    overflow: hidden;
    flex: none; }
  .actionHeaderBox__info_3__holder .info_item .userIco {
    display: block;
    width: 100%;
    height: 100%;
    float: none;
    text-align: center;
    margin: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .actionHeaderBox__info_3__holder .userInfo {
    width: 230px; }
    .actionHeaderBox__info_3__holder .userInfo .header {
      margin-bottom: 7px;
      margin-top: 5px; }
    .actionHeaderBox__info_3__holder .userInfo .userName {
      margin-bottom: 10px;
      color: #303030;
      font-size: 16px;
      font-weight: 300;
      line-height: 1; }
    .actionHeaderBox__info_3__holder .userInfo .footer {
      color: #acacac;
      font-size: 12px;
      font-weight: 300;
      line-height: 1; }
      .actionHeaderBox__info_3__holder .userInfo .footer .strong_text {
        color: #767676; }
  .actionHeaderBox__info_3__holder .header .ico {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; }
    .actionHeaderBox__info_3__holder .header .ico.heart {
      background-image: url(/images/icons/responsible-pink_icon.svg); }
  .actionHeaderBox__info_3__holder .header .name {
    display: inline-block;
    vertical-align: middle;
    color: #acacac;
    font-size: 14px;
    font-weight: 300;
    line-height: 1; }
  .actionHeaderBox__info_3__holder .role-creator {
    width: 15px !important;
    height: 15px !important; }

.actionHeaderBox__info_4__holder {
  display: flex;
  padding: 10px 0 10px 0;
  overflow: hidden;
  background-color: white; }
  .actionHeaderBox__info_4__holder .noDescription {
    font-size: 14px; }
  .actionHeaderBox__info_4__holder .info_item {
    display: inline-block;
    vertical-align: top;
    width: 366.3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 37px; }
    .actionHeaderBox__info_4__holder .info_item .info_item__title {
      padding-left: 10px;
      color: #303030;
      font-size: 16px;
      font-weight: 300; }
      .actionHeaderBox__info_4__holder .info_item .info_item__title span {
        font-weight: 500; }
    .actionHeaderBox__info_4__holder .info_item p {
      margin-bottom: 15px;
      color: #121212;
      font-size: 13px;
      font-weight: 400;
      line-height: 1.1;
      word-wrap: break-word; }
      .actionHeaderBox__info_4__holder .info_item p:last-of-type {
        margin-bottom: 0; }
  .actionHeaderBox__info_4__holder .info_item__content {
    margin-top: 10px;
    padding: 7px 10px;
    background-color: #faf9f9;
    border-radius: 5px;
    list-style-position: inside; }
  .actionHeaderBox__info_4__holder .first-word {
    color: #303030;
    font-weight: 700; }

#display-action-attached {
  border: 1px solid #DDD;
  border-radius: 12px;
  background-color: white; }
  #display-action-attached .sortable {
    border: 0;
    margin: 0 -1px;
    width: calc( 100% - -2px);
    border-radius: 0; }
    #display-action-attached .sortable th {
      padding: 5px 3px; }
    #display-action-attached .sortable td {
      background: transparent; }

#iniDetailTop {
  background-color: white;
  z-index: 21;
  position: fixed;
  width: 100%; }
  #iniDetailTop .subContainer {
    margin-bottom: 0;
    padding-bottom: 2.5px;
    padding: 0 !important; }
  #iniDetailTop .actionHeaderBox__header__action__name {
    display: flex;
    align-items: center; }
    #iniDetailTop .actionHeaderBox__header__action__name .action__name {
      font-weight: 400;
      font-size: 25px;
      color: #2F3941;
      word-break: break-word;
      white-space: normal; }
    #iniDetailTop .actionHeaderBox__header__action__name .ini_state {
      margin-top: 14px;
      margin-bottom: 5px;
      margin-left: 10px; }
  #iniDetailTop .ini_state {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    color: #121212; }
  #iniDetailTop .executionStatus__title h3 {
    font-weight: 400;
    font-size: 20px;
    color: #2F3941; }
  #iniDetailTop .actionHeaderBox__header__left_panel {
    width: 100%; }

#stickyHeaderWrapper {
  background-color: white;
  position: fixed;
  z-index: 26; }

#pendingBox {
  background-color: white; }

#actionTagsDisplay {
  clear: both; }
  #actionTagsDisplay .title {
    display: inline-block;
    vertical-align: top;
    line-height: 24px; }

#dashboard #initiative-view-mode-menu .svg-icon-big {
  width: 20px;
  height: 20px; }
#dashboard #ganttChartExecution tbody tr td {
  padding: 0; }
  #dashboard #ganttChartExecution tbody tr td#ganttChartActions {
    padding-left: 9px; }
#dashboard #ganttChartExecution {
  padding-bottom: 10px; }
  #dashboard #ganttChartExecution #ganttChartBarsScroller {
    padding-bottom: 23px; }
  #dashboard #ganttChartExecution .zoomSelectorWrapper {
    top: 13px;
    z-index: 1;
    position: absolute;
    left: 0;
    width: 240px;
    text-align: left; }
    #dashboard #ganttChartExecution .zoomSelectorWrapper .hidden-radio-label.label {
      height: 18px; }
    #dashboard #ganttChartExecution .zoomSelectorWrapper .hidden-radio-label input + span {
      width: 30px; }
    #dashboard #ganttChartExecution .zoomSelectorWrapper .hidden-radio-label:last-of-type input + span, #dashboard #ganttChartExecution .zoomSelectorWrapper .hidden-radio-label:first-of-type input + span {
      width: 25px; }
  #dashboard #ganttChartExecution #ganttChartLeft {
    padding-top: 15px; }
  #dashboard #ganttChartExecution #datagridColumnName {
    height: 58px; }
  #dashboard #ganttChartExecution .ganttChartTodayArrow {
    position: absolute;
    bottom: -13px;
    left: -100px;
    width: 201px;
    text-align: center;
    font-size: 7px;
    text-transform: uppercase;
    color: #E83B83;
    line-height: 7px; }
    #dashboard #ganttChartExecution .ganttChartTodayArrow img {
      width: 8px;
      height: 8px; }
  #dashboard #ganttChartExecution .zoomSelectorIcon {
    display: inline-block;
    line-height: 6px;
    width: 16px;
    vertical-align: middle; }
    #dashboard #ganttChartExecution .zoomSelectorIcon img {
      width: 16px;
      height: 16px; }
#dashboard .milestoneHoverBoxContent table td {
  padding: 0; }
#dashboard .sortableGantt tr:last-of-type .hovered, #dashboard .scroller tr:last-of-type .hovered {
  border-bottom: none; }

.executionStatusKpi {
  table-layout: fixed;
  border-collapse: collapse; }
  .executionStatusKpi.noExpected th:not(.executionStatusLeft), .executionStatusKpi.noExpected td:not(.executionStatusLeft) {
    width: 97px; }
  .executionStatusKpi .executionStatusLeft {
    width: 219px;
    padding-right: 15px;
    text-align: right;
    padding-top: 0;
    font-size: 11px; }
    .executionStatusKpi .executionStatusLeft h3 {
      padding-top: 0;
      margin-bottom: 2px;
      line-height: 12px;
      margin-bottom: 0; }
  .executionStatusKpi th, .executionStatusKpi td {
    width: 79px;
    text-align: center;
    /*
    .small {
      padding-top:5px;
      font-size: 10px !important;
    }
    */ }
    .executionStatusKpi th.divider > div, .executionStatusKpi td.divider > div {
      border-right: 1px solid #DDD; }
    .executionStatusKpi th.dividerLeft > div, .executionStatusKpi td.dividerLeft > div {
      border-left: 1px solid #DDD; }
    .executionStatusKpi th .spacer, .executionStatusKpi td .spacer {
      height: 38px;
      margin-top: 0px; }
  .executionStatusKpi td {
    padding-top: 3px;
    border-bottom: 1px solid #DDD;
    height: 46px; }
    .executionStatusKpi td.executionStatusLeft {
      border-bottom: none; }
    .executionStatusKpi td.divider, .executionStatusKpi td.dividerLeft {
      padding-top: 0; }
      .executionStatusKpi td.divider > div, .executionStatusKpi td.dividerLeft > div {
        padding-top: 3px; }
  .executionStatusKpi thead > tr > th {
    height: 24px; }
    .executionStatusKpi thead > tr > th.executionStatusLeft {
      vertical-align: top;
      background: none; }
  .executionStatusKpi .action-performance-indicators .performance-indicator:before {
    background-size: 16px 16px; }

.kpiPercentageCol {
  position: relative; }
  .kpiPercentageCol .timelineBlockerLeft {
    position: absolute;
    top: -60px;
    right: 0;
    height: 60px;
    width: 300px;
    background-color: white; }
  .kpiPercentageCol .timelineBlockerRight {
    position: absolute;
    top: -60px;
    right: -785px;
    height: 60px;
    width: 300px;
    background-color: white; }

#detailGanttContainer #ganttChartBars {
  border: none; }
#detailGanttContainer .timelineItemCell {
  background-color: #EEEEEE; }
#detailGanttContainer .secondaryItems .timelineItemCell {
  background-color: white; }
#detailGanttContainer .minigraphLegend {
  margin-top: 13px; }

.sep {
  border-top: 1px solid #ECECEC;
  width: 787px;
  padding-bottom: 9px; }

.executionStatus .executionStatusTable .comment-seen-container {
  position: relative; }
.executionStatus .executionStatusTable .comment-seen {
  left: -116px;
  top: 6px;
  cursor: pointer; }
.executionStatus .executionStatusTable .comment-content .comment-seen {
  left: -70px;
  top: 20px; }
.executionStatus .executionStatusTable .showForPast a.chosen-single:focus {
  outline: none; }
.executionStatus .executionStatusTable .showForPast .chosen-container {
  font-size: 10px; }
.executionStatus.viewMode2 .divTable .tableAboveHeader {
  height: 34px; }
.executionStatus .priorityListHeading {
  margin-left: 0px; }

#headerTableContainer {
  clear: both; }
  #headerTableContainer #headerTable {
    font-size: 11px;
    background-color: #EEEEEE;
    width: 799px;
    border-left: 18px solid #EEEEEE;
    border-right: 18px solid #EEEEEE;
    border-bottom: 18px solid #EEEEEE; }
    #headerTableContainer #headerTable .titleRow {
      overflow: hidden; }
      #headerTableContainer #headerTable .titleRow.first > div {
        padding-top: 7px;
        padding-bottom: 0px; }
        #headerTableContainer #headerTable .titleRow.first > div.rightTitle {
          padding-left: 11px;
          text-align: right;
          float: right;
          width: 200px; }
        #headerTableContainer #headerTable .titleRow.first > div.leftTitle {
          float: left;
          width: 200px; }
      #headerTableContainer #headerTable .titleRow > div {
        vertical-align: bottom;
        padding-bottom: 5px;
        padding-top: 10px;
        height: 15px;
        vertical-align: middle; }
    #headerTableContainer #headerTable h3 {
      display: inline-block;
      margin-bottom: 0;
      margin-left: 5px;
      font-size: 12px;
      font-weight: 700; }
    #headerTableContainer #headerTable .iniOptions {
      width: 100%; }
    #headerTableContainer #headerTable .leftCol {
      width: 377px; }
    #headerTableContainer #headerTable .rightCol {
      width: 422px; }
    #headerTableContainer #headerTable .leftCol, #headerTableContainer #headerTable .rightCol {
      float: left; }
    #headerTableContainer #headerTable div.td {
      padding-bottom: 5px;
      border-radius: 5px; }
      #headerTableContainer #headerTable div.td.leftCell, #headerTableContainer #headerTable div.td.rightCell {
        margin-top: 2px; }
      #headerTableContainer #headerTable div.td h3 {
        font-size: 12px;
        font-weight: 700; }
      #headerTableContainer #headerTable div.td.iniOptions {
        padding-right: 3px; }
        #headerTableContainer #headerTable div.td.iniOptions .actionHeaderNavWrap {
          border-radius: 5px; }
      #headerTableContainer #headerTable div.td.leftCell .leftContent {
        width: 340px; }
      #headerTableContainer #headerTable div.td.rightCell .rightContent {
        width: 422px; }
        #headerTableContainer #headerTable div.td.rightCell .rightContent.tagContent {
          padding: 10px 0 10px 10px;
          width: 412px; }
      #headerTableContainer #headerTable div.td.rightCell .rightContent, #headerTableContainer #headerTable div.td.leftCell .leftContent {
        background-color: white;
        height: 100%;
        border-radius: 5px;
        padding: 10px; }
        #headerTableContainer #headerTable div.td.rightCell .rightContent.rolesSharesContent, #headerTableContainer #headerTable div.td.leftCell .leftContent.rolesSharesContent {
          padding: 0; }
    #headerTableContainer #headerTable .supportStates td {
      vertical-align: top;
      border-bottom: none; }
    #headerTableContainer #headerTable #actionTagsDisplay .tag {
      margin-top: 0; }
      #headerTableContainer #headerTable #actionTagsDisplay .tag .unattachTagCross:not(.unattachable) {
        display: none; }
      #headerTableContainer #headerTable #actionTagsDisplay .tag .unattachTagCross:after {
        background: none; }
  #headerTableContainer ap-collapse-section:not(.loaded) {
    display: none; }
  #headerTableContainer strong {
    font-weight: normal;
    font-size: 12px; }

#mini-actions-roles-shares {
  width: 100%; }
  #mini-actions-roles-shares td {
    border-bottom: 1px solid #ECECEC;
    border-radius: 0;
    height: 30px; }
    #mini-actions-roles-shares td.roleCol, #mini-actions-roles-shares td.nameCol {
      width: 25%; }
    #mini-actions-roles-shares td.roleCol {
      padding-left: 5px;
      width: 22%; }
    #mini-actions-roles-shares td.nameCol {
      width: 30%; }
    #mini-actions-roles-shares td.statusCol {
      width: 38%; }
    #mini-actions-roles-shares td.optionsCell {
      width: 10%;
      vertical-align: top;
      padding-top: 5px;
      padding-right: 5px;
      text-align: right; }
    #mini-actions-roles-shares td .action-roles-shares-role {
      padding-left: 20px;
      padding-top: 5px;
      margin-top: -2px; }
  #mini-actions-roles-shares tr:last-child td {
    border-bottom: none; }
  #mini-actions-roles-shares .optionsCell .activeTooltip .tooltip {
    top: 12px;
    left: 6px;
    text-align: left; }

#mini-descriptions .action-description-title {
  padding-left: 0px;
  text-decoration: none; }
#mini-descriptions .action-description-content {
  padding-left: 0px; }
#mini-descriptions dt {
  font-weight: normal;
  font-size: 12px; }
#mini-descriptions dd {
  margin-left: 2px; }

.adOtherSettings dt {
  font-weight: normal; }

#kpisTable {
  width: 100%; }
  #kpisTable th {
    text-align: left;
    border-bottom: 5px solid white; }
  #kpisTable td {
    border-top: 1px solid #ECECEC;
    height: 20px; }

#headerContainer {
  background-color: #EEEEEE;
  width: 100%;
  min-height: 600px;
  padding: 20px; }
  #headerContainer .leftColumn {
    width: 50%;
    float: left; }

#comment-form .ajaxforms_tools_link, #comment-form .taskFormBox .removeLink, .taskFormBox #comment-form .removeLink {
  vertical-align: inherit; }

.share-info-icon {
  display: inline-block;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  position: relative; }
  .share-info-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: 28px 28px;
    background-position: 0 0; }
  .share-info-icon:after {
    background-image: url(/images/info-grey-viewbox.svg); }

#commentForm #fileList > p {
  text-align: left; }
  #commentForm #fileList > p #file-loader-fileList {
    vertical-align: top; }
#commentForm #fileList .fileListItem {
  margin-left: 12px; }

.lastBorderFix {
  background-color: #EEEEEE; }

#mainOptions ul {
  list-style: none; }
  #mainOptions ul li {
    display: inline-block;
    width: 70px;
    height: 50px;
    vertical-align: top;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center -2px;
    text-align: center;
    position: relative; }
#mainOptions .side-line {
  height: 35px !important;
  width: 0;
  display: inline-block;
  border-right: 1px solid #DDD;
  position: absolute;
  top: 0;
  right: 0; }
#mainOptions .option-headline {
  font-size: 7px;
  cursor: pointer;
  padding-top: 38px;
  text-transform: uppercase; }
#mainOptions .showActionToggleLink {
  margin-right: 0; }
  #mainOptions .showActionToggleLink p {
    width: auto; }
#mainOptions ap-collapse-section .headline {
  color: #303030;
  font-size: 7px;
  text-transform: uppercase;
  padding-top: 6px; }
#mainOptions .iniHeaderOptionsToggler {
  display: inline-block; }
#mainOptions .collapseSectionInline {
  width: 64px;
  display: inline-block; }
  #mainOptions .collapseSectionInline .dashboardExpander {
    height: 32px; }
    #mainOptions .collapseSectionInline .dashboardExpander .expander-two-colors {
      width: 32px;
      height: 32px;
      top: 0;
      left: 0;
      padding: 0;
      position: relative; }
      #mainOptions .collapseSectionInline .dashboardExpander .expander-two-colors:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: 64;
        height: 64;
        display: inline-block;
        background-size: 64 64;
        background-position: 0 0; }
      #mainOptions .collapseSectionInline .dashboardExpander .expander-two-colors:after {
        background-image: url(/images/icons/more-options-pink.svg); }
      #mainOptions .collapseSectionInline .dashboardExpander .expander-two-colors.expanded:after {
        background-image: url(/images/icons/less-options-pink.svg); }

.ini_details__overview_table__holder {
  border-top: 1px solid #D2D2D2;
  border-radius: 12px;
  box-sizing: border-box;
  background: #fff;
  position: relative; }
  .ini_details__overview_table__holder .optionsButtons {
    position: absolute;
    right: 15px;
    cursor: default;
    top: 15px; }
    .ini_details__overview_table__holder .optionsButtons.agenda-options {
      right: 87px; }
    .ini_details__overview_table__holder .optionsButtons .disable {
      opacity: .5;
      pointer-events: none;
      cursor: default !important; }
    .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll {
      display: inline-block;
      cursor: pointer; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .ini_details_option {
        width: 26px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item .label {
        border: 1px solid #cdcdcd; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll:first-of-type {
        margin-right: 60px;
        font-weight: 600;
        color: #000000; }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll:first-of-type .sortable__item .label {
          padding: 0px 10px;
          height: 24px;
          line-height: 22px; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .name {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
        color: #4a4a4a;
        font-weight: 400;
        font-size: 12px; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .name.disable {
        color: #CCCCCC; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .actionHeaderBox__header__options__holder {
        display: inline-flex;
        vertical-align: middle;
        font-weight: 600;
        color: #4a4a4a; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__holder {
        display: flex;
        align-items: center;
        overflow: hidden; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item {
        position: relative; }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item input {
          display: none; }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item label {
          width: 100%;
          height: 100%;
          cursor: pointer;
          user-select: none; }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item .label {
          position: relative;
          z-index: 1; }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item .icon {
          display: inline-block;
          vertical-align: middle;
          width: 16px;
          height: 16px;
          background: #ccc;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100%;
          margin-right: 7px; }
          .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item .icon .icon_alphabet {
            background-image: url(); }
          .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item .icon .icon_responsible {
            background-image: url(); }
          .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item .icon .icon_date {
            background-image: url(); }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item .text {
          display: inline-block;
          vertical-align: middle;
          font-size: 12px;
          color: #9d9d9d;
          font-weight: 300; }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item input:checked ~ .label {
          border-color: #e93b83;
          z-index: 10;
          background: #fef6f9; }
          .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item input:checked ~ .label .icon.icon_alphabet {
            background-image: url(); }
          .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item input:checked ~ .label .icon.icon_responsible {
            background-image: url(); }
          .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item input:checked ~ .label .icon.icon_date {
            background-image: url(); }
          .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .sortable__item input:checked ~ .label .text {
            color: #e93b83; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .selected_holder {
        position: relative;
        padding: 5px 40px 5px 10px;
        border: 1px solid #cdcdcd;
        border-radius: 3px;
        cursor: pointer; }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .selected_holder::after {
          content: "";
          position: absolute;
          right: 10px;
          top: 50%;
          width: 5px;
          height: 5px;
          border-left: 1px solid #cdcdcd;
          border-bottom: 1px solid #cdcdcd;
          transform: translateY(-50%) rotate(-45deg); }
        .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .selected_holder span {
          font-size: 12px;
          font-weight: 300;
          color: #9d9d9d;
          line-height: 1; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll .milestone_options__handler {
        width: 26px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(/images/icons/options_hover_bg.svg);
        background-position: center; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll ap-controls[disabled] .controls-link:after {
        background-image: url(/images/icons/options_hover_disable_bg.svg); }
    .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll.actionHeaderBox__header__options__holder .name.disable,
    .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll.actionHeaderBox__header__options__holder .bulk_option_drop_down.disable {
      pointer-events: none;
      cursor: default;
      opacity: 0.5; }
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll.actionHeaderBox__header__options__holder .name.disable *,
      .ini_details__overview_table__holder .optionsButtons .ini_details__overview_table__header__coll.actionHeaderBox__header__options__holder .bulk_option_drop_down.disable * {
        cursor: default; }

.ini_detail_page .ini_details__overview_table__holder {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .ini_detail_page .ini_details__overview_table__holder.meeting-type {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; }
    .ini_detail_page .ini_details__overview_table__holder.meeting-type .ini_details__overview_table__header {
      cursor: pointer; }

.ini_details__overview_table__content__header {
  border-top: 1px solid #cecece;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  background: #ededed;
  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, white 100%);
  box-shadow: inset 0px 14px 20px 0px #faf8f9; }
  .ini_details__overview_table__content__header .tableAboveHeaderIcon {
    width: 34px;
    margin-right: 5px;
    text-align: center;
    padding: 0 !important; }
    .ini_details__overview_table__content__header .tableAboveHeaderIcon .responsible_icon {
      display: inline-block;
      margin-top: 2px !important;
      width: 13px;
      height: 13px;
      background-image: url(/images/icons/responsible-pink_icon.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%; }
  .ini_details__overview_table__content__header .tableAboveHeaderPresenter {
    width: 74px;
    text-align: center; }
  .ini_details__overview_table__content__header .tableAboveHeaderStartDate, .ini_details__overview_table__content__header .tableAboveHeaderDate {
    width: 82px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    cursor: pointer; }
    .ini_details__overview_table__content__header .tableAboveHeaderStartDate > span, .ini_details__overview_table__content__header .tableAboveHeaderDate > span {
      position: relative; }
      .ini_details__overview_table__content__header .tableAboveHeaderStartDate > span:after, .ini_details__overview_table__content__header .tableAboveHeaderDate > span:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        display: inline;
        color: #9D9C9C;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        right: -24px;
        top: 2px; }
    .ini_details__overview_table__content__header .tableAboveHeaderStartDate.active > span:after, .ini_details__overview_table__content__header .tableAboveHeaderDate.active > span:after {
      background-image: url(/images/icons/arrow-up-viewbox.svg); }
    .ini_details__overview_table__content__header .tableAboveHeaderStartDate.activeDesc > span:after, .ini_details__overview_table__content__header .tableAboveHeaderDate.activeDesc > span:after {
      background-image: url(/images/icons/arrow-down-viewbox.svg); }
  .ini_details__overview_table__content__header .tableAboveHeaderName {
    width: 450px;
    padding-right: 10px;
    line-height: 1;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 400;
    padding-left: 15px;
    cursor: pointer; }
    .ini_details__overview_table__content__header .tableAboveHeaderName > span {
      position: relative; }
      .ini_details__overview_table__content__header .tableAboveHeaderName > span:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        display: inline;
        color: #9D9C9C;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        right: -24px;
        top: 2px; }
    .ini_details__overview_table__content__header .tableAboveHeaderName.active > span:after {
      background-image: url(/images/icons/arrow-up-viewbox.svg); }
    .ini_details__overview_table__content__header .tableAboveHeaderName.activeDesc > span:after {
      background-image: url(/images/icons/arrow-down-viewbox.svg); }
  .ini_details__overview_table__content__header .tableAboveHeaderProgress {
    width: 140px;
    padding-right: 10px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 400;
    line-height: 1; }
  .ini_details__overview_table__content__header .tableAboveHeaderUpdate {
    width: 195px;
    padding-right: 10px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 400;
    line-height: 1; }
  .ini_details__overview_table__content__header .tableAboveHeaderPlan {
    width: 90px;
    color: #ACACAC;
    font-size: 10px;
    font-weight: 400;
    line-height: 1; }
  .ini_details__overview_table__content__header .tableAboveHeaderProgress.importance {
    width: 80px;
    text-align: center;
    padding-right: 0; }
  .ini_details__overview_table__content__header .tableAboveHeaderProgress.purpose {
    width: 90px;
    text-align: center;
    padding-right: 0; }
  .ini_details__overview_table__content__header .tableAboveHeaderProgress.duration {
    width: 70px;
    text-align: center;
    padding-right: 0; }
  .ini_details__overview_table__content__header.best-practices .tableAboveHeaderName {
    width: 522px; }
  .ini_details__overview_table__content__header.meeting-type .tableAboveHeaderIcon {
    width: 61px;
    margin-left: 0;
    margin-right: 0; }
  .ini_details__overview_table__content__header.meeting-type.best-practices .tableAboveHeaderName {
    width: 497px;
    padding-right: 0; }

.meeting-type .ini_details__overview_table__content__header {
  background: none;
  box-shadow: none;
  padding-top: 11px; }
  .meeting-type .ini_details__overview_table__content__header > div {
    color: #303030; }

.ini_details__overview_table__holder.hasMilestoneStartDate .tableAboveHeaderName {
  width: 370px;
  padding-left: 15px; }

.ini_execution_plan_table__content__header {
  border-top: 1px solid #D2D2D2;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: inset 0px 5px 5px 0px #f5f2f5; }
  .ini_execution_plan_table__content__header .tableAboveHeaderIcon {
    width: 40px;
    text-align: center; }
  .ini_execution_plan_table__content__header .tableAboveHeaderDate {
    width: 75px;
    color: #939393;
    font-size: 12px;
    margin-left: 15px; }
  .ini_execution_plan_table__content__header .tableAboveHeaderName {
    color: #939393;
    font-size: 12px; }
  .ini_execution_plan_table__content__header .tableAboveHeaderUpdate {
    width: 180px;
    color: #939393;
    font-size: 12px; }
  .ini_execution_plan_table__content__header .tableAboveHeaderPlan {
    width: 90px;
    color: #939393;
    font-size: 12px; }
  .ini_execution_plan_table__content__header .tableAboveHeaderProgress {
    width: 100px;
    margin-left: 570px;
    color: #939393;
    font-size: 12px; }
  .ini_execution_plan_table__content__header .tableAboveHeaderUpdate {
    margin-right: 50px; }

.executionStatusTable ap-milestone-table .divTable .block-lines .actionRow__status__text__holder .actionRow__status__text, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .actionRow__status__text__holder .actionRow__status__text {
  font-size: 12px;
  font-weight: 400;
  color: #121212; }
.executionStatusTable ap-milestone-table .divTable .block-lines .actionRow__status__executor .actionRow__status__executor__name .truncate-username, .executionStatusTable ap-milestone-table .divTable .block-lines .actionRow__status__executor .actionRow__status__executor__timeOld, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .actionRow__status__executor .actionRow__status__executor__name .truncate-username, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .actionRow__status__executor .actionRow__status__executor__timeOld {
  font-size: 10px;
  font-weight: 400;
  color: #ACACAC; }
.executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .taskRow.mainContent, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .taskRow.mainContent, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .taskRow.mainContent, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .taskRow.mainContent {
  background-color: white; }
.executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent {
  padding: 9px 15px 9px 0;
  border-top: 1px solid #e2e1e1; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .ini_details__item__start_date, .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .ini_details__item__date, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__start_date, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__date, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .ini_details__item__start_date, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .ini_details__item__date, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__start_date, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__date {
    margin-left: 0;
    width: 82px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .ini_details__item__name, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__name, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .ini_details__item__name, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__name {
    width: 476px; }
    .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .ini_details__item__name .iniNameBox, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__name .iniNameBox, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .ini_details__item__name .iniNameBox, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__name .iniNameBox {
      width: 420px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .ini_details__item__progress, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__progress, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .ini_details__item__progress, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__progress {
    width: 146px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .ini_details__item__execution_plan, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__execution_plan, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .ini_details__item__execution_plan, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__execution_plan {
    width: 98px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .ini_details__item__execution_plan__holder, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__execution_plan__holder, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .ini_details__item__execution_plan__holder, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .ini_details__item__execution_plan__holder {
    margin-left: 0; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent ap-single-line, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent ap-single-line, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent ap-single-line, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent ap-single-line {
    font-size: 17px;
    font-weight: 300;
    vertical-align: middle; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .singleLine .taskNameFrontend, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .singleLine .taskNameFrontend, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .singleLine .taskNameFrontend, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .singleLine .taskNameFrontend {
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    top: -2px;
    position: relative; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .actionBgDetailsPage, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .actionBgDetailsPage, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .actionBgDetailsPage, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .actionBgDetailsPage {
    padding: 0px 4px 1px 4px;
    border-radius: 3px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .usersInfo, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .usersInfo, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .usersInfo, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .usersInfo {
    margin-top: 5px; }
    .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .usersInfo .responsible-block, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .usersInfo .responsible-block, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .usersInfo .responsible-block, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .usersInfo .responsible-block {
      height: auto;
      font-size: 10px;
      font-weight: 400;
      color: #ACACAC;
      width: auto; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .iniNameBox, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .iniNameBox, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .iniNameBox, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .iniNameBox {
    display: inline-block; }
    .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .iniNameBox ap-single-line .singleLine .contents, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .iniNameBox ap-single-line .singleLine .contents, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .iniNameBox ap-single-line .singleLine .contents, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .iniNameBox ap-single-line .singleLine .contents {
      font-size: 15px;
      font-weight: 400;
      color: #121212; }
    .executionStatusTable ap-milestone-table .divTable .block-lines .tableRow .mainContent .iniNameBox .users_status_info, .executionStatusTable ap-milestone-table .divTable .block-lines .subActionRow .mainContent .iniNameBox .users_status_info, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .tableRow .mainContent .iniNameBox .users_status_info, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .subActionRow .mainContent .iniNameBox .users_status_info {
      margin-top: 10px; }
.executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable .mainContent .user_icon, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable .mainContent .user_icon {
  margin-left: 13px;
  margin-right: 1px; }
.executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable .mainContent .date_icon, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable .mainContent .date_icon {
  margin-left: 8px;
  width: 76px; }
.executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .user_icon, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .user_icon {
  margin-left: 13px;
  margin-right: 1px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .user_icon.meeting-type, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .user_icon.meeting-type {
    margin-left: 0;
    margin-right: 0;
    width: 74px;
    text-align: center; }
.executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .date_icon, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .date_icon {
  margin-left: 8px;
  width: 76px; }
.executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .expanderCell, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .expanderCell {
  margin-left: 0; }
.executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate {
  left: 10%; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate.remove-duration, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate.remove-duration {
    left: 905px;
    top: 15px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate.remove-purpose, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate.remove-purpose {
    top: -6px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate.remove-importance, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate.remove-importance {
    top: -8px;
    left: 16px; }
.executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable .tableNameCell, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable .tableNameCell {
  margin-left: 0;
  width: 968px; }
  .executionStatusTable ap-milestone-table .divTable .block-lines .milestoneTableTaskTable .tableNameCell .modern-date, .executionStatusTable ap-focusarea-plan-table .divTable .block-lines .milestoneTableTaskTable .tableNameCell .modern-date {
    margin-top: 5px;
    width: 82px;
    justify-content: center; }
.executionStatusTable ap-milestone-table .divTable .meeting-type .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate.topic-date, .executionStatusTable ap-focusarea-plan-table .divTable .meeting-type .block-lines .milestoneTableTaskTable.actionTasks .mainContent .removeDueDate.topic-date {
  left: 6.5%;
  top: 14px; }
.executionStatusTable ap-milestone-table .divTable .meeting-type .block-lines .milestoneTableTaskTable .tableNameCell .modern-date, .executionStatusTable ap-focusarea-plan-table .divTable .meeting-type .block-lines .milestoneTableTaskTable .tableNameCell .modern-date {
  width: 82px;
  margin-left: 15px; }
.executionStatusTable ap-milestone-table .divTable .meeting-type .block-lines .tableRow .mainContent, .executionStatusTable ap-focusarea-plan-table .divTable .meeting-type .block-lines .tableRow .mainContent {
  border-top: none; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines .removeDueDate, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines .removeDueDate {
  left: 10.2%;
  top: 14px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines .taskRow .removeDueDate, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines .taskRow .removeDueDate {
  left: 16.6%;
  top: 10px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines .mainContent .ini_details__item__start_date, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines .mainContent .ini_details__item__start_date {
  width: 82px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines .mainContent .ini_details__item__name, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines .mainContent .ini_details__item__name {
  width: 396px; }
  .executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines .mainContent .ini_details__item__name .iniNameBox, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines .mainContent .ini_details__item__name .iniNameBox {
    width: 340px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines .mainContent .type-deadline .removeDueDate, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines .mainContent .type-deadline .removeDueDate {
  left: 16.8%;
  top: 10px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines.subActions .mainContent .start-date-placeholder, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines.subActions .mainContent .start-date-placeholder {
  width: 94px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines.subActions .mainContent .ini_details__item__name, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines.subActions .mainContent .ini_details__item__name {
  width: 394px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines.subActions .mainContent .ini_details__item__date, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines.subActions .mainContent .ini_details__item__date {
  width: 71px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines.subActions .mainContent .ini_details__item__execution_plan, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines.subActions .mainContent .ini_details__item__execution_plan {
  width: 98px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines.subActions .responsible-block span.role, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines.subActions .responsible-block span.role {
  font-size: 10px; }
.executionStatusTable ap-milestone-table .divTable .hasMilestoneStartDate .block-lines .milestoneTableTaskTable:not(.actionTasks) .mainContent .user_icon, .executionStatusTable ap-focusarea-plan-table .divTable .hasMilestoneStartDate .block-lines .milestoneTableTaskTable:not(.actionTasks) .mainContent .user_icon {
  margin-left: 13px; }

.executionStatus__details__user__details {
  margin-top: 15px;
  display: flex;
  align-items: center; }
  .executionStatus__details__user__details .details__item {
    color: #9f9f9f; }
    .executionStatus__details__user__details .details__item .item__ico {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 20px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%; }
    .executionStatus__details__user__details .details__item .item__ico.perfomance {
      background-image: url("/images/icons/performance-indicator-green.svg"); }
    .executionStatus__details__user__details .details__item .item__ico.perfomance.red {
      background-image: url("/images/icons/performance-indicator-red.svg"); }
    .executionStatus__details__user__details .details__item .item__ico.target {
      background-image: url("/images/icons/target_facelift.svg"); }
    .executionStatus__details__user__details .details__item .item__text {
      display: inline-block;
      vertical-align: middle;
      font-size: 17px;
      margin-left: 3px;
      font-weight: 400; }
    .executionStatus__details__user__details .details__item .item__subtext {
      text-align: center;
      font-size: 10px;
      color: #777;
      line-height: 1;
      margin: 0;
      margin-top: 5px; }
  .executionStatus__details__user__details .details__item__content {
    width: 102px;
    display: inline-block;
    text-align: center; }
  .executionStatus__details__user__details .perf-question-mark {
    font-size: 18px;
    position: absolute;
    top: -1px;
    margin-left: 5px;
    color: #303030;
    cursor: default; }
  .executionStatus__details__user__details .details__item__actual {
    width: 95px; }
    .executionStatus__details__user__details .details__item__actual .item__text {
      color: #58b947; }
      .executionStatus__details__user__details .details__item__actual .item__text.red {
        color: #e73d3d; }
  .executionStatus__details__user__details .kpi_details_button {
    display: inline-block;
    vertical-align: middle;
    width: 88px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    color: #cccccc;
    border: 1px solid #cccccc;
    transition: 0.3s;
    border-radius: 13px;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box; }
    .executionStatus__details__user__details .kpi_details_button:hover, .executionStatus__details__user__details .kpi_details_button.active {
      border: 1px solid #e93b83;
      color: #e93b83; }

.execution_status_kpi_detail {
  margin-bottom: 20px; }
  .execution_status_kpi_detail .actions__switch__btn {
    display: none; }
  .execution_status_kpi_detail .longname-tooltip {
    word-break: break-all; }
    .execution_status_kpi_detail .longname-tooltip ul, .execution_status_kpi_detail .longname-tooltip ol {
      margin-left: 1em; }

.executionStatus__details__row_1 {
  overflow: hidden;
  display: flex; }

.executionStatus__details__row__coll {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-right: 10px;
  flex: 1; }
  .executionStatus__details__row__coll table {
    max-width: 100%; }

.executionStatus__details__overall_status .title {
  color: #222;
  font-size: 14px;
  margin: 0 0 0 10px;
  font-weight: 500; }
.executionStatus__details__overall_status .content {
  background-color: #faf9f9;
  padding: 5px 10px;
  height: 100%;
  margin-top: 10px; }
  .executionStatus__details__overall_status .content p {
    margin: 0;
    font-size: 12px;
    color: #555;
    margin-bottom: 5px;
    word-wrap: break-word; }
  .executionStatus__details__overall_status .content ol, .executionStatus__details__overall_status .content ul {
    margin-left: 10px; }

.executionStatus__details__corrective_actions {
  margin-left: 10px;
  margin-bottom: 20px;
  height: 100%; }
  .executionStatus__details__corrective_actions .title {
    color: #222;
    font-size: 14px;
    margin: 0 0 0 10px;
    font-weight: 500; }
  .executionStatus__details__corrective_actions .content {
    background-color: #faf9f9;
    padding: 5px 10px;
    margin-top: 10px;
    height: 100%; }
    .executionStatus__details__corrective_actions .content p {
      margin: 0;
      color: #555;
      font-size: 12px;
      margin-bottom: 5px;
      word-wrap: break-word; }
    .executionStatus__details__corrective_actions .content ol, .executionStatus__details__corrective_actions .content ul {
      margin-left: 10px; }

/* executionStatus__table__holder */
.executionStatus__table__holder table {
  width: 100%;
  border-collapse: collapse; }
.executionStatus__table__holder thead th {
  position: relative;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 11px;
  border-bottom: 1px solid #EEEEEE;
  color: #222;
  text-align: center;
  vertical-align: middle;
  position: relative; }
  .executionStatus__table__holder thead th span {
    color: #acacac; }
.executionStatus__table__holder thead .ico {
  width: 16px;
  display: inline-block;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }
.executionStatus__table__holder thead .ico.progress {
  background-image: url("/images/icons/performance-indicator-gray.svg"); }
.executionStatus__table__holder thead .ico.kpi {
  background-image: url("/images/icons/target_facelift.svg"); }
.executionStatus__table__holder tbody td {
  word-break: break-word;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #222;
  font-size: 12px;
  text-align: center;
  vertical-align: top; }
.executionStatus__table__holder tbody .coll__name {
  font-weight: 500; }
  .executionStatus__table__holder tbody .coll__name span {
    color: #acacac; }
.executionStatus__table__holder tbody .coll__comment {
  text-align: left;
  width: 220px;
  padding: 5px 5px;
  color: #777; }
.executionStatus__table__holder tbody .coll__actions {
  padding: 5px 5px;
  text-align: left;
  width: 220px;
  color: #777; }
.executionStatus__table__holder tbody .ico_smile {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }
.executionStatus__table__holder tbody .ico_smile.good {
  background-image: url("/images/icons/smileys/smiley-green.svg"); }
.executionStatus__table__holder tbody .ico_smile.average {
  background-image: url("/images/icons/smileys/smiley-yellow.svg"); }
.executionStatus__table__holder tbody .ico_smile.bad {
  background-image: url("/images/icons/smileys/smiley-red.svg"); }
.executionStatus__table__holder .coll__name {
  text-align: left;
  width: 100px; }
.executionStatus__table__holder .coll__actual {
  text-align: center;
  font-weight: 500;
  width: 45px; }
.executionStatus__table__holder .coll__plan {
  font-weight: 500;
  width: 90px; }
.executionStatus__table__holder .coll__target {
  text-align: center;
  font-weight: 500;
  width: 45px; }
.executionStatus__table__holder .coll__progress {
  font-weight: 500;
  width: 90px; }
.executionStatus__table__holder .coll__kpi {
  text-align: center;
  font-weight: 500;
  width: 45px; }
.executionStatus__table__holder .coll__comment {
  text-align: left;
  width: 24%;
  padding-left: 5px;
  list-style-position: inside; }
.executionStatus__table__holder .coll__actions {
  padding-left: 5px;
  text-align: left;
  width: 24%;
  list-style-position: inside; }

.actionContainer {
  margin-top: 70px; }

/*force build*/
/* New Font Changes */
.ini_detail_page {
  min-height: 400px; }
  .ini_detail_page #details_history_section #display-action-history .ini_details__ini_history__header .ini_details__ini_history__header__item .title {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    color: #2F3941; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_action .coll_action__user_info .content .name {
    font-weight: 400;
    font-size: 15px;
    color: #121212;
    word-break: break-word; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_action .coll_action__user_info .content .date {
    font-weight: 400;
    font-size: 10px;
    color: #ACACAC; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_action .coll_action__details .item__text {
    font-weight: 400;
    font-size: 15px;
    color: #121212; }
    .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_action .coll_action__details .item__text.text-green {
      color: #58b947; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_action .coll_action__details .milestone_progress__text {
    font-weight: 400;
    font-size: 10px;
    color: #ACACAC; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header {
    width: 100%; }
    .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .coll_action__details_milestone {
      margin-top: 8px; }
    .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .coll_action__details {
      margin-top: -16px; }
    .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__top_line {
      font-weight: 400;
      font-size: 15px;
      color: #121212;
      margin-bottom: 3px; }
      .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__top_line .name.comment_name {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 630px; }
      .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__top_line .status {
        font-weight: 300; }
      .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__top_line .private-icon {
        width: 13px;
        height: 13px;
        background-image: url(/images/icons/private_action_v2.svg);
        background-size: 13px 13px;
        display: inline-block; }
      .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__top_line.red {
        color: #e43e3e; }
      .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__top_line.yellow {
        color: #ffe601; }
      .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__top_line.green {
        color: #58b947; }
    .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .edit_changes {
      color: #E83B83;
      display: inline; }
      .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .edit_changes:hover {
        text-decoration: underline;
        cursor: pointer; }
    .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__item_date {
      font-weight: 400;
      font-size: 10px;
      color: #ACACAC;
      margin-bottom: 3px; }
      .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__item_date .date {
        color: #121212; }
    .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__item_name .name {
      font-weight: 400;
      font-size: 10px;
      color: #ACACAC; }
    .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__header .info_holder__item_name .value {
      font-weight: 400;
      font-size: 10px;
      color: #121212;
      word-break: break-all; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__comment_holder .title {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    color: #2F3941; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__comment_holder .text, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__comment_holder p {
    font-weight: 400;
    font-size: 12px;
    color: #121212; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__comment_holder .text.comment-text {
    padding: 10px;
    width: calc(100% - 20px);
    border-radius: 3px; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__comment_holder .mention {
    color: #e83b83; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__comment_holder .comment-content__footer__email_subject .text, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__comment_holder .comment-content__footer__send_to .text {
    font-size: 10px; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__comment_holder .comment-content__footer__email_subject {
    padding-left: 0; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .execution_status_kpi_detail {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
    width: calc(100% - 20px);
    border-radius: 3px; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder thead th {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    color: #2F3941; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .kpi_collapsee .coll__name, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .kpi_collapsee .coll__actual, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .kpi_collapsee .coll__plan, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .kpi_collapsee .coll__target, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .kpi_collapsee .coll__progress, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .kpi_collapsee .coll__kpi, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .kpi_collapsee .coll__comment, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__kpi_holder .kpi_collapsee .coll__actions {
    font-weight: 400;
    font-size: 11px;
    color: #121212;
    word-break: break-word; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__actions_holder .coll_content__actions_title, .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__actions_holder .coll_content__att_files_title {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    color: #2f3951;
    margin-bottom: 5px; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__att_files_holder .coll_content__att_files_title {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    color: #2f3951;
    margin-bottom: 5px; }
  .ini_detail_page #details_history_section #display-action-history .history-scrollable-wrapper #action-history-content .coll_content .coll_content__att_files_holder .coll_content__att_files__item__text {
    font-size: 11px;
    color: #121212; }
  .ini_detail_page #iniActionDetails .info_item .userInfo .footer {
    font-size: 10px;
    color: #acacac;
    font-weight: 400; }
    .ini_detail_page #iniActionDetails .info_item .userInfo .footer .strong_text {
      color: #121212; }
  .ini_detail_page #iniActionDetails .info_item .userInfo .userName span {
    font-size: 15px;
    font-weight: 400;
    color: #121212; }
  .ini_detail_page #iniActionDetails .info_item .userInfo .userName .removeRole {
    color: #E83B83;
    font-size: 12px; }
    .ini_detail_page #iniActionDetails .info_item .userInfo .userName .removeRole:hover {
      text-decoration: underline;
      cursor: pointer; }
  .ini_detail_page #iniActionDetails .info_item .info_item__title, .ini_detail_page #iniActionDetails .info_item .name {
    font-size: 11px;
    font-weight: 400;
    color: #2F3941;
    text-transform: uppercase; }
  .ini_detail_page #iniActionDetails .info_item .value {
    font-size: 15px;
    font-weight: 400;
    color: #121212; }
  .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item {
    font-size: 10px;
    font-weight: 400;
    color: #121212; }
    .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_attached_to .content_holder .name {
      font-size: 14px;
      font-weight: 400;
      color: #121212; }
    .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_attached_to .content_holder .date {
      font-size: 10px;
      font-weight: 400;
      color: #ACACAC; }
    .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_attached_by .name_text, .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_attached_by .date, .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_attached_by .size_text, .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_attached_date .name_text, .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_attached_date .date, .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_attached_date .size_text, .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_size .name_text, .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_size .date, .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_size .size_text {
      font-size: 14px;
      font-weight: 400;
      color: #121212; }
    .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__content .ini_details__attached_files__item .coll_name .file_name {
      font-size: 15px;
      font-weight: 400;
      color: #121212; }
  .ini_detail_page #display-action-attached #attachedFiles .ini_details__attached_files__header {
    font-size: 10px;
    font-weight: 300;
    color: #ACACAC; }
  .ini_detail_page #display-action-attached .ini_details__attached_files__actions__coll .name {
    font-size: 10px;
    font-weight: 400;
    color: #2F3941;
    text-transform: uppercase; }
  .ini_detail_page #display-action-attached .ini_details__attached_files__actions__coll .sortable__holder .sortable__item .text {
    font-size: 12px;
    font-weight: 400;
    color: #cccccc; }
  .ini_detail_page #display-action-attached .ini_details__attached_files__actions__coll .sortable__holder .sortable__item input:checked ~ .label .text {
    color: #E83B83; }
  .ini_detail_page .executionStatus__container .modern-date .modern-date-day {
    font-size: 24px;
    color: #121212;
    font-weight: 400; }
  .ini_detail_page .executionStatus__container .modern-date .modern-date-day-name {
    font-weight: 400;
    font-size: 8px;
    color: #acacac; }
  .ini_detail_page .executionStatus__container .modern-date .modern-date-month-name {
    font-size: 10px;
    font-weight: 400;
    color: #121212; }
  .ini_detail_page .executionStatus__container .executionStatus__details__user__text .name {
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    word-break: break-word; }
  .ini_detail_page .executionStatus__container .executionStatus__details__user__text .subtitle {
    font-size: 10px;
    font-weight: 400;
    color: #acacac; }
    .ini_detail_page .executionStatus__container .executionStatus__details__user__text .subtitle span {
      color: #121212; }
  .ini_detail_page .executionStatus__container .executionStatus__details__user__details .details__item__kpi .details__item__content .item__text {
    font-size: 15px;
    color: #121212;
    font-weight: 400; }
  .ini_detail_page .executionStatus__container .executionStatus__details__user__details .details__item .item__text {
    font-size: 15px;
    font-weight: 400; }
  .ini_detail_page .executionStatus__container .executionStatus__details__user__details .details__item .item__subtext {
    font-size: 10px;
    color: #acacac;
    font-weight: 400; }
  .ini_detail_page .executionStatus__container .timelineStatus .dateLabel {
    font-size: 10px;
    font-weight: 400;
    color: #acacac; }
    .ini_detail_page .executionStatus__container .timelineStatus .dateLabel .date-label-content {
      color: #121212; }
  .ini_detail_page .executionStatus__container .timelineStatus .timeNumbers .label {
    color: #acacac;
    font-weight: 400; }
  .ini_detail_page .executionStatus__container .timelineStatus .remainingInfo .label {
    color: #acacac;
    font-weight: 400; }
  .ini_detail_page .executionStatus__container .timelineStatus .remainingInfo .remainingNumber {
    color: #acacac; }
  .ini_detail_page .executionStatus__container .executionStatus__details__overall_status {
    height: 100%; }
    .ini_detail_page .executionStatus__container .executionStatus__details__overall_status .title {
      font-size: 10px;
      color: #2F3941;
      font-weight: 400;
      text-transform: uppercase;
      margin-left: 0px; }
    .ini_detail_page .executionStatus__container .executionStatus__details__overall_status .content p {
      font-size: 12px;
      color: #121212;
      font-weight: 400; }
  .ini_detail_page .executionStatus__container .executionStatus__details__corrective_actions .title {
    font-size: 10px;
    color: #2F3941;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 0px; }
  .ini_detail_page .executionStatus__container .executionStatus__details__corrective_actions .content p {
    font-size: 12px;
    color: #121212;
    font-weight: 400; }
  .ini_detail_page .executionStatus__container .executionStatus__table__holder thead th {
    font-size: 10px;
    font-weight: 400;
    color: #2F3941;
    text-transform: uppercase; }
  .ini_detail_page .executionStatus__container .executionStatus__table__holder tbody tr {
    border-bottom: 1px solid #EEEEEE; }
  .ini_detail_page .executionStatus__container .executionStatus__table__holder tbody tr:last-child {
    border-bottom: none; }
  .ini_detail_page .executionStatus__container .executionStatus__table__holder tbody td {
    font-size: 11px;
    font-weight: 400;
    color: #121212;
    word-break: break-word;
    vertical-align: middle; }
    .ini_detail_page .executionStatus__container .executionStatus__table__holder tbody td p {
      margin: 0; }
  .ini_detail_page .executionStatus__container ap-kpi-graph .ganttAxisLabel {
    font-size: 12px;
    font-weight: 400;
    color: #2F3941; }
  .ini_detail_page .executionStatus__container ap-kpi-graph svg .chartLabels text {
    font-size: 12px;
    font-weight: 400;
    color: #121212; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .orvedue_tag.active, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .orvedue_tag.active {
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .optionsButtons .ini_details__overview_table__header__coll .name, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .optionsButtons .ini_details__overview_table__header__coll .name {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    color: #121212; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__attached_file__title, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__attached_file__title {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #2F3941; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .attached_file__item__text, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .attached_file__item__text {
    font-size: 13px;
    font-weight: 400;
    color: #121212; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table ap-comment .email-notifications span.label, .ini_detail_page #exec_plan .executionStatus ap-agenda-table ap-comment .email-notifications span.label {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    color: #acacac; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .email_recipients .email-field, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .email_recipients .email-field {
    font-size: 12px;
    font-weight: 400;
    color: #121212; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .completed_tag.active, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .completed_tag.active {
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 5px;
    height: 20px; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .commentButtonLabel__holder, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .commentButtonLabel__holder {
    font-size: 10px;
    font-weight: 400; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .commentButtonLabel, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .commentButtonLabel {
    font-size: 12px;
    padding: 3px 5px;
    margin-right: 0 !important; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .commentButtonLabel, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .commentButtonLabel {
    color: white !important;
    background-color: #71d33f;
    border-radius: 15px;
    border: 1px solid #71d33f;
    text-align: center;
    width: 92px;
    transition: .3s; }
    .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .commentButtonLabel span, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .commentButtonLabel span {
      text-transform: uppercase;
      font-size: 10px; }
    .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .commentButtonLabel:hover, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .commentButtonLabel:hover {
      color: #71d33f !important;
      background-color: #ffffff; }
    .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .commentButtonLabel.active, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .commentButtonLabel.active {
      color: #71d33f !important;
      background-color: #ffffff; }
      .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .commentButtonLabel.active:hover, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .commentButtonLabel.active:hover {
        color: white !important;
        background-color: #71d33f; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .commentButtonLabel__arrow, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .commentButtonLabel__arrow {
    display: none; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .newMsgsCount, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .newMsgsCount {
    display: none; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .taskRow .task-closed-btn, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .taskRow .task-closed-btn {
    display: inline-block;
    width: 100px;
    border-radius: 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    border: 1px solid #303030;
    color: #fff;
    background: #303030;
    text-align: center;
    font-size: 10px;
    height: 23px;
    line-height: 23px; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment__user_content__footer .comment__create__email, .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment__user_content__footer .comment__create__make_private, .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment__user_content__footer .comment__create__attach_file, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment__user_content__footer .comment__create__email, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment__user_content__footer .comment__create__make_private, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment__user_content__footer .comment__create__attach_file {
    font-size: 10px;
    font-weight: 400;
    color: #acacac; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__text, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__text {
    font-size: 13px;
    font-weight: 400;
    color: #121212;
    width: 730px; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .milestone-tasks:not(.actionTasks) .comment-content__text, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .milestone-tasks:not(.actionTasks) .comment-content__text {
    width: 701px; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-text-placeholder, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-text-placeholder {
    display: none;
    width: 684px;
    font-size: 13px;
    font-weight: 400; }
    .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-text-placeholder p, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-text-placeholder p {
      margin: 0; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__footer__email_subject .name, .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__footer__send_to .name, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__footer__email_subject .name, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__footer__send_to .name {
    font-size: 10px;
    color: #acacac;
    font-weight: 400;
    text-transform: uppercase; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__footer__email_subject .text, .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__footer__send_to .text, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__footer__email_subject .text, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__footer__send_to .text {
    font-size: 10px;
    color: #121212;
    font-weight: 400; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__footer__send_to .number, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__footer__send_to .number {
    font-size: 10px; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__footer__date, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__footer__date {
    font-size: 10px;
    font-weight: 400;
    color: #acacac; }
  .ini_detail_page #exec_plan .executionStatus ap-milestone-table .comment-content__footer__name .text, .ini_detail_page #exec_plan .executionStatus ap-agenda-table .comment-content__footer__name .text {
    font-size: 10px;
    font-weight: 400;
    color: #acacac; }

#focusarea_details_container .ini_detail_page {
  min-height: 530px; }

.pending-completion {
  background-color: #FF7F00;
  color: white;
  padding: 3px 6px;
  font-size: 10px;
  margin-right: 10px;
  font-weight: 400;
  border-radius: 3px;
  height: 13px; }

.d-inline-block {
  display: inline-block !important; }

.details-popup-kpi-table {
  margin-bottom: 70px !important; }

.d-inline-block {
  display: inline-block !important; }

.w-300 {
  width: 300px; }

.add_options_alignment .createLink.ng-binding {
  color: #121212;
  font-size: 12px; }

.actionViewTable .tableRow .tableQuickButtonsBox {
  right: 128px;
  top: 17px; }
  .actionViewTable .tableRow .tableQuickButtonsBox .icon_wrapper .title {
    display: inline-block;
    background-color: #fff; }
  .actionViewTable .tableRow .tableQuickButtonsBox .icon_wrapper:first-child .title {
    padding: 0 4px; }

.executionStatus__table__holder .kpi-date {
  display: block;
  margin-top: 3px;
  font-weight: 500; }

.actionViewTable .calendar-placeholder {
  margin-top: 2px; }
.actionViewTable .meeting-type .calendar-placeholder {
  margin-top: 9px;
  margin-left: 15px; }
.actionViewTable .meeting-type .tableRow .tableQuickButtonsBox {
  right: 14px;
  top: 17px; }
.actionViewTable .taskRow .calendar-placeholder {
  width: 82px;
  text-align: center; }

.start-date-placeholder {
  display: none; }

.hasMilestoneStartDate .start-date-placeholder {
  display: block;
  width: 82px; }
.hasMilestoneStartDate #ini-details-view-section .tableNameCell.type-deadline .iniName {
  padding-left: 15px; }

.action__name:hover .copy-link-icon, .iniNameBoxRow:hover .copy-link-icon, .iniNameBox:hover .copy-link-icon {
  visibility: visible; }

.hasMilestoneStartDate .ini_details__overview_table__content .block-wrapper .milestoneTableTaskTable .mainContent .tableNameCell .iniNameBox {
  width: 640px; }

.favorite-link {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/images/icons/star.svg);
  background-size: 20px; }
  .favorite-link.favoritized {
    background-image: url(/images/icons/star-yellow-full.svg); }

.actionHeaderBox__content .userIco__holder .image-placeholder {
  width: 56px;
  height: 56px;
  line-height: 56px; }

.action_profile_group {
  display: inline-block;
  text-align: center; }
  .action_profile_group.vice-chair {
    margin-left: 10px; }
  .action_profile_group.participants {
    vertical-align: top;
    margin-top: 7px;
    font-size: 12px;
    margin-right: 12px; }

.profile_label {
  margin-top: 5px; }

.action_profile_item {
  display: inline-block; }
  .action_profile_item .photo img {
    width: 28px;
    height: 28px; }
  .action_profile_item div.photo .image-placeholder {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 12px; }
  .action_profile_item .other-profiles {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    vertical-align: middle;
    background-color: lightgray;
    border-radius: 14px;
    cursor: default; }

.action_profile_divider {
  display: inline-block;
  border-left: 1px solid lightgrey;
  height: 30px;
  vertical-align: top;
  margin: 0 16px;
  border-image: linear-gradient(to top, #fff, #d1d1d1, #fff) 1; }
  .action_profile_divider.left-8 {
    margin-left: 8px; }

.initiative_states_section.favorites {
  margin-top: 5px; }

.meetingDetails__item {
  margin-top: 3px;
  display: inline-block;
  vertical-align: middle; }

.actionHeaderBox__header__give_feedback_btn.evaluate .ico {
  background-image: url(/images/icons/icons-evaluate-white.svg); }
.actionHeaderBox__header__give_feedback_btn.evaluate:hover .ico {
  background-image: url(/images/icons/icons-evaluate-pink.svg); }

.ini_details__overview_table__holder .agenda-headline {
  position: absolute;
  top: 22px; }
  .ini_details__overview_table__holder .agenda-headline h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0; }

.ini_detail_page .ini_details__overview_table__header .task-info-collapsor {
  position: absolute;
  top: 2px;
  left: 1133px; }

#approve-mod-container #executionStatus__Section, #approve-mod-container #plan_title, #approve-mod-container .actionLog__title, #approve-mod-container #details_history_section {
  margin-top: 30px; }

.topic-options .controls-box .controls-box-with-arrow .slide-custom {
  left: -100px; }

.attached-files-meeting-headline {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0px; }

.details-button-holder {
  margin-top: 3px; }

.action_details_content_row.roles {
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  background: #faf8f9; }
.action_details_content_row.dates {
  border-bottom: 1px solid #cecece;
  background: #faf8f9; }
.action_details_content_row.descriptions {
  border-bottom: 1px solid #cecece; }

#iniActionDetails .mandatory-tags-container {
  border-bottom: 1px solid #cecece;
  padding: 0 0 10px; }
#iniActionDetails .personal-tags-container {
  padding: 10px 0;
  border-bottom: 1px solid #cecece; }
#iniActionDetails .feedbackRequirementTag {
  font-size: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #cecece; }
#iniActionDetails .details-kpi-container {
  font-size: 14px;
  padding: 10px 0; }
#iniActionDetails .actionHeaderBox__tags__holder .tag {
  cursor: default; }

#plan_title {
  border: 1px solid #D2D2D2;
  background: #fff;
  border-radius: 12px; }

.ini_details__attached_files__actions__coll.filter {
  margin-right: 49px; }

.topicRow .completed_tag.topic {
  position: relative;
  top: -2px;
  margin-left: 3px; }

#ini-details-view-section .new-comment-placeholder .comment-line {
  width: 712px; }
#ini-details-view-section .comment-main {
  width: 782px; }
#ini-details-view-section .comment__user_content__container .comment_holder {
  max-width: 730px;
  width: 730px; }
#ini-details-view-section .comment__user_content__footer .footer-left {
  width: 529px; }
#ini-details-view-section .comment-width {
  width: 730px; }
#ini-details-view-section .milestone-tasks:not(.actionTasks) .actions__comment__holder {
  padding-left: 210px; }
#ini-details-view-section .milestone-tasks:not(.actionTasks) .new-comment-placeholder .comment-line {
  width: 683px; }
#ini-details-view-section .milestone-tasks:not(.actionTasks) .comment-main {
  width: 753px; }
#ini-details-view-section .milestone-tasks:not(.actionTasks) .comment__user_content__container .comment_holder {
  max-width: 701px;
  width: 701px; }
#ini-details-view-section .milestone-tasks:not(.actionTasks) .comment__user_content__footer .footer-left {
  width: 500px; }
#ini-details-view-section .milestone-tasks:not(.actionTasks) .comment-width {
  width: 701px; }

.canvas .todayLabel, .ganttCanvas .todayLabel {
  text-transform: capitalize; }
.canvas .zoom-buttons, .ganttCanvas .zoom-buttons {
  display: inline-block;
  position: relative;
  top: 4px;
  height: 0;
  width: 286px;
  text-align: right; }
  .canvas .zoom-buttons .zoom-out, .canvas .zoom-buttons .zoom-reset, .ganttCanvas .zoom-buttons .zoom-out, .ganttCanvas .zoom-buttons .zoom-reset {
    text-transform: uppercase;
    padding: 3px 5px;
    border-radius: 5px;
    background: #ffffff;
    color: #cccccc;
    border: 1px solid #cccccc;
    transition: .3s;
    cursor: pointer; }
    .canvas .zoom-buttons .zoom-out:hover, .canvas .zoom-buttons .zoom-reset:hover, .ganttCanvas .zoom-buttons .zoom-out:hover, .ganttCanvas .zoom-buttons .zoom-reset:hover {
      border: 1px solid #E83B83;
      color: #E83B83;
      background: #fef6f9; }
    .canvas .zoom-buttons .zoom-out.disabled, .canvas .zoom-buttons .zoom-reset.disabled, .ganttCanvas .zoom-buttons .zoom-out.disabled, .ganttCanvas .zoom-buttons .zoom-reset.disabled {
      background-color: #eee; }

#executionStatus__Section .execution_status_kpi_detail tbody td {
  vertical-align: top;
  padding-top: 11px; }

#iconTree .lowBox .container, #copyRmSelect .lowBox .container, .smallBoxes .lowBox .container {
  height: 20px;
  padding-top: 1px;
  padding-bottom: 0; }

#iconTree .lowBox, #copyRmSelect .lowBox, .smallBoxes .lowBox {
  height: 20px;
  padding-top: 0;
  padding-bottom: 0; }

.alignItem {
  position: relative; }
  .alignItem.alignItemBusinessmap, .alignItem.alignItemPerspective, .alignItem.alignItemFocusArea, .alignItem.alignItemMilestone, .alignItem.alignItemAction {
    background: #FCFDFE;
    color: #2E2F31; }
  .alignItem.alignItemAction {
    border: 1px solid #C6C6C5; }
  .alignItem.alignItemColor_7DBB52 {
    background: #58B947;
    color: #2E2F31;
    border: 0; }
  .alignItem.alignItemColor_58B947 {
    background: #58B947;
    color: #2E2F31;
    border: 0; }
  .alignItem.alignItemColor_EEBC1C {
    background: #FFE601;
    color: #2E2F31;
    border: 0; }
  .alignItem.alignItemColor_FFE601 {
    background: #FFE601;
    color: #2E2F31;
    border: 0; }
  .alignItem.alignItemColor_E54B5B {
    background: #E62E2C;
    color: #2E2F31;
    border: 0; }
  .alignItem.alignItemColor_E62E2C {
    background: #E62E2C;
    color: #2E2F31;
    border: 0; }
  .alignItem.alignItemColor_5384C3 {
    background: #5384C3;
    color: #2E2F31;
    border: 0; }
  .alignItem.alignItemColor_979797 {
    background: #C6C6C5;
    color: #2E2F31;
    border: 0; }
  .alignItem.alignItemDimmed {
    background-color: #ECECEC; }
  .alignItem.highBox a,
  .alignItem .lowBox a {
    color: inherit; }

.lowBox .highlight, .highBox .highlight {
  border: 1px solid #E83B83; }

.lowBox .container {
  display: inline-block;
  padding: 5px;
  height: 28px;
  min-width: 134px;
  zoom: 1; }

/*
.actionBox .lowBox .container a span {
  position: relative;
  top: -14px;
}
*/
.lowBox {
  display: inline-block;
  height: 28px;
  padding-left: 4px;
  font-size: 11px;
  line-height: 18px;
  white-space: nowrap;
  position: relative;
  zoom: 1;
  *display: inline; }
  .lowBox .container {
    display: inline-block;
    padding: 5px;
    height: 28px;
    min-width: 134px;
    zoom: 1;
    *display: inline; }
    .lowBox .container a span:not(.treeActionName) {
      display: inline-block;
      height: 100%; }

.highBox {
  display: inline-block;
  padding: 6px;
  overflow: visible;
  position: relative;
  white-space: nowrap;
  background-color: white; }

.dashboardOutstandings .outstandings {
  /* iPhone like badge */
  background: radial-gradient(1px -11px, circle, white 8%, red 26px);
  background: -moz-radial-gradient(1px -11px, circle, white 8%, red 26px);
  background: -ms-radial-gradient(1px -11px, circle, white 8%, red 26px);
  background: -o-radial-gradient(1px -11px, circle, white 8%, red 26px);
  background: -webkit-radial-gradient(1px -11px, circle, white 8%, red 26px);
  background-color: red;
  border: 2px solid white;
  border-radius: 12px;
  color: white;
  font: bold 12px/9px Helvetica, Verdana, Tahoma;
  /*height: 12px;*/
  text-align: center;
  min-width: 8px;
  padding: 4px;
  display: inline-block; }
  .dashboardOutstandings .outstandings > div {
    font-family: "Graphik Web"; }

.highBox .outstandings {
  background-color: #E83B83;
  color: white;
  position: absolute;
  top: -9px;
  right: -9px;
  text-align: center;
  padding: 0px 1px;
  border-radius: 10px;
  min-width: 15px;
  z-index: 10;
  font-size: 12px;
  font-weight: 400; }

.highBox .no-outstandings {
  position: absolute;
  top: -8px;
  right: -16px; }

.highBox .container {
  display: inline-block;
  height: 33px;
  min-width: 130px; }

#consolidationTree .highBox .container {
  min-width: 100px; }

.highBox a, .lowBox a {
  color: #303030;
  font-weight: 400;
  font-size: 11px;
  text-decoration: none; }

.highBox .container .user_title {
  /*  font-style:italic;
    font-size: 9px;*/ }

.bg1 {
  background-repeat: repeat-x;
  display: inline-block;
  height: 28px;
  zoom: 1;
  *display: inline; }

.bg2 {
  background-repeat: repeat-x;
  display: inline-block;
  height: 43px;
  zoom: 1;
  *display: inline;
  font-weight: 400;
  font-size: 11px; }
  .bg2 img.svg-icon-small {
    vertical-align: middle;
    margin-top: -5px; }

.treebox,
.treeboxbig {
  padding-left: 14px; }

.lastbox,
.lastboxbig {
  margin-left: -1px;
  padding-left: 15px; }

.treebox,
.lastbox,
.treeboxbig,
.lastboxbig {
  position: relative;
  margin-top: 22px;
  display: inline-block;
  height: 33px;
  zoom: 1;
  *display: inline; }
  .treebox:before,
  .lastbox:before,
  .treeboxbig:before,
  .lastboxbig:before {
    content: '';
    position: absolute;
    width: 50%;
    top: 50%;
    height: 50%;
    left: 0;
    border-top: 1px solid #C6C6C5;
    background: #FCFBFD; }

#iconTreeSelect .treebox:before,
#iconTreeSelect .lastbox:before,
#iconTreeSelect .treeboxbig:before,
#iconTreeSelect .lastboxbig:before, .treeIconHoverBox .treebox:before,
.treeIconHoverBox .lastbox:before,
.treeIconHoverBox .treeboxbig:before,
.treeIconHoverBox .lastboxbig:before {
  background: white; }

.treeIconSelectTarget {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 101; }

.peopleOverviewContent .treebox,
.peopleOverviewContent .lastbox,
.peopleOverviewContent .treeboxbig,
.peopleOverviewContent .lastboxbig, .personBox .treebox,
.personBox .lastbox,
.personBox .treeboxbig,
.personBox .lastboxbig {
  margin-top: 12px;
  height: 43px; }

#iconTreeSelect .treebox:before,
#iconTreeSelect .lastbox:before,
#iconTreeSelect .treeboxbig:before,
#iconTreeSelect .lastboxbig:before {
  top: 44%; }
#iconTreeSelect .collapsor img {
  margin-top: -2px; }
#iconTreeSelect .treeBoxmilestone {
  height: 17px; }
  #iconTreeSelect .treeBoxmilestone .bg1 {
    height: 15px;
    background-color: white; }
    #iconTreeSelect .treeBoxmilestone .bg1 .lowBox {
      height: 15px; }
      #iconTreeSelect .treeBoxmilestone .bg1 .lowBox .container {
        height: 15px;
        padding-top: 0px; }
  #iconTreeSelect .treeBoxmilestone .lastbox {
    height: 21px; }
  #iconTreeSelect .treeBoxmilestone:before {
    top: 50%; }

.treeIconSelectSearch.loading {
  margin-top: -20px;
  text-align: center; }

.subtree {
  margin-left: 28px;
  border-left-style: solid;
  border-left-color: #C6C6C5;
  border-left-width: 1px; }

.subsubtree {
  margin-left: 26px; }

#iconTreeSelect .lastsubsubtree {
  background-color: white; }

.lastsubsubtree {
  margin-left: -2px;
  background-color: #FCFDFE;
  padding-left: 2px; }

.peopleOverviewContent .lastsubsubtree, .initiativesOverviewContent .lastsubsubtree, .personBox .lastsubsubtree {
  background-color: #FCFBFD; }

#consolidationTree .subsubtree, #consolidationTree .subtree {
  margin-left: 13px; }

.pp-tbb, .pp-tb {
  padding-left: 73px;
  background-repeat: no-repeat; }

.pp-lbb, .pp-lb {
  padding-left: 75px;
  background-repeat: no-repeat; }

.pp-st {
  margin-left: 60px;
  background-repeat: no-repeat; }

.pp-sst {
  margin-left: 20px;
  background-repeat: no-repeat; }

.pp-lsst {
  padding-left: 10px;
  background-repeat: no-repeat; }

.pp-image {
  z-index: 10;
  margin: 0 auto; }

.permission-info {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: inline-block;
  text-align: right;
  width: 130px; }

a#fancybox-image {
  margin: 0 auto; }

.pp-first-box {
  margin-left: 54px; }

.feedbacks {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-family: Arial;
  font-size: 10px;
  line-height: 15px; }

.feedbacks img {
  padding-top: 2px;
  float: left;
  margin-right: 3px; }

.feedbacks div.feedback {
  padding-top: 0px;
  float: left;
  margin-right: 3px;
  font-size: 7px; }

.feedbacks img {
  width: 10px;
  height: 10px; }

.toggleActions {
  position: absolute;
  right: -20px;
  bottom: 5px; }

.bulkToggleActions {
  position: absolute;
  right: -32px;
  bottom: 5px; }

.responsible {
  padding-top: 2px;
  font-family: Arial;
  font-size: 9px;
  float: left; }

.treeView {
  width: auto; }

.feedbackBox {
  background-color: white; }

.feedbackBoxIcon {
  float: left;
  width: 18px;
  padding-top: 5px;
  padding-left: 5px;
  background-color: white; }

.feedbackBoxText {
  float: left;
  background-color: white; }

.feedbackBoxDate {
  font-size: 9px;
  font-style: italic;
  background-color: white; }

.timeProgressLabel {
  position: absolute;
  left: 7px;
  top: 15px;
  font-size: 9px;
  line-height: 12px; }

.feedbackButton {
  position: absolute;
  right: -14px;
  width: 10px;
  top: 2px;
  font-size: 9px; }
  .feedbackButton .controls-box {
    top: 8px; }

#consolidationTree {
  float: right;
  width: 280px;
  font-size: 8px;
  overflow: visible;
  padding-left: 20px; }

#miniGraphs {
  float: left; }

#consolidationTree .treebox, #consolidationTree .lastbox {
  margin-top: 4px;
  height: 20px; }

#consolidationTree .lowBox {
  height: 20px;
  padding-top: 0;
  padding-bottom: 0; }

#consolidationTree .lowBox .container {
  height: 20px;
  padding-top: 1px;
  padding-bottom: 0; }

#consolidationTree .bg1 {
  height: 20px; }

a.showActions, a.hideActions {
  color: gray;
  cursor: pointer; }

.treeIconHoverBox {
  border-top: 1px solid #E83B83;
  border-bottom: 1px solid #E83B83;
  position: absolute;
  z-index: 90;
  right: -1px;
  /*
  .actionBox, .actionBoxDiv {
    height: 40px !important;
  }
  */ }
  .treeIconHoverBox .close-cross {
    top: -4px;
    position: relative;
    font-size: 15px;
    font-weight: 500; }
  .treeIconHoverBox .actionBoxDiv.parentBox {
    height: auto !important; }

#treeIconHoverBoxContent {
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 100px; }

#treeIconHoverBox .alignItem .container svg {
  position: relative;
  top: 1px; }

#iconTree .treebox, #iconTree .lastbox, #copyRmSelect .treebox, #copyRmSelect .lastbox, .smallBoxes .treebox, .smallBoxes .lastbox {
  margin-top: 10px;
  height: 20px; }

#iconTreeSelect .treebox, #iconTreeSelect .lastbox, .smallBoxes .lastbox {
  margin-top: 4px; }

#iconTree .lowBox, #copyRmSelect .lowBox, .smallBoxes .lowBox {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0; }

#iconTree .lowBox .container, #copyRmSelect .lowBox .container, .smallBoxes .lowBox .container {
  height: 100%;
  padding-top: 1px;
  padding-bottom: 0; }

#iconTree .bg1, #copyRmSelect .bg1, .smallBoxes .bg1 {
  height: 20px; }

#iconTree .highBox .container, #iconTreeSelect .highBox .container, #copyRmSelect .highBox .container, .smallBoxes .highBox .container {
  min-width: 100px; }

#copyRmSelect .subtree, #copyRmSelect .subsubtree, .smallBoxes .subtree {
  margin-left: 13px; }

#iconTreeSelect .subsubtree, #iconTreeSelect .subtree {
  margin-left: 13px; }

#print #iconTree .treeView {
  background-color: #ffffff; }

#print #iconTree .subsubtree {
  margin-left: 13px;
  background-color: #ffffff; }

#print #iconTree .lastsubsubtree {
  background-color: #ffffff; }

.searchHighlight {
  padding: 0 2px;
  background-color: #E83B83;
  color: white; }

.treeIconSelect .chosen-search input {
  background: #fff url("chosen-sprite.png") no-repeat 100% -21px;
  width: calc( 100% - 48px);
  margin-top: 10.5px;
  margin-left: 11px;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  border-radius: 9px;
  font-size: 1em;
  height: 16px; }
  .treeIconSelect .chosen-search input:focus:not(.disabled) {
    border: 1px solid #3AA7DD;
    box-shadow: 0 0 4px #3AA7DD;
    outline: none; }

.treeIconSelect .chosen-search {
  margin-bottom: 3px;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: white;
  z-index: 102; }

.outstandings-counter-value, .notifications-counter {
  font-weight: 300;
  font-size: 14.5px;
  position: absolute;
  top: -12px;
  right: -10px;
  width: 22px;
  height: 18px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  color: white;
  padding: 0;
  background-color: #E83B83;
  z-index: 1; }

.organisationOverviewOutstandings {
  width: 800px;
  white-space: normal;
  text-align: left;
  font-weight: normal;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1001; }

.highBox .notification a {
  color: #315ee1; }

.highBox .notification a:hover {
  text-decoration: underline; }

.timeProgressLabelSmall {
  position: absolute;
  left: 7px;
  top: 0px;
  font-size: 9px;
  line-height: 9px; }

.trafficLight {
  text-align: center; }

div.treeColorBox.plan-feedback-counter {
  display: inline-block;
  margin: 0 0 1px 0;
  height: 12px;
  line-height: 12px;
  width: 20px;
  min-width: 12px;
  text-align: center;
  font-size: 9px;
  font-weight: 500;
  border-radius: 2px;
  padding: 2px 0px 2px 0px;
  border: solid 1px transparent;
  cursor: default; }

div.treeColorBoxContainer {
  text-align: center;
  min-width: 10px;
  height: 8px; }

.treeRedMilestone {
  border-color: white;
  border-width: 1.5px;
  width: 0.8em !important;
  height: 0.8em !important; }

.bulkCollapsor {
  position: absolute;
  top: 26px;
  left: -66px;
  z-index: 0; }

.collapsor {
  z-index: 1; }

.bulkCollapsor img {
  border-bottom: 1px solid white; }

.bulkCollapsor img:hover {
  border-bottom: 1px solid #315ee1; }

.bulkCollapsor a {
  visibility: hidden; }

.plusActions, .minusActions {
  color: #a8a8a8;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer; }

.plusActions:hover, .minusActions:hover {
  color: #0C64FF;
  text-decoration: underline; }

.treeIconSelect {
  background-color: white;
  display: none;
  z-index: 100;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  left: 0;
  right: 2px;
  position: absolute;
  border: 1px solid #a8a8a8;
  border-top: none; }
  .treeIconSelect.searching .treeContainer {
    padding: 0 0 10px; }
  .treeIconSelect .chosen-search {
    position: absolute;
    top: 0px;
    left: 0px; }
  .treeIconSelect .treeContainer {
    position: relative;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px; }
  .treeIconSelect .treeContainerSmall {
    position: relative;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px; }
  .treeIconSelect .timeProgressLabelSmall {
    display: none; }
  .treeIconSelect .treeIconSelectScroll {
    padding-top: 40px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc(100% - 40px); }
  .treeIconSelect input {
    border: 1px solid #DDD !important;
    height: 26px; }
  .treeIconSelect .treeBoxfocusArea, .treeIconSelect .treeBoxperspective, .treeIconSelect .treeBoxbusinessmap {
    height: 21px; }
    .treeIconSelect .treeBoxfocusArea .bg1, .treeIconSelect .treeBoxperspective .bg1, .treeIconSelect .treeBoxbusinessmap .bg1 {
      height: 19px;
      background-color: white; }
      .treeIconSelect .treeBoxfocusArea .bg1 .lowBox, .treeIconSelect .treeBoxperspective .bg1 .lowBox, .treeIconSelect .treeBoxbusinessmap .bg1 .lowBox {
        height: 19px; }
        .treeIconSelect .treeBoxfocusArea .bg1 .lowBox .container, .treeIconSelect .treeBoxperspective .bg1 .lowBox .container, .treeIconSelect .treeBoxbusinessmap .bg1 .lowBox .container {
          height: 19px;
          padding-top: 0px; }
  .treeIconSelect .collapsorfocusArea, .treeIconSelect .collapsorperspective, .treeIconSelect .collapsorbusinessmap {
    top: 10px !important;
    left: -18px !important; }
    .treeIconSelect .collapsorfocusArea .plusminus, .treeIconSelect .collapsorperspective .plusminus, .treeIconSelect .collapsorbusinessmap .plusminus {
      width: 11px;
      height: 11px; }
  .treeIconSelect .treeCollapsor img {
    width: 11px;
    height: 11px; }
  .treeIconSelect .treeCollapsor.lastCollapsor {
    top: 15px !important; }
  .treeIconSelect .lowBox .container {
    min-width: 0;
    padding: 5px 7px 5px 5px; }
    .treeIconSelect .lowBox .container svg {
      margin-top: 1px; }
    .treeIconSelect .lowBox .container a:hover span, .treeIconSelect .lowBox .container a.active span {
      color: #E83B83;
      text-decoration: underline; }

.relationSelector .chosen-container {
  line-height: 19px; }
  .relationSelector .chosen-container img {
    width: 22px;
    height: 22px;
    float: left;
    margin-right: -8px;
    margin-top: 5px; }

#createForm .relationSelector .chosen-container img, #editaction_form .relationSelector .chosen-container img, #copyForm .relationSelector .chosen-container img {
  margin-top: 9px; }
#createForm #milestone .relationSelector .chosen-container img, #editaction_form #milestone .relationSelector .chosen-container img, #copyForm #milestone .relationSelector .chosen-container img {
  margin-top: 7px; }
#createForm #taskFormContent .relationSelector .chosen-container img, #editaction_form #taskFormContent .relationSelector .chosen-container img, #copyForm #taskFormContent .relationSelector .chosen-container img {
  margin-top: 6px; }

#iconTreeSelect {
  background: white;
  overflow-x: hidden;
  overflow-y: visible;
  height: auto !important; }
  #iconTreeSelect .bulkToggleActions {
    bottom: 0px; }

.pieInformation {
  text-align: center;
  font-size: 9px;
  position: absolute;
  left: 55px;
  width: 20px;
  height: 20px;
  line-height: 9px; }

.feedbackTree {
  border: 1px solid #E6E6E6;
  background-color: white;
  padding: 5px 15px 5px 15px;
  position: relative; }
  .feedbackTree .actionBox {
    clear: both;
    float: left;
    display: block;
    margin-top: 4px;
    color: #303030; }
  .feedbackTree .container {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 50px; }
    .feedbackTree .container a {
      max-width: 100%;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      dding: 2px 5px 0 5px; }
      .feedbackTree .container a span {
        text-overflow: ellipsis;
        max-width: 100%;
        width: 100%;
        display: inline-block;
        overflow: hidden; }

.treeActionName {
  display: none; }

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*
#treeIconHoverBoxAnchor .treeIconHoverBox {
  .actionBox, .actionBoxDiv {
    height: 20px !important;
  }
}
*/
.subtree .actionBoxDiv:not(:first-child) {
  margin-top: 4px; }

.businessmapBox, .perspectiveBox {
  background-color: #2E2F31;
  color: #F4F4F6; }
  .businessmapBox a, .perspectiveBox a {
    color: #F4F4F6; }

.actionBox, .focusAreaBox {
  color: #9D9C9C; }

.state-blue {
  background-color: #5384C3; }
  .state-blue.dark {
    background-color: #5384C3; }

.state-green {
  background-color: #58B947; }
  .state-green.dark {
    background-color: #58B947; }

.state-grey {
  background-color: #C6C6C5; }

.state-grey-red-border {
  background-color: #C6C6C5; }

.state-dark-grey {
  background-color: #C6C6C5;
  color: #F4F4F6; }

.state-black {
  background-color: #2E2F31;
  color: #F4F4F6; }

.state-red {
  background-color: #E62E2C; }
  .state-red.dark {
    background-color: #E62E2C; }

.state-white {
  background-color: white; }

.state-yellow {
  background-color: #FFE601; }
  .state-yellow.dark {
    background-color: #FFE601; }

.action-performance {
  list-style: none;
  display: inline;
  margin-top: 20px; }

.action-performance li {
  display: inline-block;
  text-align: center; }

#actionHoverBoxContent .action-performance li {
  position: relative;
  top: 24px; }

.action-performance .ap-tooltip {
  display: inline; }

.performance-info {
  display: block; }

.alignment-view-info-icon {
  margin-top: 4px; }

.actionrest {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 2px; }
  .actionrest .action-node-content {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    padding-top: 1px; }
  .actionrest .trafficLight {
    margin-left: 6px; }
    .actionrest .trafficLight .action-node-content {
      margin-left: -3px; }
  .actionrest .latest-update {
    width: 40px;
    text-transform: uppercase;
    line-height: 10px; }
  .actionrest .all-updates {
    width: 50px; }
  .actionrest .trafficLight-separator {
    border-left: 1px solid #E83B83;
    height: 24px;
    margin-left: 6px;
    margin-right: 6px; }
  .actionrest .trafficLigh-horizontal-separator {
    border-bottom: 1px solid #E83B83; }
  .actionrest .sum {
    margin-right: 0;
    min-width: 20px; }
  .actionrest .last {
    margin-right: 6px;
    height: 32px;
    margin-left: 0; }
  .actionrest .tree-profile-picture {
    height: 28px;
    text-align: center;
    width: 28px;
    border-radius: 50%;
    overflow: hidden; }
    .actionrest .tree-profile-picture img {
      position: relative;
      border-radius: 50%;
      height: 28px; }

.treeView .expanderIcon {
  background-size: 9px 9px;
  height: 9px;
  width: 9px; }

.user-box {
  background-color: #FCFDFE;
  border: 1px solid #ECECEC; }

.box-highlighted {
  border: 1px solid red; }

.peopleOverviewContent .treeIconImage {
  padding-right: 3px; }

.treeIconImage-businessmap {
  margin-top: -1px; }

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

.treeBoxPersonImageHolder {
  height: 43px;
  width: 43px;
  z-index: 3;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  display: table-cell; }

.treeBoxPersonImageSpacer {
  display: inline;
  height: 43px;
  width: 53px;
  background: #fff;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 12px; }

.treeCollapsor img {
  width: 9px;
  height: 9px; }

.peopleOverviewHeader .completed_checkbox label, .initiativesOverviewHeader .completed_checkbox label {
  display: block;
  line-height: 21px; }
  .peopleOverviewHeader .completed_checkbox label:after, .initiativesOverviewHeader .completed_checkbox label:after {
    top: 3px; }

.peopleOverviewHeader .peopleOverviewFilter .teamAndCompleted {
  float: right;
  padding-bottom: 5px;
  padding-top: 10px;
  clear: both;
  position: relative;
  z-index: 2; }
.peopleOverviewHeader .peopleOverviewFilter.NoWidget .teamAndCompleted {
  clear: none; }

.initiativesOverviewHeader .initiativesOverviewFilter {
  position: relative;
  z-index: 2; }

.progress-container {
  text-align: left;
  min-width: 0px !important;
  height: auto; }
  .progress-container .progress-label {
    font-size: 9px;
    line-height: 12px; }
  .progress-container .update-icon {
    width: 12px;
    margin-right: 1px;
    margin-left: 1px; }

.organisationOverviewOutstandings {
  margin-top: 5px; }

.outstandingsCenterContainerPriority {
  margin: 0 !important; }

.loader-bg {
  background-color: #2e2f31;
  width: 100% !important; }

body.login #header-wrapper {
  padding: 30px 0 3;
  height: auto; }
body.login.small {
  background: #FCFDFE;
  min-width: 0;
  overflow: hidden; }
  body.login.small #loginbox input[type=text], body.login.small #loginbox input[type=password] {
    width: 100%; }
body.login #testSiteWarning h1, body.login #testSiteWarning h2 {
  display: inline;
  font-size: 12px;
  margin: 0;
  padding: 0;
  font-weight: 400; }
body.login #testSiteWarning h1 {
  color: #E83B83; }
body.login #testSiteWarning a {
  text-decoration: underline; }
body.login .subContainer {
  margin-bottom: 0;
  padding-left: 0px; }

#logincontainer {
  margin: 45px auto;
  padding: 0 45px; }
  #logincontainer h2 {
    margin-bottom: 10px;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 400; }
  body.login.small #logincontainer {
    margin: 30px auto;
    padding: 0 35px;
    /*
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    width: 100%;
    */ }
  #logincontainer .center {
    text-align: center;
    max-width: 600px;
    margin: 0 auto; }
  #logincontainer .forgotPasswordForm {
    position: relative;
    top: 50px; }
    #logincontainer .forgotPasswordForm .forgotPasswordHeader {
      font-size: 16px; }
    #logincontainer .forgotPasswordForm .formGroupLabel {
      padding-left: 15px;
      font-size: 14px;
      min-width: 20%; }
    #logincontainer .forgotPasswordForm .center {
      padding-left: 75px; }
      #logincontainer .forgotPasswordForm .center #loginsubmit {
        position: relative;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        background-color: #eb005d;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
        width: 134px;
        text-align: center;
        border: 0;
        outline: 0;
        border-radius: 5px;
        width: calc(100% - 200px); }
  #logincontainer .loginAgainBtn {
    background-color: #E83B83;
    color: white;
    border: 1px solid #E83B83;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
    vertical-align: top;
    border-radius: 4px;
    font-size: 15px;
    height: 34px;
    min-width: 120px;
    padding-bottom: initial;
    cursor: pointer; }

#loginbox {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 20px; }
  #loginbox > a {
    margin-left: -45px;
    color: #eb005d;
    text-decoration: underline; }
  #loginbox h2 {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 400; }
  #loginbox p {
    margin: 0 0 35px; }
  #loginbox label {
    margin: 15px 6px;
    margin-right: 10px;
    display: inline-block;
    font-size: 10px;
    cursor: pointer; }
    #loginbox label.signin-username-label {
      margin-left: 50px; }
    #loginbox label.signin-password-label {
      margin-left: 88px; }
  #loginbox input[type=text],
  #loginbox input[type=password] {
    margin: 10px 50px 10px 0;
    width: calc( 100% - 300px );
    height: 30px;
    padding: 2px 5px;
    font-size: 12px;
    border: 1px solid #DDD;
    box-sizing: border-box; }
  #loginbox #loginboxBottom {
    margin: 0 auto;
    max-width: 500px; }
    #loginbox #loginboxBottom:after {
      content: '';
      display: table;
      clear: both; }
    #loginbox #loginboxBottom a {
      float: right;
      margin-right: 20px;
      text-decoration: underline; }
  #loginbox #signin_remember_wrap {
    display: flex;
    align-items: center; }
    #loginbox #signin_remember_wrap:hover #remember_me_tip,
    #loginbox #signin_remember_wrap #signin_remember:checked ~ #remember_me_tip {
      display: inline; }
    #loginbox #signin_remember_wrap span {
      padding: 0px 10px;
      border-radius: 15px; }
    #loginbox #signin_remember_wrap #signin_remember {
      vertical-align: middle;
      cursor: pointer; }
  #loginbox #remember_me_tip {
    display: none;
    color: #9D9C9C;
    padding: 0 10px; }
    #loginbox #remember_me_tip:before {
      content: '(';
      padding-right: 3px; }
    #loginbox #remember_me_tip:after {
      content: ')';
      padding-left: 3px; }
  #loginbox a.link {
    color: #E83B83; }

#loginform {
  padding: 15px 15px 30px;
  border: 1px solid #DDD;
  border-radius: 12px;
  background: white;
  margin: 0 auto; }

div.wrapError,
div.wrapInfo {
  margin: 30px 0;
  padding: 20px 10px;
  font-size: 12px;
  border: 1px solid #DDD; }
  div.wrapError ul,
  div.wrapInfo ul {
    list-style-type: none; }

div.wrapError {
  color: #E62E2C; }

div.wrapInfo {
  color: #58B947; }

.ourhomepage {
  padding-top: 20px;
  text-align: center;
  background: #2E2F31; }
  .ourhomepage a {
    color: #fff;
    border: 1px solid #dddddd;
    cursor: pointer;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    outline: 0;
    padding: 5px 42px;
    border-radius: 15px; }
    .ourhomepage a:after {
      content: ' ';
      width: 17px;
      height: 17px;
      display: inline-block;
      background: url(/images/icons/login-arrow-green.svg) no-repeat, #5BB030 no-repeat;
      right: 4px;
      top: 4px;
      position: absolute;
      border-radius: 15px;
      background-size: 10px 10px;
      background-position: 7px 4px; }

#loginSubmitHolder:after {
  content: ' ';
  display: inline-block;
  width: 29px;
  height: 18px;
  vertical-align: middle;
  background: url("/images/fa-rightangle.svg") 0 -2px / 18px;
  position: relative;
  margin-left: -29px;
  z-index: 5;
  background-repeat: no-repeat; }

#loginsubmit.signinbutton {
  position: relative;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #eb005d;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  width: 134px;
  text-align: center;
  border: 0;
  outline: 0;
  border-radius: 5px;
  width: calc( 100% - 100px ); }

.logo-action {
  width: 200px;
  height: 200px;
  background: url("/images/AP_logo_v4-03_Transparent.png");
  background-size: 200px 200px;
  margin: 0 auto; }

#logincontainer .g-recaptcha {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 30px; }

#loginbox label.signin-password-label.ml-login-for-dk {
  margin-left: 99px; }

.view_user_profile_pic {
  float: left; }
  .view_user_profile_pic .pic-image {
    display: block;
    background-repeat: no-repeat; }

.userDetailInfo .infoBox {
  display: inline-block;
  width: 360px; }
  .userDetailInfo .infoBox .label {
    color: grey;
    font-weight: 400; }

.userDetail {
  position: relative;
  display: flex;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0px; }
  .userDetail.oneToOneCompany {
    border: none; }
    .userDetail.oneToOneCompany .userDetailMetric, .userDetail.oneToOneCompany .userDetailNumbers {
      display: none; }
    .userDetail.oneToOneCompany .detail-option-button {
      z-index: 100; }
  .userDetail .detail-option-button {
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: -40px; }
    .userDetail .detail-option-button span {
      padding-right: 5px; }
    .userDetail .detail-option-button ap-controls .controls-box .controls-link {
      width: 24px;
      height: 24px; }
      .userDetail .detail-option-button ap-controls .controls-box .controls-link:after {
        background-position: center;
        width: 24px;
        height: 24px;
        background-size: 24px 24px; }
  .userDetail .userDetailMetric {
    position: relative;
    width: 25%;
    border-right: 1px solid #e6e6e6;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
    .userDetail .userDetailMetric .totalCount {
      transform: translate(0, 31px);
      position: absolute;
      left: 0;
      right: 0;
      font-size: 14px;
      color: #121212; }
    .userDetail .userDetailMetric .chart {
      position: relative;
      width: 77px;
      left: 0;
      right: 0;
      margin: 20px auto; }
      .userDetail .userDetailMetric .chart > svg {
        width: 78px;
        height: 78px; }
    .userDetail .userDetailMetric .title {
      padding-top: 5px;
      text-transform: uppercase;
      color: #acacac;
      position: relative;
      top: 10px; }
    .userDetail .userDetailMetric .donutChartPosFixer {
      width: 160px;
      height: 160px;
      top: 0;
      left: 0; }
      .userDetail .userDetailMetric .donutChartPosFixer .donutChartHolder {
        top: 0; }
      .userDetail .userDetailMetric .donutChartPosFixer .value-small {
        margin-top: 45px;
        font-size: 32px; }
  .userDetail .userDetailNumbers {
    width: 25%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .userDetail .userDetailNumbers .title {
      padding-top: 5px;
      text-align: center;
      text-transform: uppercase;
      color: #acacac;
      position: relative;
      top: 10px; }
    .userDetail .userDetailNumbers .action_progress_holder {
      margin-left: 45%; }
      .userDetail .userDetailNumbers .action_progress_holder .stopwatch {
        color: #5F8CC7; }
        .userDetail .userDetailNumbers .action_progress_holder .stopwatch span {
          font-size: 18px;
          position: relative;
          padding-left: 0;
          font-weight: 400; }
          .userDetail .userDetailNumbers .action_progress_holder .stopwatch span:before {
            display: inline-block;
            content: '';
            background: url("/images/icons/time-elapsed-viewbox-blue.svg");
            width: 30px;
            height: 30px;
            position: absolute;
            left: -17px;
            top: 4px; }
      .userDetail .userDetailNumbers .action_progress_holder .target {
        color: #9A9A9A; }
        .userDetail .userDetailNumbers .action_progress_holder .target span {
          font-size: 18px;
          position: relative; }
          .userDetail .userDetailNumbers .action_progress_holder .target span:before {
            display: inline-block;
            content: '';
            background: url("/images/icons/target_facelift-viewbox.svg");
            width: 30px;
            height: 30px;
            position: absolute;
            left: -18px;
            top: 4px;
            background-size: 30px 30px; }
      .userDetail .userDetailNumbers .action_progress_holder .speed {
        color: #7dbc52; }
        .userDetail .userDetailNumbers .action_progress_holder .speed span {
          font-size: 18px;
          position: relative; }
          .userDetail .userDetailNumbers .action_progress_holder .speed span:before {
            display: inline-block;
            content: '';
            background: url("/images/icons/performance-indicator-green-bottom-viewbox.svg");
            width: 30px;
            height: 30px;
            position: absolute;
            left: -18px;
            top: 2px;
            background-size: 30px 30px; }
          .userDetail .userDetailNumbers .action_progress_holder .speed span:after {
            display: inline-block;
            content: '';
            width: 14px;
            height: 14px;
            background-size: 30px 17px;
            background-position: 0px 6px;
            transform: rotate(90deg); }
    .userDetail .userDetailNumbers .action_progress_holder {
      margin-top: 35px; }

#stickyHeaderWrapper .subContainer {
  display: flex; }
  #stickyHeaderWrapper .subContainer .mainInfo {
    width: 30%;
    padding: 10px 20px; }
    #stickyHeaderWrapper .subContainer .mainInfo .header {
      display: flex;
      align-items: center; }
      #stickyHeaderWrapper .subContainer .mainInfo .header .photo-detail {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #e6e6e6;
        background-size: 50px 50px; }
        #stickyHeaderWrapper .subContainer .mainInfo .header .photo-detail.no-image {
          background-color: lightgrey;
          line-height: 50px;
          font-size: 16px;
          text-align: center;
          color: #303030; }
      #stickyHeaderWrapper .subContainer .mainInfo .header .detail-info-title {
        overflow: hidden;
        white-space: nowrap; }
        #stickyHeaderWrapper .subContainer .mainInfo .header .detail-info-title h3 {
          margin-left: 20px;
          margin-bottom: 0;
          text-overflow: ellipsis;
          overflow: hidden; }
        #stickyHeaderWrapper .subContainer .mainInfo .header .detail-info-title span {
          margin-left: 20px;
          color: gray;
          font-weight: 400; }
  #stickyHeaderWrapper .subContainer .info-box-wrap {
    width: 70%;
    padding: 20px; }
    #stickyHeaderWrapper .subContainer .info-box-wrap .infoBox {
      width: 33%;
      margin-top: 10px;
      font-weight: 500; }

.float-right {
  float: right; }

.mt-95 {
  margin-top: 95px; }

.width-840 {
  width: 840px !important; }

.empty_div_for_stickey_header {
  height: 160px; }

.details-link-icon {
  display: flex;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  position: relative;
  border: 1px solid #C6C6C5;
  border-radius: 4px;
  cursor: pointer; }
  .details-link-icon:after {
    position: absolute;
    top: 3px;
    left: 6px;
    content: ' ';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 20px 20px;
    background-position: 0 0;
    background-image: url(/images/icons/open3-viewbox.svg); }

.first-word {
  color: #E83B83;
  font-weight: 700; }

#convertButton {
  position: fixed;
  left: 20px;
  bottom: 10px;
  background-color: #256b9d;
  color: white;
  cursor: pointer;
  height: 33px;
  border-radius: 999rem; }
  #convertButton > div {
    padding: 10px; }

.color-hover-helptext {
  position: absolute;
  top: 280px;
  left: 211px; }
  .color-hover-helptext ul {
    margin-left: 20px; }

#admin_metrics .tableAboveHeader {
  background: #fff;
  display: flex; }
  #admin_metrics .tableAboveHeader .hidden-radio-label .metrics-button-title {
    padding: 0px 10px;
    font-size: 12px; }
  #admin_metrics .tableAboveHeader .select-period {
    display: inline-table;
    width: 150px;
    margin-bottom: 4px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    padding-top: 2px; }
  #admin_metrics .tableAboveHeader .year-to-date {
    display: inline-table;
    width: 150px;
    margin-bottom: 4px;
    vertical-align: middle; }
#admin_metrics table.metricsTable thead .tableRow.tableHeader {
  background: #fff;
  border-top: 1px solid #DBDBDB; }
  #admin_metrics table.metricsTable thead .tableRow.tableHeader:first-child {
    background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, white 100%);
    border: none; }
    #admin_metrics table.metricsTable thead .tableRow.tableHeader:first-child th {
      padding: 10px;
      text-transform: none;
      font-weight: 200; }
      #admin_metrics table.metricsTable thead .tableRow.tableHeader:first-child th.inactive div:last-child {
        display: inline-block;
        padding-left: 7px; }
      #admin_metrics table.metricsTable thead .tableRow.tableHeader:first-child th.inactive:after {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        transform: rotate(45deg) translateY(-50%); }
      #admin_metrics table.metricsTable thead .tableRow.tableHeader:first-child th.inactive:first-child:after {
        margin-left: 5px; }
      #admin_metrics table.metricsTable thead .tableRow.tableHeader:first-child th.activeAsc:after {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-left: 1px solid #E83B83;
        border-top: 1px solid #E83B83;
        border-bottom: none;
        border-right: none;
        margin-bottom: -2px;
        transform: rotate(45deg) translateY(-50%); }
      #admin_metrics table.metricsTable thead .tableRow.tableHeader:first-child th.activeDesc:after {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-left: none;
        border-top: none;
        margin-bottom: -2px;
        border-right: 1px solid #E83B83;
        border-bottom: 1px solid #E83B83;
        transform: rotate(45deg) translateY(-50%); }
  #admin_metrics table.metricsTable thead .tableRow.tableHeader th {
    background: transparent;
    padding: 20px 10px;
    font-weight: 600; }
#admin_metrics table.metricsTable tbody tr {
  background: #f6f6f6;
  border-top: 1px solid #DBDBDB; }
  #admin_metrics table.metricsTable tbody tr td {
    background: transparent;
    padding: 20px 10px;
    font-weight: 500; }
  #admin_metrics table.metricsTable tbody tr:nth-child(even) {
    background: #fff; }
#admin_metrics select {
  width: 200px;
  margin-bottom: 10px; }
#admin_metrics table {
  clear: both;
  width: 100%; }
  #admin_metrics table thead th {
    padding-right: 15px;
    padding-left: 10px;
    font-size: 10px; }
  #admin_metrics table thead tr.total th {
    padding-top: 0px;
    padding-bottom: 5px; }
  #admin_metrics table tbody td {
    font-size: 10px; }
  #admin_metrics table tfoot tr td {
    padding-left: 0;
    padding-right: 0; }
  #admin_metrics table th.right_border,
  #admin_metrics table td.right_border {
    border-right: 1px solid #DBDBDB; }
  #admin_metrics table th.bottom_border,
  #admin_metrics table td.bottom_border {
    border-bottom: 1px solid #DBDBDB; }
  #admin_metrics table tr.total th {
    padding-left: 0;
    padding-right: 0; }
  #admin_metrics table tr.spanned th {
    text-align: center; }
  #admin_metrics table tr th.total_sum {
    text-align: right;
    font-weight: 500;
    padding-right: 5px; }
  #admin_metrics table .metric_value {
    text-align: center; }
    #admin_metrics table .metric_value span {
      text-align: center;
      width: 25px;
      display: block;
      margin: 0 auto; }
#admin_metrics.smaller table tr td {
  font-size: 11px; }

.divTable.listViewTable .tableRow .mainContent .expanderCell .item-icon.milestone::before {
  background-image: url(/images/icons/milestone-grey.svg); }
.divTable.listViewTable .tableRow .mainContent .expanderCell .item-icon.task:before {
  background-image: url(/images/icons/task-grey-full.svg); }
.divTable.listViewTable .tableRow .mainContent .updateShortcut {
  margin-left: 1px;
  margin-top: 5px;
  cursor: pointer; }
.divTable.listViewTable .tableRow.checked .mainContent .expanderCell .item-icon.milestone::before {
  opacity: 0.5; }
.divTable.listViewTable .tableRow.milestoneRow ap-show-more .container.collapsedQuickShowMoreOrLess .inside .showMoreOrLessContainer {
  top: 20px; }
.divTable.listViewTable .tableRow.milestoneRow ap-show-more .container.collapsedQuickShowMoreOrLess .inside .quick {
  max-height: 2.7em; }
.divTable.listViewTable .tableRow.milestoneRow .singleLine .less-collapsor {
  padding-left: 2px; }
.divTable.listViewTable .tableRow.taskRow ap-show-more .container.collapsedQuickShowMoreOrLess .inside .showMoreOrLessContainer {
  top: 18px; }
.divTable.listViewTable .tableRow.taskRow .singleLine .less-collapsor {
  z-index: 1; }
.divTable.listViewTable .tableRow.milestoneRow .mainContent .controls-box .controls-link, .divTable.listViewTable .tableRow.taskRow .mainContent .controls-box .controls-link, .divTable.listViewTable .tableRow.subActionRow .mainContent .controls-box .controls-link {
  background-image: url(/images/icons/controls.svg); }
.divTable.listViewTable .tableRow.milestoneRow .showMoreOrLessContainer, .divTable.listViewTable .tableRow.taskRow .showMoreOrLessContainer, .divTable.listViewTable .tableRow.subActionRow .showMoreOrLessContainer {
  background-color: #EEEEEE; }
.divTable.listViewTable ap-show-more .container.collapsedQuickShowMoreOrLess .inside .showMoreOrLessContainer {
  top: 19px; }
.divTable.listViewTable .tableAboveHeader {
  padding: 8px 0 8px 0;
  position: relative;
  min-height: 20px; }
  .divTable.listViewTable .tableAboveHeader .listViewHeader {
    padding-top: 1px; }
.divTable.listViewTable .singleLine.collapsedSingleLine {
  padding-bottom: 1px; }
.divTable.ganttViewTable .expandersWrapper {
  display: none; }
.divTable.ganttViewTable .zoomSelectorWrapper {
  top: 8px;
  z-index: 1;
  left: 0;
  right: inherit; }
.divTable .objectivesFilter {
  margin-right: 152px; }

.divTable.myTasksTable .tableRow .mainContent .updateShortcut {
  margin-left: 1px;
  margin-top: 5px;
  cursor: pointer; }
.divTable.myTasksTable .tableRow .mainContent div.info.milestoneInfo {
  text-align: inherit; }
.divTable.myTasksTable .tableRow.milestoneRow .showMoreOrLessContainer {
  background-color: #EEEEEE; }
.divTable.myTasksTable .tableRow.milestoneRow ap-show-more .container.collapsedQuickShowMoreOrLess .inside .showMoreOrLessContainer {
  top: 20px; }
.divTable.myTasksTable .tableRow.milestoneRow ap-show-more .container.collapsedQuickShowMoreOrLess .inside .quick {
  max-height: 2.7em; }
.divTable.myTasksTable .tableRow.milestoneRow .mainContent div.info.milestoneInfo .milestone-info {
  display: none; }
.divTable.myTasksTable .tableRow.milestoneRow .latestUpdateUserBox {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px; }
.divTable.myTasksTable .tableRow.milestoneRow .latestStatusIndicator {
  border-radius: 50%;
  vertical-align: top; }
.divTable.myTasksTable .tableRow.taskRow ap-show-more .container.collapsedQuickShowMoreOrLess .inside .showMoreOrLessContainer {
  top: 18px; }
.divTable.myTasksTable .tableRow.taskRow ap-show-more .container.collapsedQuickShowMoreOrLess .inside .quick {
  max-height: 2.7em; }
.divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine .generic-icon, .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine ap-comment .comment-button, ap-comment .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine .comment-button, .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine ap-task-quick-edit .comment-button, ap-task-quick-edit .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine .comment-button, .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine ap-task-quick-add .comment-button, ap-task-quick-add .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine .comment-button {
  vertical-align: baseline;
  margin-top: 0; }
  .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine .generic-icon:after, .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine ap-comment .comment-button:after, ap-comment .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine .comment-button:after, .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine ap-task-quick-edit .comment-button:after, ap-task-quick-edit .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine .comment-button:after, .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine ap-task-quick-add .comment-button:after, ap-task-quick-add .divTable.myTasksTable .tableRow.taskRow .mainContent .parentNameLine .comment-button:after {
    top: 0.125em; }
.divTable.myTasksTable .weekRow:not(:first-of-type) > .tableRow {
  border-top: 1px solid #DDD; }
.divTable.myTasksTable .weekRow .mainContent div.info {
  font-size: 10px; }
.divTable.myTasksTable .tableAboveHeader {
  padding: 12px 0 8px 0;
  position: relative;
  min-height: 20px; }
  .divTable.myTasksTable .tableAboveHeader .listViewHeader {
    padding-top: 1px;
    margin-left: 0; }
    .divTable.myTasksTable .tableAboveHeader .listViewHeader .myRoles {
      margin-left: 20px;
      position: relative;
      top: -1px; }
    .divTable.myTasksTable .tableAboveHeader .listViewHeader .homeControls {
      position: relative;
      right: 0;
      vertical-align: top;
      width: inherit;
      margin-left: 20px;
      height: 24px;
      line-height: 24px; }
      .divTable.myTasksTable .tableAboveHeader .listViewHeader .homeControls.controlsPast {
        width: 180px; }
      .divTable.myTasksTable .tableAboveHeader .listViewHeader .homeControls .filterTimespan {
        position: relative; }
      .divTable.myTasksTable .tableAboveHeader .listViewHeader .homeControls .chosen-container-single {
        top: 0; }
      .divTable.myTasksTable .tableAboveHeader .listViewHeader .homeControls label.nextFilter {
        display: inline-block;
        vertical-align: top;
        height: 24px;
        line-height: 24px; }
      .divTable.myTasksTable .tableAboveHeader .listViewHeader .homeControls ap-time-filter > div {
        display: inline-block;
        height: 24px;
        vertical-align: top; }
.divTable.myTasksTable .singleLine.collapsedSingleLine {
  padding-bottom: 1px; }
.divTable.myTasksTable .parentAlignment {
  margin-left: 6px; }
.divTable.myTasksTable .expander-two-colors {
  top: -7px; }
.divTable.myTasksTable .onlyTaskRows .tableRow > div:not(.mainContent).tableNameCell, .divTable.myTasksTable .onlyTaskRows .tableRow .mainContent > div.tableNameCell, .divTable.myTasksTable .onlyTaskRows .tableRow div.line > div.tableNameCell {
  width: 558px; }
  .divTable.myTasksTable .onlyTaskRows .tableRow > div:not(.mainContent).tableNameCell .box-width-0, .divTable.myTasksTable .onlyTaskRows .tableRow .mainContent > div.tableNameCell .box-width-0, .divTable.myTasksTable .onlyTaskRows .tableRow div.line > div.tableNameCell .box-width-0 {
    width: 421px; }
.divTable.myTasksTable .onlyTaskRows .tableRow > div:not(.mainContent).tablePlanCell, .divTable.myTasksTable .onlyTaskRows .tableRow .mainContent > div.tablePlanCell, .divTable.myTasksTable .onlyTaskRows .tableRow div.line > div.tablePlanCell {
  display: none; }
.divTable.myTasksTable .milestoneStatusBox {
  padding-top: 8px; }

.divTable.actionViewTable .tableBody {
  border-radius: 0; }
.divTable.actionViewTable .tableRow.milestoneRow .latestUpdateUserBox {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px; }
.divTable.actionViewTable .tableRow.milestoneRow .latestStatusIndicator {
  border-radius: 50%;
  vertical-align: top; }
.divTable.actionViewTable .tableRow.taskRow .controls-box .controls-link {
  background-image: url(/images/icons/controls.svg); }
.divTable.actionViewTable .taskRows.actionTasks .tableRow.taskRow .mainContent {
  background-color: white; }
.divTable.actionViewTable .weekRow:not(:first-of-type) > .tableRow {
  border-top: 1px solid #DDD; }

.roadMapOverview .tagFilterPopup > .fu:nth-of-type(2) {
  margin-right: 2px; }

.totalOverview .businessmap-name {
  width: 100%;
  flex-flow: wrap;
  display: flex;
  position: absolute;
  top: 53px;
  text-transform: uppercase;
  color: #999;
  font-size: 11px;
  margin-left: 1px; }

.action-privacy-wrapper {
  margin-top: 12px; }
  .action-privacy-wrapper .hidden-radio + span {
    padding-left: 10px;
    padding-right: 10px;
    width: 79px; }

#display-action-supporter-invitation {
  border: 0; }
  #display-action-supporter-invitation .generic-icon, #display-action-supporter-invitation ap-comment .comment-button, ap-comment #display-action-supporter-invitation .comment-button, #display-action-supporter-invitation ap-task-quick-edit .comment-button, ap-task-quick-edit #display-action-supporter-invitation .comment-button, #display-action-supporter-invitation ap-task-quick-add .comment-button, ap-task-quick-add #display-action-supporter-invitation .comment-button {
    margin-top: 4px; }
  #display-action-supporter-invitation td {
    padding-left: 0;
    border-top: 1px solid #EEEEEE; }
    #display-action-supporter-invitation td:nth-of-type(1) {
      width: 16px;
      padding-right: 6px; }
    #display-action-supporter-invitation td:nth-of-type(2) {
      width: 348px;
      font-size: 18px; }
    #display-action-supporter-invitation td:nth-of-type(3) {
      font-size: 16px; }
      #display-action-supporter-invitation td:nth-of-type(3) .light_color {
        color: grey;
        font-weight: 300; }
      #display-action-supporter-invitation td:nth-of-type(3) > span:first-of-type {
        content: '';
        display: inline-block;
        height: 16px;
        width: 16px;
        top: 3px;
        position: relative; }
        #display-action-supporter-invitation td:nth-of-type(3) > span:first-of-type:after {
          position: absolute;
          top: 0;
          left: 0;
          content: ' ';
          width: 32px;
          height: 32px;
          display: inline-block;
          background-size: 32px 32px;
          background-position: 0 0; }
        #display-action-supporter-invitation td:nth-of-type(3) > span:first-of-type:after {
          background-image: url(/images/icons/roles/supporter-simple.svg); }
    #display-action-supporter-invitation td:nth-of-type(4) {
      width: 14px; }
  #display-action-supporter-invitation .removeSupporterInvitation {
    color: #E83B83;
    font-size: 12px; }
    #display-action-supporter-invitation .removeSupporterInvitation:hover {
      text-decoration: underline;
      cursor: pointer; }

#feedback-requirement-list {
  padding: 0 13px 13px;
  background-color: #EEEEEE; }
  #feedback-requirement-list .table-toolbar {
    margin-top: 0;
    border-bottom: 1px solid #EEEEEE; }
  #feedback-requirement-list td {
    border-bottom: 1px solid #EEEEEE; }
    #feedback-requirement-list td:nth-of-type(1) {
      width: 17px; }
      #feedback-requirement-list td:nth-of-type(1) label {
        position: relative;
        top: 4px; }
    #feedback-requirement-list td:nth-of-type(2) {
      width: 20px;
      padding-top: 12px; }
    #feedback-requirement-list td:nth-of-type(3) {
      width: 51px; }
    #feedback-requirement-list td:nth-of-type(4) {
      padding-top: 14px; }
    #feedback-requirement-list td:nth-of-type(5) {
      width: 14px;
      padding-top: 16px; }

.kpiRow td {
  border-top: 1px solid #EEEEEE; }
  .kpiRow td:nth-of-type(1) {
    width: 17px; }
    .kpiRow td:nth-of-type(1) label {
      position: relative;
      top: 4px; }
  .kpiRow td:nth-of-type(2) {
    width: 20px;
    padding-top: 12px; }
  .kpiRow td:nth-of-type(3) {
    padding-top: 12px; }
  .kpiRow td:nth-of-type(4), .kpiRow td:nth-of-type(5), .kpiRow td:nth-of-type(6) {
    padding-bottom: 3px;
    padding-top: 8px; }
    .kpiRow td:nth-of-type(4) .small, .kpiRow td:nth-of-type(5) .small, .kpiRow td:nth-of-type(6) .small {
      margin-top: -2px; }
  .kpiRow td:nth-of-type(7) {
    width: 14px;
    padding-top: 14px; }

.submit-button-right {
  margin: 20px 0 0 25px !important; }

.submit-button-right .submitpanel {
  margin: 20px 0 0 25px !important; }

.header-position {
  display: flex;
  justify-content: space-between; }

.header-position .submit-button-right {
  margin: 0 0 0 25px !important; }

.header-position .submit-button-right .submitpanel {
  margin: 20px 0 0 25px !important; }

#submitpanel.edit-submit-button {
  margin: 14px 0 0 25px !important; }

.margin-none {
  margin-top: 0 !important; }

.header-position .form-header-margin-top {
  margin: -6px -25px 0 25px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

#submitpanel.copy-submit-button {
  margin: -6px -25px 0 25px !important; }

#editaction_form .ini_details__overview_table__holder, #createForm .ini_details__overview_table__holder, #copyForm .ini_details__overview_table__holder {
  border: 1px solid #D2D2D2; }

#feedbackView {
  /*.collapsor-placeholder {
    display: inline-block;
    width: 22px;
  }*/ }
  #feedbackView .treeName {
    display: inline-block; }
  #feedbackView .ico_smile {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; }
  #feedbackView .ico_smile.good {
    background-image: url("/images/icons/smileys/smiley-green.svg"); }
  #feedbackView .ico_smile.average {
    background-image: url("/images/icons/smileys/smiley-yellow.svg"); }
  #feedbackView .ico_smile.bad {
    background-image: url("/images/icons/smileys/smiley-red.svg"); }
  #feedbackView .feedbackViewCell {
    width: 150px;
    display: inline-block;
    word-wrap: break-word; }
    #feedbackView .feedbackViewCell.header {
      font-weight: 500; }

ap-list {
  min-height: 20px;
  margin-bottom: 10px;
  border-radius: 7px;
  border: 1px solid #cdcdcd;
  display: block;
  background-color: #ffffff; }
  ap-list .columnIcon {
    width: 50px; }
  ap-list .columnWeek {
    width: 50px;
    font-size: 20px;
    font-weight: 300; }
  ap-list .columnProfile {
    width: 60px; }
  ap-list .columnName {
    width: 422px;
    min-width: 422px; }
  ap-list .columnStartDate {
    width: 90px;
    min-width: 90px; }
  ap-list.milestones .shortName .columnName {
    width: 332px;
    min-width: 332px; }
  ap-list .columnStartDate, ap-list .columnDueDate {
    width: 109px;
    min-width: 90px;
    text-align: center; }
  ap-list .columnActions {
    width: 110px; }
  ap-list .columnFeedback {
    width: 200px; }
  ap-list .columnQuickButtons {
    position: absolute;
    right: 146px;
    width: 116px;
    top: 18px; }
  ap-list .columnPerformance {
    width: 117px;
    min-width: 117px;
    padding-left: 5px;
    padding-right: 25px;
    max-width: 120px;
    overflow: hidden; }
  ap-list.focusareas .columnName {
    width: 540px; }
  ap-list.tasks .columnName {
    width: 510px; }
  ap-list.tasks .columnFeedback {
    width: 210px; }
  ap-list.tasks .columnBestPractice {
    color: #ACACAC;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding-right: 0; }
  ap-list.tasks .columnImportance {
    width: 80px; }
  ap-list.tasks .columnPurpose {
    width: 90px; }
  ap-list.tasks .columnDuration {
    width: 70px; }
  ap-list .modern-date .modern-date-text {
    width: 22px; }
  ap-list .columnBestPractices {
    width: 240px;
    margin-top: 1px; }
    ap-list .columnBestPractices .task-best-practice {
      display: inline-block;
      vertical-align: top; }
  ap-list .remove-duration {
    left: 820px;
    top: 15px; }
  ap-list .remove-purpose {
    top: -6px; }
  ap-list .remove-importance {
    top: -8px;
    left: 16px; }

.listViewList {
  margin-bottom: 0px; }
  .listViewList .favorite-link {
    width: 14px;
    height: 14px;
    background-size: 14px; }

.listViewHeader {
  display: flex;
  align-items: center;
  height: 55px;
  cursor: pointer; }
  .listViewHeader .task-info-collapsor {
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    position: relative;
    border: 1px solid #C6C6C5;
    border-radius: 4px;
    cursor: pointer; }
    .listViewHeader .task-info-collapsor::after {
      position: absolute;
      top: 3px;
      left: 6px;
      content: ' ';
      width: 15px;
      height: 15px;
      display: inline-block;
      background-size: 20px 20px;
      background-position: 0 0;
      background-image: url(/images/icons/open3-viewbox.svg); }
    .listViewHeader .task-info-collapsor.active {
      border: 1px solid #ffe4ee; }
      .listViewHeader .task-info-collapsor.active::after {
        background-image: url(/images/icons/collapse3-viewbox.svg);
        left: 3px;
        top: 6px; }
  .listViewHeader .header-icon {
    width: 50px;
    text-align: center; }
  .listViewHeader .header-title {
    width: 800px;
    font-size: 18px;
    line-height: 19px;
    font-weight: 400;
    position: relative;
    bottom: 0px;
    color: #2f3941;
    display: flex;
    align-items: center; }
    .listViewHeader .header-title .outstandings-back-ground {
      background: #e83b83;
      color: white;
      margin-top: 3px;
      font-size: 13px;
      margin-bottom: 12px;
      height: 16px;
      display: inline-block;
      padding: 1px 6px 3px 6px;
      max-width: 30px;
      border-radius: 13px; }
  .listViewHeader .header-options {
    width: 200px; }
  .listViewHeader .header-collapsor {
    width: 30px; }
  .listViewHeader .listCount {
    font-size: 22px;
    color: #6583c1;
    padding-left: 4px; }
  .listViewHeader .task-info-collapsor {
    float: right; }
  .listViewHeader .default-cursor {
    cursor: default; }
  .listViewHeader .item-icon {
    width: 20px;
    height: 20px; }
    .listViewHeader .item-icon:after {
      background-size: 40px 40px;
      width: 40px;
      height: 40px;
      content: ' '; }
    .listViewHeader .item-icon.icon-businessmap:after {
      background-image: url("/images/icons/businessmap-grey-viewbox.svg"); }
    .listViewHeader .item-icon.icon-focusarea:after {
      background-image: url("/images/icons/focusarea-grey.svg"); }
    .listViewHeader .item-icon.icon-action:after {
      background-image: url("/images/icons/action-ltgrey.svg"); }
    .listViewHeader .item-icon.icon-draft:after {
      background-image: url("/images/icons/draft-ltgrey.svg"); }
    .listViewHeader .item-icon.icon-milestone:after {
      background-image: url("/images/icons/milestone-grey_priority1.svg"); }
    .listViewHeader .item-icon.icon-task:after {
      background-image: url("/images/icons/task-grey.svg"); }
    .listViewHeader .item-icon.icon-meeting:after {
      background-image: url("/images/icons/meeting-grey.svg"); }
    .listViewHeader .item-icon.icon-team-meeting:after {
      background-image: url("/images/icons/team-meeting-grey.svg"); }
    .listViewHeader .item-icon.icon-meeting-lt:after {
      background-image: url("/images/icons/meeting-ltgrey.svg"); }
    .listViewHeader .item-icon.icon-team-meeting-lt:after {
      background-image: url("/images/icons/team-meeting-ltgrey.svg"); }
  .listViewHeader .item-icon {
    display: inline-block;
    vertical-align: middle; }
    .listViewHeader .item-icon:after {
      display: inline-block; }
    .listViewHeader .item-icon.icon-focusarea:after {
      background-image: url("/images/icons/focusarea-pink.svg"); }
    .listViewHeader .item-icon.icon-action:after {
      background-image: url("/images/icons/action-pink.svg"); }
    .listViewHeader .item-icon.icon-milestone:after {
      background-image: url("/images/icons/milestone-pink.svg"); }
    .listViewHeader .item-icon.icon-task:after {
      background-image: url("/images/icons/task-pink-new.svg"); }
    .listViewHeader .item-icon.icon-topic:after {
      background-image: url("/images/icons/topic-pink.svg"); }
    .listViewHeader .item-icon.icon-meeting:after {
      background-image: url("/images/icons/meeting-pink.svg"); }
    .listViewHeader .item-icon.icon-team-meeting:after {
      background-image: url("/images/icons/team-meeting-pink.svg"); }

.listHeadline {
  background: linear-gradient(to bottom, #f7f7f7 0%, white 100%);
  background-origin: padding-box;
  border: none;
  display: block;
  filter: none;
  min-height: 20px;
  position: relative; }
  .listHeadline div {
    align-items: center;
    color: black;
    display: inline-block;
    height: 14px;
    padding-top: 3px; }
    .listHeadline div span {
      font-family: "Graphik Web";
      font-size: 10px;
      font-weight: 400;
      color: #acacac;
      position: relative;
      cursor: pointer;
      left: -6px; }
      .listHeadline div span::after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        display: inline;
        color: #9D9C9C;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        right: -30px;
        top: 2px; }
      .listHeadline div span.activeDesc::after {
        background-image: url(/images/icons/arrow-down-viewbox.svg); }
      .listHeadline div span.active::after {
        background-image: url(/images/icons/arrow-up-viewbox.svg); }

.tableRow:first-child .listViewRow {
  border-top: none; }

.listViewRow {
  display: flex;
  border-top: 1px solid #e2e1e1;
  align-items: flex-start;
  padding: 9px 15px 9px 0; }
  .listViewRow > div {
    display: inline-block; }
  .listViewRow .columnIcon {
    text-align: center; }
    .listViewRow .columnIcon .item-icon {
      width: 20px;
      height: 20px;
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .listViewRow .columnIcon .item-icon::before {
        position: absolute;
        background-size: 40px 40px;
        width: 24px;
        height: 24px;
        background-image: url(/images/icons/action-grey.svg);
        display: inline-block;
        content: '';
        top: 0;
        left: 0; }
      .listViewRow .columnIcon .item-icon.meeting:before {
        background-image: url(/images/icons/meeting-grey.svg); }
      .listViewRow .columnIcon .item-icon.team-meeting:before {
        background-image: url(/images/icons/team-meeting-grey.svg); }
      .listViewRow .columnIcon .item-icon .milestone::before {
        top: -2;
        left: -2; }
      .listViewRow .columnIcon .item-icon .item-priority {
        position: relative;
        left: -1px; }
        .listViewRow .columnIcon .item-icon .item-priority:before {
          position: absolute;
          background-size: 20px 20px;
          width: 20px;
          height: 20px;
          background-image: url(/images/icons/priority-icon-pink.svg);
          display: inline-block;
          content: '';
          top: -3px;
          left: 1px;
          z-index: 1; }
      .listViewRow .columnIcon .item-icon .item-private {
        position: relative;
        left: -1px; }
        .listViewRow .columnIcon .item-icon .item-private:after {
          position: absolute;
          background-size: 19px 19px;
          width: 19px;
          height: 19px;
          background-image: url(/images/icons/privacy-icon-pink.svg);
          display: inline-block;
          content: '';
          left: 2px;
          top: 10px;
          z-index: 1; }
      .listViewRow .columnIcon .item-icon.sub-action::before {
        background-image: url(/images/icons/subaction-grey-v3.svg); }
      .listViewRow .columnIcon .item-icon.milestone::before {
        background-image: url(/images/icons/milestone-grey.svg);
        left: 2px; }
      .listViewRow .columnIcon .item-icon.draft-action:before, .listViewRow .columnIcon .item-icon.draft-action.sub-action:before {
        background-image: url(/images/icons/draft-grey-viewbox-bold.svg); }
      .listViewRow .columnIcon .item-icon.pending-action:before, .listViewRow .columnIcon .item-icon.pending-action.sub-action:before {
        background-image: url(/images/icons/pending-grey-viewbox.svg); }
      .listViewRow .columnIcon .item-icon.task {
        width: 20px;
        height: 20px;
        margin-top: -2px; }
        .listViewRow .columnIcon .item-icon.task:before {
          background-image: url(/images/icons/task-grey-full.svg); }
      .listViewRow .columnIcon .item-icon.topic {
        width: 20px;
        height: 20px;
        margin-top: -2px; }
        .listViewRow .columnIcon .item-icon.topic:before {
          background-image: url(/images/icons/topic.svg); }
      .listViewRow .columnIcon .item-icon.focusarea::before {
        background-image: url(/images/icons/focusarea-grey.svg);
        margin-top: 0; }
    .listViewRow .columnIcon .item-icon {
      margin-top: 12px; }
      .listViewRow .columnIcon .item-icon.task {
        margin-top: 12px; }
      .listViewRow .columnIcon .item-icon.topic {
        margin-top: 12px; }
      .listViewRow .columnIcon .item-icon:before {
        background-size: 35px 35px; }
  .listViewRow .button {
    width: 100px;
    height: 25px;
    line-height: 23px;
    margin-left: 9px;
    margin-top: 8px; }
    .listViewRow .button .text {
      font-size: 10px;
      font-weight: 400; }
  .listViewRow .divTable {
    margin-bottom: 0px; }
  .listViewRow .taskFile {
    float: left;
    margin-top: 2px;
    margin-right: 2px; }
    .listViewRow .taskFile .hoverBox {
      position: static; }
  .listViewRow .private_task_italic {
    font-style: italic; }
  .listViewRow .columnPerformance .progressKpiWrapper {
    width: 130px; }
    .listViewRow .columnPerformance .progressKpiWrapper .stopwatch {
      width: 65px;
      border-top: 1px solid #e2e1e1;
      background-color: white;
      position: relative;
      height: 40px;
      border-radius: 5px 0px 0px 5px;
      flex-direction: column; }
      .listViewRow .columnPerformance .progressKpiWrapper .stopwatch span {
        width: calc(100% - 24px);
        display: inline-block;
        margin-left: 24px; }
      .listViewRow .columnPerformance .progressKpiWrapper .stopwatch:after {
        width: 30px;
        height: 30px;
        display: inline-block;
        top: 2px; }
      .listViewRow .columnPerformance .progressKpiWrapper .stopwatch:before {
        display: none; }
      .listViewRow .columnPerformance .progressKpiWrapper .stopwatch .day-left {
        color: #ccc;
        font-size: 10px;
        margin: 0; }
    .listViewRow .columnPerformance .progressKpiWrapper .speed {
      position: relative;
      height: 20px;
      width: 65px;
      display: flex;
      justify-content: center;
      padding-left: 12px;
      border: 1px solid #e6e6e6;
      border-radius: 0px 0px 5px;
      box-sizing: border-box; }
      .listViewRow .columnPerformance .progressKpiWrapper .speed.progress_ok:after {
        background-image: url("/images/icons/performance-indicator-green-bottom-viewbox.svg"); }
      .listViewRow .columnPerformance .progressKpiWrapper .speed:after {
        top: -3px;
        left: 6px !important;
        background-image: url("/images/icons/performance-indicator-red-bottom-viewbox.svg");
        position: absolute;
        content: ' ';
        width: 28px;
        height: 28px;
        display: inline-block;
        background-size: 29px 29px;
        background-position: 0px 1px;
        background-repeat: no-repeat; }
      .listViewRow .columnPerformance .progressKpiWrapper .speed:before {
        display: none; }
  .listViewRow .columnPerformance .progressCellInnerWrapper {
    width: 65px;
    border-radius: 0px 5px 5px 0px; }
  .listViewRow .columnPerformance .speed {
    width: 65px;
    font-weight: 400;
    font-size: 12px;
    border: 1px none;
    border-radius: 5px 0px 0px 5px; }
  .listViewRow .columnPerformance .target {
    border-color: #e6e6e6;
    font-weight: 400;
    font-size: 12px;
    width: 65px;
    height: 100%;
    background-color: #ffffff; }
    .listViewRow .columnPerformance .target > span {
      color: #acacac; }
  .listViewRow .iniNameBox ap-relation-line .parentAlignment a {
    font-size: 9px;
    color: #ACACAC; }
  .listViewRow .calendar-placeholder {
    margin-top: 11px; }

ap-list .divTable .tableRow .mainContent {
  padding: 9px 15px 6px 0;
  height: 60px;
  width: 100%;
  border-top: 1px solid #e2e1e1;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  ap-list .divTable .tableRow .mainContent > div {
    padding: 0px; }

.button {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 34px;
  width: 176px;
  text-align: center;
  background: #e2e1e1;
  color: #fff;
  border: 1px solid #e2e1e1;
  transition: .3s;
  border-radius: 50px;
  cursor: pointer;
  box-sizing: border-box;
  margin-left: 25px; }

.button:hover {
  background: #fff;
  color: #e2e1e1; }

.button .text {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 16px;
  margin-left: 3px;
  font-weight: 400; }

.button-givefeedback {
  background: #e93b83;
  color: #fff;
  border: 1px solid #e93b83; }
  .button-givefeedback.disabled {
    background: #e2e1e1;
    color: #fff;
    border: 1px solid #e2e1e1;
    cursor: default; }

.button-givefeedback:hover {
  color: #E93B83;
  background: #fff; }
  .button-givefeedback:hover.disabled {
    background: #e2e1e1;
    color: #fff;
    cursor: default; }

.button-complete {
  background: #fff;
  color: #525252;
  border: 1px solid #DDD; }
  .button-complete:hover {
    color: #fff;
    background: #303030;
    border-color: #303030; }
  .button-complete.completed {
    color: #fff;
    background: #303030;
    border-color: #303030; }
    .button-complete.completed:hover {
      background: #fff;
      color: #525252;
      border: 1px solid #DDD; }

.button-comment {
  background: #71d33f;
  border: 1px solid #71d33f; }
  .button-comment:hover {
    color: #71d33f;
    background: #ffffff; }

.listContentWrapper-out {
  width: 1160px;
  overflow: hidden; }

.listContentWrapper {
  height: 100%;
  max-height: 625px;
  padding-right: 17px;
  box-sizing: content-box;
  width: 100%;
  overflow-y: scroll; }
  .listContentWrapper .tableRow {
    top: 4px; }

ap-list-view .tableRow {
  width: 1093px; }

.controls-options-list {
  overflow: hidden; }

.tableProgressCell .progressNoKpiWrapper .stopwatch {
  width: 68px;
  flex-direction: column; }
  .tableProgressCell .progressNoKpiWrapper .stopwatch:after {
    width: 30px;
    height: 30px;
    display: inline-block;
    top: 3px; }
  .tableProgressCell .progressNoKpiWrapper .stopwatch .day-left {
    color: #ccc;
    font-size: 10px;
    margin: 0; }

.tableProgressCell .target:after {
  top: 13px; }

.ini_details__item__progress .progress {
  width: 48px;
  height: 38px; }

ap-list-view .globalFilterWrapper {
  position: fixed;
  width: 1095px;
  z-index: 25; }
  ap-list-view .globalFilterWrapper .filters__button {
    display: inline-block;
    position: absolute;
    right: 4px;
    top: -43px; }
ap-list-view ap-menu .bulk_option__button {
  margin-top: 1px; }

.listShowCompleted {
  cursor: pointer;
  display: inline-block; }

.listShowCompletedIcon {
  width: 16px;
  height: 16px;
  background-image: url(/images/icons/icons-unchecked-tr.svg);
  background-size: 16px;
  display: inline-block;
  vertical-align: middle; }
  .listShowCompletedIcon.active {
    background-image: url(/images/icons/icons-checked-tr.svg); }

.listShowCompletedText {
  vertical-align: middle;
  margin-left: 8px;
  text-transform: uppercase; }

.list-view-page-filter#period-chooser.form-box {
  width: 500px; }
.list-view-page-filter .section-select {
  padding: 27px;
  background: url(/images/background_image.jpg) left top; }
.list-view-page-filter .section-headline {
  font-size: 12px; }
.list-view-page-filter .selector-wrapper {
  margin-top: 15px; }

.listViewList .actionRow .singleLine {
  word-break: normal; }
.listViewList .actionRow .copy-link-icon.link-inline {
  font-size: 16px; }

.list_view_milestones .singleLine {
  word-break: normal; }

.created-date {
  margin-left: 9px;
  margin-top: 6px;
  text-align: center;
  color: #ACACAC; }

.created-hover {
  cursor: default; }

.list_view_milestones .actions__comment__holder {
  padding-left: 107px; }
.list_view_milestones .new-comment-placeholder .comment-line {
  width: 652px; }
.list_view_milestones .comment-main {
  width: 722px; }
.list_view_milestones .comment__user_content__container .comment_holder {
  max-width: 670px;
  width: 670px; }
.list_view_milestones .comment__user_content__footer .footer-left {
  width: 469px; }
.list_view_milestones .listViewList .comment-width {
  width: 670px; }

.list_view_tasks .actions__comment__holder {
  padding-left: 289px; }
.list_view_tasks .new-comment-placeholder .comment-line {
  width: 620px; }
.list_view_tasks .comment-main {
  width: 690px; }
.list_view_tasks .comment__user_content__container .comment_holder {
  max-width: 637px;
  width: 637px; }
.list_view_tasks .comment__user_content__footer .footer-left {
  width: 436px; }
.list_view_tasks .listViewList .comment-width {
  width: 638px; }

.list_view_actions .new-comment-placeholder .comment-line {
  width: 650px; }
.list_view_actions .comment-main {
  width: 720px; }
.list_view_actions .comment__user_content__container .comment_holder {
  max-width: 668px;
  width: 668px; }
.list_view_actions .comment__user_content__footer .footer-left {
  width: 467px; }
.list_view_actions .listViewList .comment-width {
  width: 668px; }

ap-gantt-view .globalFilterWrapper, ap-overview-gantt-view .globalFilterWrapper, ap-roadmap-gantt-view .globalFilterWrapper, ap-roadmap-table-view .globalFilterWrapper {
  position: fixed;
  top: 80px;
  z-index: 25;
  font-size: 11px; }
  ap-gantt-view .globalFilterWrapper .filters__button, ap-overview-gantt-view .globalFilterWrapper .filters__button, ap-roadmap-gantt-view .globalFilterWrapper .filters__button, ap-roadmap-table-view .globalFilterWrapper .filters__button {
    position: relative;
    left: 1035px;
    top: 9px; }

ap-overview-gantt-view .empty-gantt-view-placeholder, ap-roadmap-gantt-view .empty-gantt-view-placeholder {
  background-color: white;
  text-align: center;
  padding: 20px;
  font-size: 12px;
  border-radius: 7px;
  border: 1px solid #DDD; }

#roadmapTableView {
  border-radius: 7px;
  background-color: white;
  border: 1px solid #DDD; }
  #roadmapTableView .table-view-wrapper .table-view-header {
    margin-top: 45px;
    border-top: 1px solid #DDD; }
    #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics {
      display: flex; }
  #roadmapTableView .table-view-wrapper .table-view-data-row {
    border-top: 1px solid #DDD;
    min-height: 42px; }
    #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics {
      display: block; }
  #roadmapTableView .table-view-wrapper .table-view-header, #roadmapTableView .table-view-wrapper .table-view-data-row {
    display: flex;
    flex-wrap: wrap; }
    #roadmapTableView .table-view-wrapper .table-view-header .col, #roadmapTableView .table-view-wrapper .table-view-data-row .col {
      border-right: 1px solid #DDD;
      padding: 8px 12px;
      display: flex;
      align-items: start; }
      #roadmapTableView .table-view-wrapper .table-view-header .col h3, #roadmapTableView .table-view-wrapper .table-view-data-row .col h3 {
        font-size: 10px;
        margin: 0;
        font-weight: 500;
        color: #121212; }
      #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap {
        width: 250px;
        position: relative; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-title-wrap, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-title-wrap {
          margin: 4px 0;
          font-size: 12px; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-title-wrap ap-single-line, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-title-wrap ap-single-line {
            display: inline-block;
            width: calc(100% - 30px);
            vertical-align: top; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-title-wrap ap-single-line:hover + .tableview-longname-tooltip, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-title-wrap ap-single-line:hover + .tableview-longname-tooltip {
              display: block; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-title-wrap ap-single-line .less-collapsor, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-title-wrap ap-single-line .less-collapsor {
              display: none; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-title-wrap ap-single-line .taskNameFrontend, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-title-wrap ap-single-line .taskNameFrontend {
              word-break: break-word; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-icon, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-icon {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          width: 20px;
          height: 16px; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-icon:after, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-icon:after {
            background-size: 30px 30px;
            width: 30px;
            height: 30px;
            content: '';
            position: absolute; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-icon.icon-focusarea:after, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-icon.icon-focusarea:after {
            background-image: url(/images/icons/focusarea-grey.svg); }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-icon.icon-action:after, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-icon.icon-action:after {
            background-image: url(/images/icons/action-ltgrey.svg); }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-icon.icon-action.icon-meeting:after, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-icon.icon-action.icon-meeting:after {
            background-image: url(/images/icons/meeting-grey.svg); }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-icon.icon-action.icon-team-meeting:after, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-icon.icon-action.icon-team-meeting:after {
            background-image: url(/images/icons/team-meeting-grey.svg); }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-roadmap .item-icon .icon-privacy, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-roadmap .item-icon .icon-privacy {
            position: absolute;
            background-size: 19px 19px;
            width: 19px;
            height: 19px;
            background-image: url(/images/icons/privacy-icon-pink.svg);
            display: inline-block;
            content: '';
            left: 9px;
            top: 7px;
            z-index: 1; }
      #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback {
        width: 36%;
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        border-right: 0; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback h3, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback h3 {
          margin-left: 15px; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top {
          flex-direction: row;
          justify-content: space-between;
          padding-left: 12px;
          width: calc(100% - 12px); }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .latest-feedback-color, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .latest-feedback-color {
            position: absolute;
            width: 12px;
            height: 100%;
            left: 0;
            top: 0; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.green, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.green {
              background: #58B947; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.red, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.red {
              background: #E62E2C; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.blue, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.blue {
              background: #5384C3; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.yellow, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.yellow {
              background: #FFE601; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.grey, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.grey {
              background: #C6C6C5; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.white, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.white {
              background: #fff;
              border-right: 1px solid #DDD;
              box-sizing: border-box; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.black, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .latest-feedback-color.black {
              background: #000; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line {
            font-weight: 400;
            font-size: 15px;
            color: #121212; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedbackInfo, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedbackInfo {
              flex-flow: row;
              white-space: nowrap; }
              #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedbackInfo .date_wrapper, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedbackInfo .date_wrapper {
                display: flex;
                flex-flow: row;
                white-space: nowrap;
                overflow: hidden;
                padding-right: 0;
                margin-right: 15px;
                width: calc(100% - 40px); }
                #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedbackInfo .date_wrapper ap-time-remaining, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedbackInfo .date_wrapper ap-time-remaining {
                  display: inline-block;
                  width: auto;
                  max-width: 30%;
                  vertical-align: top; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .latestFeedbackText, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .latestFeedbackText {
              padding-right: 5px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedback_author, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedback_author {
              display: inline-flex;
              width: calc(100% - 45px);
              color: #acacac;
              font-weight: 400;
              font-size: 12px;
              padding-left: 3px;
              display: inline-flex; }
              #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedback_author:hover + .tableview-longname-tooltip, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedback_author:hover + .tableview-longname-tooltip {
                display: block; }
              #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedback_author span, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .feedback_author span {
                white-space: normal;
                width: 100%; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .status, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-top .info_holder__top_line .status {
              color: #ddd; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-expanded-bottom-line, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-expanded-bottom-line {
          display: inline-block;
          height: 0;
          width: 807px;
          position: relative;
          left: 0;
          top: 34px;
          border-bottom: 1px solid #DDD; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom {
          padding-left: 12px;
          width: 772px; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .comment-text ul, #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .comment-text ol, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .comment-text ul, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .comment-text ol {
            margin-left: 10px;
            font-size: 12px; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder {
            margin-top: 20px;
            position: relative; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder.feedback-comment-status, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder.feedback-comment-status {
              margin-top: 28px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder.feedback-comment-milestones-button, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder.feedback-comment-milestones-button {
              margin-bottom: 8px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .comment-wrapper, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .comment-wrapper {
              display: inline-block; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .submitButton, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .submitButton {
              border-radius: 4px;
              font-size: 10px;
              height: 20px;
              min-width: 110px;
              font-weight: 300; }
              #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .submitButton.disable, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .submitButton.disable {
                background-color: grey;
                border: 1px solid #B7B7B7;
                pointer-events: none; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .title, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .title {
              font-weight: 500;
              text-transform: uppercase;
              font-size: 10px;
              color: #2F3941;
              display: inline-block;
              margin-bottom: 8px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count {
              color: #e83b83;
              font-size: 13px;
              margin-left: 8px; }
              #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count.hoverBox, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count.hoverBox {
                position: initial; }
                #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count.hoverBox .icon-attach-pin, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count.hoverBox .icon-attach-pin {
                  width: 13px;
                  height: 13px;
                  vertical-align: middle; }
                #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count.hoverBox a, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count.hoverBox a {
                  font-size: 13px;
                  margin: 3px 8px;
                  vertical-align: middle;
                  color: #555;
                  text-decoration: none; }
              #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox {
                min-width: calc(100% - 9px);
                width: max-content;
                max-width: 430px; }
                #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_list, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_list {
                  margin: 0; }
                #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item {
                  list-style: none;
                  display: flex;
                  align-items: center;
                  white-space: nowrap; }
                  #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__name, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__name {
                    margin: 0 5px;
                    padding: 5px 0;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden; }
                  #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__name_icon, #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date_icon, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__name_icon, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date_icon {
                    display: inline-block;
                    margin-right: 10px;
                    width: 18px;
                    height: 18px;
                    background-image: url(/images/icons/iconcheckinbox.svg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    vertical-align: middle;
                    position: relative; }
                    #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__name_icon.item-priority:before, #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date_icon.item-priority:before, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__name_icon.item-priority:before, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date_icon.item-priority:before {
                      position: absolute;
                      background-size: 22px 22px;
                      width: 22px;
                      height: 22px;
                      background-image: url(/images/icons/priority-icon.svg);
                      display: inline-block;
                      content: '';
                      top: -3px;
                      right: -15px;
                      z-index: 1; }
                    #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__name_icon.item-private:after, #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date_icon.item-private:after, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__name_icon.item-private:after, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date_icon.item-private:after {
                      position: absolute;
                      background-size: 22px 22px;
                      width: 22px;
                      height: 22px;
                      background-image: url(/images/icons/privacy-icon-pink.svg);
                      display: inline-block;
                      content: '';
                      bottom: -15px;
                      right: -15px;
                      z-index: 1; }
                  #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date_icon, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date_icon {
                    background-image: url(/images/icons/calendar-grey.svg); }
                  #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__user, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__user {
                    font-size: 11px;
                    margin: 0 5px;
                    width: 100px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden; }
                  #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__date {
                    font-size: 11px;
                    margin: 0 5px;
                    vertical-align: middle; }
                  #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__user_icon, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .coll_content__actions_item__user_icon {
                    display: inline-block;
                    margin-right: 5px;
                    width: 12px;
                    height: 10px;
                    background-image: url(/images/icons/responsible-pink_icon.svg);
                    background-repeat: no-repeat;
                    background-size: 100% 12px;
                    background-position: 0 0; }
                  #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .action-history-text-formate, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .item-count .tipHelpBox .coll_content__actions_item .action-history-text-formate {
                    font-size: 11px;
                    display: inline-block;
                    width: 150px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    vertical-align: middle;
                    margin-right: 8px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .text.comment-text, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .text.comment-text {
              padding: 10px;
              width: calc(100% - 20px);
              border-radius: 3px;
              background: #f9f9f9;
              margin-bottom: 20px;
              word-break: break-word; }
              #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .text.comment-text p, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .feedback-comment-holder .text.comment-text p {
                font-weight: 400;
                font-size: 12px;
                color: #121212;
                margin: 0; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .coll_content__kpi_holder, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .coll_content__kpi_holder {
            display: inline-block;
            margin-top: 5px; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .execution_status_kpi_detail, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .execution_status_kpi_detail {
            margin-bottom: 0;
            padding: 10px;
            width: calc(100% - 20px);
            min-width: 350px;
            border-radius: 3px;
            background: #f9f9f9; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .execution_status_kpi_detail thead th, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .execution_status_kpi_detail thead th {
              color: #ACACAC;
              font-size: 10px;
              text-transform: uppercase; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .execution_status_kpi_detail tbody td, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .execution_status_kpi_detail tbody td {
              font-weight: normal;
              color: #000; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-latest-feedback .latest-feedback-bottom .execution_status_kpi_detail tbody tr:not(:last-child) td, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-latest-feedback .latest-feedback-bottom .execution_status_kpi_detail tbody tr:not(:last-child) td {
              border-bottom: 1px solid #EEEEEE; }
      #roadmapTableView .table-view-wrapper .table-view-header .col.col-date, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-date {
        justify-content: center;
        width: 75px;
        padding: 8px 5px;
        height: 26px;
        border-left: 1px solid white; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-date.expanded, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-date.expanded {
          border-bottom: 1px solid #ddd; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-date.start, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-date.start {
          border-left: 1px solid lightgrey; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-date .item-date, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-date .item-date {
          font-size: 12px;
          margin: 4px 0; }
      #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics {
        width: 226px;
        height: 42px;
        border: none;
        padding: 0;
        justify-content: center;
        align-items: center; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics.expanded, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics.expanded {
          border-bottom: 1px solid #ddd; }
        #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 100%; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box {
            flex: 1;
            border-right: 1px solid #DDD;
            padding: 8px 8px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box:last-child, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box:last-child {
              border: none;
              text-align: center; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box:nth-child(2), #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box:nth-child(2) {
              flex: 1.2; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .focusarea-performance > span, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .focusarea-performance > span {
              position: relative;
              top: 17px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .focusarea-performance.red, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .focusarea-performance.red {
              margin-right: 4px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .focusarea-performance.green, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .focusarea-performance.green {
              margin-left: 4px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .perf-question-mark, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .perf-question-mark {
              display: inline-block;
              position: relative;
              font-size: 14px;
              top: -6px;
              margin-left: 5px;
              cursor: default; }
              #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .perf-question-mark.standalone, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .action_progress_box.performance__item__content .perf-question-mark.standalone {
                top: 5px; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .progress_percentage, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .progress_percentage {
            height: 25px;
            align-items: center; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .progress_percentage span, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .progress_percentage span {
              font-size: 12px;
              overflow: hidden;
              text-overflow: ellipsis;
              width: 32px;
              white-space: nowrap; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .progress_percentage::before, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .progress_percentage::before {
              content: '';
              width: 20px;
              height: 16px;
              top: 2px;
              left: -21px;
              background-size: 32px 32px;
              background-repeat: no-repeat; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .progress_percentage::after, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .progress_percentage::after {
              display: none; }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .stopwatch, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .stopwatch {
            border: none;
            position: relative;
            font-size: 14px;
            display: inline-flex;
            color: #5F8CC7; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .stopwatch.progress_percentage:before, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .stopwatch.progress_percentage:before {
              background-image: url(/images/icons/time-elapsed-viewbox.svg); }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .targetwatch, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .targetwatch {
            border: none;
            position: relative;
            font-size: 14px;
            display: inline-flex;
            color: #5F8CC7; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .targetwatch.progress_percentage:before, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .targetwatch.progress_percentage:before {
              background-image: url(/images/icons/target_facelift-viewbox.svg); }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .item__ico.perfomance, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .item__ico.perfomance {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .item__ico.perfomance.tableview-action-performance, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .item__ico.perfomance.tableview-action-performance {
              padding-top: 5px; }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .item__ico.perfomance.green, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .item__ico.perfomance.green {
              background-image: url(/images/icons/performance-indicator-green.svg); }
            #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .item__ico.perfomance.red, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .item__ico.perfomance.red {
              background-image: url(/images/icons/performance-indicator-red.svg); }
          #roadmapTableView .table-view-wrapper .table-view-header .col.col-metrics .metrics-wrapper.tableProgressCell .ini_status_latest_trend, #roadmapTableView .table-view-wrapper .table-view-data-row .col.col-metrics .metrics-wrapper.tableProgressCell .ini_status_latest_trend {
            top: 8px;
            width: 13px;
            margin: 0; }
    #roadmapTableView .table-view-wrapper .table-view-header .sub-item-level.break, #roadmapTableView .table-view-wrapper .table-view-data-row .sub-item-level.break {
      flex-basis: 100%; }
    #roadmapTableView .table-view-wrapper .table-view-header .history_expander, #roadmapTableView .table-view-wrapper .table-view-data-row .history_expander {
      border: 1px solid #d6d6d6;
      width: 16px;
      height: 16px;
      border-radius: 4px;
      background-repeat: no-repeat;
      position: absolute;
      right: 11px;
      top: 12px;
      cursor: pointer; }
      #roadmapTableView .table-view-wrapper .table-view-header .history_expander:after, #roadmapTableView .table-view-wrapper .table-view-data-row .history_expander:after {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-left: 1px solid #d6d6d6;
        border-bottom: 1px solid #d6d6d6;
        transform: rotate(225deg);
        position: relative;
        top: 5px;
        left: 3px; }
      #roadmapTableView .table-view-wrapper .table-view-header .history_expander.history_expanded, #roadmapTableView .table-view-wrapper .table-view-data-row .history_expander.history_expanded {
        border: 1px solid #ffc5dc; }
        #roadmapTableView .table-view-wrapper .table-view-header .history_expander.history_expanded:after, #roadmapTableView .table-view-wrapper .table-view-data-row .history_expander.history_expanded:after {
          border-left: 1px solid #E83B83;
          border-bottom: 1px solid #E83B83;
          transform: rotate(-45deg);
          left: 5px;
          top: 4px; }

ap-milestone-feedback-dialog .alignment_hoverbox .hover_controls {
  top: 25px; }
ap-milestone-feedback-dialog .actionHeaderBox__alignment_tree hover-title {
  display: inline-flex;
  align-items: center;
  width: calc(100% - 50px);
  justify-content: space-between; }
ap-milestone-feedback-dialog .ovw_filter_dir_status_holder {
  border-bottom: unset;
  padding: 0;
  margin-bottom: 10px; }
  ap-milestone-feedback-dialog .ovw_filter_dir_status_holder .filter_title {
    padding-right: 10px; }

.tableview-longname-tooltip {
  position: absolute;
  background: #292929;
  margin-left: 20px;
  top: -10px;
  color: white;
  padding: 3px 5px;
  white-space: nowrap;
  z-index: 10;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0 2px 8px 0 rgba(10, 10, 10, 0.2);
  display: none; }
  .tableview-longname-tooltip.table-view-author {
    margin-left: 70px; }

#roadmapTableView .kpi-comment {
  text-align: left;
  padding-left: 20px;
  padding-top: 0; }
#roadmapTableView .kpi-comment-headline {
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  color: #ACACAC;
  font-weight: 500;
  margin-bottom: 2px;
  margin-top: 2px;
  vertical-align: top; }
#roadmapTableView .kpi-comment-text {
  display: inline-block;
  list-style-position: inside;
  vertical-align: top; }
  #roadmapTableView .kpi-comment-text p {
    margin-bottom: 0; }

.businessmap_edit_button {
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  line-height: 24px;
  min-width: 70px;
  background: #ffffff;
  color: #cccccc;
  border: 1px solid #cccccc;
  transition: .3s;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 12px;
  margin-bottom: 5px; }

.nextBtn {
  float: right;
  margin-top: 30px; }

.start-date-move-checkbox-margin {
  margin-top: 5px;
  padding-bottom: 36px; }

.start-date-move-checkbox {
  vertical-align: middle;
  margin-left: 293px;
  margin-top: 14px; }

.start-date-move-checkbox-text {
  border-radius: 0 !important;
  border: none !important;
  color: #000000 !important;
  font-size: 11px !important; }

.start-date-move-no-checkbox {
  border-radius: 0 15px 15px 0;
  margin-left: -3px; }

.uidate {
  background-image: url(/images/icons/calendar_pick_date.svg) !important;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: 190px 10px;
  border-bottom: 1px solid #E6E6E6 !important;
  color: transparent !important; }

.uidate-mil {
  background-image: url(/images/icons/calendar_pick_date.svg) !important;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: 130px 10px;
  border-bottom: 1px solid #E6E6E6 !important;
  color: transparent !important; }

.no-cursor {
  color: transparent !important;
  text-shadow: 0 0 0 #000000; }

.pointer {
  cursor: pointer; }

.obj-left-border {
  border-left: 2px solid #c7c6c6; }

a.add-objective span, a.add-multiple-alignment span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 25px;
  margin-right: 9px;
  background-image: url(/images/icons/more-options-pink.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat; }

a.edit-objective span, a.add-multiple-alignment span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  background-image: url(/images/icons/icons-edit-pink-viewbox.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 8px;
  margin-left: 5px;
  opacity: .5;
  filter: grayscale(100%); }

a.copy-objective span, a.add-multiple-alignment span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  background-image: url(/images/icons/copy-action-pink-viewbox.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 8px;
  margin-left: -6px;
  opacity: .5;
  filter: grayscale(100%); }

a.delete-objective span, a.add-multiple-alignment span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  background-image: url(/images/icons/icons-delete-pink-viewbox.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 8px;
  margin-left: -6px;
  opacity: .5;
  filter: grayscale(100%); }

a.copy-objective span:hover {
  filter: none; }

a.edit-objective span:hover {
  filter: none; }

a.delete-objective span:hover {
  filter: none; }

.table-border-obj {
  border-bottom: 1px solid lightgrey; }

span.number:hover {
  position: relative; }

span[aria-label]:hover:after {
  content: attr(aria-label);
  padding: 4px 8px;
  position: absolute;
  left: -50px;
  top: -20px;
  white-space: nowrap;
  z-index: 20px;
  background: #2e2f31;
  color: #ffffff; }

.table-row.ng-scope.ui-sortable-handle {
  background-color: white !important; }

.display-comment div ul {
  margin-left: 15px; }

.upcoming-birtday-collapser {
  display: flex;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  position: relative;
  border: 1px solid #c6c6c5;
  border-radius: 4px;
  cursor: pointer;
  float: right; }

.upcoming-birtday-collapser::after {
  position: absolute;
  top: 3px;
  left: 6px;
  content: ' ';
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: 20px 20px;
  background-position: 0 0;
  background-image: url(/images/icons/open3-viewbox.svg); }

.upcoming-birtday-collapser.active::after {
  background-image: url(/images/icons/collapse3-viewbox.svg);
  left: 3px;
  top: 6px; }

footer .footerbox .upcoming-bday {
  justify-content: space-between !important;
  width: 1200px !important; }

.birthday-header {
  display: flex; }

.birthday-collapser-icon {
  display: flex;
  justify-content: right; }

.start-date-move-checkbox-margin {
  margin-top: 5px;
  padding-bottom: 36px; }

.start-date-move-checkbox {
  vertical-align: middle;
  margin-left: 293px;
  margin-top: 14px; }

.start-date-move-checkbox-text {
  border-radius: 0 !important;
  border: none !important;
  color: #000000 !important;
  font-size: 11px !important; }

.start-date-move-no-checkbox {
  border-radius: 0 15px 15px 0;
  margin-left: -3px; }

.angularDataStoreFile {
  display: none; }

.display-comment div ul {
  margin-left: 15px; }

.display-comment ul, ol {
  margin-left: 15px; }

.none-z-index {
  z-index: 0 !important; }

.disable-event {
  pointer-events: none !important; }

.enable-event {
  pointer-events: all !important; }

.red-cross-sign {
  position: absolute;
  top: 0;
  right: 8px;
  color: white;
  font-weight: 300;
  cursor: pointer;
  font-size: 34px;
  display: none; }

.display-block {
  display: block; }

.perspective-section {
  margin-right: -23px; }

.roadmap-border-remove {
  border-bottom: 0 !important; }

.edit-roadmap-name-margin .form-width-100 {
  margin-right: 60px;
  margin-top: 1px; }

.perspective-section {
  margin-right: -23px; }

.roadmap-border-remove {
  border-bottom: 0 !important; }

.w-p-30 {
  width: 30%; }

.red-cross-sign {
  position: absolute;
  top: -8px;
  right: 8px;
  color: white;
  font-weight: 300;
  cursor: pointer;
  font-size: 34px;
  display: none; }

.display-block {
  display: block; }

.ini_details__ini_history__item .coll_content__comment_form_holder {
  position: relative;
  width: auto;
  display: inline-block; }
  .ini_details__ini_history__item .coll_content__comment_form_holder .commnet_sent_to.item {
    position: initial; }
  .ini_details__ini_history__item .coll_content__comment_form_holder .commnet_sent_to .comment-content__footer__send_to span[aria-label]:hover:after {
    right: 15px;
    left: auto;
    white-space: normal;
    word-break: break-word;
    top: auto;
    bottom: 37px;
    display: inline-block;
    width: auto; }
  .ini_details__ini_history__item .coll_content__comment_form_holder .commnet_sent_to .comment-content__footer__send_to span.number:hover {
    position: inherit; }

.notification-feedback {
  margin-left: 8px; }

#usersTableWrapper .notification-margin {
  margin-left: -12px; }

#usersTableWrapper .status {
  margin-left: -12px; }

#usersTableWrapper .list-notification-date {
  margin-right: 105px; }

.status {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin-right: 6px;
  display: inline-block;
  position: relative;
  top: 2px; }
  .status img, .status span {
    display: none; }
  .status.status_3 {
    background-color: #E62E2C; }
  .status.status_2 {
    background-color: #FFE601; }
  .status.status_1 {
    background-color: #58B947; }
  .status.milestone {
    border-radius: 10px; }

#usersTableWrapper .notification-feedback-bottom-margin {
  margin-bottom: -50px; }

#usersTableWrapper .notification-user-image {
  background-repeat: no-repeat;
  background-position: 50%;
  width: 30px;
  height: 30px;
  margin-top: 3px;
  border-radius: 50%; }

.notification-top-margin {
  margin-top: 23px !important; }

.date-color {
  color: #ffffff; }

#usersTableWrapper .date-color {
  color: #5a5858;
  margin-right: 97px; }

.notification-feedback-td {
  padding: 10px 12px 10px 0;
  vertical-align: top; }

.notification-feedback-td-div {
  padding: 7px 12px;
  vertical-align: top;
  width: 680px;
  max-width: 680px; }

.width-100-p {
  width: 100%; }

.mb-5 {
  margin-bottom: 5px !important; }

.feedback-footer-div {
  padding-top: 4px;
  color: #808080;
  font-size: 9px; }

.text-right {
  text-align: right; }

.float-right {
  float: right; }

.action-date-color {
  color: #ffffff; }

#usersTableWrapper .action-date-color {
  color: #5a5858; }

.ml-2 {
  margin-left: 2px; }

.notification-table-border {
  border-bottom: 1px solid #ddd !important; }

.notifications-header-text {
  position: relative;
  top: 1px;
  font-size: 12px; }

.ml-17 {
  margin-left: 17px; }

.notif-arrow {
  margin-bottom: -1px; }

.outstandings-user-image {
  padding: 10px 12px 10px 0;
  vertical-align: top; }

.outstandings-width {
  padding: 7px 0;
  vertical-align: top;
  width: 674px; }

.outstanding-width {
  width: 100%;
  margin-top: 10px;
  color: #000000; }

.outstandings-td {
  vertical-align: top; }

.p-0 {
  padding: 0 !important; }

.outstandings-div {
  padding-top: 4px;
  color: #808080;
  font-size: 9px; }

.milestone-feedback-text {
  float: right;
  text-align: right;
  color: #FFFFFF; }

.text-right {
  text-align: right; }

.notification-feedback-status-container {
  width: 100%;
  display: inline-flex;
  margin: 10px 0; }
  .notification-feedback-status-container .notification-feedback-status-comment, .notification-feedback-status-container .notification-feedback-status-proactive {
    padding-right: 10px;
    width: 50%; }
    .notification-feedback-status-container .notification-feedback-status-comment p, .notification-feedback-status-container .notification-feedback-status-proactive p {
      padding: 10px 0 !important; }

.all-notifications {
  margin-top: 60px;
  margin-bottom: 40px; }
  .all-notifications .notification-checkbox-align {
    position: relative;
    vertical-align: top;
    padding-top: 30px; }
  .all-notifications .notification-type-container {
    position: relative; }
  .all-notifications .notification-type {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    left: 8px;
    top: 3px; }
    .all-notifications .notification-type.notification {
      background-color: #5384C3; }
    .all-notifications .notification-type.outstanding {
      background-color: #E83B83; }
  .all-notifications .notification-row.notification.new td {
    background-color: #f0f6ff; }
  .all-notifications .notification-row.outstanding.new td {
    background-color: #fff2f7; }
  .all-notifications table.data tbody td.outstandings-user-image, .all-notifications table.data tbody td.notification-feedback-td {
    padding-left: 0;
    vertical-align: top;
    padding-top: 6px; }
  .all-notifications table.data tbody td.outstandings-width, .all-notifications table.data tbody td.notification-feedback-td-div {
    padding-top: 0; }
  .all-notifications table.data tbody td.notification-feedback-td {
    max-width: 530px; }
  .all-notifications .feedback-outstandings-table table, .all-notifications .feedback-corrective-actions table {
    max-width: 530px; }
  .all-notifications .notification-header-check {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px; }
  .all-notifications .notification-header-new-marker {
    width: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd; }
  .all-notifications .notification-header-type {
    width: 80px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px; }
  .all-notifications .notification-header-date {
    width: 110px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 10px 10px 15px; }
  .all-notifications .notification-header-text {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px; }
  .all-notifications .notification-header-alignment {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
    width: 250px; }
  .all-notifications .notification-header-due {
    width: 120px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px; }
  .all-notifications .notification-row-type, .all-notifications .notification-row-date, .all-notifications .notification-row-due, .all-notifications .notification-row-alignment, .all-notifications .notification-row-new-marker {
    padding-top: 24px;
    vertical-align: top; }
  .all-notifications .notification-row-date {
    padding-left: 15px; }
  .all-notifications .notification-row-type {
    text-transform: capitalize; }
  .all-notifications .notif-arrow + div, .all-notifications .feedback.action-date-color {
    display: none; }
  .all-notifications .due-date-right {
    display: none; }
  .all-notifications .as-manager-block {
    margin-left: -12px;
    margin-bottom: 12px; }
  .all-notifications .as-meeting-role {
    padding-left: 0;
    padding-bottom: 0; }
  .all-notifications .notification-title {
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0; }
  .all-notifications .alignment-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 24px 24px;
    background-position: 0 0;
    position: relative;
    top: 2px;
    margin-right: 4px;
    vertical-align: top; }
    .all-notifications .alignment-icon.focusarea {
      background-image: url(/images/icons/focusarea-grey.svg); }
    .all-notifications .alignment-icon.action {
      background-image: url(/images/icons/action-grey.svg); }
    .all-notifications .alignment-icon.meeting {
      background-image: url(/images/icons/meeting-grey.svg); }
    .all-notifications .alignment-icon.team-meeting {
      background-image: url(/images/icons/team-meeting-grey.svg); }
    .all-notifications .alignment-icon.milestone {
      background-image: url(/images/icons/milestone-grey.svg); }
    .all-notifications .alignment-icon.unaligned {
      background-image: url(/images/icons/icons-plus.svg);
      transform: rotate(45deg);
      background-size: 12px; }
  .all-notifications .alignment-name {
    word-break: break-word;
    display: inline-block;
    width: calc(100% - 16px); }
  .all-notifications .second-alignment {
    margin-bottom: 4px; }
  .all-notifications .first-info {
    padding-left: 0;
    padding-top: 1px; }
  .all-notifications .outstanding-feedback .feedback-overall-status, .all-notifications .outstanding-feedback .feedback-corrective-actions {
    vertical-align: top;
    padding-top: 10px; }
  .all-notifications .outstanding-feedback .outstanding-feedbackKpitable > tbody > tr > td {
    padding-top: 5px; }
  .all-notifications .notification-row-text table table.outstandings-table .outstandings-td {
    padding-top: 5px; }
  .all-notifications .notification-row-text ul {
    margin-left: 15px; }
  .all-notifications .notification-row-text a {
    text-decoration: underline; }
  .all-notifications table.data .notification tbody td {
    word-break: normal; }

.edit-company-security .general-security-mb {
  margin-bottom: -22.5px;
  padding-left: 5px; }

.pl-5 {
  padding-left: 5px; }

.ml-4 {
  margin-left: 4px !important; }

.fs-12 {
  font-size: 12px; }

.password_expires .margin-left .tab-selector-wrapper {
  display: inline-block;
  position: relative;
  top: -39px; }

.lh-25 {
  line-height: 25px; }

.password-strength div.fu {
  margin: 2px 10px 0 0; }

.password-strength div.mt-15 {
  margin-top: 15px; }

.password-strength div.mb-m-13 {
  margin-bottom: -13px; }

.password-strength div.mb-8 {
  margin-bottom: 8px; }

.logTable select {
  visibility: visible; }

.support-profile-wrapper {
  padding-top: 20px; }
  .support-profile-wrapper a {
    display: inline-block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #DDD;
    color: #303030;
    border-radius: 3px;
    font-size: 12px;
    height: 29px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    font-weight: 400;
    vertical-align: top;
    text-align: center;
    line-height: 29px;
    cursor: pointer;
    margin-right: 6px; }
    .support-profile-wrapper a:hover {
      background-color: #E83B83;
      color: #fff; }

ap-alignment-tree {
  width: 100%;
  display: block; }

ap-alignment-tree-node .nodeRow div .item-icon:before {
  background-size: 30px 30px;
  width: 15px;
  height: 24px;
  display: inline-block;
  background-position: 30px 35px;
  content: ''; }
ap-alignment-tree-node .nodeRow div .item-icon.icon-focusarea:before {
  background-image: url(/images/icons/focusarea-grey.svg); }
ap-alignment-tree-node .nodeRow div .item-icon.icon-action:before {
  background-image: url(/images/icons/action-grey.svg); }
ap-alignment-tree-node .nodeRow div .item-icon.icon-subaction:before {
  background-image: url(/images/icons/subaction-grey-v3.svg); }
ap-alignment-tree-node .nodeRow div .item-icon.icon-milestone:before {
  background-image: url(/images/icons/milestone-grey.svg); }
ap-alignment-tree-node .nodeRow div .item-icon.icon-businessmap:before {
  background-image: url(/images/icons/businessmap-grey-viewbox.svg); }
ap-alignment-tree-node .nodeRow div .item-icon.icon-task:before {
  background-image: url(/images/icons/task-grey.svg); }
ap-alignment-tree-node .nodeRow div .item-icon.icon-meeting:before {
  background-image: url(/images/icons/meeting-grey.svg); }
ap-alignment-tree-node .nodeRow div .item-icon.icon-team-meeting:before {
  background-image: url(/images/icons/team-meeting-grey.svg); }
ap-alignment-tree-node .nodeRow div .actionHeaderBox__alignment_tree-name, ap-alignment-tree-node .nodeRow div .alignment-url {
  font-size: 13px;
  color: #444;
  font-weight: 500;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 643px; }
  ap-alignment-tree-node .nodeRow div .actionHeaderBox__alignment_tree-name.disable-link, ap-alignment-tree-node .nodeRow div .alignment-url.disable-link {
    pointer-events: none;
    cursor: default; }
ap-alignment-tree-node .nodeRow > div.ink-highlighter {
  width: 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }
  ap-alignment-tree-node .nodeRow > div.ink-highlighter.blue {
    background: #5384c3; }
  ap-alignment-tree-node .nodeRow > div.ink-highlighter.green {
    background: #71d33f; }
  ap-alignment-tree-node .nodeRow > div.ink-highlighter.yellow {
    background: #ffe601; }
  ap-alignment-tree-node .nodeRow > div.ink-highlighter.red {
    background: #e62e2c; }
  ap-alignment-tree-node .nodeRow > div.ink-highlighter.grey {
    background: #C6C6C5; }
  ap-alignment-tree-node .nodeRow > div.ink-highlighter.white {
    background: white;
    border: 1px solid #ccc; }
  ap-alignment-tree-node .nodeRow > div.ink-highlighter.black {
    background: black; }
ap-alignment-tree-node .nodeChildren {
  padding-left: 17px; }

.alignment_hoverbox .hover_controls {
  position: absolute;
  top: 14px;
  right: 14px; }
  .alignment_hoverbox .hover_controls .control_print {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
    position: relative; }
    .alignment_hoverbox .hover_controls .control_print:after {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 17px;
      height: 17px;
      display: inline-block;
      background-size: 17px 17px;
      background-position: 0 0; }
    .alignment_hoverbox .hover_controls .control_print:after {
      background-image: url("/images/icons/print_2.png"); }
  .alignment_hoverbox .hover_controls .control_close {
    width: 17px;
    height: 17px;
    display: inline-block;
    font-size: 34px;
    line-height: 14px;
    color: #AAA;
    font-weight: 300;
    vertical-align: middle;
    cursor: pointer; }

.actionHeaderBox__alignment_tree {
  padding: 20px;
  border-bottom: 1px solid #CCC;
  word-break: break-word;
  position: relative; }
  .actionHeaderBox__alignment_tree .actionHeaderBox__header__action .actionHeaderBox__header__action__name {
    display: flex;
    align-items: center; }
    .actionHeaderBox__alignment_tree .actionHeaderBox__header__action .actionHeaderBox__header__action__name h3 {
      margin: 0;
      font-size: 15px;
      color: #000; }
    .actionHeaderBox__alignment_tree .actionHeaderBox__header__action .actionHeaderBox__header__action__name .submitLoader.buttonLoader {
      margin-left: 10px; }
  .actionHeaderBox__alignment_tree .active_filter_Count {
    color: #e83b83;
    padding: 10px;
    font-size: 12px; }

.alignmentTree_body_wrapper {
  padding: 5px 10px;
  max-height: 220px;
  overflow: auto; }
  .alignmentTree_body_wrapper .alignmentTree-row {
    display: flex;
    align-items: center; }
    .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder {
      width: calc(100% - 28px);
      display: flex; }
      .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .nodeRow {
        display: flex;
        background: #f7f7f7;
        margin: 5px 0;
        border-radius: 3px;
        position: relative;
        height: 28px;
        flex: 1; }
        .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .nodeRow > div {
          padding: 2px 0px 2px 8px;
          opacity: 0.4; }
        .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .nodeRow.highlighted {
          background: #e2efff; }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .nodeRow.highlighted > div {
            opacity: 1; }
        .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .nodeRow:before {
          content: "";
          position: absolute;
          width: 9px;
          height: 1px;
          background-color: #ccc;
          left: -9px;
          top: 50%; }
      .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow {
        display: flex;
        align-items: center;
        background: #f7f7f7;
        width: 225px;
        margin: 5px 0 5px 5px;
        border-radius: 3px;
        position: relative;
        height: 28px;
        justify-content: center; }
        .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow > div {
          opacity: 0.4;
          width: 33%; }
        .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow.highlighted {
          background: #e2efff; }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow.highlighted > div {
            opacity: 1; }
        .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage {
          position: relative;
          display: flex;
          align-items: center; }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage:before {
            content: '';
            display: inline-block;
            width: 23px;
            height: 26px;
            background-position: 0px 3px;
            background-size: 40px 40px;
            background-repeat: no-repeat; }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage .trend-arrow {
            transform: rotate(-90deg);
            display: inline-block;
            color: #71d33f;
            font-size: 15px; }
            .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage .trend-arrow.negetive {
              transform: rotate(-90deg);
              color: red; }
            .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage .trend-arrow.neutral {
              color: #0C64FF; }
            .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage .trend-arrow.positive {
              transform: rotate(0deg);
              color: #71d33f; }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage.stopwatch:before {
            background-image: url(/images/icons/time-elapsed-viewbox-blue.svg); }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage.targetwatch:before {
            background-image: url(/images/icons/target_facelift-viewbox.svg); }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage.speedwatch.progress_ok:before {
            background-image: url(/images/icons/performance-indicator-green-bottom-viewbox.svg);
            background-position: 0px 0px; }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage.speedwatch:before {
            background-image: url(/images/icons/performance-indicator-red-bottom-viewbox.svg);
            background-position: 0px 0px; }
          .alignmentTree_body_wrapper .alignmentTree-row .nodeRow-holder .node.progressRow .progress_percentage span {
            color: #000;
            font-weight: 500;
            font-size: 13px; }
  .alignmentTree_body_wrapper .perf-question-mark {
    cursor: default; }

.alignmentRow-collapsor {
  display: flex;
  width: 15px;
  height: 15px;
  margin: 5px 0 5px 12px;
  position: relative;
  border: 1px solid #C6C6C5;
  border-radius: 4px;
  cursor: pointer; }
  .alignmentRow-collapsor:before {
    position: absolute;
    top: 2px;
    left: 6px;
    content: ' ';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 20px 20px;
    background-position: 0 0;
    background-image: url(/images/icons/open3-viewbox.svg); }
  .alignmentRow-collapsor.active:before {
    background-image: url(/images/icons/collapse3-viewbox.svg);
    left: 2px;
    top: 5px; }

.alignment-tree-hoverbox {
  position: relative; }

ap-alignment-tree-node > div {
  position: relative; }
  ap-alignment-tree-node > div:after {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #ccc;
    top: -5px;
    left: -9px;
    height: 100%; }
ap-alignment-tree-node.last_alignment_tree_node > div:after {
  height: 25px; }

ap-alignment-tree > div > ap-alignment-tree-node > div:after {
  content: none; }
ap-alignment-tree > div > ap-alignment-tree-node > div > .alignmentTree-row > .nodeRow-holder > .nodeRow:before {
  display: none; }

ap-hover-box {
  background-color: white;
  display: block;
  z-index: 11;
  width: 100%;
  position: absolute;
  top: 50px; }

ap-overlay ap-hover-box {
  top: 0; }

#hover_alignment_rel {
  position: relative; }
  #hover_alignment_rel ap-status-tree-hover ap-hover-box {
    top: 156px; }

ap-action-complete-dialog #taskFormContent .quick-checkboxes {
  width: 100%;
  display: flex;
  border-bottom: 2px solid #EEEEEE;
  align-items: flex-start; }
ap-action-complete-dialog #taskFormContent .comment__create__email {
  padding-right: 6px; }
ap-action-complete-dialog #taskFormContent .comment_email__icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 25px;
  height: 25px;
  background-image: url(/images/icons/Push2email_lightgray.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px; }
ap-action-complete-dialog #taskFormContent .comment_email__icon.active {
  background-image: url(/images/icons/Push2email_pink.svg); }
ap-action-complete-dialog #taskForm .icon-attach {
  padding: 0px 8px;
  font-weight: 500;
  color: #404040; }
ap-action-complete-dialog #taskForm .icon-attach:after {
  background-image: url(/images/icons/more-options-pink-white-background.svg); }
ap-action-complete-dialog .bulkPopUp_wrap .footer_holder .submitButton {
  border-radius: 3px !important;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500;
  height: auto;
  width: 120px; }
ap-action-complete-dialog .bulkPopUp_wrap .footer_holder .cancelButton {
  border-radius: 3px;
  margin-left: 10px;
  padding: 5px 20px;
  font-size: 15px;
  height: auto;
  width: 120px; }
ap-action-complete-dialog .ini_assigned__title__holder {
  margin-top: 0px; }
ap-action-complete-dialog .send_comment_as_email__holder .email_recipients {
  padding: 10px 0px 20px 0px; }
ap-action-complete-dialog .send_comment_as_email__holder .email-field__email_subject {
  margin-top: 0px; }
ap-action-complete-dialog .action-complete .sect-before-text h3 {
  font-size: 15px;
  font-weight: 500;
  color: #404040; }
ap-action-complete-dialog .action-complete #taskForm.new-action-form #taskFormContent .coment-content {
  padding: 25px 0; }

ap-bulk-expanders .bulk-expanders {
  padding: 10px 3px 3px 3px; }
ap-bulk-expanders .expanders-label {
  display: inline-block;
  color: black;
  margin-right: 8px;
  font-size: 13px;
  height: 26px;
  line-height: 26px; }
ap-bulk-expanders .expander-option {
  display: inline-block;
  color: #C6C6C5;
  border: 1px solid #C6C6C5;
  height: 24px;
  line-height: 24px;
  margin-right: 6px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  vertical-align: top; }
  ap-bulk-expanders .expander-option:hover {
    color: #E83B83;
    border-color: #E83B83; }
  ap-bulk-expanders .expander-option.none {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    width: 45px; }
  ap-bulk-expanders .expander-option.plus {
    border-radius: 50%;
    width: 24px;
    font-size: 19px; }
  ap-bulk-expanders .expander-option.minus {
    border-radius: 50%;
    width: 24px;
    font-size: 19px; }
  ap-bulk-expanders .expander-option.all {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    margin: 0;
    width: 45px; }

.gt-main {
  background-color: white;
  border-radius: 12px;
  border: 1px solid #DDD;
  padding: 10px 0; }

.gt-header {
  padding-bottom: 10px; }
  .gt-header > div {
    display: inline-block;
    vertical-align: middle; }

.gt-checkbox-all {
  width: 60px; }
  .gt-checkbox-all > div {
    margin-left: 14px; }

.gt-options {
  width: 382px; }

.gt-pagination {
  width: 250px; }

.gt-buttons {
  width: 485px;
  text-align: right;
  padding-right: 15px; }

.gt-sortable-th {
  cursor: pointer;
  width: 100%;
  display: inline-block; }

.gt-sorter {
  background-image: url(/images/layout/triangle-down-gray-viewbox.svg);
  background-size: 14px 14px;
  background-position: 1px 3px;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-left: 2px;
  cursor: pointer; }
  .gt-sorter.active {
    background-image: url(/images/layout/triangle-down-viewbox.svg); }
    .gt-sorter.active.reverse {
      background-image: url(/images/layout/triangle-viewbox.svg); }

.gt-table table {
  width: 100%;
  border-spacing: 0; }
.gt-table thead tr {
  background-color: #EEEEEE; }
.gt-table td {
  padding: 5px;
  vertical-align: middle; }
.gt-table th {
  padding: 5px;
  text-align: left;
  font-size: 10px;
  font-weight: 300;
  color: black; }
  .gt-table th.th-checkbox {
    width: 51px; }
.gt-table td:first-of-type, .gt-table th:first-of-type {
  padding-left: 14px; }
.gt-table td:last-of-type, .gt-table th:last-of-type {
  padding-right: 14px; }

.dialog-content {
  background: url(/images/background_image.jpg);
  padding: 25px; }

.dialog-box {
  border: 1px solid #d2d2d2;
  border-radius: 12px 12px 12px 12px;
  box-sizing: border-box;
  background: #fff;
  padding: 15px; }

.dialog-box-cell {
  display: inline-block; }

.cell-2 {
  width: calc(50%); }

.single-profile-dialog-selector .selector-line.profile-selector-line {
  width: 100%; }
.single-profile-dialog-selector .dialog-notice {
  padding-left: 34px;
  color: #ACACAC;
  font-size: 11px; }
.single-profile-dialog-selector .list-tree-selector {
  width: 100%;
  border-top: none; }
.single-profile-dialog-selector .profile-tree-selector {
  position: relative; }
.single-profile-dialog-selector .profile-selector-line {
  height: 30px;
  line-height: 32px;
  font-size: 15px !important;
  margin: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.single-profile-dialog-selector .field-label {
  color: #2F3941;
  text-transform: uppercase;
  font-size: 11px; }
.single-profile-dialog-selector .required {
  font-size: 1rem; }
.single-profile-dialog-selector .footer_holder {
  padding: 25px; }
.single-profile-dialog-selector .businessmap-filter-container {
  margin-top: 20px; }
.single-profile-dialog-selector .businessmap-filter-holder {
  margin-top: 6px; }

.data-pools-table .copy-btn {
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/images/icons/copy-pink.svg);
  background-repeat: no-repeat;
  cursor: pointer; }
.data-pools-table .new-item {
  font-size: 12px; }
.data-pools-table .delete-icon {
  display: inline-block;
  height: 20px;
  cursor: pointer; }

#info-hoverbox, .info-hoverbox-plain {
  position: fixed;
  transform: translateY(-100%);
  background: #292929;
  color: white;
  padding: 7px;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0 2px 8px 0 rgba(10, 10, 10, 0.2);
  z-index: 1000;
  max-width: 600px;
  font-weight: normal;
  margin-right: 15px;
  display: none; }
  #info-hoverbox a, .info-hoverbox-plain a {
    color: #E83B83; }

.profiles-inline-list {
  display: inline-block;
  position: relative;
  top: -4px; }
  .profiles-inline-list div.photo img {
    width: 26px;
    height: 26px; }
  .profiles-inline-list div.photo .image-placeholder {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 10px; }

.pil-picture {
  display: inline-block;
  margin: 0 1px;
  position: relative;
  top: -2px; }

.pil-label {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  color: #acacac;
  position: relative;
  top: -2px; }

.pil-other-profiles {
  display: inline-block;
  margin-left: 8px;
  color: #E83B83;
  cursor: default; }

.topics-color-details {
  display: inline-block;
  margin-left: 20px; }
  .topics-color-details .color-info {
    text-align: left; }
  .topics-color-details .color-info-name {
    display: inline-block;
    width: 48px;
    vertical-align: top; }
  .topics-color-details .color-info-bar {
    display: inline-block;
    width: 4px;
    height: 12px; }
  .topics-color-details .color-info-count {
    vertical-align: top;
    margin-left: 2px; }
  .topics-color-details .color-info-blue .color-info-bar {
    background-color: #5384C3; }
  .topics-color-details .color-info-black .color-info-bar {
    background-color: black; }
  .topics-color-details .color-info-grey .color-info-bar {
    background-color: #9D9C9C; }

/*# sourceMappingURL=screen.css.map */
.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max{fill:#777}.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path{opacity:1}.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}
/*!
 * froala_editor v2.8.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element,
.fr-element:focus {
  outline: 0px solid transparent;
}
.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 52px;
}
.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}
.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}
.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}
.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element [contenteditable="true"] {
  outline: 0px solid transparent;
}
.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 32px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #1e88e5;
}
.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 32px;
}
.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}
.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}
.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5;
}
.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-wrapper {
  position: relative;
  z-index: 1;
}
.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 12px;
  color: #aaaaaa;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
}
.fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000;
}
.fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000;
}
.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0;
}
.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
  background: transparent;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 0px 2px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  padding: 0;
  width: 38px;
  height: 38px;
}
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
  display: block;
  font-size: 14px;
  width: 14px;
  margin: 12px 12px;
  text-align: center;
  float: none;
}
.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 34px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 2px;
}
.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px;
}
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background: transparent;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 8px;
  margin-right: 16px;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #222222;
  background: #d6d6d6;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6 !important;
  color: #222222 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222222 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  right: 4px;
  top: 17px;
  content: "";
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}
.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important;
}
.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden {
  display: none;
}
.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
}
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn {
  float: right;
}
.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}
.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
  outline: 0;
  color: #222222;
  background: #ebebeb;
}
.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after {
  border-top-color: #222222 !important;
}
.fr-desktop .fr-command.fr-selected {
  color: #222222;
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus {
  color: #1e88e5;
  background: #ebebeb;
}
.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}
.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}
.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent;
}
.fr-command.fr-btn + .fr-dropdown-menu {
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #ffffff;
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
  float: left;
  max-height: 0;
  height: 0;
  margin-top: 0 !important;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  position: relative;
  max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 24px;
  line-height: 200%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}
.fr-command.fr-btn:not(.fr-active) + .fr-dropdown-menu {
  left: -3000px !important;
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px;
}
.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}
body.prevent-scroll {
  overflow: hidden;
}
body.prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}
.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}
.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}
.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #ffffff;
  min-width: 300px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  border: 0px;
  border-top: 5px solid #222222;
  overflow: hidden;
  width: 90%;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 600px;
  }
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  border-bottom: 0px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  padding: 12px;
  width: 20px;
  font-size: 16px;
  cursor: pointer;
  line-height: 18px;
  color: #222222;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 18px;
  padding: 12px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: scroll;
  padding-bottom: 10px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}
.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}
.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-popup .fr-input-focus {
  background: #f5f5f5;
}
.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 5px solid #222222;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-popup.fr-active {
  display: block;
}
.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-popup.fr-empty {
  display: none !important;
}
.fr-popup .fr-hs {
  display: block !important;
}
.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}
.fr-popup .fr-input-line {
  position: relative;
  padding: 8px 0;
}
.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin: 0px 0 1px 0;
  border: none;
  border-bottom: solid 1px #bdbdbd;
  color: #222222;
  font-size: 14px;
  padding: 6px 0 2px;
  background: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
  margin-bottom: 0px;
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: rgba(0, 0, 0, 0);
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  z-index: 3;
  width: 100%;
  display: block;
  background: #ffffff;
}
.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #1e88e5;
}
.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080;
}
.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.fr-popup textarea {
  resize: none;
}
.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 0 2px;
  white-space: nowrap;
  line-height: 0;
  border-bottom: 0px;
}
.fr-popup .fr-buttons::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-popup .fr-buttons .fr-btn {
  display: inline-block;
  float: none;
}
.fr-popup .fr-buttons .fr-btn i {
  float: left;
}
.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}
.fr-popup .fr-layer {
  width: 225px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: none;
}
@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 300px;
  }
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}
.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}
.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}
.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}
.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}
.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}
.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-popup .fr-checkbox span {
  border: solid 1px #222222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
  top: 1px;
  left: 1px;
}
.fr-popup .fr-checkbox input:checked + span {
  background: #1e88e5;
  border-color: #1e88e5;
}
.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}
.fr-popup .fr-checkbox input:focus + span {
  border-color: #1e88e5;
}
.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}
.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}
.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}
.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}
.fr-popup.fr-rtl .fr-input-line input + label,
.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}
.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}
.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222222;
}
.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}
.fr-toolbar {
  color: #222222;
  background: #ffffff;
  position: relative;
  z-index: 4;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-toolbar.fr-rtl {
  text-align: right;
}
.fr-toolbar.fr-inline {
  display: none;
  white-space: nowrap;
  position: absolute;
  margin-top: 10px;
}
.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}
.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  border-bottom: 5px solid #222222;
  border-top: 0;
}
.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 5px;
}
.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}
.fr-separator + .fr-separator {
  display: none;
}
.fr-separator.fr-vs {
  height: 34px;
  width: 1px;
  margin: 2px;
}
.fr-separator.fr-hs {
  clear: both;
  height: 1px;
  width: calc(100% - (2 * 2px));
  margin: 0 2px;
}
.fr-separator.fr-hidden {
  display: none !important;
}
.fr-rtl .fr-separator {
  float: right;
}
.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}
.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block;
}
.fr-visibility-helper {
  display: none;
  margin-left: 0px !important;
}
@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}
@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}
@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-box {
  position: relative;
}
/**
 * Postion sticky hacks.
 */
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
.fr-sticky-off {
  position: relative;
}
.fr-sticky-on {
  position: fixed;
}
.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important;
}
.fr-sticky-dummy {
  display: none;
}
.fr-sticky-on + .fr-sticky-dummy,
.fr-sticky-box > .fr-sticky-dummy {
  display: block;
}
span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*!
 * froala_editor v2.8.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
  border: 1px double #1e88e5;
}
.fr-element table tr {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element table td,
.fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none;
}
.fr-table-resizer.fr-moving {
  z-index: 2;
}
.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #1e88e5;
}
.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-popup .fr-table-colors-hex-layer {
  width: 100%;
  margin: 0px;
  padding: 10px;
}
.fr-popup .fr-table-colors-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 8px 0 0;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons {
  float: right;
  width: 50px;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
  background-color: #1e88e5;
  color: #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
  background-color: #166dba;
  color: #FFF;
}
.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
  padding: 8px;
}
.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 0 5px 5px;
  white-space: nowrap;
}
.fr-popup .fr-table-size .fr-select-table-size > span {
  display: inline-block;
  padding: 0px 4px 4px 0;
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(30, 136, 229, 0.3);
  border: solid 1px #1e88e5;
}
.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important;
}
.fr-popup .fr-table-colors-buttons {
  margin-bottom: 5px;
}
.fr-popup .fr-table-colors {
  line-height: 0;
  display: block;
}
.fr-popup .fr-table-colors > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.fr-popup .fr-table-colors > span > i {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}
.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #222222;
  z-index: 2;
}
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px;
}
.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap;
}

/*!
 * froala_editor v2.8.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-emoticon {
  display: inline-block;
  font-size: 20px;
  width: 20px;
  padding: 5px;
  line-height: 1;
  cursor: default;
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-popup .fr-emoticon img {
  height: 20px;
}
.fr-popup .fr-link:focus {
  outline: 0;
  background: #ebebeb;
}

/*!
 * froala_editor v2.8.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element,
.fr-element:focus {
  outline: 0px solid transparent;
}
.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 52px;
}
.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}
.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}
.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}
.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element [contenteditable="true"] {
  outline: 0px solid transparent;
}
.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 32px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #1e88e5;
}
.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 32px;
}
.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}
.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}
.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5;
}
.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-wrapper {
  position: relative;
  z-index: 1;
}
.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 12px;
  color: #aaaaaa;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
}
.fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000;
}
.fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000;
}
.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0;
}
.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
  background: transparent;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 0px 2px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  padding: 0;
  width: 38px;
  height: 38px;
}
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
  display: block;
  font-size: 14px;
  width: 14px;
  margin: 12px 12px;
  text-align: center;
  float: none;
}
.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 34px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 2px;
}
.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px;
}
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background: transparent;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 8px;
  margin-right: 16px;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #222222;
  background: #d6d6d6;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6 !important;
  color: #222222 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222222 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  right: 4px;
  top: 17px;
  content: "";
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}
.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important;
}
.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden {
  display: none;
}
.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
}
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn {
  float: right;
}
.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}
.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
  outline: 0;
  color: #222222;
  background: #ebebeb;
}
.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after {
  border-top-color: #222222 !important;
}
.fr-desktop .fr-command.fr-selected {
  color: #222222;
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus {
  color: #1e88e5;
  background: #ebebeb;
}
.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}
.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}
.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent;
}
.fr-command.fr-btn + .fr-dropdown-menu {
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #ffffff;
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
  float: left;
  max-height: 0;
  height: 0;
  margin-top: 0 !important;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  position: relative;
  max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 24px;
  line-height: 200%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}
.fr-command.fr-btn:not(.fr-active) + .fr-dropdown-menu {
  left: -3000px !important;
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px;
}
.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}
body.prevent-scroll {
  overflow: hidden;
}
body.prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}
.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}
.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}
.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #ffffff;
  min-width: 300px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  border: 0px;
  border-top: 5px solid #222222;
  overflow: hidden;
  width: 90%;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 600px;
  }
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  border-bottom: 0px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  padding: 12px;
  width: 20px;
  font-size: 16px;
  cursor: pointer;
  line-height: 18px;
  color: #222222;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 18px;
  padding: 12px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: scroll;
  padding-bottom: 10px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}
.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}
.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-popup .fr-input-focus {
  background: #f5f5f5;
}
.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 5px solid #222222;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-popup.fr-active {
  display: block;
}
.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-popup.fr-empty {
  display: none !important;
}
.fr-popup .fr-hs {
  display: block !important;
}
.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}
.fr-popup .fr-input-line {
  position: relative;
  padding: 8px 0;
}
.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin: 0px 0 1px 0;
  border: none;
  border-bottom: solid 1px #bdbdbd;
  color: #222222;
  font-size: 14px;
  padding: 6px 0 2px;
  background: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
  margin-bottom: 0px;
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: rgba(0, 0, 0, 0);
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  z-index: 3;
  width: 100%;
  display: block;
  background: #ffffff;
}
.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #1e88e5;
}
.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080;
}
.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.fr-popup textarea {
  resize: none;
}
.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 0 2px;
  white-space: nowrap;
  line-height: 0;
  border-bottom: 0px;
}
.fr-popup .fr-buttons::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-popup .fr-buttons .fr-btn {
  display: inline-block;
  float: none;
}
.fr-popup .fr-buttons .fr-btn i {
  float: left;
}
.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}
.fr-popup .fr-layer {
  width: 225px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: none;
}
@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 300px;
  }
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}
.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}
.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}
.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}
.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}
.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}
.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-popup .fr-checkbox span {
  border: solid 1px #222222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
  top: 1px;
  left: 1px;
}
.fr-popup .fr-checkbox input:checked + span {
  background: #1e88e5;
  border-color: #1e88e5;
}
.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}
.fr-popup .fr-checkbox input:focus + span {
  border-color: #1e88e5;
}
.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}
.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}
.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}
.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}
.fr-popup.fr-rtl .fr-input-line input + label,
.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}
.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}
.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222222;
}
.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}
.fr-toolbar {
  color: #222222;
  background: #ffffff;
  position: relative;
  z-index: 4;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-toolbar.fr-rtl {
  text-align: right;
}
.fr-toolbar.fr-inline {
  display: none;
  white-space: nowrap;
  position: absolute;
  margin-top: 10px;
}
.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}
.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  border-bottom: 5px solid #222222;
  border-top: 0;
}
.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 5px;
}
.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}
.fr-separator + .fr-separator {
  display: none;
}
.fr-separator.fr-vs {
  height: 34px;
  width: 1px;
  margin: 2px;
}
.fr-separator.fr-hs {
  clear: both;
  height: 1px;
  width: calc(100% - (2 * 2px));
  margin: 0 2px;
}
.fr-separator.fr-hidden {
  display: none !important;
}
.fr-rtl .fr-separator {
  float: right;
}
.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}
.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block;
}
.fr-visibility-helper {
  display: none;
  margin-left: 0px !important;
}
@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}
@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}
@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-box {
  position: relative;
}
/**
 * Postion sticky hacks.
 */
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
.fr-sticky-off {
  position: relative;
}
.fr-sticky-on {
  position: fixed;
}
.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important;
}
.fr-sticky-dummy {
  display: none;
}
.fr-sticky-on + .fr-sticky-dummy,
.fr-sticky-box > .fr-sticky-dummy {
  display: block;
}
span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-box .fr-counter {
  position: absolute;
  bottom: 0px;
  padding: 5px;
  right: 0px;
  color: #cccccc;
  content: attr(data-chars);
  font-size: 15px;
  font-family: "Times New Roman", Georgia, Serif;
  z-index: 1;
  background: #ffffff;
  border-top: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-rtl .fr-counter {
  left: 0px;
  right: auto;
  border-left: none;
  border-right: solid 1px #ebebeb;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-code-view .fr-counter {
  display: none;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0px;
  font-family: "Courier New", monospace;
  font-size: 14px;
  background: #ffffff;
  color: #000000;
  outline: none;
}
.fr-box.fr-rtl textarea.fr-code {
  direction: rtl;
}
.fr-box .CodeMirror {
  display: none;
}
.fr-box.fr-code-view textarea.fr-code {
  display: block;
}
.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
  display: none;
}
.fr-box.fr-code-view .CodeMirror {
  display: block;
}
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  display: none;
  background: #ffffff;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 12px 12px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 14px;
  width: 14px;
  text-align: center;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  margin-bottom: 5px;
  line-height: 16px;
  margin-left: -2px;
  margin-right: -2px;
}
.fr-popup .fr-colors-tabs .fr-colors-tab {
  display: inline-block;
  width: 50%;
  cursor: pointer;
  text-align: center;
  color: #222222;
  font-size: 13px;
  padding: 8px 0;
  position: relative;
}
.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #1e88e5;
}
.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1e88e5;
  content: '';
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
}
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #1e88e5;
}
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
}
.fr-popup .fr-color-hex-layer {
  width: 100%;
  margin: 0px;
  padding: 10px;
}
.fr-popup .fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 8px 0 0;
}
.fr-popup .fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 50px;
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button {
  background-color: #1e88e5;
  color: #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button:hover {
  background-color: #166dba;
  color: #FFF;
}
.fr-popup .fr-separator + .fr-colors-tabs {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 2px;
  margin-right: 2px;
}
.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}
.fr-popup .fr-color-set.fr-selected-set {
  display: block;
}
.fr-popup .fr-color-set > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.fr-popup .fr-color-set > span > i,
.fr-popup .fr-color-set > span > svg {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}
.fr-popup .fr-color-set > span .fr-selected-color {
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  cursor: default;
}
.fr-popup .fr-color-set > span:hover,
.fr-popup .fr-color-set > span:focus {
  outline: 1px solid #222222;
  z-index: 2;
}
.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-drag-helper {
  background: #1e88e5;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none;
}
.fr-drag-helper.fr-visible {
  display: block;
}
.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-emoticon {
  display: inline-block;
  font-size: 20px;
  width: 20px;
  padding: 5px;
  line-height: 1;
  cursor: default;
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-popup .fr-emoticon img {
  height: 20px;
}
.fr-popup .fr-link:focus {
  outline: 0;
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 500%;
  height: 100%;
  margin: 0px;
  font-size: 400px;
}
.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-popup .fr-file-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
}
.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important;
}
.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important;
}
.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: 0.5px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element img {
  cursor: pointer;
}
.fr-image-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-image-resizer.fr-active {
  display: block;
}
.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #ffffff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}
.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.fr-popup .fr-image-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 500%;
  height: 100%;
  margin: 0px;
  font-size: 400px;
}
.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more {
  float: left;
  opacity: 1;
  -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  padding: 12px;
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}
.fr-modal-head .fr-modal-tags {
  display: none;
  text-align: left;
}
.fr-modal-head .fr-modal-tags a {
  display: inline-block;
  opacity: 0;
  padding: 6px 8px;
  margin: 8px 0 8px 8px;
  text-decoration: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #1e88e5;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  cursor: pointer;
}
.fr-modal-head .fr-modal-tags a:focus {
  outline: none;
}
.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}
div.fr-modal-body .fr-preloader {
  display: block;
  margin: 50px auto;
}
div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 10px;
  padding: 0;
}
div.fr-modal-body div.fr-image-list::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: calc((100% - 10px) / 2);
}
@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 20px) / 3);
  }
}
@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 30px) / 4);
  }
}
div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
  margin-top: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container + div {
  margin-top: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  position: absolute;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000000;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  content: attr(data-deleting);
  color: #ffffff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 3;
  font-size: 15px;
  height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  height: 95px;
  background: #cccccc;
  z-index: 1;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: attr(data-loading);
  display: inline-block;
  height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container img {
  width: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  display: none;
  top: 50%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  position: absolute;
  cursor: pointer;
  margin: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  z-index: 3;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #b8312f;
  color: #ffffff;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%);
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #ffffff;
  color: #1e88e5;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-125%);
  -moz-transform: translateY(-50%) translateX(-125%);
  -ms-transform: translateY(-50%) translateX(-125%);
  -o-transform: translateY(-50%) translateX(-125%);
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
  background: #ebebeb;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #ffffff;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #1e88e5;
  position: fixed;
  z-index: 2;
  display: none;
}
.fr-line-breaker.fr-visible {
  display: block;
}
.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  left: calc(50% - (32px / 2));
  top: -16px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 5px;
  margin-left: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.fr-quick-insert.fr-hidden {
  display: none;
}
.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 16px;
  white-space: nowrap;
}
.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  display: inline-block;
  color: #222222;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal {
  text-align: left;
  padding: 20px 20px 10px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list {
  margin-bottom: 20px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title {
  font-weight: bold;
  font-size: 14px;
  padding: 6px 0 4px;
  margin: 0 0 5px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  display: inline-block;
  font-size: 16px;
  width: 20px;
  height: 20px;
  padding: 5px;
  line-height: 20px;
  cursor: default;
  font-weight: normal;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  border: 1px solid #cccccc;
  margin: -1px 0 0 -1px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
  border: 1px double #1e88e5;
}
.fr-element table tr {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element table td,
.fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none;
}
.fr-table-resizer.fr-moving {
  z-index: 2;
}
.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #1e88e5;
}
.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-popup .fr-table-colors-hex-layer {
  width: 100%;
  margin: 0px;
  padding: 10px;
}
.fr-popup .fr-table-colors-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 8px 0 0;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons {
  float: right;
  width: 50px;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
  background-color: #1e88e5;
  color: #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
  background-color: #166dba;
  color: #FFF;
}
.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
  padding: 8px;
}
.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 0 5px 5px;
  white-space: nowrap;
}
.fr-popup .fr-table-size .fr-select-table-size > span {
  display: inline-block;
  padding: 0px 4px 4px 0;
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(30, 136, 229, 0.3);
  border: solid 1px #1e88e5;
}
.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important;
}
.fr-popup .fr-table-colors-buttons {
  margin-bottom: 5px;
}
.fr-popup .fr-table-colors {
  line-height: 0;
  display: block;
}
.fr-popup .fr-table-colors > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.fr-popup .fr-table-colors > span > i {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}
.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #222222;
  z-index: 2;
}
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px;
}
.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element .fr-video::after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: rgba(0, 0, 0, 0);
}
.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative;
}
.fr-element .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-box .fr-video-resizer.fr-active {
  display: block;
}
.fr-box .fr-video-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #ffffff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 500%;
  height: 100%;
  margin: 0px;
  font-size: 400px;
}
.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}

/*!
 * froala_editor v2.8.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
img.fr-rounded,
.fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
img.fr-bordered,
.fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}
img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img.fr-shadow,
.fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-view span[style~="color:"] a {
  color: inherit;
}
.fr-view strong {
  font-weight: 700;
}
.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}
.fr-view table td {
  min-width: 5px;
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}
.fr-view table td,
.fr-view table th {
  border: 1px solid #dddddd;
}
.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view table th {
  background: #e6e6e6;
}
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  page-break-after: always;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: normal;
}
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}
.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: solid 2px #5e35b1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0px;
}
.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}
.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}
.fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  padding-left: 5px;
  color: #5e35b1;
}
.fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}
.fr-view .fr-text-gray {
  color: #AAA !important;
}
.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}
.fr-view img {
  position: relative;
  max-width: 100%;
}
.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}
.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-view .fr-video {
  text-align: center;
  position: relative;
}
.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view .fr-img-caption {
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0px;
  display: inline-block;
  margin: auto;
  text-align: center;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}
/**
 * Image style.
 */
a.fr-view.fr-strong {
  font-weight: 700;
}
a.fr-view.fr-green {
  color: green;
}
/**
 * Link style.
 */
img.fr-view {
  position: relative;
  max-width: 100%;
}
img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}
span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

.atwho-view{position:absolute;top:0;left:0;display:none;margin-top:18px;background:#fff;color:#000;border:1px solid #DDD;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);min-width:120px;z-index:11110!important}.atwho-view .atwho-header{padding:5px;margin:5px;cursor:pointer;border-bottom:solid 1px #eaeff1;color:#6f8092;font-size:11px;font-weight:700}.atwho-view .atwho-header .small{color:#6f8092;float:right;padding-top:2px;margin-right:-5px;font-size:12px;font-weight:400}.atwho-view .atwho-header:hover{cursor:default}.atwho-view .cur{background:#36F;color:#fff}.atwho-view .cur small{color:#fff}.atwho-view strong{color:#36F}.atwho-view .cur strong{color:#fff;font:700}.atwho-view ul{list-style:none;padding:0;margin:auto;max-height:200px;overflow-y:auto}.atwho-view ul li{display:block;padding:5px 10px;border-bottom:1px solid #DDD;cursor:pointer}.atwho-view small{font-size:smaller;color:#777;font-weight:400}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
#menu a
{
    display: block;
    padding: 2px;
    border: 1px solid #ccc;
    xbackground-color: #e9e9e9;
    font-size: 80%;
    color: #666;
    text-decoration: none;
}
#menu a:hover
{
    background-color: #ccc;
}
#menu ul
{
    list-style-type: none;
}
#menu li
{
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
}
#menu .first
{
    margin-right: 20px;
}
#menu span
{
    display: block;
    float: left;
    font-size: 80%;
    margin-top: 4px;
}

div.box, .box
{
	background-color: white; /*#e9e9e9;*/
	width: 240px;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}
.box .bg
{
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}
.box span
{
	display: block;
	position: relative;
	left: 0; top: 0;
	padding: 2px 4px 0px 10px;
	xwidth: 500px;
}

#canvas
{
	position: relative;
	padding: 0;
}

ul#tree
{
	list-style-type: none;
	padding: 0;
}
#tree ul
{
	list-style-type: none;
	padding: 0;
	clear: left;
}
#tree li
{
	position: relative;
	xmargin: 0.5em 0.5em 0.5em 5em;
	ymargin: 8px 8px 8px 80px;
	margin: 0;
	padding: 4px 0 0 80px;
	clear: left;       
}

.group0 { background: #fff }
	
.group1 { background: #e1e0dd url('/images/chart/grad1.gif') repeat-x }
.group2 { background: #cfe3ae url('/images/chart/grad2.gif') repeat-x }
.group3 { background: #c4eaf7 url('/images/chart/grad3.gif') repeat-x }
.group4 { background: #fbc3c3 url('/images/chart/grad4.gif') repeat-x }
.group5 { background: #fff4b3 url('/images/chart/grad5.gif') repeat-x }
.group6 { background: #e0c5fa url('/images/chart/grad6.gif') repeat-x }
.group7 { background: #faddc4 url('/images/chart/grad7.gif') repeat-x }
/*
Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

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

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

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

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

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

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin-left: 0;
    margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}
/*************
Default Theme
*************/
.tablesorter-default .header:not(.sorter-false) .tablesorter-header-inner,
.tablesorter-default .tablesorter-header:not(.sorter-false) .tablesorter-header-inner {
	/* to prevent wrapping of icon on its own */
	padding-right: 10px;
}
.tablesorter-default .header:not(.sorter-false) .tablesorter-header-inner::after,
.tablesorter-default .tablesorter-header:not(.sorter-false) .tablesorter-header-inner::after {
	content: "";
	background-image: url(/images/layout/triangle-down-gray.svg);
	background-position: 1px 2px;
	background-size: 7px 7px;
	/* to prevent wrapping of icon on its own, effectively giving the icon a 0 width */
	margin-right: -10px;
	width: 10px;
	height: 10px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-left: 2px;
	cursor: pointer;
}
.tablesorter-default thead .headerSortUp:not(.sorter-false) .tablesorter-header-inner::after,
.tablesorter-default thead .tablesorter-headerSortUp:not(.sorter-false) .tablesorter-header-inner::after,
.tablesorter-default thead .tablesorter-headerAsc:not(.sorter-false) .tablesorter-header-inner::after {
	background-image: url(/images/layout/triangle.svg);
}
.tablesorter-default thead .headerSortDown:not(.sorter-false) .tablesorter-header-inner::after,
.tablesorter-default thead .tablesorter-headerSortDown:not(.sorter-false) .tablesorter-header-inner::after,
.tablesorter-default thead .tablesorter-headerDesc:not(.sorter-false) .tablesorter-header-inner::after {
	background-image: url(/images/layout/triangle-down.svg);
}

.tablesorter-default .header:not(.sorter-false),
.tablesorter-default .tablesorter-header:not(.sorter-false) {
	cursor: pointer;
}
.sortBySelect
{
    height: 20px;
    margin-left:20px;
    font-size: 9px;
    color:grey;
    font-weight: normal;
    float:right;
}

.splitActionKpiTable .sortBySelect
{
    height:15px;
}
.sortBySelect select
{
    border-style: none;
    font-size: 9px;
    height: 12px;
}

.hierarchyExpanders
{
    font-size: 11px;
    font-weight:normal;
    white-space: nowrap;
    color:gray;
}
#ganttChartActions .sortDialogButton
{
    margin-left: 5px;
}

.hierarchyExpander
{
    color:gray;
    cursor:pointer;
}
.selectedExpander
{
    color: #0C64FF;
}
#listViewActionHeader .sortBySelect
{
    float:right;
    margin-left: 0px;
}

#sortBy_chzn
{
    float:right;
    font-size: 9px;
    font-weight: normal;
    margin-right:5px;
    color:#808080;
}
.sortBySelect .chzn-single
{
    height:12px;
    line-height: 12px;
    border-style: none;
    padding-left:2px;
}
.sortBySelect .chzn-results
{
    font-size: 9px;
    color:#808080;
    white-space: nowrap;
}
.sortBySelect .chzn-container-single .chzn-default span
{
    font-size: 9px;
    margin-right:8px;
    display:inline;
}
.sortBySelect .chzn-container-single .chzn-default span:hover
{
    color:#0C64FF;
    text-decoration: underline;
}
.sortBySelect .chzn-container-single .chzn-single div b
{
    background-position: 0px -5px;
}.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.custom-theme:focus {
  outline: 0;
}
.custom-theme.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 10px;
  overflow-x: auto;
  min-height: 40px;
}
.custom-theme .fr-element {
  -webkit-user-select: auto;
}
.custom-theme.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  left: 0;
  top: 0;
  line-height: 32px;
  border: none;
}
.custom-theme.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #1e88e5;
}
.custom-theme.fr-box a.fr-floating-btn i {
  font-size: 14px;
  line-height: 32px;
}
.custom-theme.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
}
.custom-theme.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5;
}
.custom-theme .fr-wrapper .fr-placeholder {
  font-size: 12px;
  color: #aaaaaa;
  top: 0;
  left: 0;
  right: 0;
}
.custom-theme .fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000;
}
.custom-theme .fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000;
}
.custom-theme.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0;
}
.custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.custom-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.custom-theme .fr-sticky-on.fr-sticky-ios {
  left: 0;
  right: 0;
}
.custom-theme.fr-box .fr-counter {
  color: #cccccc;
  background: #ffffff;
  border-top: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.custom-theme.fr-box.fr-rtl .fr-counter {
  right: auto;
  border-right: solid 1px #ebebeb;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.custom-theme textarea.fr-code {
  background: #ffffff;
  color: #000000;
}
.custom-theme.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  background: #ffffff;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  padding: 7px 7px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}
.custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 12px;
  width: 12px;
}
.custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}
.custom-theme.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
  color: #222222;
  padding: 8px 0;
}
.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #1e88e5;
}
.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
  bottom: 0;
  left: 0;
  background: #1e88e5;
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
}
.custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #1e88e5;
}
.custom-theme.fr-popup .fr-color-set {
  line-height: 0;
}
.custom-theme.fr-popup .fr-color-set > span > i {
  bottom: 0;
  left: 0;
}
.custom-theme.fr-popup .fr-color-set > span .fr-selected-color {
  color: #ffffff;
  font-weight: 400;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.custom-theme.fr-popup .fr-color-set > span:hover,
.custom-theme.fr-popup .fr-color-set > span:focus {
  outline: 1px solid #222222;
}
.custom-theme .fr-drag-helper {
  background: #1e88e5;
}
.custom-theme.fr-popup .fr-link:focus {
  background: #ebebeb;
}
.custom-theme .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
}
.custom-theme .fr-file-upload-layer:hover {
  background: #ebebeb;
}
.custom-theme .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.custom-theme .fr-file-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.custom-theme .fr-file-progress-bar-layer > h3 {
  margin: 10px 0;
}
.custom-theme .fr-file-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
}
.custom-theme .fr-file-progress-bar-layer > div.fr-loader span {
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.custom-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0;
}
.custom-theme.fr-box.fr-fullscreen {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}
.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}
.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  color: #646464;
}
.custom-theme .fr-image-resizer {
  border: solid 1px #1e88e5;
}
.custom-theme .fr-image-resizer .fr-handler {
  background: #1e88e5;
  border: solid 1px #ffffff;
}
.custom-theme .fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.custom-theme .fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.custom-theme .fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.custom-theme .fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.custom-theme .fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .custom-theme .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .custom-theme .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .custom-theme .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .custom-theme .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .custom-theme .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.custom-theme.fr-image-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.custom-theme .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
}
.custom-theme .fr-image-upload-layer:hover {
  background: #ebebeb;
}
.custom-theme .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.custom-theme .fr-image-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.custom-theme .fr-image-progress-bar-layer > h3 {
  margin: 10px 0;
}
.custom-theme .fr-image-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
}
.custom-theme .fr-image-progress-bar-layer > div.fr-loader span {
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.custom-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0;
}
.custom-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
  -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
}
.custom-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}
.custom-theme.fr-modal-head .fr-modal-tags a {
  opacity: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #1e88e5;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
}
.custom-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}
.custom-themediv.fr-modal-body .fr-preloader {
  margin: 50px auto;
}
.custom-themediv.fr-modal-body div.fr-image-list {
  padding: 0;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  color: #ffffff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  background: #cccccc;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  margin: 0;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #b8312f;
  color: #ffffff;
}
.custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #ffffff;
  color: #1e88e5;
}
.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
  background: #ebebeb;
}
.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}
.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #ffffff;
}
.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}
.custom-theme .fr-line-breaker {
  border-top: 1px solid #1e88e5;
}
.custom-theme .fr-line-breaker a.fr-floating-btn {
  left: calc(34%);
  top: -16px;
}
.custom-theme .fr-qi-helper {
  padding-left: 10px;
}
.custom-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
  color: #222222;
}
.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  border: 1px solid #cccccc;
}
.custom-theme .fr-element table td.fr-selected-cell,
.custom-theme .fr-element table th.fr-selected-cell {
  border: 1px double #1e88e5;
}
.custom-theme .fr-table-resizer div {
  border-right: 1px solid #1e88e5;
}
.custom-theme.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
}
.custom-theme.fr-popup .fr-table-size .fr-select-table-size > span {
  padding: 0px 4px 4px 0;
}
.custom-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
  border: 1px solid #dddddd;
}
.custom-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(30, 136, 229, 0.3);
  border: solid 1px #1e88e5;
}
.custom-theme.fr-popup .fr-table-colors {
  line-height: 0;
}
.custom-theme.fr-popup .fr-table-colors > span > i {
  bottom: 0;
  left: 0;
}
.custom-theme.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #222222;
}
.custom-theme .fr-element .fr-video::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.custom-theme.fr-box .fr-video-resizer {
  border: solid 1px #1e88e5;
}
.custom-theme.fr-box .fr-video-resizer .fr-handler {
  background: #1e88e5;
  border: solid 1px #ffffff;
}
.custom-theme.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .custom-theme.fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.custom-theme .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
}
.custom-theme .fr-video-upload-layer:hover {
  background: #ebebeb;
}
.custom-theme .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.custom-theme .fr-video-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.custom-theme .fr-video-progress-bar-layer > h3 {
  margin: 10px 0;
}
.custom-theme .fr-video-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
}
.custom-theme .fr-video-progress-bar-layer > div.fr-loader span {
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.custom-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0;
}
.custom-theme.fr-video-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.custom-theme .fr-view strong {
  font-weight: 700;
}
.custom-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}
.custom-theme .fr-view table td,
.custom-theme .fr-view table th {
  border: 1px solid #dddddd;
}
.custom-theme .fr-view table th {
  background: #e6e6e6;
}
.custom-theme .fr-view[dir="rtl"] blockquote {
  border-right: solid 2px #5e35b1;
  margin-right: 0;
}
.custom-theme .fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}
.custom-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}
.custom-theme .fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  color: #5e35b1;
}
.custom-theme .fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}
.custom-theme .fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}
.custom-theme .fr-view span.fr-emoticon {
  line-height: 0;
}
.custom-theme .fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit;
}
.custom-theme .fr-view .fr-text-bordered {
  padding: 10px 0;
}
.custom-theme .fr-tooltip {
  top: 0;
  left: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
}
.custom-theme.fr-toolbar .fr-command.fr-btn,
.custom-theme.fr-popup .fr-command.fr-btn {
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  margin: 0px 2px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  padding: 0;
  width: 26px;
  height: 26px;
}
.custom-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.custom-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.custom-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}
.custom-theme.fr-toolbar .fr-command.fr-btn i,
.custom-theme.fr-popup .fr-command.fr-btn i {
  font-size: 12px;
  width: 12px;
  margin: 7px 7px;
}
.custom-theme.fr-toolbar .fr-command.fr-btn span,
.custom-theme.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  line-height: 17px;
  min-width: 26px;
  height: 15px;
  padding: 0 2px;
}
.custom-theme.fr-toolbar .fr-command.fr-btn img,
.custom-theme.fr-popup .fr-command.fr-btn img {
  margin: 7px 7px;
  width: 12px;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.custom-theme.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background: transparent;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown img {
  margin-left: 3px;
  margin-right: 11px;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #222222;
  background: #d6d6d6;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6 !important;
  color: #222222 !important;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222222 !important;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  right: 1.5px;
  top: 11px;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
.custom-theme.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
}
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.custom-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important;
}
.custom-theme.fr-toolbar.fr-disabled .fr-btn,
.custom-theme.fr-popup.fr-disabled .fr-btn,
.custom-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
.custom-theme.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
}
.custom-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.custom-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.custom-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.custom-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}
.custom-theme.fr-desktop .fr-command:hover,
.custom-theme.fr-desktop .fr-command:focus {
  color: #222222;
  background: #ebebeb;
}
.custom-theme.fr-desktop .fr-command:hover::after,
.custom-theme.fr-desktop .fr-command:focus::after {
  border-top-color: #222222 !important;
}
.custom-theme.fr-desktop .fr-command.fr-selected {
  color: #222222;
  background: #d6d6d6;
}
.custom-theme.fr-desktop .fr-command.fr-active:hover,
.custom-theme.fr-desktop .fr-command.fr-active:focus {
  color: #1e88e5;
  background: #ebebeb;
}
.custom-theme.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6;
}
.custom-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
.custom-theme.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent;
}
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu {
  right: auto;
  bottom: auto;
  height: auto;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #ffffff;
  padding: 0;
  margin: auto;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
  max-height: 0;
  height: 0;
}
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  max-height: 275px;
}
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  margin: 0;
  padding: 0;
}
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
}
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  color: inherit;
}
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}
.custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
}
.custom-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
}
.custom-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px;
}
.custom-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -2px 2px 1px rgba(0, 0, 0, 0.14);
}
.custom-theme.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.custom-theme.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  background: #ffffff;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  border: 0px;
  border-top: 5px solid #222222;
}
@media (min-width: 768px) and (max-width: 991px) {
  .custom-theme.fr-modal .fr-modal-wrapper {
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
  .custom-theme.fr-modal .fr-modal-wrapper {
    margin: 50px auto;
  }
}
.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  border-bottom: 0px;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
}
.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head i {
  color: #222222;
}
.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
}
.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  margin: 0;
  font-weight: 400;
}
.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}
.custom-theme.fr-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
}
.custom-theme.fr-popup {
  color: #222222;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  border: 0px;
  border-top: 5px solid #222222;
}
.custom-theme.fr-popup .fr-input-focus {
  background: #f5f5f5;
}
.custom-theme.fr-popup.fr-above {
  border-top: 0;
  border-bottom: 5px solid #222222;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.custom-theme.fr-popup .fr-input-line {
  padding: 8px 0;
}
.custom-theme.fr-popup .fr-input-line input[type="text"],
.custom-theme.fr-popup .fr-input-line textarea {
  margin: 0px 0 1px 0;
  border-bottom: solid 1px #bdbdbd;
  color: #222222;
}
.custom-theme.fr-popup .fr-input-line input[type="text"]:focus,
.custom-theme.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
}
.custom-theme.fr-popup .fr-input-line input + label,
.custom-theme.fr-popup .fr-input-line textarea + label {
  top: 0;
  left: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  background: #ffffff;
}
.custom-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.custom-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #1e88e5;
}
.custom-theme.fr-popup .fr-input-line input.fr-not-empty + label,
.custom-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080;
}
.custom-theme.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 0 2px;
  line-height: 0;
  border-bottom: 0px;
}
.custom-theme.fr-popup .fr-layer {
  width: 225px;
}
@media (min-width: 768px) {
  .custom-theme.fr-popup .fr-layer {
    width: 300px;
  }
}
.custom-theme.fr-popup .fr-action-buttons button.fr-command {
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}
.custom-theme.fr-popup .fr-action-buttons button.fr-command:hover,
.custom-theme.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}
.custom-theme.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}
.custom-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}
.custom-theme.fr-popup .fr-checkbox span {
  border: solid 1px #222222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.custom-theme.fr-popup .fr-checkbox input {
  margin: 0;
  padding: 0;
}
.custom-theme.fr-popup .fr-checkbox input:checked + span {
  background: #1e88e5;
  border-color: #1e88e5;
}
.custom-theme.fr-popup .fr-checkbox input:focus + span {
  border-color: #1e88e5;
}
.custom-theme.fr-popup.fr-rtl .fr-input-line input + label,
.custom-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}
.custom-theme.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  top: -9px;
  margin-left: -5px;
}
.custom-theme.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222222;
}
.custom-theme.fr-toolbar {
  color: #222222;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border: 0px;
  border-top: 5px solid #222222;
}
.custom-theme.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  top: -9px;
  margin-left: -5px;
}
.custom-theme.fr-toolbar.fr-inline.fr-above {
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  border-bottom: 5px solid #222222;
  border-top: 0;
}
.custom-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-width: 5px;
}
.custom-theme.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.custom-theme.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.custom-theme .fr-separator {
  background: #ebebeb;
}
.custom-theme .fr-separator.fr-vs {
  height: 22px;
  width: 1px;
  margin: 2px;
}
.custom-theme .fr-separator.fr-hs {
  height: 1px;
  width: calc(96%);
  margin: 0 2px;
}
.emojis{height:200px;width:290px;overflow:scroll;color:#222427;border:1px solid #d9d9d9;background:#fff;z-index:5}.emojis .emoji{display:inline-block;font-size:24px;width:24px;padding:6px;line-height:1;cursor:default;font-weight:400;font-family:Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;box-sizing:content-box}.emojis .emoji-categories{border-bottom:1px solid #d9d9d9}.emojis .emoji-category{padding:4px;line-height:14px;display:inline-block}.emojis .emoji-category:hover{border-bottom:3px solid #ebebeb}.emojis .emoji-category__active{border-bottom:3px solid #81409b!important}.emojis .emoji-category__active svg{fill:#81409b!important}.emojis .emoji-category svg{fill:#858585;max-height:16px}.emojis .emoji-category svg:hover{fill:#000}.emojis .emoji-container{height:170px;overflow:scroll}