form[action='/visualiser'] #root {
	position: fixed;
	width: calc(100vw - 80px);
	overflow: auto;
	height: 100vh;
	top: 0;
	left: 80px;
	z-index: 99999;
}

form[action='/visualiser'] .DNNModuleContent.ModDNNHTMLC {
	z-index: 99999;
}

form[action='/visualiser'] #dnn_ContentPane {
	position: absolute;
	top: -20px;
	left: 0;
	margin: 0;
	padding: 0 !important;
	width: 100%;
	z-index: 99999;
}

form[action='/visualiser'] div#moduleActions-640 {
	display: block !important;
	position: fixed;
	width: max-content;
	height: max-content;
	top: 25px;
	left: 25px;
	z-index: 99999999;
}

/* Styles for the edit form Production Manager view Form and List Module */


table.dnnGrid tr.dnnGridHeader {
	background: #c9c9c9;
	z-index: 1;
	position: sticky;
	top: 0;
}

table.dnnGrid tr > td {
	vertical-align: top;
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr td:nth-of-type(2),
[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr td:has(i.step-status) {
	text-align: center;
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-status:where(.step-status-1, .step-status-2):before {
	color: #222;
	content: '\f118';
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-status.step-status-2:before {
	color: #00c400;
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-status.step-status-3:before {
	color: #c40000;
	content: '\f11a';
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-prospect.step-status:where(.step-status-0, .step-status-1):before {
	color: #00c400;
	content: '\f19d';
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-status.step-status-TBS {
	background: #494949;
    display: block;
	visibility: hidden;
    height: 22px;
    width: 22px;
    border-radius: 25px;
    margin: 2px auto;
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-status.step-status-IP {
	background: #008dc4;
    display: block;
    height: 22px;
    width: 22px;
    border-radius: 25px;
    margin: 2px auto;
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-status.step-status-C {
	background: #00c400;
    display: block;
    height: 22px;
    width: 22px;
    border-radius: 25px;
    margin: 2px auto;
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-prospect.step-status.step-status-1:before {
	content: '\f549';
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-prospect.step-status.step-status-2:before {
	color: #c46900;
	content: '\f071';
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-status:where(.step-status-0) {
	display: none;
}

[id*='dnn_ctr'][id*='_ModuleContent'] i.step-prospect.step-status:where(.step-status-0) {
	display: inline-block;
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(n + 8):nth-of-type(-n + 14),
[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(n + 8):nth-of-type(-n + 16):has(a:has(span.num)) {
	font-size: 0.45rem;
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(n + 8):nth-of-type(-n + 14) a:before,
[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(n + 8):nth-of-type(-n + 16) a:has(span.num):before {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	color: #00c400;
	display: block;
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(8) a:before {
	content: '\31';
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(9) a:before {
	content: '\32';
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(10) a:before {
	content: '\33';
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(11) a:before {
	content: '\34';
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(12) a:before {
	content: '\35';
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(13) a:before {
	content: '\36';
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(14) a:before {
	content: '\37';
}

/* Added next two classes to target a specific form, whilst not showing these on another form */
[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(15) a:has(span.num):before {
	content: '\38';
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr th:nth-of-type(16) a:has(span.num):before {
	content: '\39';
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid tr > :nth-of-type(n + 5):nth-of-type(-n + 7) {
	display: none;
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid.mode-learning tr > :nth-of-type(n + 5):nth-of-type(-n + 7) {
	display: table-cell;
}

[id*='dnn_ctr'][id*='_ModuleContent'] table.dnnGrid.mode-learning tr > :nth-of-type(n + 8) {
	display: none;
}

[id*='dnn_ctr'][id*='_ModuleContent']  table.dnnGrid tr:has(td i.group-header1) {
	background: #bbb;
	position: relative;
}
[id*='dnn_ctr'][id*='_ModuleContent']  table.dnnGrid tr:has(td i.group-header1) td:has(i.group-header1) {
	background: #bbb;
	position: absolute;
	left: 40px;
	right: 0;
	top: 0;
	bottom: 0;
}
 table.dnnGrid tr:has(td i.group-header2) {
	background: #ddd;
	position: relative;
}
 table.dnnGrid tr:has(td i.group-header2) td:has(i.group-header2) {
	background: #ddd;
	position: absolute;
	left: 40px;
	right: 0;
	top: 0;
	bottom: 0;
}
 table.dnnGrid tr:has(td i.group-header1, td i.group-header2) td:has(i.group-header1, i.group-header2),
 table.dnnGrid tr:has(td i.group-header1, td i.group-header2) td:has(i.group-header1, i.group-header2) a{
	color: black;
}
 table.dnnGrid tr:has(td i.group-header1, td i.group-header2) td:not(:has(i.group-header1, i.group-header2), :nth-of-type(1)),
 table.dnnGrid tr:has(td i.group-header1, td i.group-header2) td:not(:has(i.group-header1, i.group-header2), :nth-of-type(1)) * {
	display: none;
}




/* Edit form */
.dnnForm.fnlForm .dnnFormItem > div > label[for*='Step-']:after {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	color: #00c400;
	content: '\30';
	display: inline-block;
	margin-left: 0.2em;
}

.dnnForm.fnlForm .dnnFormItem > div > label[for$='Step-Propose']:after {
	content: '\31';
}
.dnnForm.fnlForm .dnnFormItem > div > label[for$='Step-Approved']:after {
	content: '\32';
}
.dnnForm.fnlForm .dnnFormItem > div > label[for$='Step-Develop']:after {
	content: '\33';
}
.dnnForm.fnlForm .dnnFormItem > div > label[for$='Step-Peer']:after {
	content: '\34';
}
.dnnForm.fnlForm .dnnFormItem > div > label[for$='Step-Organisation']:after {
	content: '\35';
}
.dnnForm.fnlForm .dnnFormItem > div > label[for$='Step-Canopi']:after {
	content: '\36';
}
.dnnForm.fnlForm .dnnFormItem > div > label[for$='Step-Published']:after {
	content: '\37';
}

/* Canned Content production page styles */

form[action='/workshop-resources/canned-content'] table.dnnGrid tr td:nth-of-type(2),
form[action='/workshop-resources/canned-content'] table.dnnGrid tr td:has(i.step-status) {
	text-align: center;
}
form[action='/workshop-resources/canned-content'] i.step-status:where(.step-status-1, .step-status-2):before {
	color: #222;
	content: '\f118';
}
form[action='/workshop-resources/canned-content'] i.step-status.step-status-2:before {
	color: #00c400;
}
form[action='/workshop-resources/canned-content'] i.step-status.step-status-3:before {
	color: #c40000;
	content: '\f11a';
}
form[action='/workshop-resources/canned-content'] i.step-prospect.step-status:where(.step-status-0, .step-status-1):before {
	color: #00c400;
	content: '\f19d';
}
form[action='/workshop-resources/canned-content'] i.step-prospect.step-status.step-status-1:before {
	content: '\f549';
}
form[action='/workshop-resources/canned-content'] i.step-prospect.step-status.step-status-2:before {
	color: #c46900;
	content: '\f071';
}

form[action='/workshop-resources/canned-content'] i.step-status:where(.step-status-0) {
	display: none;
}
form[action='/workshop-resources/canned-content'] i.step-prospect.step-status:where(.step-status-0) {
	display: inline-block;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(n+5):not(:nth-of-type(n+12)) {
	font-size: 0.45rem;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(n+5):not(:nth-of-type(n+12)) a:before {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	color: #00c400;
	/*content: '\30';*/
	display: block;
}

form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(5) a:before {
	content: '\31';
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(6) a:before {
	content: '\32';
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(7) a:before {
	content: '\33';
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(8) a:before {
	content: '\34';
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(9) a:before {
	content: '\35';
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(10) a:before {
	content: '\36';
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr th:nth-of-type(11) a:before {
	content: '\37';
}


form[action='/workshop-resources/canned-content'] table.dnnGrid tr>:nth-of-type(n+35):not(:nth-of-type(n+8)) {
	display:none;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid.mode-learning tr>:nth-of-type(n+35):not(:nth-of-type(n+8)) {
	display:table-cell;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid.mode-learning tr>:nth-of-type(n+5) {
	display:none;
}

form[action='/workshop-resources/canned-content'] table.dnnGrid tr:has(td i.group-header1) {
	background: #bbb;
	position: relative;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr:has(td i.group-header1) td:has(i.group-header1) {
	background: #bbb;
	position: absolute;
	left: 40px;
	right: 0;
	top: 0;
	bottom: 0;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr:has(td i.group-header2) {
	background: #ddd;
	position: relative;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr:has(td i.group-header2) td:has(i.group-header2) {
	background: #ddd;
	position: absolute;
	left: 40px;
	right: 0;
	top: 0;
	bottom: 0;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr:has(td i.group-header1, td i.group-header2) td:has(i.group-header1, i.group-header2),
form[action='/workshop-resources/canned-content'] table.dnnGrid tr:has(td i.group-header1, td i.group-header2) td:has(i.group-header1, i.group-header2) a {
	color: black;
}
form[action='/workshop-resources/canned-content'] table.dnnGrid tr:has(td i.group-header1, td i.group-header2) td:not(:has(i.group-header1, i.group-header2), :nth-of-type(1)),
form[action='/workshop-resources/canned-content'] table.dnnGrid tr:has(td i.group-header1, td i.group-header2) td:not(:has(i.group-header1, i.group-header2), :nth-of-type(1)) * {
	display: none;
}