/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  /** added by Terry Aulenbach: allow for indenting a question - good for optional question dependent on answer to previous question **/
.single-indent-question{
    margin-left: 10% !important;
    width: 90% !important;
}

/** added by Terry Aulenbach: allow for indenting a question - good for optional question dependent on answer to previous question **/
.double-indent-question{
    margin-left: 20% !important;
    width: 80% !important;
}

/** added by Terry Aulenbach: shorten width of multiple short text labels **/
.label-width-narrow{
    width: 25px !important;
}

/** added by Terry Aulenbach: left justify text - useful for multiple short answer questions which right justify options **/
.left-justify{
    text-align: left;
}

/** added by Terry Aulenbach: turn off automatic hyphenation **/
#outerframeContainer {
    hyphens: none;
    word-wrap: none;
}

/** added by Terry Aulenbach: colour scheme changes **/
.btn-primary {
  background-color: #00599d; /** updated Jan 18/23 **/
}
.btn-primary:focus,
.btn-primary.focus {
  background-color: #00325b;
  transition-duration: 0.2s;
}
.btn-primary:hover {
  color: #fff;
  background-color: #002957; /** updated Jan 18/23 **/
  border-color: #204d74;
}
.btn-success {
  background-color: #016bc4;
  border-color: #016bc4;
}
.btn-success:focus,
.btn-success.focus {
  background-color: #00325b;
  transition-duration: 0.2s;
}
.btn-success:hover {
  color: #fff;
  background-color: #004077;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #00325b;
  border-color: #C41424;
  border-width: 4px;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #004077; 
  border-color: #C41424;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #004077;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #004077;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #004077;
  border-radius: 0;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #004077;
  outline: 0;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #004077;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #004077;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #004077;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #004077;
  border-color: #004077;
}
.label-primary {
  background-color: #004077;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #004077;
  background-color: #fff;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #004077;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #004077;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #004077;
  border-color: #004077;
}
.panel-primary {
  border-color: #004077;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #004077;
  border-color: #004077;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #004077;
}
.panel-primary > .panel-heading .badge {
  color: #004077;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #004077;
}
.text-info {
  color: #004077 !important;
}
.text-danger {
  color: #c41424;
}
.has-error.checkbox-inline label {
  color: #c41424;
}
.has-error .form-control {
  border-color: #c41424;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .input-group-addon {
  color: #c41424;
}
.has-error .form-control-feedback {
  color: #c41424;
}
.alert-danger {
  color: #c41424;
}
.list-group-item-danger {
  color: #c41424;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #c41424;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #c41424;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #c41424;
  border-color: #c41424;
}
.panel-danger > .panel-heading {
  color: #c41424;
}
.panel-danger > .panel-heading .badge {
  background-color: #c41424;
}
a {
  color: #016bc4;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #004077;
}
.text-primary {
  color: #004077 !important;
}

/** updated by Terry Aulenbach Apr 26/24: change background colour of question-container and well **/
.well, .question-container {
    background-color: #f0f8ff;
}

/** added by Terry Aulenbach: change background colour of navbar **/
.navbar-default .navbar-brand {
  color: #ffffff !important;
}

.bg-light {
    background-color: #004077 !important;
}

/** added by Terry Aulenbach: change colours in navbar **/
.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link > li > a:hover,
.navbar-light .navbar-nav .nav-link > li > a:focus {
    color: #cccccc !important;
    background-color: transparent;
}

/** added by Terry Aulenbach: match color scheme **/
.input-group-addon {
    color: #ffffff;
}

/** added by Terry Aulenbach: reduce spacing **/
.question-container { 
  margin-bottom: 1em;
  margin-top: 1em;    
}
.space-col { 
  margin-bottom: 1em;
  margin-top: 1em;    
}

/** added by Terry Aulenbach: reduce spacing at bottom of radio list **/
.radio-list-row { 
  padding-bottom: 0em !important;
}

/** added by Terry Aulenbach: add spacing to bottom of multiple short text questions **/
.multiple-short-txt { 
  padding-bottom: 1em !important;
}

/** added by Terry Aulenbach: add spacing to bottom of array questions **/
.array-flexible-row { 
  padding-bottom: 1em !important;
}

/** added by Terry Aulenbach: left justify answer text **/
.answertext {
  text-align: left !important;
}

/** added by Terry Aulenbach: remove gap between radio button and answer **/
.form-group {
  margin-bottom: 0px;
}

/** added by Terry Aulenbach: reduce gap at top **/
body .top-container {
    margin-top: 20px !important;
}

/** added by Terry Aulenbach: increase font size of question text **/
.ls-label-question {
    font-size: 1.2em !important;
}

/** added by Terry Aulenbach: increase font size of End URL text **/
.completed-wrapper a:link{
    font-size: 1.2em;
}

/** added by Terry Aulenbach: increase width of "other" box with multiple choice question **/
.multiple-opt input[type="text"].form-control {
    width: 300px;
}

/** added by Terry Aulenbach: vertically center radio buttons in table cells **/
.ls-answers tbody td {
  text-align: center;
  vertical-align: middle !important;
}

/** added by Terry Aulenbach: allow 2 side-by-side questions **/
.left-side {
	float: left;
	width: 45%;
	margin-right: 5%;
	clear: left;
}
.right-side {
	float: left;
	width: 45%;
}

.side-by-each {
    width 50%;
    float: left;
    border: none;
    clear:both;
    margin-bottom: 1em;
    margin-top: 1em;
}

/** added by Terry Aulenbach Jan 18/23: decrease width of yes/no answer buttons by half **/
.yesno-button,.gender-button {
    width: 15%;
  }

/** added by Terry Aulenbach Apr 26/24: change colour of buttons **/
.btn-primary {
    background-color: #397fbb;
  }