div[data-role="controlgroup"], fieldset[data-role="controlgroup"] {
    padding: 0;
    margin: .5em 0;
    clear: both;
}

    div[data-role="controlgroup"] + *, fieldset[data-role="controlgroup"] + * {
        clear: both;
    }

*[data-role="controlgroup"].ui-mini .ui-btn-icon-notext,
*[data-role="controlgroup"] .ui-mini.ui-btn-icon-notext {
    font-size: inherit;
}

*[data-role="controlgroup"] .ui-btn,
*[data-role="controlgroup"] .ui-checkbox,
*[data-role="controlgroup"] .ui-radio,
*[data-role="controlgroup"] .ui-select {
    margin: 0;
}

    *[data-role="controlgroup"] .ui-btn:focus,
    *[data-role="controlgroup"] .ui-btn.ui-focus {
        z-index: 1;
    }

*[data-role="controlgroup"] li {
    list-style: none;
}

*[data-role="controlgroup"][data-type="horizontal"] .ui-btn,
*[data-role="controlgroup"][data-type="horizontal"] li > .ui-btn,
*[data-role="controlgroup"][data-type="horizontal"] .ui-checkbox,
*[data-role="controlgroup"][data-type="horizontal"] .ui-radio,
*[data-role="controlgroup"][data-type="horizontal"].ui-select {
    float: left;
    clear: none;
}

*[data-role="controlgroup"][data-type="horizontal"] button.ui-btn,
*[data-role="controlgroup"] .ui-btn-icon-notext {
    width: auto;
}

*[data-role="controlgroup"][data-type="horizontal"] .ui-btn-icon-notext,
*[data-role="controlgroup"][data-type="horizontal"] button.ui-btn-icon-notext {
    width: 1.5em;
}

*[data-role="controlgroup"] .ui-btn-icon-notext {
    height: auto;
    padding: .7em 1em;
}

*[data-role="controlgroup"]:not([data-type="horizontal"]) .ui-btn {
    border-bottom-width: 0;
}

*[data-role="controlgroup"]:not([data-type="horizontal"]) .ui-checkbox:last-child .ui-btn {
    border-bottom-width: 1px;
}

*[data-role="controlgroup"][data-type="horizontal"] .ui-btn {
    border-right-width: 0;
}

    *[data-role="controlgroup"][data-type="horizontal"] .ui-btn:last-child {
        border-right-width: 1px;
    }

*[data-role="controlgroup"][data-type="horizontal"] .ui-radio:last-child label {
    border-right-width: 1px;
}

*[data-role="controlgroup"] .ui-btn-corner-all,
*[data-role="controlgroup"] .ui-btn.ui-corner-all {
    -webkit-border-radius: 0;
    border-radius: 0;
}

*[data-role="controlgroup"] .ui-radio,
*[data-role="controlgroup"] .ui-checkbox,
*[data-role="controlgroup"] .ui-select,
*[data-role="controlgroup"] li {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

*[data-role="controlgroup"][data-type="horizontal"] .ui-btn:first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
}

*[data-role="controlgroup"][data-type="horizontal"] .ui-btn:last-child {
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

*[data-role="controlgroup"] a.ui-shadow:not(:focus),
*[data-role="controlgroup"] button.ui-shadow:not(:focus),
*[data-role="controlgroup"] div.ui-shadow:not(.ui-focus) {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Fixes legend not wrapping on IE10 */
fieldset[data-role="controlgroup"] legend {
    max-width: 100%;
}

.ui-textinput-autogrow-resize {
    -webkit-transition: height 0.25s;
    -o-transition: height 0.25s;
    -moz-transition: height 0.25s;
    transition: height 0.25s;
}
