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


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --bs-primary: #0069AF;
    --bs-secondary: #99CCCC;
    --bs-success: #0E9D59;
    --bs-info: #808080;
    --bs-warning: #FF9900;
    --bs-danger: #E62336;
    --bs-light: #fbfbfb;
    --bs-dark: #4d4d4d;
    --hsel-light-green: #A2C617;
    --hsel-technic: #80A86A;
    --hsel-economy: #FBBC33;
    --hsel-health: #FB5737;
    --hsel-maritim: var(--bs-primary);
}

body {
    font-family: 'Montserrat', sans-serif !important;
}

p {
    line-height: 1.5;
}

.lead-question {
    margin-top:-1.25em;
    margin-bottom:1.5em;
    font-size:1.125em;
    color:var(--bs-body-color);
}

h1,
.text-indent-lr {
    padding-left: 40px;
    padding-right: 40px;
}

.h1,.h2,.h3,.h4,.h5,
h1,h2,h3,h4,h5 {
    font-weight:600;
    margin-top:0.5em;
    line-height: 1.35;
}

.h4,h4,
.h5,h5{
    margin-top:0.25em;
}

.h5,h5 {
    font-weight:500;
    font-size:1.125em;
    /*margin-top:0.5em;*/
}

.h4.emph,
h4.emph {
  font-size: calc(1.125rem + .3vw);
  font-weight:500;
}

.h5.emph,
h5.emph {
    font-weight:400;
}

strong{
    font-weight:600;
}

a {
    color: var(--bs-primary) !important;
    text-decoration: underline;
}

.text-info {
    color: #80a86a !important;
}

.text-primary,
.text-info {
    color: var(--bs-primary) !important;
}

.question-title-container {
    padding-bottom: 0.5em;
}

.ls-question-mandatory {
    content: "\f071";
}
.ls-question-mandatory,
.ls-label-question {
     margin-left: 0.5em;
 }
.ls-questionhelp:before {
    content: "";
}

.dir-ltr .ls-questionhelp {
    margin-left: 0.5em;
    text-align: left;
}

.ls-question-message:before {
    content: "\f06a";
}

.ri-error-warning-fill:before {
    content: "\f071" !important;
}

.ls-question-message:before,
.ri-error-warning-fill:before {
    font-family: "Font Awesome 6 Pro";
    font-weight:900 !important;
    margin-right:0.3em;
    font-size:1.3em;
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    top:0.1em;
}

.row {
    margin-left: calc(var(--bs-gutter-x)*-0.25);
    margin-right: calc(var(--bs-gutter-x)*-0.25);
}

.survey-welcome {
    margin-left: 0.45em;
    margin-right: 0.45em;
    color: var(--bs-body-color) !important;
    font-weight:400;
}

.progress-bar {
    background-color: #80a86a !important
}

.border-bottom {
    border-bottom: 2px solid #80a86a !important;
}

.pb-0 {
    padding-bottom: 0.6em !important;
}

.pt-0 {
    padding-top: 0.5em !important;
}

.mx-question {
    margin-left: 2em;
    padding-right: 5.75em;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
    background-color: rgba(102, 165, 207, .8);
    border-color: var(--bs-primary);
    color: var(--bs-primary);
    
}

/*.btn-check:hover+.btn-primary {
    box-shadow: 0px 0px 3px 5px rgba(153,204,204,.5);
}*/

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: rgba(128, 128, 128, 0.1);
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.btn-check .btn-primary:focus, .btn-check:focus+.btn-primary {
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    box-shadow: none;
    color: #fff;
}
.btn-check:focus:checked + .btn-primary, .btn-check .btn-primary:focus:checked {
    background-color:  rgba(102, 165, 207, .8);
    border-color: var(--bs-primary);
    color: #fff;
    /* box-shadow: 0 0 0 .25rem rgba(102, 165, 207, .5)*/
 }


/*.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 2px .25rem rgba(102, 165, 207, .5)
}*/



table {border: 2px solid rgba(0,0,0,0);}

tr:nth-child(even) {background-color: #e0efef} tr:nth-child(odd) {background-color: rgba(255,255,255,.5)}

.table>:not(:first-child) {
    border-top:0px solid;
}

table.ls-answers {
    margin-bottom: 1em;
}

span[role=tooltip][aria-hidden=true] {
    display: none;
}

span[role=tooltip][aria-hidden=false] {
    display: inline;
}

.suptext, .subtext {
   font-size: 0.9em;
   position: relative;
   line-height: 0;
   vertical-align: baseline;
}
 
.suptext {
   top: -0.5em;
}
 
.subtext {
   bottom: -0.25em;
}

.info-message {
    color: var(--bs-info);
    font-weight:500;
}

.info-message:before {
    content: "\f05a";
    font-family: "Font Awesome 6 Pro";
    font-weight:900 !important;
    margin-left:0.25em;
    margin-right:0.25em;
}

.note-tooltip {
    font-size:0.9em;
}
.note-tooltip:before {
    content: "\f05a\20\f0da";
    font-family: "Font Awesome 6 Pro";
    font-weight:900 !important;
    margin-left:0.5em;
    margin-right:0.25em;
    color: var(--bs-info);
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    top: -0.5em;
}

details {
  /*font-size:0.9em;*/
  margin-bottom:0.5em;
}

details>summary {
  list-style: none;
  /*font-size:1.1em;*/
}
summary::-webkit-details-marker {
  display: none;
}

/*summary::after {
    content: "\f30f\20\f0da";
    font-family: "Font Awesome 6 Pro";
    font-weight:400 !important;
    margin-left:0.5em;
    margin-right:0.25em;
    color: var(--bs-primary);
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    top: -0.5em;
}
details[open] summary:after {
  content: "\f30f\20\f0d7";
}*/

summary::before {
    content: "\f30f\20\2003\f0da";
    font-family: "Font Awesome 6 Pro";
    font-weight:400 !important;
    /*margin-left:0.5em;*/
    margin-right:0.25em;
    color: var(--bs-primary);
    font-size:1.3em;
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    top:0.1em;
    
    /*line-height: 0;
    vertical-align: baseline;
    top: -0.5em;*/
}
details[open] summary:before {
  content: "\f30f\20\2003\f0d7";
}

.checkbox-item input[type="checkbox"]:checked + label::after, 
.checkbox-item input[type="radio"]:checked + label::after {
    color: #fff;
}

.radio-item label::after {
    background-color: var(--bs-primary);
}

.radio-item label::before{
    border-color: #999;
}


th.answer-text {
    border: 0px;
}