styles.css

table.riskmatrix {min-width:400px;margin-bottom:10px;}
table.riskmatrix caption {color:#444;}
table.wikitable.riskmatrix td, table.wikitable.riskmatrix th {border: 1px solid #cfcfcf;}
td.risk {height:2em; height: 50px; width: 140px; text-align: center;}
table.wikitable.riskregistry td, table.wikitable.riskregistry th {border: 1px solid #cfcfcf; padding: 0.5em 0.4em;}
table.wikitable.sortable th {padding-right: 21px;}
table.wikitable.riskregistry .editlink {display: inline; float: right; background-color:white;}
.editlink {float: right; padding: 1px 2px; background-color:white;}
.bs-tag-universalexport_exclude, .bs-universalexport-exportexclude {display:inline; float:right; background: white}
.riskmatrix .circle-green {color:#85c226;}
.riskmatrix .circle-yellow {color:#ffeb3b;}
.riskmatrix .circle-red {color:#e77843;}
.riskmatrix td.text {font-size:0.9em;}

.risk.r1,.A1, td[data-order="A1"] {background:#fff !important;} /*white */
.risk.r2,.A2,.B1, td[data-order="A2"], td[data-order="B1"] {background:#b8dc7c;} /*light green */
.risk.r3,.A3,.B2,.C1, td[data-order="A3"], td[data-order="B2"], td[data-order="C1"]  {background:#85c226  !important;} /*middle green */
.risk.r4,.A4,.B3,.C2,.D1, td[data-order="A4"], td[data-order="B3"], td[data-order="C2"], td[data-order="D1"]  {background:#7ea93a  !important;  color:#1F1F1F;} /*dark green */
.risk.r5,.A5,.B4,.C3,.D2,.E1, td[data-order="A5"], td[data-order="B4"], td[data-order="C3"], td[data-order="D2"], td[data-order="E1"]  {background:#fff974;} /*yellow */
.risk.r6,.B5,.C4,.D3,.E2, td[data-order="B5"], td[data-order="C4"], td[data-order="D3"], td[data-order="E2"] {background:#f8c301  !important;} /*light orange */
.risk.r7,.C5,.D4,.E3, td[data-order="C5"], td[data-order="D4"], td[data-order="E3"] {background:#e77843  !important; color:#1F1F1F;} /*dark orange */
.risk.r8,.D5,.E4, td[data-order="D5"], td[data-order="E4"] {background:#dc214c  !important; color:white;} /*red */
.risk.r9,.E5, td[data-order="E5"] {background:#9168a2  !important; color:white;} /*purple */
.center {text-align:center;}

.riskregistry .Low, td[data-order="Low"] {background: #b8dc7c  !important;}
.riskregistry .Medium, td[data-order="Medium"] {background: #fff974  !important; color:#1F1F1F;}
.riskregistry .High, td[data-order="High"] {background: #dc214c  !important; color:white;}
.riskregistry .colNarrow {width:100px;}
.riskregistry .colExtraNarrow {width:80px;}
.riskregistry.single {margin-bottom:40px;}
.riskregistry.single th { text-align:left;}
.riskregistry.single th.tablehd-empty {background:#fff; border-top:1px solid #fff; }
.riskregistry.single th.tablehd-riskstatus {text-align:center; }
.riskregistry .colPlanned {width:80px; text-align:center;}

.riskregistry .new a {color:#b73a3a !important;}
#hdlinks .editlink {float:right;} 
/* #######################################   
Styles for Forms
#################################### */
.formtable th {vertical-align: top;width: 130px; background:#e9e9ee}
table.formtable td, table.formtable th {border:2px solid #fff; vertical-align:top; padding:8px}
.formtable.incidentReport th {vertical-align: top; width: 250px; padding:10px; text-align:right;}
.mw-ui-input {width:auto; padding: 6px;border: 1px solid #a2a9b1; }
#content form input[type=text].x-form-field {background:white !important;}
.multipleTemplateInstanceTable .fieldValuesDisplay {padding-left:5px;}


/*forminput*/
.IMSforminput {
    background: #efefef;
    padding: 0 10px 8px;
    margin-top: 2em;
}

.IMSforminput  button span, 
.IMSforminput .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    font-size:0.9em
}
/*Forminput width on rollup pages*/
.IMSforminput {display:flow-root; margin-bottom:40px}
.IMSforminput  .oo-ui-textInputWidget {width:25em}

@media only screen and (max-width: 600px)
{
.IMSforminput .oo-ui-textInputWidget {
    width: 100%;
}
}