+@media only screen and (max-width: @largestMobileScreen) {
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-ok,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-ok > td {
+ background-color: @cotisOkBackgroundColor;
+ }
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-never,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-never > td {
+ background-color: @cotisNeverBackgroundColor;
+ }
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-exempt,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-exempt > td {
+ background-color: @cotisExemptBackgroundColor;
+ }
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-soon,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-soon > td {
+ background-color: @cotisSoonBackgroundColor;
+ }
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-late,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-late > td,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.transaction-uncomplete,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.transaction-uncomplete > td {
+ background-color: @cotisLateBackgroundColor;
+ }
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-lastday,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-lastday > td {
+ background-color: @cotisLastdayBackgroundColor;
+ }
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-normal,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-normal > td,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.transaction-normal,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.transaction-normal > td {
+ background-color: @cotisOkBackgroundColor;
+ }
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-give,
+ .ui.ui.ui.ui.table.listing:not(.unstackable) > tbody > tr.cotis-give > td {
+ background-color: @cotisLateBackgroundColor;
+ }
+}