body { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }

.transparent { opacity: 0.333; }
div.validationError { background-color: #992244; padding: 3px 17px; font-size: 80%; font-weight: bold; color: #fff; }
div.validationErrorBar { background-color: #992244; padding: 3px 0px; text-align: center; font-size: 80%; color: #fff; display: none; }
input.form-control-error { background-color: #fee; }

div.questionSetNavigator { }
div.questionSetDivider { margin-top: 12px 0 0 0; height: 12px; padding: 0; border-top: 1px solid #4582ec; font-size: 1px; }

table.questionSet { }
table.questionSet td { vertical-align: top; }
table.questionSet div.spanner { width: 1px; overflow-x: visible; }
table.questionSet div.spannerInside { width: 460px; }

    table.questionSet div.questionInstruction { color: #4582ec; font-style: italic; }
    table.questionSet div.questionSectionDivider { color: #4582ec; font-weight: bold; padding-top: 15px; }


table.questionSet td.question { width: 45%; }
table.gapped td.question { width: 40%; }
    table.questionSet td.question div.notes { margin-top: 4px; font-style: italic; }
    table.questionSet td.question div.attachment { height: 60px; margin-top: 8px; clear: both; }
    table.questionSet td.question div.attachment div.thumbnail { float: left; }
    table.questionSet td.question div.attachment div.thumbnail a { background: none; }
    table.questionSet td.question div.attachment div.caption { float: left; margin-left: 10px; }

table.questionSet td.answer{ width: 45%; }
table.gapped td.answer { width: 40%; }
    table.questionSet td.answer span.notanswered { color: #888; font-size: 12px; }

    table.gapped td.gap { width: 5%; }

table.questionSet td.answer table.radioButtonList td:first-child { padding-left: 0; }
table.questionSet td.answer table.radioButtonList td { padding-left: 5px; }
table.questionSet td.answer table.radioButtonList td label { padding-left: 3px; }

table.questionSet td.answer div.fileUploader { color: #000; font-size: 12px; height:auto !important; padding:6px !important; }
table.questionSet td.answer div.fileUploader a { color: #000; font-size: 12px; }
table.questionSet td.answer div.fileUploader strong a { color: #000; font-size: 120%; }

table.questionSet tr.notenabled { background: none; }
table.questionSet tr.notenabled td { color: #888; opacity: 0.3; background: none; }
table.questionSet tr.notenabled td strong { font-weight: normal; }
table.questionSet tr.notenabled td.answer span { display: none; }
table.questionSet tr.notenabled td.answer div { display: none; }

div.editModeButtonBar { padding: 10px; background-color: #eee; text-align: right; }

a.list-group-item div.description { color: #999; font-size: 11px; font-weight: bold; }
a.active div.description {color: #fff;}

.bs-docs-section{margin-top:2em;}

@media (min-width: 736px) {
    table.questionSet div.spannerInside {
        width: 698px;
    }
    table.questionSet td.answer table.radioButtonList td { padding-left: 20px; }
    table.questionSet td.answer table.radioButtonList td label { padding-left: 10px; }
}
@media (min-width: 768px) and (max-width: 991px) {

    .bs-docs-section {
        margin-top: 6em;
    }

    .navbar .navbar-nav > li > a {
        padding: 0px 0px !important;
    }
}
@media (min-width: 768px) {
    table.questionSet div.spannerInside {
        width: 708px;
    }
}
@media (min-width: 992px) {
    table.questionSet div.spannerInside {
        width: 688px;
    }
    div.questionSetNavigator {
        width: 216px;
    }
}
@media (min-width: 1200px) {
    table.questionSet div.spannerInside {
        width: 838px;
    }
    div.questionSetNavigator {
        width: 274px;
    }
}


body, .tooltip, .popover { font-family: arial, helvetica, sans-serif; }
.badge {
    padding: 3px 7px 3px;
    vertical-align: 2px;
}
.btn { font-weight: bold; }

.dropdown-header strong { font-weight: bold; color: #000; }

div.renderWithName { padding: 4px 0; height: 100%; clear: both; _zoom: 1; }
div.renderWithName:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.renderWithName div.left { float: left; text-align: right; width: 180px; color: #5a768e; font-size: 12px; font-style: italic; font-family: trebuchet ms; position: relative; top: 2px; }
div.renderWithName div.left span.time { font-style: normal; font-family: arial, arial, helvetica, sans-serif; font-size: 10px; }
div.renderWithName div.required { font-weight: bold; text-transform: uppercase; }
div.renderWithName div.required:after {content: " *"; }
div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}
div.renderWithName div.right { margin-left: 10px; float: left; font-family: arial, helvetica; }
div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600;}
div.renderWithName div.right label { font-size: 12px; position: relative; top: 2px; left: 2px; color: #333;}
div.renderWithName div.right span { font-size: 14px; color: #444; }
div.renderWithName div.right span.instructions { font-size: 11px; color: #666; text-transform: none;}

div.documentsPanel a.toggleDescription { font-size: 10px; color: #999; }
div.documentsPanel div.description { background-color: #eee; padding: 4px; margin-top: 4px; font-size: 11px; color: #666; display: none; }

div.noteRule { margin-top: 2px; border-top: 1px solid #ddd; height: 2px; }
a.noteToggle { color: #999; font-size: 10px; }
div.renderWithName div.right div.noteLog { background-color: #eee; padding: 4px; margin-top: 4px; font-size: 11px; color: #666; display: none; }
div.renderWithName div.left span.noteName { font-style: normal; }


div#matte { display: none; }
div#matte div.backgroundSolid { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: black; z-index: 100; opacity: 0.2; }
div#matte div.backgroundSpinner { z-index: 100; position: fixed; top: 50%; left: 50%; margin-top: -60px; margin-left: -60px; width: 120px; height: 120px; background-color: #eee; opacity: 0.8; border-radius: 10px; }
div#matte div.spinner { z-index: 100; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; width: 100px; height: 100px; background: url(/assets/images/matte_spinner.gif); }

button.vvv { margin-left: 5px; margin-top: 7px; }

.auditGapCheckbox{
    padding-left: 4px;
    padding-top: 2px;
    font-weight: lighter !important;
    font-size: 14px !important;
}
.gapTypeTxtBlock{
    margin-top: 4px;
    font-size: 14px !important;
}
span.required {
    color: #900;
    font-weight: bold;
    font-style: normal; 
    font-size: 10px;
}

.powerbi-report-name {
    margin-top: 2em;
}
table.cc-table {
    font-family: verdana, arial, helvetica;
    font-size: 12px;
}

table.cc-table thead {
    background-color: #F6F4F4;
}

table.cc-table .paginator {
    float: right;
}

table.cc-table .paginator span {
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
}

table.cc-table .paginator span.selected {
    font-weight: bold;
    background-color: #ccf;
    padding: 0 3px 0 3px;
    margin: 0 2px 0 2px;
    border: 1px;
    border-style: solid;
}

table.cc-table .paginator span.page {
    padding: 0 3px 0 3px;
    margin: 0 2px 0 2px;
}

.oec-blue {
    background-color: #003C71;
}

.btn.btn-primary {
    padding:8px 10px;
}

#audit-nav-container {
    width: 98% !important;
    margin:auto;
}

#audit-container {
    width: 80% !important;
    margin:auto;
}
.cc-visit-end-date .right {
  max-width: min-content;
}

.cc-visit-end-date .right .error {
    display: inline-block;
}
.page-header-cc {
    padding-bottom: 10px;
    margin: 44px 0 22px;
}