.ui-controlgroup {
    padding: 1px 0px;
    margin: 2px 0px;
    margin-right: 7px;
}

/* Match old jQuery UI 1.10.4 button sizing exactly */
.ui-button {
    padding: 4.6px 10.5px 3.5px 7.05px !important;
    font-size: 11.733px !important;
    font-family: Arial, Tahoma, Verdana, sans-serif !important;
    box-sizing: border-box;
    min-height: auto;
    height: auto !important;
    position: relative;
}

/* jQuery UI 1.14 no longer adds .ui-button-text-only modifier classes, so text-only
   buttons inherit the icon-friendly asymmetric padding from .ui-button above and end
   up shorter and visually left-shifted. Target the no-icon case by absence of a
   .ui-icon child to restore symmetric padding and icon-button height parity. */
.ui-button:not(:has(.ui-icon)) {
    padding: 4.6px 10.5px!important;
    min-height: 24.58px;
}

/* For buttons that still use the old span structure */
.ui-button .ui-button-text {
	padding: .4em 1em;
	display: block;
	line-height: normal;
}

.ui-controlgroup .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

.ui-controlgroup > .ui-controlgroup-item:not(.ui-button) {
	float: left;
	margin-left: 0;
	margin-right: 0;
}

/* Special cases for buttonsets: */
/* Do not highlight the buttonset container div */
.ui-controlgroup.ams-invalid-input {
    background-color: inherit;
}

/* Highlight the buttonset labels if the selection is invalid */
.ui-controlgroup.ams-invalid-input>label.ui-button {
    background: #fcdfdf;
}

/* Pad the margin of the buttonset's error icon, otherwise it hits the buttonset */
.ui-controlgroup .ams-validation-error {
    margin-left: 7px;
}

/* Hide radio button circles in controlgroup to match old buttonset appearance */
.ui-controlgroup .ui-checkboxradio-icon {
    display: none !important;
}

.ui-controlgroup-disabled {
    opacity: .55 !important;
    filter:Alpha(Opacity=55) !important;
}