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

/*Default Changes*/
body {
    font-size: 14px;
    color: #494949;
    background-color: #f6f6f6;
}

p, h1, h2 {
    -webkit-hyphens: manual !important;
       -moz-hyphens: manual !important;
        -ms-hyphens: manual !important;
            hyphens: manual !important;
  }


a, a:visited, a:link, a:active {
    color: #1a5a96;
    text-decoration: underline;
} 

a:hover {
    text-decoration:none;
}

h1, .h1 {
    font-size: 24px;
    font-weight: 600;
}

ul.inline {
    list-style-type: none;
    margin: 0;
	overflow: hidden;
	padding: 0;
}

ul.inline li {
	float: left;
	padding: 2px 10px;
	position: relative;
}

ul.inline li a:link, nav ul.inline li a:visited {
	color: white;
	display: block;
	text-align: center;
}

.logo{
    margin-right:8px;
}

/*Navigation*/
.navbar-brand{
    padding:0;
}

#navbar .navbar-nav > li > a:hover {
    text-decoration:underline;
    color:#ffffff;
}

.navbar-default {
    background-color: #003366;
    border-color: transparent;
}


/*Welcome Page*/
#main-col{
}

#surveydescription, #surveynametitle, #welcome-container h1
{
    text-align:left;
    color:#494949;
}

#surveydescription, .group-name {
    color: #494949;
}

.jumbotron {
    padding-top: 20px;
    padding-bottom: 20px;
}

.jumbotron p{
    font-size:16px;
}

/*Question Group Description*/
.group-description a:hover{
    text-decoration:none;
}

/*Questions*/
.questionvalidcontainer{
	text-align:left;
}

.questionvalidcontainer .text-info {
    color: #494949;
    font-weight: normal;
    margin-left: 20px;
    padding-top:8px;
    padding-bottom:8px;
}

.question-title-container {
    color: white;
    font-size: 20px;
    /* padding: 20px 5px 5px 5px; */
    background-color: #335c85;
}

.answer-container {
    background-color: white;
    border: none;
    padding-top: 1em;
}

.question-help-container {
	border:none;
}

.ls-questionhelp {
     color: #38598A;
 }

.ls-question-message {
    padding-top: 8px;
}

/*.text-info, .text-info:hover {
    color: #38598A;
}*/

.btn-lg, .btn-group-lg > .btn{
	padding: 6px 12px;
	font-size:16px;
}

.btn-primary, .btn-default, .btn-primary:visited, .btn-default:visited {
    color: #ffffff;
    background-color: #003366;
    border-color: #003366;
}

.btn-primary:hover, .btn-default:hover{
    background-color:#335C85;
}

.upload-button .btn-default{
    color:#ffffff;
}

.questionvalidcontainer{
	background:#f1f1f2;
    padding-top:6px;
    padding-bottom:6px;
}

.question-text a, .question-text a:link, 
.question-text a:visited{
	color:#fcba19;
	text-decoration:underline;
}

.question-text a:hover{
	color:#fcba19;
	text-decoration:none;
}

.asterisk{
	font-size: 10px;
	float:left;
	margin-right:5px;
}

.label-text{
	margin-left:10px;
}

.dragDropTable ul.dragDropChoiceList li, .dragDropTable ol.dragDropRankList li {
	color: #1a5a96;
	padding: 8px !important;
}

button.close{
    color:white !important;
}

.radio label::before {
    border: 1px solid #2C3E50 !important;
}

.checkbox label::before {
    border: 1px solid #2C3E50 !important;
}

.progress-bar {
    background-color:#003366;    
}

.progress {
    height:28px;
}

.progress .progress-bar {
	font-size: 15px !important;
	line-height: 22px !important;
}

/*Completed*/
.completed-text a:hover {
    color:#1a5a96;
    text-decoration:none;
}

.completed-text .success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}


/*Footer*/
#footer {
    background-color: transparent;
	border-top: 2px solid #fcba19;
	position: relative;
}

#footer.expanded {
	z-index: 1040;
}

#footerAdminLinks a, #footerAdminLinks a:link, #footerAdminLinks a:visited, #footerAdminLinks a:link{
	color: #fff;
}

#footer hr {
	background: none repeat scroll 0 0 #4b5e73;
	border: 0 none;
	height: 1px;
	margin: 10px 0;
}

#footer #footerWrapper {
	width: 100%;
	bottom: 0;
}

#footerAdminSection ul {
	clear: both;
	padding: 10px 0;
}

#footerAdminLinks {
	clear: both;
}

#footerAdminSection {
	background-color: #003366;
}

/*Warnings*/
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.modal-header{
    background-color:#335C85;
    color:white;
}

/* srcarpenter additions */


#block_error h2 {
        /* background-color: #003366; */
        color: #003366;
    }


.save-message h2 {
        margin-top: 0;
        margin-bottom: 20px;
    }


.btn-primary, .btn-default, .btn-primary:visited, .btn-default:visited {
        background-color: #003366;
    }


.btn-primary:hover, .btn-default:hover {
        background-color: #335C85;
    }


.text-primary {
        color: #003366;
    }

#main-col {
        margin: 1em;
    }


#outerframeContainer {
        margin-bottom: 30px;
        hyphens: none;
    }


#dynamicReloadContainer {
        margin-bottom: 30px;
    }

.btn-info {
      background-color: #003366;
    }


.btn-info:hover {
        background-color: #337ab7;
    }
    
    
.text-info {
    font-size: 16px;
    color: #494949;
    }
    
.alert {
    
    font-size: 16px;
}

.alert-warning {
    background-color: #003366;
    border-color: #003366;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
   
}

.alert-warning p {
    font-weight: 400;
}

.answer-container tbody tr th, .answer-container tbody tr td, thead tr.ls-heading th, thead tr.ls-heading td, table.ls-answers {
 border: 0;
 }
 
.answer-container li{
    font-size: 16px;
    margin-bottom: 8px;
}
 
 tbody tr.ls-odd {
    background-color: #f9f9f9;
}

 tbody tr.ls-even {
    background-color: #ecf0f1;
}

radio label::before {
    border: 1px solid #2C3E50 !important;
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

/*  border: 1px solid #cccccc;  */

.radio-item input[type="radio"] {
    opacity: 0; 
    z-index: 1; 
    top: 0;
}

.group-description {
    border: 0;
    background-color: #ecf0f1;
    padding: 20px 60px 30px 60px;
    font-size: 16px;
}

.group-title {
    text-align: left;
    font-size: 26px;
    margin-bottom: 28px;
}

.btn-primary a:visited {
        color: #ffffff;
 }



 
.navbar-default .navbar-nav>li>a {
    color: #FFF;
 }


.outerframe div {
    line-height: 1.42857143;
}

/*
.radio label::before {
border: 1px solid black; 
}
 
.checkbox label::before {
border: 1px solid black;   
}
 */ 
.dual_scale_separator {
    position:relative;
    overflow: hidden;
}


.dual_scale_separator:after {
    content: " ";
    width: 2px;
    height: 100%;
    min-height: 100px;
    background-color: #aaa;
    position: absolute;
    top: 0;
    
}



/* --- hide mulitple choice "Other" option tick box --- */

.multiple-opt .other-checkbox {
  visibility: hidden;
}
 
.multiple-opt .othertext-label-checkox-container label::before {
  display: none;
}

/* --------- */

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
    .dual_scale_separator:after {
        width: 100%;
        min-height: 0;
        height: 1px;
        left: 0;
        margin: 14px 0;
    }
}

/*Mobile Responsive*/
@media ( min-width : 768px) {
	ul.inline li+li {
		border-left: 1px solid #4b5e73;
	}

	#footerMediaLinks ul {
		padding-top: 22px;
	}
/* Load Noto Sans from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

/* Use Noto Sans across the survey */
p, body, h1, h2, h3, h4, h5, .survey-welcome, .text-primary, .ls-label-question, .ls-question-message, .question-text, .answertext, label, legend {
  font-family: 'Noto Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

/*De-uglify  ls-questionhelp */
.question-help-container.text-info.col-xs-12 {font-style: normal !important;}

.ls-label-question {
  font-weight: bold;
}

.survey-form-container {
    font-size: 18px  !important;
    color: #494949;
}

.vmsg_317511_default, .vmsg_317511 {
    display:none  !important;