/* This is the new CSS based on Bootstrap as the base layout */

.disable-on-click-locked {

	pointer-events: none;
	cursor: wait;
}

/*
	This is the new common internal CSS used by all sites.
	Each site override in siteexternal.css
*/

/* Use these variables to set colors of elements */
:root {
	--primary-color: #6FCF97;
	--primary-color-light: #E9F7EF;
	--primary-color-dark: #00664A;
	--primary-color-text: #333;

	    /* AI primary color palette */
    --ai-primary-color: #7C4DFF;
    --ai-primary-color-light: #EDE7FF;
    --ai-primary-color-dark: #3A00B7;
    --ai-primary-color-text-light: #ffffff;
	--ai-primary-color-text-dark: #502bd4;
    --ai-accent-color: #00E5FF;
	--ai-accent-color-light: #E0FCFF;
	--ai-accent-color-dark: #00B8CC;
	--ai-accent-color-text-light: #ffffff;
	--ai-accent-color-text-dark: #00606b;
    --ai-glow: 0 0 12px rgba(124,77,255,0.18);

	--secondary-color: #B3B3FF;
	--secondary-color-light: #F0F0FF;
	--secondary-color-dark: #5C20DF;

	--error-color: #a94442;
	--error-color-light: #f2dede;

	--success-color: #6FCF97;

	--warning-color: #f2c94c;
	--warning-color-dark: #AD8F37;

	--light-grey: #F5F5FA;
	--light-grey-hover: white;
	--mid-grey: #A2A2A9;

	--text-color: #333;

	--footer-color:#283038
}


* {
	font-family: 'Source Sans 3', sans-serif;
}

pre, code,
pre *, code * {
    font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace !important;
}

select option {
	font-family: 'Source Sans 3', sans-serif;
}

body {
	background:var(--footer-color);
	-ms-overflow-style: scrollbar;
}

a {
	color:var(--secondary-color-dark);
}
a:focus,
a:visited:hover,
a:hover {
	color:black;
}
a:not([href]) {
	cursor:not-allowed;
	opacity: .5;
	pointer-events: none;
	font-style:italic;
}

.html-label a, .html-label p, .html-label li {
	font-size: 1em;
}

/*
a > .feather {
	margin-right:10px;
}
*/

/* Link that navigates within the system and has an arrow behind it. */
.nav-link {
	font-weight:bold;
}
.nav-link::after {
	display:inline-block;
	font-family: 'feather' !important;
	content: "\e829";
	transition:margin-left 0.4s;
	margin-left:2px;
}
.nav-link:hover::after {
	margin-left:6px;
}

/* Link that opens a popup. */
.nav-popup {
	font-weight:bold;
}
.nav-popup::after {
	position:absolute;
	display:inline-block;
	font-family: 'feather' !important;
	content: "\e881";
	transition:margin-top 0.4s;
	margin-left:3px;
	margin-top:1px;
}
.nav-popup:hover::after {
	margin-top:-2px;
}


/* Link that will export some kind of document */
.export-link {
	font-weight:bold;
}
.export-link::after {
	position:absolute;
	display:inline-block;
	font-family: 'feather' !important;
	content: "\e870";
	transition:margin-top 0.4s;
	margin-left:3px;
	margin-top:1px;
}
.export-link:hover::after {
	margin-top:-2px;
}


h1 {
	font-weight:300;
	font-size:38px;
	margin:10px 0 20px 0;
}
h2 {
    font-weight: 300;
    font-size:30px;
}
h3 {
    font-weight: 300;
    font-size:24px;
}
h4 {
    font-weight: 400;
    font-size: 20px;
}
p {
	font-size:16px;
}
.border-bottom {
    border-bottom:1px solid #A2A2A9;
    padding-bottom: 3px;
}

.navbar {
	margin-bottom:0;
}

.navbar-hamburger {
	display:none;
}

.mainbar {
	height:84px;
}

.navbar > .container-fluid .navbar-brand {
	padding:10px 20px;
	margin-left:0;
}
.navbar-brand .logodiv {
	height:60px;
	display:block;
	float:left;
}
.navbar-brand .logodiv img {
	height:100%;
}

.navbar-brand span {
	display:block;
	float:left;
	margin:20px 0 0 30px;
	font-size:3.5em;
	font-weight:normal;
	color:#000028;
}

.navbar-brand .prodname {
	margin-top:-5px;
	height:65px;
	padding-left:50px;
}

.navbar-block {
	margin:10px 15px 0px 15px;
	float:left;
}

.navbar-default {
	background:white;
}

.rightcontent .navbar-default {
}

.sub-nav-header {
	display:flex;
	align-items: flex-end;
	margin-bottom:20px;
	margin-top:0px;
}

.sub-nav-header .sub-header-title {
	padding:0px 30px 4px 20px;
	font-size:28px;
	font-weight:300;
	margin-top:auto;
	margin-bottom: 1px;
	border-bottom:1px solid var(--mid-grey);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	min-width:300px;
}

.wider-header .sub-nav-header .sub-header-title {
	min-width:40%;
}


/* More generic flex tabs - use this instead! */
.nav.nav-tabs.flex-tabs {
	display:flex;
	padding-right:5px;
}
.nav.nav-tabs.flex-tabs > li {
	flex:1;
	min-width:0;
}
.nav.nav-tabs.flex-tabs > li > a {
	height:100%;
	text-align:center;
	padding: 10px 10px;
}
.nav.nav-tabs.flex-tabs > li > a div {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.sub-nav-header .nav.nav-tabs {
	display:flex;
	flex-wrap:wrap;
	padding-right: 40px;
	margin-top:3px;
}
.sub-nav-header .nav.nav-tabs > li {
	max-width:500px;
	flex:1;
}
/* media query so that anything below 2200px width screen gets flex-basis:10% */
@media screen and (max-width: 2200px) {
    .sub-nav-header .nav.nav-tabs:has(> li:nth-child(15)) > li {
        flex-basis:11%;
    }
}

.sub-nav-header .nav.nav-tabs > li > a,
.sub-nav-header .nav.nav-tabs > li > a:hover,
.sub-nav-header .nav.nav-tabs > li > a:focus {
	text-align:center;
	padding:10px 5px;
	height:100%;
}
.sub-nav-header .nav-tabs li .dropdown-toggle .caret {
	position:absolute;
	top:20px;
	right:10px;
}

.sub-nav-header nav {
	flex-grow:1;
	border-left:0;
}

/*
.sub-nav-header nav li:first-child {
	margin-left:15px;
}
*/

.sub-nav-header .feather {
	margin-right:10px;
}
.sub-nav-header .nav-tabs {
	margin-bottom: 0px;
	/*margin-top:3px;*/
	font-size:16px;
}
/*
@media screen and (max-width: 1600px) {
	.sub-nav-header .nav-tabs {
		font-size:14px;
	}
}
*/

.nav-tabs {
	border-bottom: 1px solid #A2A2A9;
	margin-bottom: 15px;
}

.nav-tabs > li > a {
	margin-left:3px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border: 1px solid var(--mid-grey);
	border-bottom-color:transparent;
	color:var(--text-color);
}

.nav-tabs> li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	background:var(--light-grey);
	color:var(--text-color);
	border-color:var(--mid-grey);
	padding:10px 20px;
}
.nav-tabs > li > a:hover {
	background:var(--light-grey-hover);
}

.rightcontent > nav {
	margin-top:10px;
}

.navbar-block.pull-right {
	margin-right:0;
}

.langbar {
	display:flex;
	flex-direction:column;
	gap:4px;
	margin:4px 15px 0 0;
}

.langbar-block {
	display:inline-block;
	margin-top:3px;
}

.profileblock a:hover,
.langbar-block a:hover {
	background:#e8e8e8;
	color:#337ab7 !important;
}

.profileblock a,
.langbar-block a {
	display:inline-block;
	padding:1px 10px;
	margin:3px 3px;
	border-radius:4px;
	text-decoration:none;
	color:var(--text-color);
}

.profileblock a .feather,
.profileblock a .glyphicon {
    margin-right: 5px;
}

.langbar-block:first-child {
}

.langbar-block a.selected {
	background:#e8e8e8;
}

.navbar-link {
	margin-top:2px;
    display:inline-block;
    color:var(--text-color) !important;
    padding:3px 6px;
    border:0;
    background:transparent;
    border-radius:4px;
    margin:0 4px;
}
.navbar-link i {
	font-size:18px;
	vertical-align:bottom;
}
.navbar-link:hover,
.navbar-link:focus,
.navbar-link:active {
    text-decoration:none;
    background:#e8e8e8;
}



/* ControlPanel */

.controlblock {
	float:right;
}

.search-group {
	width:250px;
}

.filter-group {
	width:250px;
	float:left;
}

.profileblock {
	margin-top:6px;
}

.newrequest {
	float:right;
	margin-right:15px;
}

.newrequest a {
	width:100%;
}

.controlblockuser {
	clear:both;
	padding-top:13px;
}

/* Main menu and content */

.container-fluid {
	/*min-width:1200px;*/
}

.form-group .nav-tabs.translatable-tabs {
	margin-top:-29px;
}

.nav-tabs.translatable-tabs {
	width:100%;
	text-align:right;
	border-bottom:0;
	margin-bottom:0;
}

.nav-tabs.translatable-tabs>li {
	display:inline-block;
	float:none;
}

.nav.translatable-tabs>li>a {
	padding:5px 15px;
}

.nav-tabs.translatable-tabs>li:last-child {
	margin-right:15px;
}

.maincontent {
	clear:both;
	min-height:650px;
	background:white;
	box-shadow:0 5px 10px rgba(0,0,0,0.3);
}


footer {
	padding:10px;
	color:white;
	font-size:18px;
	border-top:1px solid #888;
}
footer .version-number,
footer .version a,
footer .pageclass {
	font-size:13px;
	color:white;
    opacity:0.6;
}
footer .version {
	margin-top:-4px;
	text-align:right;
	line-height:0.7em;
}
footer .version a {
    transition: opacity 0.3s ease;
}
footer .version a:hover {
    color:white;
    opacity:1;
}
footer .version img {
    height:18px;
    margin-top:-1px;
    margin-left:5px;
}


.menucommon {
	background:var(--primary-color-light);
	color:var(--text-color);
	transition: background-color 0.3s ease-out;
	text-decoration:none !important;
	font-size:1.2em;
}

.menucommon:hover {
	background:var(--primary-color);
	color:var(--primary-color-text) !important;
}

.leftmenucontainer {
	position:fixed;
	top:84px;
	left:0;
	bottom:35px;
	width:120px;
	z-index:1;
	padding:15px;
}

.leftmenu {
	border-radius:10px;
	display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow:0 5px 10px #00000020;
	border: 1px solid #00000020;
}

.leftmenu .leftmenuitem {
	display: table-row;
}

.leftmenu a {
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	border-right:1px transparent;
}

.leftmenu i {
    position: relative;
	display:block;
	font-size:24px;
	text-align:center;
}
@media screen and (max-height: 900px) {
  .leftmenu i {
  	font-size:18px;
  }
}
@media screen and (max-height: 800px) {
  .leftmenu i {
  	display:none;
  }
}

.leftmenu span {
	font-size:11px;
	display:block;
	text-align:center;
	padding-top:2px;
}

.leftmenu a.hover {
	background:#081858;
	border-right:1px solid var(--primary-color);
}

.leftmenu .separator {
	border-bottom:0;
}

.leftmenu a.selected {
	background:var(--primary-color-dark);
	color:white;
}
.leftmenu a.selected i,
.leftmenu a.selected span {
	color:white;
}

.leftmenu .leftsubmenu {
	float:right;
	text-align:center;
	width:35px;
	padding:20px 5px;
	height:60px;
}

.leftmenuitem {
	width:100%;
}

.overlayicon-left:after,
.overlayicon-right:after,
.overlayicon-archive:after,
.overlayicon-plus:after,
.overlayicon-book:after,
.overlayicon-user:after {
	position:absolute;
	left:35px;
	top:-4px;
	font-family: 'feather';
    text-shadow:0 0px 4px #ffffff80;
    color:#D6A000;
    font-size:18px;
}

.overlayicon-left::before,
.overlayicon-right::before,
.overlayicon-archive::before,
.overlayicon-plus::before,
.overlayicon-book::before,
.overlayicon-user::before {
	left:0px;
	top:2px;
}

.submenu {
	display:none;
	position:fixed;
	z-index:10;
	border-left:1px solid #203058;
	border-right:1px solid #203058;
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}

.submenu a {
	font-size:1em;
	display:block;
	padding:3px 15px 3px 15px;
	border-top:1px solid #203058;
}

.submenu a:last-child {
	border-bottom:1px solid #203058;
}

.rightcontent {
	background:white;
	overflow:hidden;
	padding-bottom:20px;
	min-height:800px;
	margin-left:120px;
}

.not-logged-in .rightcontent {
	margin-left:0px;
}

.subcontent {
    position:relative;
	width:100%;
	height:auto;
	padding:20px 15px 20px 5px;
}
.subcontent.full-height {
	height:100%;
}

.checkbox-inline {
	margin-right:15px;
}

.subcontent > h1 {
	font-size:30px;
	padding:5px 20px 12px 20px;
	border-bottom:1px solid #A2A2A9;
}

h1 > i {
	margin-right:10px;
}

.h1toolbarcontainer h1 {
	font-size:30px;
	border-bottom:0;
	float:left;
	margin:0;
}

.h1toolbarcontainer:after {
	content: "";
	display: table;
	clear: both;
}

.h1toolbarcontainer {
    padding: 5px 20px 5px 20px;
    margin-bottom:15px;
	border-bottom:1px solid #A2A2A9;
	width:100%;
}

.h1toolbar {
	float:left;
	margin-left:50px;
}

.h1toolbar .checkbox {
	margin-top:5px;
}

.show-send-container-row {
    margin-bottom: 10px;
}

.show-send-container .checkbox {
    margin-top:4px;
}

.subcontent h1:first-child,
.subcontent h2:first-child {
	margin-top:0;
}

h1 .glyphicon-chevron-right {
	font-size:0.7em;
}

.btn .glyphicon {
	font-size:1.0em;
}

.clicktable tbody tr.selected:hover {
	background:#2e6da4 !important;
}

.clicktable tbody tr:hover,
.linkid tbody tr:hover {
	cursor:pointer;
	background: #c0c4c8 !important;
	color: black;
}

.linkid tbody td,
.clicktable tbody td {
	cursor:pointer;
}

.clicktable tbody tr a {
	color:var(--text-color);
	text-decoration:none;
}

tr.separator {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.budget tbody tr.separator td {
	padding:10px 0;
}

.dottedlines td {
	border-bottom:1px dotted #ccc;
}

.nohover {
	color: inherit !important;
	background: inherit !important;
	cursor: inherit !important;
}

tr.nohover:hover td {
	background: white !important;
}

.atab-panel .table tbody tr,
.atab-panel .table tbody tr.even {
	background:white;
}

.atab-panel .table tbody tr.odd {
	background:white;
}

.table-fixed {
	width:100%;
	table-layout:fixed;
}

.table-fixed th {
	overflow:hidden;
	text-overflow:ellipsis;
}

.table-fixed td {
	overflow:hidden;
	text-overflow:ellipsis;
}

.table.plain,
.table.linkid {
	border-collapse:separate;
    border-spacing:0 4px;
}
.table.celltable {
	border-collapse:separate;
	border-spacing:0 2px;
}

.table.celltable th,
.table.linkid th {
	text-transform:uppercase;
	color:#666;
	font-size:14px;
	font-weight:600;
	border-bottom:1px solid #A2A2A9 !important;
	padding:8px 8px 8px 8px;
	vertical-align: middle;
}
.table.celltable th span,
.table.linkid th span {
	font-size:14px;
}
.table.celltable th a,
.table.linkid th a {
	text-decoration:none;
	font-size:14px;
	color:#666;
}
.table.celltable th a:hover,
.table.linkid th a:hover {
	color:#1d8749;
}

.table.celltable tr.group-headers th {
	border-bottom: 0 !important;
}
.table.celltable tr.group-headers th.th-group {
    border-bottom: 0 !important;
	border-left: 1px solid #ddd;
	text-align: center;
}
.table.celltable tr.group-headers th.th-group + th {
    border-left: 1px solid #ddd;
}

.table.celltable.border-1 td:nth-child(1) { border-left: 1px solid #ddd; }
.table.celltable.border-2 td:nth-child(2) { border-left: 1px solid #ddd; }
.table.celltable.border-3 td:nth-child(3) { border-left: 1px solid #ddd; }
.table.celltable.border-4 td:nth-child(4) { border-left: 1px solid #ddd; }
.table.celltable.border-5 td:nth-child(5) { border-left: 1px solid #ddd; }
.table.celltable.border-6 td:nth-child(6) { border-left: 1px solid #ddd; }
.table.celltable.border-7 td:nth-child(7) { border-left: 1px solid #ddd; }
.table.celltable.border-8 td:nth-child(8) { border-left: 1px solid #ddd; }
.table.celltable.border-9 td:nth-child(9) { border-left: 1px solid #ddd; }
.table.celltable.border-10 td:nth-child(10) { border-left: 1px solid #ddd; }
.table.celltable.border-11 td:nth-child(11) { border-left: 1px solid #ddd; }
.table.celltable.border-12 td:nth-child(12) { border-left: 1px solid #ddd; }
.table.celltable.border-13 td:nth-child(13) { border-left: 1px solid #ddd; }
.table.celltable.border-14 td:nth-child(14) { border-left: 1px solid #ddd; }
.table.celltable.border-15 td:nth-child(15) { border-left: 1px solid #ddd; }
.table.celltable.border-16 td:nth-child(16) { border-left: 1px solid #ddd; }
.table.celltable.border-17 td:nth-child(17) { border-left: 1px solid #ddd; }
.table.celltable.border-18 td:nth-child(18) { border-left: 1px solid #ddd; }
.table.celltable.border-19 td:nth-child(19) { border-left: 1px solid #ddd; }
.table.celltable.border-20 td:nth-child(20) { border-left: 1px solid #ddd; }
.table.celltable.border-21 td:nth-child(21) { border-left: 1px solid #ddd; }
.table.celltable.border-22 td:nth-child(22) { border-left: 1px solid #ddd; }
.table.celltable.border-23 td:nth-child(23) { border-left: 1px solid #ddd; }
.table.celltable.border-24 td:nth-child(24) { border-left: 1px solid #ddd; }
.table.celltable.border-25 td:nth-child(25) { border-left: 1px solid #ddd; }
.table.celltable.border-26 td:nth-child(26) { border-left: 1px solid #ddd; }
.table.celltable.border-27 td:nth-child(27) { border-left: 1px solid #ddd; }
.table.celltable.border-28 td:nth-child(28) { border-left: 1px solid #ddd; }
.table.celltable.border-29 td:nth-child(29) { border-left: 1px solid #ddd; }
.table.celltable.border-30 td:nth-child(30) { border-left: 1px solid #ddd; }

.table.celltable th.iconColumn span {
	padding: 3px 6px;
    display:block;
}
/*
.table.celltable tr.group-headers th:first-child {
    border-left: 0;
}
 */
.table-scroll {
	width:0;
	min-width:100%;
	overflow-x:auto;
	margin-bottom:10px;
}

table.table:not(:has(> thead)) > tbody > tr:first-child > td {
    border-top: 0;
}


.item-testcase > td {
	background: #fce8e8 !important;
}
.item-cancelled > td {
	text-decoration: line-through;
}

.table.celltable tbody td {
	border-bottom:1px solid #ddd;
	border-top:0;
	border-radius: 0;
	padding-bottom:4px;
}
.table tbody td a.cell-nav,
.table.celltable tbody td a {
	display:block;
    position:relative;
	padding:2px 4px;
	margin:-2px -4px;
	border-radius:4px;
    min-height:28px !important;
    color:var(--text-color);
    text-decoration: none;
}
.table tbody td a.cell-nav:hover,
.table.celltable tbody td a:hover {
	background:#00000010;
	min-height: 20px;
}

/* Add an arrow to indicate it is clickable on the right side using feather */
.table tbody td a.cell-nav:hover:after {
    position:absolute;
    display:inline-block;
    font-family: 'feather' !important;
    content: "\e829";
    right:4px;
    top:50%;
    z-index: 2;
    color:var(--secondary-color-dark);
    text-shadow: 0 0 5px white;
    transform:translateY(-50%);
}

/* Override with filter icon for filter-action cells */
.table tbody td a.cell-nav.cell-filter:hover:after {
    content: "\e875";
}

.table.linkid tbody td {
	color:var(--text-color);
	border:none !important;
	padding:5px 5px !important;
	background:var(--primary-color-light);
}

.table.plain,
.table.linkid tbody td:last-child {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.table.plain,
.table.linkid tbody td:nth-child(2),
.table tbody td:first-child {
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.fixed-table.clicktable tbody tr:hover td,
.clicktable tbody tr:hover td,
.table.linkid tbody tr:hover td {
	cursor:pointer;
	color:var(--primary-color-text);
	background:var(--primary-color);
}

.table.linkid tbody td,
.clicktable tbody td {
	cursor:pointer;
}

.noidcolumn tbody td:nth-child(2) {
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}

.table.clicktable tbody tr.selected td {
	background-color: var(--primary-color-light) !important;
}

.table tbody tr.infected-row td,
.table tbody tr.infected-row td:hover {
	background-color: #ffcccc !important; /* Light red background */
}

.table.linkid tbody tr,
.table.linkid tbody tr.even {
	background:var(--primary-color-light);
}
.table.linkid tbody tr.odd {
	background:var(--primary-color-light);
}

.table.linkid tbody tr.selected {
	background:#337ab7;
	color:white;
}

.table tbody tr.selected input {
	color:black;
}

.table tbody tr.selected a {
	color:white;
	text-decoration: none;
}

.table tbody tr.selected .glyphicon {
	color:white;
}

.table tfoot tr:last-child td {
	border-top:none;
}

.table.linkid tbody tr.disable td {
	background:white;
	cursor:default;
	pointer-events: none;
}

.dropdowntable .hideColumn,
.table .hideColumn {
	display:none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding:3px 6px;
}

.table tfoot tr:first-child td {
	padding-top:15px;
}

.table td.buttoncell {
	padding-right: 0;
}

.table td.buttoncell button {
	padding-top: 0;
	padding-bottom: 0;
}

.table tr.total {
	border-top:1px solid #ccc;
	font-weight:bold;
}

.table tfoot tr.total td {
	padding-top:5px;
}

table .number,
.table .number {
	text-align:right;
}
.iconColumn {
	width:30px;
	font-size:16px;
}
.iconColumn div.feather {
	margin:2px 4px;
}
.iconColumn .submitted .feather {
	color:#080;
}
.iconColumn a {
	padding:2px;
}
.iconColumn a:hover {
	text-decoration: none;
	background:#eee;
	border-radius:50%;
}

.table tbody tr.new {
	background:#cec;
}

.table.plain tbody tr {
	background:#eee;
}
.table.no-border tbody tr td,
.table.plain tbody tr td {
	border:0;
}

.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th,
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th {
    border: none;
}

.table-borderless > thead > tr,
.table-borderless > tbody > tr,
.table-borderless > tfoot > tr {
	background-color: transparent;
}

.table-attachment {
	margin-bottom:0;
	cursor:default;
}

.table-attachment td.selected,
.table-attachment tr.selected {
	background: #3194fa;
	color:white;
}

.table-attachment td {
	padding:1px 2px !important;
}


.table td.error {
	color:#eb5757;
}
.table td.success {
	color:#155724;
	background:transparent !important;
}

.calldecisiontable td .form-control,
.measurestable td .form-control {
	width:120px;
	padding:1px 10px;
	height:auto;
}

.calldecisiontable tr.total td:not(.number-cell),
.measurestable tr.total td {
	text-align:right;
	padding-right:16px;
}

.calldecisiontable .number,
.measurestable .number {
	padding-right:16px;
}

.grantheader {
	width:130px;
	text-align:right;
}

.grantheader input {
	float:right;
}

.estimatedEarningsHeader {
	width:150px;
	text-align:right;
}

.estimatedEarningsHeader input {
	float:right;
}

.table tfoot {
	font-size:16px;
}

.table .form-group {
	margin-bottom: 0;
}

.table .form-group input[type="radio"] {
    margin-top: 2px;
}

.dropdowntable {
	font-size:1.1em;
}

.dropdowntable thead {
	display: none;
}

.dropdowntable .navigation {
	height:40px;
}
.dropdowntable tbody tr:hover {
	background: #00000010 !important;
}

/* Tabell navigering */

.navigatorLabel {
	float:left;
}
.navigator {
	float:right;
	margin-top:5px;
}
.navigator a {
	padding:4px 10px;
	border:1px solid transparent;
	border-radius:6px;
	text-decoration:none;
	color:var(--primary-color-dark);
}
.navigator a:hover {
	background:#ccc;
}
.navigator a.first[disabled="disabled"],
.navigator a.prev[disabled="disabled"],
.navigator a.next[disabled="disabled"],
.navigator a.last[disabled="disabled"] {
	background:transparent;
	color:black;
	opacity:0.3;
}
.navigator .goto a[disabled="disabled"] {
    background: var(--primary-color);
    color:black;
    font-style:normal;
    opacity:1;
}

/* Table sorting */

th.wicket_orderUp {
	padding-right:20px !important;
	background-image:url(../images/sortdown.png) !important;
	background-repeat:no-repeat !important;
	background-position: right 5px top 16px !important;
}
th.wicket_orderDown {
	padding-right:20px !important;
	background-image:url(../images/sortup.png) !important;
	background-repeat:no-repeat !important;
	background-position: right 5px top 16px !important;
}

/* TableTree */
.tree-theme-windows th, .tree-theme-windows td {
    padding-right: 10px;
}
.tree-theme-windows td .tree-content {
    padding-left: 5px;
}
.tree-theme-windows td .tree-branch-mid .tree-content {
    padding-left: 5px;
    padding-bottom: 5px;
}

.bottombuttons {	
	margin-top:15px;
	padding:15px;
	border-top:1px dotted #ccc;
}

.bottombuttons button,
.bottombuttons input,
.bottombuttons a {
	margin-right:15px;
}

.alert label {
	width:150px;
	text-align:right;
	margin-right:10px;
}

.alert .checkbox label,
.alert .radio label {
    width:auto;
}

.alert legend {
    color: inherit;
}

.horizontal:after {
	content: "";
	display: table;
	clear: both;
}

.horizontal label {
	display:inline-block;
	width:auto;
	margin-right:10px;
}

.horizontal input[type='text'],
.horizontal select {
	display:inline-block;
	margin-right:20px;
	width:auto;
}

.horizontalradio {
	padding: 2px 0 0 5px;
}

.horizontalradio input {
	float:left;
	padding: 0;
	margin: 3px 4px 0 0;
}

.horizontalradio label {
    float:left;
    font-weight:normal;
	margin:0px 20px 0px 0px;
	padding:0px 0px 2px 0px;
	display: inline-block;
}

.verticalradio {
	overflow:auto;
}

.verticalradio input {
	margin: 3px 5px 0 6px;
	display: inline-block;
	float:left;
	clear:both;
}

.verticalradio label {
	float:left;
	font-weight:normal;
	display: inline-block;
}

.radio-group {
	padding: 2px 0 0 5px;
}

.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	margin-left:20px;
}

.date-control-vertical {
	width:150px;
	display:inline-block;
}

.date-control + .yui-skin-sam {
	position:relative;
	top:-10px;
	right:-85%;
	text-align:right;
}

.yui-skin-sam .close-icon {
	padding-top:10px;
}

.yui-skin-sam .yui-calcontainer {
	border-radius:6px;
	border:none !important;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}

.yui-skin-sam .yui-calcontainer .title {
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

.yui-skin-sam .yui-calendar td.calcell a {
	padding:0px 2px !important;
}

.checkbox-list input {
	clear:both;
	display:block;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
}

.checkbox-list label {
	font-weight:normal;
	display:block;
	float:left;
	margin:0 0 0 6px;
}

dl dd .checkbox {
	margin-top: 2px;
}

/* Button and panel styling */

.btn {
	background:transparent;
	box-shadow: none;
	text-transform:uppercase;
	color:var(--text-color);
	border:1px solid #A2A2A9;
	text-shadow:none;
	white-space: wrap;
}
a.btn:hover,
.btn:hover {
	color:var(--text-color);
}
.input-group-btn .btn {
	white-space: nowrap;
}

a.btn:not([href]) {
	cursor:not-allowed;
	opacity: .5;
	pointer-events: none;
}

a.btn-primary:not([href]) {
}

.btn-primary {
	background:var(--primary-color);
	color:var(--primary-color-text);
}
.btn-primary:active:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background:var(--primary-color-dark);
    color:white !important;
}
.btn-primary.focus:focus,
.btn-primary.focus,
.btn-primary.active:focus,
.btn-primary.active {
	background:var(--primary-color-dark);
	border-color:transparent;
	box-shadow:none;
	color:white !important;
}
.btn-primary.active.focus,
.btn-primary.active:hover {
	background:var(--primary-color);
	color:black;
	border:1px solid var(--primary-color-dark);
}

.btn-default:hover,
.btn-default:focus {
	background:#F5F5FA;
}
.btn-default:active,
.btn-default.active {
    background-color:#A2A2A9;
    border-color:var(--text-color);
    box-shadow:none;
}

.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-primary[disabled]:hover,
.btn-primary[disabled] {
	background:transparent;
	color:#888 !important;
	font-style:italic;
	border:1px solid #ccc;
}

.btn-success {
	background:#1d8749;
	color:white;
}
.btn-success:active:focus,
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background:#118643;
    color:white !important;
}

.btn-info {
    background: #3e8bc8;
    color:white;
}
.btn-info:active:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
    background: #2d5f88;
    color:white !important;
}


.case-nav .btn-primary {
	border:#1d8749;
}

.panel-primary {
	border-color:#1d8749;
}
.modal-content .panel-primary {
	border:none;
}
.panel-heading {
	border-bottom:0;
}
.modal-header {
	background:var(--primary-color-dark);
	color:white;
	text-shadow:none;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.panel-primary .panel-heading {
	background:var(--primary-color);
	color:var(--primary-color-text);
	text-shadow:none;
}

.panel-body {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
.panel > .panel-body:first-child {
	border-radius: 4px;
}

.panel-primary .panel-heading .panel-icon {
	color:white;
}

.panel {
	box-shadow:none;
}
.subcontent > .table:last-child,
.subcontent > .panel:last-child {
	margin-bottom:0;
}

.panel-default .panel-heading {
	background:#e4e4e4;
}

.panel-heading {
	padding:5px 15px;
}

/* dont think this is used anymore */
#leftarea .panel {
	background:transparent;
	border:0;
}

.panel-heading.case-nav {
	padding:0;
	background:transparent;
	color:var(--text-color);
}

.panel-heading h4 {
	display:inline-block;
	margin:0;
	padding-bottom:5px;
	margin-top:6px;
}

.panel-heading h4 > .feather,
.panel-heading h4 > .glyphicon {
	margin-right:5px;
}

.case-nav .icon-folder  {
	font-size:2em;
	margin-right:15px;
}
.case-nav .btn-icon {
	margin:0 3px;
	font-size:1.6em;
	padding:2px 5px 0 5px;
	text-decoration:none;
}
.case-nav .btn-icon:focus,
.case-nav .btn-icon:active,
.case-nav .btn-icon:hover {
	border-radius:4px;
	background:#00000020;
	text-decoration:none;
}

.panel-heading .toolbar {
	float:right;
	width:auto;
	height:auto;
	margin-bottom:0;
}

.panel-heading .btn-icon {
	padding:0 3px;
	font-size:1.6em;
	text-decoration:none;
}
.panel-heading .btn-icon:focus,
.panel-heading .btn-icon:active,
.panel-heading .btn-icon:hover {
	border-radius:4px;
	background:#ffffff80;
	text-decoration:none;
}

.panel-toolbar h4 {
	margin:4px 0 0 0;
}

.toolbar {
	margin-bottom:10px;
}
.toolbar::after {
	content: "";
	display: table;
	clear: both;
}

.panel-heading .toolbar .toolbarblock:last-child {
	margin-right:0;
}

.panel-default .panel-body {
	background-color:#f8f8f8;
}

.panel-danger {
	border-color:#eb5757;
	border-width:2px;
}
.panel-danger .panel-heading {
	background:var(--error-color-light);
	font-weight:bold;
	color:var(--error-color);
}
.panel-danger .panel-body {
	background:transparent;
	color:#eb5757;
}
.panel-danger .panel-body .high-severity {
    background:white;
    color:#eb5757;
}
.panel-danger .panel-body .medium-severity {
    background:white;
    color:#D6A000;
}
.panel-danger .panel-body .low-severity {
    background:white;
    color:#000000;
}
.panel-warning {
	border-color:#D6A000;
	border-width:2px;
}
.panel-warning .panel-heading {
	background:#FFF8E8;
	font-weight:bold;
	color:#D6A000;
}
.panel-warning .panel-body {
	background:white;
	color:#D6A000;
}

.panel-default.panel-collapsable .panel-heading,
.recommendation-fragment .panel-default .panel-heading {
    background:var(--light-grey) !important;
}
.panel-default.panel-collapsable .panel-heading::after {
    content: "\e845";
    font-family: 'feather' !important;
    float: right;
    font-size: 18px;
    margin-top: -2px;
}
.panel-default.panel-collapsable.collapsed .panel-heading::after {
    content: "\e842";
}
.panel-default.panel-collapsable .panel-body, .recommendation-fragment .panel-default .panel-body {
    background:transparent;
}
.panel-collapsable .panel-heading:hover {
    cursor:pointer;
}
.panel-danger.panel-collapsable .panel-heading:hover {
	background:#ecd8d8;
}
.panel-collapsable.collapsed .panel-body {
	display:none;
}
.panel-collapsable.collapsed .panel-heading {
	border-radius:4px;
}

.panel-group .panel-heading h4 {
    display:block;
    max-width:100%;
}
.panel-group .panel-heading h4 a {
    display:block;
    text-decoration:none;
}
.panel-group .panel-heading h4 a:hover {
    text-decoration:none;
    color:#333
}
.panel-group .panel-heading:hover {
    cursor:pointer;
    background:var(--primary-color-light);
}
.panel-group .panel-heading.collapsed {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.panel-group a.panel-heading {
    display:block;
    text-decoration:none;
}

.panel-group .panel + .panel {
    margin-top:12px;
}

.panel-group .panel-default .panel-body {
    background-color: white;
}

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

.body-buttons .btn {
	margin-bottom:5px;
}

.panel-body h1 {
	font-size:1.5em;
	margin-top:0;
}

.form-preview .application-form {
	max-width:1150px;
}

.application-form .field-group-tile-wrapper .delete-tile {
	top:3px;
}

.previewmsg {
	padding-top:2px;
	color:#922;
	font-size:1.4em;
}

.previewmsg .glyphicon {
	vertical-align: top;
	font-size:24px;
}

/* DummyLoginPage */

.logintable td {
	padding:2px 5px;
}


/* SystemMessagePanel */

.navbar-message {
    margin-top:5px;
    position:absolute;
    left:500px;
    right:400px;
}
.navbar-message .alert {
    margin-bottom:0;
    padding:0px 15px;
    overflow:hidden;
    height:73px;
}
.navbar-message .alert:hover {
    height:auto;
}
.systemmessages ul {
    padding:0;
    list-style: none;
}
.systemmessages ul li {
    position:relative;
    border-top:1px solid #00000020;
}
.systemmessages ul li:first-child {
    border-top:0;
}
.systemmessages ul li p:empty {
    display:none;
}
.systemmessages ul li span {
    font-weight:bold;
    float:left;
    display:block;
    font-size:12px;
    opacity:0.5;
    margin-right:10px;
}
.systemmessages ul li div {
    padding-left:40px;
}
.systemmessages ul li p {
    margin:0 0 5px 0;
    width:100%;
    clear:both;
}
.systemmessages ul li.information:before {
    position:absolute;
    display:block;
    content: "\e87f";
    font-family: 'feather';
    font-size: 30px;
    margin-right: 10px;
    top:0px;
}
.systemmessages ul li.maintenance:before {
    position:absolute;
    display:block;
    content: "\e87f";
    font-family: 'feather';
    font-size: 30px;
    margin-right: 10px;
    top:0px;
}
.systemmessages .dismiss-button {
    display:none;
}

.case-left .panel-body  {
	background:white;
}
.html .section-heading {
	background:var(--primary-color);
	color:var(--primary-color-text);
	padding:3px 10px 3px 10px;
	font-size:18px;
	min-height:32px;
	font-weight:bold;
	border-radius:0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-top:3px;
	box-shadow:none;
	border-top:0;
}
.html .section-heading.closed:hover,
.html .section-heading:hover {
	background:var(--primary-color);
	color:var(--primary-color-text);
}
.html .section-heading.closed {
	background:var(--primary-color-light);
	color:var(--text-color);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.html .ai-section-heading {
	background:var(--ai-primary-color);
	color:var(--ai-primary-color-text-light);
	padding:3px 10px 3px 10px;
	font-size:18px;
	min-height:32px;
	font-weight:bold;
	border-radius:0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-top:3px;
	box-shadow:none;
	border-top:0;
}
.html .ai-section-heading.closed:hover,
.html .ai-section-heading:hover {
	background:var(--ai-primary-color);
	color:var(--ai-primary-color-text-light);
}
.html .ai-section-heading.closed {
	background:var(--ai-primary-color-light);
	color:var(--ai-primary-color-text-dark);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.html-label.ai-generated-document .section-heading {
	background:var(--ai-primary-color);
	color:var(--ai-primary-color-text-light);
}
.html-label.ai-generated-document .section-heading:hover {
	background:var(--ai-primary-color);
	color:var(--ai-primary-color-text-light);
}
.html-label.ai-generated-document .section-heading.closed {
	background:var(--ai-primary-color-light);
	color:var(--ai-primary-color-text-dark);
}
.html-label.ai-generated-document .section {
	border-color:var(--ai-primary-color);
}
.html .section {
	padding:10px 10px 5px 10px;
	margin:0;
	background:white;
	border:1px solid var(--primary-color);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.html .section .section {
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}
.html .section .section:last-child {
	border-bottom:1px dotted #ccc;
}
.html .section .section-heading {
	border:none;
	box-shadow:none;
}
.html .ai-section {
	padding:10px 10px 5px 10px;
	margin:0;
	background:white;
	border:1px solid var(--ai-primary-color);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.html .ai-section .section {
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}
.html .ai-section .section:last-child {
	border-bottom:1px dotted #ccc;
}
.html .ai-section .section-heading {
	border:none;
	box-shadow:none;
}
/* WorkflowEditPage */


#picklistpopup table,
#picklistpopup table input
{
	width:100%;
}

#picklistpopup .modal-dialog {
	width:400px;
}

.picklist-table {
	width:100%;
}

.picklist-table th,
.picklist-table td {
	padding:2px 0px 2px 10px;
}

.picklist-table tfoot td {
	padding-top:10px;
}


/* Table filters */

.filterrow {
	background:#1d8749;
}
.filterrow th {
	border:0 !important;
	position:relative;
}
.filterrow th:nth-child(2) {
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.filterrow th:last-child {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.filterrow th:last-child::after {
	position:absolute;
	top:5px;
	right:5px;
	z-index:0;
	font-family: 'Glyphicons Halflings' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e138";
	color:#ffffff80;
	float:right;
	font-size:20px;
}

ul.columnfilters {
	margin: 0;
	padding: 0;
	overflow:hidden;
	white-space: nowrap;
}
.columnfilters li.filterheader {
	display: inline-block;
	float: left;
	padding: 4px 3px 4px 3px;
	background-color: var(--text-color);
	margin: 0;
	height: 18px;
	margin-bottom:4px !important;
}
.columnfilters li.filterheader:last-child {
	padding: 4px 0px 4px 3px;
}
.columnfilters li.filterheader input[type="text"] {
	border-bottom:0;
	border-top:0;
}

.table.linkid tr.filterrow th {
	padding:4px 6px;
	text-transform:none;
}

.filterinput {
	padding:0;
	margin:0;
	outline:none;
	width:100%;
	color:white;
	box-shadow:none !important;
}
.filterinput input {
	border:0;
	border-radius:4px;
	padding:1px 4px;
	background:#00000040;
	margin-top:-1px;
	margin-bottom:-1px;
	width:100%;
	z-index:10;
}
.filterinput input:focus {
	outline:0;
}

span.filterclick, span.enumfilterclick, span.readonlyfilter, span.dateFilterclick {
	color: white;
	padding-left: 2px;
}

span.filterclick:hover, span.enumfilterclick:hover, span.dateFilterclick:hover {
	cursor: pointer;
}

span.filterdesc {
	vertical-align:middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:1px;
}

div.enumfilterinput {
	position: absolute;
	margin-left:-50px;
	z-index: 200;
	background:var(--primary-color-light);
	border:1px solid #bbb;
	border-radius:4px;
	color:var(--text-color);
	min-width:170px;
}

div.enumfilterinput ul {
	list-style-type: none;
	padding: 10px;
	margin-bottom:0;
}

div.enumfilterinput a {
	font-style: italic;
}

li.filterseparator {
	clear:both;
}

.filtertopbuttons {
	padding:10px 5px;
	border-bottom:1px solid #bbb;
	text-align:center;
}

.table.linkid th .filtertopbuttons a {
	margin:0px 10px;
	color:var(--text-color);
}
.table.linkid th .filtertopbuttons a:hover {
	color:#1d8749;
}

li.filterseparator,
li.filterbuttons {
	margin:10px -10px 0 -10px !important;
	border-top:1px solid #bbb;
	padding-top:10px !important;
	text-align:center;
}

/* Experimental styling of checkboxes! Might not work on all browsers! */
/*
Need to fix .checkbox label input[type=checkbox] styling in cortadoform which messes with this.

input[type="checkbox"] {
    -webkit-appearance: none;
}
input[type="checkbox"] {
    top:-3px;
    left:16px;
	border:1px solid #ccc;
	width:20px;
	height:20px;
	border-radius:4px;
}
input[type="checkbox"]:checked:before {
	color:#6FCF97;
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size:14px;
    padding:1px;
    position: absolute;
}
*/
/* Experiment end */

input[type="checkbox"].enumfiltercheck {
	float: none;
	margin-left: 0;
}

input[type="button"].closeenumfilter {
	margin-left: 0.7em;
	margin-bottom: 0.7em;
}

input[type="button"].closeDateFilter {
	margin-left: 0;
}

.caseInfoFilterShow {
	display: inline-block;
	box-shadow:0px 2px 10px rgba(0,0,0,0.4);
}

.caseInfoFilterHide {
	display: none;
}

.enumfiltercontainer {
	min-width: 110px;
	margin-top:0;
}

.enumfiltercontainer li img {
	width:20px;
	vertical-align:top;
	margin-top:0px;
	margin-right:2px;
}

div.dateFilterInput {
	position: absolute;
	margin-left:-50px;
	z-index: 200;
	background:var(--primary-color-light);
	border:1px solid #bbb;
	border-radius:4px;
	color:var(--text-color);
	min-width:170px;
}

div.dateFilterInput ul {
	list-style-type: none;
	padding: 10px 10px 0 10px;
}

div.dateFilterInput ul .radio {
	margin-bottom:10px;
}

div.dateFilterInput ul li {
	margin:0;
	padding:0;
}

.dateInputField {
	width: 100px !important;
}

.customperiodDate .input-group {
	width:140px;
}

div.dateFilterInput a {
	font-style: italic;
}

.periodLabel{
    display: block;
}


/* CaseEditPage */

.caseid {
	float:right;
	font-size:18px;
}

.messageblock {
	margin-bottom:10px;
	box-sizing: border-box;
	width:100%;
}

.messageblock iframe {
	width:100%;
	border:0;
	margin:0;
	padding:0;
	max-height:60vh;
}

.messageblock textarea {
	clear:both;
	width:100%;
	padding:5px;
	box-sizing: border-box;
}

.messageframe {
	background:white;
	transition: height 0.25s ease-out;
	overflow:hidden;
}

.collapsable {
	float:right;
	background-image:url(../images/chevron-up.png);
	background-repeat:no-repeat;
	background-size:18px;
	background-position:4px 1px;
	width:26px;
	height:20px;
	margin-left:10px;
	padding:5px 5px;
}

.collapsable:hover {
	background-color:rgba(0,0,0,0.1);
	border-radius:5px;
	cursor:pointer;
}

.messageheader.closed .collapsable {
	background-image:url(../images/chevron-down.png);
}

div.details label {
	padding-top:5px;
	width:40%;
	clear:both;
	float:left;
	height:18px;
	color:#555;
}

div.details span, div.details a {
	padding-top:5px;
	width:60%;
	display:block;
	float:left;
}

div.details div.detailsblock {
	padding-top:5px;
	width:60%;
	float:left;
}

div.details div.detailsblock span, div.details div.detailsblock a {
	display:inline;
	float:none;
}

.taskinstances-panel {
	padding:0;
}
.taskinstance {
	clear:both;
	position:relative;
	margin-top:4px;
}
.taskinstance:after {
	content: "";
	display: table;
	clear: both;
}
.taskinstance h4 {
	background:#e4e4e4;
	padding:5px 15px 6px 15px;
	height:33px;
	cursor:pointer;
	margin:0;
	border:0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.taskinstance.open h4 {
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.taskinstance h4 span {
	float:left;
}
.taskinstance h4:hover {
	background:#d4d4d4;
}
.taskinstance.completed h4 {
	background:#1d8749;
	color:white;
}
.taskinstance.completed h4:hover {
	background:#118643;
}
.taskinstance.completed .lastStatus {
	color:white;
}
.taskinstance.started h4 {
	background:#F2C94C;
	color:black;
}
.taskinstance.started h4:hover {
	background:#efbb1d;
}
.taskinstance.ai-generated:not(.started) h4 {
	background:var(--ai-primary-color);
	color:var(--ai-primary-color-text-light);
}
.taskinstance.ai-generated:not(.started) h4:hover {
	background:var(--ai-primary-color);
}
.taskinstance.ai-generated:not(.started) .lastStatus {
	color:var(--ai-primary-color-text-light);
}
.taskinstance.task-warning h4 > span::after {
	content: "\e81c";
	font-family: 'feather';
	font-style: normal;
	font-weight:bold;
	font-size:1em;
	margin-left:6px;
	color:var(--error-color);
	border-radius:50%;
}
.taskinstance.completed.task-warning h4 > span::after {
	color:white;
}

.taskinstance .taskblock {
	margin:0;
	padding:10px;
	width:100%;
	display:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid #e4e4e4;
	border-top:0;
}
.taskinstance.open .taskblock {
	display:block;
}

.taskinstance .lastStatus {
	margin:4px 30px 0 0;
	font-size:1.5rem;
	opacity:0.7;
	display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
	float:right;
	text-align:right;
	color:black;
}

.taskblock:after {
	content: "";
	display: table;
	clear: both;
}

.taskstatus {
	position:absolute;
	top:4px;
	right:4px;
	z-index:1;
	text-align:right;
}

.statuslink {
	display:block;
	width:25px;
	height:25px;
	text-align:center;
	padding:0px 0 0 3px;
	font-size:17px;
	border:1px solid #d7d7d7;
	background:white;
}
.statuslink:hover {
	background:white;
	border:1px solid #aaa;
}

.statuslink:hover .glyphicon {
	display:inline-block;
	opacity:0.5;
	text-shadow:none;
}

.statuslink.completed:hover .glyphicon,
.statuslink.completed .glyphicon {
	display:inline-block;
	opacity:1;
	text-shadow:none;
}

.statuslink.completed:hover .glyphicon:before {
	content: "\e031";
}

.statuslink .glyphicon {
	display:none;
	color:#060;
}

.taskaddremark {
    position:absolute;
    top:4px;
    right:10px;
    text-align:right;
}

.taskaddremark a {
    display:block;
    width:25px;
    height:25px;
    text-align:center;
    padding:1px 0 0 4px;
    font-size:17px;
    border: 1px solid #00000040;
    background:transparent;
}
.taskinstance.completed .taskaddremark a {
	color:#eee;
	border: 1px solid #ffffff40;
}

.taskaddremark a:hover {
    background:#00000020;
}

.processname {
	float: right;
    font-size: 12px;
    margin: 3px 54px 0 0;
    opacity: 0.6;
    width: 150px;
    text-align: right;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.taskstatuscheck {
	width:26px;
	margin:4px 0 0 0 !important;
	cursor:pointer;
}

.task-help {
	position:relative;
	float:left;
	display:inline-block;
	color:#207888;
	text-align:center;
	padding:0 5px 0 5px;
	margin-top:-2px;
}
.task-help i {
	color:var(--text-color);
	font-size:22px;
	float:right;
	cursor:help;
	opacity:0.7;
	margin-top: 2px;
    margin-left: 2px;
}
.started .task-help i,
.completed .task-help i {
	color:white;
}
.task-help:hover i {
	opacity:1;
}
.task-help:hover span {
	display:block;
}
.task-help span {
	position:absolute;
	z-index:100;
	left:0px;
	width:400px;
	top:28px;
	clear:both;
	display:none;
	color:black;
	border-radius:4px;
	padding:8px;
	background:#fae9b8;
	box-shadow:0 3px 5px rgba(0,0,0,0.2);
}
.task-help span p:last-child {
	margin-bottom:0;
}

/* ExecutiveOfficerTaskPanel */

.executiveofficers {
	margin-top:15px;
}

.executiveofficers td {
	padding:3px 5px;
}


/* ComposeMessagePanel */

.messageheader {
	padding:4px 10px;
	background: #f5f5f5;
	background-image:url(../images/mailreply.png);
	background-repeat:no-repeat;
	background-size:24px;
	background-position:4px 4px;
	border-top: 1px solid #ddd;
	padding-left:34px;
	color:var(--text-color);
}

.messageheader a {
	margin-left:0;
}

.messageheader .messagefrom {
	float:left;
	font-weight: bold;
	margin:0;
	padding-top:2px;
}

.messageheader .messagedate {
	float:right;
	margin:0;
	padding-top:2px;
}

.messageheader.closed + .messageframe {
}

.messagecontent {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

/* Dropdown used for templates in messages */
.ddblock {
	position: relative;
    display: inline-block;
}

.ddcontent {
    background-color: #f9f9f9;
    padding:0;
}

.ddcontent .template {
	display:block;
	height:30px;
}

.ddcontent .template > span {
	max-width:400px;
	width:400px;
	overflow:hidden;
	float:left;
	clear:both;
	display:inline-block;
	white-space: nowrap;
	text-overflow:ellipsis;
	color: black;
	cursor:pointer;
    padding: 5px 0px 5px 25px;
    text-decoration: none;
	/*background-image:url(../images/file.png);
	background-repeat:no-repeat;
	background-position:4px 5px;*/
	position:relative;
}
.ddcontent .template > span::before {
	position: absolute;
	left: 3px;
	top: 1px;
	font-size: 20px;
	content: "\e872";
	font-family: 'Feather';
	color:#888;
}

.ddcontent .template:hover {
	background: #00000020;
}

.ddcontent .template .templatelanguages {
	float:right;
	display:block;
	padding-right:2px;
}

.ddcontent .template .templatelanguages a {
	padding: 3px 5px 3px 5px;
	margin-top:2px;
	display:inline-block;
	text-align:center;
	text-decoration: none;
}

.ddcontent .template .templatelanguages a:hover {
	/*background:#d0d0d0;*/
}

.ddcontent .template .templatelanguages a.disabled,
.ddcontent .template .templatelanguages a:not([href]) {
	opacity:0.2 !important;
	color:black;
}

.ddcontent .folder {
    color: black;
    padding: 5px 0px 5px 25px;
    text-decoration: none;
    display: block;
	/*
	background-position:4px 5px;
	background-image:url(../images/folder.png);
	background-repeat:no-repeat;
	*/
	position:relative;
}
.ddcontent .folder::before {
	position: absolute;
	left: 3px;
	top: 1px;
	font-size: 20px;
	content: "\e874";
	font-family: 'Feather';
	color:#888;
}

.ddcontent .folder:focus {
	outline:none;
}

/* feather does not have a folder-open icon
.ddcontent .folder.open {
	background-image:url(../images/folder-open.png);
}
*/


.ddcontent .folder:hover {
	background-color:#00000020;
}

.ddcontent .ddheader {
	padding:3px 4px;
	vertical-align:middle;
	background:var(--primary-color-dark);
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    color:white;
}

.ddcontent .ddheader .langfilter {
	color:white;
	border-color:white;
}
.ddcontent .ddheader .langfilter:hover {
	background:#ffffff30;
}
.ddcontent .ddheader .langfilter.btn-warning {
	background:#F2C94C;
	color:var(--text-color);
}
.ddcontent .ddheader .langfilter.btn-warning:hover {
	background:#fae9b8;
	color:var(--text-color);
}

.ddcontent .ddheader .langfilter.selected {
	background:var(--text-color);
}

.ddcontentinner {
	max-height:350px;
	overflow-y:scroll;
}

.submitbuttons input {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: var(--text-color);
    white-space: nowrap;
    height: 26px;
    text-align:left;
}

.hasattachment {
	float:left;
	margin-top:5px;
	margin-right:2px;
}

.submitbuttons .btn-link:hover {
    text-decoration: none;
    background-color: #e8e8e8;
}

.attachmentblock {
}

.attachmentblock table td:first-child {
	vertical-align:top;
	padding:6px 6px 0 6px;
}

ul.attachments {
	margin:0 0 0 15px;
	padding:5px 0;
	list-style: none;
}

ul.attachments li {
	margin-bottom:3px;
}


ul.attachments li:last-child {
}

ul.attachments .delete-link {
	margin-right:10px;
	text-decoration:none;
}

ul.attachments li a span {
	margin-right:2px;
}

ul.attachments li p {
	margin:0 0 0 28px;
}

legend {
	padding-bottom:5px;
	margin-bottom:15px;
}
legend.control-label {
	font-size: 14px;
	font-weight: bold;
}
/* Style used for legend after a fieldset for radio buttons */
fieldset > legend {
	border:none;
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size:14px;
}

fieldset.formseparator legend {
	font-size:1.3em;
	font-weight:bold;
	padding:0 6px 2px 6px;
	margin:0px 0 8px 0;
	border-bottom:1px dotted #888;
}


/* HomePage */

.panel-stats {
	width:245px;
	display:inline-block;
	margin:10px;
}

.panel-message .panel-heading,
.panel-stats .panel-heading {
	position:relative;
}

.panel-message h2,
.panel-message h1,
.panel-stats h1 {
	margin-top:5px;
}

.panel-message .panel-heading span,
.panel-message .panel-heading p,
.panel-message .panel-heading a {
	font-size:16px;
}

.panel-stats ul {
	list-style-type: none;
	padding:10px 10px 0 0;
}

.panel-stats h1 a, .panel-stats ul li a {
	color:white;
}

.panel-stats ul li a span:first-child {
	display:inline-block;
	width:140px;
	text-align: left;
}

.panel-stats ul li a span:nth-child(2) {
	display:inline-block;
	width:50px;
	text-align:right;
}

.panel-stats ul li a {
	display:block;
	padding:1px 5px;
}

.panel-stats ul li a:hover {
	background:rgba(255,255,255,0.1);
	border-radius:4px;
}

.background-glyph {
	position:absolute;
	top:15px;
	right:15px;
	font-size:4em !important;
	opacity:0.1;
}


/* ImageLibraryPanel */

.imagelibrarycontainer {
	max-height:50vh;
	overflow-y:scroll;
}

.imagelibrary {
	display: flex;
	justify-content: center;
	align-items: center;
	float:left;
	width:220px;
	height:220px;
	text-align:center;
	border-radius:6px;
	transition: 0.3s ease-out;
	border:1px solid #eee;
	white-space: nowrap;
	margin:1px;
}

.imagelibrary:hover {
	cursor:pointer;
	background:#ccc;
}

.imagelibrary.selected {
	background:var(--primary-color);
}

.imagelibrary img {
	vertical-align: middle;
	max-width:200px;
	max-height:200px;
}

.imageuploadfeedback {
	margin-left:20px;
	padding:6px 15px;
}

.imageuploadfeedback ul {
	list-style-type: none;
    padding: 0;
    background: transparent;
    border: none;
    margin: 0;
    color: black;
}

.imageuploadfeedback .feedbackPanel {
}


/* LogButtonPanel */

.logtable td:first-child {
	width:125px;
}


/* Working overlay and animation */

#working-overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
	background: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
	opacity:0;
	animation: workingFadeIn 2s ease 3s 1 normal forwards;
}
@keyframes workingFadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.working-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	min-height:105px;
}
#working-reload {
	display:none;
	margin-top: 20px;
	padding: 15px 20px;
	color: black;
	border-radius: 30px;
	border: none;
	background: var(--primary-color);
	font-size: 1.2em;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#working-reload:hover {
	background: var(--primary-color-light);
}

#fountainG {
	position:relative;
	width:234px;
	height:28px;
	margin:auto;
}
.fountainG {
	position:absolute;
	top:0;
	background-color:rgba(255,255,255,0);
	width:28px;
	height:28px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}

#fountainG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}
#fountainG_2{
	left:29px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#fountainG_3{
	left:58px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#fountainG_4{
	left:88px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#fountainG_5{
	left:117px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#fountainG_6{
	left:146px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#fountainG_7{
	left:175px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
#fountainG_8{
	left:205px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}
@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgba(255,255,255,1);
	}
	100%{
	transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}
@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgba(255,255,255,1);
	}
	100%{
	-o-transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}
@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgba(255,255,255,1);
	}
	100%{
	-ms-transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}
@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgba(255,255,255,1);
	}
	100%{
	-webkit-transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}
@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgba(255,255,255,1);
	}
	100%{
	-moz-transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}

.help-block p, .help-block ul {
	margin-bottom: 0;
}

.modal-body {
	-ms-overflow-style: scrollbar;
}

.modal-body > .row .feedbackPanel,
.modal-body > .feedbackPanel {
	margin-top:0;
}

.feedbackPanel, .errorBlock {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--error-color);
    background-color: var(--error-color-light);
    border-color: var(--error-color);
    list-style:none;
}

.feedbackPanel.feedbackInfo {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.feedbackPanel.feedbackWarning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

/* this class can be used on a feedback panel to make it flat and can then be
   used to show a filtered error for just one field */
.form-group .feedbackPanel,
.field-feedback .feedbackPanel {
	background:transparent;
	border:0;
	padding:0;
	margin:5px 0;
}
.form-inline .form-group .feedbackPanel {
	margin-left:170px;
}

.has-error .feedbackPanel {
	color: var(--error-color);
}

label.required:after,
legend.required:after {
    position:relative;
    top:3px;
    left:2px;
    content:'*';
    font-size:1.4em;
    color:#c44;
}

.variables-container {
	max-height:65vh;
	overflow-y:scroll;
}
.dropdown-variables .variables-container {
	max-height:50vh;
}

table.variablestable {
	width:100%;
}
table.variablestable td a {
	display:block;
	padding: 0px 6px;
	text-decoration:none;
	color:var(--text-color);
	border-radius: 4px;
}
table.variablestable td a.type-html::before {
	content: "\e886";
	font-family: 'feather';
	position:relative;
	top:2px;
	margin-right: 3px;
	font-size: 1.2em;
}
table.variablestable td a.type-text::before {
	content: "\e8df";
	font-family: 'feather';
	position:relative;
	top: 2px;
	margin-right: 3px;
	font-size: 1.2em;
}
table.variablestable td a:hover {
	background:var(--primary-color-light);
	color:black;
}

.lockedicon {
	background-image:  url("../images/locked24.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.previewPanel {
	border:1px solid #888;
	border-radius:4px;
	position:fixed;
	top:0;
	left:0;
	width:700px;
	display:none;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	padding:0;
	margin:0;
	background-color:white;
	padding-bottom:3px;
}

.previewPanel .messageheader {
	background-color:#ddd;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	overflow:hidden;
}

.previewPanel .messageblock {
	margin-bottom:0;
}

.previewPanel .messagecontent {
	max-height:83vh;
}

.preview .collapsable {
	display:none;
}

.form-control {
	box-shadow:none;
	border-color:#A2A2A9;
	color:var(--text-color);
}
.form-control:focus {
	box-shadow:none;
	border-color:var(--primary-color);
	outline: 1px solid var(--primary-color-light);
}
.form-control[disabled] {
	background-color: var(--light-grey);
}
.ql-container.focus {
	border-color:var(--primary-color);
}
.ql-toolbar.focus {
	border-left-color:var(--primary-color);
	border-top-color:var(--primary-color);
	border-right-color:var(--primary-color);
}

.form-group-width {
	display: inline-block;
}
.form-group-width .form-control,
.form-group-width .form-group {
	width: 100%;
}

.input-group-addon {
	color:var(--text-color);
	border-color:#A2A2A9;
	background:#F5F5FA;
}

textarea.form-control {
	resize: vertical;
	min-height:auto;
}

.responsibles td {
	padding:4px 6px;
}

/* Criteria & Assessment */

ul.criteria {
	list-style:none;
	padding:0 0 0 5px;
}

ul.criteria li {
	border-bottom:1px dotted #ddd;
	padding:0 0 10px 0;
	margin-bottom:5px;
}

ul.criteria li h2 {
	font-weight:bold;
	font-size:1.1em;
	padding:0 0 2px 0;
	margin:0;
}

ul.criteria li p {
	font-style:italic;
}

ul.criteria li p:last-child {
	margin-bottom:0;
}

.select-assessments {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.helpicon {
	margin-left:10px;
	width:20px;
	border-radius:50%;
	background:#ddd;
	padding:3px;
	opacity:0.6;
	margin-top:-5px;
}

.help-icon:hover,
.helpicon:hover {
	cursor:help;
	opacity:1.0;
}

a.btn-icon:not([href]) {
	opacity: .3;
}

.bigbuttons .btn {
	width:100%;
	height:140px;
	font-size:1.4em;
	text-transform:none;
}

.bigbuttons a.btn {
	position:relative;
}

.bigbuttons .btn span {
	position:absolute;
	top:0.2em;
	left:0;
	right:0;
	opacity:0.1;
	color:black;
	font-size:4em;
	margin:0;
}

.bigbuttons .btn p {
	font-size:3.4em;
	margin:0;
	padding:0;
	text-align: center;
	font-weight:bold;
}

.bgoverlay {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	z-index:5;
	display:none;
}

.working {
	background-image:url(../images/wait20.gif);
	background-position:right 6px top 6px;
	background-repeat:no-repeat;
}

.row-separator {
	border-bottom:1px dotted #ddd;
	margin:10px 0 5px 0;
}

.row-separator:first-child {
	margin-top:0;
}

.row-separator h4 {
	margin-bottom:5px;
}

.btn-group.disabled button {
	cursor: not-allowed;
    box-shadow: none;
    background-image: none;
    opacity: .65;
    pointer-events: none;
    background: #e0e0e0;
}
.btn-group.disabled button.btn-default {
	background:transparent;
	color: #888;
	font-style: italic;
	border: 1px solid #ccc;
}

.taskContainer {
}

.taskMenu {
	text-align:right;
	float:none;
	width:110px;
	float:right;
}

.taskMenu .btn-group > a {
	width:75px;
}

.taskMenu .btn-block {
}

.taskContent {
	width:auto;
	overflow:hidden;
	min-height:35px;
}

.taskContent > .row > .col-md-3 > a,
.taskContent > a {
	display:inline-block;
	margin-top:8px;
}

.taskContent::after {
    content:"";
    clear: both;
	display:table;
}

.task-link-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.task-link {
    padding: 5px 0;
}
.task-link-report {
    padding-left: 4px;
}
.task-link-right {
    margin-left: auto;
}

.taskContent dl {
	margin-bottom:5px;
}

.task-table {
	margin:0;
	width:100%;
}
.taskpanel .task-table {
	margin-top:5px;
	border-top:1px dotted #ccc;
}
.task-table thead {
	display:none;
}

/* No border when its inside the task content area */
.taskContent .task-table {
	margin-top:0;
	border-top:0;
}
.task-table th {
	border-bottom:1px dotted #ddd;
	color:#555;
}
.task-table th,
.task-table td {
	padding:3px 6px;
    vertical-align: baseline !important;
    position:relative;
}
.task-table td.bold {
    font-weight: bold;
}

.task-table td.small {
    font-size: 12px;
}
.task-table td.small-bold {
    font-size: 12px;
    font-weight: bold;
}
.task-table tbody tr td:first-child {
	padding-left:22px;
}
.task-table tbody tr td:first-child::before {
	content:'';
	position:absolute;
	top:8px;
	left:6px;
	display:block;
	width:10px;
	height:10px;
	border-radius:5px;
	background:var(--primary-color);
}
.task-table tbody tr td:first-child::after {
	content:'';
	position:absolute;
	top:16px;
	left:10px;
	width:2px;
	height:100%;
	display:block;
	background:var(--primary-color);
}
.task-table tbody tr:last-child td:first-child::after {
	display:none;
}
.task-table tbody::before {
	position:relative;
	z-index:1;
}


.user-dropdown {
	background:transparent;
	border:none;
}
.user-dropdown:hover {
	background:#e8e8e8;
	border-radius:4px;
}
.dropdown-toggle:focus {
	outline:-webkit-focus-ring-color auto 1px;
}
.btn-group.open .user-dropdown {
	box-shadow:none;
	background:#e8e8e8;
}

.feed-item {
	border-bottom:1px solid #ddd;
	padding-top:5px;
	padding-bottom:5px;
}

.feed-item:last-child {
	border-bottom:none;
}

.feed-icon .glyphicon {
	font-size:40px !important;
	color:#666;
}

.feed-time {
	font-size:12px !important;
	color:#666;
}

.left-right-panel {
	position:absolute;
	top:65px;
	left:20px;
	right:20px;
	bottom:0;
}

.case-left {
	padding-left:0;
}

.case-right,
.case-left {
	height:auto;
	padding-bottom:10px;
	overflow-y:auto;
	overflow-x:hidden;
}
@media (min-width: 1199px) {
	.case-right,
	.case-left {
		height:100%;
		overflow-y: scroll;
	}
}
/*
.case-left,
.case-right {
	height:86vh;
	overflow-y:scroll;
	overflow-x:hidden;
}
 */

.case-left.case-padding .panel {
	margin-top:15px;
}

.case-left .panel {
	border:0;
	background:white;
	color:var(--text-color);
}

.case-right .panel-default .panel-heading {
	background:white;
	color:var(--text-color);
}



.assessmentMessage {
	padding:0 15px;
	font-size:16px;
}

.norecords-td {
	color:#888;
	text-align:center;
}

.select2-container .select2-choice {
	color: #555;
	background:white;
	border: 1px solid #ccc;
	height: 34px;
	padding: 3px 0 0 12px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.select2-container .select2-choice abbr {
	right:30px;
	top:10px;
}

.select2-container .select2-choice div {
	width:24px;
	border-left:1px solid transparent;
	background:transparent;
}

.select2-container .select2-choice div b {
	background-position:3px 4px;
}

.select2-dropdown-open .select2-choice div {
}

.select2-search input {
	border-radius: 4px;
	border: 1px solid #ccc;
    background: url(/wicket/resource/com.vaynberg.wicket.select2.ApplicationSettings/res/select2.png) no-repeat 100% -22px,
    		    -webkit-gradient(linear, left bottom, left top,
    		    color-stop(0.85, white), color-stop(0.99, #eeeeee));
}

.select2-drop {
	border: 1px solid #ccc;
	border-top:0;
}

.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.message-tile .panel:hover {
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}

.message-tile .panel:hover .panel-heading {
	background-image: linear-gradient(to bottom,#e8e8e8 0,#d8d8d8 100%);
}

.message-tile .panel-heading p {
	margin-bottom:0;
	border-top:1px dotted #ccc;
	font-weight:bold;
}

.message-tile .panel-heading span {
	color:#000028;
}

.hilight, tr.hilight td {
	margin:-5px;
	padding:5px;
	background:#fae9b8;
	transition: background 2s ease-in;
}

form.expert-panel-deadline label p {
	font-size: 1.0em;
}

.zebrarows .row:nth-child(even) div {
	background:#f4f4f4;
}

.budgetrow-control option {
	padding-left:10px;
}

.budgetrow-control option:disabled {
	background:#e8e8e8;
	font-weight:bold;
	color:#444;
	padding-left:0px;
}

.criteriaRowsBody tr:last-child td {
	padding-bottom:10px;
}

.btn-block+.btn-block {
	margin:2px 0;
}

.archive-dd button {
	border:0;
	background:transparent;
	width:40px;
	border-radius:4px;
}

.archive-dd button:hover {
	background:#ccc;
}

.archive-dd li {
	padding-left:1px;
	width:300px;
}

.menu-collapsable {
	display:none;
}

.leftmenu {
	overflow:hidden;
}

.menu-collapsable:focus {
	outline:none;
}

.menu-collapsable:hover {
	color:black;
	background:#aaa;
}

.menu-collapsable:before {
    content: "\e079";
    font-family: 'Glyphicons Halflings';
}

.collapsed .menu-collapsable:before {
	content: "\e080";
}

.leftmenu.collapsed {
	width:50px;
}
.leftmenu.collapsed .menucommon.leftsubmenu {
	display:none;
}
.leftmenu.collapsed .menucommon {
	font-size:0;
}

.header-collapsed.menu-collapsed .headercollapse-button {
	left:40px;
}

.header-collapsed.menu-collapsed .mainbar {
	width:65px;
}

.header-collapsed.menu-collapsed .apptitle,
.header-collapsed.menu-collapsed .prodname {
	display:none;
}

.label-placeholder,
.label-placeholder,
.label-placeholder {
	font-style:italic;
	color:#bbb;
	font-weight:normal;
}
.help .label-placeholder {
	color:#cca;
}
.help .editable::after {
	color:#662;
}

.dummylogin {
	padding:0;
	list-style-type: none;
}

.dummylogin a {
	display:block;
	margin-bottom:5px;
	text-align:left;
}

.templateblock {
}

.assessmentGroups .row {
	background:#eee;
	margin:0px;
}

.assessmentGroups .row > div {
	padding:3px 6px;
}

.assessmentGroups .row.separator {
	margin-top:10px;
}

.summary-panel dl {
	margin-bottom:0;
}
.summary-panel dd {
	margin-bottom:5px;
}

.processStatusList {
	list-style: none;
	display: flex;
	padding:0;
	margin:5px 0px 5px 0px;
	background:white;
	height:28px;
}

.processStatusList li {
	flex-basis: 100%;
	text-align: center;
	position:relative;
	background:#e8e8e8;
	padding:6px 0px 0 5px;
	height:28px;
	margin-left:3px;
	font-size:12px;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.processStatusList li:not(:first-child):before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid white;
}
.processStatusList li:first-child {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.processStatusList li:last-child {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.processStatusList li:not(:last-child):after {
	content:'';
	position:absolute;
	right:-14px;
	top:0;
	width:0;
	height:0;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #e8e8e8;
	z-index:2;
}

.processStatusList li.completed {
	background:#1d8749 !important;
	color:white;
}
.processStatusList li.completed:not(:last-child):after {
	border-left: 14px solid #1d8749;
}

.processStatusList li.started {
	background:#F2C94C !important;
	color:var(--text-color);
}
.processStatusList li.started:not(:last-child):after {
	border-left: 14px solid #F2C94C;
}

.projectApplicationsButton {
	padding:4px 6px 4px 6px;
	background:white;
	border:1px solid #00000030;
	border-radius:4px;
	text-align:center;
	margin:5px 5px 5px 0;
	float:left;
}

.projectApplicationsButton:hover {
	background:#d8d8d8;
	cursor:pointer;
}

.projectApplicationsButton.open {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	padding-bottom:9px;
	margin-bottom:0px;
}

.projectApplications {
	list-style: none;
	padding:0px;
}

.projectApplications li {
	width:50%;
	display:inline-block;
}

.projectApplications li a {
	display:block;
	text-decoration:none;
	border-radius:4px;
	padding:5px 10px;
	margin:2px;
}

.projectApplications li a:hover {
	background:#eeb;
}

.projectApplications li.selected a {
	background:#d8d8d8;
	opacity:1;
	font-weight:bold;
}

.projectApplications li a .folder-title {
	margin-top:3px;
	margin-left:45px;
}

.projectApplications li a span {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:12px;
	min-height:16px;
}

.projectApplications li a .folder-icon {
	float:left;
	position:relative;
	width:42px;
	margin-right:2px;
}

.projectApplications li a .folder {
	color:#bb6;
	font-size:2.4em;
}

.projectApplications li.selected a .folder:before {
	content: "\e118";
}

.projectApplications li a .icon-grant,
.projectApplications li a .icon-reject {
	position:absolute;
	top:14px;
	left:8px;
	display:none;
	font-size:18px;
}

.projectApplications li.grant a .icon-grant {
	color:#080;
	display:block;
}

.projectApplications li.reject a .icon-reject {
	color:#800;
	top:15px;
	display:block;
}

.approved {
	color: #060;
	font-size: 16px;
}

.warning {
    color: #d85;
    font-size: 16px;
}

.rejected {
    color: #D00;
    font-size: 16px;
}

.docCenterButton {
	padding:4px 6px 4px 6px;
	background:white;
	border:1px solid #00000030;
	border-radius:4px;
	text-align:center;
	margin:5px 5px 5px 0;
	float:left;
}

.docCenterButton:hover {
	background:#d8d8d8;
	cursor:pointer;
}

.docCenterButton.open {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	padding-bottom:9px;
	margin-bottom:0px;
	border-bottom:0;
}

.docCenter {
	clear:both;
	display:none;
	padding:3px 15px 7px 15px;
	margin:0 0px 5px 15px;
	background:white;
	border:1px solid #00000030;
	border-radius:4px;
	border-top-left-radius:0;
}

.docCenter .table {
	margin-bottom:0;
}

.processbar {
	display:block;
}

.apptitle {
	padding:0;
	margin:22px 0 0 25px;
	width:28vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.controlpanel {
	float:right;
}


/* Experimental full screen. */

.header-collapsed .mainbar {
	position:fixed;
	top:0;
	left:0;
	width:115px;
	overflow:hidden;
}
.header-collapsed .navbar > .container-fluid {
	padding-right:0;
}
.header-collapsed.open .navbar {
	width:700px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	border-bottom-right-radius:10px;
	overflow:visible;
}

.header-collapsed .navbar-message,
.header-collapsed .apptitle {
	display:none;
}
.header-collapsed .navbar-block {
	margin:10px 0 0 0 ;
}
.header-collapsed .apptitle {
	display:none;
}
.header-collapsed .navbar-ui {
	display:none;
}
.header-collapsed .navbar-brand .logodiv {
	width:70px;
}

.fullscreen-enable .headercollapse-button {
	display:block;
}

.headercollapse-button {
	display:none;
	float:right;
	padding:30px 6px;
    color:#aaa;
    font-size:1.2em;
}

.header-collapsed .headercollapse-button {
	position:absolute;
	top:0;
	left:86px;
	color:var(--text-color);
	text-shadow:0 0 4px white;
}

.headercollapse-button:hover {
    color:black;
    cursor:pointer;
    background:#00000010;
}

.headercollapse-button .feather:before {
    content: "\e843";
}

.header-collapsed .headercollapse-button .feather:before {
	content: "\e844";
}

.header-collapsed .logodiv {
	width:81px;
	overflow:hidden;
}

.header-collapsed .prodname {
	padding-left:2px;
	margin-top:8px;
	display:inline-block;
	height:40px;
}

/*
.header-collapsed .leftmenu {
	margin-top:84px;
}
*/

.fullscreen-enable .maincontent,
.fullscreen-enable .rightcontent {
	min-height:auto;
}


/* Full height test for CaseEditPage */

.fullscreen-enable.header-collapsed .maincontent {
	top:0px;
}

.fullscreen-enable .maincontent {
	position:absolute;
	top:84px;
	left:0;
	right:0;
	bottom:35px;
	overflow:hidden;
}

/*
.fullscreen-enable .leftmenu {
	float:none;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	overflow-y:auto;
}

.fullscreen-enable .leftmenu::-webkit-scrollbar {
  display: none;
}
*/

.fullscreen-enable .rightcontent {
	position:absolute;
	top:0;
	padding-bottom:0;
	left:0px;
	right:0;
	bottom:0;
	overflow-y:auto;
}

.fullscreen-enable .leftmenu + .rightcontent {
	left:100px;
}

.fullscreen-enable .leftmenu.collapsed + .rightcontent {
	left:50px;
}

.fullscreen-enable footer {
	position:absolute;
	left:0;
	right:0;
	bottom:0px;
	height:35px;
	overflow:hidden;
}

.fullscreen-enable footer {
	padding:6px 10px 0 10px;
}

.fullscreen-enable #wicketDebugLink {
	right:300px !important;
	bottom:3px !important;
	color:black !important;
	border-radius:4px;
}


/* Post It notes */

.postitpanel {
	position:absolute;
	top:10px;
	right:450px;
	z-index:1000;
}

.postitnoteswrapper {
	float:right;
}

.addpostit {
	float:right;
	margin-top:10px;
	background:rgba(255,255,210);
	border:1px solid rgba(229,229,189);
	box-shadow:0 5px 6px rgba(0,0,0,0.1);
	padding:8px 10px;
	z-index:1000;
	cursor:pointer;
	color:#880;
	font-size:14px;
}
.addpostit:hover {
	background:rgba(229,229,189);
}

.postit {
	position:relative;
	float:right;
	margin-right:10px;
	background:rgba(255,255,210);
	color:#880;
	padding:0px;
	font-style:italic;
	width:220px;
	font-size:14px;
	z-index:1000;
	box-shadow:0 5px 6px rgba(0,0,0,0.1);
	height:60px;
	overflow:hidden;
	border:1px solid rgba(229,229,189);
}

.postit.hover {
	height:auto;
}

.postit .fadebg {
	position:absolute;
	bottom:0;
	width:100%;
	height:15px;
	background-image:linear-gradient(rgba(255,255,210,0), rgba(255,255,210,1));
}
.postit.hover .fadebg {
	display:none;
}

.postit h1 {
	font-size:14px;
	font-weight:bold;
	padding:2px 6px;
	margin:0;
	background:rgba(0,0,0,0.1);
}

.postit a {
	float:right;
	color:#880;
}

.postit textarea {
	width:100%;
	background:transparent;
	border:0;
	padding:3px 6px;
	margin:0;
	resize: none;
}

.postit textarea:focus {
	outline:none;
}

.impartiality-2col .impartiality-block {
	padding:5px 15px;
	float:left;
	width:50%;
}

.impartiality-2col .impartiality-block.separator {
	border-left:1px solid rgba(0,0,0,0.1);
}

.alert .impartiality-block label {
	width:auto;
	text-align:left;
	margin-right:0;
}

/* All alerts use Bootstrap 4 colours that have WCAG compliant contrast */
.alert {
	box-shadow:none;
	text-shadow:none;
	border: 1px solid transparent;
    border-radius: .25rem;
}
.alert.alert-info {
	border:2px solid #004085;
}
.alert-info {
	background:#cce5ff;
	color:#004085;
}
.alert-info a {
	color:#004085;
	font-weight:bold;
}
.alert-danger {
	color:#eb5757;
    background:#fce8e8;
    border-color:#eb5757;
}
.alert-danger a {
	color:#eb5757;
	font-weight:bold;
}
span.alert-danger {
	padding:1px 4px;
	border-radius:4px;
}
.alert-success {
	color:#155724;
    background:#d4edda;
    border-color:#c3e6cb;
}
.alert-success a {
	color:#155724;
	font-weight:bold;
}
.alert-warning {
	color:#856404;
    background:#fff3cd;
    border-color:#ffeeba;
}
.alert-warning a {
	color:#856404;
	font-weight:bold;
}
.alert-dark {
	color:var(--text-color);
    background:#d3d6d9;
    border-color:var(--text-color);
}
.alert-dark a {
	color:var(--text-color);
	font-weight:bold;
}
.alert label {
	font-weight:bold;
	font-size:1.1em;
}
.alert h1:first-child,
.alert h2:first-child,
.alert h3:first-child,
.alert h4:first-child {
	margin-top:0;
}


.hide .alsohide,
.hide {
	display:none;
}

.checkbox .partial {
	opacity:0.5;
}


.pageclass:hover {
	cursor:pointer;
	color:white;
}

.table tfoot tr.block-grant-footer td {
	padding-top: 3px;
	border-top: 1px solid #ccc;
}

.case-justification,
.case-note {
	display:block;
	width:100px;
	min-width:100%;
	min-height:22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style:italic;
	color:var(--text-color);
	border-radius:4px;
	padding:1px 2px;
}

.case-justification a,
.case-note a {
	text-decoration: none !important;
	color:#555 !important;
	display:block;
	width:100%;
	min-height:20px;
	opacity:1;
}

.case-justification {
	width:200px;
}

.case-justification:hover,
.case-note:hover {
	color:black !important;
	background:#ffffee80;
	text-decoration:none;
}

.nowrap {
 	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tab-buttons {
	padding:10px;
}

.messageThread {
	margin-left:40px;
}


/* UserTagPanel */

.atComplete {
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	display:none;
	background:white;
	z-index:2000;
	border:1px solid #ccc;
	border-radius:0;
}
.atComplete-header {
	display:flex;
	gap:5px;
	background:#fff4d5;
	border-bottom:1px solid #ccc;
}
.atComplete-content {
	position:relative;
	display:flex;
	flex-direction:column;
}
.atComplete input {
	width:100%;
	display:block;
	border:0;
	background:transparent;
}
.atComplete input {
}
.atComplete input:focus {
	outline: none;
}
.atComplete .atComplete-items {
	flex:1;
	width:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	max-height:230px;
    overscroll-behavior: contain;
}
.atComplete ul {
	list-style:none;
	margin:0;
	padding:0;
}
.atComplete ul li {
	border-bottom:1px solid #ddd;
	padding:1px 5px;
	position: relative;
}
.atComplete ul li.hide {
	display:none;
}
.atComplete ul li:hover,
.atComplete ul li.athilight {
	background:#ddd;
	cursor:pointer;
}
#remark-popup var {
	position:relative;
	padding-left:21px;
}
#remark-popup var::after {
	position:absolute;
	content:"\e8e9";
	font-family:'Feather';
	top:-1px;
	left:3px;
	font-size:1em;
}

.atComplete-content.user .prefix::before {
	position:relative;
	content:"\e8e9";
	font-family:'Feather';
	top:0;
	left:2px;
	font-size:1.1em;
}
.atComplete-content.formula .prefix::before {
	position:relative;
	content:"$";
    left:2px;
}
.atComplete-content.formula .suffix::before {
	position:relative;
	content:"";
}

::placeholder {
	text-transform:uppercase;
	font-size:12px;
	color:#666;
	font-weight:600;
}

.ui-autocomplete {
    border-radius: 4px;
    background:white;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
}
.ui-front {
	z-index: 2070;
}

/*
.autocomplete-group .feather {
	top:8px !important;
}
*/

.dropdown-menu .feather {
	margin-right:5px;
}

.executing-progress {
	font-size:1.2em;
	position:relative;
}
.executing-progress h4 {
	font-size:1.0em;
	position:absolute;
	top:0;
	left:0;
	right:0;
	text-align:center;
}
.executing-progress .feather {
	display:inline-block;
	margin-right:15px;
}

/* Green progress bar + stop spinning when the phase reaches 100% */
.executing-progress--complete .ui-progressbar-value {
	border-color:var(--success-color) !important;
	background:var(--success-color) !important;
}
.executing-progress--complete .feather-rotate {
	-webkit-animation:none;
	animation:none;
}

.generate-options {
	font-size:16px;
}

.feather-rotate {
   -webkit-animation-name: rotateThis;
   -webkit-animation-duration: 10s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
}

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

/* ExecutiveOfficerTaskPanel */

.icon-bullet {
	background:transparent;
	color:black;
	font-size:16px;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	padding:3px;
	margin-top:-2px;
}
.icon-bullet:before {
	margin-left:1px;
}

.recommendation-Yes { background:#6FCF97; width:24px; height:24px; padding-top: 3px; }
.recommendation-Yes:before { content: "\e8d6"; }
.recommendation-No { background:#EB5757; width:24px; height:24px; padding-top: 4px; }
.recommendation-No:before { content: "\e8d7"; }
.recommendation-Unsure { background:#F2C94C; width:24px; height:24px; padding-top: 4px; }
.recommendation-Unsure:before { content: "\e903"; }

/* CallDecisionPage */

over-budget {
	color:#a94442;
	font-weight:bold;
}
.over-budget .number::before {
    content: "\e81e";
    font-family: 'Feather';
    margin-right:10px;
}


.call-decision-workflow > div {
	min-height:45px;
	padding:5px 0px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.call-decision-workflow > div:last-child {
	border-bottom:none;
}
.call-decision-workflow > div > i {
	font-size:20px;
	vertical-align:middle;
}
.call-decision-workflow > div > b {
	font-weight:normal;
	margin-left:6px;
	vertical-align:middle;
	display:inline-block;
	font-size:20px;
	width:150px;
	vertical-align:middle;
}
.call-decision-workflow > div > div {
	float:right;
	vertical-align:middle;
	margin-top:-4px;
}
.call-decision-workflow > div > span {
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
}

/* Feather icon font */
/* This is used on the external sites in some places.
   We need to generalize a common set of icon classes to avoid glyphicon, feather etc. */

@font-face {
	font-family:"feather";
	font-display:block;
	src: url('../fonts/feather.eot?t=1525787366991'); /* IE9*/
	src: url('../fonts/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */
	url('../fonts/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../fonts/feather.svg?t=1525787366991#feather') format('svg'); /* iOS 4.1- */
}

.feather {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before { content: "\e81b"; }
.icon-alert-circle:before { content: "\e81c"; }
.icon-activity:before { content: "\e81d"; }
.icon-alert-triangle:before { content: "\e81e"; }
.icon-align-center:before { content: "\e81f"; }
.icon-airplay:before { content: "\e820"; }
.icon-align-justify:before { content: "\e821"; }
.icon-align-left:before { content: "\e822"; }
.icon-align-right:before { content: "\e823"; }
.icon-arrow-down-left:before { content: "\e824"; }
.icon-arrow-down-right:before { content: "\e825"; }
.icon-anchor:before { content: "\e826"; }
.icon-aperture:before { content: "\e827"; }
.icon-arrow-left:before { content: "\e828"; }
.icon-arrow-right:before { content: "\e829"; }
.icon-arrow-down:before { content: "\e82a"; }
.icon-arrow-up-left:before { content: "\e82b"; }
.icon-arrow-up-right:before { content: "\e82c"; }
.icon-arrow-up:before { content: "\e82d"; }
.icon-award:before { content: "\e82e"; }
.icon-bar-chart:before { content: "\e82f"; }
.icon-at-sign:before { content: "\e830"; }
.icon-bar-chart-2:before { content: "\e831"; }
.icon-battery-charging:before { content: "\e832"; }
.icon-bell-off:before { content: "\e833"; }
.icon-battery:before { content: "\e834"; }
.icon-bluetooth:before { content: "\e835"; }
.icon-bell:before { content: "\e836"; }
.icon-book:before { content: "\e837"; }
.icon-briefcase:before { content: "\e838"; }
.icon-camera-off:before { content: "\e839"; }
.icon-calendar:before { content: "\e83a"; }
.icon-bookmark:before { content: "\e83b"; }
.icon-box:before { content: "\e83c"; }
.icon-camera:before { content: "\e83d"; }
.icon-check-circle:before { content: "\e83e"; }
.icon-check:before { content: "\e83f"; }
.icon-check-square:before { content: "\e840"; }
.icon-cast:before { content: "\e841"; }
.icon-chevron-down:before { content: "\e842"; }
.icon-chevron-left:before { content: "\e843"; }
.icon-chevron-right:before { content: "\e844"; }
.icon-chevron-up:before { content: "\e845"; }
.icon-chevrons-down:before { content: "\e846"; }
.icon-chevrons-right:before { content: "\e847"; }
.icon-chevrons-up:before { content: "\e848"; }
.icon-chevrons-left:before { content: "\e849"; }
.icon-circle:before { content: "\e84a"; }
.icon-clipboard:before { content: "\e84b"; }
.icon-chrome:before { content: "\e84c"; }
.icon-clock:before { content: "\e84d"; }
.icon-cloud-lightning:before { content: "\e84e"; }
.icon-cloud-drizzle:before { content: "\e84f"; }
.icon-cloud-rain:before { content: "\e850"; }
.icon-cloud-off:before { content: "\e851"; }
.icon-codepen:before { content: "\e852"; }
.icon-cloud-snow:before { content: "\e853"; }
.icon-compass:before { content: "\e854"; }
.icon-copy:before { content: "\e855"; }
.icon-corner-down-right:before { content: "\e856"; }
.icon-corner-down-left:before { content: "\e857"; }
.icon-corner-left-down:before { content: "\e858"; }
.icon-corner-left-up:before { content: "\e859"; }
.icon-corner-up-left:before { content: "\e85a"; }
.icon-corner-up-right:before { content: "\e85b"; }
.icon-corner-right-down:before { content: "\e85c"; }
.icon-corner-right-up:before { content: "\e85d"; }
.icon-cpu:before { content: "\e85e"; }
.icon-credit-card:before { content: "\e85f"; }
.icon-crosshair:before { content: "\e860"; }
.icon-disc:before { content: "\e861"; }
.icon-delete:before { content: "\e862"; }
.icon-download-cloud:before { content: "\e863"; }
.icon-download:before { content: "\e864"; }
.icon-droplet:before { content: "\e865"; }
.icon-edit-2:before { content: "\e866"; }
.icon-edit:before { content: "\e867"; }
.icon-edit-1:before { content: "\e868"; }
.icon-external-link:before { content: "\e869"; }
.icon-eye:before { content: "\e86a"; }
.icon-feather:before { content: "\e86b"; }
.icon-facebook:before { content: "\e86c"; }
.icon-file-minus:before { content: "\e86d"; }
.icon-eye-off:before { content: "\e86e"; }
.icon-fast-forward:before { content: "\e86f"; }
.icon-file-text:before { content: "\e870"; }
.icon-film:before { content: "\e871"; }
.icon-file:before { content: "\e872"; }
.icon-file-plus:before { content: "\e873"; }
.icon-folder:before { content: "\e874"; }
.icon-filter:before { content: "\e875"; }
.icon-flag:before { content: "\e876"; }
.icon-globe:before { content: "\e877"; }
.icon-grid:before { content: "\e878"; }
.icon-heart:before { content: "\e879"; }
.icon-home:before { content: "\e87a"; }
.icon-github:before { content: "\e87b"; }
.icon-image:before { content: "\e87c"; }
.icon-inbox:before { content: "\e87d"; }
.icon-layers:before { content: "\e87e"; }
.icon-info:before { content: "\e87f"; }
.icon-instagram:before { content: "\e880"; }
.icon-layout:before { content: "\e881"; }
.icon-link-2:before { content: "\e882"; }
.icon-life-buoy:before { content: "\e883"; }
.icon-link:before { content: "\e884"; }
.icon-log-in:before { content: "\e885"; }
.icon-list:before { content: "\e886"; }
.icon-lock:before { content: "\e887"; }
.icon-log-out:before { content: "\e888"; }
.icon-loader:before { content: "\e889"; }
.icon-mail:before { content: "\e88a"; }
.icon-maximize-2:before { content: "\e88b"; }
.icon-map:before { content: "\e88c"; }
.icon-map-pin:before { content: "\e88e"; }
.icon-menu:before { content: "\e88f"; }
.icon-message-circle:before { content: "\e890"; }
.icon-message-square:before { content: "\e891"; }
.icon-minimize-2:before { content: "\e892"; }
.icon-mic-off:before { content: "\e893"; }
.icon-minus-circle:before { content: "\e894"; }
.icon-mic:before { content: "\e895"; }
.icon-minus-square:before { content: "\e896"; }
.icon-minus:before { content: "\e897"; }
.icon-moon:before { content: "\e898"; }
.icon-monitor:before { content: "\e899"; }
.icon-more-vertical:before { content: "\e89a"; }
.icon-more-horizontal:before { content: "\e89b"; }
.icon-move:before { content: "\e89c"; }
.icon-music:before { content: "\e89d"; }
.icon-navigation-2:before { content: "\e89e"; }
.icon-navigation:before { content: "\e89f"; }
.icon-octagon:before { content: "\e8a0"; }
.icon-package:before { content: "\e8a1"; }
.icon-pause-circle:before { content: "\e8a2"; }
.icon-pause:before { content: "\e8a3"; }
.icon-percent:before { content: "\e8a4"; }
.icon-phone-call:before { content: "\e8a5"; }
.icon-phone-forwarded:before { content: "\e8a6"; }
.icon-phone-missed:before { content: "\e8a7"; }
.icon-phone-off:before { content: "\e8a8"; }
.icon-phone-incoming:before { content: "\e8a9"; }
.icon-phone:before { content: "\e8aa"; }
.icon-phone-outgoing:before { content: "\e8ab"; }
.icon-pie-chart:before { content: "\e8ac"; }
.icon-play-circle:before { content: "\e8ad"; }
.icon-play:before { content: "\e8ae"; }
.icon-plus-square:before { content: "\e8af"; }
.icon-plus-circle:before { content: "\e8b0"; }
.icon-plus:before { content: "\e8b1"; }
.icon-pocket:before { content: "\e8b2"; }
.icon-printer:before { content: "\e8b3"; }
.icon-power:before { content: "\e8b4"; }
.icon-radio:before { content: "\e8b5"; }
.icon-repeat:before { content: "\e8b6"; }
.icon-refresh-ccw:before { content: "\e8b7"; }
.icon-rewind:before { content: "\e8b8"; }
.icon-rotate-ccw:before { content: "\e8b9"; }
.icon-refresh-cw:before { content: "\e8ba"; }
.icon-rotate-cw:before { content: "\e8bb"; }
.icon-save:before { content: "\e8bc"; }
.icon-search:before { content: "\e8bd"; }
.icon-server:before { content: "\e8be"; }
.icon-scissors:before { content: "\e8bf"; }
.icon-share-2:before { content: "\e8c0"; }
.icon-share:before { content: "\e8c1"; }
.icon-shield:before { content: "\e8c2"; }
.icon-settings:before { content: "\e8c3"; }
.icon-skip-back:before { content: "\e8c4"; }
.icon-shuffle:before { content: "\e8c5"; }
.icon-sidebar:before { content: "\e8c6"; }
.icon-skip-forward:before { content: "\e8c7"; }
.icon-slack:before { content: "\e8c8"; }
.icon-slash:before { content: "\e8c9"; }
.icon-smartphone:before { content: "\e8ca"; }
.icon-square:before { content: "\e8cb"; }
.icon-speaker:before { content: "\e8cc"; }
.icon-star:before { content: "\e8cd"; }
.icon-stop-circle:before { content: "\e8ce"; }
.icon-sun:before { content: "\e8cf"; }
.icon-sunrise:before { content: "\e8d0"; }
.icon-tablet:before { content: "\e8d1"; }
.icon-tag:before { content: "\e8d2"; }
.icon-sunset:before { content: "\e8d3"; }
.icon-target:before { content: "\e8d4"; }
.icon-thermometer:before { content: "\e8d5"; }
.icon-thumbs-up:before { content: "\e8d6"; }
.icon-thumbs-down:before { content: "\e8d7"; }
.icon-toggle-left:before { content: "\e8d8"; }
.icon-toggle-right:before { content: "\e8d9"; }
.icon-trash-2:before { content: "\e8da"; }
.icon-trash:before { content: "\e8db"; }
.icon-trending-up:before { content: "\e8dc"; }
.icon-trending-down:before { content: "\e8dd"; }
.icon-triangle:before { content: "\e8de"; }
.icon-type:before { content: "\e8df"; }
.icon-twitter:before { content: "\e8e0"; }
.icon-upload:before { content: "\e8e1"; }
.icon-umbrella:before { content: "\e8e2"; }
.icon-upload-cloud:before { content: "\e8e3"; }
.icon-unlock:before { content: "\e8e4"; }
.icon-user-check:before { content: "\e8e5"; }
.icon-user-minus:before { content: "\e8e6"; }
.icon-user-plus:before { content: "\e8e7"; }
.icon-user-x:before { content: "\e8e8"; }
.icon-user:before { content: "\e8e9"; }
.icon-users:before { content: "\e8ea"; }
.icon-video-off:before { content: "\e8eb"; }
.icon-video:before { content: "\e8ec"; }
.icon-voicemail:before { content: "\e8ed"; }
.icon-volume-x:before { content: "\e8ee"; }
.icon-volume-2:before { content: "\e8ef"; }
.icon-volume-1:before { content: "\e8f0"; }
.icon-volume:before { content: "\e8f1"; }
.icon-watch:before { content: "\e8f2"; }
.icon-wifi:before { content: "\e8f3"; }
.icon-x-square:before { content: "\e8f4"; }
.icon-wind:before { content: "\e8f5"; }
.icon-x:before { content: "\e8f6"; }
.icon-x-circle:before { content: "\e8f7"; }
.icon-zap:before { content: "\e8f8"; }
.icon-zoom-in:before { content: "\e8f9"; }
.icon-zoom-out:before { content: "\e8fa"; }
.icon-command:before { content: "\e8fb"; }
.icon-cloud:before { content: "\e8fc"; }
.icon-hash:before { content: "\e8fd"; }
.icon-headphones:before { content: "\e8fe"; }
.icon-underline:before { content: "\e8ff"; }
.icon-italic:before { content: "\e900"; }
.icon-bold:before { content: "\e901"; }
.icon-crop:before { content: "\e902"; }
.icon-help-circle:before { content: "\e903"; }
.icon-paperclip:before { content: "\e904"; }
.icon-shopping-cart:before { content: "\e905"; }
.icon-tv:before { content: "\e906"; }
.icon-wifi-off:before { content: "\e907"; }
.icon-minimize:before { content: "\e88d"; }
.icon-maximize:before { content: "\e908"; }
.icon-gitlab:before { content: "\e909"; }
.icon-sliders:before { content: "\e90a"; }
.icon-star-on:before { content: "\e90b"; }
.icon-heart-on:before { content: "\e90c"; }
.icon-archive:before { content: "\e90d"; }
.icon-arrow-down-circle:before { content: "\e90e"; }
.icon-arrow-up-circle:before { content: "\e90f"; }
.icon-arrow-left-circle:before { content: "\e910"; }
.icon-arrow-right-circle:before { content: "\e911"; }
.icon-bar-chart-line-:before { content: "\e912"; }
.icon-bar-chart-line:before { content: "\e913"; }
.icon-book-open:before { content: "\e914"; }
.icon-code:before { content: "\e915"; }
.icon-database:before { content: "\e916"; }
.icon-dollar-sign:before { content: "\e917"; }
.icon-folder-plus:before { content: "\e918"; }
.icon-gift:before { content: "\e919"; }
.icon-folder-minus:before { content: "\e91a"; }
.icon-git-commit:before { content: "\e91b"; }
.icon-git-branch:before { content: "\e91c"; }
.icon-git-pull-request:before { content: "\e91d"; }
.icon-git-merge:before { content: "\e91e"; }
.icon-linkedin:before { content: "\e91f"; }
.icon-hard-drive:before { content: "\e920"; }
.icon-more-vertical-:before { content: "\e921"; }
.icon-more-horizontal-:before { content: "\e922"; }
.icon-rss:before { content: "\e923"; }
.icon-send:before { content: "\e924"; }
.icon-shield-off:before { content: "\e925"; }
.icon-shopping-bag:before { content: "\e926"; }
.icon-terminal:before { content: "\e927"; }
.icon-truck:before { content: "\e928"; }
.icon-zap-off:before { content: "\e929"; }
.icon-youtube:before { content: "\e92a"; }

label:empty {
	display: none;
}

.input-group-btn .btn .feather,
.input-group-btn .btn .glyphicon {
	margin-right:0;
}

.hide-label label,
.toolbarblock.hide-label label {
	display:none;
}

.feather.form-control-feedback {
	line-height:34px;
}

.config-link {
	font-size:20px;
	padding:16px 5px 0 0;
	display:inline-block;
}
.config-link:hover,
.config-link:focus {
	text-decoration: none;
}

.recommended-icon {
	float:left;
	font-size:16px;
	margin-top:3px;
}


/* Nytt filterUI for tabeller */
.tag {
    background-color:var(--primary-color-light);
    box-sizing: border-box;
    line-height: 1.9;
    display: inline-block;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 2px;
}
.tag:hover {
    background-color:var(--primary-color);
	color:var(--primary-color-text);
}
.filter-dropdown {
    display: flex;
    justify-content: space-between;
    background-image: unset;
	background:white;
}
.filter-container {
    display: flex;
    flex:1;
    flex-direction: row;
}
.filter-block {
	margin-right:10px;
}
.filter-block .btn {
	padding: 10px 15px;
}
.tags-panel {
    flex: 1;
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    border: 1px solid #A2A2A9;
	gap:10px;
}
.filter-button {
    height: 100%;
    margin-left: 10px;
}
.filter-label {
	align-self: center;
	margin-left: 10px;
}
.filter-list {
	flex: 1;
	padding:4px;
}
.filter-reset {
	display: flex;
	align-items: center;
	padding: 0 10px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-radius: 0;
}

.filter-toolbar-panel {
	padding:10px 15px 5px 15px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	background: var(--light-grey);
}
.filter-toolbar-close {
	position:absolute;
	top:10px;
	right:10px;
	z-index: 1;
}
.filter-toolbar-close button {
	margin-left: 5px; font-size: 14px;
}
.filter-toolbar-panel .form-group,
.filter-toolbar-panel .btn-group {
	margin-bottom: 8px;
}
.filter-toolbar-panel label {
	margin-bottom:3px;
}
.filter-toolbar-cells {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 20px
}
@media (min-width: 1400px) {
	.filter-toolbar-cells { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1900px) {
	.filter-toolbar-cells { grid-template-columns: repeat(6, 1fr); }
}

.filter-toolbar-cells .help-block {
	display: inline-block;
	cursor: help;
	position: relative;
}
.filter-toolbar-cells .help-block p {
	display:none;
	color:black;
	width:max-content;
}
.filter-toolbar-cells .help-block::before {
	display: inline-block;
	content: "\e903";
	font-family: 'Feather';
	margin-left: 5px;
}
.filter-toolbar-cells .help-block:hover p {
	position: absolute;
	top: -30px;
	left: 13px;
	/* also center it above the point using translate */
	transform: translate(-50%, 0%);
	background: #fff;
	border: 1px solid #ccc;
	padding: 1px 4px;
	border-radius: 4px;
	display:block;
}

.btn-padding {
    padding: 10px 15px;
}

.flex-1 {
    flex: 1;
}

.btn-filter {
    padding-bottom: 10px;
    padding-top: 10px;
}

.disabled .editable {
	background-color: #eeeeee;
	opacity: 1;
	cursor: default;
}

.editable::after {
	content: "\e866";
	font-family: 'Feather';
	font-size:1.1em;
}
.disabled .editable::after {
	display: none;
}

.table tbody td.status-column {
	padding-left:28px !important;
	position:relative;
}
.table tbody td.status-column::before {
	position:absolute;
	left:6px;
	top:4px;
	font-size:1.2em;
    font-family: 'Feather';
	text-shadow: 0 0 3px white;
}

.table tbody td.status-column.deadline-passed {
	color:#eb5757;
	font-weight:bold;
	position:relative;
	text-shadow: 0 0 3px white;
}
.table tbody td.status-column.deadline-soon {
	color:#D6A000;
	font-weight:bold;
	position:relative;
	text-shadow: 0 0 3px white;
}
.table tbody td.status-column.deadline-passed::before {
    content: "\e81e";
}
.table tbody td.status-column.deadline-soon::before {
    content: "\e81e";
}

/* Can add icons on other statuses if needed

.table tbody td.status-column.report-Planned::before {
    content: "\e84a";
    color:#33333340;
}
.table tbody td.status-column.report-New::before {
    content: "\e84a";
    color:#33333340;
}
.table tbody td.status-column.report-Open::before {
    content: "\e84a";
    color:#33333340;
}
.table tbody td.status-column.report-Reopened::before {
    content: "\e84a";
    color:#33333340;
}
*/
.table tbody td.status-column.report-Completed::before {
    content: "\e8cd";
    color:#D6A000;
}
.table tbody td.status-column.report-Completed-Approved::before {
    content: "\e83e";
    color:#00664a;
}

.toolbar-flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.toolbar-flex .panel {
	border: 1px solid #999 !important;
	background:white;
	color:var(--text-color);
}
.toolbar-flex .panel-default .panel-heading {
	color:var(--text-color);
	border-color: #ddd;
}
.toolbarblock-flex {
	flex: 1;
	margin-left: 5px;
}

.modal-search {
	margin-bottom: 10px;
}

.officerTable {
	width:100%;
}
.officerTable .navigation td {
	padding-top:6px;
}

.dropdown-variables {
	width:500px;
	padding:15px;
}

/* Drag and drop styling */
.drop-target.hidden-target {
	/*display:none;*/
	opacity:0;
	transition: opacity 0.5s ease-in-out;
	border:1px dotted #888;
	border-radius:5px;
	text-align:center;
	font-style:italic;
	color:#888;
	font-size:12px;
	z-index:-1;
	position:absolute;
	left:-10px;
	right:-10px;
	top:-13px;
}
.drop-target.show-target {
	background: #ece2c6 !important;
	opacity:1;
	z-index: 1;
}
.drop-target.show-target.hover {
	background: #a8913a !important;
	color:white;
}
a.drop-target span {
	pointer-events: none;
}

.btn-circle {
	border-radius:50%;
	width:1.5em;
	height:1.5em;
	background:#E4E4E7;
	text-align:center;
	font-size:1.4em;
	padding:0;
	border:0;
}
.btn-circle:hover {
	background:#c4c4c7;
}
.btn-circle .feather {
	margin:0;
}

.top-right {
	position:absolute;
	top:15px;
	right:15px;
}

/* Object viewer popup */
#objectView {
	z-index: 2050;
}
#objectView .modal-dialog {
	width:75vw;
}
#objectView .modal-header {
	display:flex;
	justify-content:space-between;
	flex-direction: row;
	padding:0;
}
#objectView .modal-header h4 {
	flex:1;
	padding-top:8px;
	text-align:center;
}
#objectView .modal-header .object-previous,
#objectView .modal-header .object-next {
	width:150px;
}
#objectView .modal-content {
	background-color:#323639;
	user-select:none;
	-webkit-user-select: none;
}
#objectView .modal-body {
	padding: 0;
	margin: 0;
	width: 75vw;
	height: 90vh;
	border:2px solid #323639;
	user-select:none;
	-webkit-user-select: none;
}
.center-player {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
}
.center-player label {
	font-size:1.2em;
	font-weight: normal;
}
#objectView .center-player label {
	color:white;
}
.center-player input {
	margin-right:10px;
	height:20px;
	width:20px;
	vertical-align: sub;
}
#objectView object, video {
	width:100%;
	height:100%;
}
.center-player audio,
#objectView audio {
	width: 50%;
}
.zoomable img:hover {
	cursor: zoom-in;
}
.zoomable.zoomed img:hover {
	cursor:	zoom-out;
}
.zoomable.grabbing img:hover {
	cursor: grabbing;
}
.zoomable img {
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	width:100%;
	height:100%;
	object-fit: contain;
}
.zoomable.zoomed {
	overflow: scroll;
}
.zoomable.zoomed img {
	width:auto;
	height:auto;
}
#objectView .modal-body a {
	font-size:1.4em;
	color: #ddd;
}
#objectView .modal-body a:hover {
	color: #fff;
}
#objectView .objectview-buttons {
	text-align:right;
	width:130px;
}
#objectView button {
	font-size: 2rem;
	background:transparent;
	border:0;
	padding: 8px;
	cursor: pointer;
}
#objectView button:hover {
	background:#ffffff20;
}
#objectView button[disabled] {
	opacity: 0.2;
	cursor: not-allowed;
	pointer-events: none;
}

@media screen and (max-width: 1500px) {
	#objectView .modal-body,
	#objectView .modal-dialog {
		width:95vw;
	}
}

/* Object viewer pinned feature */
.remove-pinned {
	float:right;
	font-size:1.2em;
	padding:2px 1px 0 1px;
}
.remove-pinned:hover {
	background: #00000020;
	border-radius: 50%;
	cursor:pointer;
}
.remove-pinned + div {
	margin-right:20px;
}
.pinned-panel {
	position:absolute;
	width:100%;
	top:50px;
	bottom:0px;
}
.pinned-panel img {
	width:100%;
}
.pinned-panel object {
	width:100%;
	height:100%;
}
.nav.nav-tabs.flex-tabs > li.pinned-tab:not(.active) > a {
	background: #eaeaff;
}
.nav.nav-tabs.flex-tabs > li.pinned-tab:not(.active) > a:hover {
	background: #f3f3ff;
}
.pinned-tab.playing::before {
	position:absolute;
	content: "\e8ae";
	font-family:'Feather';
	left:9px;
	top:11px;
	z-index: 1;
}
.nav.nav-tabs.flex-tabs > li.pinned-tab.playing > a {
	padding-left:20px;
}

.case-left.no-scroll {
	overflow:hidden;
	padding-right:0;
}
.case-left.no-scroll .tab-pane-scroll {
	position:absolute;
	left:0;
	right:0;
	top:50px;
	bottom:0px;
	padding-right:15px;
	overflow-y:scroll;
}

@media screen and (max-width: 1199px) {
	.case-left {
		min-height:80vh;
		margin-bottom:15px;
		border-bottom: 1px solid #ccc;
	}
	.case-left .tab-pane {
		margin-bottom:15px;
	}
}

.btn-delete-icon {
	margin-left:5px;
	vertical-align:middle;
	padding:0 2px;
	text-decoration:none !important;
	display:inline-block;
}
.btn-delete-icon:hover {
	border-radius:50%;
	background:#00000020;
}
.btn-delete-icon .feather {
	margin-right:0;
}

.status-icon {
	float: left;
	margin-right: 5px;
	border-radius: 50%;
	font-size: 20px;
	margin-top: 2px;
}
.noMargin {
	margin: 0px;
	padding: 0px;
	width: 0px;
}

.advanced-tooltip{
	border: 1px solid black;
	display: none;
	position: fixed;
	top: 150px;
	left: 100px;
	background: white;
	padding: 15px;
}
.advanced-tooltip.show{
    display: block;
}

.checkbox-star{
	margin: 0;
	padding:0;
}
.checkbox-star label{
	margin: 0;
    padding:0;
}
.checkbox-star label:after {
    content: '';
    clear: both;
    margin: 0;
    padding:0;
}
.checkbox-star .cr {
    position: relative;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    margin: 0;
}
.checkbox-star input[type="checkbox"] {
    display: none;
}
.checkbox-star label input[type="checkbox"]+.cr>.cr-icon {
    color: #c0c0c0;
}
.checkbox-star label input[type="checkbox"]:checked+.cr>.cr-icon{
    color: gold;
}

var {
	font-style: normal;
}

.helpFrame {
	width: 100%;
	height: calc(80vh);
	border: 0;
}

.home-tile {
    color:var(--text-color);
    background:var(--primary-color-light);
    border-radius:5px;
    margin:5px 0;
    padding:5px 10px;
    font-size:1.5rem;
    display:block;
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height:52px;
}
.home-tile span,
.home-tile b {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-left:35px;
    margin-right:32px;
}
.home-tile span {
    font-weight:normal;
}
.home-tile:focus,
.home-tile:active,
.home-tile:focus-visible,
.home-tile:hover {
    background:var(--primary-color);
    color:black;
    text-decoration:none;
}
.home-tile.team-assessment:before {
    position:absolute;
    left:12px;
    top:50%;
    margin-top:-15px;
    font-family: 'feather';
    content:'\e83a';
    font-size:2.2rem;
    color:var(--text-color);
    font-weight: bold;
}
.home-tile:after {
    content: '\e844';
    font-family: 'feather';
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-13px;
    color:var(--text-color);
    font-size:2rem;
    transition: right 0.2s ease-in-out;
}
.home-tile:hover:after {
    right:6px
}
.home-tile.linkobject {
    cursor:pointer;
}
.home-tile i {
    position:absolute;
    left:8px;
    top:50%;
    margin-top:-14px;
}

.home-tile.home-deadline:before {
    position:absolute;
    left:12px;
    top:50%;
    margin-top:-15px;
    font-family: 'feather';
    content:'\e83a';
    font-size:2.2rem;
    color:var(--text-color);
    font-weight: bold;
}

.label-stat label {
	margin-right:5px;
}
.label-stat span {
	font-size:1.3em;
}

.readonly .action {
	display:none;
}

.assessment-recommendation-text {
    display:none;
    margin-left:30px;
}

td.actionheader div {
	height:100%;
}


/*
 calendar grid view with columns
 */
.calendar-days {
	width:100%;
	display:grid;
	grid-template-columns: repeat(7, 1fr);
}
.calendar-month {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.calendar-month .calendar-day {
	border-left:1px solid var(--primary-color-dark);
	border-bottom:1px solid var(--primary-color-dark);
	position:relative;
	min-height:max(100px,10vh);
	cursor: cell;
}
.calendar-month .calendar-day.today:hover,
.calendar-month .calendar-day:hover {
	background:var(--light-grey);
}

.calendar-month .calendar-day:nth-child(7),
.calendar-month .calendar-day:nth-child(14),
.calendar-month .calendar-day:nth-child(21),
.calendar-month .calendar-day:nth-child(28),
.calendar-month .calendar-day:nth-child(35),
.calendar-month .calendar-day:nth-child(42) {
	border-right:1px solid var(--primary-color-dark);
}
/*
.calendar-month > div:nth-child(29) {
	border-bottom-left-radius: 10px;
}
.calendar-month > div:nth-child(35) {
	border-bottom-right-radius: 10px;
}
 */
.calendar-month .calendar-day b {
	position:absolute;
	top:0px;
	right:5px;
	font-size:2rem;
	z-index: 2;
}
.calendar-month .calendar-day.other-month b {
	color:#ccc;
}
.calendar-month .calendar-day.today {
	background:var(--primary-color-light);
	box-shadow: 0px 0px 2px 2px var(--primary-color);
	z-index: 1;
}
.calendar-month .calendar-meetings {
	margin-top:26px;
}

.calendar-days label {
	background: var(--primary-color);
	color:black;
	padding:5px;
	text-align:center;
	margin:0;
	border-left:1px solid var(--primary-color-dark);
	border-bottom:1px solid var(--primary-color-dark);
}
.calendar-days label:nth-child(7) {
	border-right:1px solid var(--primary-color-dark);
}

.calendar-header {
	margin:0;
	padding:5px;
	background: var(--primary-color-dark);
	color:white;
	text-align:center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.calendar-nav {
	font-size:2rem;
	padding:0;
	margin-bottom:10px;
}

.calendar-meeting {
	background:#0C5683;
	color:white;
	margin:0 1px 1px 1px;
	padding:2px 3px;
	border-radius:4px;
	line-height:1.2em;
	z-index: 2;
}
.calendar-meeting:hover {
	background:#1C6693;
	cursor: pointer;
}
.calendar-meeting a {
	color:white !important;
	display:block;
	text-decoration: none;
}

.calendar-meeting.status-Draft {
	background:var(--light-grey);
	border:1px solid #00000030;
	color:black;
}
.calendar-meeting.status-InvitationsSent {
	background:var(--warning-color);
	color:black;
}
.calendar-meeting.status-Completed {
	background:var(--success-color);
	color:black;
}

.background-light-grey {
    background:var(--light-grey) !important;
}
.background-success {
    background:var(--success-color) !important;
}
.background-warning {
    background:var(--warning-color) !important;
}
.background-error {
    background:var(--error-color) !important;
}


/* Experimental for block header links aligned to the bottom */
.fixed-table,
.fixed-table tr.headers,
.fixed-table tr.headers th {
    height:100%;
}
.fixed-table tr.headers th a {
    display:flex;
    flex-direction: column;
    height:100%;
    justify-content: flex-end;
}
.fixed-table tr.headers th a:hover {
    background: #00000010;
}

/* fixed tables */

.fixed-table-wrapper {
	overflow:scroll;
	height:500px;
	position:relative;
	margin-right:-20px;
    display:flex;
    flex-direction: column;
}
.fixed-table {
    flex:0;
	table-layout:fixed;
	width:min-content;
	max-width:none;
	border-spacing: 0 !important;
	margin-bottom:0 !important;
}
.table.fixed-table th {
	padding:0 !important;
    vertical-align: bottom;
}
.fixed-table th a {
	display:block;
	padding:5px 8px;
	overflow:hidden;
}
.fixed-table tfoot,
.fixed-table tfoot tr>td,
.fixed-table thead,
.fixed-table thead tr>th {
	position: sticky;
	z-index: 3;
	background:#f8f8f8;
}
.fixed-table thead tr.headers>th {
    border-left:1px solid #ddd;
}
.fixed-table thead tr.headers>th:first-child {
    border-left:0;
}
.fixed-table tfoot {
	background:transparent;
}
.fixed-table tfoot tr.total {
	background:#f8f8f8;
}
.fixed-table thead {
	inset-block-start: 0;
	z-index: 3;
}
.fixed-table tfoot {
	inset-block-end: 0;
	z-index: 3;
}
.fixed-table tfoot td {
	border-top: 1px solid #A2A2A9 !important;
}
.fixed-table .icon-bullet {
	margin-top:0;
}
.fixed-table .tooltip {
	max-width: 500px;
	font-size:1.2em;
}
.fixed-table .tooltip > div {
	text-align: left;
}
.fixed-table .tooltip p,
.fixed-table .tooltip li {
	font-size: 1.0em;
}
.fixed-table .navigatorLabel {
	float:none;
	display:inline-block;
}
.fixed-table .navigator {
	position:absolute;
	width:80vw;
	left:200px;
	float:none;
	display:inline-block;
	margin-top:0;
	margin-bottom:5px;
	text-align: right;
}
.fixed-table.table tfoot tr.navigation td {
	position:relative;
	padding-top:10px;
	height:40px;
	background:white;
}

.fullscreen-content {
	position:relative;
}
.fullscreen-content.maximised {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1001;
	background:white;
	padding:10px 20px;
}
.fullscreen-content.maximised .fixed-table-wrapper {
	margin-left:-20px;
}

.table.fixed-table tbody td {
	vertical-align:middle;
	overflow: hidden;
	border-radius: 0;
}
.fixed-table .html-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fixed-table tbody td {
	z-index: 2;
}
.fixed-table.sticky-col-1 thead th:nth-child(1),
.fixed-table.sticky-col-1 tbody td:nth-child(1),
.fixed-table.sticky-col-1 tfoot td:nth-child(1) {
	position: sticky;
	left: 0;
	background:#f8f8f8;
}
.fixed-table.sticky-col-1 thead th:nth-child(1) { z-index: 4; }

.fixed-table.sticky-col-2 thead th:nth-child(2),
.fixed-table.sticky-col-2 tbody td:nth-child(2),
.fixed-table.sticky-col-2 tfoot td:nth-child(2) {
	position: sticky;
	left: var(--col-left-2);
	background:#f8f8f8;
}

.fixed-table.sticky-col-3 thead th:nth-child(3),
.fixed-table.sticky-col-3 tbody td:nth-child(3),
.fixed-table.sticky-col-3 tfoot td:nth-child(3) {
	position: sticky;
	left: var(--col-left-3);
	background:#f8f8f8;
}

.fixed-table.sticky-col-4 thead th:nth-child(4),
.fixed-table.sticky-col-4 tbody td:nth-child(4),
.fixed-table.sticky-col-4 tfoot td:nth-child(4) {
	position: sticky;
	left: var(--col-left-4);
	background:#f8f8f8;
}
.fixed-table.sticky-end-1 thead th:nth-child(1),
.fixed-table.sticky-end-1 tbody td:nth-child(1),
.fixed-table.sticky-end-2 thead th:nth-child(2),
.fixed-table.sticky-end-2 tbody td:nth-child(2),
.fixed-table.sticky-end-3 thead th:nth-child(3),
.fixed-table.sticky-end-3 tbody td:nth-child(3),
.fixed-table.sticky-end-4 thead th:nth-child(4),
.fixed-table.sticky-end-4 tbody td:nth-child(4) {
	border-right: 1px solid #A2A2A9;
}

.fixed-table.sticky-col-1 thead th:nth-child(1),
.fixed-table.sticky-col-2 thead th:nth-child(2),
.fixed-table.sticky-col-3 thead th:nth-child(3),
.fixed-table.sticky-col-4 thead th:nth-child(4),
.fixed-table.sticky-col-1 tfood td:nth-child(1),
.fixed-table.sticky-col-2 tfoot td:nth-child(2),
.fixed-table.sticky-col-3 tfoot td:nth-child(3),
.fixed-table.sticky-col-4 tfoot td:nth-child(4) {
	z-index: 4;
}

.fixed-table .export-tr {
	/*
	position:absolute;
	top: 4px;
	z-index: 10;
	*/
}
.fixed-table .export-tr td {
	position:absolute !important;
	background:transparent !important;
	border-top:0 !important;
}
.fixed-table .navigation + .export-tr td {
	position: absolute;
	bottom:3px;
	z-index: 10;
}

.fixed-table .form-control {
	padding:3px 10px;
	height:28px;
}
/*
.table.fixed-table tfoot tr:first-child td {
	padding-top:0;
}
*/

.fixed-table-wrapper.tight-layout th ,
.fixed-table-wrapper.tight-layout td {
	white-space: nowrap;
}
.fixed-table-wrapper.tight-layout .table>tbody>tr>td,
.fixed-table-wrapper.tight-layout .table>tbody>tr>th,
.fixed-table-wrapper.tight-layout .table>thead>tr>td,
.fixed-table-wrapper.tight-layout .table>thead>tr>th {
	padding: 1px 5px 0 5px;

}
.fixed-table tr.highlight td {
	background: #f0f0d0;
}

.editable-rich {
	display: none;
}

.talk-loader {
	width: 30px;
	aspect-ratio: 2;
	--gradient: no-repeat radial-gradient(circle closest-side,#ddd 90%,#fff);
	background:
			var(--gradient) 0 50%,
			var(--gradient) 50%  50%,
			var(--gradient) 100% 50%;
	background-size: calc(100%/3) 50%;
	animation: l3 1s infinite linear;
}

.selected-values option:hover {
	background: #f8f8f8;
}


/* Classes for DataQueryListPanel */

/* Show an edit pen icon after option that has hovered class */
.selected-values option {
	position: relative;
}
.selected-wrapper {
	position:relative;
}
.edit-name {
	position:absolute;
	padding:1px 4px;
	height:auto;
	left:10px;
	width:300px;
}
.edit-pen {
    position:absolute;
    display:none;
    opacity: 0.5;
    cursor: pointer;
    z-index: 1;
    padding:1px 4px 0;
}

.column-resize-handle {
	display:none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 14px;
	cursor: col-resize;
	background: #00000010;
    transition: background 0.2s ease-in-out;
}
.column-resize-handle:hover {
    background: #00000020;
}

.table.column-resize th.wicket_orderDown,
.table.column-resize th.wicket_orderUp {
	padding-right: 14px !important;
	background-position: right 8px bottom 12px !important;
}

.input-group.date {
	width:170px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus {
	background:var(--primary-color-dark);
	color:white;
}

.component-error {
	position:fixed;
	display: none;
	transform: translate(-50%,0);
	font-weight: bold;
}

/* Classes for TagsFieldPanel */

.fixed-table.table.celltable tbody td.tagsColumn {
	vertical-align: top;
	overflow: visible;
}
.tags-field-view {
	padding-top:2px;
	cursor: pointer;
}
.tags-field-view:hover {
	background: #f8f8f8;
}
.tags-field-form {
	position:absolute;
	z-index:100;
	top:0;
	left:-5px;
	width:250px;
	background:#f8f8f8;
	border:1px solid #ccc;
	border-radius:4px;
	padding:2px;
}
.tags-field-taglist {
	margin:1px 0 3px;
}
.tags-field-tag {
	border:1px solid #ccc;
	border-radius:4px;
	background:white;
	padding:1px 3px;
	margin:1px;
	display: inline-block;
}
.tags-field-tag a {
	display:inline-block !important;
}

.tags-field-dropdown ul {
	list-style: none;
	margin:0;
	padding:0;
}

.tags-field-dropdown ul li a {
	display:block;
	padding:2px 5px;
	text-decoration:none;
	color:black;
}

.variable-editor-form {
	display:none;
	position:fixed;
	pointer-events: none;
	cursor:pointer;
}
.variable-editor-form input {
	display:none;
}
.variable-editor-button {
	padding: 0;
	background: #efe4c5;
	font-size: 1.1em;
	color:black;
	border-radius: 50%;
	border: none;
	width: 20px;
	height: 20px;
}

.mt {
    margin-top: 15px;
}
@keyframes l3 {
	20%{background-position:0 0, 50%  50%,100%  50%}
	40%{background-position:0 100%, 50%   0,100%  50%}
	60%{background-position:0 50%, 50% 100%,100%   0
	}
	80%{background-position:0 50%, 50%  50%,100% 100%}
}


.formula-editor textarea {
    width: 100%;
    height: 95%;
    tab-size: 4;
}
.formula-help {
    overflow-y: scroll;
    font-size:1em;
}
textarea.form-control.formula-field-area {
    height:34px;
    resize: none;
    overflow:hidden;
}
textarea.form-control.formula-field-area.readonly {
    background-color: #eeeeee;
    opacity: 1;
    cursor: default;
    pointer-events: none;
}

/* Lockable fields container */
.lockable-fields-locked {
    border: 2px dashed #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}

.lockable-fields-unlock {
    text-align: right;
}

.formula-editor-modal-body {
    display: flex;
    gap: 10px;
    max-height: 75vh;
    overflow: hidden;
}
.formula-help {
    width: 500px;
    overflow-y: auto;
    flex-shrink: 0;
}
.formula-editor {
    flex: 1;
    font-family: monospace;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}
.formula-editor .CodeMirror {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 400px;
    font-size: 13px;
    font-family: monospace;
    flex: 1;
}
.formula-error.CodeMirror {
    border-color: var(--error-color) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(169,68,66,.4) !important;
}
.formula-valid.CodeMirror {
    border-color: var(--success-color) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(111,207,151,.4) !important;
}
.formula-char-counter {
    text-align: right;
    font-size: 11px;
    color: #888;
    margin-top: 3px;
}
.formula-char-counter.formula-char-over {
    color: var(--error-color);
    font-weight: bold;
}
.formula-validation-feedback {
    margin-top: 6px;
    min-height: 20px;
    font-size: 12px;
    border-radius: 3px;
    padding: 0;
}
.formula-feedback-error {
    padding: 6px 10px;
    color: var(--error-color);
    background-color: var(--error-color-light);
    border: 1px solid var(--error-color);
    border-radius: 3px;
}
.formula-feedback-valid {
    padding: 6px 10px;
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid var(--success-color);
    border-radius: 3px;
}

.btn-big {
    font-size:28px;
    padding:10px 10px 5px 10px;
}
.btn-big {
    padding:20px 45px;
    min-height:64px;
    font-size:16px !important;
    border-radius:100px;
}

/* Shared layout for category dropdowns next to text areas */

.category-dropdown-context {
	position: relative;
}

.category-dropdown-context .category-dropdown {
	position: static;
}

.category-dropdown-context .category-dropdown .dropdown-menu {
	width: max-content;
	max-width: 100%;
	min-width: 0;
}

.category-dropdown-context .category-dropdown .dropdown-menu a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}