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

h1 {
    color: #333;
}

h2 {
    color: #fff;
}

h3 {
    color: #666;
}

h4 {
    color: #666;
}

a:link, a:active, a:visited {
    color: rgb(209,0,116);
}

a:hover {
    color: rgb(209,0,116);
    filter: brightness(95%);
}

#header {
    background: #fff;
}

#header-top, body.centre #header-top {
    background-color: #272727;
    background-image: none;
}

div#header-top a:link, div#header-top a:active, div#header-top a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
    bottom: 2px;
    position: relative;
}

div#header-top span {
    color: #fff;
    position: relative;
    bottom: 1px;
}

#header-logo {
    background: transparent url(images/logo.png) no-repeat center center;
    background-size: contain;
    float: left;
    height: 6rem;
    width: 6rem;
    left: 2rem;
    top: 1.25rem;
}

body.centre #header-logo {
    background-color: #FFFFFF;
    background-position: center center;
    background-size: contain;
    border: none;
    left: inherit;
    margin: 0;
    padding: 0px;
    position: absolute;
    right: 1rem;
    top: 2rem;
    box-shadow: none;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    height: 2.5rem;
    width: 4rem;
}

#footer {
    padding: 1rem;
    background-color: rgb(209,0,116);
    background-image: linear-gradient(to right, rgb(209,0,116), #712C6F);
  
}

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


.btn-success, .role-status.accepted:hover {
    background: rgb(209,0,116);
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        background: rgb(209,0,116);
        filter: brightness(95%);
    }

.btn-primary {
    background-color: rgb(209,0,116);
    background-image: -webkit-linear-gradient(top, rgb(209,0,116), rgb(209,0,116));
}

    .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        background: rgb(209,0,116);
        filter: brightness(95%);
    }

a.paginate_button {
    color: rgb(209,0,116);
    transition: 0.2s;
}

    a.paginate_button:hover {
        color: #fff;
        background-color: rgb(209,0,116);
    }

a.paginate_active {
    color: #fff;
    background-color: rgb(209,0,116);
    transition: 0.2s;
}


    a.paginate_active:hover {
        color: #fff;
        background: rgb(209,0,116);
        filter: brightness(95%);
    }

#primary-nav li.selected, .secondary-nav {
    background-color: #f2f2f2;
    color: rgb(209,0,116);
}

body.centre #primary-nav li.selected {
    background-color: #d10074;
}

#primary-nav span.count {
    background-color: #d10074;
}

#primary-nav li.selected span.count {
    color: #272727;
}

#primary-nav li a {
    color: rgb(209,0,116);
}

    #primary-nav li a:hover {
        color: rgb(209,0,116);
        filter: brightness(95%);
    }

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

.box-header {
    color: #fff;
    background-image: linear-gradient(to right, rgb(209,0,116), #712C6F);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    color: rgb(209,0,116);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: rgb(209,0,116);
    border-color: rgb(209,0,116);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    color: rgb(209,0,116);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: rgb(209,0,116);
}

.box-header, .ui-dialog-titlebar {
    color: #fff;
    border-color: rgb(209,0,116);
    background-color: rgb(209,0,116);
    background-image: linear-gradient(to right, rgb(209,0,116), #712C6F);
}

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

.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;
}

.vtabset .tab-menu li.selected, .tab-menu li.selected a {
    background: rgb(209,0,116);
}

.vtabset .tab-menu a {
    color: rgb(209,0,116);
}

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

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


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: #d9fbfb;
    border: 1px #d9fbfb 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: #d9fbfb;
}

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

.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: rgb(209,0,116);
}

.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: #fff;
    text-decoration: none;
}

#footer a:hover {
     color: #fff;
    text-decoration: underline;
}

#footer ul {
 /* padding: 1rem;*/
}

    #footer ul li {
        border-left: #fff 0.05rem 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: #d9fbfb;
    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: #d9fbfb;
    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: #d9fbfb;
    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: #d9fbfb;
    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: #d9fbfb;
    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: #d9fbfb;
    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: #d9fbfb;
    color: #333;
}

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

.metric-level.mini.investigation.substantiated-malpractice {
    background-color: #d9fbfb;
    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: #d9fbfb;
    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: #d9fbfb;
    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;
}

.vtabset .tab-menu li.selected {
    color: #fff !important;
    background-color: rgb(209,0,116) !important;
}

.tab-menu li.selected a {
    color: #fff !important;
    background-color: rgb(209,0,116) !important;
}

.vtabset .tab-menu a {
    color: rgb(209,0,116) !important;
}

#header-top {
    background-color: #272727;
    background-image: none;
}
#primary-nav li a {
    color: #272727;
}

#primary-nav li a:hover {
    color: #d10074;
}
#footer {
    background-color: #272727;
    background-image: none;
}
/* non essentail */
#primary-nav li {
    padding: 5px 8px 8px 4px;
}
#footer ul.left {
    margin: 0 15px 0 0;
}
#footer ul.right {
    margin: 0 0 0 15px;
}
#header-logo {
    height: 5.1rem;
    top: 2.25rem;
}
div#header-bottom {
    height: 90px;
}
div#nav {
    left: 155px;
    margin: 4px 0 0px 5px;
}
.secondary-nav {
    display: block;
    border-radius: 4px;
    width: 100%;
}
.secondary-nav-padding {
    padding: 5px 2px;
}
.secondary-nav li:first-child .verticalBar {
    display:none;
}
.secondary-nav .verticalBar {
    color: grey;
}
.secondary-nav li.selected a {
    background-color: transparent;
}
.secondary-nav li a:not(.btn) {
    border-bottom: 1px dotted #272727 !important;
    color: #272727
}
.secondary-nav li a:not(.btn):hover {
    border-bottom: 1px dotted #d10074 !important;
    color: #d10074;
}
div#header-top a {
    padding: 2px 7px;
}
div#header-top a:hover {
    background-color: #d10074;
    border-radius: 3px;
    border-bottom: none;
}
div.dataTables_filter {
    background-color: #F4F4f4;
}
.ui-state-default a, .ui-state-default a:link {
    color: #777777;
}
.ui-state-default:not(.ui-tabs-active) a:hover {
    color: #d10074;
}
.ui-state-hover:not(.ui-tabs-active) {
    background: #d1007417 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color:#272727;
}


#header-top, body.centre #header-top {
    background-color: #272727;
    background-image: none;
}
body.centre #header-top .header-links.right {
    margin-right: 0px;
}

#primary-nav li a {
    color: #272727;
}

#primary-nav li a:hover {
    color: #d10074;
}
#footer {
    background-color: #272727;
    background-image: none;
}
/* non essentail */
#primary-nav li {
    padding: 5px 8px 8px 4px;
}
#footer ul.left {
    margin: 0 15px 0 0;
}
#footer ul.right {
    margin: 0 0 0 15px;
}
#header-logo {
    height: 5.1rem;
    top: 2.25rem;
}
div#header-bottom {
    height: 90px;
}
div#nav {
    left: 155px;
    margin: 4px 0 0px 5px;
}
.secondary-nav {
    display: block;
    border-radius: 4px;
    width: 100%;
}
.secondary-nav-padding {
    padding: 5px 2px;
}
.secondary-nav li:first-child .verticalBar {
    display:none;
}
.secondary-nav .verticalBar {
    color: grey;
}
.secondary-nav li.selected a {
    background-color: transparent;
}
.secondary-nav li a:not(.btn) {
    border-bottom: 1px dotted #272727 !important;
    color: #272727
}
.secondary-nav li a:not(.btn):hover {
    border-bottom: 1px dotted #d10074 !important;
    color: #d10074;
}
div#header-top a {
    padding: 2px 7px;
}
div#header-top a:hover {
    background-color: #d10074;
    border-radius: 3px;
    border-bottom: none;
}
div.dataTables_filter {
    background-color: #F4F4f4;
}
.ui-state-default a, .ui-state-default a:link {
    color: #777777;
}
.ui-state-default:not(.ui-tabs-active) a:hover {
    color: #d10074;
    border-color: #d10074;
}
.ui-state-hover:not(.ui-tabs-active) {
    background: #d1007417 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color:#272727;
}


body.centre #primary-nav li.selected {
    background-color: #d10074;
}
#primary-nav span.count {
    background-color: #d10074;
}
#primary-nav li.selected span.count {
    color: #272727;
}





div.box#learner-search-container {
    border: 0px;
    padding:  0px;
}
h1 {
    color: #272727;
    margin-left: 10px;
}
form#learner-basic-search {
    background-color: #efefef;
    border: 1px solid #272727;
}
form#learner-basic-search input {
    min-height: 1.2rem;
    min-width: calc(100% - 15px);
    border-radius: 3px;
}
div#form-search-params {
    font-size: 1rem;
}
.flash-message.ui-state-info {
    background-color: #d10074;
    color: white;
    font-weight: 500;
    border-color: #69003A;
}
.flash-message.ui-state-info a:link, .flash-message.ui-state-info a:active, .flash-message.ui-state-info a:visited  {
    font-weight: bold;
    color: white;
}

.ui-dialog-titlebar.ui-widget-header {
    background-image: none;
    border-radius: 5px 5px 0px 0px;
}
.toggle-audit {
    background-color: #d10074;
    opacity: 1 !important;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 100;
}
button, ui.button {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.box-header {
    border-color: transparent;
    background-image: none;
    background-color: #272727;
}

table.data th {
    border-bottom: none;
    border-right: none;
    background-color: #d7d7d7;
    color: #5e5e5e;
}

div.box {
    border: none;
    padding: 0;
    margin: 0;
}
a.paginate_button, a.paginate_active {
    font-size: 1.1rem;
    padding: 4px 8px;

}
.toggle-audit {
    background-color: #d10074;
    opacity: 1 !important;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
    z-index: 1000;
    top: 0px;
    height: auto;
    display: inline;
    padding: 8px;
}
.buttons.highlight {
    background-color: #d1007419;
}
.ui-dialog-titlebar.ui-widget-header {
    background-image: none;
    border-radius: 5px 5px 0px 0px;
}
p.document-options {
    background-color: transparent;
}
ui.button, button, .buttons.highlight button, .topbuttons button {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

ul.ui-tabs-nav li.ui-state-default.ui-tabs-active {
    border-color: #060606;
}

ul.ui-tabs-nav li.ui-state-default {
    border-color: #d8d8d8;
}
ul.ui-tabs-nav .ui-state-default:not(.ui-tabs-active):hover {
    border-color: #d10074 !important;
}

ul.submission-status li {
    background-position: 9px 8px;
    padding-right: 0px;
    padding-left: 34px;
}
input[type='text'].has-focus, input[type='password'].has-focus, textarea.has-focus, select.has-focus {
    border: 1px solid #d10074;
    box-shadow: 0px 0px 3px 1px #d10074;
}
.page-header .btn-group button.btn, .page-header .btn-group a.btn {
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.div.box#learner-search-container {
    border: 0px;
    padding:  0px;
}
h1 {
    color: #272727;
    margin-left: 10px;
}
form#learner-basic-search {
    background-color: #efefef;
    border: 1px solid #272727;
}
form#learner-basic-search input {
    min-height: 1.2rem;
    min-width: calc(100% - 15px);
    border-radius: 3px;
}
div#form-search-params {
    font-size: 1rem;
}
.flash-message.ui-state-info {
    background-color: #d10074;
    color: white;
    font-weight: 500;
    border-color: #69003A;
}
.flash-message.ui-state-info a:link, .flash-message.ui-state-info a:active, .flash-message.ui-state-info a:visited  {
    font-weight: bold;
    color: white;
}

.ui-dialog-titlebar.ui-widget-header {
    background-image: none;
    border-radius: 5px 5px 0px 0px;
}
.toggle-audit {
    background-color: #d10074;
    opacity: 1 !important;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 100;
}
button, ui.button {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.box-header {
    border-color: transparent;
    background-image: none;
    background-color: #272727;
}

table.data th {
    border-bottom: none;
    border-right: none;
    background-color: #d7d7d7;
    color: #5e5e5e;
}

div.box {
    border: none;
    padding: 0;
    margin: 0;
}
a.paginate_butto, a.paginate_active {
    font-size: 1.1rem;
    padding: 4px 8px;

}
.toggle-audit {
    background-color: #d10074;
    opacity: 1 !important;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
    z-index: 1000;
    top: 0px;
    height: auto;
    display: inline;
    padding: 8px;
}
.buttons.highlight {
    background-color: #d1007419;
}
.ui-dialog-titlebar.ui-widget-header {
    background-image: none;
    border-radius: 5px 5px 0px 0px;
}
p.document-options {
    background-color: transparent;
}
ui.button, button, .buttons.highlight button, .topbuttons button {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

ul.ui-tabs-nav li.ui-state-default.ui-tabs-active {
    border-color: #060606;
}

ul.ui-tabs-nav li.ui-state-default {
    border-color: #d8d8d8;
}
ul.ui-tabs-nav .ui-state-default:not(.ui-tabs-active):hover {
    border-color: #d10074 !important;
}

ul.submission-status li {
    background-position: 9px 8px;
    padding-right: 0px;
    padding-left: 34px;
}
input[type='text'].has-focus, input[type='password'].has-focus, textarea.has-focus, select.has-focus {
    border: 1px solid #d10074;
    box-shadow: 0px 0px 3px 1px #d10074;
}
.page-header .btn-group button.btn, .page-header .btn-group a.btn {
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.div.box#learner-search-container {
    border: 0px;
    padding:  0px;
}
h1 {
    color: #272727;
    margin-left: 10px;
}
form#learner-basic-search {
    background-color: #efefef;
    border: 1px solid #272727;
}
form#learner-basic-search input {
    min-height: 1.2rem;
    min-width: calc(100% - 15px);
    border-radius: 3px;
}
div#form-search-params {
    font-size: 1rem;
}
.flash-message.ui-state-info {
    background-color: #d10074;
    color: white;
    font-weight: 500;
    border-color: #69003A;
}
.flash-message.ui-state-info a:link, .flash-message.ui-state-info a:active, .flash-message.ui-state-info a:visited  {
    font-weight: bold;
    color: white;
}

.ui-dialog-titlebar.ui-widget-header {
    background-image: none;
    border-radius: 5px 5px 0px 0px;
}
.toggle-audit {
    background-color: #d10074;
    opacity: 1 !important;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 100;
}
button, ui.button {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.box-header {
    border-color: transparent;
    background-image: none;
    background-color: #272727;
}

table.data th {
    border-bottom: none;
    border-right: none;
    background-color: #d7d7d7;
    color: #5e5e5e;
}

div.box {
    border: none;
    padding: 0;
    margin: 0;
}
a.paginate_butto, a.paginate_active {
    font-size: 1.1rem;
    padding: 4px 8px;

}
.toggle-audit {
    background-color: #d10074;
    opacity: 1 !important;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
    z-index: 1000;
    top: 0px;
    height: auto;
    display: inline;
    padding: 8px;
}
.buttons.highlight {
    background-color: #d1007419;
}
.ui-dialog-titlebar.ui-widget-header {
    background-image: none;
    border-radius: 5px 5px 0px 0px;
}
p.document-options {
    background-color: transparent;
}
ui.button, button, .buttons.highlight button, .topbuttons button {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

ul.ui-tabs-nav li.ui-state-default.ui-tabs-active {
    border-color: #060606;
}

ul.ui-tabs-nav li.ui-state-default {
    border-color: #d8d8d8;
}
ul.ui-tabs-nav .ui-state-default:not(.ui-tabs-active):hover {
    border-color: #d10074 !important;
}

ul.submission-status li {
    background-position: 9px 8px;
    padding-right: 0px;
    padding-left: 34px;
}
input[type='text'].has-focus, input[type='password'].has-focus, textarea.has-focus, select.has-focus {
    border: 1px solid #d10074;
    box-shadow: 0px 0px 3px 1px #d10074;
}
.page-header .btn-group button.btn, .page-header .btn-group a.btn {
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.overview-booking-panel ul.booking-form-flags {
    padding-bottom: 1.2rem;
}
.overview-booking-panel .booking-form-flags li {
    color: #272727;
    background-color: white;
    border: 1px solid #272727;
    padding: 8px 12px;
    display: block;
}
.overview-booking-panel .booking-form-flags li a {
    color: #d10074;
}
.overview-booking-panel .booking-form-flags li::before {
    padding-right: 0.4rem;
}
.overview-booking-panel .booking-form-flags li.good::before {
    color: green;
}
.overview-booking-panel .booking-form-flags li.bad::before {
    color: red;
}
.overview-booking-panel .booking-form-flags li.indifferent::before {
    color: orange;
}
.vtabset .tab-menu li:not('selected') a {
    color:#272727 !important;
}
.vtabset .tab-count {
    background-color: #8d8d8d !important;
    border-radius: 3px;
}
.vtabset .tab-menu a {
    color:#272727 !important;
}
.dropdown-menu li > a:hover {
    background-color: #efefef;
    color: #d10074;
}



.dropdown-menu li {
    width: 100%;
    margin-right: 60px;
    display: inline-block;
}
.dropdown-menu li > a:hover {
    background-color: #efefef;
    color: #d10074;
}
.dropdown-menu li > a span.pseudolink {
    right: 0px;
    float: right;
    opacity: 0;
}
.dropdown-menu li > a:hover span.pseudolink {
    color: #d10074 !important;
    opacity: 1;
}

.dashboard-ao-section li.live-acceptance-docs p, .dashboard-ao-section li.past-acceptance-docs p {
    background-color: #272727;
    padding: 5px 8px;
    margin-bottom: 3px;
    font-weight: bold;
    color: white;
}

.question tr.no-data td {
    opacity: 0.6;
}

.structure-hierarchy span.pill.toolicon {
    background-color: #d10074;
    opacity: 1;
    color: white;
}

.structure-surface li.qual, .structure-surface li.qualification {
    margin-bottom: 5px;
    margin-top: 5px;
    background-image: url(images/icons/award_star_bronze_2.png);
    background-repeat: no-repeat;
    background-position: 7px 7px;
    margin: 5px 20px 5px 0;
    background-color: #E6F8E0;
}

.box-section.top.weakhighlight {
    background-color: white;
    border-bottom: none;
}


.structure-surface li.root {
    padding: 20px 0 10px 20px;
    margin-bottom: 5px;
    margin-top: 5px;
     background-image: url(images/icons/bricks/plant_16.png);
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-color: #fff !important;
    border: 1px solid lightgray !important;
}

.qual-structure-for-unit-selection li.node.selected li.root {
    background-color: #fff !important;
    border: 1px solid lightgray !important;
}

.qual-structure-for-unit-selection li.node.selected {
    border: 1px solid #85c414;
    background-color: transparent;
}

    .qual-structure-for-unit-selection li.node.selected.unit {
        background-color: #d10074 !important;
        border: 1px solid #d10074 !important;
        color: white;
    }

    .qual-structure-for-unit-selection li.node.selected.group {
        background-color: rgba(209, 0, 116, 0.2) !important; 
        border: 1px solid rgba(209, 0, 116, 0.3) !important;
    }

    .qual-structure-for-unit-selection li.node.selected.qual,
    .qual-structure-for-unit-selection li.node.selected.qualification {
        background-color: #d10074 !important;
        border: 1px solid #d10074 !important;
        color: white !important;
    }