/******************
    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
    
    Lighter blue: #486ab7
    Light blue: #2e4b9a
    Siboif blue: #1f3d7b
    Dark Blue: #1b3772
    Darker Blue: #0b2f6d
    Gold: #c89211
*/

.bg-blue{
    color:#fff;
    background-color: #1f3d7b;
}
.bg-primary{
    color:#fff;
    background-color: #1f3d7b;
}
.bg-dark-blue{
    background-color: #1b3772;
}

.bg-light-blue{
    background-color: #2e4b9a;
}

.siboif-footer{
    margin-top: 40px;
    padding: 50px 0px;
    color: #fff;
}

.siboif-footer p{
    color:#fff;
}

.siboif-footer a{
    color:#fff;
}

.siboif-footer a:hover{
    color:#fff;
    text-decoration: underline;
}

.btn-primary {
    color: #ffffff;
    background-color: #1f3d7b;
    border-color: #1f3d7b;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #0b2f6d;
    border-color: #0b2f6d;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 13px;
    line-height: 21px;
    color: #ffffff;
    text-align: center;
    background-color: #1f3d7b;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.text-info, .text-info:hover {
    color: #2e4b9a;
}

.question-title-container {
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: 800;
}