/******************************************************/
/* Assessment template */
/*
header style: background-color: #dfedf9;
*/
/******************************************************/
/* page layout */
.fpa-body {
    background-color:#fff;
}
.fpa-body.overlay-showing {
    overflow-y:hidden;
}
.fpa-body .tooltip {
    z-index: 10000;
}
header#fpa_header {
    position:fixed;
    top:0;
    right:0;
    left:0;
    height:50px;
    padding:8px 15px;
    z-index:10000;
}
#fpa_body {
    padding:50px 0 0;
    background-color:#fff;
}
#fpa_body.qg-visible {
    padding-top:95px;
}
#fpa_body.all-qgs-one-page #as_finalise {
    padding-bottom:30px;
    padding-top: 50px;
}
footer#fpa_footer {
    position:fixed;
    bottom:0;
    right:0;
    left:0;
    height:50px;
    z-index:10000; 
    padding:8px 12px !important;
}
body.fpa-body .modal-backdrop {
    z-index: 10010;
}
body.fpa-body .modal {
    z-index: 10020;
    overflow-y:hidden; /* need to force scrolling in .modal-body */
}
body.fpa-body .modal-lg .modal-body {
    max-height:65vh;
    height:auto;
}
body.fpa-body .modal-lg .modal-body {
    max-height:65vh;
    height:auto;
}
body.fpa-body .modal-lg .modal-body label {
    text-align:right;
}

#assess_container,
#as_finalise,
#as_intro,
#as_notes,
#as_uploads,
#offline_start,
#audit_perform,
#as_signature {
    display:none;
    padding: 10px 10px 50px 10px;
}
#audit_perform {
    padding: 0;
}
#prev_at {
    display:none;
}
#fpa_overlay {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 10010;
    background-color:rgba(0,0,0,0.5);
}
#assess_container {
    padding: 0;
    padding-top: 40px;
    padding-left: 0;
}
#assess_container.all-qgs-one-page {
    padding-top:0;
}

/* to ensure our alert is above all overlays */
.swal2-container {
    z-index: 10060;
}
/* to ensure flash mesgs above all overlays */
div[class^='notifyjs'] {
    z-index: 10070;
}

/* Header */
.fpa-header-title {
    color:#fff;
    font-size:18px;
    font-weight:bold;
    line-height: 34px; /* header height - (8px * 2) */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}
.fpa-close {
    position: absolute;
    right: 8px;
    top: 14px;
}
a.fpa-close-link:link {
    color:#fffc;
}
a.fpa-close-link:hover {
    color:#eee;
    border:none;
}
.fpa-close a span.mdi {
    font-size:26px;
    line-height:20px;
}

/* Footer */
.fpa-footer-btns {

}

/* Main page */
#fpa_body > .panel {
    border:0;
    margin:0;
    padding:8px;
    box-shadow:none;
    display:none;
}


/* question group */
.fpa-qg-cont {
    display:none;
}
.fpa-qg-cont.visible {
    display:block;
}

.qg-header {
    display:none;
}
.fpa-qg-cont.visible .qg-header {
    position: fixed;
    z-index: 101;
    top: 50px;
    display: block;
    height: 40px;
    padding: 8px 12px;
    color: #666;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}
.all-qgs-one-page .fpa-qg-cont.visible .qg-header {
    position: relative;
    top:0;
}
.fpa-qg-cont.visible .qg-header .no-text {
    border-bottom: 1px solid #ddd;
}
.fpa-qg-cont .qg-text {
    border-bottom: 1px solid #ddd;
    color: #666;
    padding: 4px 12px;
    min-height: 48px; /*for qg top controls*/
}
.cascade-note {
    margin: 8px 10px 0 10px;
    background-color: #ccc;
    color: #666;
    padding: 3px 6px;
    border-radius: 3px;
}
/* Questions */
#tbl_as_at tr.with-data {
    cursor:pointer;
}
#tbl_as_at tr:first-child th {
    border-top:none;
}
#tbl_as_at.feedback-only .p-a-res {
    display:none;
}
.fpa-qn-item {
    padding:0 10px;
}
.fpa-qg-cont .fpa-qn-item.first-qn {
    margin-top: 15px;
}

.assess-qn-clone {
    display:none;
}
.fpa-qc-tick.sel-all,
.fpa-qc-cross.sel-all,
.r-s {
    cursor:pointer;
}
.r-s.feedback-only {
    cursor:default;
}
.browse-mode .fpa-qc-tick.sel-all,
.browse-mode .fpa-qc-cross.sel-all,
.browse-mode .r-s {
    cursor:default;
}

.fpa-qt .swpa-sub-qt td,
td.question-answer-td-vert {
    padding:5px 10px;
}
.fpa-qt .swpa-sub-qt td.cross-active,
td.question-answer-td-vert.cross-active {
    background-color:#ffd8d8;
}
.fpa-qt .swpa-sub-qt td.tick-active,
td.question-answer-td-vert.tick-active {
    background-color:#e1fedb;
}
.swpa-col-header {
    font-weight: bold;
}
.swpa-opt-text {
    display: block;
    overflow: hidden;
    padding: 2px 0 4px 6px;
}
.swpa-header-text {
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
    margin-top: 3px;
}

.fpa-qc-tick.mdi::before,
.fpa-qc-cross.mdi::before {
    line-height: initial; /* to handle cross-branch development */
}

.qg-text .question-help-links .icon-with-tt .mdi:before,
.fpa-qt .question-help-links .icon-with-tt .mdi:before {
    font-size:22px;
}
.qg-text .question-help-links .icon-with-tt .mdi,
.fpa-qt .question-help-links .icon-with-tt .mdi {
    position: relative;
    top: 0;
    text-align: center;
    border: solid 2px;
    border-radius: 50%;
    line-height: 30px; /* modified after merge to preuat */
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-left: 5px;
}
/* question table */
.fpa-qt {
    border: 1px solid #e7e7e7;
    margin: 5px 0px;
    border-collapse: separate;
    border-radius: 4px;
    width:100%;
}
.single-select.with-error .fpa-qt {
    border-color:#b10000;
}
.fpa-qt .swpa-sub-qt {
    border-collapse: separate;
    width:100%;
}
.fpa-qt .swpa-sub-qt tr:not(:last-child) td,
.fpa-qt .swpa-sub-qt.shorter tr:last-child td {
    border-bottom:solid 1px #e7e7e7;
}

.fpa-qh {
    border-bottom: 1px solid #e7e7e7;
    background-color: #f8f8f8;
    border-top-right-radius: 4px;
}
.fpa-qh .quest-text-container {
    display:flex;
}
.fpa-qh .quest-num:before {
    content: '' ;
    display:block;
    float: right;
    /* The height is essentially a "margin-top" to push the pullout Container down page. */
    height: 0;
}
.fpa-qh .quest-num {
    font-weight: bold;
    color: #fff;
    float:left;
    clear:both;
    padding: 8px 15px 6px 15px;
    text-align: center;
    border-top-left-radius: 5px;
    margin: -1px 11px 0 -1px;
    white-space: nowrap;
}
.fpa-qh .quest-text {
    padding: 6px 4px 4px;
    flex: 1;
}
.question-observed-datetime {
    display: none; /* switched on by client CSS */
    float:right;
    border-bottom: solid 1px #eee;
    border-left: solid 1px #eee;
    margin-top: -6px; /* counters .quest-text top padding above */
    margin-right: -4px; /* counters .quest-text right padding above */
    margin-left:10px;
    padding: 1px 4px;
    border-bottom-left-radius: 4px;
    font-size: 11px;
    background-color: #eee;
    color: #878787;
}
/*.fpa-qh .quest-text:first-line {
    line-height:30px;
} removed as part of making quest num box full-height */
.pos-items,
.neg-items {
    width:50%;
    vertical-align:top;
}
.pos-items {
    border-right:solid 1px #e7e7e7;
}
.cell-quest-reponse {
    padding-top:8px;
}
.sig-req-asterix,
.ov-req-asterix,
.act-req-asterix {
    display:none;
}
.fpa-qc { /* question comments */
    padding: 8px;
    border-top: solid 1px #e7e7e7;
}
.fpa-qg-body.fpa-tc-AC .act-req-asterix,
.fpa-qg-body.fpa-tc-AO .act-req-asterix,
.fpa-fin-OV .ov-req-asterix,
.fpa-fin-AO .ov-req-asterix {
    display:inline;
}

/* Signature capture */
#sig_holder {
    display: inline-block;
    padding: 8px;
    background-color: #fff;
    border-radius: 5px;
    margin-right:10px;
}
#sig_holder img {
    max-height: 45px;
    max-width: 300px;
}
#sig_launcher {
    display: inline-block;
    padding: 4px 20px;
    background-color: #ccc;
    border-radius: 4px;
    margin:9px 0 10px;
    cursor:pointer;
}
#as_signature {
    position:fixed;
    bottom:50px;
    background-color:#ddd;
    left:0;
    right:0;
    padding:8px;
    z-index: 10020; /* above overlay */
}
.sig-wrapper {
    background-color:#fff;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sig-actions {
    float: right;
    position: relative;
    top: -5px;
}
.sig-actions button {
    color:#333;
}
.sig-actions button span.mdi {
    font-size:28px;
}
.sig-header {
    padding-bottom: 8px;
}
.sig-header-text {
    font-weight: bold;
    font-size: 18px;
}

/* Notes */
#as_notes {
    position:fixed;
    bottom:50px;
    top:0px;
    background-color:#ddd;
    left:0;
    right:0;
    padding:8px;
    z-index: 10020; /* above overlay */
}
#notes_slider {
    display:none;
}
#notes_slider .carousel-inner {
    background-color:#fff; /* because notes are saved with trans bg */
}
#notes_slider .carousel-control {
    width:5%;
}
#notes_slider .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.01) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.01) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
#notes_slider .carousel-control.left {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.01) 0),color-stop(rgba(0,0,0,.0001) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,.01) 0,rgba(0,0,0,.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
#notes_slider .carousel-control:hover,
#notes_slider .carousel-control:focus {
    border:none;
}
#notes_slider .carousel-control .glyphicon-chevron-right,
#notes_slider .carousel-control .glyphicon-chevron-left {
    color:#bbb;
}
.notes-wrapper {
    background-color:#fff;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.notes-actions {
    float: right;
    position: relative;
    top: -5px;
}
.notes-actions button {
    color:#333;
}
.notes-actions button span.mdi {
    font-size:28px;
}
.notes-header {
}
.notes-header-text {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    padding: 4px 10px 6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor:pointer;
    color:#666;
}
.notes-header-text.active {
    background-color:#fff;
    color:#333;
}
.notes-header-text.disabled {
    color:#afafaf;
    cursor:default;
}
.notes-header.view-only .btn-not-view-only,
.notes-header.view-only .notes-header-text {
    visibility:hidden;
}

/* Uploads */
#as_uploads {
    position:fixed;
    bottom:50px;
    top:0px;
    background-color:#ddd;
    left:0;
    right:0;
    padding:8px;
    z-index: 10020; /* above overlay */
}
#uploads_slider {
    display:none;
/*    position: fixed;
    top: 40px;
    right: 8px;
    left: 8px;
    bottom: 45px;*/
}
#uploads_slider .carousel-inner {
    background-color:#fff; /* because notes are saved with trans bg */
}
#uploads_slider .carousel-control {
    width:5%;
}
#uploads_slider .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.01) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.01) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
#uploads_slider .carousel-control.left {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.01) 0),color-stop(rgba(0,0,0,.0001) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,.01) 0,rgba(0,0,0,.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
#uploads_slider .carousel-control:hover,
#uploads_slider .carousel-control:focus {
    border:none;
}
#uploads_slider .carousel-control .glyphicon-chevron-right,
#uploads_slider .carousel-control .glyphicon-chevron-left {
    color:#bbb;
}
.uploads-actions {
    float: right;
    position: relative;
    top: -5px;
}
.uploads-actions button {
    color:#333;
}
.uploads-actions button span.mdi {
    font-size:28px;
}
.notes-header.view-only .btn-not-view-only,
.notes-header.view-only .notes-header-text {
    visibility:hidden;
}
button#btn_upload_view {
    margin-left: 10px;
}

/* Finalise */
.assess-act-item-cross,
.assess-act-item-tick {
    float:left;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 20px;
    color: #ddd;
    background-color: #ddd;
}

.cross-active .assess-act-item-cross {
    background-color: #bf3d3d;
    color:#fff;
}
.tick-active .assess-act-item-tick {
    background-color: #5d9c50;
    color:#fff;
}

.result-btn-container .btn .mdi {
    top: 0;
}
.result-btn-container .btn .mdi:before {
    line-height:26px;
    position: initial;
}
#result_override {
    display: inline-block;
    margin-left: 10px;
}
#result_override .btn.btn-sm.btn-success {
    margin-top:0;
}
#result_override .btn-group {
    margin-left:10px;
}
.inline-txt-fld-helper {
    display: inline-block;
    margin-left: 10px;
}
.assessment-overall-result {
    width:100%;
    background-color: #f9f9f9;
    padding:0;
}
.assess-results {
    padding:0 10px;
}
.assess-results-header {
    border-bottom:solid 1px rgba(0,0,0,0.2);
    padding: 6px 12px;
    font-weight: bold;
    font-size: 16px;
    background-color: #eee;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.assessment-overall-result .form-container {
    padding:10px;
}
.result-btn-check {
    float:left;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 20px;
    color: #ddd;
    background-color: #ddd;
}
.result-btn-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    position: relative;
    top: 3px;
}
.quest-comments.form-control[readonly],
#as_finalise .form-control[readonly] {
    cursor: default;
    background-color: #f9f9f9;
}
.quest-comments.form-control[readonly]:focus,
#as_finalise .form-control[readonly]:focus {
    box-shadow:none;
    border-color: #ccc;
}
.btn-group.view-only .btn-default {
    pointer-events:none;
}

#finalise_sb_msg {
    display: inline-block;
    margin-left: 10px;
    background-color: #f1dcdc;
    border: solid 1px #d2a2a2;
    color: #8a2e2e;
    padding: 4px 8px 2px;
    line-height: 22px;
    border-radius: 4px;
}
#finalise_sb_msg .mdi {
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
}
#PAS_SCORE {
    width:80px;
    display: inline-block;
}
.pass-mark-text {
    font-style: italic;
    font-size: 12px;
}
#as_finalise input::-webkit-outer-spin-button,
#as_finalise input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.as_finalise input[type=number] {
    -moz-appearance: textfield;
}

/* safety breach functionality */
#sb_breach_quantity {
    width:auto;
}
.fpa-body .select2-container--open {
    z-index: 100030;
}
#sb_modal .select2-container {
    width:100% !important;
}
#btn_breach .badge {
    display:none;
}

/* Launch page */
#btn_exempt {
    display: none;
}
#exempt_text {
    display: none;
}
#as_start .btn-group,
.col-fpa-action .btn-group {
    display:flex;
    justify-content: flex-end;
}

/*#prev_at .row.out div[class^="col"] {
    border:solid 1px red;
}
#prev_at .row.in div[class^="col"] {
    border:solid 1px blue;
}*/
.col-fpa-action .dropdown-menu>li>a {
    padding: 0 20px 6px;
}

@media (max-width: 500px) {
    .col-fpa-action {
        width:100%;
    }
    .col-fpa-action .btn-group{
        justify-content: flex-start;
    }
}
@media (min-width: 401px) and (max-width: 700px) {
    .col-xsm-9 {
        width: 70%;
    }
    .col-xsm-3 {
        width: 30%;
    }
}

@media (max-width: 400px) {
    .col-xsm-9,
    .col-xsm-8 {
        display:block;
        float: none;
        width: 100%;
    }
}
@media (max-width: 399px){
    #prev_at .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.fpa-pa-lbl-attnum,
.fpa-pa-lbl-date,
.fpa-pa-lbl,
.fpa-pa-val,
.fpa-pa-val-suffix {
    float:left;
    color:#666;
}
.fpa-pa-val {
    margin-right: 4px;
}
.fpa-pa-val-suffix {
    display: block;
}
.fpa-pa-lbl-date,
.result-val,
.score-val,
.timer-val {
    padding: 4px 2px;
}

.fpa-pa-lbl,
.fpa-pa-lbl-attnum {
    font-weight:bold;
    color:#111;
    margin-right:4px;
}
.fpa-pa-lbl-date,
.fpa-pa-lbl-attnum {
    margin-right:8px;
}
.fpa-pa-lbl-attnum {
    background-color: #bbb;
    width: 32px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    margin-left: 2px;
}
span.inner {
    font-size: 18px;
    color: #fff;
}
.col-fpa-action {
    text-align: right;
    padding: 4px 15px 4px 4px;
}
.col-fpa-action .dropdown-menu {
    text-align: left;
}
.fpa-list-item-btns .btn {
    margin-right: 10px
}
.btn-default.btn-pa-list-breach,
.btn-default.btn-pa-list-upload,
.btn-default.btn-pa-list-note {
    font-weight:bold;
}
.btn-pa-list-breach {
    color: #8a2e2e !important;
    background-color: #f1dcdc !important;
    background-image: none !important;
}
.btn-pa-list-breach:hover {
    color: #8a2e2e !important;
    background-color: #e0c9c9 !important;
    background-image: none !important;
}
.btn-pa-list-upload,
.btn-pa-list-note {
    color: #2e4a8a;
    background-color: #dce5f1;
    background-image: none;
}
.dd-menu-breach-count,
.dd-menu-item-count {
    display: inline-block;
    margin-left: 4px;
    padding: 0 4px;
    border-radius: 4px;
    background-color: #333;
    color: #fff;
    font-weight: bold;
}
.dd-menu-breach-count {
    background-color: #8a2e2e;
    color: #fff;
}
.prev-att-row {
    border-bottom:solid 1px #ccc;
    padding:6px 0 6px 2px;
}
.breach-collapse {
    background-color: #f1dcdc;
}
.breach-item {
    border-bottom: solid 1px #cca2a2;
    padding-top: 6px;
    padding-bottom: 4px;
}
span.breach-instance-count-lbl,
span.breach-comments-lbl,
span.breach-qn-lbl {
    font-weight: bold;
    margin-right: 4px;
}
.breach-list-num {
    padding: 3px 6px;
    background-color: #daa7a7;
    color: #8a2e2e;
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    margin-right: 10px;
}
.breach-datetime {
    display:inline-block;
}
span.close-breach-list {
    float: right;
    color: #8a2e2e;
    font-weight: bold;
    font-size: 20px;
    line-height: 16px;
    cursor: pointer;
}
span.close-breach-list:hover {
    color: #b15252;
}
#sb_review_modal .modal-body {
    padding:0;
}
#sb_review_modal .modal-body>div .breach-item:last-child {
    border:0;
}

/* Audit Assess specific styling */
#audit_type_select .audit-type-icon img {
    height: 90px;
}
body.fpa-audit-body,
.fpa-audit-body #fpa,
.fpa-audit-body #fpa_body,
.fpa-audit-body #audit_perform,
.fpa-audit-body #form_perform {
    height:100%;
}
.audit-assess-container {
    padding-bottom:30px;
    display:none;
}
.audit-assess-container.mobile-emulator-sim {
    padding-bottom: 0;
}
.aa-type-scenario-emulator,
.aa-type-scenario-text {
    padding:10px;
}
.aa-type-scenario-emulator {
    border-top: solid 1px #1a659c;
}
.mobile-emulator-sim {
    display: flex;
    height:100%;
}
.mobile-emulator-sim .aa-type-scenario-text {
    flex: 1;
}
.mobile-emulator-sim .aa-type-scenario-emulator {
    flex: 0 0 350px;
    border-top: none;
    border-left: solid 1px #1a659c;
    padding:0;
}
@media only screen and (max-width: 767px) {
    .mobile-emulator-sim {
        flex-direction: column;
    }
    .mobile-emulator-sim .aa-type-scenario-emulator {
        border-top: solid 1px #1a659c;
        border-left: none;
    }
}
.audit-cant-perform-msg {
    font-weight: bold;
}
#fpa_result_modal {
    z-index:10050;
}
.fpa-audit-body .modal-backdrop {
    z-index:10040;
}
.fpa-audit-body #moments_list {
    margin-bottom:30px;
}
.fpa-audit-body.modal-open .modal { /* for some reason not part of core bootstrap version */
    overflow-x: hidden;
    overflow-y: auto;
}
.aa-type-qrcode-container {
    display: flex;
    width: 600px;
    margin: 0 auto;
    align-items: center;
}
.aa-type-qrcode-text {
    flex: 1;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.aa-type-qrcode-img {
    flex: 0 0 220px;
}
.aa-type-dl-url {
    font-size:6px;
}

button#btn_show_moments_modal {
    bottom: 6px;
    position: relative;
}

#modal_stored_moments_list {
    z-index: 10050;
}

#modal_stored_moments_list .modal-header {
    padding: 0;
}

#modal_stored_moments_list .modal-body {
    padding-top: 0;
}

#modal_stored_moments_list .table>tbody>tr>td {
    border-top: 0;
}

#modal_stored_moments_list .table>tbody+tbody {
    border-top: 1px solid #ddd;
}

#modal_stored_moments_list td p {
    padding: 0;
    font-size: 12px;
}

#modal_stored_moments_list .alert.lms-note {
    font-weight: bold;
    position: relative;
    top: 5px;
}

#modal_stored_moments_list .alert.lms-note span {
    margin: 8px;
}

.stored-moment td {
    width: 50%;
}

p.stored-moment-label {
    padding-top: 4px;
}
.audit-assess-mp_device-finish {
    font-weight: bold;
    font-size: 16px;
}

/* to be sorted */
.btn-at-launch-disabled {
    opacity:0.5;
}
.btn-at-launch-disabled:hover {
    color:#333;
    background-color:#f9f9f9;
    border-color: #ccc;
    cursor:default;
}
.table>tbody>tr>th.p-a-action,
.table>tbody>tr>td.p-a-action {
    width:1%;
    padding-right:15px;
}
#audit_perform_chooser .panel-heading,
#as_intro .panel-heading {
    background-color: #eee;
    color: #555;
    font-weight:bold;
}

.fpa-instr-item {
    margin-bottom:8px;
}
.fpa-footer-btns {
    float: left;
}
.btn-group-label {
    padding-top: 10px;
}
.fpa-qc-cross,
.fpa-qc-tick {
    position: relative;
    float:left;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 20px;
    color: #ddd;
    background-color: #ddd;
    top:0;
    text-align:center;
}
.fpa-qc-cross.mdi,
.fpa-qc-tick.mdi {
}
.assess-act-item-non-tick-side {
    float:left;
    display: inline-block;
    width: 1px;
    height: 26px;
}
.fpa-qc-cross.sel-all.sel-all-active,
.cross-active .fpa-qc-cross {
    background-color: #bf3d3d;
    color:#fff;
    font-size:24px;
}
.cross-active span[class^="sr-icon-"],
.cross-active span[class*=" sr-icon-"] {
    line-height:25px;
}
.fpa-qc-tick.sel-all.sel-all-active,
.tick-active .fpa-qc-tick {
    background-color: #5d9c50;
    color:#fff;
    font-size:24px;
}
.btn-default.cross-active:active,
.btn-default.cross-active {
    background-color:#ffd8d8;
    background-image:none;
}
.btn-default.tick-active:active,
.btn-default.tick-active {
    background-color:#e1fedb;
    background-image:none;
}
.btn-default.cross-active:hover {
    background-color:#ffd8d8;
    background-image:none;
}
.btn-default.tick-active:hover {
    background-color:#e1fedb;
    background-image:none;
}
/* helpers */
.no-txt-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

/* Timer */
#fpa_timer {
    display:none;
    position: absolute;
    right: 45px;
    top: 8px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 8px;
    width: auto;
}
.timer, .reset {
    float:left;
    font-size: 24px;
    text-align:center;
    color: #fff;
    cursor: pointer
}
.timer {
    padding-right:8px;
}
.view_only .reset,
.view_only .timer {
    cursor: default;
}
.reset {
    width:34px;
}
.reset:hover {

}
#fpa_timer.paused {
    background-color:#b94a4a;
    animation-name: color;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes color {
    0% {
        background-color: #b94a4a;
    }
    50% {
        background-color: #873333;
    }
    100 {
        background-color: #b94a4a;
    }
}
/* upload popover hack */
#fpa_up_po_content {
    display: none;
    z-index: 10020;
    left:5px;
    bottom:50px;
}
.upload-popover {
    position: fixed;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal;
}
.upload-popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #dfedf9;
    color: #333;
    border-bottom: 1px solid #c3d2e0;
    border-radius: 5px 5px 0 0;
}
.upload-popover-content {
    padding: 9px 14px;
}
/* loading spinner */
#fpa_spinner {
    display: none;
    z-index: 10020;
    position: fixed;
    width: 100%;
    top: 30%;
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media print {
    header#fpa_header {
        position: relative;
    }
    #fpa_body {
        padding-top:0;
    }
    .assess-act-item-non-tick-side,
    footer,
    .fpa-qc-tick, .fpa-qc-cross,
    .fpa-close,
    .question-help-links {
        display: none !important;
        border: 0;
    }
    .assess-question-img {
        display:block !important;
    }
    .fpa-qg-cont .qg-text {
        border-bottom: 0;
    }
    .fpa-qg-cont .qg-header,
    .fpa-qg-cont .qg-text,
    .fpa-qg-cont .fpa-qh{
        page-break-inside: avoid;
    }
    .fpa-qg-body .fpa-qg-cont:not(:first-child) {
        padding-top:20px;
    }
    /*  Deal with options relying on background colours for shape by
        drawing circle borders and making ticks/crosses solid colour */
    .cross-active .fpa-qc-cross {
        display: inline-block !important;
        border: solid 2px #bf3d3d;
        background-color: #fff;
        color: #bf3d3d;
        font-size: 22px;
    }
    .tick-active .fpa-qc-tick {
        display: inline-block !important;
        border: solid 2px #5d9c50;
        background-color: #fff;
        color: #5d9c50;
        font-size: 22px;
    }
    #fpa_body.all-qgs-one-page #as_finalise {
        page-break-before: always;
        padding-top: 0;
    }
}