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

/*
.hide-tip .ls-em-tip, .tip-was-hidden .ls-em-tip{display: block;}
*/
.hide-tip .ls-em-tip, .tip-was-hidden .ls-em-tip{display: none;}

.body {
color: #192A4A;
}


.ls-move-previous-btn {
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 2px solid #3898EC;
border-radius: 10px;
opacity: 1;
text-align: left;
font: normal normal 600 22px/30px Segoe UI;
letter-spacing: 0px;
color: #3898EC;
}

.ls-move-next-btn {
background: #3898EC 0% 0% no-repeat padding-box;
border: 2px solid #3898EC;
border-radius: 10px;
opacity: 1;
font: normal normal 600 22px/30px Segoe UI;
letter-spacing: 0px;
color: #FFFFFF;
}

.ls-move-submit-btn {
background: #3898EC 0% 0% no-repeat padding-box;
border: 2px solid #3898EC;
border-radius: 0.6rem;
opacity: 1;
font: normal normal 600 22px/30px Segoe UI;
letter-spacing: 0px;
color: #FFFFFF;
}


.btn-default {
    color: #3898EC; 
    border: 2px solid #3898EC;
}


.btn-lg, .btn-group-lg > .btn {
    padding: 0.50rem 1.14rem;
    border-radius: 0.6rem;
}


/* Change the hover and pressed colour for buttons*/
.btn-primary:hover {
    color: #fff;
    background-color: #FCC524;
    border-color: #FCC524;
}

.btn-default:hover {
    color: #fff;
    background-color: #FCC524;
    border-color: #FCC524;
}
 
 
.btn-primary:active:focus {
    color: #fff;
    background-color: #ECBA29;
    border-color: #ECBA29;
    box-shadow: none;
}
 
 
.btn-default:active:focus {
    color: #fff;
    background-color: #ECBA29;
    border-color: #ECBA29;
    box-shadow: none;
}


 
.ls-language-changer-item {
    background: #3898EC 0% 0% no-repeat padding-box;
    border: 1px solid #3898EC;
    border-radius: 10px;
}

/* Change text to the primary dark blue of landing page text*/
.text-primary {
    color: #192A4A;
}


/* Change background from white to blue*/
.body-loaded {
    background-color: #EEF7FD;
}

/* Change progress bar from grey to white (when the page background is blue) */
.progress {
    background-color: #ffffff;
}
.progress-bar {
    background-color: #3898EC; 
}


/* Add spacing around the language dropdown and button*/
#lang {
   margin-bottom:5px;
   margin-top:5px;
}


.text-info {
    color: #3381C6; 
}

.error {
    color: #F0475F; 
}


/* Multiple Choice Questions: changing colour of selected item to bright blue*/
.radio-item input[type="radio"]:checked + label, .checkbox-item input[type="checkbox"]:checked + label {
    background: #3898EC;
    color: #fff;
}


/* Radio button styling */
.radio-item label::after {
    content: " ";
    background: #192A4A;
    border: 0px solid #fff;
}

.radio-list li.radio-item label, .checkbox-list li.checkbox-item label {
    border-color: #c4d3ff;
}

.radio-item label:hover, .checkbox-item label:hover, .checkbox-item input[type="checkbox"]:checked + label:hover {
    background: #c4e1ff;
    color: #192A4A;
}

.radio-item label::before, .checkbox-item label::before {
    border-color: #c4d3ff;
}

.question-valid-container, .ls-questionhelp{
    margin-bottom: 15px;
}


/* Styling of text input boxes */
.form-control {
    color: #192A4A;
    border-color: #c4d3ff;
}


/* Big message areas on some specific pages*/
.well, .jumbotron {
    background-color: #fff;
    border: 1px solid #3898EC;
}




/* text box controls */
.form-control:invalid, .radio-item input[type="radio"]:invalid + label::before, .checkbox-item input[type="checkbox"]:invalid + label::before, .no-js .input-error input, .no-js .input-error .form-control {
    border-color: #FB4567;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ea2317;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #ea175c;
}


/* align spacing left and right of answer boxes with the buttons and text */
.container-fluid, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0.0rem;
    padding-right: 0.0rem;
}

/* align header*/
.container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0rem;
    margin-left: 0rem;
}


.quotamessage {
margin-bottom: 15px;
color: #F0475F;
}


/* Navigation menu */

.navbar-header {
    border-bottom: 1px solid #c4d3ff;
}


.navbar-default {
    background-color: #fff;
    border-color: #c4d3ff;
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #3898EC;
}

.navbar-default .navbar-toggle {
    border-color: #3898EC;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #c4e1ff;
    
}

/*
.question-title-container, .question-valid-container {
font-size: 20pt;
}
.answer-container {
font-size: 20pt;
}
*/