/* SVN FILE: $Id$ */
/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) :  Rapid Development Framework (http://www.cakephp.org)
 * Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright     Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 * @link          http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @version       $Revision$
 * @modifiedby    $LastChangedBy$
 * @lastmodified  $Date$
 * @license       http://www.opensource.org/licenses/mit-license.php The MIT License
 */

* {
	margin:0;
	padding:0;
}

:root {
    --main-colour: #186f4d; /* NCAS Earth Green */
    --dark-main-colour: #014533; /* dark Earth Green */
    --pale-main-colour: rgba(24, 111,77,0.3); /* partially-transparent NCAS Earth Green */
    --table-altrow-colour: #f4f4f4;
    --error-colour: #900;
    --background-colour: #aaa;
}

/* General Style Info */
body {
	background: var(--background-colour);
	color: #ddd;
	font-family:"Open Sans","Helvetica Neue",Helvetica,"Nimbus Sans",Arial,sans-serif;
	font-size:10pt;
   font-weight: 300;
}
a {
	color: var(--dark-main-colour);
	text-decoration: underline;
	font-weight: 300;
}
a:hover {
	background:#fff;
	color: var(--dark-main-colour);
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: 300;
}
h1 {
	background:#fff;
	color: var(--dark-main-colour);
	font-size: 100%;
	margin: 0.1em 0;
}
h2 {
	background:var(--dark-main-colour);
	color: #fff;
	font-family:"Open Sans","Helvetica Neue",Helvetica,"Nimbus Sans",Arial,sans-serif;
	font-size: 130%;
   font-weight: bold;
	margin: 0.3em 0;
	padding: 0.1em;
}
h3 {
	color: #666;
	font-family:"Open Sans","Helvetica Neue",Helvetica,"Nimbus Sans",Arial,sans-serif;
	font-size: 120%;
   font-weight: bold;
	padding-top: 1.5em;
   border-bottom: 1px solid #CCCCCC;
}
h4 {
	color: #000;
	font-weight: 300;
	padding-top: 0.5em;
   padding-bottom: 0.5em;
}
h5 {
   font-size: 100%;
	font-weight: bold;
	color: #666;
}
h6 {
   font-size: 100%;
	font-weight: bold;
	color: #333;
	padding-bottom: 0.5em;
}
ul, li {
	margin: 0 12px;
}

/* Layout */
#container {
	text-align: left;
	margin: 0 auto;
   max-width: 68rem;
   background-color: var(--background-colour);
}

#header{
    width:90%;
    display: flex;
    justify-content: left;
    align-items: center;
}
#header h1 {
   font-size: 150%;
}
#header h1 a {
	color: #fff;
	background: var(--dark-main-colour);
	font-weight: 300;
	text-decoration: none;
}
#header h1 a:hover {
	color: #fff;
	background: var(--dark-main-colour);
	text-decoration: underline;
}
#header h3 {
   font-size: 160%;
   border: none;
}
#logo {
    width: 300px;
    height: 73px;
    text-align: center;
}
#logo a {
    height: 100%;
    display: block;
}
#logo a img {
    height: 98%;
    padding: 1%;
}
#content{
	background: #fff;
	clear: both;
	color: #333;
	padding: 1rem 1.5rem 4rem 1.5rem;
	overflow: auto;
   border-top: 2em solid var(--background-colour);
}
#footer {
	clear: both;
	padding: 6px 10px;
	text-align: right;
}

/* Tables */
table {
	background: #fff;
	border-right:0;
    border-spacing: 0px;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	text-align: left;
   font-size: 120%;
}
th a {
	background:#f2f2f2;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: inherit;
	padding: 4px;
	text-align: left;
	vertical-align: top;
}
table tr.altrow td, .table-responsive tr.even td, table tr:nth-child(even) {
	background: var(--table-altrow-colour);
}
table tr.alert td {
	background: #ff7474;
    color: white; 
}
table tr.alert a {
    color: white;
}
td.actions,th.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: var(--table-altrow-colour);
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: var(--table-altrow-colour);
}
dt {
   font-weight: bold;
   padding: 0 0 0 0.23em;
   margin: 0;
   vertical-align: top;
   height: 2em;
   line-height: 2em;
   width:25em;
   display:-webkit-box;
   -webkit-box-align:center;
}
dd {
   margin-left: 20em;
   min-height: 2em;
   margin-top: -2em;
   padding: 0;
   display:inline-block;
   vertical-align: top;
}
div.risks dd:nth-of-type(even), div.risks dt:nth-of-type(even), div.groupform tr:nth-of-type(even) {
	background: var(--table-altrow-colour);
}

div.groupform td {
    background-color: transparent;
}

dl.people dd {
   margin-left: 2em;
   }


dl.people img {
   vertical-align: middle;
   }
dl.people {
   float: left;
}
dl.people a.section {
    font-weight: bold;
}

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
form.personmainform, form#GroupEditForm, form#ProtectedCharacteristicEditForm {
   width: 100%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
form#ProtectedCharacteristicEditForm fieldset optgroup {
    font-weight: bold;
    font-style: italic;
	font-size: 100%;
}
form#ProtectedCharacteristicEditForm fieldset optgroup option {
    font-size: 120%;
    font-weight: normal;
    font-style: normal;
}
fieldset legend {
	background:transparent;
	color: var(--dark-main-colour);
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: 300;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.color-picker-container, form div.picker-sidebar {
   clear: none;
}
form div.input {
	color: #444;
}
form div.required:before {
   content: "★";
	color: var(--error-colour);
    position: absolute;
    left: -1.0em;
    top: 0;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
div#protcharsubmit {
    text-align: right;
    margin: 0 auto;
    width: 100%;
    max-width: 65rem;
    position: fixed;
    padding: 0;
    bottom: 0px;
}
div#protcharsubmit input[type=submit] {
    background-color: var(--dark-main-colour);
    color: white;
    padding: 0.5em 0.75em;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
div#protcharsubmit div.submit{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	font-size: 140%;
	font-family: "Gill Sans MT","frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
.success {
	background: transparent;
	color: #fff;
}
.hidden {
    display: none;
}
div.message {
	clear: both;
	color: var(--error-colour);
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: var(--error-colour);
	font-weight: bold;
}
p.error {
	background-color: var(--error-colour);
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: 300;
	line-height: 140%;
}
input.error {
    background-color: var(--error-colour) !important;
    color: white;
}

.chart-container div.former {
      filter: hue-rotate(200deg);
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: var(--dark-main-colour);
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

/*Specific classes*/
p.address {
   padding: 0px;
   margin: 0px;
   line-height: 1.1em;
}

div.contact {
   width: 40%;
   float: left;
   clear:left;
}
div.contact div {
   padding: 1em 0 1em 0;
}
div.details {
   float: left;
   width: 30%;
}
div.people h3 {
   clear: both;
}
img.portrait {
    float: right;
    max-width: 40%;
}

span.subheading {
   font-size: 60%;
} 
div.horizontal {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
div.horizontal > label {
    width: 100%;
}
div.expand > label::before {
    content: "▶ ";
}
div.collapse > label::before {
    content: "▼ ";
}
div.horizontal input[type=checkbox] {
   float: none;
   }
div.horizontal div.checkbox {
   width: 10em;
}
div.horizontal div.checkbox label {
    display: flex;
    align-items: baseline;
}
div.horizontal div.checkbox label input[type=checkbox] {
    margin-right: 0.5em;
}
div.emailaddr {
    margin: 0;
    padding: 0;
}
div.emailaddr div.text, div.peopleform div.emailaddr select {
    display: inline;
}
div.emailaddr div.text input {
    width: 65%;
}
div.emailaddr div.text label {
    display: block;
}
div.emailaddr div.input.select {
    display: inline;
    max-width:33%;
    background-color: transparent;
    color: black;
}
input.percent {
    width: 3em;
}
div.horizontal label {
   display: inline;
}
div.horizontal > label {
   display: block;
   color: #666666;
   border-bottom: 1px solid #cccccc;
}
div.required {
    position: relative;
    padding: 0;
    margin: 0;
}
div.required > label {
    display: inline-block;
    width: 90%;
}
div.toolbar {
   position: absolute;
   top: 0.5em;
   max-width: 68em;
   background-color: transparent;
   height: 2em;
   }
div.toolbar ul li {
   display: inline;
   font-size: 80%;
   margin: 0.5em 0 0 0;
   background-color: var(--dark-main-colour);
   border-left: 1px var(--background-colour) solid;
   border-right: 1px var(--background-colour) solid;
   border-top: 1px var(--background-colour) solid;
   border-bottom: 1px white solid;
   padding: 0.4em;
   border-radius: 0.4em 0.4em 0 0;
}
div.toolbar a {
   text-decoration: none;
   color: white;
}
div.toolbar ul li.active {
   background-color: white;
   border-bottom: 1px solid #fff;
}
div.toolbar ul li.active a {
   color: var(--dark-main-colour);
}
div.toolbar a:hover {
   text-decoration: underline;
   background-color: transparent;
}
ul.publications li {
   padding-bottom: 0.5em;
}
div.section_details {
   width: 30%;
   font-size: 70%;
   float: left;
   clear: none;
}
div.section_details div.checkbox {
}
div.section_details div.dates div.input {
   font-size: 80%;
   float: left;
   width: 27%;
   clear: none;
}
div.section_details div.endedwhy{
   width: 90%;
}
div.section_details div.dates {
   padding: 0;
   margin: 0;
   width: 100%;
}
div.person_details div.input {
   float: left;
   width: 30%;
   clear: none;
}
div.select select {
   background: transparent;
   background-color: var(--main-colour);
   border: none;
   height: 2em;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   background-color: var(--dark-main-colour);
   color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
div.section_details div.select {
   width: 100%;
}
div.section_details div.date {
   width:35%;
   float: left;
}
div#EmailContainer {
   width:inherit; 
   margin:0;
   column-count: 2;
   -moz-column-count: 2;
   -webkit-column-count: 2;
}
div.email_details {
   /*border: solid 1px lime;*/
   margin:inherit;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid; 
   max-width: 60rem;
}
div.email_details.newEmail {
   border: solid 1px var(--main-colour);
}
div.email_details.newEmail button.ui-button {
   float: right;
}
div.classification {
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid; 
}
div.classification div.subclass {
   margin:0; padding:0;
   max-width: 25rem;
}
div.classification div.subclass.orgunits {
   max-width: 100%;
}
div.classification div.subclass.orgunits select {
    margin: 0 auto;
}
div.classification div.role_controls {
   max-width: 25rem;
}
div.classification div.subclass_details {
   margin:0; padding:0;
}
div.classification div.input.number, div.classification div.input.select, div.classification div.after {
    display: inline-block;
    vertical-align:middle;
}
div.email_details div.text {
}
div.email_details div.checkbox {
   margin-top:3ex;
   display: inline-block;
   vertical-align: middle;
}
.pubtitle {
   color: var(--main-colour);
}

a.doi {
	text-decoration: none;
   color: #333;
}

div.stanza {
   border-bottom: solid 1px black;
   margin-bottom: 1em;
   height: 220px;
}

div.stanza p.name {
   font-weight: bold
}
table.hasverticalheads th {
    vertical-align: bottom;
}
th div.narrowcolumn {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}
div.achievements dd, div.patents dd, div.engagements dd, div.policyAdvices dd {
   margin-left: 20em;
}
.incomplete {
   color: var(--error-colour);
   }

div.inline {
   display: inline;
   width:15em;
}

div.inline input {
  width: 30%; 
}
div.inline label {
  display: inline;
}
fieldset.multicheckbox {
	margin-bottom: 1em;
	margin: 0.5em;
}
fieldset.multicheckbox div.checkbox {
   margin: 0;
   padding-left: 0;
}
div.peopleform {
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
   margin-right: 0.5em;
   /*columns: 2 30em;
   -moz-columns: 2 30em;
   -webkit-columns: 2 30em;*/
   column-width: 30rem;
   -moz-column-width: 30rem;
   -webkit-column-width: 30rem;
   column-count: 2;
   -moz-column-count: 2;
   -webkit-column-count: 2;
}
div.peopleform .after {
    padding: 0;
    margin:0;
    font-size: xx-small;
    max-width: 10em;
}
div.adminonly {
    background-color: var(--pale-main-colour);
}
div.adminonly:before {
    content: "Admin Use Only";
	color: var(--error-colour);
}
div.peopleform label, div.groupform label {
   border: 0;
   padding: 0;
   margin: 0;
   display:inline;
}
div.peopleform input.percentage {
    width: 4em;
    text-align: right;
}
div.peopleform div.input, div.groupform div.input {
   padding:0;
   margin:0;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
}
div.peopleform input, div.externalMembers fieldset input, div.groupform input {
   border: 0;
   border-bottom: dashed 1px black;
   padding: 0;
   margin: 0 0 0.5em 0;
   background-color: transparent;
   display:inline;
}
div.peopleform td, div.peopleform tr, div.peopleform table, div.peopleform th{
   background-color: transparent;
}
div.peopleform tr:nth-child(even) {
    background-color: var(--pale-main-colour);
}
#PeopleGroupContainer input.addGroup {
    max-width: 80%;
}
#PeopleGroupContainer .delbox {
    width: 10%;
    text-align: center;
}
#PeopleGroupContainer .delbox input[type=checkbox]{
    float: none;
}
div.peopleform select, div.groupform select {
   display:block;
}
div.peopleform div.othermanmore, div.peopleform div.othermanmain {
    display: none;
}
div.peopleform div.othermanmore.error {
    display: block;
}
fieldset fieldset div.othermanmore, fieldset fieldset div.othermanmain {
    margin: 0;
}

div.peopleform div.contract_details, div.peopleform .other_employment_dates {
    display: flex;
    justify-content: space-between;
}

div.peopleform div.contract_details .input {
    min-width: 8em;
}
div.peopleform div.contract_details div.after {
    max-width: 18em;
}
div.peopleform div.contract_details div.input label {
    min-width: 8em;
}
div.peopleform div.contract_details label {
    display: block;
}
div.peopleform div.contract_details button#moveToPreviousService {
    display: block;
    height: 6ex;
    padding: 0.5em;
}
div.peopleform div#RoleContainer {
    display: flex;
    flex-direction: column;
}
div.peopleform div#RoleContainer div.role_details {
    position: relative;
    left: 0;
    border: solid 1px black;
    flex: 1 1 0px;
    display: flex;
    justify-content: space-between;
}
div.role_details div.roledetailsafter {
    max-width: 25rem;
}
div.role_details div.withequiv {
    display: inline-flex;
    flex-direction: column;
    max-width: 6rem;
    padding: 0;
    margin: 1ex 0 0 0;
    text-align: center;
}
div.role_details div.equiv, div.role_details div.withequiv input {
    padding: 0;
    margin: 0;
}
div.peopleform div#RoleContainer button {
    width: 8rem;
}
div.peopleform div#RoleContainer div.delRole, div.peopleform div#RoleContainer span.delRole  {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    max-width: 8rem;
    float: right;
}
span.delRole {
    color: var(--error-colour);
    font-weight: bold;
    cursor: pointer;
}
div#ajax-dialog img, div#ajax-dialog p {
    display: block;
}
div#ajax-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ui-dialog{
  position: fixed;

  left: 0 !important;
  right: 0 !important;

  padding: rem-calc(15);
  border: 1px solid #d3dbe2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  max-width: 68rem;
  top: rem-calc(100) !important;

  margin: 0 auto;
  width: calc(100% - 20px) !important;
}
span.remove {
    color: red;
    font-weight: bold;
    border: solid 1px black;
    border-radius: 0.25em ;
    width: 1em;
    height: 1em;
    padding: 0 0.25em;
}
div.groupform div.select label {
    display: none;
}
div.groupform div.select select {
    font-size: 80%;
    padding: 1px;
}
div.groupform div.input input{
    font-size: 120%;
}
div.refine {
   padding-bottom: 1em;
   display: inline;
   font-size: 100%;
}
div.refine div.select, div.refine div.select select, div.refine div.select label {
   display: inline;
   clear: none;
   padding-right: 0.25em;
   font-size: 100%;
}
div.refine div.select select {
   background-color: var(--dark-main-colour);
   width: 12em;
   padding: 0px;
   font-size: 100%;
   line-height: 1;
   border: solid 1px #666;
   height: 2.0em;
   -webkit-appearance: none;
   vertical-align: middle;
}
dd.profile {
}
th.long {
   width: 12em;
}
a[href^="tel:"] {
  text-decoration: none;
}
a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.5em;
}
div.risks.index th {
   vertical-align: bottom;
}
th.risknum {
   height: 10em;
   width: 2em;
   text-align: center;
}
th.risknum div {
   -ms-writing-mode: tb-rl; 
   -webkit-writing-mode: vertical-rl;
   -moz-writing-mode: vertical-rl;
   writing-mode: vertical-rl;
   margin: auto 0;
   vertical-align: middle;
}
div.risks.index tr.proposed td {
   background-color: #ccc;
}
canvas#canvas, button#again {
    display: none;
}

/* Paginator */
.paginator {
    text-align: right;
}
.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}
.pagination li {
    margin: 0 0.5rem;
}
.pagination li.active a, 
.previous.disabled a,
.next.disabled a {
    cursor: not-allowed;
    color: #606c76;
    text-decoration: none;
}
div.contract, fieldset.contract {
    background-color: rgba(0,0,0,0.1); /* Black background with opacity */
}
div.contract::before, fieldset.contract::before {
    content: "People Team only";
	color: var(--error-colour);
}
.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

/* Datatables */

div.dataTables_wrapper div.row:first-child {
    display: flex;
    justify-content: space-between;
}

#chartcontainer svg div {
    font-size: 100%;
    text-overflow: ellipsis;
    max-height: 8.5ex;
    line-height: 2.1ex;
    overflow: visible;
	font-family:"Open Sans","Helvetica Neue",Helvetica,"Nimbus Sans",Arial,sans-serif;
}