/* red - #7BC142 */
/* grey text - #666 */
/* light grey - #F2F2F2 */
/* gold - #FFCC00 */
/* blue - #009ACD */
/* green - #2AB12A */
/* grey box border - #d6d6d6 */
/* grey box gradient #fff to #f0f0f0 */
body {
    background-color: #fff;
}

:root {
    --brand-primary: RGB(55, 19, 118);
    --brand-primary-hover: RGB(45, 12, 100);
    --brand-link: RGB(24, 71, 191);
    --brand-link-hover: rgb(200, 25, 75);
    --brand-on-primary: #ffffff;
    --brand-focus-ring: rgba(55, 19, 118, 0.18);
}

h1 {
    color: #333;
}

h2 {
    color: #fff;
}

h3 {
    color: #666;
}

h4 {
    color: #666;
}

a:link, a:active, a:visited {
    color: RGB(24, 71, 191);
}

a:hover {
    color: rgb(200, 25, 75);
}

#header {
    background: #fff;
}

#header-top, body.centre #header-top {
    background-color: RGB(55, 19, 118);
}
.show-our-assignments,.show-my-assignments {
    background-color: RGB(55, 19, 118) !important;
    background-image: none;
    color: white !important
}

#header-logo {
    background: transparent url(images/logo.png) no-repeat 50% 0px;
    float: left;
    height: 100px;
    width: 160px;
    left: 11px;
    background-size: contain;
    top: 25px;
}

body.centre #header-logo {
    background-color: #FFFFFF;
    background-position: center center;
    border: 1px solid #D5D5D5;
    border-radius: 5px 5px 5px 5px;
    left: inherit;
    margin: 0;
    padding: 5px 26px;
    position: absolute;
    right: 10px;
    top: 15px;
    box-shadow: none;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    min-height: 55px;
}

#footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 60px;
    margin-top: 0px;
    background-color: RGB(55, 19, 118);
    background-position: center;
    background-repeat: no-repeat;
     
}

body.centre div#header-top ul {
    margin: 0 195px;
}

#primary-nav li.selected, .secondary-nav {
    background-color: #f2f2f2;
}

#primary-nav li a {
    color: #3bd3ff;
}

    #primary-nav li a:hover {
        color: #fc5794;
    }

.box {
    background-color: #fff;
    border: 1px solid #d6d6d6;
}

.box-header {
    color: #fff;
}

#login-box.box-header {
    background: RGB(55, 19, 118);
    
}

.box-header, .ui-dialog-titlebar {
    color: #fff;
    border-color: #3bd3ff;
    background-color: RGB(197, 180, 226);
}

body.centre #header-top .header-links.right {
    margin-right: 190px;
}

.box-header a:link, div.box-header a:active, div.box-header a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}

.box-header a:hover {
    border-bottom: 1px solid #fff;
}

.box-section {
    background-color: #fff;
}

.box-section-group .box-section.top {
    border-bottom: 1px dashed #d6d6d6;
}

div.dataTables_filter {
    background-color: #F4F6F8;
}

table.data {
    background-color: #fff;
}

    table.data thead tr {
        background-color: #fff;
        color: #333;
        background-image: none;
    }

    table.data tbody tr.selected {
        background-color: lightgray;
    }


    table.data th {
        border-bottom: 1px solid #d6d6d6;
        border-right: 2px solid #fff;
    }

        table.data th a:link, table.data th a:visited, table.data th a:active {
            color: #000;
        }

    table.data td {
        padding: 6px 4px;
        border-bottom: 1px dotted #d6d6d6;
        border-right: 2px solid #fff;
    }


.learner-achievements-record .learner-current-achievement-component:hover .learner-current-achievement-component-row {
    background-color: #f3f3f3;
}

.learner-achievements-record .learner-current-achievement-component > .learner-current-achievement-component-row:hover,
#learner-archive-achievements tbody tr:hover {
    background-color: lightgray;
}

.learner-current-achievement-component:hover .learner-current-achievement-component-row td:not(.learner-current-achievement-table-title) {
    border-left: solid 2px #f3f3f3;
}

th.sorting_asc {
    background-color: #e6e6e6;
    color: #333;
}

th.sorting_desc {
    background-color: #e6e6e6;
    color: #333;
}

.no-data {
    background: #ffffe1;
    border: 1px #fffcb3 solid;
}

.pager {
    border-top: 2px solid #CEDFEF;
}

.page-numbers {
    border: 1px solid #CCCCCC;
    color: #6087ad;
}

    .page-numbers.current {
        background: #6087ad;
        color: #fff;
    }

    .page-numbers.next, .page-numbers.prev {
        border: 1px solid #FFFFFF;
    }


.stronghighlight, div.box-section.stronghighlight {
    background-color: #fffcb3;
}

.weakhighlight, div.box-section.weakhighlight {
    background-color: #FFFFE1;
}

.tabset {
    background-color: #fff;
}

.ui-tabs-nav {
    border-bottom: 1px solid #d6d6d6;
}

div#content .tabset ul li a:link, div#content .tabset ul li a:visited, div#content .tabset ul li a:active {
    color: #7ac142;
}

.buttons {
    border-top: 1px dotted #d6d6d6;
}

div.question td.input, .splitform-main {
    background-color: #f2f2f2;
}

#footer a:link, #footer a:active, #footer a:visited, #footer span {
    color: #3bd3ff;
}

#footer a:hover {
    color: rgb(200, 25, 75)
}

#footer ul {
    margin-top: 65px;
    margin-bottom: 15px;
}

    #footer ul li {
        border-left: #3bd3ff 1px solid;
    }

#bd {
    padding-bottom: 80px;
}

/*#footer a:link, #footer a:active, #footer a:visited { color:#fff; }
#footer ul li { border-left: #fff 1px solid; }*/

/* AO-specific staff member role styles */
.TutorAssessor {
    background-color: #FFDFDF;
    border-bottom: 1px solid #FFBBBB;
}

.Assessor {
    background-color: #FFDBFB;
    border-bottom: 1px solid #FFBBF7;
}

.InternalVerifier {
    background-color: #E6DBFF;
    border-bottom: 1px solid #D0BCFE;
}


/*
backgrounds...
#FFDFDF	#FFDFF8	#FFDFEF	#FFDBFB	#F9D9FF	#F4DCFE	#E6DBFF
darker borders...
#FFBBBB	#FFACEC	#FFBBDD	#FFBBF7	#F2BCFE	#EDBEFE	#D0BCFE
*/

.metric-level.mini.pass {
    background-color: #60c060;
    color: #fff;
}

.metric-level.mini.not-assessed {
    background-color: #FFBF00;
    color: #333;
}

.metric-level.mini.fail {
    background-color: #da4f49;
    color: #fff;
}

.calc-metric-level.fully-compliant {
    background-color: #60c060;
    color: #fff;
}

.calc-metric-level.under-review {
    background-color: #FFBF00;
    color: #333;
}

.calc-metric-level.non-compliant {
    background-color: #da4f49;
    color: #fff;
}

.calc-metric-level.green {
    background-color: #60c060;
    color: #fff;
}

.calc-metric-level.amber {
    background-color: #FFBF00;
    color: #333;
}

.calc-metric-level.amber-red {
    background-color: #FF4D00;
    color: #fff;
}

.calc-metric-level.red {
    background-color: #da4f49;
    color: #fff;
}

.calc-metric-level.dark-red {
    background-color: #A30000;
    color: #fff;
}

.calc-metric-level.low {
    background-color: #60c060;
    color: #fff;
}

.calc-metric-level.medium {
    background-color: #FFBF00;
    color: #333;
}

.calc-metric-level.high {
    background-color: #FF4D00;
    color: #fff;
}

.calc-metric-level.very-high {
    background-color: #da4f49;
    color: #fff;
}

.calc-metric-level.critical {
    background-color: #A30000;
    color: #fff;
}

.calc-metric-level.on-target {
    background-color: #60c060;
    color: #fff;
}

.calc-metric-level.on-hold {
    background-color: #FFBF00;
    color: #fff;
}

.calc-metric-level.running-late {
    background-color: #da4f49;
    color: #fff;
}

.metric-level.mini.complaint.email {
    background-color: #60c060;
    color: #fff;
}

.metric-level.mini.complaint.telephone {
    background-color: #ffff00;
    color: #333;
}

.metric-level.mini.complaint.during-engagement {
    background-color: #ffc000;
    color: #333;
}

.metric-level.mini.complaint.letter {
    background-color: #ff0000;
    color: #fff;
}

.metric-level.mini.complaint.fax {
    background-color: #c00000;
    color: #fff;
}

.metric-level.mini.complaint.during-event {
    background-color: #7030a0;
    color: #fff;
}

.metric-level.mini.complaint.other {
    background-color: #00b0f0;
    color: #fff;
}

.metric-level.mini.appeal.informal {
    background-color: #60c060;
    color: #fff;
}

.metric-level.mini.appeal.formal {
    background-color: #ffff00;
    color: #333;
}

.metric-level.mini.investigation.unfounded {
    background-color: #60c060;
    color: #fff;
}

.metric-level.mini.investigation.substantiated-malpractice {
    background-color: #FFBF00;
    color: #fff;
}

.metric-level.mini.investigation.substantiated {
    background-color: #FF4D00;
    color: #fff;
}

.metric-level.mini.investigation.maladministration {
    background-color: #da4f49;
    color: #fff;
}

.metric-level.mini.investigation.all-substantiated {
    background-color: #A30000;
    color: #fff;
}

.metric-level.mini.training.pass {
    background-color: #60c060;
    color: #fff;
}

.metric-level.mini.training.not-assessed {
    background-color: #FFBF00;
    color: #fff;
}

.metric-level.mini.training.fail {
    background-color: #da4f49;
    color: #fff;
}

#change-risk-rating .priority-none {
    font-weight: normal;
    color: #ccc;
}

#change-risk-rating .priority-1 {
    padding: 0 3px;
}

#change-risk-rating .priority-2 {
    padding: 0 3px;
}

#change-risk-rating .priority-3 {
    padding: 0 3px;
}

#change-risk-rating .priority-4 {
    padding: 0 3px;
}

#change-risk-rating .priority-5 {
    padding: 0 3px;
}


.risk .chart-legend-color-block.priority-1, #change-risk-rating .priority-1, .risk-rating .ui-state-active .priority-1 {
    background-color: #ff0000;
    color: #fff;
}

.risk .chart-legend-color-block.priority-2, #change-risk-rating .priority-2, .risk-rating .ui-state-active .priority-2 {
    background-color: #FFBF00;
    color: #333;
}

.risk .chart-legend-color-block.priority-3, #change-risk-rating .priority-3, .risk-rating .ui-state-active .priority-3 {
    background-color: #E7FF47;
    color: #333;
}

.risk .chart-legend-color-block.priority-4, #change-risk-rating .priority-4, .risk-rating .ui-state-active .priority-4 {
    background-color: #7AC142;
    color: #333;
}

.risk .chart-legend-color-block.priority-5, #change-risk-rating .priority-5, .risk-rating .ui-state-active .priority-5 {
    background-color: #fffff8;
    color: #333;
}


.flash-message.ui-state-success {
    background-color: #FCF8E3;
    color: #000000;
}

.friendly-alert {
    background-color: RGB(55, 19, 118)
}