/******************
    User custom CSS
    ---------------
    Template v1.2
    17-06-2023
    WCAG

    Bij kopie thema vervang:
    
    lettertype:     Roboto
    rood:           219, 81, 151
    oranje:         217, 33, 99
    
*/

/** Font */

@import url('https://fonts.googleapis.com/css2?family=Poppins: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');

/** make 1 rem 10px*/
:root {
    font-size: 62.5% !important;
    --outline: 2px dashed #000;
    --outline-offset: 2px; 
}
html, body { 
    min-height: 100%;
    line-height: 1.6;
}
body {
    background-image: url(/tmp/assets/584e8855/background_balloons.png) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-color: rgb(219, 81, 151) !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.8rem;
    line-height: 1.6;
    /* background: linear-gradient(180deg, rgba(252,252,252,1) 67%, rgba(240,243,246,1) 100%); */
    padding-top: 0px !important; /* Zonder nav logo */
    /*padding-top: 60px !important;*/ /* Bij nav logo */
}
p {
    margin: 0 0 2rem;
}
/** zorgen dat de vraag niet buiten de pagina valt */
@media (max-width: 767px) {
    #dynamicReloadContainer {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}
#navigator-container {
    padding: 0 2rem;
}
/* Knoppen even groot als verzenden knop */
/* #ls-button-previous,
#ls-button-submit {
    width: 118px;
} */

/** Background color */

a.animate:after,
.answer-item label::after,
button,
.btn,
.btn.active,
#navbar,
.navbar-default,
.progress-bar,
.geoloc-item .input-group-addon,
input[type="checkbox"]:checked:after,
.slider-selection,
.slider-handle {
    border-color: rgb(219, 81, 151) !important;
    background-color: rgb(219, 81, 151) !important;
    /* background: linear-gradient(90deg, rgba(219, 81, 151,1) 0%, rgba(217, 33, 99,1) 100%) !important; */
    color: #fff !important;
}
/** Background:hover color */

button:hover,
.btn:hover,
.slider-handle:hover {
    background-color: rgb(217, 33, 99) !important;
    color: #fff !important;
    /* background: linear-gradient(90deg, rgba(219, 81, 151,1) 0%, rgba(217, 33, 99,1) 100%) !important; */
}
button.active,
.btn.active,
button.focus,
.btn.focus {
    background: rgba(219, 81, 151,0.5) !important;
}
.radio-list .btn,
.checkbox-list .btn,
.button-list .btn,
.sortable-choice li {
    font-weight: 600;
    background: rgba(219, 81, 151,0.05) !important;
    background-color: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* color: rgb(219, 81, 151) !important; */
    color: #222 !important;
    box-shadow: none !important;
}
.radio-list .btn.active,
.radio-list .btn:hover,
.checkbox-list .btn.active,
.checkbox-list .btn:hover,
.button-list .btn.active,
.button-list .btn:hover,
.sortable-rank li {
    background: linear-gradient(90deg, rgba(219, 81, 151,1) 0%, rgba(217, 33, 99,1) 100%) !important;
    color: #fff !important;
    box-shadow: 0 7px 21px rgba(219, 81, 151,0.33) !important;
}
.yesno-button li {
    margin-right: 5px;
}
.geoloc-item input[type="checkbox"] {
    filter: grayscale(1)
}
.leaflet-container {
    margin: 1rem 0;
}
.sortable-choice li,
.sortable-rank li {
    margin: 5px !important;
    border-radius: 15px !important;
    border: none !important;
}
.ls-answers tbody .answertext {
    text-align: left !important;
}

.fruity .well {
    /* border-radius: 15px; */
}
/** Text */

h1, h2 {
    font-weight: bold !important;
    /* color: rgb(219, 81, 151) !important; */
    color: #222 !important;
}
.question-text h1 {
    font-weight: bold !important;
    /* color: #fff !important; */
    color: #222 !important;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
a {
    color: rgb(219, 81, 151) !important;
}

body,
.text-primary {
    color: #222 !important;
}

.text-info,
.fruity .text-info {
	color: #575757 !important;
	font-size: 1.2rem;
}
.text-info:hover {
    /* color: #11a9c4 !important; */
    color: #575757 !important;
    font-size: 1.2rem;
}
.text-danger {
	color: #B60000 !important;
}

.alert {
    border-radius: 1.5rem;
}

.ls-question-message {
    /* opacity: 0.5; */
    color: #222;
    padding-left: 15px;
}
.ls-question-message:hover {
    opacity: 1;
}
.input-error .ls-question-message {
    opacity: 1;
}

.question-text {
    font-weight: 600;
    font-size: 2rem;
    /* color: rgba(219, 81, 151,1); */
    color: #222 !important;
    display: inline-block;
}

.asterisk.pull-left {
    float: none !important;
    margin-top: 10px;
}

.fa-asterisk:before{
	content: "* Verplichte vraag";
	color: #a40707 !important;
    font-size: 16px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif !important;
}

.fa-exclamation-circle,
.ls-questionhelp:before  {
    /* display: none; */
}
.dir-ltr .ls-questionhelp {
    /* margin-left: unset; */
}

.question-text p {
	margin: 0 !important;
}
.answer-container p {
    white-space: initial;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
/* .answer-container {
    padding: 0 30px 0 30px !important;
} */

.answers-list.radio-list .button-item {
    white-space: normal !important;
}

/** no tables on mobile */

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    table.ls-answers,
    table.ls-answers thead,
    table.ls-answers tbody,
    table.ls-answers th,
    table.ls-answers td,
    table.ls-answers tr {
        display: block;
    }

    .dir-ltr table.ls-answers,
    .dir-ltr table.ls-answers thead,
    .dir-ltr table.ls-answers tbody,
    .dir-ltr table.ls-answers th,
    .dir-ltr table.ls-answers td,
    table.ls-answers tr {
        text-align: left;
    }

    .dir-rtl table.ls-answers,
    .dir-rtl table.ls-answers thead,
    .dir-rtl table.ls-answers tbody,
    .dir-rtl table.ls-answers th,
    .dir-rtl table.ls-answers td,
    table.ls-answers tr {
        text-align: right;
    }

    table.ls-answers thead {
        display: none
    }


    /* We don't need it for accessibility : we already have the label */

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

    table.ls-answers .information-item:empty {
        display: none
    }

    .dir-rtl table.ls-answers tbody td {
        text-align: right;
    }

    .ls-answers td.radio-item,
    .ls-answers td.checkbox-item {
        padding: 4px;
    }

    .dir-ltr .ls-answers td.radio-item,
    .dir-ltr .ls-answers td.checkbox-item {
        padding-left: 24px;
        padding-right: 4px;
    }

    .dir-rtl .ls-answers td.radio-item,
    .dir-rtl .ls-answers td.checkbox-item {
        padding-right: 24px;
        padding-left: 4px;
    }

    table.ls-answers tbody .control-label {
        text-align: left
    }

    .dir-rtl table.ls-answers tbody .control-label {
        text-align: right
    }

    table.ls-answers .answertextright {
        text-align: right
    }

    .dir-rtl table.ls-answers .answertextright {
        text-align: left
    }

    /* Show the label */
    table.ls-answers .ls-label-xs-visibility {
        display: block;
        position: relative;
        width: auto;
        height: auto;
        overflow: initial;
        white-space: normal;
    }

    .dir-ltr table.ls-answers .ls-label-xs-visibility {
        left: auto;
    }

    .dir-rtl table.ls-answers .ls-label-xs-visibility {
        right: auto;
    }

    table.ls-answers .radio-item .ls-label-xs-visibility,
    table.ls-answers .checkbox-item .ls-label-xs-visibility {
        line-height: initial;
        text-indent: initial;
    }

    .dir-ltr table.ls-answers .radio-item .ls-label-xs-visibility,
    .dir-ltr table.ls-answers .checkbox-item .ls-label-xs-visibility {
        margin-left: 0;
    }

    .dir-rtl table.ls-answers .radio-item .ls-label-xs-visibility,
    .dir-rtl table.ls-answers .checkbox-item .ls-label-xs-visibility {
        margin-right: 0;
    }

    table.ls-answers .ls-label-xs-visibility>* {
        position: relative;
        top: auto;
        width: auto;
        height: auto;
        overflow: auto;
    }

    .dir-ltr table.ls-answers .ls-label-xs-visibility>* {
        left: auto;
    }

    .dir-rtl table.ls-answers .ls-label-xs-visibility>* {
        right: auto;
    }

    .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::before,
    .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
        margin-left: -20px;
    }

    .dir-rtl table.ls-answers .radio-item label.ls-label-xs-visibility::before,
    .dir-rtl table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
        margin-right: -20px;
    }

    .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::after,
    .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
        margin-left: -20px;
    }

    .dir-rtl table.ls-answers .radio-item label.ls-label-xs-visibility::after,
    .dir-rtl table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
        margin-right: -20px;
    }

    table.ls-answers>tbody>tr:hover {
        background-color: transparent;
    }

    /* bs fix */
    table.ls-answers td.visible-xs,
    table.ls-answers th.visible-xs {
        display: block !important
    }
}

/** Navbar */
div.navbar.navbar-default.navbar-fixed-top {
	display: none !important;
}
.ls-link-action.ls-link-loadall.animate {
    display: none;
}

.language_change_container {
    height: unset;
}

#langs-container {
    overflow: unset !important;
}

/** Form global */

.input-error {
    
}

/** Form field colors */
.form-control:focus,
.select-search .dropdown-item .selectize-input.focus {
    border: 1px solid rgb(219, 81, 151) !important;
    box-shadow: inset 0 1px 1px rgba(219, 81, 151,20%), 0 0 8px rgba(219, 81, 151,60%) !important;
}

.input-group label {
    line-height: 2rem !important;
}
/** controleren wat nodig is voor de sliders */
.slider-handle {
    border-radius: 100% !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
    cursor: pointer;
}
.slider-untouched .slider-selection {
    background: rgba(204, 204, 204, 0) !important;
}
.slider-untouched .slider-handle {
    background: #555 !important;
}
.btn-slider-reset {
    padding: 0px !important;
    height: 1.5em;
    width: 1.5em;
    top: -0.5em;
    background: #777 !important;
} 
.btn-slider-reset span {
    display: none;
}
.slider-container > .ls-input-group-extra {
    vertical-align: unset !important;
}
.slider-container > .ls-input-group-reset .btn-slider-reset {
    border: 1px solid #ccc !important;
    color: #ccc !important;
    background: transparent !important;
    width: 3.5rem !important;
    height: 2rem;
    line-height: 1.75rem;
    margin-top: 2em;
}
.slider-container > .ls-input-group-reset .btn-slider-reset:hover {
    border: 1px solid rgb(219, 81, 151) !important;
    color: rgb(219, 81, 151) !important;
    background: transparent !important;
}
.slider-container > .ls-input-group-reset .btn-slider-reset:focus {
    outline: 1px !important;
}
.slider-container > .ls-input-group-reset .btn-slider-reset::after {
    content:"N.V.T.";
    font-weight: bold;
    font-size: 8px;
}
.slider-container > .ls-input-group-reset i {
    display: none;
}
.slider-left, .slider-right {
    hyphens: none !important;
    font-size: 1.8rem !important;
    display: flex;
    padding: 0;
}
.slider-left {
    text-align: left;
    padding-left: 1em;
}
.slider-right {
    text-align: left;
    padding-right: 1em;
}
.form-horizontal .control-label {
    text-align: left;
}
.slider-list .slider-container {
    margin-top: 0;
}
.slider.slider-horizontal.slider-untouched {
    margin-top: 2em;
}
@media (min-width: 769px) {
    .slider-list .slider-left, .slider-list .slider-right {
        margin-top: unset;
    }
}

.slider.slider-horizontal.slider-untouched {
    margin-top: unset;
}

.slider-list .slider-item .col-sm-12 .ls-input-group {
    margin-top: unset;
}
/* .slider-item .container-fluid .col-sm-2 {
    margin-top: 0 !important;
}
.slider-left, .slider-right {
    text-align: left !important;
    hyphens: none !important;
    font-size: 1.6rem !important;
} */

/** Transitions */

a,
button,
#navbar,
.navbar-default,
.text-info,
.question-container,
.radio-list .btn,
.checkbox-list .btn,
.button-list .btn,
.sortable-choice li {
    transition: all 0.2s ease;
}

/** Animations */

button:hover,
button:active,
button:focus,
#navbar:hover,
.navbar-default:hover,
.slider-handle:hover {
    box-shadow: 0 7px 21px rgba(219, 81, 151,0.33);
}

.question-container.input-error {
    box-shadow: 0 7px 21px rgba(219, 81, 151,0.33) !important;
}

/** Regular */

p,
.h4 {
  line-height: 1.5em;
}

.navbar,
.navbar ul li {
    /* height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important; */
}
.navbar .logo {
    max-height: 60px !important;
    width: 100%;
    height: auto;
}
.logo-container>img {
    padding: 4px !important;
    border-radius: 15px;
}
#navbar,
.navbar-default {
    box-shadow: 0 0px 7px rgba(0,0,0,0.33);
}
#navbar a,
.navbar-default a {
    color: #fff !important;
    line-height: 3rem;
}
#navbar .open > a,
.navbar-default .open > a {
    background-color: transparent !important;
}
#navbar .dropdown-menu a,
.navbar-default .dropdown-menu a {
    color: #222 !important;
}
@media only screen and (max-width: 767px) {
    #navbar .dropdown-menu a,
    .navbar-default .dropdown-menu a {
        color: #fff !important;
    }
}
#navbar .dropdown-menu a:hover,
.navbar-default .dropdown-menu a:hover {
    background-color: rgba(0,0,0,0.1) !important;
}
.top-container {
    padding-left: 15px;
    padding-right: 15px;
}
.top-container .progress {
    border-radius: 1.5rem;
}
button,
.btn {
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 33%); */
    border: none !important;
    border-radius: 15px !important;
    font-weight: 600;
    /* font-size: 1.5rem; */
    /* text-transform: uppercase; */
    hyphens: none !important;
}

.question-container {
    border-radius: 15px;
}

.navbar-toggle {
    background: none !important;
    color: #fff !important;
    padding: 5px !important;
    box-shadow: none !important;
}
.navbar-toggle .icon-bar {
    background-color: #fff !important;
}

/** Select */

.select-search .answer-item {
    display: block !important;
}
.answer-item.radio-item:hover {
    /* background: rgba(21, 66, 114, 0.08); */
    /* border-radius: 5px; */
}
.select-search .dropdown-item .selectize-control {
    width: 100%;
}

/** CB */
.radio-list:not(.image-radio) .radio-item label::before,
.radio-list:not(.image-radio) .radio-item label::after,
.radio-list:not(.image-radio) .radio-item label:focus::before,
.radio-list:not(.image-radio) .radio-item label:active::before,
.checkbox-list label::before,
.checkbox-list .checkbox-item label::after,
.checkbox-list .checkbox-item label:focus::before,
.checkbox-list .checkbox-item label:active::before,
.list-radio:not(.image-radio) .radio-item label::before,
.list-radio:not(.image-radio) .radio-item label::after,
.list-radio:not(.image-radio) .radio-item label:focus::before,
.list-radio:not(.image-radio) .radio-item label:active::before {
    content: none;
    background-color: transparent;
}
.radio-list:not(.image-radio) .radio-item input[type="radio"] + label::before, 
.checkbox-list .checkbox-item input[type="checkbox"] + label::before,
.list-radio:not(.image-radio) .radio-item input[type="radio"] + label::before {
    font-family: Arial;
    font-size: 2rem;
    line-height: 1rem;
    content: "";
    font-weight: bold;
    background-color: transparent;
    /* color: #ccc !important; */
    color: #222 !important;
    border: solid 1px;
}
.radio-list:not(.image-radio) .radio-item input[type="radio"]:checked + label::after,
.checkbox-list .checkbox-item input[type="checkbox"]:checked + label::after,
.list-radio:not(.image-radio) .radio-item input[type="radio"]:checked + label::after {
    font-family: Arial;
    font-size: 2rem;
    line-height: 1rem;
    content: "\2713";
    font-weight: bold;
    background-color: transparent !important;
    color: rgb(217, 33, 99) !important;
    background: none !important;
    border-color: #222;
}
.radio-item label::before,
.radio-item label::after{
    top: 5px !important;
}

.radio-list .radio-item input[type="radio"]:checked + label::after,
.list-radio:not(.image-radio) .radio-item input[type="radio"]:checked + label {
    font-weight: bold;
}
.dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::after {
    margin-left: -23px;
}
.ls-answers.answers-list.radio-list.multiple-list.nbcol-7.row {
    gap: 4px;
    padding: 8px;
}
/** fix matrix radio possition and visability */
.radio-item .ls-label-xs-visibility {
    height: 25px !important;
}
.dir-ltr .radio-item .ls-label-xs-visibility {
    margin-top: 9px !important;
}

/** CB: Image */

.image-radio ul {
    margin: 0;
    padding: 0;
}
.image-radio .radio-item {
    padding: 0 !important;
    margin: 0 !important;
}
.image-radio .radio-item label {
    font-size: 2rem;
    width: 100%;
}
.image-radio .radio-item img {
    max-width: 100px !important;
    max-height: 50px;
}
.image-radio .radio-item label:hover {
    /* background: rgba(219, 81, 151, 0.25); */
    /* border-radius: 15px;	 */
    border: 2px solid rgb(219, 81, 151) !important;
}
.image-radio .radio-item label::before {
    content: none !important;
    /* border-radius: 15px; */
}
.image-radio .radio-item input[type="radio"]:checked + label {
    background: rgba(219, 81, 151, 0.25);
}
.image-radio .radio-item input[type="radio"]:checked + label::after {
    content: none !important;
	text-align: center;
}

.image-radio-small .radio-item label {
    padding: 1rem 1rem;
}

.image-radio-small .radio-item img {
    max-width: 50px !important;
    margin: 1rem;
}

.ls-answers.answers-list.radio-list.multiple-list {
    display: flex;
    justify-content: space-evenly;
}

.multiple-opt ul {
    margin: 0;
    padding: 0 2rem;
}
.multiple-opt .answer-item {
    padding: 0 !important;
    margin: 0 !important;
}
.multiple-opt .answer-item label {
    padding-left: 3rem;
    font-size: 1rem;
    font: unset;
    font-family: unset;
    /* text-align: center; */
    width: 100%;
}
.multiple-opt .answer-item img {
    max-width: 100px !important;
}
@media (hover: hover) {
    .multiple-opt .answer-item label:hover {
        /* background: linear-gradient(90deg, rgba(219, 81, 151,0.1) 0%, rgba(217, 33, 99,0.1) 100%) !important; */
    }
}
.multiple-opt .answer-item label::before {
    content: none !important;  
}
.multiple-opt .answer-item input[type="radio"]:checked + label,
.multiple-opt .answer-item input[type="checkbox"]:checked + label {
    background: linear-gradient(90deg, rgba(219, 81, 151,0.33) 0%, rgba(217, 33, 99,0.33) 100%) !important;
}
.multiple-opt .answer-item input[type="radio"]:checked + label::after,
.multiple-opt .answer-item input[type="checkbox"]:checked + label::after {
    content: none !important;
}

.multiple-opt-small .answer-item label {
    padding: 1rem 1rem;
}

.multiple-opt-small .answer-item img {
    max-width: 50%;
    margin: 1rem;
}

/** Triade */

.triadeQuestion .survey-question-help::before,
.triadeQuestion .triade-container .triade-cancel:before,
.triadeQuestion .triade-container .triade-cancel.checked:before{
    color: rgb(219, 81, 151);
}
 .triadeQuestion .triade-draggable {
     background-color: rgb(219, 81, 151);
     border-color: rgb(219, 81, 151);;
 }

 .triadeQuestion .ui-draggable-dragging {
	background-color:  rgb(217, 33, 99);
}
  
.triadeQuestion .triade-draggable-droppable {
	background-color: rgb(219, 81, 151);
} 
 /**lengte dropdown balk volledig*/
.form-inline .form-group{
    flex-wrap: wrap;
    gap: 8px;
	display: flex !important;
	width: 100% !important;
} 
.selectize-input{
	width:100% !important;
}
.form-control {
	max-width: 100% !important;
	width: 100% !important;
    /* border-radius: 1.5rem; */
}
.selectize-dropdown{
	width: 100% !important;
}
.selectize-control.single{
	width: 100% !important;
}
.yesno-button{
	width: 100% !important;
}

/* Kleur vragen aanpassen */
.ls-label-question > h2, h3 {
    color: #222 !important;
    font-size: 1.8rem;
}
/** mobiele weergav*/
/* @media only screen and (max-width: 600px) {
    body {
        background-color: #fff;
    }
    .question-container {
        background-color: #fff;
        box-shadow: 0 0 14px rgb(0 0 0 / 15%);
        padding: 1rem;
    }
    .group-container {
        padding-left: unset;
        padding-right: unset;
    }
    .question-text {
        display: block;
        padding: 1rem 2rem;
        margin: 0;
        background-color: #fff;
        box-shadow: none;
    }
    
    .ls-label-question {
        font-weight: bold;
    }
    
    .image-radio .radio-item img {
        max-height: 80px;
    }
    #dynamicReloadContainer,
    .dynamicReloadContainer {
        padding: 16px !important;
    }
} */
/**Wit regels instellen*/
body{
	line-height: 2.8rem !important;
}

@media (max-width: 767px) {
	#bootstrap-alert-box-modal {
		bottom: unset;
	}
    .ls-answers.answers-list.radio-list.multiple-list {
        flex-direction: column;
    }
    body {
        padding-top: 0px !important;
        hyphens: none !important;
    }
}
/** Privacy */
.fruity .panel-primary>.panel-heading {
    background-color: rgba(219, 81, 151);
    border: 1px solid  rgba(219, 81, 151);
}

.fruity .panel-primary {
    border: 1px solid  rgba(219, 81, 151);
}
/** overig */
.group-description.row.well.space-col{
    background-color: transparent;
    border: none;
    box-shadow: none;
}

dt {
    color: rgba(219, 81, 151);
    font-weight: 500;
}

.group-outer-container.space-col {
    margin-bottom: 0;
}

.select-sortable-lists .list-unstyled  {
    list-style: auto;
    padding-left: 10px; 
    height: auto;
}
/* Voortgangs balk */
.top-container .container-fluid {
    width: 33%;
    max-width: 1200px;
    align-self: center;
}
@media only screen and (max-width: 1200px) {
    .top-container .container-fluid {
        width: 66%;
    }
}
/* WCAG */
li:has(:focus-visible),
.privacy:has(input:focus-visible),
label:has(input:focus-visible),
li:focus
.privacy:focus,
label:focus
.table-array-radio td:focus,
.btn:focus-visible,
label .focus,
label .active,
.btn.focus,
.btn.active.focus,
td:has(:focus-within),
input:active,
input:focus,
input:focus-visible,
textarea:active,
textarea:focus,
textarea:focus-visible,
.navbar-header button:focus-visible {
    outline: 2px dashed #000 !important;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff !important;
}

.navbar-header button:focus-visible {
    border-radius: unset !important;
}

label.btn.btn-secondary.active {
    border: none !important;
}
.hasFocus {
    background: rgba(217, 33, 99) !important;
    outline: var(--outline) !important;
    outline-offset: var(--outline-offset) !important;
}
/** ranking zichtbaar maken. Gebeurt ook met een tab*/
.js .ls-js-hidden-sr:has(:focus-visible) {
    position: unset;
    top: unset;  
    width: unset;
    white-space: unset;
    height: unset;
    overflow: unset;
     clip: unset;
 }
 /* Tekst invoer */
.fruity .form-control {
    color: #222;
    background-color: #fff;
    border: 1px solid #222;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.text-info, .fruity .text-info {
    color: #222 !important;
    font-size: 1.2rem;
}

.help-block.slider-min-block,
.help-block.slider-max-block {
    color: #222;
}
.ls-no-js-hidden.panel-footer {
    border-radius: 0 0 15px 15px;
}

.panel-heading {
    border-radius: 15px 15px 0 0;
}

.panel.panel-primary    {
    border-radius: 17px 17px 15px 15px;
}

.fruity .panel-footer {
    background-color: #fff !important;
    border: none !important;
}
.fruity .dropdown-menu>li>a:focus {
    color: #fff;
    background-color:rgba(217, 33, 99) !important;
}
/** array vraag */

.array-vraag {
    font-weight: bold;
}

button.close {
    padding: 0.25em;
}
.close {
    opacity: 1;
}

.checkbox-item input[type="checkbox"] {
    opacity: 1;
    z-index: unset;
}

.ls-privacy-body,
.text-primary {
    padding: 0 15px;
} 

.question-help-container .col-sm-4 > img,
.sortable-choice li > img,
.list-samechoiceheight .sortable-list  {
    border-radius: 1.125rem;
} 

/** Matrix remove borders and round the borders */
table {
    margin-left: -10px !important;
    border-spacing: 10px;
    border-collapse: separate;
}

.fruity .table-bordered, 
td, 
th {
 border-color: transparent !important;
 border-radius: 1.25rem !important;
}

#outerframeContainer {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
@media (min-width: 766px) {
    #outerframeContainer {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

/** Aanpassingen voor Inwoners Enschede */
/* Achtergrond een geheel*/
#main-row {
    background-color: #fff;
    padding: 0px 50px;
    margin: 25px 0 50px 0;
    border-radius: 50px;
    /* text-align: center; */
}
/* Vraag styling */
.question-title-container {
    padding-top: 0;
    padding-bottom: 0;
}
.question-help-container {
    padding-left: 30px;
}
/* navigeer knoppen styling */
.btn[type="submit"] {
    background-color: #db5197 !important;
    min-height: auto !important;
    color: #fff !important;
    padding: 15px 25px !important;
}
.btn {
    white-space: normal !important;
}
button, .btn {
    border: solid 2px #db5197 !important;
    border-radius: 5px !important;
    font-weight: 600;
    font-size: 1.5rem;
    background-color: #fff !important;
    color: #db5197 !important;
    font-weight: bold !important;
}
.navigator {
    padding-bottom: 50px !important;
}
#ls-button-previous {
    background-color: #fff !important;
    color: #db5197 !important;
}
label {
    margin-bottom: 0px !important;
    padding-bottom: 5px;
}
.image-radio-small .answer-item img {
    max-width: 50px !important;
    margin: 0;
    margin-right: 10px;
    max-height: 50px;
    width: auto !important;
}
.image-radio-small .answer-item label {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-items: center;
    font-size: small;
    margin-left: 30px;
    height: 60px;
}
#question10934 input[type="radio"], #question10934 input[type="checkbox"] {
    margin: 20px 0 0 !important;
}
#question10915 .control-label.radio-label ,
#question11007 .control-label.radio-label {
    display: flex;
    justify-content: center !important;
    align-items: center;
}
.control-label.radio-label {
    display: flex;
    justify-content: left;
    align-items: center;
}
#question10918 {
    text-align: center;
}
[data-number='1'] {
    text-align: unset !important;
}
@media (max-width: 767px) {
    #dynamicReloadContainer {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    #main-row {
        padding: 0 16px !important;
    }
}
.row.kennisdomeinen {
    text-align: center !important;
    padding: 8px 0 0 0 !important;
}