/******************
    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
*/
 /* Font: Space Grotesk */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/SpaceGrotesk/SpaceGrotesk-Medium.ttf');
  src: local(''),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-Medium.woff') format('woff'),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-Medium.otf') format('otf'),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-Medium.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.ttf');
  src: local(''),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.woff') format('woff'),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.otf') format('otf'),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf');
  src: local(''),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-Bold.woff') format('woff'),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-Bold.otf') format('otf'),
       url('/fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf') format('truetype');
  font-display: swap;
}

 /* Font: Source Code Pro */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/SourceCodePro/SourceCodePro-Medium.ttf');
  src: local(''),
       url('/fonts/SourceCodePro/SourceCodePro-Medium.woff') format('woff'),
       url('/fonts/SourceCodePro/SourceCodePro-Medium.otf') format('otf'),
       url('/fonts/SourceCodePro/SourceCodePro-Medium.ttf') format('truetype');
  font-display: swap;
}

 /* Font: Source Sans Pro */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/SourceSansPro/SourceSansPro-Regular.ttf');
  src: local(''),
       url('/fonts/SourceSansPro/SourceSansPro-Regular.woff') format('woff'),
       url('/fonts/SourceSansPro/SourceSansPro-Regular.otf') format('otf'),
       url('/fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf');
  src: local(''),
       url('/fonts/SourceSansPro/SourceSansPro-SemiBold.woff') format('woff'),
       url('/fonts/SourceSansPro/SourceSansPro-SemiBold.otf') format('otf'),
       url('/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/SourceSansPro/SourceSansPro-Bold.ttf');
  src: local(''),
       url('/fonts/SourceSansPro/SourceSansPro-Bold.woff') format('woff'),
       url('/fonts/SourceSansPro/SourceSansPro-Bold.otf') format('otf'),
       url('/fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype');
  font-display: swap;
}


/* Font: Icons */
@font-face {
  font-family: 'IWConsult';
  src:  url('/fonts/IWConsult/IWConsult.eot?5nbpj3');
  src:  url('/fonts/IWConsult/IWConsult.eot?5nbpj3#iefix') format('embedded-opentype'),
    url('/fonts/IWConsult/IWConsult.ttf?5nbpj3') format('truetype'),
    url('/fonts/IWConsult/IWConsult.woff?5nbpj3') format('woff'),
    url('/fonts/IWConsult/IWConsult.svg?5nbpj3#IWConsult') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

h1, .h1{
    /*font-family: Space Grotesk,Helvetica Neue,Arial,sans-serif;*/
    font-family: "Source Sans Pro","Helvetica Neue",Arial,sans-serif;
    font-weight: 600;
}
h2, .h2, .group-title  {
    /*font-family: Space Grotesk,Helvetica Neue,Arial,sans-serif;*/
    font-family: "Source Sans Pro","Helvetica Neue",Arial,sans-serif;
    font-weight: 400;
    font-size:24px;
} 
h3, h4, h5, h6 {
    font-family: "Source Sans Pro","Helvetica Neue",Arial,sans-serif;
    font-weight: 400;
}

h4.modal-title {
    margin-top: 0;
}
p, .question-text, ul, ol  {
    font-family: "Source Sans Pro","Helvetica Neue",Arial,sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #2E4964;
    line-height: 25px;
}

.question-text {
    font-size: 22px;
    /*padding-bottom: 1em;*/
    /* line-height: 25px; */
}
ul, ol  {
    font-size: 20px;
    line-height: 22px;
}
.alert-warning {
    font-family: "Source Sans Pro","Helvetica Neue",Arial,sans-serif;
    font-size: 20px;
    font-weight: 400;
    background-color: #f7f7f7;    
}
.alert-warning {
    color: #f39c12;
}

.btn-primary{
    background-color: #0069b4;
    border-color: #0069b4;
}
.bg-light {
    background-color: #ffffff !important;
}
.bg-primary {
    background-color: #ffffff !important;
    color: #444444;
}
.answer-container {
    border-width: 0px;
}
.question-container{
    border: 1px solid #dbdbdb;
}
.question-valid-container{
    text-align: left;
}
a, a:hover{
    color: #0085ff;
}
.fruity a {
    color: #2E4964;
}
.button-item .ls-icon, .ls-button-label .ls-icon {
    font-size: 2.4em;
}

.fruity .text-info {
    color: #2E4964;
}

.btn {
    border-radius: 0px;    
    transition: 0.6s;
}

.btn-primary, .fruity .btn-primary {
    background-color: #2E4964;
    border: 1px solid #2E4964;
    text-decoration: none;
}

.btn-outline-secondary, .fruity .btn-outline-secondary {
    background-color: #fff;
    border: 1px solid #2E4964;
    color: #2E4964;
    text-decoration: none;
}

.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
    color: #2E4964;
    background-color: white;
    border: 1px solid #2E4964;
}

.btn-default, .fruity .btn-default {
    border: 1px solid #2E4964;
    color: #2E4964;
    text-decoration: none;
}

.fruity .btn-default:hover, .fruity .btn-outline-secondary:hover, .fruity .btn-default:focus, .fruity .btn-outline-secondary:focus, .fruity .btn-default:active, .fruity .btn-outline-secondary:active, .fruity .btn-outline-secondary.active, .fruity .btn-default.active, .fruity .open .dropdown-toggle.btn-default {
    color: white;
    border: 1px solid #2E4964;
    background-color: #2E4964;
}

.alert, .well, .modal-content {
    border-radius: 0px;
}

.form-control {
    border-radius: 0px;
}

.form-check-input:checked {
    background-color: #2E4964;
    border-color: #2E4964;
}

a {
    text-decoration: underline;
}

.progress {
    border-radius: 0px;
}

.fruity .progress-bar {
    color: white;
    background-color: #2E4964;
    font-weight: bold;
}

body .top-container {
    margin-top: 30px !important;
}

.top-container .progress {
    height: 20px;
    margin-bottom: 0;
}

.slider-track, .slider-selection {
    border-radius: 0px;
}

.table-array-radio .radio-item {
    vertical-align: middle;
}

.question-container {
    padding: 1em;
}

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
    table.ls-answers tr th {
        color: #2E4964;
    }  
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-moz-animation: progress-bar-stripes 5s linear infinite;
  -o-animation: progress-bar-stripes 5s linear infinite;
  animation: progress-bar-stripes 5s linear infinite;
}

.fruity .nav .open>a {
    background-color: #2E4964;
}

.fruity .nav .open>a:hover, .fruity .nav .open>a:focus {
    background-color: #2E4964;
}

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

.language_change_container {
    overflow: hidden !important;
}

.text-danger.fa.fa-asterisk {
    padding-right: 0.25em;
}

@media (min-width: 761px) {
    .language_change_container {
        height: auto;
    }
}

/*Option to hide Checkbox with label class 'nobox' */
label.nobox:after, label.nobox:before {
  display:none;
}

.bold {
    font-weight: bold;
}

html body .navbar.navbar-default.navbar-fixed-top {
    z-index: 50;
}

.tooltip-inner {
    max-width: 400px;
    z-index: 100;
}

/* Make sure question index menu is not too long. */
.ls-index-menu ul.dropdown-menu {
    max-height: 90vh;
    overflow-y: scroll;
}

span[data-toggle="tooltip"] {
    text-decoration: underline;
}

.question-container {
    box-shadow: none !important;
}

.question-other {
    border-top: 0 !important;
    margin-top: -6rem;
}

.modal-title {
    color: #fff;
}

.fruity .card-primary>.card-header {
    background-color: #2E4964;
    border: 1px solid #2E4964;
    color: #fff;
}

.fruity .bg-primary {
    background-color: #2E4964 !important;
    color: #fff !important;
}

.fruity .card-primary {
    border: 1px solid #2E4964;
}

.card-title.h2, .card-body .h2 {
    margin-top: 0;
}

.table>:not(:first-child) {
    border-top: 1px solid;
}
.privacy {
    font-size: 20px;
    margin-top: 2rem;
  }
#datasecurity_accepted {
    height: 24px;
    width: 24px;
}
  
.fruity .btn-check:checked+.btn-primary {
    background-color: #2E4964;
    border: 1px solid #2E4964;
    color: #fff;
}

.yesno-button .btn-primary {
    background-color: #fff;
    border: 1px solid #2E4964;
    color: #2E4964;
}
.question-text h3 {
    margin-top: 0rem;
}
*/