.searchBarButton {background-color: #5C2282; border:none; transition: background-color ease 0.3s;}
.searchBarButton svg {fill: #fff;}

.searchBarButton:hover {background-color: #E3000F;}

/* filters */
.partControlAbstract label .label {margin-top: 2px;}
.partControlAbstract span.inputReplacer { border: solid 1px #5C2282; }
.partControlAbstract input[type="checkbox"] + label span.inputReplacer svg {fill: #5C2282;}
.partControlAbstract input[type="checkbox"]:not([disabled]):checked + label span.inputReplacer {background-color: #5C2282;}
.partControlAbstract input[type="checkbox"]:not([disabled]):checked + label span.inputReplacer svg {fill: #fff;}
.partControlAbstract input[type="radio"]:not([disabled]):checked + label span.inputReplacer:after {background-color: #5C2282;}
.partControlAbstract span.inputReplacer {margin-top: 4px;}

.partControlReset li button {
    background-color: transparent;
    border: solid 1px #5C2282;
    border-radius: 2px;
    padding: 0px 9px;
    color: #5C2282;
    border-radius: 0;
}

.partControlReset li .remove svg {
    fill: #5C2282;
}

.partControlReset li button:hover .remove svg {fill: #fff;}

.partControlReset li button:hover {
    background-color: #5C2282; color: #fff; border-color: #5C2282;
}

.partControlReset li.removeAllFilters button {
    border-color: #E3000F;
    color: #E3000F;
}

.partControlReset li.removeAllFilters button:hover {
    background-color: #E3000F; color: #fff;
}

.partControlReset li button {flex-wrap: wrap;}
.partControlReset .selectedFiltersLabel, .partControlReset li button {min-height: 28px; height: auto;}

.formV2 input[type="radio"] + label span.inputReplacer:after {background-color: #5C2282;}
.formV2 input[type="checkbox"] + label span.inputReplacer svg {fill: #5C2282;}

#partFormControlTextareaFormRespijtZorgAanmeldenKostenKeuzeOther {border:solid 1px #5C2282; background-color: rgba(92, 34, 130, 0.05); padding:15px;}

.dropDownContainer li.selected {background-color: #5C2282;}

/* form */

.partUpload .uploadButton {background-color: #5C2282;}
.partUpload .uploadSelect {border-color: #5C2282; background-color: rgba(92, 34, 130,0.1);}
.partUpload .uploadViaFile input[type="file"]:hover + .uploadButton, .uploadButton:hover {background-color: #E3000F;}

.formV2 .formItemContainerLabel {font-weight: 700;}

#formRespijtZorgAanmelden h2 {margin-bottom: 10px; margin-top: 20px;}
#formRespijtZorgAanmelden .purpleBox {font-size: 14px; margin-left: 250px; color:#5C2282; border:solid 1px #5C2282; background-color: rgba(92, 34, 130, 0.05); padding:15px; padding-bottom: 0; margin-bottom: 10px;}
#formRespijtZorgAanmelden .purpleBox.fullWidth{margin-left: 0;}

#partFormControlInputTextFormRespijtZorgAanmeldenName {box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); padding:20px; border-radius: 10px;}
#partFormControlInputTextFormRespijtZorgAanmeldenName input {height: 46px; font-size: 24px; font-family: 'Raleway', sans-serif; font-weight: 600; color: #5C2282; border-color: #5C2282;}
#partFormControlInputTextFormRespijtZorgAanmeldenName .formItemContainerLabel, #partFormControlInputTextFormRespijtZorgAanmeldenName .formItemContainerContent {width: 100%;}
#partFormControlInputTextFormRespijtZorgAanmeldenName  .formItemContainerLabel label {color: #5C2282;}

#partFormControlRichText3FormRespijtZorgAanmeldenDescription {margin-bottom: 30px; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); padding:20px; border-radius: 10px;}
#partFormControlRichText3FormRespijtZorgAanmeldenDescription input {height: 46px; font-size: 24px; font-family: 'Raleway', sans-serif; font-weight: 600; color: #5C2282; border-color: #5C2282;}
#partFormControlRichText3FormRespijtZorgAanmeldenDescription .formItemContainerLabel, #partFormControlRichText3FormRespijtZorgAanmeldenDescription .formItemContainerContent {width: 100%;}

@media screen and (max-width: 767px){
    #formRespijtZorgAanmelden .purpleBox {margin-left: 0;}
}