/******************
    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-arial {
    font-family: Helvetica, Arial, sans-serif;
}

.top-container .progress {
    height: 10px;
}

.progress-bar{
    background-color: #ff9900;
}

#surveys-list-jumbotron, #firstpage-changelang, #surveyListFooter{
    display: none;
}
.space-col{
    margin: 0px;
}
.text-danger{
    color: #ff9900 !important;
}

.btn-primary {
    background-color: #004983;
    border-color: #004983;
}

.btn-primary:hover {
    background-color: #003e6f;
    border-color: #003e6f;
    box-shadow: 0px 0px 0px 3px #ff9900;
}

.ls-answers label, .answer-item label, .control-label {
    color: #004983;
}

.has-error .form-control, .has-error .form-control:focus, .input-error .form-control, .input-error .form-control:focus {
  box-shadow: 4px 4px 0 #FF9900;
}

.has-error .control-label {
  color: #004983;
}

.group-container .group-title {
  font-size: 1.8rem;
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.2rem;
  }
}

.question-container .ls-label-question {
	    font-size: 1.1rem !important;

}


.ls-answers .ls-heading th, .ls-answers th {
  font-size: 0.8rem;
}




.question-title-container {
  display: block !important;
}
.question-title-container * {
  display: inline !important;
}























:root{
  --bs-primary: #004983;
  --bs-primary-rgb: 0, 73, 131;
}

.btn-primary{
  background-color: #004983;
  border-color: #004983;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary.dropdown-toggle.show,
.btn-primary.dropdown-toggle.show:focus{
  background-color: #004983;
  border-color: #004983;
}

.btn-primary:hover{
  box-shadow: 0px 0px 0px 3px rgba(0, 73, 131, 0.4);
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary.dropdown-toggle.show,
.btn-primary.dropdown-toggle.show:focus{
  box-shadow: 4px 4px 0px rgba(0, 73, 131, 0.4);
}

.btn-outline-primary{
  color: #004983;
  border-color: #004983;
}

.btn-outline-primary:hover{
  color: #004983;
  border-color: #004983;
  box-shadow: 0px 0px 0px 3px rgba(0, 73, 131, 0.4);
}

.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:active:focus,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary.show{
  color: #004983;
  border-color: #004983;
  box-shadow: #004983;
}

.btn-link{
  color: #004983;
}

.btn-link:hover,
.btn-link:focus{
  color: #004983;
}

.btn-check + .btn-primary:hover{
  background-color: #004983;
  border-color: #004983;
}

.btn-check + .btn-primary:active,
.btn-check + .btn-primary.active,
.btn-check + .btn-primary:active:focus{
  background-color: #004983;
  border-color: #004983;
}

.btn-check:active + .btn-primary{
  background-color: #004983;
  border-color: #004983;
}

.btn-check:checked + .btn-primary,
.btn-check:checked + .btn-primary:focus,
.btn-check:focus:checked + .btn-primary{
  background-color: #004983;
  border-color: #004983;
}

.link-primary{
  color: #004983;
}

.border-primary{
  border-color: #004983 !important;
}

a{
  color: #004983;
}

a:hover{
  color: #003a68;
}

.input-group-text,
label .input-group-text{
  background-color: #004983;
}

.has-success .form-control{
  box-shadow: 4px 4px 0 #004983;
}

.has-success .form-control:focus{
  box-shadow: 4px 4px 0 #004983;
}

.has-success .help-block{
  color: #004983;
}

.has-success .control-label{
  color: #004983;
}

.has-success .radio{
  color: #004983;
}

.has-success .checkbox{
  color: #004983;
}

.has-success .radio-inline{
  color: #004983;
}

.has-success .checkbox-inline{
  color: #004983;
}

.form-control:focus{
  box-shadow: 4px 4px 0 rgba(0, 73, 131, 0.2);
}

.form-control.ls-important-field:focus{
  box-shadow: 8px 8px 0px rgba(0, 73, 131, 0.2);
}

.form-select:focus{
  box-shadow: 4px 4px 0px rgba(0, 73, 131, 0.2);
}

.form-select.ls-important-field:focus{
  box-shadow: 8px 8px 0px rgba(0, 73, 131, 0.2);
}

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

.radio-item input[type=radio] + label::after{
  background-color: #004983;
}

.radio-item input[type=radio]:checked + label::before{
  border-color: #004983;
}

.radio-item input[type=radio]:checked + label::after{
  background-color: #004983;
}

.radio-item input[type=radio]:checked + label{
  color: #004983;
}

.checkbox-item input[type=checkbox]:checked + label{
  color: #004983;
}

.checkbox-item input[type=checkbox]:checked + label::before{
  border-color: #004983;
}

.checkbox-item input[type=checkbox]:checked + label::after{
  color: #004983;
}

input[type=checkbox]:checked:after,
.checkbox input[type=checkbox]:checked:after,
.checkbox-inline input[type=checkbox]:checked:after{
  background-color: #004983;
  border-color: #004983;
}

body .answer-item label::after{
  background-color: #004983;
}

.progress-bar{
  background-color: #004983;
}

.list-group-item-success{
  background-color: #004983;
}

.success-border{
  border-color: #004983;
}

.numeric-multi .ls-group-total-separator hr{
  border-color: #004983;
}

.numeric-multi .ls-group-total .control-label{
  color: #004983;
}

.numeric-multi .dynamic-total.text-success{
  color: #004983 !important;
}

.privacy .checkbox-item label::before{
  border: 3px solid #004983;
}

.form-change-lang #language-changer-select{
  color: #004983;
}

.form-change-lang #lang-select::after{
  color: #004983;
}

.dropdown-menu > li > a:hover{
  background-color: #004983 !important;
}

.dropdown-menu > li > a:focus{
  background-color: #004983 !important;
}

.dropdown-menu > .active > a{
  background-color: #004983 !important;
}

.dropdown-menu > .active > a:hover{
  background-color: #004983 !important;
}

.dropdown-menu > .active > a:focus{
  background-color: #004983 !important;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label{
  border: 2px solid #004983 !important;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:after{
  background-color: #004983;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:before{
  border-color: #004983;
}

input.imageselect-checkbox:checked ~ .imageselect-select::before{
  border-color: #004983;
}

input.imageselect-checkbox:checked ~ .imageselect-select::after{
  color: #004983;
}

.select-sortable-lists:not(.ranking-advanced-style) .ranking-sorted-items .sortable-item{
  border: 1px solid #004983;
}

.ranking-advanced-style .sortable-rank,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item{
  border: 2px solid #004983;
}

.ranking-advanced-style .sortable-rank .selector__dragHandle.d-none,
.ranking-advanced-style .sortable-rank .selector__index_row,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item .selector__dragHandle.d-none,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item .selector__index_row{
  color: #004983;
}

.fruity_twentythree .input-group-addon{
  background-color: #004983;
}

.fruity_twentythree .label-primary{
  background-color: #004983;
}

.fruity_twentythree .label-success{
  background-color: #004983;
}

.fruity_twentythree .card-primary{
  border: 1px solid #004983;
}

.fruity_twentythree .card-primary > .card-header{
  background-color: #004983;
  border: 1px solid #004983;
}

.fruity_twentythree .card-primary > .card-header + .panel-collapse .card-body{
  border-top-color: #004983;
}

.fruity_twentythree .card-primary > .card-footer + .panel-collapse .card-body{
  border-bottom-color: #004983;
}

.fruity_twentythree .nav-pills > li.active > a:focus{
  background-color: #004983;
}

.fruity_twentythree .nav-pills > .active > a > .badge{
  color: #004983;
}

.fruity_twentythree pagination > li > a{
  color: #004983;
}

.fruity_twentythree .em-function{
  color: #004983;
}

.fruity_twentythree #carousel-example-generic .carousel-control{
  color: #004983;
}

.fruity_twentythree #carousel-example-generic .card-title{
  color: #004983;
}

.fruity_twentythree #carousel-example-generic .carousel-indicators .active{
  background-color: #004983;
}

.fruity_twentythree #carousel-example-generic .carousel-indicators li{
  border: 1px solid #004983;
}

.fruity_twentythree #comfortUpdateGeneralWrap h3.maintitle,
.fruity_twentythree #comfortUpdateGeneralWrap .maintitle.h3{
  color: #004983;
  border-bottom: 1px solid #004983;
}

.fruity_twentythree #comfortUpdateGeneralWrap .on span{
  background-color: #004983;
}

.navbar-toggle{
  border: solid 1px #004983;
}

.navbar-toggle .icon-bar{
  background-color: #004983;
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle{
  border-bottom-color: #004983;
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle{
  border-left-color: #004983;
  border-right-color: #004983;
}

.slider-tick.custom::before{
  color: #004983;
}

.slider-list .slider .slider-handle{
  background-color: #004983;
}

.slider-list .slider .slider-handle.custom::before{
  color: #004983;
}

.slider-list .slider .slider-selection{
  background-color: #004983;
}

.slider-list .slider .tooltip .tooltip-inner{
  color: #004983;
}

.tempus-dominus-widget .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).active{
  background-color: #004983;
}

.tempus-dominus-widget .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before{
  border-bottom-color: #004983;
}

.tempus-dominus-widget button{
  background-color: #004983;
  border-color: #004983;
}

@keyframes animate-gradient{
  0%{background: radial-gradient(circle at center, #004983 0px, #004983 1px, #ffffff 2px, #ffffff 100%);}
  10%{background: radial-gradient(circle at center, #004983 0px, #004983 2px, #ffffff 3px, #ffffff 100%);}
  20%{background: radial-gradient(circle at center, #004983 0px, #004983 3px, #ffffff 4px, #ffffff 100%);}
  30%{background: radial-gradient(circle at center, #004983 0px, #004983 4px, #ffffff 5px, #ffffff 100%);}
  40%{background: radial-gradient(circle at center, #004983 0px, #004983 5px, #ffffff 6px, #ffffff 100%);}
  50%{background: radial-gradient(circle at center, #004983 0px, #004983 6px, #ffffff 7px, #ffffff 100%);}
  60%{background: radial-gradient(circle at center, #004983 0px, #004983 7px, #ffffff 8px, #ffffff 100%);}
  70%{background: radial-gradient(circle at center, #004983 0px, #004983 8px, #ffffff 9px, #ffffff 100%);}
  80%{background: radial-gradient(circle at center, #004983 0px, #004983 9px, #ffffff 10px, #ffffff 100%);}
  90%{background: radial-gradient(circle at center, #004983 0px, #004983 10px, #ffffff 10px, #ffffff 100%);}
  100%{background: radial-gradient(circle at center, #004983 0px, #004983 8px, #ffffff 9px, #ffffff 100%);}
}