/* SENIORS PLATFORM */
.logoLogin{
    text-align:center;
}

div.notice{
    background-color: #f8f8f8;
    border:none;
    color:#5F5F5F;
    font-style: italic;
}

div.para a,
a{
    color: #5F5F5F;
}

div.para a:hover,
a:hover,
footer a:hover,
.forgotPwd a:hover{
    color:#1754FF;
    text-decoration:none;
    font-weight: bold;
}
#accordian ul ul li a.selected{
    border-left: 4px solid #1754FF;
}

/*hover effect on links*/
#accordian ul ul li a:hover {
    border-left: 4px solid #1754FF;
}

h1.results,
h1.analysis_division,
h2.results,
h3.results
h4.results{
    border-left:none;
    background-color: #1754FF;
    color:#FFFFFF;
}

h2.results{
    border-left:none;
    background-color: #1754FF;
    color:#FFFFFF;
}

h3.results{
    border-left:none;
    background-color: #1754FF;
    color:#FFFFFF;
}

h4.results,
h4.analysis_division{
    border-left:none;
    background-color: #1754FF;
    color:#FFFFFF;
}

div.panel_paragraph, div.panel_paragraph_stats{
    background-color: #FFFFFF;
}


.headerRightLogo .logoBig img {
    max-width: 200px;
}

.button:hover, .submit:hover, .cancel:hover{
    background-color: #1754FF;
    border-color: #1754FF;
}

ul.ulRadio li.liLine{
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid #1754FF;
    background-color:#FEFEFE;
}

ul.ulRadio li.liColumn{
    border: 1px solid #1754FF;
    background-color:#FEFEFE;
}

.ulRadio input[type="radio"]:checked + label{
    background-color: #1754FF;
    color:#FFFFFF;
}

ul.ulRadio li.liLine:hover, ul.ulRadio li.liColumn:hover, ul.ulRadio li.liMultiple:hover{
    background-color:#e6f6ff;
}

.ulRadio input[type="checkbox"]:checked + label,
.popup input[type="checkbox"]:checked + label{
    background-color: #1754FF;
}

table.popup input[type="radio"]:checked + label span {
    background-color: #1754FF;
}

table.popup input[type="radio"] + label span:hover{
    background-color: #1754FF;
}

button i{
    color:#FFFFFF;
}

a.imgRight:hover{
    color:#1754FF;
}

form.formSurvey input[type=text], form.formSurvey input[type=password], 
form.formSurvey input[type=number], form.formSurvey input[type=email], ul.collectionLine input[type=text],
form.formSurvey textarea, ul.collectionLine textarea {
    border-color: #1754FF;
}

table.tableNps label:hover{
    background-color: #1754FF;
    color: #FFFFFF;
}
table.tableNps input[type="radio"] + label {
    color: #5F5F5F;
}

table.tableNps input[type="radio"]:hover + label,
table.tableNps input[type="radio"]:checked + label{
    background-color: #1754FF;
    color: #FFFFFF;
}

table.tableNps,
table.tableNps td{
    border-color: #1754FF;
}

div.progression{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1754FF), to(#1754FF));
    background: -moz-linear-gradient(top, #1754FF, #1754FF);
    background: #1754FF;
    height: 18px;
}

.buttonHome{
    display: inline-block;
    white-space: nowrap;
    background-color: #69727D;
    padding: 10px;
    margin: 2px 6px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 19px;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1.118em;
    font-weight: bold;
}

.buttonHome:hover{
    background-color: #1754FF;
    border-color: #1754FF;
    color: #ffffff;
    text-decoration: none;
}

div.success, div.error {
    padding:16px;
    font-size:1.118em;
    font-weight: bold;
    margin:10px 8px;
}

.appparam label.error{
    margin:6px;
    font-size:1.118em;
}

.appparam input[type="checkbox"]:checked + label, input[type="checkbox"]:checked + label, .formHeader input[type="checkbox"]:checked + label, .lstTextLinked input[type="checkbox"]:checked + label {
    background-color: #1754FF;
    color: #FFFFFF;
}

div.actions_list a:hover {
    color: #1754FF;
}

ul li.quest{
    color:#5F5F5F;
    border: 1px solid #3DF069;
    background-color: #3DF069;
}

@media only screen and (max-width: 479px) {

}

/* Mobile Portrait */
@media only screen and (max-width: 767px) {
    
}

@media only screen and (max-width: 979px) {
    .panel_paragraph_stats div div.col2{
        width: 50%;
        min-width: 50%;
        float: left;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 979px) {

}

@media only screen and (min-width: 980px) and (max-width: 1215px) {

}

@media only screen and (min-width: 1216px) and (max-width: 1339px) {

}

@media only screen and (min-width: 1440px) {

}