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

body  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #38363c;
    background-color: #fff;
}

body .row {
    margin-left: -15px;
    margin-right: -15px;
}

h1, .h1 {
    font-size: 36px;
    font-weight: 600;
    color: #38363c;
    margin: 0 0 40px;
}

h3, .h3 {
    font-size: 19px;
    font-weight: 600;
    color: #38363c;
    margin: 0 0 20px;
}

h4, .h4 {
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 20px;
}

p {
    font-size: inherit;
    color: #38363c;
    margin: 0 0 20px;
}

p:last-child {
    margin: 0;
}

a {
    font-weight: 400;
    color: #006290;
    transition: color.2s ease-out;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: #ce6429;
    outline: none;
}

.btn {
    color: #fff;
    min-height: 38px;
    background-color: #006290;
    border: none;
    border-radius: 0;
    transition: color .2s ease-out, background-color .2s ease-out;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus {
    color: #fff;
    background-color: #ce6429;
    outline: none;
}

.btn:focus-visible {
    outline: none;
}

.btn[disabled],
.btn[disabled]:hover {
    color: #4f4c48;
    background-color: #e5eff4;
    opacity: 1;
}

.button-list .btn-primary {
    color: #4f4c48;
    background-color: #e5eff4;
}

input, input[type="password"], select, textarea,
.form-control {
    font-size: 15px;
    font-weight: 400;
    color: #1f1e21;
    border-color: #e6e4de;
    border-radius: 0;
    box-shadow: none;
}

input:not([type="checkbox"]):not([type="radio"]), select, textarea, .form-control {
    min-height: 38px;
}

input:focus, select:focus, textarea:focus, .form-control:focus {
    border-color: #006290;
}

input[type="checkbox"]::after {
    margin: 0;
    border: 1px solid #e6e4de;
    border-radius: 0;
}

input[type="checkbox"]:focus::after {
    border-color: #006290;
}

input[type="checkbox"]:checked:after {
    background-color: #006290;
    border-color: #006290;
}

input[type="checkbox"]:checked:before {
    top: 2px;
}

.checkbox-item label::after {
    color: #00477c;
    padding-left: 1px;
    background-color: white;
}

.radio-item input[type="radio"]:focus + label::before {
    border-color: #006290;
    outline: none;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%), 0 0 8px rgb(82 168 236 / 60%);
}

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

.table-bordered,
.table > thead > tr > th,
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    border: none;
}

table.ls-answers {
    margin-top: 15px;
    margin-bottom: 15px;
}

.ls-answers tbody .answertext {
    text-align: left;
}

table .ls-odd {
    background-color: #e5eff4;
}

.table-hover > tbody > tr {
    transition: background-color.2s ease-out;
}

.table-hover > tbody > tr:hover {
    background-color: #bfd8e3;
}

table .radio-item label::before {
    border-color: #4f4c48;
}

.ls-heading {
    border-bottom: 2px solid #006290;
}

.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #e6e4de;
    box-shadow: 0 0 5px #e6e4de;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-toggle {
    border: none;
}

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

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

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ce6429;
    background-color: #f8f7f4;
}

.navbar-nav > li > .dropdown-menu {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .navbar-default,
    .navbar-header {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    
    .navbar-header {
        align-items: stretch;
    }
    
    .navbar-brand {
        min-height: inherit;
    }
    
    .navbar-default .navbar-toggle {
        padding: 15px;
        margin: 0;
    }
    
    .navbar-default .navbar-toggle:focus, 
    .navbar-default .navbar-toggle:hover {
        background-color: #f8f7f4;
    }
    
    .logo-container > img {
        height: 50px;
        max-height: inherit;
        padding: 10px 15px;
    }
}

@media screen and (max-width: 991px) {
    .logo-container > img {
        max-height: 70px;
    }
}

.dropdown-menu > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
    background-color: #f8f7f4;
}

.form-change-lang {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 30px;
}

.form-change-lang label {
    margin-bottom: 0;
}

.form-change-lang .control-label {
    display: block;
    margin-bottom: 3px;
}

.form-change-lang .ls-language-changer-item {
    margin-top: 5px;
    margin-left: 15px;
}

.panel {
    border-radius: 0;
}

.panel-primary {
    border-color: #00477c;
}

.panel-primary > .panel-heading {
    background-color: #00477c;
    border-color: #00477c;
    border-radius: 0;
}

.panel-footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    background-color: #f8f7f4;
    border: none;
}

#data-security-modal- {
    margin-top: 15px;
}

.question-container {
    background-color: #fff;
}

.question-title-container {
    color: #fff;
    background-color: #00477c;
    float: none;
}

.question-help-container,
.question-valid-container {
    color: #38363c;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 30px);
    min-height: 0;
    padding: 0;
    margin: 10px 15px;
    float: none;
}

.question-help-container > *,
.question-valid-container > * {
    width: 100%;
    padding: 6px 10px;
    background-color: #e5eff4;
}

.question-valid-container > .text-danger {
    color: #ce6429;
    background-color: #f8e8df;
}

 .question-help-container .ls-questionhelp,
 .question-valid-container .error {
     padding: 5px 10px;
 }

.dir-ltr .ls-questionhelp {
    margin: 0
}

.dir-ltr .ls-questionhelp::before {
    display: inline-block;
    position: static;
    left: 0;
}

.dir-ltr .ls-questionhelp > p {
    display: inline-block;
}

.asterisk .text-danger {
    text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px 0px 0 #fff, 0px 1px 0 #fff, -1px 0px 0 #fff, 0px -1px 0 #fff, 1px 1px 1px #fff;
    color: #ce6429;
    margin-right: 4px;
}

.asterisk.text-danger {
    color: #ce6429;
}

.text-info {
    color: #4f4c48;
}

.well {
    background-color: #fff;
    border-color: #e6e4de;
    border-radius: 0;
    box-shadow: none;
}

 .ls-label-question > p  {
     color: #fff;
 }
 
 .progress {
    background-color: #f8f7f4;
    border: 1px solid #e6e4de;
    border-radius: 0;
    box-shadow: none;
 }
 
.progress .progress-bar {
    line-height: 21px;
    background-color: #006290;
 }
 
 .yesno-button, .gender-button {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
 }
 
 .btn-group-vertical > .btn,
 .btn-group > .btn {
    flex: 1 0 0;
    margin-right: 10px;
    border: 3px solid #e6e4de;
 }
 
 .btn-group-vertical > .btn:focus,
 .btn-group > .btn:focus {
     outline: none;
 }
 
 div.yes-no .btn-group label {
     margin-top: 5px;
     cursor: pointer;
 }
 
.btn-group .btn-primary.active, 
.btn-group .btn-primary:active {
    color: white;
     background-color: #00477c;
     border-color: #e6e4de;
     box-shadow: none;
 }
 
 @media screen and (max-width: 767px) {
    .yesno-button, .gender-button {
        flex-direction: column;
    }
    
    .btn-group-vertical > .btn,
    .btn-group > .btn {
        width: 100%;
        min-height: inherit;   
        margin-right: 0;
        margin-bottom: 10px;
    }
 }

#block_error {
    border-color: #e6e4de;
    border-radius: 0;
    background-image: url(../files/block.png);
}

#block_error div h2 {
    color: #ce6429;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-color: #e6e4de;
}