/********************************************************
* This is the custom CSS file for Records and Quality of
* Care Project (REQI).
/****************************************************************/

.adtWicketTemplate-helpInfo {
    border: 1px solid;
    padding: 5px;
}

/** This is used to display the Centre/Team non editable boxes side-by-side on the 
    MyAccount panel.  Without it each box is the default (same) size and wraps to
    two lines.
**/
.adt-form.adt-parallel .adt-inputContainer input.notEditable[type="text"] {
    min-width: 0;
}

/* This is the Chart Audited Status table on the "Do an audit" page */
table.auditStatusTable {
    margin: 0 auto;
    width: 90%;
    border: 1px solid #999999;
    border-collapse: collapse;
}

table.auditStatusTable th {
    padding: 5px;
    color: #000000;
    font-size: 110%;
    text-align: center;
    vertical-align: top;
    background-color: #eeeeee;
    border: 1px solid #999999;
}

table.auditStatusTable th.teamCol,
table.auditStatusTable th.auditsCol
{
	width: 50%;
}

table.auditStatusTable td {
    padding: 3px;
    vertical-align: top;
    border: 1px solid #999999;
}

/* ============ Table for the Audit Tool Page ================ */
table#auditTable {
    margin: 0 auto;
    width: 90%;
    border: 1px solid #999999;
    border-collapse: collapse;
}

table#auditTable th,
table#userTable th {
    text-align: left;
    vertical-align: top;
    color: #000000;
    padding: 5px;
    background-color: #eeeeee;
    border: 1px solid #999999;
}

table#auditTable th.center
{
	text-align: center;
}

.mainQuestion {
    background-color: #cccccc;
    font-weight: bold;
}

.subQuestion {
    background-color: #ffffff;
    font-weight: normal;
}

/********************** This is for the expanding Help buttons ***********************/
/* Used for the question/sub-question help icons on the audit tool and
   for the "not appropriate chart" help icon on the audit tool */
.helpContainerSpan,
.helpContainerDiv {
    vertical-align: top;
    width: 100%;
}

.helpContentToggle {
}

.helpContainerSpan {
    padding-left: 50px;
}

/************ This is for the expanding the questions and sub-questions ************************** */
.expandContainer {
    float: right;
    vertical-align: top;
    width: 100%;
}

.expandContentToggle {
    float: right;
    vertical-align: top;
}

/****************************************************************************************/
/********************** Accordion Overrides - used for expanding questions **************/
/* (Overrides from styles.css)                                                                  */
.reqi-accordion .ui-accordion {
    padding-bottom: 2px;
}

.reqi-accordion .ui-state-default, .reqi-accordion .ui-widget-content .ui-state-default, .reqi-accordion .ui-widget-header .ui-state-default {
    border: 0 none;
}

.reqi-accordion .ui-state-default, .reqi-accordion .ui-widget-content .ui-state-default, .reqi-accordion .ui-widget-header .ui-state-default {
    background: none;
    border: 0 none;
    color: #015b86;
}

.reqi-accordion .ui-widget-content {
    background: none;
    border: 0 none;
    color: #333333;
}

.reqi-accordion .ui-state-active, .reqi-accordion .ui-widget-content .ui-state-active, .reqi-accordion .ui-widget-header .ui-state-active {
    background: none;
    border: 0 none;
    color: #333333
}

.reqi-accordion .ui-state-default .ui-icon {
    background-image: none;
}

.reqi-accordion .ui-icon-triangle-1-e {
    display: none;
}

.reqi-accordion .ui-accordion .ui-accordion-content {
    margin-top: -1px;
}

.reqi-accordion .ui-accordion .ui-accordion-content {
    padding: 0;
    padding: 1em 2.0em 1em .1em;
}

.reqi-accordion .ui-accordion .ui-accordion-header {
    margin-top: 1px;
    position: relative;
}

.reqi-accordion .ui-state-active .ui-icon {
    background-image: none;
}

.reqi-accordion .ui-icon-triangle-1-s {
    display: none;
}

/* ================================================================= */

table .centre {
    text-align: center;
    vertical-align: top;
}

/* Red colour - for rows that are done */
table tr.auditDoneColour {
    background-color: #ff6666;
}

/* Light Green colour - for rows that are not done */
table tr.auditNotDoneColour {
    background-color: #ccffcc;
}

.caption {
    font-size: 10px;
    font-weight: normal;
}

/* OVERRIDES of Visual Template styles */
.adt-form {
    display: inline;
    padding: 0;
}

.adt-buttonContainer input[type="button"] {
    margin: 0 0 0 5px;
}

table.dataview tbody tr.inactiveCellColour {
    background-color: #cccccc;
}

#displayAuditList tr.currentAuditColour {
    background-color: darksalmon;
}

.choice {
    color: #CC0033;
    font-size: 120%;
    padding: 0 25px;
    text-align: center;
}

.reqi-headerImage {
    float: left;
}

.reqi-headerText {
    margin-left: 30px;
}

#masthead h1 {
    margin: 0 0 10px 0;
}

/*---------- These are for styling result values in the Result tables ----------------*/
.positiveValue {
    color: #00cc00;
}

.negativeValue {
    color: #ff0033;
}

.zeroValue {
    color: #000000;
}

.highlightColour {
    color: #4f2683;
}

#resultsStatusDisplay {
    margin: 16px;
    padding: 7px 0px 5px 13px;
    width: 360px;
    background-image: url("https://www.uwo.ca/wts/adt/visual/prd/images/info.png");
    background-repeat: no-repeat;
    background-position: 12px 10px;
    border-color: #b4c3ec;
    background-color: #d3daee;
}

.indent {
    padding: 2px 0px 0px 20px;
}

/****************** Results table ***************************/
table#resultsTable {
    font-size: 90%;
    margin: 0 auto;
    padding: 5px;
    border: none;
    border-collapse: collapse;
    background-color: #ffffff;
}

table#resultsTable thead tr {
    height: 80px;
}

table#resultsTable.resultsTableWidth {
    width: 1100px;
}

table#resultsTable td {
    padding: 1px;
    margin: 0px;
    vertical-align: top;
    border: 1px solid #999999;
}

table#resultsTable th {
    padding: 3px;
    margin: 0px;
    vertical-align: top;
    color: #4f2683;
    background-color: #eeeeee;
    border: 1px solid #999999;
}


table#resultsTable th.questionTeams {
    width: 20%;
}

table#resultsTable th.graph,
table#resultsTable td.graph {
    width: 5%;
    text-align: center;
}

table#resultsTable th.averageCentre {
    width: 7%;
    text-align: center;
}

table#resultsTable th.atCentre {
    text-align: center;
}

table#resultsTable td a:hover {
    text-decoration: underline;
}

table#resultsTable td.atCentre {
    text-align: center;
}

table#resultsTable td.atCentre a {
    text-align: center;
}

/****************** End of Results table ***************************/

/* =============== Overrides (from adt-styles.css) =================== */
.adt-form label, .adt-form .adt-formGroupLabel {
    margin: 0 0 0;
}

.adt-form.adt-parallel .adt-labelContainer {
    margin-top: .1em;
}

.adt-form.adt-parallel .adt-inputContainer, .adt-form.adt-parallel .adt-radioAndCheckboxParallelGroupContainer, .adt-form.adt-parallel .adt-radioAndCheckboxStackedGroupContainer {
    margin-top: .2em;
}

#menu li.medium,
#menu li.medium:hover {
    margin-left: 0;
}

/******* Result CSS styling ******/
.colValue {
    float: left;
    margin-left: 3px;
    position: relative;
    text-align: right;
    width: 20px;
}

.colDAC, .colDC {
    float: left;
    margin-left: 3px;
    position: relative;
    text-align: right;
    width: 30px;
}

.colTotal1 {
    float: left;
    position: relative;
    text-align: right;
    width: 60px;
}

/* Audit feedback styles */
ol.raqc-feedbackList > li {
    padding-top: 10px;
}

ol.raqc-feedbackList li .adt-labelContainer > p {
    margin-bottom: 0;
}

ol.raqc-feedbackList li label {
    line-height: 22px;
    vertical-align: top;
}

ol.raqc-feedbackList li input[type="checkbox"], ol.raqc-feedbackList li input[type="radio"] {
    vertical-align: middle;
}

ol.raqc-feedbackList li input[type="checkbox"] {
    margin-top: 5px;
}

ol.raqc-feedbackList li input[type="radio"] {
    margin-top: 0;
}

ol.raqc-feedbackList li table:not(.feedback-table) {
    width: 100%;
    margin-bottom: 0;
}

ol.raqc-feedbackList li table:not(.feedback-table) tr.td-width-20 td {
    width: 20%;
}

ol.raqc-feedbackList li table:not(.feedback-table) tr td {
    text-align: center;
}

.select2-container {
    width: 400px;
}

.feedbackSummary ul.raqc-feedbackList {
    margin: 20px 0;
}

.feedbackSummary ul.raqc-feedbackList li {
    list-style: none;
}

.feedbackSummary ul.raqc-feedbackList li table:not(.feedback-table) {
    width: 100%;
}

.feedbackSummary ul.raqc-feedbackList li table:not(.feedback-table) tr.td-width-20 td {
    width: 20%;
}

.feedbackSummary ul.raqc-feedbackList li table:not(.feedback-table) tr td {
    text-align: center;
}

.feedbackSummary ul.raqc-feedbackList li .adt-inputContainer {
    margin-left: 10px;
}

.feedbackSummary ul.raqc-feedbackList ul.raqc-feedbackList {
    margin-top: 10px;
}

ol.raqc-feedbackList:nth-of-type(2) {
    margin-top: 0;
}

.feedbackSummary .adt-form.adt-parallel p.adt-infoComment {
    font-size: 12px;
    font-style: italic;
    position: relative;
    margin: 0 auto 5px;
    color: #6a6a6a;
    text-align: left;
}

.feedbackSummary [class=selection-] {
    margin-left: 8px;
}

.feedbackSummary .selection-1 table tr:nth-of-type(2) td:nth-of-type(5) {
    background-color: #8bf099;
}

.feedbackSummary .selection-2 table tr:nth-of-type(2) td:nth-of-type(4) {
    background-color: #8bf099;
}

.feedbackSummary .selection-3 table tr:nth-of-type(2) td:nth-of-type(3) {
    background-color: #8bf099;
}

.feedbackSummary .selection-4 table tr:nth-of-type(2) td:nth-of-type(2) {
    background-color: #8bf099;
}

.feedbackSummary .selection-5 table tr:nth-of-type(2) td:nth-of-type(1) {
    background-color: #8bf099;
}

.feedbackSummary .section-container {
    padding: 0 6px;
}

.feedbackSummary .section-container h3 {
    background-color: #eeeeee;
    padding-left: 5px;
}

.feedback-section-heading {
    margin: 20px 0 10px -10px;
}

.feedback-section-heading + h3 {
    margin-bottom: 0;
}

a.button .arrow {
    background: url(https://www.uwo.ca/web_standards/img/meganav/drop-alt.png) no-repeat right;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 13px;
    height: 23px;
    position: absolute;
    margin-left: 3px;
}

a.button {
    display: inline-block;
    width: auto;
    margin: 10px 3px 10px 0;
    padding: 6px 25px 6px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fefefe 0%, #eee 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #eee 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #eee 100%);
    background: linear-gradient(#fefefe 0%, #eee 100%);
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    text-shadow: 0 2px 3px #fff;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
}

a.button {
    background: #eee;
    background: -moz-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),color-stop(100%, #d7d7d7));
    background: -webkit-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: linear-gradient(#fefefe 0%, #d7d7d7 100%);
    border-color: #bbb;
}

.feedback-button-container {
    text-align: right;
}


/* Coloration & Display Styles */

#resultsTable thead {
  z-index: 0;
  padding-right: 16px;
}

#resultsTable tbody {
  z-index: 0;
}

table#resultsTable
{
}

table#resultsTable th.question,
table#resultsTable td.question
{
    width: 257px;
    min-width: 257px;
    max-width: 257px;
}

table#resultsTable td.question
{
    padding-right: 4px;
}

table#resultsTable th.graph,
table#resultsTable td.graph
{
    width: 5%;
    min-width: 54px;
}

table#resultsTable td.graph
{
    padding-right: 5px;
}

table#resultsTable th.averageCentre,
table#resultsTable td.averageCentre
{
    width: 7%;
    min-width: 76px;
}

table#resultsTable td.averageCentre
{
    text-align: center;
    padding-right: 5px;
}

table#resultsTable th.atCentre,
table#resultsTable td.atCentre
{
    width: 7%;
    min-width: 120px;
}

table#resultsTable td.atCentre
{
    text-align: center;
    padding-right: 5px;
}

#resultsTable tr > th
{
/*  min-width: 205px; */
}

table#resultsTable.resultsTableWidth
{
    width: 940px;
}

div.adt-tableContainer,
div.scrollable-table-wrapper {

  display: inline-block;
  position: relative;
  overflow: hidden;
}

div.adt-tableContainer table,
div.scrollable-table-wrapper table {
  position: static;
}

div.adt-tableContainer thead,
div.scrollable-table-wrapper thead{
  position: absolute;
}

div.adt-tableContainer thead,
div.scrollable-table-wrapper thead {
  left: 0;
  top: 0;
}

div.adt-tableContainer tbody,
div.scrollable-table-wrapper tbody {
  display: block;
  position: relative;
  overflow-y: scroll;
  height: 605px;
  width: 940px;
  padding-bottom:28px;
}


div.adt-tableContainer #resultsTable tbody
{
 margin-top: 80px;
}

/* This is for lining up the "View Questions for Another Template"
*  select box on the "Edit Form Questions" page.
*/
.adt-form.adt-parallel .adt-inputContainer.changeTemplate,
.adt-form.adt-parallel .adt-labelContainer.changeTemplate
{
    margin-top:0;
}

/* suppress department link in footer so it appears to be just text */
.footercontact .adt-footer-dept-name
{
        text-decoration: none;
        pointer-events: none;
        cursor: default;
}

/* hide phone and email in footer */
.adt-footer-phone-label, .adt-footer-phone-number, .adt-footer-phone-number + br,
.adt-footer-email, .adt-footer-email + br
{
  display: none;
}

div.auditToolPage .adt-form input[type="radio"]
{
	margin-top: 0;  /* override 10px margin from VT Classic as it pushes the radio buttons down too far on this form */
}

/* overrides for single team version of results page */
.resultsForTeamPage div.adt-tableContainer table#resultsTable thead th.question
{
	width: 525px;
	max-width: 525px;
}
.resultsForTeamPage div.adt-tableContainer table#resultsTable thead
{
	padding-right: 0;
}

th.reqi-toolYesNo
{
	min-width: 120px;
}
th.reqi-toolNA
{
	min-width: 60px;
}

caption.reqi-sr-only
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}