h1 { margin-bottom:5px; }
h3 { font-weight: normal; margin-bottom: 14px; } /* font-size: 1.4em; */
h4 { color: #333; margin: 10px 0 10px 0; } /* font-size: 1.4em; */
h5, h6 { color: #333; font-size: 1.2em; margin: 0 0 10px 0; }

.key-event, .grade-boundaries { padding:10px; margin:10px 0; background-color: #F2F9EC; }
.key-event-description { width:70%; }

.page-header.rcert { margin-bottom:0; }

ul.submission-menu { padding:0; margin:10px 0 0 0; float:left; width:100%; background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
ul.submission-menu li { display:inline-block; font-size:1.2em; padding:5px; margin-right:5px; }
ul.submission-menu li.selected { background-color:#f4f6f8; }
ul.submission-menu li a:link, ul.submission-menu li a:active, ul.submission-menu li a:visited { color:#333; }
ul.submission-menu li.selected a:link, ul.submission-menu li.selected a:active, ul.submission-menu li.selected a:visited { text-decoration:none; color:#333; }

ul.submission-status { padding:0; margin:5px 0 5px 0; width:100%; }
ul.submission-status li { line-height:1.5em; display:block; background-color:#f5f5f5; margin:0 0 2px 0; padding:3px 5px; background-image:url(images/icons/tick_grey.png); padding-right:32px; background-position: 96% center; background-repeat:no-repeat; }

ul.submission-status li.editable { border: 1px dotted #666; font-weight: bold; } 

ul.submission-status li.on { background-image:url(images/icons/tick.png); }
ul.submission-status li { background-image:url(images/icons/tick_grey.png); }

ul.submission-status.edit li.readonly { cursor:default; background-color:#f2f2f2; } 
ul.submission-status.edit li.on-readonly { cursor:default; background-color:#f2f2f2; background-image:url(images/icons/tick.png);} 

.stage-menu-flash { color: #666; font-size: 0.7em; text-transform: uppercase; }


ul.submission-status span.flagger { padding:0; margin:0; color:#999; font-style:italic; }
ul.submission-status li.edit-flags { background:none; vertical-align:top; margin-top:10px; }
ul.submission-status.edit li { cursor:pointer; margin-bottom:10px; display:block; border:2px solid transparent; }
ul.submission-status.edit li.hover { border:2px solid #DBE3BF; }

ul.tab-status p { padding:0; margin:0; }
ul.tab-status-links {
    float: right;
    font-size: 1em;
    margin: 0 0 0 10px;
    padding: 5px 10px;
}
ul.tab-status-links.disabled { opacity:0.3; }
ul.tab-status-links li { display:inline-block; }

    ul.tab-status-links > li + li::before {
        content: " | ";
    }

ul#learners-on-sub { padding:0; margin:10px 0 5px 0; float:left; width:100%; }
ul#learners-on-sub .ui-tabs-panel { min-height:inherit; }
ul#learners-on-sub li { list-style-type:none; padding:0; margin:0; position:relative; }

ul#learners-on-sub li .tab-flash { position:absolute; background-color:#f5f5f5; right:0; top:0; padding:5px; font-size:0.8em; }
ul#learners-on-sub li .tab-flash.positive { background-color:#F3FCD4;  }
ul#learners-on-sub li blockquote { margin:0; }
ul#learners-on-sub li blockquote p { margin:0; padding:0; font-style:normal; }
ul#learners-on-sub li blockquote .commenter { font-weight:bold; }
ul#learners-on-sub li h3 { padding-left:24px; background-image:url(images/navigation/user_student_female.png); background-repeat:no-repeat; background-position:3px 3px; }

ul#learners-on-sub .assessment ul { margin:0; padding:0; }
ul#learners-on-sub .assessment ul li { list-style-type:none; margin:0; padding:0; }
ul#learners-on-sub .assessment p { font-style:italic; margin:0; }

ul#learners-on-sub .learner-notes ul { margin:0; padding:0; }
ul#learners-on-sub .learner-notes ul li { list-style-type:none; margin:0; padding:0; }

.section-nav p.custom-section-note { margin:0; padding:3px 0; font-size:0.9em; }

.submission-type-selector { padding:0; margin:0; font-size:1.2em; list-style-type: none; }
.submission-type-selector li { cursor:pointer; margin:5px; padding:10px; list-style-type: none; background-color:#FCFCFD; background-repeat:no-repeat; background-position:5px 7px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.submission-type-selector li.hover { background-color:#F3FCD4; }
.submission-type-selector li.selected { background-color:#F3FCD4; border-right:1px solid #C2CAAA; border-bottom:1px solid #C2CAAA; }
.submission-type-selector h4 { margin:0 0 5px 0; padding:0; }
.submission-type-selector p { margin:0; padding:0; }

/* this is to handle the html formatting in form description */
.booking-description li {
    cursor: pointer;
    margin: 5px;
    list-style-type: disc;
    background-color: inherit;
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding: 0px;
    border-bottom: none;
    border-right: none;
}

    .booking-description li.hover, li.selected {
        background-color: inherit;
        border-right: none;
        border-bottom: none;
    }

    .structure-surface li {
        box-shadow: 1px 1px 3px #666;
    }

.qual-structure-for-unit-selection ul { list-style-type:none; }
.qual-structure-for-unit-selection.structure-hierarchy { margin:0; padding: 0; } /*root node*/ 
.qual-structure-for-unit-selection li.node { border: 1px solid transparent; cursor:pointer; }
.qual-structure-for-unit-selection li.node.selected { border: 1px solid #85c414; background-color:#F5FAF0; }
.qual-structure-for-unit-selection li.node.hovered { border: 1px solid #85c414; background-color:lime; }
.qual-structure-for-unit-selection.readonly li.node { cursor:default; }

.step-progress-bar { margin:0 0 20px 0; padding:10px; background-color:#f0f0f0; overflow:auto; }
.step-progress-bar li { float:left; margin-right:20px; color: #c4bdbc; font-size:1.2em; font-weight:bold; margin-left:20px; text-indent:-5px; }
.step-progress-bar li.current { color: #026093;  -border-bottom:2px solid; }
.step-progress-bar li.complete { color: #026093; background-image:url(images/icons/accept-16.png); background-repeat:no-repeat; margin-left:0; padding-left:20px; background-position:0 1px; list-style-type:none; text-indent:inherit; }

ul.decision-set { margin:0; padding:0; list-style-type:none; overflow:auto; }
ul.decision-set li { float:left; width:320px; margin-right:20px; padding:10px; border:1px solid #f0f0f0; min-height:56px; cursor:pointer; }
ul.decision-set li.hover { border:1px solid #ccc; }
ul.decision-set h3 { padding:0; margin:0; }
ul.decision-set p { padding:0; margin:0; }

ul.superselect { margin:15px 0; }

.learner h4 { margin:20px 0 10px 0; }

.grade-flag, .outcome-flag {     
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 1.1em;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d5d5d5;
    color: #333;
    cursor:default;
}

.grade-flag.good, .outcome-flag.good {
    border: 2px solid #76AA34;
    color: #76AA34;
    font-weight:bold;
}

.grade-flag.bad, .outcome-flag.good {
    border: 2px solid #E45752;
    color: #E45752;
    font-weight:bold;
}

.grade-flag.indifferent, .outcome-flag.good {
    background-color:#FFBF00; 
    color:#333;
}

.grade-flag.pending, .claim-history.pending { background-color: #F0F0F0; border:1px solid #F0F0F0; }
.grade-flag.rejected, .claim-history.rejected { background-color:#FFCCCC; border:1px solid #FFCCCC; }
.grade-flag.accepted, .claim-history.accepted { background-color:#CFECCF; border:1px solid #CFECCF; }
.grade-flag.pending a { color:#333; font-weight:bold; }
.grade-flag.accepted a { color:#333; font-weight:bold; }
.grade-flag.rejected a { color:#333; font-weight:bold; }

.data.grades td p.blr-disabled-ass {
    border: 2px solid #e6e6e6;
    padding: 5px;
    margin-bottom: 5px;
}

.claim-history { margin:0; padding:10px; list-style-type:none; }
input.mark { width:40px; font-size:1.4em; }
.data.grades tbody tr { background-color:transparent; }
.data.grades tbody tr.selected { cursor:default; }
.data.grades td { vertical-align:top; }
.data.grades .mark-and-grades td { vertical-align:middle; }
.data.grades td p { margin:0; }
.mark-and-grades { font-size:0.9em; }
.mark-and-grades .ass-flag-indicator { width:10px; text-align:center; }
.mark-and-grades .ass-flag-indicator.pendingacceptance, .mark-and-grades .ass-flag-indicator.notset { background-color: #FAED8F; border:1px solid #FAED8F; }
.mark-and-grades .ass-flag-indicator.acceptancerequired { background-color: #FAED8F; border:1px solid #FAED8F; }
.mark-and-grades .ass-flag-indicator.note-or-file { background-color: #a9a9a9; border:1px solid #FAED8F; }
.mark-and-grades .ass-flag-indicator.is-resit { background-color: #a9a9a9; border:1px solid #FAED8F; }
.mark-and-grades .ass-flag-indicator.rejected { background-color:#FFCCCC; border:1px solid #FFCCCC; }
.mark-and-grades .ass-flag-indicator.accepted { background-color:#CFECCF; border:1px solid #CFECCF; }
/*.mark-and-grades td span.hover { border:1px solid #ccc; }*/

.assessment-status a.off { padding:2px 0; }
.assessment-status a.on { background-color:#60c060; color:#fff; padding:2px 4px; }

.learner-on-submission-status { background:#e6e6e6;color:#333;padding: 5px; text-transform: uppercase; text-align: center; }
.learner-on-submission-status.allachieved { background-color:#60c060; color: #fff; }
.learner-on-submission-status.someachieved { background-color:#FFECB2; color: #333; }

.row-status { background-color:#60c060; color: #fff; padding: 5px; text-transform: uppercase; text-align: center; }

.reg-cert-section .topbuttons {
    background-color: #fff;
    border: none;
    padding: 0px;
    position: absolute;
    width:auto;
    position: absolute;
    right: 20px;
    top: 8px;
}

ul.learner-history { margin:0; padding:0; list-style-type:none; }
ul.learner-history li {
    background: none repeat scroll 0 0 #f8f8f8;
    list-style-type: none;
    margin: 0 0 5px;
    padding: 5px 5px 5px 15px;
}
ul.learner-history li blockquote {
    padding: 5px;
    background-color: #fff;
}


h3 { color: #333;
font-size: 1.6em;
margin-top: 15px;}

.existing-learners tbody tr .status { background-image:none; padding:16px; }
table.existing-learners tbody tr .status.selected { background-image:url(images/icons/tick.png); background-position: 5px 7px; }
.selected-learners { margin:0; padding:0; width:100%; }
.selected-learners { cursor: pointer; }
.selected-learners td { padding:5px 0; border-bottom:1px dotted #d5d5d5; }

table.datalite, table.datalite td { border:none; border-collapse:collapse; margin-left:15px; }
table.datalite td, table.datalite th { border-bottom:1px solid #ddd; padding:10px; }
.table-legend { padding:10px; font-style:italic; }
tr.stripe { background-color: #F2F9EC; }

.tab-download-controls { font-size: 1.2em; text-align:right; width:100%; border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:15px; }

.learner-name { font-weight:bold; }

/* ProtoNoto styles */
.protonoto { display:none; position: absolute; top:50px; right:20px; padding:20px; border:solid 1px #666; box-shadow: 1px 1px 2px #666; opacity:0.3; background-color:#fff; width:400px; z-index:9999; cursor:pointer; }
.protonoto.hovered { opacity:1; }
.protonoto ul { padding-left:10px; }
.protonoto li { list-style-type:none; padding-left:20px; }
.protonoto h3 { margin:0; padding:0; font-size:1.4em; }
.protonoto-show { position:absolute; top:10px; left:10px; }

.inline-search { margin:0 0 10px 0; padding:10px; background-color: #f4f6f8; }
.inline-search-row { padding-bottom:10px; margin-bottom:15px; border-bottom:2px solid #fff; }
.inline-search-row:last-child { margin-bottom: 0; border-bottom: none; }
.inline-search-field { display:inline-block; margin-right:10px; }
.inline-search .btn { font-size:1.3em; margin-top:-2px; line-height:14px; }
.download-multiple-external {
    font-size: 1.3em;
    margin-top: -2px;
    line-height: 14px;
}
.inline-search .field-postcode { width: 80px; }

span.DCS { display:inline-block; padding:2px 5px; color:#fff; background-color:#333; }

.fee-band-editor input[type='text'] { width: 40px; }

.upload-status { color: #fff; padding:1px 5px; border-radius:3px; }
.upload-status.successful { background-color: #7AC142; }
.upload-status.pending { background-color: #333; }
.upload-status.failed { background-color: #ed1b24; }
.upload-status.partiallysuccessful { background-color: #FF9933; }

.booking-creation-suspended { padding:0px 10px; border:1px solid #ff0000; background-color: #ffe6e6; font-size:1.2em; }

.fee-band-editor {
    width: 600px;
    margin-top: 10px;
    background-color:#f4f6f8;
    padding:15px;
}

.fee-band-editor input.error {
    color: inherit;
    border-color: #ff0000;
}

.fee-band-editor .label {
    width: 200px;
}

.fee-band-editor .max, .fee-band-editor .min {
    width: 100px;
}

td.section-menu { width:250px; }

.overview-booking-panel { padding:0 15px; }
.overview-sampling-panel { padding:0 15px 0 20px; }

.overview-booking-panel .qual-structure-for-unit-selection > li.unit { background-color:#e6f8e0; }
.overview-booking-panel .qual-structure-for-unit-selection > li.unit ul { display:none; }

.lbc { position:relative; }
.lbc .assessment-details { font-style:italic; }

.lbc-flag { width:230px; text-align:center; position:relative; } 
/*
.lbc-flag { width:230px; background-image: url(images/icons/1285922702_checkbox_unchecked.png); background-repeat: no-repeat; background-position:50% 30px; text-align:center; position:relative; } 
.lbc-flag.on { background-image: url(images/icons/1285922715_checkbox_checked.png); }
.lbc-flag .flash { position: absolute; width: 86%; text-align: center; background-color: #76aa34; color: #fff; padding: 5px; text-transform: uppercase; top:0; }
*/

.assessments h3 a { font-size:0.9em; font-weight:normal; }
.assessment  { background-color: #fff; border-bottom: 1px dashed #ccc; padding: 10px; position:relative; min-width:340px; }
.assessment .ass-ref { position:absolute; font-size:0.8em; color:#ccc; top:5px;right:5px; }
.assessment .ass-ref:hover { color:#333; }
.assessment h4 { margin:15px 5px 0 5px; color:#333; font-size:1em; font-style:italic; }
.assessment h4 a { font-style:normal; font-size:0.9em; font-weight:normal; }

.add-line textarea { height:80px; }
.add-line input[name='UnitFee'] { width:60px; }

.grading-scheme-grid td { background-color:#fff; } /*fdeef0*/
.grading-scheme-grid td.sufficient { background-color:#fff; } /*f8f8f8*/

.availability-item-grading-schemes
{
    border-left:5px solid #e6f8e0;
    padding-left:5px;
}

.assessment, .availability-fees-table {
    background-color: #f8f8f8;
    border: 1px dotted #ccc;
    margin-bottom: 15px;
    padding: 0px;
}

.top-level-assessment
{
    background-color:#e6f8e0;
    border: 1px dotted #ccc;
    margin-bottom: 15px;
    padding: 10px;
}

.primaryassessment
{
    background-color:#fff;
    margin-bottom:3px;
    border: 1px solid #c6c6c6;
}

.secondaryassessment
{
    background-color:#fff;
    margin-bottom:3px;
}

.assessment-options {
    font-size:0.9em;
}

.assessment-options .option-container { float:left; width:100%; text-align:left; }
.assessment-options .option { margin:5px 35px 5px 0; text-align:left; display:inline-block; height:60px; }

.availability-item {
    padding:0;
    margin-bottom:10px;
}

.availability-header {
    background-color: #FFFFE1;
    border: 1px dotted #ccc;
    margin:5px 0 10px 0;
    padding: 10px;
    position:relative;
}

.availability-header.expired {
    background-color:#ffe6e6;
}

.availability-header-expired-flag {
    position:absolute;
    margin:0;
    top:10px;
    right:10px;
    padding:10px;
    border:1px solid;
}

.availability-header h3 {
    font-size:1.3em;
    margin:0;
    font-weight:bold;
    color:#333;
}

.selected-learners { background-color: #FFFFE1;border: 1px dotted #ccc;margin:0 0 10px 0;padding: 10px; width:auto; }
.selected-learner { display:inline-block; padding:5px; margin: 5px 5px 0 0; border:1px solid #ccc; background-color:#fff; }



.page-header .nav-links { font-size: 1.2em; font-weight:bold; padding-right:10px; }


/* learner booking validation result styles */
/*.booking-validation-dialog { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); }*/
/*.booking-validation-dialog-content { font-size:1.5em; text-align:center; background:#fff; width:600px; height:auto; padding:30px 10px; vertical-align:middle; display:table-cell; position:fixed; margin-left:-300px; margin-top:-100px; left:50%; top:50%; }*/
.booking-validation-dialog-content { font-size:1.4em; text-align:center; background:#fff; width:600px; height:auto; padding:20px 10px 10px 20px; vertical-align:middle; display:table-cell; }
.validation-in-progress { text-align:center; }
.validation-result-description { text-align:center; font-size:0.9em; color:#333; margin:10px 0 15px 0; width:100%; }
.validation-results .result-flag { padding:5px; display:inline-block; width:180px; }
.validation-results .result-flag.result-total { background-color:#e6e6e6; color:#333; }
.validation-results .result-flag.result-ungraded { background-color:#E45752; color:#fff; }
.validation-results .result-flag.result-passed { background-color:#76AA34; color:#fff; } 
.close-validation-window { font-size:0.9em; }
/* end of lbc validation result styles */

.learner-content-container {
    font-size: 0.9em;
}

.assessment-errors ul { margin:0; padding:5px; text-align:center; list-style-type:none; border:1px solid #ff0000; }

div.questions fieldset { border:2px solid #e6e6e6; padding:0 15px 15px 15px; margin-bottom:15px; }
div.questions fieldset legend { font-size:1.2em; color:#999; }

.randomize-dialog-content { text-align:center; font-size:1.5em; padding:20px 10px 10px 20px; }



.submission-type-selector { font-size: 1.0em; }
.submission-type-selector h4 { font-size: 1.2em; }
.submission-type-selector p.already-generated { margin-top:10px; padding:5px; background-color:#FFFFE1; }

#certification-panel .filters {
    background: none repeat scroll 0 0 #fff;
    border-color: #dbdbdb #dbdbdb #c2c2c2;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    display: none;
    overflow: hidden;
    position: absolute;
    left: 460px;
    top: 44px;
    width: 320px;
    z-index: 20;
}

#certification-panel .filters.visible { display:block; }

#certification-panel .filters ul { list-style-type:none; margin:10px 0 0 0; padding:0; }
#certification-panel .filters li { margin:0 10px 5px; padding:5px 10px; cursor:pointer; border:1px solid #e6e6e6; }
#certification-panel .filters li.last { margin:0 10px 0; }
#certification-panel .filters li:hover { border:1px solid #76aa34; }
#certification-panel .filters li .tick { display:none; color:#76aa34; }
#certification-panel .filters li.selected .tick { display: inline; }

.lbc-flags { font-size: 1.2em; list-style-type: none; margin: 0; padding: 0; }
.lbc-flags li { display: block; list-style-type: none; padding:10px 10px 14px 10px; cursor:pointer; }
.lbc-flags li.hovered { background-color:#f4f6f8; }
.lbc-flags li a { color:#333; }
.lbc-flags li.selected, .lbc-notes { background-color:#FAED8F; }
.lbc-flags li.selected.accepted, .lbc-notes.accepted { background-color:#cfeccf; }
.lbc-flags li.selected.rejected, .lbc-notes.rejected { background-color:#ffcccc; }

.lbc-notes {
    width: 768px;
    min-height: 438px;
    padding:10px;
}
.lbc-notes-inner {
    margin-bottom: 15px;
    padding: 10px;
    box-shadow: 1px 1px 2px #666;
    background-color: #fff;
}
.lbc-note {
    background-color: #fff;
    box-shadow: 1px 1px 2px #666;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .lbc-note p {
        margin: 0;
        padding: 0;
    }

.DCS-flag { display:inline-block; padding:2px 4px; color:#fff; background-color:darkorange; }

.finance-flag { padding:5px; border:1px solid #ccc; display:inline-block; margin-right:5px; }
.finance-flag.good { border:1px solid #76AA34; }
.finance-flag.bad { border:1px solid #E45752; }

.structure-validation-errors { padding:5px 10px; margin-bottom:10px; border:1px solid #ff0000; background-color:#ffe6e6; }
.structure-validation-errors p { font-weight:bold; }

.structure-hierarchy { border:1px solid #e6e6e6; }
.structure-hierarchy h3 { color:#333; }
.components { margin-top:10px; }
.availability-label { color: #808080; }
.availability-alt { list-style-type:none; margin:0; padding:0; }
.availability-alt li { padding:5px; margin:5px; border:1px solid #e6e6e6; width:50%; cursor:pointer; }
.availability-alt li .tick { font-size:1.2em; color:#76aa34; display:none; }
.availability-alt li.selected .tick { display:inline; }
.availability-alt li.hover { border:1px solid #76aa34; }
.bc-locked { margin:0; padding:0; color:#666; font-style:italic; }
.cta { list-style-type:none; padding:0; margin:0; }
.cta li { list-style-type:none; display:inline; padding:5px 0 0 0; }
.structure-surface li.root { background-image:none; padding:10px; }
.structure-surface li.root.selected { background-color:#f4f6f8; }
.cta { float:left;width:400px;padding-top:5px; }
.cta li:after { content: " | " }
.cta li:last-child:after { content: "" }
.booking-restrictions { background-image:url(/Content/generic/images/icons/information32.png); background-repeat:no-repeat; background-position:10px 10px; background-color:#fff; padding:10px 10px 10px 52px; margin:10px 0 0 0; border:1px dotted #ccc; }
.booking-restrictions ul { margin:0; }
.booking-restrictions li { padding:5px 0 0 0; border:1px solid transparent; }
.booking-restrictions li.error { border:1px solid #ff0000; }
.content-panel { margin-top:10px; }

.prior-outcomes { margin-bottom:5px; padding:10px; background-color:#fff; border:2px solid green; }
.prior-outcomes h4 { padding:0; margin:0; }

.award-cert { border:1px solid #e6e6e6; padding:5px; margin:5px 0 10px 0px; }
.award-cert.Reprint, .award-cert.Replacement { margin-left:30px; }

.availability-grades-and-fees .ui-tabs-panel { min-height:inherit; }

.financial tbody td { text-align:right; }

.learner-check-option { border:1px solid #ccc; box-shadow:3px, 3px, 3px, 3px, #333; padding:10px; margin:0 0 10px 0; }
.learner-check-option h3 { margin:0 0 10px 0; padding:0; }

.structure-surface .sanction, .component .sanction { text-transform:uppercase; font-size:0.8em; background-color:#333; color:#fff; display:inline-block; padding:2px 4px; margin-left:8px; font-weight:bold; }

.ass-flag .fancy-validation-summary { margin-bottom:12px; }

.session-group
{
    border:#f4f6f8 solid 2px;
    margin-bottom:10px;
    padding:0;
}

.session-group-details {
    background-color: #f4f6f8;
    padding: 10px;
    margin: 0;
    font-weight: bold;
    font-size:1.2em;
    
    overflow:hidden;
}
.session-group-details .details { float:left; width:70%; text-align:left; padding-top:5px; }
.session-group-details .controls { float:right; width:30%; text-align:right; }

.session-details table td textarea { width:60%; }
.session-details table td.label { font-weight:bold;padding:0 20px 0 10px;width:170px;text-align:left;vertical-align:top; }
.session-details table td.value { vertical-align:top; }

.component { position:relative; }

tr.withdrawn {
    opacity:0.6;
}

.component-errors {
    display: none;
    padding: 8px;
    background-color: #fff;
    color: #333;
    border: 1px solid #C6C6C6;
    padding: 5px 5px 5px 28px;
    line-height: 1.3em;
    margin-bottom: 8px;
    background-image: url(/Content/generic/images/icons/info.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

table.mark-and-grades td {
    border-bottom: none;
}

table.grades {
    cursor: inherit;
}

.color4 {
    background-color: #FFCE55;
    /*yellow*/
}

.grades-container {
    border-left: 4px solid #b1cae7;
    padding-left: 15px;
}

    .grades-container .grades > tbody > tr:first-child {
        background-color: #EFF5F9;
    }

    .grades-container tr.lbc.embedded-qual {
        background-color: #daf0e2;
    }

    .grades-container.failed {
        border-left: 4px solid #EC5565;
    }

        .grades-container.failed .grades > tbody > tr:first-child {
            background-color: #FDEEF0;
        }

    .grades-container.achieved {
        border-left: 4px solid #5BC1A6;
    }

        .grades-container.achieved .grades > tbody > tr:first-child {
            background-color: #edf8f5;
        }

.passing-grade-flag {
    background-repeat:no-repeat;
    padding: 0px 8px;
}

.passing-grade-flag.fail {
    background-image: url(images/icons/cross.png);
}

.passing-grade-flag.pass {
    background-image: url(images/icons/tick.png);
}

.learner-photo-flag {
    padding: 2px 4px;
    margin:0 0 0 4px;
    border-radius: 2px;
    font-size: 0.9em;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    color: #b3b3b3;
}

    .learner-photo-flag a:link {
        color: #b3b3b3;
    }

    .learner-photo-flag a:visited {
        color: #b3b3b3;
    }

    .learner-photo-flag a:active {
        color: #b3b3b3;
    }

    .learner-photo-flag.good {
        background-color: #60C060;
        border: 1px solid #60C060;
        color: #FFFFFF;
    }

    .learner-photo-flag.good a:link {
        color: #fff;
    }

    .learner-photo-flag.good a:visited {
        color: #fff;
    }

    .learner-photo-flag.good a:active {
        color: #fff;
    }

    /*
        .learner-photo-flag.good:after {
            content: ' \2713';
        }
    */

    .learner-photo-flag.bad {
        background-color: #CC0000;
        border: 1px solid #CC0000;
        color: #FFFFFF;
    }

        .learner-photo-flag.bad:after {
            content: ' \2718';
        }

    .learner-photo-flag.outline {
        background-color: #fff;
        border: 1px solid #b3b3b3;
        color: #b3b3b3;
    }

        .learner-photo-flag.outline.good {
            background-color: #fff;
            border: 1px solid #60C060;
            color: #60C060;
        }

        .learner-photo-flag.outline.bad {
            background-color: #fff;
            border: 1px solid #CC0000;
            color: #CC0000;
        }

.photo-verification-image {
    border: 2px solid #ccc;
    box-shadow: 0 4px 8px 0 #ccc;
}

    .photo-verification-image.good {
        border: 2px solid #60C060;
        box-shadow: 0 4px 8px 0 #60C060;
    }

    .photo-verification-image.bad {
        border: 2px solid #CC0000;
        box-shadow: 0 4px 8px 0 #CC0000;
    }

.photo-verification-status {
    font-weight:bold;
}

.photo-verification-request-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: #666;
    margin-top: 5px;
}

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

.learner-current-achievement-component:hover .learner-current-achievement-component-row {
    background-color: #fff1ba;
}

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

.learner-current-achievement-component > .learner-current-achievement-component-row:hover td:not(.learner-current-achievement-table-title),
#learner-archive-achievements tr:hover td {
    border-left: solid 2px white;
}

.learner-achievements-record .learner-current-achievement-component-row-data-table th,
.learner-achievements-record .learner-current-achievement-component-row-data-table td {
    padding: .5rem 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.learner-achievements-record .learner-current-achievement-component-row-data-table td:not(.learner-current-achievement-table-title) {
    border-left: solid 2px white;
}

.learner-achievements-record-header {
    position: relative;
    padding: 1.75rem 0;
}

.learner-achievements-record-header h2 {
    color: black;
    font-size: 1rem;
    display: block;
    float: none;
}

#learner-achievements-record-clear-search {
    padding: 0 0 0 .5rem;
}

#learner-current-achievement-table-overall-visual-headers {
    display: flex;
    justify-content: flex-end;
    color: black;
    border-bottom: solid 1px black;
    align-items: center;
    margin: 0;
}

#learner-current-achievement-table-overall-visual-headers h4 {
    color: black;
    text-overflow: ellipsis;
    overflow: hidden;
}

.learner-current-achievement-component-row {
    /*border-bottom: dotted 1px black;*/
    border-bottom: solid 1px #d4d3d4;
}
.learner-current-achievement-component-row, .learner-current-achievement-component {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
}
    .learner-achievements-after-title-section-divider {
        margin: 0;
        /*border-top: dotted 1px black;*/
        border-top: solid 1px #d4d3d4;
    }

.learner-achievements-solid-section-divider {
    border-top: solid 1px black;
    margin: 1rem 0 0 0;
}
.learner-achievments-organisation-row {
    display: flex;
    justify-content: space-between;
}

.learner-current-achievement-overall-visible-title,
.learner-current-achievement-component-row-data-table td.learner-current-achievement-overall-visible-title {
    margin-right: auto;
}

.learner-current-achievement-component-row-data-table {
    position: relative;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
}

.learner-current-achievement-component-row-data-table tr {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: stretch;
    height: 100%;
}

.learner-current-achievement-component-row-data-table th.learner-current-achievement-table-title {
    margin-right: auto;
}

.learner-current-achievement-component-row-data-table thead,
.learner-current-achievement-component-row-data-table tbody {
    width: 100%;
}

.learner-current-achievement-component-row-data-table thead {
    position: absolute;
    z-index: -1000;
    height: 100%;
    right: 0;
}

.learner-current-achievement-component tbody {
    margin: 0;
}

.learner-achievements-record .learner-current-achievement-component-row-data-table td.learner-current-achievement-table-title {
    margin-right: auto;
    padding-left: .35rem;
}

.learner-current-achievement-component-row-data-table tr > td:not(.learner-current-achievement-table-title) {
    flex-shrink: 0;
}

.learner-current-achievement-component .learner-current-achievement-component {
    margin-left: 2%;
}

#learner-archive-achievements {
    overflow: hidden;
}

#learner-archive-achievements th {
    padding: .9rem .1rem;
    border-bottom: solid 1px black;
    text-transform: capitalize;
}

#learner-archive-achievements td {
    padding: .5rem 0;
    border-spacing: 0;
    border-left: 2px solid transparent;
}

#learner-archive-achievements td:first-child {
    padding-left: .35rem;
}

#learner-archive-achievements tr {
    /*border-bottom: dotted 1px black;*/
    border-bottom: solid 1px #d4d3d4
}

#learner-archive-achievements table {
    border-collapse: collapse;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

#learner-achievements-record-filter {
    margin-left: .5rem;
}

#learner-achievements-record-hidden-style-map-table{
    display: none;
}

#learner-achievements-record-clear-filter{
    padding-left: .5rem;
}

.learner-current-achievement-dimmed-row td {
    color: #d3d3d3;
}
.learner-current-achievement-expand {
    /* padding: 2px 4px; */
    /* opacity: 0.5; */
    filter: alpha(opacity = 100);
    font-size: 15px;
    color: #ccc;
    border-radius: 3px 3px 3px 3px;
    background-color: #6a6a6a;
    margin: 0 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: c;
    vertical-align: bottom;
    display: flex;
    justify-content: center;
    align-items: center;
}
}