/* Trial colours */

/* SIFT */
body.adminInterface.SIFT header {
    border-top: solid 10px rgb(98, 54, 138);
}

body.adminInterface.SIFT .site-title .text {
    top: -11px;
}

.SIFT .reading-label, body.adminReport.widget.SIFT h1, .SIFT .widgetTitle {
    background-color: rgb(98, 54, 138);
}

.SIFT .reading-field {
    border-color: rgba(98, 54, 138, 0.3);
}

body.adminReport.SIFT #header {
    border-bottom: solid 2pt rgb(98, 54, 138);
}

/* PHOENIX */
body.adminInterface.PHOENIX header {
    border-top: solid 10px hsl(16, 83%, 47%);
}

body.adminInterface.PHOENIX .site-title .text {
    top: -14px;
}

.PHOENIX .reading-label, body.adminReport.widget.PHOENIX h1, .PHOENIX .widgetTitle {
    background-color: hsl(16, 80%, 41%);
}

.PHOENIX .reading-field {
    border-color: hsla(16, 83%, 47%, 0.3);
}

body.adminReport.PHOENIX #header {
    border-bottom: solid 2pt hsl(16, 83%, 47%);
}

/* ELFIN */

body.adminInterface.ELFIN header {
    border-top: solid 10px rgb(0, 142, 123);
}

.ELFIN .reading-label, body.adminReport.widget.ELFIN h1, .ELFIN .widgetTitle {
    background-color: rgb(0, 142, 123);
}

.ELFIN .reading-field {
    border-color: rgba(0, 142, 123, 0.3);
}

body.adminReport.ELFIN #header {
    border-bottom: solid 2pt rgb(0, 142, 123);
}

/* BabyOSCAR */

body.adminInterface.BABYOSCAR header {
    border-top: solid 10px rgb(45, 100, 158);
}

body.adminInterface.BABYOSCAR .site-title .text {
    top: -9px;
    left: 0.3em;
}

.BABYOSCAR .reading-label, body.adminReport.widget.BABYOSCAR h1, .BABYOSCAR .widgetTitle {
    background-color: rgb(45, 100, 158);
}

.BABYOSCAR .reading-field {
    border-color: rgba(45, 100, 158, 0.3);
}

body.adminReport.BABYOSCAR #header {
    border-bottom: solid 2pt rgb(45, 100, 158);
}

body.adminInterface.Vanilla header {
    border-top: solid 10px #efef66;
}


/* ANODE */
body.adminInterface.ANODE header {
    border-top: solid 10px rgb(147, 57, 97);
}

body.adminInterface.ANODE .site-title .text {
    top: -11px;
}

.ANODE .reading-label, body.adminReport.widget.ANODE h1, .ANODE .widgetTitle {
    background-color: rgb(147, 57, 97);
}

.ANODE .reading-field {
    border-color: rgba(147, 57, 97, 0.5);
}

body.adminReport.ANODE #header {
    border-bottom: solid 2pt rgb(147, 57, 97);
}


/* VANILLA */
body.adminInterface.VANILLA header {
    border-top: solid 10px hsl(56deg 100% 70%);
}

body.adminInterface.VANILLA .site-title .text {
    top: -0.33em;
    left: 0.5em;
}

.VANILLA .reading-label, body.adminReport.widget.VANILLA h1, .VANILLA .widgetTitle {
    background-color: hsl(40, 0%, 45%);
}

.VANILLA .reading-field {
    border-color: hsla(40, 0%, 45%, 0.5);
}

body.adminReport.VANILLA #header {
    border-bottom: solid 2pt hsl(50, 80%, 80%);
    font-size: 130%
}

.VANILLA #logo {
/*    font-family: Rockwell;
    color: hsl(50, 90%, 48%);
    background-color: hsl(50, 90%, 94%);
    padding: 0.2em 0.5em 0.4em 0.5em;
    border-radius: 0.3em;
    border-bottom: 3px solid hsl(50, 90%, 60%);
    margin-bottom: 0.3em;
    margin-top: 0.4em;*/
    height: 3.3em;
    display: inline-block;
}

/* TOAST */
body.adminInterface.TOAST header {
    border-top: solid 10px hsl(35, 100%, 55%)
}

body.adminInterface.TOAST .site-title .text {
    top: -0.4em;
    left: 0.5em;
}

.TOAST .reading-label, body.adminReport.widget.TOAST h1, .TOAST .widgetTitle {
    background-color: hsl(27, 7%, 51%);
}

.TOAST .reading-field {
    border-color: hsl(27, 7%, 51%, 50%);
}

body.adminReport.TOAST #header {
    border-bottom: solid 2pt hsl(35, 100%, 55%);
    font-size: 130%
}

.TOAST #logo {
    /*    font-family: Rockwell;
    color: hsl(50, 90%, 48%);
    background-color: hsl(50, 90%, 94%);
    padding: 0.2em 0.5em 0.4em 0.5em;
    border-radius: 0.3em;
    border-bottom: 3px solid hsl(50, 90%, 60%);
    margin-bottom: 0.3em;
    margin-top: 0.4em;*/
    height: 2.5em;
    display: inline-block;
    padding-top: 0.5em;
}


/* **** Main Object Classes **** */




/* CENTRE */
fieldset.centre .editor-label {
    background-color: hsla(197, 37%, 46%, 0.75);
}

input[type='submit'], button[type='submit'] {
    border-width: 2.5px;
}

fieldset.centre input[type='submit'] {
    border-color: hsl(197, 37%, 46%);
}

.editor-section.centre h3 {
    border-top: 3px solid hsl(197, 37%, 46%);
    color: hsl(197, 37%, 46%);
}

.omnisearch > .searchResult.centre > .flag {
    background-color: hsl(197, 37%, 46%);
}

/* CENTRE GROUP */
fieldset.centreGroup .editor-label {
    background-color: hsla(161, 37%, 46%, 0.75);
}

input[type='submit'], button[type='submit'] {
    border-width: 2.5px;
}

fieldset.centreGroup input[type='submit'] {
    border-color: hsl(161, 37%, 46%);
}

.editor-section.centreGroup h3 {
    border-top: 3px solid hsl(161, 37%, 46%);
    color: hsl(161, 37%, 46%);
}

.omnisearch > .searchResult.centreGroup > .flag {
    background-color: hsl(161, 37%, 46%);
}

/* CENTRE PERSON */

.centrePerson .editor-label {
    background-color: hsla(255, 37%, 46%, 0.75);
}

.centrePerson input[type='submit'] {
    border-color: hsl(255, 37%, 46%);
}

.edit-link.centrePerson {
    background-image: url("../Graphics/EditLink?h=255&s=37&l=46&a=0.75")
}

.editor-section.centrePerson h3 {
    border-top: 3px solid hsl(255, 37%, 46%);
    color: hsl(255, 37%, 46%);
}

.omnisearch > .searchResult.centrePerson > .flag {
    background-color: hsl(255, 37%, 46%);
}

.centrePerson .tag-widget {
    padding-right: 4px;
}

/* CENTRE PERSON ROLE aka Delegation Log */

.tag.role {
    background-color: hsla(255, 37%, 46%, 0.2);
    color: black
}

.delegation-log-matrix .editor-label {
    background-color: hsla(255, 37%, 30%, 0.75);
}


/* CLRN, CRN */

fieldset.clrn .editor-label, fieldset.crn .editor-label {
    background-color: hsla(91, 40%, 38%, 0.75);
}

fieldset.clrn input[type='submit'], fieldset.crn input[type='submit'] {
    border-color: hsl(91, 40%, 38%);
}

.edit-link.clrn, .edit-link.crn {
    background-image: url("../Graphics/EditLink?h=91&s=40&l=38&a=0.75")
}

.omnisearch > .searchResult.clrn > .flag, .omnisearch > .searchResult.crn > .flag {
    background-color: hsl(91, 40%, 38%);
}

/* CLRN, CRN */

.service .editor-label {
    background-color: hsla(316, 40%, 38%, 0.75);
}

.service input[type='submit'] {
    border-color: hsl(316, 40%, 38%);
}

.edit-link.service {
    background-image: url("../Graphics/EditLink?h=316&s=40&l=38&a=0.75")
}

.omnisearch > .searchResult.service > .flag {
    background-color: hsl(316, 40%, 38%);
}


/* R&D */

fieldset.randd .editor-label {
    background-color: hsla(45, 38%, 40%, 0.75);
}

fieldset.randd input[type='submit'] {
    border-color: hsl(45, 38%, 40%)
}

.edit-link.randd {
    background-image: url("../Graphics/EditLink?h=45&s=38&l=40&a=0.75")
}

.omnisearch > .searchResult.rAndD > .flag {
    background-color: hsla(45, 38%, 40%, 0.75);
}

/* LREC */

fieldset.lrec .editor-label {
    background-color: hsla(71, 38%, 40%, 0.75);
}

fieldset.lrec input[type='submit'] {
    border-color: hsl(71, 38%, 40%)
}

.edit-link.lrec {
    background-image: url("../Graphics/EditLink?h=71&s=38&l=40&a=0.75")
}

/* SUBJECT */

.subject .editor-label, .editor-section.subject .editor-label {
    background-color: hsla(355, 43%, 45%, 0.75);
}

fieldset.subject input[type='submit'] {
    border-color: hsl(355, 43%, 45%);
}

.editor-section.subject h3 {
    border-top: 3px solid hsl(355, 43%, 45%);
    color: hsl(355, 43%, 45%);
}

.omnisearch > .searchResult.subject > .flag {
    background-color: hsl(355, 43%, 45%);
}

/* SUBJECT CONTACT */

.subjectContact .editor-label, .editor-section.subjectContact .editor-label {
    background-color: hsla(233, 37%, 46%, 0.75);
}

.subjectContact input[type='submit'] {
    border-color: hsl(233, 37%, 46%);
}

.editor-section.subjectContact h3 {
    border-top: 3px solid hsl(233, 37%, 46%);
    color: hsl(233, 37%, 46%);
}

.omnisearch > .searchResult.subjectContact > .flag {
    background-color: hsl(233, 37%, 46%);
}

/* GP */

fieldset.gp .editor-label {
    background-color: hsla(125, 54%, 23%, 0.75);
}

fieldset.gp input[type='submit'] {
    border-color: hsl(125, 54%, 23%);
}

.editor-section.gp h3 {
    border-top: 3px solid hsl(125, 54%, 23%);
    color: hsl(125, 54%, 23%);
}

.omnisearch > .searchResult.gp > .flag {
    background-color: hsl(125, 54%, 23%);
}


    .edit-link.gp {
        background-image: url("../Graphics/EditLink?h=125&s=54&l=23&a=0.75")
    }


/* OCITEM */

.omnisearch > .searchResult.ocitem > .flag {
    background-color: hsl(155, 43%, 45%);
}

/* CRF ENTRY and TRANSFER */

.crfEntry .editor-label {
    background-color: hsla(140, 40%, 38%, 0.75);
}

.crfEntry input[type='submit'], div.crfEntry input[type='submit'] {
    border-color: hsl(140, 40%, 38%);
}

.edit-link.crfEntry {
    background-image: url("../Graphics/EditLink?h=140&s=40&l=38&a=0.75");
    background-size: 4.5em 4.5em;
    min-height: 4.5em;
    min-width: 4.5em;
}

.transfer .editor-label, .editor-section.transfer .editor-label {
    background-color: hsla(180, 40%, 38%, 0.75);
}

/* CRF */
.omnisearch > .searchResult.crf > .flag {
    background-color: hsl(0, 66%, 27%);
}

/* **** Subject status **** */

.statusFlag.Discharged, .subIndex.Discharged h1 {
    background-color: rgb(100, 39, 4);
}

span.statusFlag.Discharged::before {
    content: 'Discharged'
}

.statusFlag.Died, .subIndex.Died h1 {
    background-color: black; 
}

span.statusFlag.Died::before {
    content: 'Died'
}

span.statusFlag.InCare::before {
    content: 'In care'
}

.statusFlag.InCare, .subIndex.InCare h1 {
    background-color: hsl(129, 41%, 46%);
}

.statusFlag {
    color: white;
    padding: 0.2em 0.4em;
    border-radius: 0.3em;
}

/* **** Centre status **** */

.subIndex.Recruiting h1 {
    background-color: hsl(24, 70%, 49%);
}

.marker.Recruiting {
    fill:  hsl(24, 70%, 49%);
}

.subIndex.ContinuingCare h1 {
    background-color: hsl(51, 70%, 49%);
}

.marker.ContinuingCare {
    fill: hsl(51, 70%, 49%);
}

.subIndex.AwaitingStartDate h1 {
    background-color: hsl(24, 50%, 49%);
}

.marker.AwaitingStartDate {
    fill: hsl(24, 50%, 49%);
}

.marker.other {
    fill: lightgray;
}