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

#ls-button-previous {
    background-color: #cecece;
    border-color: #f9f9f9;
    border-radius: 60px;
    box-shadow: unset;
    border: none;
    padding: 10px 25px;
    color:white;
}

#ls-button-previous:hover {
    background-color: #3498db;
    border-color: #3498db;
}

.btn-primary {
    background-color: #cecece;
    border-color: #f9f9f9;
    border-radius: 60px;
    box-shadow: unset;
    border: none;
    padding: 10px 25px;
}

.btn-primary:hover {
    background-color: #3498db;
    border-color: #3498db;
}


.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #f5af12;
    border-color: #a45100;
}

.alert-warning {
    color: #fff;
    background-color: #3498db;
    border-color: #3498db2;
}

.text-info {
    color: #565656;
}

.navbar-default {
        background: #f5f7fb;
        border: none;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #f5af12;
    border-color: #fafafa;
    box-shadow: unset;
}

.alert-danger {
    color: #fff;
    background-color: #e74c3c;
    border: none;
}

.progress-bar {
    background-color: #3498db;
    border: none;
    box-shadow: unset;
    font-size: 10px;
}

.text-primary {
    color: #565656;
}

.question-container {
    margin-bottom: 2em;
    border: dashed 2px #e4e4e4;
    padding: 20px;
}

.progress .progress-bar {
    line-height: 15px;
}

.progress {
    height: 15px;
    margin-bottom: 0px;
    border-radius: 0px;
        margin-top: -1px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #5a5a5a;
}

.question-container {
    padding: 0px;
    border: 0px;
    border-left: solid 5px #3498db;
}


.asterisk.pull-left {
    margin-right: 5px;
}

.ls-question-help, .ls-questionhelp {
    display: none;
}

.question-title-container {
    font-weight: 600;
    color: #717171;
    padding-bottom: 0em;
}


.question-title-container {
    font-family: 'Nunito', sans-serif;
    font-size: 17px;
}

.ls-answers {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    color: #7d7d7d;
    font-weight: 600;
}

label::after {
    background-color: #3498db;
}

.radio-item label::after {
    background-color: #3498db;
}

.description-question {
    color:#a0a0a0;
    font-size: 14px;
    font-style: italic;
}



#question516 > .answer-container {
    columns: 3;
}

.ls-move-next-btn  {
    background-color: #3498db;
}

html{
    background-color: #f5f7fb;
}

body{
    background-color: #f5f7fb;
}

p {
    font-size: 16px;
}

h1, .h1 {
    font-size: 36px;
    color: #2980b9;
}

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