/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 30 August 2025 21:16:06
*/


/* last updated 25 May 2023 */

.temp-action {
    display:none;
    color: #000;
    padding: 1rem;
    border-style: solid;
    border-width: 1px 1px 1px 3px;
    border-color: #EFEAF5 #EFEAF5 #EFEAF5 #663399;
    background: #EFEAF5;
    margin: 1.4rem 0;
}
/**
 * file:    form.css
 * Updated: 01 June 2020 13:30
 * 
**/

 /*
--------------------
Module: Forms
--------------------
*/
.custom-form {
    margin-top: 1.2rem;
    margin-bottom: 2rem;
}
fieldset.sq-form-section {
    /*background-color: #f8f9fa;*/
    padding: 1rem;
    border: 1px solid #DEE0E2;
    margin-bottom: 1rem;
}
/* 200511 nj: changed for alignment 
legend, legend.sq-form-section-title {
    width: auto;
    padding: 0 10px;
    background-color:transparent;
}
/* Squiz quirk *
fieldset fieldset legend {
    background-color:transparent;
    padding-left: 0;
    font-size:inherit;
    font-weight:bold;
}

.sq-form-question {
    margin-bottom: 1rem ;
}
end */
/* 200511 nj: altered for field-legend alignment */
legend, legend.sq-form-section-title {
    width: auto;
    padding: 0 4px;
    background-color:transparent;
}
fieldset.sq-form-section.red > legend.sq-form-section-title {
  width: calc(100% + 40px);
  padding: 15px 20px;
  background: linear-gradient(60deg, rgba(239,83,80,1) 0%, rgba(211,47,47,1) 100%);
  color: #fff !important;
  margin: 0 -20px 20px -20px;
  max-width: inherit;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
  box-shadow: 0 2px 2px 0 rgba(244, 67, 54, .14), 0 3px 1px -2px rgba(244, 67, 54, .2), 0 1px 5px 0 rgba(244, 67, 54, .12);
  border-radius: .2rem;
}
fieldset.sq-form-section.blue > legend.sq-form-section-title {
  width: calc(100% + 40px);
  padding: 15px 20px;
  background: linear-gradient(60deg, rgba(45,116,182,1) 0%, rgba(33,87,138,1) 100%);
  color: #fff !important;
  margin: 0 -20px 20px -20px;
  max-width: inherit;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
  box-shadow: 0px 1px 5px 0px rgba(55, 127, 242, 0.12), 0px 3px 1px -2px rgba(55, 127, 242, 0.20), 0px 2px 2px 0px rgba(55, 127, 242, 0.14);
  border-radius: .2rem;
}
fieldset.sq-form-section.green > legend.sq-form-section-title {
  width: calc(100% + 40px);
  padding: 15px 20px;
  background: linear-gradient(60deg, rgba(47,186,84,1) 0%, rgba(42,149,71,1) 100%);
  color: #fff !important;
  margin: 0 -20px 20px -20px;
  max-width: inherit;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
  box-shadow: 0px 1px 5px 0px rgba(47, 186, 84, 0.12), 0px 3px 1px -2px rgba(47, 186, 84, 0.20), 0px 2px 2px 0px rgba(47, 186, 84, 0.14);
  border-radius: .2rem;
}
/* Squiz quirk */
fieldset fieldset legend {
    background-color:transparent;
    padding-left: 0;
    font-size:inherit;
    font-weight:bold;
}
.sq-form-question {
    margin-bottom: 1rem;
    padding-left: 8px;
}
.sq-form-section h2, .sq-form-section h3, .sq-form-section h4, .sq-form-section p {
    padding-left: 8px;
}


/* end nj */

label.sq-form-question-title {
    /* from Bootstrap style
    display: inline-block;
    margin-bottom: 0.5rem; */
    font-weight:bold;
}
.sq-form-question-note {
   display: block; 
   font-size: 80%;
   margin-bottom: 0.5rem;
}
.sq-form-question-answer {
    
}
.sq-form-error {
    font-size: 80%;
    color: #dc3545;
    margin-top: 0.25rem;
    clear: both;
}

.sq-form-error:before { 
    content: "\f12a";
    font-family: fontAwesome;
    margin-right: 0.5em;
}
.sq-form-section p.sq-form-error {
    padding-left: 0;
}
/* BSv4.1 class form-control*/
.sq-form-field {
  /*width:auto;
  display: inline;*/
  
  display: block; 
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input.sq-form-field[type="radio"],
input.sq-form-field[type="checkbox"] {
    display: inline;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: .125rem;
    left: 0rem;
}

.sq-form-question-answer label {
    margin-left: 0.5rem;
}

@media screen and (prefers-reduced-motion: reduce) {
  .sq-form-field {
    transition: none;
  }
}

.sq-form-field::-ms-expand {
  background-color: transparent;
  border: 0;
}


.sq-form-field:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.sq-form-field::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.sq-form-field::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.sq-form-field:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.sq-form-field::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.sq-form-field::placeholder {
  color: #6c757d;
  opacity: 1;
}

.sq-form-field:disabled, .sq-form-field[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

/* custom styles */
abbr.sq-form-required-field {
    text-decoration:none;
    color:#ED7A23;
}
/* hide error div when not in use */
form div.alert:empty {
  display: none;
    }

/* SUBMIT button */
.sq-form-submit, .sq-commit-button, a.link-btn {
    padding: 0.375rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    margin-bottom: 1rem;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} 
/*200511 nj: */
/*DOM 200529*/
.sq-form-submit, .sq-commit-button, a.link-btn {
    margin-top:0.8rem;
    /*float: right;*/
    margin-right: 0;
    margin-left: auto;
    right: 0;
    display: block;
    cursor: pointer;
}
.btn-primary, .sq-form-submit, a.link-btn {
    color: #fff!IMPORTANT;
    background-color: #0275D8!IMPORTANT;
    border-color: #0275D8!IMPORTANT;
}
.sq-form-submit.btn-red, .sq-commit-button.btn-red {
  color: #fff !important;
  background: linear-gradient(60deg, #ef5350, #d32f2f);
  border: none !important;
  border-radius: .2rem;
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 700;
  box-shadow: 0 2px 2px 0 rgba(244, 67, 54, .14), 0 3px 1px -2px rgba(244, 67, 54, .2), 0 1px 5px 0 rgba(244, 67, 54, .12);
  padding: 0.6rem 1.8rem;
  display:inline-block;
  float:right;
}
.sq-form-submit.btn-blue, .sq-commit-button.btn-blue {
  color: #fff !important;
  background: linear-gradient(60deg, rgba(45,116,182,1) 0%, rgba(33,87,138,1) 100%);
  border: none !important;
  border-radius: .2rem;
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 700;
  box-shadow: 0px 1px 5px 0px rgba(55, 127, 242, 0.12), 0px 3px 1px -2px rgba(55, 127, 242, 0.20), 0px 2px 2px 0px rgba(55, 127, 242, 0.14);
  padding: 0.6rem 1.8rem;
display:inline-block;
  float:right;
}
.sq-form-submit.btn-green, .sq-commit-button.btn-green {
  color: #fff !important;
  background: linear-gradient(60deg, rgba(47,186,84,1) 0%, rgba(42,149,71,1) 100%);
  border: none !important;
  border-radius: .2rem;
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 700;
  box-shadow: 0px 1px 5px 0px rgba(47, 186, 84, 0.12), 0px 3px 1px -2px rgba(47, 186, 84, 0.20), 0px 2px 2px 0px rgba(47, 186, 84, 0.14);
  padding: 0.6rem 1.8rem;
display:inline-block;
  float:right;
}
.sq-form-submit.btn-red:hover, .sq-commit-button.btn-red:hover, .sq-form-submit.btn-red:active, .sq-commit-button.btn-red:active {
    background: linear-gradient(60deg, #d32f2f, #d32f2f);
    box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.12), 0 4px 23px 0 rgba(244, 67, 54, 0.20), 0 8px 10px -5px rgba(244, 67, 54, 0.14);
}
.sq-form-submit.btn-blue:hover, .sq-commit-button.btn-blue:hover, .sq-form-submit.btn-blue:active, .sq-commit-button.btn-blue:active {
    background: linear-gradient(60deg, rgba(33,87,138,1) 0%, rgba(33,87,138,1) 100%);
    box-shadow: 0 14px 26px -12px rgba(55, 127, 242, 0.12), 0 4px 23px 0 rgba(55, 127, 242, 0.20), 0 8px 10px -5px rgba(55, 127, 242, 0.14);
}
.sq-form-submit.btn-green:hover, .sq-commit-button.btn-green:hover, .sq-form-submit.btn-green:active, .sq-commit-button.btn-green:active {
    background: linear-gradient(60deg, rgba(42,149,71,1) 0%, rgba(42,149,71,1) 100%);
    box-shadow: 0 14px 26px -12px rgba(47, 186, 84, 0.12), 0 4px 23px 0 rgba(47, 186, 84, 0.20), 0 8px 10px -5px rgba(47, 186, 84, 0.14);
}
.btn.btn-feedback {
    margin-bottom: 0;
}
.btn.btn-outline-secondary {
    margin-bottom: 1rem;
}
.sq-form-submit:hover,
.sq-form-submit:focus,
.btn-primary:hover,
.btn-primary:focus, a.link-btn:hover, a.link-btn:focus {
    background-color: #014C8C;
    border-color: #014C8C;
}
form a.link-btn, form a.link-btn:visited {
    display:inline-block;
    float:right;
    color: #fff !important;
    background-color: #0275d8 !important;
    border-color: #0275d8 !important;
}
form a.link-btn:hover, form a.link-btn:focus {
    background-color: #014C8C !important;
    border-color: #014C8C !important;
}
/* note not all buttons are in forms */
a.btn {
    border-color: #0275D8;
    color: #0275D8;
    text-decoration: none !important; /* added May 2023 */
}
a.btn:visited {
    color: #0275D8;
}
a.btn:hover,
a.btn:focus {
    border-color: #014C8C;
    color: #014C8C;
}
@media (max-width: 767px) {
   .sq-form-submit { 
    float: none;
   }
}
/* **** Input  */

input[type='radio'], input[type='checkbox'] {
    margin-right: 5px;
    /*margin-left: -35px;*/
    
}

/*
input type="text"

input type="checkbox"

input type="radio"

input type="file"

input type="password"

textarea

select

**** */

.sq-form-question.sq-form-question-select {
/* select single & multiple */
}

select.sq-form-field:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
  /* width: auto; */
}

select.sq-form-field:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

select.sq-form-field:([multiple]) {
  width:auto;
}

textarea.sq-form-field {
    
}

.sq-form-question.sq-form-question-tickbox-list {
    
}
.sq-form-field input[type="radio"],
.sq-form-field input[type="checkbox"] {

}
/* Checkboxes */

/**** row horizontal 
@media (min-width: 992px) {

.sq-form-question.sq-form-question-tickbox-list.flex-lg-row ul {
    display:inline-flex;
    }    
}
*******/


/* Date fields d M Y inline third of width each */
.sq-form-question-datetime .sq-form-question-answer label {
    margin-right: 0.3rem;
    margin-left: 0;
}
.sq-form-question-datetime .sq-form-question-answer select.sq-form-field {
    width: 22%;
    display: inline; 
    margin-right: 0.6rem; 
    margin-bottom: 0.6rem;
    -ms-flex-pack: justify !important; 
    justify-content: space-between !important;
    
}
/* Date/Time fields for Mobile Date select fields */ 
@media (max-width: 575px) {
    .sq-form-question-datetime .sq-form-question-answer select.sq-form-field {
    width: 100%; 
    display: block; 
    margin-right: 0; 
    margin-bottom: 0.8rem;
    }
}

/* other Form field widths */

.sq-form-field.lg-form-field {
    width: 100% !important;
}
.sq-form-field.md-form-field {
    width:60% !important;
}
.sq-form-field.sm-form-field {
    width:30% !important;
}
.sq-form-field.xs-form-field {
    width:10% !important;
}
/* fields within table cells */
.sq-form-field.td-form-field {
    width: 80% !important;
}
/*and for smaller screens */
@media (max-width: 767px) {
    .sq-form-field.md-form-field {
        width:100% !important;
    }
    .sq-form-field.sm-form-field {
        width:60% !important;
    }
    .sq-form-field.xs-form-field {
    width:30% !important;
}
}

.sq-form-question-answer ul {
float: left;
/* nj220412 check vertical alignment - no indent try margin-left: -40px */
margin-left: -35px;
margin-bottom: -5px;
}

.sq-form-question-answer li,
#advanced_search td,
.checkbox2 li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}
/* Form Declaration checkbox list needs paragraph spacing for larger chekbox size */
.sq-form-question-tickbox-list  .sq-form-question-answer li {
    margin-bottom: 5px;
}
/* file upload field */
/* nj 200521 */
.sq-form-upload .sq-form-field {    
    border: 2px solid #fff; 
    padding-left:0; 
    padding-right:0;
}
/* for desk top */
@media (min-width: 992px) {
    
    fieldset.sq-form-section  {
        padding-left: 3rem ;
        padding-right: 3rem ;
      }
      
}
/* end desk-top styles */

/* reCAPTCHA */
/*200511 nj: margin: 0 0 1rem 0;*/
.g-recaptcha, .recaptcha-error {
    width: 100%;
    margin: 0 0 0.25rem 0;
}
/*200511 nj: */
.recaptcha-error {
    font-size: 90%;
    color: #dc3545;
    margin-top: 0.25rem;
    text-align: right;
    padding-right: 0;
}
.recaptcha-error:before { 
    content: "\f12a";
    font-family: fontAwesome;
    margin-right: 0.5em;
}
img#sq_security_key {
    margin: 1.5rem 0;
}

/* classes found in metadata on individual forms */
.ui-autocomplete {    
    background-color: #fff;
    font-size: 0.9rem;
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
html .ui-autocomplete {
    height: 100px;
}
/* honeypot class */
form .nofield {
    display: none; 
}
#ui-datepicker-div {
  background-color: #FFFFFF; 
  border: 1px solid #ced4da;
  border-radius: 10px;
  padding: 10px;
}

/* 
 Search Form in Aside column 
 *************************** */
.aside fieldset.sq-form-section {
    padding: 1rem;
}
.aside legend {
    font-size: 1.1rem;
    font-weight: bold;
    background-color: transparent;
    padding: 0 10px 0 0;
}
.aside table {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#advanced_search table {
width:100%;
}
#advanced_search td {
width:49%;
}

.aside .btn_search_qcaa, #advanced_search .btn_search_qcaa {
    padding: .2rem 1.2rem;
    width: auto;
}
.searchresults_list h3 {
    font-size: 1.5rem;
}