.panel-title {
    background-color: #f3f3f3;
    font-size: 1.5em;
    color: var(--red);
    background-color: #f3f3f3;
}
.panel-title:hover {
    color: var(--red);
}
.form-wrapper{
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
}
.form-actions.webform-actions.form-group.js-form-wrapper.form-wrapper {
    text-align:center;
}
.form-item.js-form-item.form-type-webform-markup.js-form-type-webform-markup.form-item-.js-form-item-.form-no-label.form-group {
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%
}
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-membership-type.js-form-item-membership-type.form-group {
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%
}
.form-group.form-actions {
    text-align: center;
}
.form-item.js-form-item.form-type-processed-text.js-form-type-processed-text.form-item-.js-form-item-.form-no-label.form-group {
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%
}
/* for pages where width is not full*/
#edit-tags--wrapper {
    width: unset;
}
.form-item.js-form-item.form-type-textarea.js-form-type-textarea {
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
    margin-top:15px;
}
.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-specific-device.js-form-item-specific-device.form-group {
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
    margin-top:15px;
}
/* prevents flexbox within fieldset from getting smaller*/
.webform-flexbox {
    margin-left: 0;
    width: 100%;
}
/* fixes issues with exposed filters */
div#webform-submission-field-filter {
    width: fit-content !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
    margin-top: 3.3%;
}
.form-inline .form-control {
    display: block;
    width: auto;
    vertical-align: middle;
}
#check {
    height: 4%;
    width: 4%;
    display: none;
}
/*This fixes the position of the catalog search button which was messed up from above css */
.form-actions.form-group.js-form-wrapper.form-wrapper {
    margin-left: unset;
    margin-right: unset;
    width: unset;
}
@media screen and (max-width:725px){
    .form-wrapper {
        width: unset;
        margin-left: unset;
        margin-right: unset;
    }
}