@import '../../../../../pmp-material-theme-variables.scss';
@import '../../../../../pmp-material-theme-utils.scss';

:host { 
    fieldset { border:none;
        legend, button { margin-bottom:24px; }
    }
    button { float:right;
        md-icon { vertical-align:middle; }
    }
    legend { float:left; line-height:37px; transition:color #{$base-transition};
        md-icon { margin-right:8px; position:relative; top:6px; }
        &.error { color:$palette-warn; }
    }
    [ng-reflect-id^="rule.rulePattern"] { max-width:75%; }
}