/******************
    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-family: Myriad-Pro, Calibri, Arial, 'sans serif';
    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;
    font-family: Myriad-Pro, Calibri, Arial, 'sans serif';
        -webkit-hyphens: manual !important;
       -moz-hyphens: manual !important;
        -ms-hyphens: manual !important;
            hyphens: manual !important;
    
}

/*
.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;
    
}

@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;
	}