This is what my style.css looks like. All I added was the .dgrid at the bottom.. Hoping it would override the previous css request but it seems to get overridden when I look at the developer tool. Here is a snap shot.
@import url("../common.css");
.jimu-widget-geoprocessing
.jimu-widget-geoprocessing .jimu-viewstack
.jimu-widget-geoprocessing .section
.jimu-widget-geoprocessing .opts [class*="col"]
.jimu-widget-geoprocessing .opts a.help{
line-height: 45px;
}
.jimu-widget-geoprocessing .section.opts{
margin-top: 20px;
}
.jimu-widget-geoprocessing .section .jimu-btn
.jimu-widget-geoprocessing .info
.jimu-widget-geoprocessing .info .text{
text-align: center;
width: 100%;
bottom: 0;
position: absolute;
}
.jimu-widget-geoprocessing .input-node, .jimu-widget-geoprocessing .output-node
.jimu-widget-geoprocessing .input-node>.input-label, .jimu-widget-geoprocessing .output-node>.output-label
.jimu-widget-geoprocessing .input-node>.editor-container, .jimu-widget-geoprocessing .output-node>.renderer-container{
margin-top: 5px;
width: 100%;
}
.TabTheme .jimu-widget-geoprocessing .jimu-tab>.control>.tab.jimu-state-selected{
border-top: 0;
}
.jimu-widget-geoprocessing li{
list-style: none;
}
.jimu-widget-geoprocessing .error-message{
text-align: left;
width: 100%;
margin-top: 10px;
color: #FF0000;
}
.dgrid