.tool-action-saq { font-weight: bold; }
.campus-saq { background: #ffffff; color: #222222; margin: 0px; padding: 0px; }
.campus-saq-tabs { background: #cccccc;
    background: -webkit-linear-gradient(#e9e9e9 , #bababa);
    background: -o-linear-gradient(#e9e9e9, #bababa);
    background: -moz-linear-gradient(#e9e9e9, #bababa);
    background: linear-gradient(#e9e9e9, #bababa);
    border-bottom: 1px solid #aaaaaa; margin: 0px; padding: 3px 3px 0 3px;
}
.campus-saq-tabs:before, .campus-saq-tabs:after { content: ""; display: table; }
.campus-saq-tabs:after { clear: both; }
.campus-saq-tabs li { background: #eeeeee; border: 1px solid #d3d3d3; border-bottom: 0px !important; float: left; list-style: none; margin: 0 3px 0px 0; position: relative; }
.campus-saq-tabs li.campus-saq-tab-active { background: #ffffff; border: 1px solid #aaaaaa; color: #212121; font-weight: normal; top: 1px; }
.campus-saq-tabs li a { color: #555555; float: left; font-size: 12px; padding: 6px 12px; text-decoration: none; }
.campus-saq-page { display: none; padding: 15px; }
.campus-saq-page-active { display: block; }
.saq-nav { margin: 10px 0px; min-height: 25px; }
.saq-btn-prev { float: left; }
.saq-btn-next { float: right; }
.saq-btn-prev, .saq-btn-next { min-width: 100px; height: 25px; }
.campus-saq .campusSlider { margin: 10px 20px 10px 17px; width: 180px; }
.campus-saq .ui-slider { position: relative; }
.campus-saq .ui-widget-content { border: 1px solid #aaaaaa; border-radius: 10px; }
.campus-saq .ui-slider-horizontal { height: 10px; }
.campus-saq .ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -7px; }
.campus-saq .ui-slider .ui-slider-handle { background: #dddddd; border: solid 1px #888888; border-radius: 4px; cursor: pointer; height: 15px; position: absolute; width: 15px; z-index: 2; }
.campus-saq-scale-name-container { border: 1px solid #ccc; background: #f7f7f7; margin-bottom: 10px; }
.campus-saq-scale-name { padding: 10px; }
.campus-slider-scale-label { position: absolute; margin-top: 6px; margin-left: 212px; }
.campus-saq-scale-name-container select { padding: 5px; margin: -5px -5px -5px 0; width: 250px; }

.campus-saq-scale-value { float: right; width: 10%; text-align: right; font-weight: bold; padding-bottom: 5px; }
.campus-saq-scale { padding: 5px; border-bottom: 3px solid #fff0; }

.campus-saq-10-scale-1 { background-color: #ffdddd; }
.campus-saq-10-scale-2 { background-color: #ffe6dd; }
.campus-saq-10-scale-3 { background-color: #ffeedd; }
.campus-saq-10-scale-4 { background-color: #fff7dd; }
.campus-saq-10-scale-5 { background-color: #ffffdd; }
.campus-saq-10-scale-6 { background-color: #f9ffdd; }
.campus-saq-10-scale-7 { background-color: #f2ffdd; }
.campus-saq-10-scale-8 { background-color: #ebffdd; }
.campus-saq-10-scale-9 { background-color: #e4ffdd; }
.campus-saq-10-scale-10 { background-color: #ddffdd; }

.campus-saq-5-scale-1 { background-color: #ffdddd; }
.campus-saq-5-scale-2 { background-color: #ffeedd; }
.campus-saq-5-scale-3 { background-color: #ffffdd; }
.campus-saq-5-scale-4 { background-color: #efffdd; }
.campus-saq-5-scale-5 { background-color: #ddffdd; }

.campus-saq-summary-value, .campus-saq-summary-text { display: inline-block; vertical-align: top; }

.campus-saq-summary-text { width: 90%; }
.campus-saq-summary-value { width: 10%; text-align: right; }

.saqPage { font-size: 12px; }
.previousSaqPage { font-weight: bold; }
.previousSaqPage input { width: 100px; height: 25px; }
.nextSaqPage { font-weight: bold; float: right; }
.nextSaqPage input { width: 100px; height: 25px; }
.saqLabel { display: block; width: 190px; padding: 10px 18px 10px 18px; text-align: center; }
.saqTableLabel { display: block; padding-right: 10px; }
.saq6ScaleColor1 { background: #A84400; color: #FFF; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor2 { background: #FF8B22; color: #FFF; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor3 { background: #F6FC00; color: #000; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor4 { background: #FFD8B8; color: #000; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor5 { background: #38E200; color: #FFF; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor6 { background: #145900; color: #FFF; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
#saqPageSummary table { margin-left: 0px; }
#saqPageReport table { margin-left: 0px; }

.saqAdminLabel { width: 160px; display: inline-block; font-weight: bold; }

.saq6ScaleColor1, .saq6ScaleColor2, .saq6ScaleColor3, .saq6ScaleColor4, .saq6ScaleColor5, .saq6ScaleColor6 { max-width: unset; width: 100%; display: block; padding: 5px; border-bottom: 3px solid #fff; box-sizing: border-box; max-width: 120px; display: inline-block; margin: 5px 5px 0 0 !important; }
.saq6ScaleColorKey { display: inline-block; width: 20px; }
.campus-saq-progress-report-table td { padding: 5px; }
.campus-saq-progress-report-table thead tr { border-bottom: 1px solid #ccc; }
.campus-saq-progress-report-table-container { width: 100%; overflow-x: auto; border: 1px solid #ccc; margin-top: 20px !important; }
.campus-saq-required-scale-error { background: #ffcccc; padding: 5px; margin-bottom: 2px; }
.campus-saq-print { content:url("../images/print.png"); float: right; height: 30px; margin: -32px 0px 10px; opacity: 0.7; }
.campus-saq-print:hover { opacity: 1; }
.campus-saq-word-counter { text-align: right; }

#saq_select_multi { margin-bottom: 10px; }

.campus-saq-dropdown { width: 200px; padding: 3px; margin: -5px; }


/*.campus-saq-distance-value { display: block; width: 100%; padding: 4px 0px; margin: -4px 0px -2px; text-align: center; }*/
.campus-saq-distance-value { display: flex; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; align-items: center; justify-content: center; font-weight: bold; }
.campus-saq-distance-6-1 { background: #AD3D15; color: #fff; }
.campus-saq-distance-6-2 { background: #FF8438; color: #000; }
.campus-saq-distance-6-3 { background: #FAF948; color: #000; }
.campus-saq-distance-6-4 { background: #FFD6BB; color: #000; }
.campus-saq-distance-6-5 { background: #24E23B; color: #000; }
.campus-saq-distance-6-6 { background: #0E5911; color: #fff; }

.campus-saq-distance-saq-name { text-align: center; font-weight: bold; margin-top: 10px; }

#campus-saq-autosave-notice {
    position: absolute;
    z-index: 99999;
    width: 100%;
    top: 0;
    text-align: right;
    padding: 5px 10px;
    box-sizing: border-box;
    line-height: 24px;
    display: inline;
    max-width: 230px;
    right: 0;
    font-style: italic;
    color: #888;
}

#campus-saq-bulk-autosave-now {
    background: #5f0101;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    position: relative;
    top: -3px;
}

#campus-saq-bulk-autosave-now:hover {
    background: #990000;
}

.campusList {
    font-family: sans-serif;
    margin-top: 5px;
    background-color: #f9f9f9;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #dfdfdf;
    border-spacing: 0px;
}

.campusList thead tr th, .campusList tfoot tr th {
    padding: 8px 10px;
    font-size: 14px;
    text-align: left;
    background: #f1f1f1;
    font-weight: normal;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
    background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
    background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
    background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9);
    background-image: linear-gradient(to top, #ececec, #f9f9f9);
}

.campusList td {
    border-bottom: 1px solid #dfdfdf;
    padding: 4px 7px 2px 7px;
    font-size: 12px;
    line-height: 16px;
}

.campus-saq-report-10-scale-8 {
    background-color: #ddffdd;
}