/* > add CSS Variables to help future proofing
    > update .qut-table-schedule and striped to use new variable
     - this fixes darkMode issues */
:root {
--qut-box-bg: rgba(126,126,126,0.06);
--qut-table-stripe-even-bg: rgba(126,126,126,0.06);
--qut-color-attention: #EFCB43;
--qut-color-action: #C7026F;
--qut-color-dark: #012A4C;
--qut-color-highlight: #009FE3;
--qut-color-blue100: #EFF6FB;
--qut-color-blue500: #0066B9;
--qut-color-blue700: #124C7B;
--qut-color-blue900: #012A4C;
}
/* - TABLES - */
.qut-table-schedule tr:nth-child(even) { 
  background-color: var(--qut-table-stripe-even-bg); 
}
.qut-table-striped tr:nth-child(even) { 
  background-color: var(--qut-table-stripe-even-bg); 
}
/* - CRICOS TO PAGES */
body:not(.is-inside-submission-frame) .ic-Layout-wrapper::after {
  display: block;
  content: 'TEQSA PRV12079 | CRICOS 00213J | ABN 83 791 724 622';
  margin: 1rem 0 1rem 0;
  font-size: 0.85rem;
  color:#000;
  text-align:center;
}

/* Hide Curve Grades with the Individual view page - Assessment details GS 20230317 */
div#assignment_information button#curve_grades.btn {display:none !important;}

    /* Hide injectables prior to swaps */
.qut-preinjected-content,
#qut-inject-acknowledgement-awardunit_2307,
#qut-inject-copyrightnotice-awardunit_2307,
#qut-inject-feedback-awardunit_2307,
#qut-inject-assessment-policy-awardunit_2307 {
  display:none;
}

/* All elem fix */
table.qut-elem {
  width:100% !important;
}
table.qut-elem,
table.qut-elem tr,
table.qut-elem td,
table.qut-elem th {
  height:auto !important;
}

/* Canvas Homepages */
.qut-responsive-table {
  width:100%;
  margin:0.5rem 0;
  border:0 !important;
  border-spacing:0 !important;  
}
.qut-responsive-table, .qut-responsive-table * {
  box-sizing:border-box;
}
.qut-responsive-table thead,
.qut-responsive-table tbody,
.qut-responsive-table th,
.qut-responsive-table td {
  display:block;
}
.qut-responsive-table tbody {
  width:100%;
}
.qut-responsive-table tr {
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  gap:3px;
  width:100%;
  margin-bottom:3px;
  height:auto;
}
.qut-responsive-table th, 
.qut-responsive-table td {
  width:auto;
  text-align:center;
}
.qut-responsive-table td {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:1 1 100px;
  padding:0.75rem;
  width:100% !important;
}
.qut-responsive-table td p {
  line-height:1.3;
  margin:0.5rem 0 0 0;
}
.qut-responsive-table td > *:first-child {
  margin-top:0;
}
.qut-responsive-table td > *:last-child {
  margin-bottom:0;
}
.qut-responsive-table td img {
  margin:0.75rem 0 0.75rem 0;
}
.qut-responsive-table thead td {
  display:block;
  padding:0.25rem 0;
  font-weight:600;
}
.qut-responsive-table + p + .qut-responsive-table {
  margin-top:-2.25rem;
}

@media (max-width:890px) {
  .qut-responsive-table tr {
    display:contents;
  }
  .qut-responsive-table tbody {
    display:flex;
    align-items:stretch;
    justify-content:stretch;
    gap: 3px;
    width:100%;
    height:auto;
    margin-bottom:3px;
    flex-wrap:wrap;
  }
  .qut-responsive-table td {
    flex-basis:calc(20% - 3px);
  }
}
@media (max-width:500px) {
  .qut-responsive-table td {
    flex-basis:calc(33.33% - 3px);
  }
  .qut-responsive-table--blue500 td {
    flex-basis:calc(25% - 3px);
  }
}
/* Force font size */
.qut-responsive-table span, .qut-responsive-table a, .qut-responsive-table p {
	font-size:16px !important;
}
/* Responsive tables : auto-colouring */
.qut-responsive-table--blue500 thead td,
.qut-responsive-table--blue100 thead td{
  background:var(--qut-color-blue700, #124C7B) !important;
  color:#fff !important;
}
.qut-responsive-table--blue500 td {
  background:var(--qut-color-blue500, #0066B9) !important;
  color:#fff !important;
}
.qut-responsive-table--blue500 td a {
  color:#fff !important;
}
.qut-responsive-table--blue100 td {
  background:var(--qut-color-blue100, #EFF6FB) !important;
  color:#000 !important;
}
.qut-responsive-table--blue100 td a {
  color:#000 !important;
}
.qut-responsive-table--blue100 caption {
  background:var(--qut-color-blue700, #124C7B) !important;
  color:#fff !important;
}

/* START non-prd environment banner and cautionary modal message  */
#qut-env-banner {
  position: static;
  width: 100%;
  height: 4rem;
  z-index: 1000;
  margin-left: 84px;
  background: #efcb43;
  color: #1c1c1c;
  text-align: center;
  line-height: 4rem;
}

.qut-env-banner-txt {
  font-size: large;
  text-align: center;
}

#qut-env-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: auto;
  right: auto;
  z-index: 1001;
  margin-left: auto;
  margin-right: auto;
  padding-top: 136px;
  padding-left: 40px;
  padding-bottom: 10px;
  background-color: #41453aad;
  border: 1px solid #aa7859;
  text-align: center;
}

.qut-env-modal-close {
  float: right;
  padding:0;
  margin:0 0 1rem 1rem;
  border:0;
  font-size: 38px;
  font-weight: bold;
  color: red;
}

.qut-env-modal-close:hover,
.qut-env-modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.qut-env-modal-content {
  width: 50%;
  margin-left: 20%;
  padding: 26px;
  border: 1px solid #888;
  background-color: #eff1e9;
}

.qut-env-modal-content > p {
  margin: 12px 0;
  text-align: left;
  color: #333;
}

@media (max-width:768px) {
  div#qut-env-banner {
    margin-left: 0px;
  }
  .qut-env-banner-txt {
    font-size:smaller;
  }
  .qut-env-modal-content {
    width: 50%;
    margin-left: 15%
  }
}

@media (max-width:500px) {
  .qut-env-modal-content {
      margin-left: 5%
  }
}

/* END non-prd environment banner and cautionary modal message  */

/* Templates CSS */

/* Hide table captions on all qut-elems except responsive-table */
.qut-elem:not(.qut-responsive-table) caption {
  display:none;
}



/* Contact card */
.qut-contact-card tr:last-child td:last-child {
  width: calc(150px + 2rem) !important;
  max-width: calc(150px + 2rem);
  text-align: right;
}
.qut-contact-card tr:last-child td:last-child img {
  width: 150px !important;
  height:auto;
}


/* Heading with divider */
.qut-heading-with-divider td:first-child {
  padding: 0.5rem 0px !important;
  width:30px !important;
  min-width:30px;
}
.qut-heading-with-divider td:first-child p {
  margin:0;
}
.qut-heading-with-divider td:last-child {
  padding: 0rem 1.5rem 0rem 0.75rem !important;
  width: auto !important;
}


/* Box and IconBox */
/* - simple box */
.qut-box tr:last-child td,
.qut-icon-box tr:last-child td:last-child {
  padding: 0 1rem !important;
}

.qut-box.qut-extra-padding tr:last-child td,
.qut-icon-box.qut-extra-padding tr:last-child td:last-child {
  padding: 1rem 1.5rem !important;
}


/* - icons */
.qut-icon-box {
  box-sizing:border-box;
}
.qut-icon-box td, .qut-icon-box img {
  box-sizing:border-box;
}
.qut-icon-box.qut-icon-small td:first-child {
  width: 48px !important;
  padding-left: 16px;
  min-width: 48px;
}
.qut-icon-box.qut-icon-small td:first-child img {
  width:30px !important;
}
.qut-icon-box.qut-icon-large td:first-child {
  width: 64px !important;
  padding-left: 16px;
  min-width: 64px;
}
.qut-icon-box.qut-icon-large td:first-child img {
  width:48px !important;
}
.qut-icon-box tr:last-child > td:last-child {
  width: auto !important;
}

.qut-icon-box.qut-icon-small.qut-extra-padding td:first-child {
  width: 56px !important;
  padding-left: 16px;
  min-width: 56px;
}


/* Text with thumbnail */
.qut-thumbnail-right td:first-child, .qut-thumbnail-left td:last-child  {
    width: auto !important;
}

.qut-text-with-thumbnail.qut-thumbnail-left tr:last-child td:first-child,
.qut-text-with-thumbnail.qut-thumbnail-right tr:last-child td:last-child {
  width: calc(150px + 2rem) !important;
  max-width: calc(150px + 2rem);
}
.qut-text-with-thumbnail.qut-thumbnail-left tr:last-child td:first-child img,
.qut-text-with-thumbnail.qut-thumbnail-right tr:last-child td:last-child img {
  width:150px !important;
  height:auto;
}
@media screen and (max-width:500px) {
  .qut-text-with-thumbnail tr {
    display: flex;
    flex-direction: column;
  }
  .qut-text-with-thumbnail.qut-thumb-right tr {
    display: flex;
    flex-direction: column-reverse;
  }
  .qut-text-with-thumbnail td {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }  
}

/* Module end box */
.qut-module-end-box td:first-child {
  padding:1rem 1.5rem;
  width:auto !important;
}
.qut-module-end-box td:last-child {
  box-sizing: border-box;
  padding:0.25rem 1.5rem 0.25rem 0.25rem;
  width:calc(1.75rem + 48px) !important;
  min-width: calc(1.75rem + 48px) !important;
}

/* Quote */
.qut-quote-left tr:nth-last-child(2) td:first-child {
  width: calc(36px + 1rem) !important; 
}
.qut-quote-center tr[style="display: none;"]:first-child + tr img, .qut-quote-center tr:first-child img {
  width: 36px !important;
}

.qut-quote-left tr[style="display: none;"]:first-child + tr img, .qut-quote-left tr:first-child img {
  width: 36px !important;
}
.qut-quote-left td:last-child {
  width: auto !important;
}

/* Accordion */
.qut-accordion.qut-background-grey summary,
.qut-accordion.qut-background-blue summary,
.qut-accordion.qut-background-aqua summary,
.qut-accordion.qut-background-dark summary,
.qut-accordion.qut-background-pink summary,
.qut-accordion.qut-background-yellow summary,
.qut-accordion.qut-background-orange summary,
.qut-accordion.qut-background-teal summary,
.qut-accordion.qut-background-green summary,
.qut-accordion.qut-background-purple summary
{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}