/*
PRIVATE
stuff for displaying ratings & assessment.

-base_admin
-db pages
*/

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

.assessment-schedule-box{padding:1px;display:inline-block;}
.assessment-schedule-box.video-status-box{width:50px;}
.assessment-schedule-box.rating-box{width:100px;}
.assessment-schedule-box form {
  display: inline;
}

.hidden {
  display: none;
}
.small-font {
  font-size: 11px!important;
}
/*.assessment-schedule-box.reviewer-box{width:180px;}*/

.workzone .rating-row input.rating-input { width: 40px; margin-bottom: 0; }
.rating-alert { float: left; clear: both; }
.rating-notification-zone { height: 35px }
.rating-schedule-table .rating-due-list-table td { padding: 1px }
.rating-schedule-table .rating-due-list-table td.no-video {padding-left: 10px;}
.rating-schedule-table tr td { padding: 2px }
td input.bigcheckbox { height: 24px; width: 24px; }
.rating-dash { display: inline-block;position:relative;top:2px;}
.aablock { display: inline-block; border: 1px solid lightgrey; border-radius: 0px; padding: 0px; width: 200px; }
.ablock { height: 18px; float: left; clear: both; width: 200px; }
.reviewblock {  width: 200px; }
.rating-doneblock { height: 18px; float: left; clear: both; width: 200px; }
.rating_status { margin-left: 3px; white-space: nowrap; display:inline-block;}
.aalabel { width: 55px; display: inline-block; border-right: 2px solid lightgrey; border-bottom: 1px solid lightgrey; padding-left: 2px; vertical-align: top; text-align: center; height: 100%; }
.adata { display: inline-block; float: right; }
.rating-action-button { border: 2px solid #ccc; background-color: #eee; border-radius: 3px; display: inline-block; margin-left: 10px; padding-right: 2px; }
.aa-short-name { width: 180px; display: inline-block; }
el.discrepancy-list { width: 130px; padding-left: 3px; }
    ul.discrepancy-list li { }
.get-work-embed-zone { border: 2px solid grey }
.embed-zone { width: 720px; height: 447px; }
table.see-delivery-stats tr { line-height: 1.8em }
table.see-delivery-stats td { padding: 2px }
table.see-weekly-delivery-stats tr { line-height: 1.8em }
table.see-weekly-delivery-stats { padding: 3px }
table.see-weekly-delivery-stats td { padding: 2px; text-align: center; }


.rating-score { font-size: 2em; font-weight: 700; }
.rating-name-block { height: 35px }
.rating-due-list-table { width: 600px }
.admin-rating-scores td { padding: 7px }
td.admin-rating { padding: 3px; line-height: 1px; vertical-align: middle; }
table.thintable.admin-rating-scores { margin-bottom: 0 }


.atv-subscore-cell{width:35px;font-size:1.6em;line-height:1.3em;}
.redborder{border:5px dotted #943;}

.new-score-zone{padding:6px;line-height:2em;}
.new-score-zone input{float:right;margin-right:19px;}
table.table.bigfonttable {font-size:1.3em;}
.old-score-cell{width:20px;font-size:1.6em}
.new-score-cell{width:60px;}

.subscore-input{width:30px;}
.subscore-comment-input{width:150px;}
.feedback-description{
    width:500px;height:70px;
}
.ata-link{color:steelblue;cursor:pointer;}

.per-subscore-comment{color:red;}
.do-rating-table td{padding:4px;text-align:center;}
.do-rating-table td.checkbox-area {text-align:left;}

.notification-zone{width: 738px;}
.alert{display:block;}



.undervideo-td-1 {font-size:16px;}

.do-rating-table .subscore-info-td{padding:0;border:0}
.holistic-zone{text-align:left;padding:5px;}













/*gap view*/
/*comparison view*/

/*this type: .gap-display-cell .score-far*/
td.gap-display-cell.score-near { background-color: #5CC400!important;}
td.gap-display-cell.score-middle { background-color: #FFCD00!important;}
td.gap-display-cell.score-far { background-color: #FF1E00!important;}
td.gap-display-cell.score-missing { background-color: white!important;}
table td.gap-display-cell{text-align:center;width:50px;max-width:50px;border-right:4px solid black!important;}

/*and the absolute score display type:*/
td.score-missing { background-color: white!important; }
td.score-0 { background-color: lightgrey!important; }
td.score-0_1 { background: linear-gradient(135deg, lightgrey, #d73027)!important; }
td.score-1 { background-color: #d73027!important }
td.score-1_2 { background: linear-gradient(135deg, #d73027, #fdae61)!important; }
td.score-2 { background-color: #fdae61!important }
td.score-2_3 { background: linear-gradient(135deg, #fdae61, #a6d96a)!important; }
td.score-3 { background-color: #a6d96a!important }
td.score-3_4 { background: linear-gradient(135deg, #a6d96a, #66bd63)!important; }
td.score-4 { background-color: #66bd63!important }
td.score-4_5 { background: linear-gradient(135deg, #66bd63, #1a9850)!important; }
td.score-5 { background-color: #1a9850!important }
td.score-5_6 { background: linear-gradient(135deg, #1a9850, #006837)!important; }
td.score-6 { background-color: #006837!important }

.seediv.score-0 { background-color: lightgrey!important; }
.seediv.score-1 { background-color: #d73027!important }
.seediv.score-2 { background-color: #fdae61!important }
.seediv.score-3 { background-color: #a6d96a!important }
.seediv.score-4 { background-color: #66bd63!important }
.seediv.score-5 { background-color: #1a9850!important }
.seediv.score-6 { background-color: #006837!important }

.seediv{padding:3px;width:32px;padding-top:0;}
td.seedivtd{padding:0;}
.table.thintable td.seedivtd{padding:0;}

.rubric-table{float:left;}
.rubric-table td.highlighted{border:7px solid steelblue;}
td.rubric-td{padding: 4px;
vertical-align: top;}

.display-rating-note { padding-top: 6px; line-height: 1em; text-align: left; padding: 3px; width:200px;}
.subscore-td{text-align:center;font-size:14px;border-left:2px dashed lightgrey;}
/*td { padding: 1px; text-align: center; vertical-align: middle; width: 110px; }*/
.rating-table-head-cell { padding: 7px; width: 97px; }
.rating-column-label { width: 70px; text-align: left; padding-right: 10px; }

.reviewertable .rejected{border:2px solid #c33;}
.reviewertable {background:white;display:inline;}
.reviewertable .rating_status{text-align:center;}
.reviewertable .seescore-td{text-align:center;}
.reviewertable .rating-column{
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}
.reviewertable .rating-column-big-width {
  min-width: 300px;
}
/*.reviewertable td {border: 2px red solid;}*/
.reviewertable-holder{
  border: 1px solid black;
  clear: both;
  display: inline-block;
  float: left;
  overflow-x: auto;
  /* TODO: make this responsive */
  width: 1200px;
}
.rating-column.highlighted-rater{border:6px solid steelblue;}
.rating-component-label {
    min-width: 100px;
}

.psetzone img {
  height: 280px;
}

.popover-content{white-space:pre-wrap;}

.greydashborder{border:2px dashed lightgrey;padding:3px;}

.note-fixed-height {overflow-y:auto;max-height:300px;width:100%;display:inline-block;
    font-size:14px;}

.popup-resolution-text-link{cursor:pointer;display:inline-block;background-color:lightgrey;padding:3px;border-radius:3px;}
.popup-resolution-text-link:hover{background-color:lightblue;}

.general-commentary{font-size:16px;}
.assessment-training-commentary{font-size:15px;}

.select2-container {
  width: 400px;
}

.feedback-curations-dashboard {
  width: 480px;
  margin-bottom: 20px;
}


/* CAP */
.rating_system {
  display: flex;
}

.rubric {
  flex: 1;
  padding: 1em;
}

.rubric .help {
  border: 1px solid black;
}

.subscore-explanations-table {
  border: 1px solid grey;
}

/**
 * We only show the subscore explanation when they focus on that input
 *
 * If there is an only class, that means that it is the only subscore that is
 * being shown on the page anyway, so we might as well just show it instead of
 * hiding it.
 */
.subscore-explanations-table:not(.only) {
  display: none;
}

.subscore-explanation {
  background-color: #eeeeee;
  border-bottom: 1px solid black;
  min-height: 100px;
}

.subscore-explanation.selected {
  background-color: #9effb1;
}

.subscore-explanation-title {
  border: 1px solid black;
  display: inline-block;
  float: left;
  font-weight: bold;
  line-height: 21px;
  margin: 2px 7px 0 2px;
  padding: 2px 5px;
}

.rating {
  flex: 2;
  padding: 1em;
}

.materials_set_details {
  display: flex;
}

.rating_video {
  height: 270px;
  width: 480px;
  flex: 1 -1;
  margin-right: 1em;
}

.pictureset {
  flex: 1;
  margin-left: 1em;
}

.pictureset img {
  width: 200px;
}

.rating_form {
  max-width: 500px;
}

.disabled-mask {
  opacity: 0.5;
  z-index: 999;
  background-color: #d0d0d0;
  position: relative;
  left: 0;
  width: 100%;
}

.rating-feedbacks {
  display: none;
}

.rating-feedbacks div.field-label {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-left: 2px;
}

.rating-feedbacks div.help-text {
  font-weight: bold;
  font-size: 16px;
}

.rating-feedbacks ul {
  list-style-type: none;
}

.rating-feedbacks ul li {
  line-height: 14px;
}

.rating-feedbacks div.category {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  background-color: #dedede;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
}

.rating_form .form_field label {
  font-size: 18px
}

.score_fields {
  border: 1px solid #e5e5e5;
  margin-bottom: 1em;
  text-align: center;
}

.score_fields legend {
  border: 0;
  margin: 0 1em;
  width: auto;
}

.score_fields .form_field {
  display: inline-block;
  padding: 1em;
  text-align: center;
}

/* http://stackoverflow.com/a/22559163 remove spinners for number input */
.score_fields input {
  width: 40px;
  -moz-appearance: textfield;
}

/* http://stackoverflow.com/a/22559163 remove spinners for number input */
.score_fields input::-webkit-inner-spin-button,
.score_fields input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.form_field.note textarea,
.form_field.completion_notes textarea {
  width: 400px;
}

.form_field.error {
  color: red;
}

.feedback .form_field {
  display: inline-block;
  width: 250px;
}

.errorlist {
  color: red;
}

.submit_row {
  margin-top: 1em;
}

.submit_row input[type=submit] {
  margin-right: 1em;
}

.feedback_table .subscore {
  /* cursor it like a link so that they know they can click on it */
  cursor: pointer;
}

.feedback_table .subscore th {
  /* color it like a link so that they know they can click on it */
  color: #0088cc;
  text-align: left;
}

.feedback_table .subscore th:first-letter {
  text-transform: capitalize;
}

.feedback_table .subscore td {
  max-width: 400px;
  min-width: 200px;
  text-align: center;
}

.feedback_table textarea {
  width: 100%;
}

.feedback_table tfoot {
  border-top: 1px solid #efefef;
}

.feedback_table td .notes {
  max-height: 300px;
  overflow-y: scroll;
  width: 100%;
}

#rating_history_filters {
  margin-top: 1em;
}

.rating_history_list .has_feedback .feedback_link {
  font-weight: bold;
}

/* Training */
.commentary {
  margin: 1em 0;
  max-height: 300px;
  max-width: 500px;
  overflow-y: auto;
}

.feedback_requested label {
  display: inline;
}

/* Feedback Curation */
.clear-both {
  clear: both;
}

.error {
  color: red;
  font-size: 16px;
}

.feedback-curation-vblock {
  float: left;
  border: solid lightgrey 2px;
}

.feedback-curation-psetzone {
  margin-left: 10px;
  float: left;
  display: inline-block;
}

.feedback-curation-message {
  font-size: 16px;
}
.feedback-curation-warning-message {
  font-size: 18px;
  color: #a40000;
}

.feedback-curation-rater {
  background-color: #dedede;
  font-size: 16px;
  margin-top: 15px;
}

.feedback-curation-rater td {
  padding-left: 5px;
}

.feedback-curation-submit-row {
  margin-top: 30px;
}

.feedback-curation-category {
  font-weight: bold;
}

/* Feedback Curation List */
.feedback-curation-list thead td {
  background-color: #d4d4d4;
}

.feedback-curation-list tr.odd td {
  background-color: #fefefe;
}

.feedback-curation-list tr.even td {
  background-color: #f3f3f3;
}

.feedback-curation-list tr.overdue-highlight td {
  background-color: #fae1e3;
}

.feedback-curation-list tr.overdue-highlight td.due-date {
  font-weight: bold;
  color: red;
}

ul.pagination li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
dl.scorecard-stats dt {
    width: 200px;
    margin-right: 10px;
}

div.cap-pagination {
  float: right;
}
div.cap-pagination a {
  margin-left: 5px;
  margin-right: 5px;
}

.rater-basic-info td {
  white-space: nowrap;
}

/* Do WSE Rating */
.senior-rating-notify {
  margin-bottom: 20px;
}


.footercontainer {
    margin-top: 10px;
    clear: both;
    display: block;
    height: 100%;
}

/* WSE Management */
.wse-sc-filter {
  background-color: #ebeaea;
}

.wse-sc-table {
  background-color: #ebeaea;
}

/* Do New Rating */
ul.transcript-container {
  padding: 5px;
  max-height: 420px;
  background-color: #f8f7f7;
  border-radius: 2px;
}