/******************
    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
*/

.McMaster .navbar-default {
    background-color: #7a003c;
    border-color: transparent;
}

.McMaster .progress-bar,
.McMaster .bg-primary {
    background-color: #7a003c;
}

.McMaster .btn-primary {
    background-color: #7a003c;
    border-color: #7a003c;
}

.McMaster .btn-primary.active {
    background-color: #0d1318;
    border-color: #000000;
}

.McMaster a,
.McMaster a:hover,
.McMaster a:focus {
    color: #7a003c;
}

.McMaster a.upload,
.McMaster table.uploadedfiles tbody a.btn-primary,
.McMaster .surveys-list a,
.McMaster .surveys-list a:hover,
.McMaster .surveys-list a:focus {
    color: white;
}

.McMaster a.upload:hover,
.McMaster a.upload:focus,
.McMaster a.upload:visited,
.McMaster .question-text a,
.McMaster table.uploadedfiles tbody a.btn-primary:hover,
.McMaster table.uploadedfiles tbody a.btn-primary:focus,
.McMaster table.uploadedfiles tbody a.btn-primary:visited {
    color: lightyellow;
}

.McMaster table.uploadedfiles tbody td {
    color: #444;
}

.McMaster .ls-answers table.uploadedfiles tbody td {
    text-align: left;
}

.McMaster .survey-description,
.McMaster .survey-description:hover {
    color: #2c3e50;
}

.McMaster .question-valid-container.text-info {
    color: #e0e9c1;
}

.McMaster .ls-question-message.text-danger {
    color: lightyellow;
}

.McMaster .input-group-addon .fa-calendar {
    color: white;
}

.McMaster .ls-label-question {
    font-size: 18px;
}

/* Label alignment on multiple choice questions with comments */
.checkbox-text-item .checkbox-label {
    text-align:left
}

/* for questions to be shown as pop-up dialogs */

.McMaster .popup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 200px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.McMaster .popup .answer-container {
    background-color: white;
}

/* try to fix mobile view disappearing logo */
.logo-container.hidden-xs {
    display: block !important;
}

/* Don't compress the logo image on mobile */
.McMaster .logo-container>img {
    height: auto;
    max-width: 100%;
}

/* Slider with emoticons, for multiple numerical inputs */

.smiley-slider7-question .slider .slider-handle {
	background-color: #FFFFFF !important;
}
 
.smiley-slider7-question .slider.slider-reset .slider-handle, 
.smiley-slider7-question .slider.slider-untouched .slider-handle {
	opacity: .5;
}
 
.smiley-slider7-question .slider-handle::before {
	font-family: FontAwesome;
	line-height: 24px;
	font-size: 28px;
	margin-left: -2px;
}
 
.smiley-slider7-question .slider-handle[aria-valuenow="1"]::before,
.smiley-slider7-question .slider-handle[aria-valuenow="2"]::before {
	content: '\f119';
	color: red;
}
 
.smiley-slider7-question .slider-handle[aria-valuenow="3"]::before,
.smiley-slider7-question .slider-handle[aria-valuenow="4"]::before,
.smiley-slider7-question .slider-handle[aria-valuenow="5"]::before {
	content: '\f11a';
	color: orange;
}
 
.smiley-slider7-question .slider-handle[aria-valuenow="6"]::before,
.smiley-slider7-question .slider-handle[aria-valuenow="7"]::before {
	content: '\f118';
	color: green;
}

/* Left-align array subquestions */
.McMaster .ls-answers tbody .answertext {
    text-align: left;
}

/* When applied to a question, it makes it take the whole screen width */
.McMaster .full-width {
    width: 150vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
    
/* Adjust paragraph and line spacing in welcome text */
.McMaster #welcome-container p {
    line-height: 1.5;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
}

/* Class to right align array subquestions and center array table at a width percentage */

.McMaster .smallarray table.ls-answers {
    max-width: 75%;
    margin-left: auto;
    margin-right:auto;
}

.McMaster .smallarray .ls-answers tbody .answertext {
    text-align: right;
}

/* Hide empty fa-exclamation spans */
.McMaster span.fa-exclamation-circle:empty {
    display: none;
}