table.css 75 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209
  1. /*!
  2. * # Fomantic-UI - Table
  3. * http://github.com/fomantic/Fomantic-UI/
  4. *
  5. *
  6. * Released under the MIT license
  7. * http://opensource.org/licenses/MIT
  8. *
  9. */
  10. /*******************************
  11. Table
  12. *******************************/
  13. /* Prototype */
  14. .ui.table {
  15. width: 100%;
  16. background: #FFFFFF;
  17. margin: 1em 0;
  18. border: 1px solid rgba(34, 36, 38, 0.15);
  19. -webkit-box-shadow: none;
  20. box-shadow: none;
  21. border-radius: 0.28571429rem;
  22. text-align: left;
  23. vertical-align: middle;
  24. color: rgba(0, 0, 0, 0.87);
  25. border-collapse: separate;
  26. border-spacing: 0;
  27. }
  28. .ui.table:first-child {
  29. margin-top: 0;
  30. }
  31. .ui.table:last-child {
  32. margin-bottom: 0;
  33. }
  34. .ui.table > thead,
  35. .ui.table > tbody {
  36. text-align: inherit;
  37. vertical-align: inherit;
  38. }
  39. /*******************************
  40. Parts
  41. *******************************/
  42. /* Table Content */
  43. .ui.table th,
  44. .ui.table td {
  45. -webkit-transition: background 0.1s ease, color 0.1s ease;
  46. transition: background 0.1s ease, color 0.1s ease;
  47. }
  48. /* Rowspan helper class */
  49. .ui.table th.rowspanned,
  50. .ui.table td.rowspanned {
  51. display: none;
  52. }
  53. /* Headers */
  54. .ui.table > thead {
  55. -webkit-box-shadow: none;
  56. box-shadow: none;
  57. }
  58. .ui.table > thead > tr > th {
  59. cursor: auto;
  60. background: #F9FAFB;
  61. text-align: inherit;
  62. color: rgba(0, 0, 0, 0.87);
  63. padding: 0.92857143em 0.78571429em;
  64. vertical-align: inherit;
  65. font-style: none;
  66. font-weight: bold;
  67. text-transform: none;
  68. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  69. border-left: none;
  70. }
  71. .ui.table > thead > tr > th:first-child {
  72. border-left: none;
  73. }
  74. .ui.table > thead > tr:first-child > th:first-child {
  75. border-radius: 0.28571429rem 0 0 0;
  76. }
  77. .ui.table > thead > tr:first-child > th:last-child {
  78. border-radius: 0 0.28571429rem 0 0;
  79. }
  80. .ui.table > thead > tr:first-child > th:only-child {
  81. border-radius: 0.28571429rem 0.28571429rem 0 0;
  82. }
  83. /* Footer */
  84. .ui.table > tfoot {
  85. -webkit-box-shadow: none;
  86. box-shadow: none;
  87. }
  88. .ui.table > tfoot > tr > th,
  89. .ui.table > tfoot > tr > td {
  90. cursor: auto;
  91. border-top: 1px solid rgba(34, 36, 38, 0.15);
  92. background: #F9FAFB;
  93. text-align: inherit;
  94. color: rgba(0, 0, 0, 0.87);
  95. padding: 0.78571429em 0.78571429em;
  96. vertical-align: middle;
  97. font-style: normal;
  98. font-weight: normal;
  99. text-transform: none;
  100. }
  101. .ui.table > tfoot > tr > th:first-child,
  102. .ui.table > tfoot > tr > td:first-child {
  103. border-left: none;
  104. }
  105. .ui.table > tfoot > tr:first-child > th:first-child,
  106. .ui.table > tfoot > tr:first-child > td:first-child {
  107. border-radius: 0 0 0 0.28571429rem;
  108. }
  109. .ui.table > tfoot > tr:first-child > th:last-child,
  110. .ui.table > tfoot > tr:first-child > td:last-child {
  111. border-radius: 0 0 0.28571429rem 0;
  112. }
  113. .ui.table > tfoot > tr:first-child > th:only-child,
  114. .ui.table > tfoot > tr:first-child > td:only-child {
  115. border-radius: 0 0 0.28571429rem 0.28571429rem;
  116. }
  117. /* Table Row */
  118. .ui.table > tr > td,
  119. .ui.table > tbody > tr > td {
  120. border-top: 1px solid rgba(34, 36, 38, 0.1);
  121. }
  122. .ui.table > tr:first-child > td,
  123. .ui.table > tbody > tr:first-child > td {
  124. border-top: none;
  125. }
  126. /* Repeated tbody */
  127. .ui.table > tbody + tbody tr:first-child > td {
  128. border-top: 1px solid rgba(34, 36, 38, 0.1);
  129. }
  130. /* Table Cells */
  131. .ui.table > tbody > tr > td,
  132. .ui.table > tr > td {
  133. padding: 0.78571429em 0.78571429em;
  134. text-align: inherit;
  135. }
  136. /* Icons */
  137. .ui.table > .icon {
  138. vertical-align: baseline;
  139. }
  140. .ui.table > .icon:only-child {
  141. margin: 0;
  142. }
  143. /* Table Segment */
  144. .ui.table.segment {
  145. padding: 0;
  146. }
  147. .ui.table.segment:after {
  148. display: none;
  149. }
  150. .ui.table.segment.stacked:after {
  151. display: block;
  152. }
  153. /* Responsive */
  154. @media only screen and (max-width: 767.98px) {
  155. .ui.table:not(.unstackable) {
  156. width: 100%;
  157. padding: 0;
  158. }
  159. .ui.table:not(.unstackable) > thead,
  160. .ui.table:not(.unstackable) > thead > tr,
  161. .ui.table:not(.unstackable) > tfoot,
  162. .ui.table:not(.unstackable) > tfoot > tr,
  163. .ui.table:not(.unstackable) > tbody,
  164. .ui.table:not(.unstackable) > tr,
  165. .ui.table:not(.unstackable) > tbody > tr,
  166. .ui.table:not(.unstackable) > tr > th:not(.rowspanned),
  167. .ui.table:not(.unstackable) > thead > tr > th:not(.rowspanned),
  168. .ui.table:not(.unstackable) > tbody > tr > th:not(.rowspanned),
  169. .ui.table:not(.unstackable) > tfoot > tr > th:not(.rowspanned),
  170. .ui.table:not(.unstackable) > tr > td:not(.rowspanned),
  171. .ui.table:not(.unstackable) > tbody > tr > td:not(.rowspanned),
  172. .ui.table:not(.unstackable) > tfoot > tr > td:not(.rowspanned) {
  173. display: block !important;
  174. width: auto !important;
  175. }
  176. .ui.table:not(.unstackable) > thead {
  177. display: block;
  178. }
  179. .ui.table:not(.unstackable) > tfoot {
  180. display: block;
  181. }
  182. .ui.ui.ui.ui.table:not(.unstackable) > tr,
  183. .ui.ui.ui.ui.table:not(.unstackable) > thead > tr,
  184. .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr,
  185. .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr {
  186. padding-top: 1em;
  187. padding-bottom: 1em;
  188. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  189. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  190. }
  191. .ui.ui.ui.ui.table:not(.unstackable) > tr > th,
  192. .ui.ui.ui.ui.table:not(.unstackable) > thead > tr > th,
  193. .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > th,
  194. .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > th,
  195. .ui.ui.ui.ui.table:not(.unstackable) > tr > td,
  196. .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td,
  197. .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > td {
  198. background: none;
  199. border: none;
  200. padding: 0.25em 0.75em;
  201. -webkit-box-shadow: none;
  202. box-shadow: none;
  203. }
  204. .ui.table:not(.unstackable) > tr > th:first-child,
  205. .ui.table:not(.unstackable) > thead > tr > th:first-child,
  206. .ui.table:not(.unstackable) > tbody > tr > th:first-child,
  207. .ui.table:not(.unstackable) > tfoot > tr > th:first-child,
  208. .ui.table:not(.unstackable) > tr > td:first-child,
  209. .ui.table:not(.unstackable) > tbody > tr > td:first-child,
  210. .ui.table:not(.unstackable) > tfoot > tr > td:first-child {
  211. font-weight: bold;
  212. }
  213. /* Definition Table */
  214. .ui.definition.table:not(.unstackable) > thead > tr > th:first-child {
  215. -webkit-box-shadow: none !important;
  216. box-shadow: none !important;
  217. }
  218. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.left {
  219. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  220. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  221. }
  222. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.right {
  223. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  224. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  225. }
  226. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.left {
  227. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  228. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  229. }
  230. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.right {
  231. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  232. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  233. }
  234. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.left {
  235. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  236. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  237. }
  238. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.right {
  239. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  240. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  241. }
  242. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.left {
  243. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  244. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  245. }
  246. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.right {
  247. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  248. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  249. }
  250. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.left {
  251. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
  252. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
  253. }
  254. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.right {
  255. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
  256. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
  257. }
  258. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.left {
  259. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
  260. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
  261. }
  262. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.right {
  263. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
  264. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
  265. }
  266. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.left {
  267. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
  268. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
  269. }
  270. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.right {
  271. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
  272. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
  273. }
  274. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.left {
  275. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
  276. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
  277. }
  278. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.right {
  279. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
  280. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
  281. }
  282. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.left {
  283. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
  284. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
  285. }
  286. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.right {
  287. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
  288. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
  289. }
  290. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.left {
  291. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
  292. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
  293. }
  294. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.right {
  295. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
  296. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
  297. }
  298. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.left {
  299. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
  300. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
  301. }
  302. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.right {
  303. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
  304. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
  305. }
  306. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.left {
  307. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
  308. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
  309. }
  310. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.right {
  311. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
  312. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
  313. }
  314. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.left {
  315. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
  316. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
  317. }
  318. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.right {
  319. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
  320. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
  321. }
  322. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.left {
  323. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
  324. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
  325. }
  326. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.right {
  327. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
  328. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
  329. }
  330. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.left {
  331. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
  332. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
  333. }
  334. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.right {
  335. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
  336. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
  337. }
  338. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.left {
  339. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
  340. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
  341. }
  342. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.right {
  343. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
  344. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
  345. }
  346. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.left {
  347. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  348. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  349. }
  350. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.right {
  351. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  352. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  353. }
  354. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.left {
  355. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  356. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  357. }
  358. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.right {
  359. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  360. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  361. }
  362. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.left {
  363. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
  364. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
  365. }
  366. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.right {
  367. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
  368. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
  369. }
  370. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.left {
  371. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
  372. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
  373. }
  374. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.right {
  375. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
  376. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
  377. }
  378. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.left {
  379. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
  380. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
  381. }
  382. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.right {
  383. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
  384. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
  385. }
  386. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.left {
  387. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
  388. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
  389. }
  390. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.right {
  391. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
  392. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
  393. }
  394. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.left {
  395. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
  396. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
  397. }
  398. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.right {
  399. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
  400. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
  401. }
  402. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.left {
  403. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
  404. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
  405. }
  406. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.right {
  407. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
  408. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
  409. }
  410. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.left {
  411. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
  412. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
  413. }
  414. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.right {
  415. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
  416. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
  417. }
  418. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.left {
  419. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
  420. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
  421. }
  422. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.right {
  423. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
  424. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
  425. }
  426. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.left {
  427. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
  428. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
  429. }
  430. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.right {
  431. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
  432. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
  433. }
  434. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.left {
  435. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
  436. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
  437. }
  438. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.right {
  439. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
  440. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
  441. }
  442. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.left {
  443. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  444. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  445. }
  446. .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.right {
  447. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  448. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  449. }
  450. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.left {
  451. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  452. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  453. }
  454. .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.right {
  455. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  456. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  457. }
  458. }
  459. /*******************************
  460. Coupling
  461. *******************************/
  462. /* UI Image */
  463. .ui.table .collapsing .image,
  464. .ui.table .collapsing .image img {
  465. max-width: none;
  466. }
  467. /*******************************
  468. Types
  469. *******************************/
  470. /*--------------
  471. Complex
  472. ---------------*/
  473. .ui.structured.table {
  474. border-collapse: collapse;
  475. }
  476. .ui.structured.table > thead > tr > th {
  477. border-left: none;
  478. border-right: none;
  479. }
  480. .ui.structured.sortable.table > thead > tr > th {
  481. border-left: 1px solid rgba(34, 36, 38, 0.15);
  482. border-right: 1px solid rgba(34, 36, 38, 0.15);
  483. }
  484. .ui.structured.basic.table > tr > th,
  485. .ui.structured.basic.table > thead > tr > th,
  486. .ui.structured.basic.table > tbody > tr > th,
  487. .ui.structured.basic.table > tfoot > tr > th {
  488. border-left: none;
  489. border-right: none;
  490. }
  491. .ui.structured.celled.table > tr > th,
  492. .ui.structured.celled.table > thead > tr > th,
  493. .ui.structured.celled.table > tbody > tr > th,
  494. .ui.structured.celled.table > tfoot > tr > th,
  495. .ui.structured.celled.table > tr > td,
  496. .ui.structured.celled.table > tbody > tr > td,
  497. .ui.structured.celled.table > tfoot > tr > td {
  498. border-left: 1px solid rgba(34, 36, 38, 0.1);
  499. border-right: 1px solid rgba(34, 36, 38, 0.1);
  500. }
  501. /*--------------
  502. Definition
  503. ---------------*/
  504. .ui.definition.table > thead:not(.full-width) > tr > th:first-child {
  505. pointer-events: none;
  506. background: #FFFFFF;
  507. font-weight: normal;
  508. color: rgba(0, 0, 0, 0.4);
  509. -webkit-box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF;
  510. box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF;
  511. -moz-transform: scale(1);
  512. }
  513. .ui.definition.table > tfoot:not(.full-width) > tr > th:first-child {
  514. pointer-events: none;
  515. background: #FFFFFF;
  516. font-weight: normal;
  517. color: rgba(0, 0, 0, 0.4);
  518. -webkit-box-shadow: -0.1em 0.2em 0 0.1em #FFFFFF;
  519. box-shadow: -0.1em 0.2em 0 0.1em #FFFFFF;
  520. -moz-transform: scale(1);
  521. }
  522. /* Highlight Defining Column */
  523. .ui.definition.table > tr > td:first-child:not(.ignored),
  524. .ui.definition.table > tbody > tr > td:first-child:not(.ignored),
  525. .ui.definition.table > tfoot > tr > td:first-child:not(.ignored),
  526. .ui.definition.table tr td.definition {
  527. background: rgba(0, 0, 0, 0.03);
  528. font-weight: bold;
  529. color: rgba(0, 0, 0, 0.95);
  530. text-transform: '';
  531. -webkit-box-shadow: '';
  532. box-shadow: '';
  533. text-align: '';
  534. font-size: 1em;
  535. padding-left: '';
  536. padding-right: '';
  537. }
  538. /* Fix 2nd Column */
  539. .ui.definition.table > thead:not(.full-width) > tr > th:nth-child(2) {
  540. border-left: 1px solid rgba(34, 36, 38, 0.15);
  541. }
  542. .ui.definition.table > tfoot:not(.full-width) > tr > th:nth-child(2),
  543. .ui.definition.table > tfoot:not(.full-width) > tr > td:nth-child(2) {
  544. border-left: 1px solid rgba(34, 36, 38, 0.15);
  545. }
  546. .ui.definition.table > tr > td:nth-child(2),
  547. .ui.definition.table > tbody > tr > td:nth-child(2) {
  548. border-left: 1px solid rgba(34, 36, 38, 0.15);
  549. }
  550. /*******************************
  551. States
  552. *******************************/
  553. /*--------------
  554. Positive
  555. ---------------*/
  556. .ui.ui.ui.ui.table tr.positive,
  557. .ui.ui.table td.positive {
  558. -webkit-box-shadow: 0 0 0 #A3C293 inset;
  559. box-shadow: 0 0 0 #A3C293 inset;
  560. background: #FCFFF5;
  561. color: #2C662D;
  562. }
  563. /*--------------
  564. Negative
  565. ---------------*/
  566. .ui.ui.ui.ui.table tr.negative,
  567. .ui.ui.table td.negative {
  568. -webkit-box-shadow: 0 0 0 #E0B4B4 inset;
  569. box-shadow: 0 0 0 #E0B4B4 inset;
  570. background: #FFF6F6;
  571. color: #9F3A38;
  572. }
  573. /*--------------
  574. Error
  575. ---------------*/
  576. .ui.ui.ui.ui.table tr.error,
  577. .ui.ui.table td.error {
  578. -webkit-box-shadow: 0 0 0 #E0B4B4 inset;
  579. box-shadow: 0 0 0 #E0B4B4 inset;
  580. background: #FFF6F6;
  581. color: #9F3A38;
  582. }
  583. /*--------------
  584. Warning
  585. ---------------*/
  586. .ui.ui.ui.ui.table tr.warning,
  587. .ui.ui.table td.warning {
  588. -webkit-box-shadow: 0 0 0 #C9BA9B inset;
  589. box-shadow: 0 0 0 #C9BA9B inset;
  590. background: #FFFAF3;
  591. color: #573A08;
  592. }
  593. /*--------------
  594. Active
  595. ---------------*/
  596. .ui.ui.ui.ui.table tr.active,
  597. .ui.ui.table td.active {
  598. -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset;
  599. box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset;
  600. background: #E0E0E0;
  601. color: rgba(0, 0, 0, 0.87);
  602. }
  603. /*--------------
  604. Disabled
  605. ---------------*/
  606. .ui.table tr.disabled td,
  607. .ui.table tr td.disabled,
  608. .ui.table tr.disabled:hover,
  609. .ui.table tr:hover td.disabled {
  610. pointer-events: none;
  611. color: rgba(40, 40, 40, 0.3);
  612. }
  613. /*******************************
  614. Variations
  615. *******************************/
  616. /*--------------
  617. Stackable
  618. ---------------*/
  619. @media only screen and (max-width: 991.98px) {
  620. .ui[class*="tablet stackable"].table,
  621. .ui[class*="tablet stackable"].table > thead,
  622. .ui[class*="tablet stackable"].table > thead > tr,
  623. .ui[class*="tablet stackable"].table > tfoot,
  624. .ui[class*="tablet stackable"].table > tfoot > tr,
  625. .ui[class*="tablet stackable"].table > tbody,
  626. .ui[class*="tablet stackable"].table > tbody > tr,
  627. .ui[class*="tablet stackable"].table > tr,
  628. .ui[class*="tablet stackable"].table > thead > tr > th:not(.rowspanned),
  629. .ui[class*="tablet stackable"].table > tbody > tr > th:not(.rowspanned),
  630. .ui[class*="tablet stackable"].table > tfoot > tr > th:not(.rowspanned),
  631. .ui[class*="tablet stackable"].table > tr > th:not(.rowspanned),
  632. .ui[class*="tablet stackable"].table > tbody > tr > td:not(.rowspanned),
  633. .ui[class*="tablet stackable"].table > tfoot > tr > td:not(.rowspanned),
  634. .ui[class*="tablet stackable"].table > tr > td:not(.rowspanned) {
  635. display: block !important;
  636. width: 100% !important;
  637. }
  638. .ui[class*="tablet stackable"].table {
  639. padding: 0;
  640. }
  641. .ui[class*="tablet stackable"].table > thead {
  642. display: block;
  643. }
  644. .ui[class*="tablet stackable"].table > tfoot {
  645. display: block;
  646. }
  647. .ui.ui.ui.ui[class*="tablet stackable"].table > thead > tr,
  648. .ui.ui.ui.ui[class*="tablet stackable"].table > tbody > tr,
  649. .ui.ui.ui.ui[class*="tablet stackable"].table > tfoot > tr,
  650. .ui.ui.ui.ui[class*="tablet stackable"].table > tr {
  651. padding-top: 1em;
  652. padding-bottom: 1em;
  653. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  654. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  655. }
  656. .ui[class*="tablet stackable"].table > thead > tr > th,
  657. .ui[class*="tablet stackable"].table > tbody > tr > th,
  658. .ui[class*="tablet stackable"].table > tfoot > tr > th,
  659. .ui[class*="tablet stackable"].table > tr > th,
  660. .ui[class*="tablet stackable"].table > tbody > tr > td,
  661. .ui[class*="tablet stackable"].table > tfoot > tr > td,
  662. .ui[class*="tablet stackable"].table > tr > td {
  663. background: none;
  664. border: none !important;
  665. padding: 0.25em 0.75em;
  666. -webkit-box-shadow: none;
  667. box-shadow: none;
  668. }
  669. /* Definition Table */
  670. .ui.definition[class*="tablet stackable"].table > thead > tr > th:first-child {
  671. -webkit-box-shadow: none !important;
  672. box-shadow: none !important;
  673. }
  674. }
  675. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.left {
  676. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  677. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  678. }
  679. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.right {
  680. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  681. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  682. }
  683. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.left {
  684. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  685. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  686. }
  687. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.right {
  688. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  689. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  690. }
  691. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.left {
  692. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  693. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  694. }
  695. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.right {
  696. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  697. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  698. }
  699. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.left {
  700. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  701. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  702. }
  703. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.right {
  704. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  705. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  706. }
  707. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.left {
  708. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
  709. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
  710. }
  711. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.right {
  712. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
  713. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
  714. }
  715. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.left {
  716. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
  717. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
  718. }
  719. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.right {
  720. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
  721. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
  722. }
  723. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.left {
  724. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
  725. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
  726. }
  727. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.right {
  728. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
  729. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
  730. }
  731. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.left {
  732. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
  733. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
  734. }
  735. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.right {
  736. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
  737. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
  738. }
  739. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.left {
  740. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
  741. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
  742. }
  743. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.right {
  744. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
  745. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
  746. }
  747. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.left {
  748. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
  749. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
  750. }
  751. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.right {
  752. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
  753. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
  754. }
  755. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.left {
  756. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
  757. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
  758. }
  759. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.right {
  760. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
  761. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
  762. }
  763. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.left {
  764. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
  765. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
  766. }
  767. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.right {
  768. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
  769. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
  770. }
  771. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.left {
  772. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
  773. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
  774. }
  775. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.right {
  776. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
  777. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
  778. }
  779. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.left {
  780. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
  781. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
  782. }
  783. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.right {
  784. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
  785. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
  786. }
  787. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.left {
  788. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
  789. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
  790. }
  791. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.right {
  792. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
  793. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
  794. }
  795. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.left {
  796. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
  797. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
  798. }
  799. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.right {
  800. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
  801. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
  802. }
  803. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.left {
  804. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  805. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  806. }
  807. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.right {
  808. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  809. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  810. }
  811. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.left {
  812. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  813. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  814. }
  815. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.right {
  816. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  817. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  818. }
  819. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.left {
  820. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
  821. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
  822. }
  823. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.right {
  824. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
  825. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
  826. }
  827. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.left {
  828. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
  829. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
  830. }
  831. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.right {
  832. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
  833. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
  834. }
  835. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.left {
  836. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
  837. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
  838. }
  839. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.right {
  840. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
  841. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
  842. }
  843. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.left {
  844. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
  845. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
  846. }
  847. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.right {
  848. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
  849. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
  850. }
  851. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.left {
  852. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
  853. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
  854. }
  855. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.right {
  856. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
  857. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
  858. }
  859. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.left {
  860. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
  861. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
  862. }
  863. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.right {
  864. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
  865. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
  866. }
  867. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.left {
  868. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
  869. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
  870. }
  871. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.right {
  872. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
  873. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
  874. }
  875. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.left {
  876. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
  877. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
  878. }
  879. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.right {
  880. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
  881. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
  882. }
  883. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.left {
  884. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
  885. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
  886. }
  887. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.right {
  888. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
  889. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
  890. }
  891. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.left {
  892. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
  893. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
  894. }
  895. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.right {
  896. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
  897. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
  898. }
  899. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.left {
  900. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  901. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  902. }
  903. .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.right {
  904. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  905. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  906. }
  907. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.left {
  908. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  909. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  910. }
  911. .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.right {
  912. -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  913. box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  914. }
  915. /*--------------
  916. Text Alignment
  917. ---------------*/
  918. .ui.table[class*="left aligned"],
  919. .ui.table [class*="left aligned"] {
  920. text-align: left;
  921. }
  922. .ui.table[class*="center aligned"],
  923. .ui.table [class*="center aligned"] {
  924. text-align: center;
  925. }
  926. .ui.table[class*="right aligned"],
  927. .ui.table [class*="right aligned"] {
  928. text-align: right;
  929. }
  930. /*------------------
  931. Vertical Alignment
  932. ------------------*/
  933. .ui.table[class*="top aligned"],
  934. .ui.table [class*="top aligned"] {
  935. vertical-align: top;
  936. }
  937. .ui.table[class*="middle aligned"],
  938. .ui.table [class*="middle aligned"] {
  939. vertical-align: middle;
  940. }
  941. .ui.table[class*="bottom aligned"],
  942. .ui.table [class*="bottom aligned"] {
  943. vertical-align: bottom;
  944. }
  945. /*--------------
  946. Collapsing
  947. ---------------*/
  948. .ui.table th.collapsing,
  949. .ui.table td.collapsing {
  950. width: 1px;
  951. white-space: nowrap;
  952. }
  953. /*--------------
  954. Fixed
  955. ---------------*/
  956. .ui.fixed.table {
  957. table-layout: fixed;
  958. }
  959. .ui.fixed.table th,
  960. .ui.fixed.table td {
  961. overflow: hidden;
  962. text-overflow: ellipsis;
  963. }
  964. /*--------------
  965. Selectable
  966. ---------------*/
  967. .ui.ui.selectable.table > tbody > tr:hover,
  968. .ui.table tbody tr td.selectable:hover {
  969. background: rgba(0, 0, 0, 0.05);
  970. color: rgba(0, 0, 0, 0.95);
  971. }
  972. .ui.ui.selectable.inverted.table > tbody > tr:hover,
  973. .ui.inverted.table tbody tr td.selectable:hover {
  974. background: rgba(255, 255, 255, 0.08);
  975. color: #ffffff;
  976. }
  977. /* Selectable Cell Link */
  978. .ui.table tbody tr td.selectable {
  979. padding: 0;
  980. }
  981. .ui.table tbody tr td.selectable > a:not(.ui) {
  982. display: block;
  983. color: inherit;
  984. padding: 0.78571429em 0.78571429em;
  985. }
  986. .ui.table > tr > td.selectable,
  987. .ui.table > tbody > tr > td.selectable,
  988. .ui.selectable.table > tbody > tr,
  989. .ui.selectable.table > tr {
  990. cursor: pointer;
  991. }
  992. /* Other States */
  993. .ui.ui.selectable.table tr.error:hover,
  994. .ui.table tr td.selectable.error:hover,
  995. .ui.selectable.table tr:hover td.error {
  996. background: #ffe7e7;
  997. color: #943634;
  998. }
  999. .ui.ui.selectable.table tr.warning:hover,
  1000. .ui.table tr td.selectable.warning:hover,
  1001. .ui.selectable.table tr:hover td.warning {
  1002. background: #fff4e4;
  1003. color: #493107;
  1004. }
  1005. .ui.ui.selectable.table tr.active:hover,
  1006. .ui.table tr td.selectable.active:hover,
  1007. .ui.selectable.table tr:hover td.active {
  1008. background: #E0E0E0;
  1009. color: rgba(0, 0, 0, 0.87);
  1010. }
  1011. .ui.ui.selectable.table tr.positive:hover,
  1012. .ui.table tr td.selectable.positive:hover,
  1013. .ui.selectable.table tr:hover td.positive {
  1014. background: #f7ffe6;
  1015. color: #275b28;
  1016. }
  1017. .ui.ui.selectable.table tr.negative:hover,
  1018. .ui.table tr td.selectable.negative:hover,
  1019. .ui.selectable.table tr:hover td.negative {
  1020. background: #ffe7e7;
  1021. color: #943634;
  1022. }
  1023. /*-------------------
  1024. Attached
  1025. --------------------*/
  1026. /* Middle */
  1027. .ui.attached.table {
  1028. top: 0;
  1029. bottom: 0;
  1030. border-radius: 0;
  1031. margin: 0 -1px;
  1032. width: calc(100% + 2px);
  1033. max-width: calc(100% + 2px);
  1034. -webkit-box-shadow: none;
  1035. box-shadow: none;
  1036. border: 1px solid #D4D4D5;
  1037. }
  1038. .ui.attached + .ui.attached.table:not(.top) {
  1039. border-top: none;
  1040. }
  1041. /* Top */
  1042. .ui[class*="top attached"].table {
  1043. bottom: 0;
  1044. margin-bottom: 0;
  1045. top: 0;
  1046. margin-top: 1em;
  1047. border-radius: 0.28571429rem 0.28571429rem 0 0;
  1048. }
  1049. .ui.table[class*="top attached"]:first-child {
  1050. margin-top: 0;
  1051. }
  1052. /* Bottom */
  1053. .ui[class*="bottom attached"].table {
  1054. bottom: 0;
  1055. margin-top: 0;
  1056. top: 0;
  1057. margin-bottom: 1em;
  1058. -webkit-box-shadow: none, none;
  1059. box-shadow: none, none;
  1060. border-radius: 0 0 0.28571429rem 0.28571429rem;
  1061. }
  1062. .ui[class*="bottom attached"].table:last-child {
  1063. margin-bottom: 0;
  1064. }
  1065. /*--------------
  1066. Striped
  1067. ---------------*/
  1068. /* Table Striping */
  1069. .ui.striped.table > tr:nth-child(2n),
  1070. .ui.striped.table > tbody > tr:nth-child(2n) {
  1071. background-color: rgba(0, 0, 50, 0.02);
  1072. }
  1073. /* Stripes */
  1074. .ui.inverted.striped.table > tr:nth-child(2n),
  1075. .ui.inverted.striped.table > tbody > tr:nth-child(2n) {
  1076. background-color: rgba(255, 255, 255, 0.05);
  1077. }
  1078. /* Allow striped active hover */
  1079. .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
  1080. background: #EFEFEF;
  1081. color: rgba(0, 0, 0, 0.95);
  1082. }
  1083. /*--------------
  1084. Single Line
  1085. ---------------*/
  1086. .ui.table[class*="single line"],
  1087. .ui.table [class*="single line"] {
  1088. white-space: nowrap;
  1089. }
  1090. /*-------------------
  1091. Colors
  1092. --------------------*/
  1093. .ui.primary.table {
  1094. border-top: 0.2em solid #2185D0;
  1095. }
  1096. .ui.inverted.primary.table {
  1097. background-color: #2185D0;
  1098. color: #FFFFFF;
  1099. }
  1100. .ui.ui.ui.ui.table tr.primary:not(.marked),
  1101. .ui.ui.table td.primary:not(.marked) {
  1102. background: #ddf4ff;
  1103. color: rgba(255, 255, 255, 0.9);
  1104. }
  1105. .ui.ui.selectable.table tr.primary:not(.marked):hover,
  1106. .ui.table tr td.selectable.primary:not(.marked):hover,
  1107. .ui.selectable.table tr:hover td.primary:not(.marked) {
  1108. background: #d3f1ff;
  1109. color: rgba(255, 255, 255, 0.9);
  1110. }
  1111. .ui.table td.marked.primary.left,
  1112. .ui.table tr.marked.primary.left {
  1113. -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
  1114. box-shadow: 0.2em 0 0 0 #2185D0 inset;
  1115. }
  1116. .ui.table td.marked.primary.right,
  1117. .ui.table tr.marked.primary.right {
  1118. -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
  1119. box-shadow: -0.2em 0 0 0 #2185D0 inset;
  1120. }
  1121. .ui.inverted.table td.marked.primary.left,
  1122. .ui.inverted.table tr.marked.primary.left {
  1123. -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
  1124. box-shadow: 0.2em 0 0 0 #54C8FF inset;
  1125. }
  1126. .ui.inverted.table td.marked.primary.right,
  1127. .ui.inverted.table tr.marked.primary.right {
  1128. -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
  1129. box-shadow: -0.2em 0 0 0 #54C8FF inset;
  1130. }
  1131. .ui.secondary.table {
  1132. border-top: 0.2em solid #1B1C1D;
  1133. }
  1134. .ui.inverted.secondary.table {
  1135. background-color: #1B1C1D;
  1136. color: #FFFFFF;
  1137. }
  1138. .ui.ui.ui.ui.table tr.secondary:not(.marked),
  1139. .ui.ui.table td.secondary:not(.marked) {
  1140. background: #dddddd;
  1141. color: rgba(255, 255, 255, 0.9);
  1142. }
  1143. .ui.ui.selectable.table tr.secondary:not(.marked):hover,
  1144. .ui.table tr td.selectable.secondary:not(.marked):hover,
  1145. .ui.selectable.table tr:hover td.secondary:not(.marked) {
  1146. background: #e2e2e2;
  1147. color: rgba(255, 255, 255, 0.9);
  1148. }
  1149. .ui.table td.marked.secondary.left,
  1150. .ui.table tr.marked.secondary.left {
  1151. -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
  1152. box-shadow: 0.2em 0 0 0 #1B1C1D inset;
  1153. }
  1154. .ui.table td.marked.secondary.right,
  1155. .ui.table tr.marked.secondary.right {
  1156. -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
  1157. box-shadow: -0.2em 0 0 0 #1B1C1D inset;
  1158. }
  1159. .ui.inverted.table td.marked.secondary.left,
  1160. .ui.inverted.table tr.marked.secondary.left {
  1161. -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
  1162. box-shadow: 0.2em 0 0 0 #545454 inset;
  1163. }
  1164. .ui.inverted.table td.marked.secondary.right,
  1165. .ui.inverted.table tr.marked.secondary.right {
  1166. -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
  1167. box-shadow: -0.2em 0 0 0 #545454 inset;
  1168. }
  1169. .ui.red.table {
  1170. border-top: 0.2em solid #DB2828;
  1171. }
  1172. .ui.inverted.red.table {
  1173. background-color: #DB2828;
  1174. color: #FFFFFF;
  1175. }
  1176. .ui.ui.ui.ui.table tr.red:not(.marked),
  1177. .ui.ui.table td.red:not(.marked) {
  1178. background: #ffe1df;
  1179. color: #DB2828;
  1180. }
  1181. .ui.ui.selectable.table tr.red:not(.marked):hover,
  1182. .ui.table tr td.selectable.red:not(.marked):hover,
  1183. .ui.selectable.table tr:hover td.red:not(.marked) {
  1184. background: #ffd7d5;
  1185. color: #DB2828;
  1186. }
  1187. .ui.table td.marked.red.left,
  1188. .ui.table tr.marked.red.left {
  1189. -webkit-box-shadow: 0.2em 0 0 0 #DB2828 inset;
  1190. box-shadow: 0.2em 0 0 0 #DB2828 inset;
  1191. }
  1192. .ui.table td.marked.red.right,
  1193. .ui.table tr.marked.red.right {
  1194. -webkit-box-shadow: -0.2em 0 0 0 #DB2828 inset;
  1195. box-shadow: -0.2em 0 0 0 #DB2828 inset;
  1196. }
  1197. .ui.inverted.table td.marked.red.left,
  1198. .ui.inverted.table tr.marked.red.left {
  1199. -webkit-box-shadow: 0.2em 0 0 0 #FF695E inset;
  1200. box-shadow: 0.2em 0 0 0 #FF695E inset;
  1201. }
  1202. .ui.inverted.table td.marked.red.right,
  1203. .ui.inverted.table tr.marked.red.right {
  1204. -webkit-box-shadow: -0.2em 0 0 0 #FF695E inset;
  1205. box-shadow: -0.2em 0 0 0 #FF695E inset;
  1206. }
  1207. .ui.orange.table {
  1208. border-top: 0.2em solid #F2711C;
  1209. }
  1210. .ui.inverted.orange.table {
  1211. background-color: #F2711C;
  1212. color: #FFFFFF;
  1213. }
  1214. .ui.ui.ui.ui.table tr.orange:not(.marked),
  1215. .ui.ui.table td.orange:not(.marked) {
  1216. background: #ffe7d1;
  1217. color: #F2711C;
  1218. }
  1219. .ui.ui.selectable.table tr.orange:not(.marked):hover,
  1220. .ui.table tr td.selectable.orange:not(.marked):hover,
  1221. .ui.selectable.table tr:hover td.orange:not(.marked) {
  1222. background: #fae1cc;
  1223. color: #F2711C;
  1224. }
  1225. .ui.table td.marked.orange.left,
  1226. .ui.table tr.marked.orange.left {
  1227. -webkit-box-shadow: 0.2em 0 0 0 #F2711C inset;
  1228. box-shadow: 0.2em 0 0 0 #F2711C inset;
  1229. }
  1230. .ui.table td.marked.orange.right,
  1231. .ui.table tr.marked.orange.right {
  1232. -webkit-box-shadow: -0.2em 0 0 0 #F2711C inset;
  1233. box-shadow: -0.2em 0 0 0 #F2711C inset;
  1234. }
  1235. .ui.inverted.table td.marked.orange.left,
  1236. .ui.inverted.table tr.marked.orange.left {
  1237. -webkit-box-shadow: 0.2em 0 0 0 #FF851B inset;
  1238. box-shadow: 0.2em 0 0 0 #FF851B inset;
  1239. }
  1240. .ui.inverted.table td.marked.orange.right,
  1241. .ui.inverted.table tr.marked.orange.right {
  1242. -webkit-box-shadow: -0.2em 0 0 0 #FF851B inset;
  1243. box-shadow: -0.2em 0 0 0 #FF851B inset;
  1244. }
  1245. .ui.yellow.table {
  1246. border-top: 0.2em solid #FBBD08;
  1247. }
  1248. .ui.inverted.yellow.table {
  1249. background-color: #FBBD08;
  1250. color: #FFFFFF;
  1251. }
  1252. .ui.ui.ui.ui.table tr.yellow:not(.marked),
  1253. .ui.ui.table td.yellow:not(.marked) {
  1254. background: #fff9d2;
  1255. color: #B58105;
  1256. }
  1257. .ui.ui.selectable.table tr.yellow:not(.marked):hover,
  1258. .ui.table tr td.selectable.yellow:not(.marked):hover,
  1259. .ui.selectable.table tr:hover td.yellow:not(.marked) {
  1260. background: #fbf5cc;
  1261. color: #B58105;
  1262. }
  1263. .ui.table td.marked.yellow.left,
  1264. .ui.table tr.marked.yellow.left {
  1265. -webkit-box-shadow: 0.2em 0 0 0 #FBBD08 inset;
  1266. box-shadow: 0.2em 0 0 0 #FBBD08 inset;
  1267. }
  1268. .ui.table td.marked.yellow.right,
  1269. .ui.table tr.marked.yellow.right {
  1270. -webkit-box-shadow: -0.2em 0 0 0 #FBBD08 inset;
  1271. box-shadow: -0.2em 0 0 0 #FBBD08 inset;
  1272. }
  1273. .ui.inverted.table td.marked.yellow.left,
  1274. .ui.inverted.table tr.marked.yellow.left {
  1275. -webkit-box-shadow: 0.2em 0 0 0 #FFE21F inset;
  1276. box-shadow: 0.2em 0 0 0 #FFE21F inset;
  1277. }
  1278. .ui.inverted.table td.marked.yellow.right,
  1279. .ui.inverted.table tr.marked.yellow.right {
  1280. -webkit-box-shadow: -0.2em 0 0 0 #FFE21F inset;
  1281. box-shadow: -0.2em 0 0 0 #FFE21F inset;
  1282. }
  1283. .ui.olive.table {
  1284. border-top: 0.2em solid #B5CC18;
  1285. }
  1286. .ui.inverted.olive.table {
  1287. background-color: #B5CC18;
  1288. color: #FFFFFF;
  1289. }
  1290. .ui.ui.ui.ui.table tr.olive:not(.marked),
  1291. .ui.ui.table td.olive:not(.marked) {
  1292. background: #f7fae4;
  1293. color: #8ABC1E;
  1294. }
  1295. .ui.ui.selectable.table tr.olive:not(.marked):hover,
  1296. .ui.table tr td.selectable.olive:not(.marked):hover,
  1297. .ui.selectable.table tr:hover td.olive:not(.marked) {
  1298. background: #f6fada;
  1299. color: #8ABC1E;
  1300. }
  1301. .ui.table td.marked.olive.left,
  1302. .ui.table tr.marked.olive.left {
  1303. -webkit-box-shadow: 0.2em 0 0 0 #B5CC18 inset;
  1304. box-shadow: 0.2em 0 0 0 #B5CC18 inset;
  1305. }
  1306. .ui.table td.marked.olive.right,
  1307. .ui.table tr.marked.olive.right {
  1308. -webkit-box-shadow: -0.2em 0 0 0 #B5CC18 inset;
  1309. box-shadow: -0.2em 0 0 0 #B5CC18 inset;
  1310. }
  1311. .ui.inverted.table td.marked.olive.left,
  1312. .ui.inverted.table tr.marked.olive.left {
  1313. -webkit-box-shadow: 0.2em 0 0 0 #D9E778 inset;
  1314. box-shadow: 0.2em 0 0 0 #D9E778 inset;
  1315. }
  1316. .ui.inverted.table td.marked.olive.right,
  1317. .ui.inverted.table tr.marked.olive.right {
  1318. -webkit-box-shadow: -0.2em 0 0 0 #D9E778 inset;
  1319. box-shadow: -0.2em 0 0 0 #D9E778 inset;
  1320. }
  1321. .ui.green.table {
  1322. border-top: 0.2em solid #21BA45;
  1323. }
  1324. .ui.inverted.green.table {
  1325. background-color: #21BA45;
  1326. color: #FFFFFF;
  1327. }
  1328. .ui.ui.ui.ui.table tr.green:not(.marked),
  1329. .ui.ui.table td.green:not(.marked) {
  1330. background: #d5f5d9;
  1331. color: #1EBC30;
  1332. }
  1333. .ui.ui.selectable.table tr.green:not(.marked):hover,
  1334. .ui.table tr td.selectable.green:not(.marked):hover,
  1335. .ui.selectable.table tr:hover td.green:not(.marked) {
  1336. background: #d2eed5;
  1337. color: #1EBC30;
  1338. }
  1339. .ui.table td.marked.green.left,
  1340. .ui.table tr.marked.green.left {
  1341. -webkit-box-shadow: 0.2em 0 0 0 #21BA45 inset;
  1342. box-shadow: 0.2em 0 0 0 #21BA45 inset;
  1343. }
  1344. .ui.table td.marked.green.right,
  1345. .ui.table tr.marked.green.right {
  1346. -webkit-box-shadow: -0.2em 0 0 0 #21BA45 inset;
  1347. box-shadow: -0.2em 0 0 0 #21BA45 inset;
  1348. }
  1349. .ui.inverted.table td.marked.green.left,
  1350. .ui.inverted.table tr.marked.green.left {
  1351. -webkit-box-shadow: 0.2em 0 0 0 #2ECC40 inset;
  1352. box-shadow: 0.2em 0 0 0 #2ECC40 inset;
  1353. }
  1354. .ui.inverted.table td.marked.green.right,
  1355. .ui.inverted.table tr.marked.green.right {
  1356. -webkit-box-shadow: -0.2em 0 0 0 #2ECC40 inset;
  1357. box-shadow: -0.2em 0 0 0 #2ECC40 inset;
  1358. }
  1359. .ui.teal.table {
  1360. border-top: 0.2em solid #00B5AD;
  1361. }
  1362. .ui.inverted.teal.table {
  1363. background-color: #00B5AD;
  1364. color: #FFFFFF;
  1365. }
  1366. .ui.ui.ui.ui.table tr.teal:not(.marked),
  1367. .ui.ui.table td.teal:not(.marked) {
  1368. background: #e2ffff;
  1369. color: #10A3A3;
  1370. }
  1371. .ui.ui.selectable.table tr.teal:not(.marked):hover,
  1372. .ui.table tr td.selectable.teal:not(.marked):hover,
  1373. .ui.selectable.table tr:hover td.teal:not(.marked) {
  1374. background: #d8ffff;
  1375. color: #10A3A3;
  1376. }
  1377. .ui.table td.marked.teal.left,
  1378. .ui.table tr.marked.teal.left {
  1379. -webkit-box-shadow: 0.2em 0 0 0 #00B5AD inset;
  1380. box-shadow: 0.2em 0 0 0 #00B5AD inset;
  1381. }
  1382. .ui.table td.marked.teal.right,
  1383. .ui.table tr.marked.teal.right {
  1384. -webkit-box-shadow: -0.2em 0 0 0 #00B5AD inset;
  1385. box-shadow: -0.2em 0 0 0 #00B5AD inset;
  1386. }
  1387. .ui.inverted.table td.marked.teal.left,
  1388. .ui.inverted.table tr.marked.teal.left {
  1389. -webkit-box-shadow: 0.2em 0 0 0 #6DFFFF inset;
  1390. box-shadow: 0.2em 0 0 0 #6DFFFF inset;
  1391. }
  1392. .ui.inverted.table td.marked.teal.right,
  1393. .ui.inverted.table tr.marked.teal.right {
  1394. -webkit-box-shadow: -0.2em 0 0 0 #6DFFFF inset;
  1395. box-shadow: -0.2em 0 0 0 #6DFFFF inset;
  1396. }
  1397. .ui.blue.table {
  1398. border-top: 0.2em solid #2185D0;
  1399. }
  1400. .ui.inverted.blue.table {
  1401. background-color: #2185D0;
  1402. color: #FFFFFF;
  1403. }
  1404. .ui.ui.ui.ui.table tr.blue:not(.marked),
  1405. .ui.ui.table td.blue:not(.marked) {
  1406. background: #ddf4ff;
  1407. color: #2185D0;
  1408. }
  1409. .ui.ui.selectable.table tr.blue:not(.marked):hover,
  1410. .ui.table tr td.selectable.blue:not(.marked):hover,
  1411. .ui.selectable.table tr:hover td.blue:not(.marked) {
  1412. background: #d3f1ff;
  1413. color: #2185D0;
  1414. }
  1415. .ui.table td.marked.blue.left,
  1416. .ui.table tr.marked.blue.left {
  1417. -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
  1418. box-shadow: 0.2em 0 0 0 #2185D0 inset;
  1419. }
  1420. .ui.table td.marked.blue.right,
  1421. .ui.table tr.marked.blue.right {
  1422. -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
  1423. box-shadow: -0.2em 0 0 0 #2185D0 inset;
  1424. }
  1425. .ui.inverted.table td.marked.blue.left,
  1426. .ui.inverted.table tr.marked.blue.left {
  1427. -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
  1428. box-shadow: 0.2em 0 0 0 #54C8FF inset;
  1429. }
  1430. .ui.inverted.table td.marked.blue.right,
  1431. .ui.inverted.table tr.marked.blue.right {
  1432. -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
  1433. box-shadow: -0.2em 0 0 0 #54C8FF inset;
  1434. }
  1435. .ui.violet.table {
  1436. border-top: 0.2em solid #6435C9;
  1437. }
  1438. .ui.inverted.violet.table {
  1439. background-color: #6435C9;
  1440. color: #FFFFFF;
  1441. }
  1442. .ui.ui.ui.ui.table tr.violet:not(.marked),
  1443. .ui.ui.table td.violet:not(.marked) {
  1444. background: #ece9fe;
  1445. color: #6435C9;
  1446. }
  1447. .ui.ui.selectable.table tr.violet:not(.marked):hover,
  1448. .ui.table tr td.selectable.violet:not(.marked):hover,
  1449. .ui.selectable.table tr:hover td.violet:not(.marked) {
  1450. background: #e3deff;
  1451. color: #6435C9;
  1452. }
  1453. .ui.table td.marked.violet.left,
  1454. .ui.table tr.marked.violet.left {
  1455. -webkit-box-shadow: 0.2em 0 0 0 #6435C9 inset;
  1456. box-shadow: 0.2em 0 0 0 #6435C9 inset;
  1457. }
  1458. .ui.table td.marked.violet.right,
  1459. .ui.table tr.marked.violet.right {
  1460. -webkit-box-shadow: -0.2em 0 0 0 #6435C9 inset;
  1461. box-shadow: -0.2em 0 0 0 #6435C9 inset;
  1462. }
  1463. .ui.inverted.table td.marked.violet.left,
  1464. .ui.inverted.table tr.marked.violet.left {
  1465. -webkit-box-shadow: 0.2em 0 0 0 #A291FB inset;
  1466. box-shadow: 0.2em 0 0 0 #A291FB inset;
  1467. }
  1468. .ui.inverted.table td.marked.violet.right,
  1469. .ui.inverted.table tr.marked.violet.right {
  1470. -webkit-box-shadow: -0.2em 0 0 0 #A291FB inset;
  1471. box-shadow: -0.2em 0 0 0 #A291FB inset;
  1472. }
  1473. .ui.purple.table {
  1474. border-top: 0.2em solid #A333C8;
  1475. }
  1476. .ui.inverted.purple.table {
  1477. background-color: #A333C8;
  1478. color: #FFFFFF;
  1479. }
  1480. .ui.ui.ui.ui.table tr.purple:not(.marked),
  1481. .ui.ui.table td.purple:not(.marked) {
  1482. background: #f8e3ff;
  1483. color: #A333C8;
  1484. }
  1485. .ui.ui.selectable.table tr.purple:not(.marked):hover,
  1486. .ui.table tr td.selectable.purple:not(.marked):hover,
  1487. .ui.selectable.table tr:hover td.purple:not(.marked) {
  1488. background: #f5d9ff;
  1489. color: #A333C8;
  1490. }
  1491. .ui.table td.marked.purple.left,
  1492. .ui.table tr.marked.purple.left {
  1493. -webkit-box-shadow: 0.2em 0 0 0 #A333C8 inset;
  1494. box-shadow: 0.2em 0 0 0 #A333C8 inset;
  1495. }
  1496. .ui.table td.marked.purple.right,
  1497. .ui.table tr.marked.purple.right {
  1498. -webkit-box-shadow: -0.2em 0 0 0 #A333C8 inset;
  1499. box-shadow: -0.2em 0 0 0 #A333C8 inset;
  1500. }
  1501. .ui.inverted.table td.marked.purple.left,
  1502. .ui.inverted.table tr.marked.purple.left {
  1503. -webkit-box-shadow: 0.2em 0 0 0 #DC73FF inset;
  1504. box-shadow: 0.2em 0 0 0 #DC73FF inset;
  1505. }
  1506. .ui.inverted.table td.marked.purple.right,
  1507. .ui.inverted.table tr.marked.purple.right {
  1508. -webkit-box-shadow: -0.2em 0 0 0 #DC73FF inset;
  1509. box-shadow: -0.2em 0 0 0 #DC73FF inset;
  1510. }
  1511. .ui.pink.table {
  1512. border-top: 0.2em solid #E03997;
  1513. }
  1514. .ui.inverted.pink.table {
  1515. background-color: #E03997;
  1516. color: #FFFFFF;
  1517. }
  1518. .ui.ui.ui.ui.table tr.pink:not(.marked),
  1519. .ui.ui.table td.pink:not(.marked) {
  1520. background: #ffe8f9;
  1521. color: #E03997;
  1522. }
  1523. .ui.ui.selectable.table tr.pink:not(.marked):hover,
  1524. .ui.table tr td.selectable.pink:not(.marked):hover,
  1525. .ui.selectable.table tr:hover td.pink:not(.marked) {
  1526. background: #ffdef6;
  1527. color: #E03997;
  1528. }
  1529. .ui.table td.marked.pink.left,
  1530. .ui.table tr.marked.pink.left {
  1531. -webkit-box-shadow: 0.2em 0 0 0 #E03997 inset;
  1532. box-shadow: 0.2em 0 0 0 #E03997 inset;
  1533. }
  1534. .ui.table td.marked.pink.right,
  1535. .ui.table tr.marked.pink.right {
  1536. -webkit-box-shadow: -0.2em 0 0 0 #E03997 inset;
  1537. box-shadow: -0.2em 0 0 0 #E03997 inset;
  1538. }
  1539. .ui.inverted.table td.marked.pink.left,
  1540. .ui.inverted.table tr.marked.pink.left {
  1541. -webkit-box-shadow: 0.2em 0 0 0 #FF8EDF inset;
  1542. box-shadow: 0.2em 0 0 0 #FF8EDF inset;
  1543. }
  1544. .ui.inverted.table td.marked.pink.right,
  1545. .ui.inverted.table tr.marked.pink.right {
  1546. -webkit-box-shadow: -0.2em 0 0 0 #FF8EDF inset;
  1547. box-shadow: -0.2em 0 0 0 #FF8EDF inset;
  1548. }
  1549. .ui.brown.table {
  1550. border-top: 0.2em solid #A5673F;
  1551. }
  1552. .ui.inverted.brown.table {
  1553. background-color: #A5673F;
  1554. color: #FFFFFF;
  1555. }
  1556. .ui.ui.ui.ui.table tr.brown:not(.marked),
  1557. .ui.ui.table td.brown:not(.marked) {
  1558. background: #f7e5d2;
  1559. color: #A5673F;
  1560. }
  1561. .ui.ui.selectable.table tr.brown:not(.marked):hover,
  1562. .ui.table tr td.selectable.brown:not(.marked):hover,
  1563. .ui.selectable.table tr:hover td.brown:not(.marked) {
  1564. background: #efe0cf;
  1565. color: #A5673F;
  1566. }
  1567. .ui.table td.marked.brown.left,
  1568. .ui.table tr.marked.brown.left {
  1569. -webkit-box-shadow: 0.2em 0 0 0 #A5673F inset;
  1570. box-shadow: 0.2em 0 0 0 #A5673F inset;
  1571. }
  1572. .ui.table td.marked.brown.right,
  1573. .ui.table tr.marked.brown.right {
  1574. -webkit-box-shadow: -0.2em 0 0 0 #A5673F inset;
  1575. box-shadow: -0.2em 0 0 0 #A5673F inset;
  1576. }
  1577. .ui.inverted.table td.marked.brown.left,
  1578. .ui.inverted.table tr.marked.brown.left {
  1579. -webkit-box-shadow: 0.2em 0 0 0 #D67C1C inset;
  1580. box-shadow: 0.2em 0 0 0 #D67C1C inset;
  1581. }
  1582. .ui.inverted.table td.marked.brown.right,
  1583. .ui.inverted.table tr.marked.brown.right {
  1584. -webkit-box-shadow: -0.2em 0 0 0 #D67C1C inset;
  1585. box-shadow: -0.2em 0 0 0 #D67C1C inset;
  1586. }
  1587. .ui.grey.table {
  1588. border-top: 0.2em solid #767676;
  1589. }
  1590. .ui.inverted.grey.table {
  1591. background-color: #767676;
  1592. color: #FFFFFF;
  1593. }
  1594. .ui.ui.ui.ui.table tr.grey:not(.marked),
  1595. .ui.ui.table td.grey:not(.marked) {
  1596. background: #DCDDDE;
  1597. color: #767676;
  1598. }
  1599. .ui.ui.selectable.table tr.grey:not(.marked):hover,
  1600. .ui.table tr td.selectable.grey:not(.marked):hover,
  1601. .ui.selectable.table tr:hover td.grey:not(.marked) {
  1602. background: #c2c4c5;
  1603. color: #767676;
  1604. }
  1605. .ui.table td.marked.grey.left,
  1606. .ui.table tr.marked.grey.left {
  1607. -webkit-box-shadow: 0.2em 0 0 0 #767676 inset;
  1608. box-shadow: 0.2em 0 0 0 #767676 inset;
  1609. }
  1610. .ui.table td.marked.grey.right,
  1611. .ui.table tr.marked.grey.right {
  1612. -webkit-box-shadow: -0.2em 0 0 0 #767676 inset;
  1613. box-shadow: -0.2em 0 0 0 #767676 inset;
  1614. }
  1615. .ui.inverted.table td.marked.grey.left,
  1616. .ui.inverted.table tr.marked.grey.left {
  1617. -webkit-box-shadow: 0.2em 0 0 0 #DCDDDE inset;
  1618. box-shadow: 0.2em 0 0 0 #DCDDDE inset;
  1619. }
  1620. .ui.inverted.table td.marked.grey.right,
  1621. .ui.inverted.table tr.marked.grey.right {
  1622. -webkit-box-shadow: -0.2em 0 0 0 #DCDDDE inset;
  1623. box-shadow: -0.2em 0 0 0 #DCDDDE inset;
  1624. }
  1625. .ui.black.table {
  1626. border-top: 0.2em solid #1B1C1D;
  1627. }
  1628. .ui.inverted.black.table {
  1629. background-color: #1B1C1D;
  1630. color: #FFFFFF;
  1631. }
  1632. .ui.ui.ui.ui.table tr.black:not(.marked),
  1633. .ui.ui.table td.black:not(.marked) {
  1634. background: #545454;
  1635. color: #FFFFFF;
  1636. }
  1637. .ui.ui.selectable.table tr.black:not(.marked):hover,
  1638. .ui.table tr td.selectable.black:not(.marked):hover,
  1639. .ui.selectable.table tr:hover td.black:not(.marked) {
  1640. background: #000000;
  1641. color: #FFFFFF;
  1642. }
  1643. .ui.table td.marked.black.left,
  1644. .ui.table tr.marked.black.left {
  1645. -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
  1646. box-shadow: 0.2em 0 0 0 #1B1C1D inset;
  1647. }
  1648. .ui.table td.marked.black.right,
  1649. .ui.table tr.marked.black.right {
  1650. -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
  1651. box-shadow: -0.2em 0 0 0 #1B1C1D inset;
  1652. }
  1653. .ui.inverted.table td.marked.black.left,
  1654. .ui.inverted.table tr.marked.black.left {
  1655. -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
  1656. box-shadow: 0.2em 0 0 0 #545454 inset;
  1657. }
  1658. .ui.inverted.table td.marked.black.right,
  1659. .ui.inverted.table tr.marked.black.right {
  1660. -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
  1661. box-shadow: -0.2em 0 0 0 #545454 inset;
  1662. }
  1663. /*--------------
  1664. Column Count
  1665. ---------------*/
  1666. /* Grid Based */
  1667. .ui.one.column.table td {
  1668. width: 100%;
  1669. }
  1670. .ui.two.column.table td {
  1671. width: 50%;
  1672. }
  1673. .ui.three.column.table td {
  1674. width: 33.33333333%;
  1675. }
  1676. .ui.four.column.table td {
  1677. width: 25%;
  1678. }
  1679. .ui.five.column.table td {
  1680. width: 20%;
  1681. }
  1682. .ui.six.column.table td {
  1683. width: 16.66666667%;
  1684. }
  1685. .ui.seven.column.table td {
  1686. width: 14.28571429%;
  1687. }
  1688. .ui.eight.column.table td {
  1689. width: 12.5%;
  1690. }
  1691. .ui.nine.column.table td {
  1692. width: 11.11111111%;
  1693. }
  1694. .ui.ten.column.table td {
  1695. width: 10%;
  1696. }
  1697. .ui.eleven.column.table td {
  1698. width: 9.09090909%;
  1699. }
  1700. .ui.twelve.column.table td {
  1701. width: 8.33333333%;
  1702. }
  1703. .ui.thirteen.column.table td {
  1704. width: 7.69230769%;
  1705. }
  1706. .ui.fourteen.column.table td {
  1707. width: 7.14285714%;
  1708. }
  1709. .ui.fifteen.column.table td {
  1710. width: 6.66666667%;
  1711. }
  1712. .ui.sixteen.column.table td {
  1713. width: 6.25%;
  1714. }
  1715. /* Column Width */
  1716. .ui.table th.one.wide,
  1717. .ui.table td.one.wide {
  1718. width: 6.25%;
  1719. }
  1720. .ui.table th.two.wide,
  1721. .ui.table td.two.wide {
  1722. width: 12.5%;
  1723. }
  1724. .ui.table th.three.wide,
  1725. .ui.table td.three.wide {
  1726. width: 18.75%;
  1727. }
  1728. .ui.table th.four.wide,
  1729. .ui.table td.four.wide {
  1730. width: 25%;
  1731. }
  1732. .ui.table th.five.wide,
  1733. .ui.table td.five.wide {
  1734. width: 31.25%;
  1735. }
  1736. .ui.table th.six.wide,
  1737. .ui.table td.six.wide {
  1738. width: 37.5%;
  1739. }
  1740. .ui.table th.seven.wide,
  1741. .ui.table td.seven.wide {
  1742. width: 43.75%;
  1743. }
  1744. .ui.table th.eight.wide,
  1745. .ui.table td.eight.wide {
  1746. width: 50%;
  1747. }
  1748. .ui.table th.nine.wide,
  1749. .ui.table td.nine.wide {
  1750. width: 56.25%;
  1751. }
  1752. .ui.table th.ten.wide,
  1753. .ui.table td.ten.wide {
  1754. width: 62.5%;
  1755. }
  1756. .ui.table th.eleven.wide,
  1757. .ui.table td.eleven.wide {
  1758. width: 68.75%;
  1759. }
  1760. .ui.table th.twelve.wide,
  1761. .ui.table td.twelve.wide {
  1762. width: 75%;
  1763. }
  1764. .ui.table th.thirteen.wide,
  1765. .ui.table td.thirteen.wide {
  1766. width: 81.25%;
  1767. }
  1768. .ui.table th.fourteen.wide,
  1769. .ui.table td.fourteen.wide {
  1770. width: 87.5%;
  1771. }
  1772. .ui.table th.fifteen.wide,
  1773. .ui.table td.fifteen.wide {
  1774. width: 93.75%;
  1775. }
  1776. .ui.table th.sixteen.wide,
  1777. .ui.table td.sixteen.wide {
  1778. width: 100%;
  1779. }
  1780. /*--------------
  1781. Sortable
  1782. ---------------*/
  1783. .ui.sortable.table > thead > tr > th {
  1784. cursor: pointer;
  1785. white-space: nowrap;
  1786. border-left: 1px solid rgba(34, 36, 38, 0.15);
  1787. color: rgba(0, 0, 0, 0.87);
  1788. }
  1789. .ui.sortable.table > thead > tr > th:first-child {
  1790. border-left: none;
  1791. }
  1792. .ui.sortable.table thead th.sorted,
  1793. .ui.sortable.table thead th.sorted:hover {
  1794. -webkit-user-select: none;
  1795. -moz-user-select: none;
  1796. -ms-user-select: none;
  1797. user-select: none;
  1798. }
  1799. .ui.sortable.table > thead > tr > th:after {
  1800. display: none;
  1801. font-style: normal;
  1802. font-weight: normal;
  1803. text-decoration: inherit;
  1804. content: '';
  1805. height: 1em;
  1806. width: auto;
  1807. opacity: 0.8;
  1808. margin: 0 0 0 0.5em;
  1809. font-family: 'Icons';
  1810. }
  1811. .ui.sortable.table thead th.ascending:after {
  1812. content: '\f0d8';
  1813. }
  1814. .ui.sortable.table thead th.descending:after {
  1815. content: '\f0d7';
  1816. }
  1817. /* Hover */
  1818. .ui.sortable.table th.disabled:hover {
  1819. cursor: auto;
  1820. color: rgba(40, 40, 40, 0.3);
  1821. }
  1822. .ui.sortable.table > thead > tr > th:hover {
  1823. color: rgba(0, 0, 0, 0.8);
  1824. }
  1825. .ui.sortable.table:not(.basic) > thead > tr > th:hover {
  1826. background: rgba(0, 0, 0, 0.05);
  1827. }
  1828. /* Sorted */
  1829. .ui.sortable.table thead th.sorted {
  1830. color: rgba(0, 0, 0, 0.95);
  1831. }
  1832. .ui.sortable.table:not(.basic) thead th.sorted {
  1833. background: rgba(0, 0, 0, 0.05);
  1834. }
  1835. .ui.sortable.table thead th.sorted:after {
  1836. display: inline-block;
  1837. }
  1838. /* Sorted Hover */
  1839. .ui.sortable.table thead th.sorted:hover {
  1840. color: rgba(0, 0, 0, 0.95);
  1841. }
  1842. .ui.sortable.table:not(.basic) thead th.sorted:hover {
  1843. background: rgba(0, 0, 0, 0.05);
  1844. }
  1845. /* Inverted */
  1846. .ui.inverted.sortable.table thead th.sorted {
  1847. color: #ffffff;
  1848. }
  1849. .ui.inverted.sortable.table:not(.basic) thead th.sorted {
  1850. background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  1851. background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  1852. background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  1853. }
  1854. .ui.inverted.sortable.table > thead > tr > th:hover {
  1855. color: #ffffff;
  1856. }
  1857. .ui.inverted.sortable.table:not(.basic) > thead > tr > th:hover {
  1858. background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  1859. background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  1860. background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  1861. }
  1862. .ui.inverted.sortable.table:not(.basic) > thead > tr > th {
  1863. border-left-color: transparent;
  1864. border-right-color: transparent;
  1865. }
  1866. /*--------------
  1867. Inverted
  1868. ---------------*/
  1869. /* Text Color */
  1870. .ui.inverted.table {
  1871. background: #333333;
  1872. color: rgba(255, 255, 255, 0.9);
  1873. border: none;
  1874. }
  1875. .ui.ui.inverted.table > thead > tr > th,
  1876. .ui.ui.inverted.table > tbody > tr > th,
  1877. .ui.ui.inverted.table > tfoot > tr > th,
  1878. .ui.ui.inverted.table > tfoot > tr > td,
  1879. .ui.ui.inverted.table > tr > th {
  1880. background-color: rgba(0, 0, 0, 0.15);
  1881. border-color: rgba(255, 255, 255, 0.1);
  1882. color: rgba(255, 255, 255, 0.9);
  1883. }
  1884. .ui.inverted.table > tbody > tr > td,
  1885. .ui.inverted.table > tfoot > tr > td,
  1886. .ui.inverted.table > tr > td {
  1887. border-color: rgba(255, 255, 255, 0.1);
  1888. }
  1889. .ui.inverted.table tr.disabled td,
  1890. .ui.inverted.table tr td.disabled,
  1891. .ui.inverted.table tr.disabled:hover td,
  1892. .ui.inverted.table tr:hover td.disabled {
  1893. pointer-events: none;
  1894. color: rgba(225, 225, 225, 0.3);
  1895. }
  1896. .ui.inverted.table tr td.disabled:not([class="disabled"]),
  1897. .ui.inverted.table tr.disabled:not([class="disabled"]) td,
  1898. .ui.inverted.table tr.disabled td[class]:not(.disabled),
  1899. .ui.inverted.table tr:hover td.disabled:not([class="disabled"]) {
  1900. color: rgba(40, 40, 40, 0.3);
  1901. }
  1902. /* Definition */
  1903. .ui.inverted.definition.table > tfoot:not(.full-width) > tr > th:first-child,
  1904. .ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child {
  1905. background: #FFFFFF;
  1906. }
  1907. .ui.inverted.definition.table > tbody > tr > td:first-child .ui.inverted.definition.table > tfoot > tr > td:first-child,
  1908. .ui.inverted.definition.table > tr > td:first-child {
  1909. background: rgba(255, 255, 255, 0.02);
  1910. color: #ffffff;
  1911. }
  1912. /*--------------
  1913. Collapsing
  1914. ---------------*/
  1915. .ui.collapsing.table {
  1916. width: auto;
  1917. }
  1918. /*--------------
  1919. Basic
  1920. ---------------*/
  1921. .ui.basic.table {
  1922. background: transparent;
  1923. border: 1px solid rgba(34, 36, 38, 0.15);
  1924. -webkit-box-shadow: none;
  1925. box-shadow: none;
  1926. }
  1927. .ui.basic.table > thead,
  1928. .ui.basic.table > tfoot {
  1929. -webkit-box-shadow: none;
  1930. box-shadow: none;
  1931. }
  1932. .ui.basic.table > thead > tr > th,
  1933. .ui.basic.table > tbody > tr > th,
  1934. .ui.basic.table > tfoot > tr > th,
  1935. .ui.basic.table > tr > th {
  1936. background: transparent;
  1937. border-left: none;
  1938. }
  1939. .ui.basic.table > tbody > tr {
  1940. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1941. }
  1942. .ui.basic.table > tbody > tr > td,
  1943. .ui.basic.table > tfoot > tr > td,
  1944. .ui.basic.table > tr > td {
  1945. background: transparent;
  1946. }
  1947. .ui.basic.striped.table > tbody > tr:nth-child(2n) {
  1948. background-color: rgba(0, 0, 0, 0.05);
  1949. }
  1950. /* Very Basic */
  1951. .ui[class*="very basic"].table {
  1952. border: none;
  1953. }
  1954. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th,
  1955. .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th,
  1956. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th,
  1957. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th,
  1958. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td,
  1959. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td {
  1960. padding: '';
  1961. }
  1962. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:first-child,
  1963. .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:first-child,
  1964. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:first-child,
  1965. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:first-child,
  1966. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:first-child,
  1967. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:first-child,
  1968. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:first-child {
  1969. padding-left: 0;
  1970. }
  1971. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:last-child,
  1972. .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:last-child,
  1973. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:last-child,
  1974. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:last-child,
  1975. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:last-child,
  1976. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:last-child,
  1977. .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:last-child {
  1978. padding-right: 0;
  1979. }
  1980. .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th {
  1981. padding-top: 0;
  1982. }
  1983. /*--------------
  1984. Celled
  1985. ---------------*/
  1986. .ui.celled.table > tr > th,
  1987. .ui.celled.table > thead > tr > th,
  1988. .ui.celled.table > tbody > tr > th,
  1989. .ui.celled.table > tfoot > tr > th,
  1990. .ui.celled.table > tr > td,
  1991. .ui.celled.table > tbody > tr > td,
  1992. .ui.celled.table > tfoot > tr > td {
  1993. border-left: 1px solid rgba(34, 36, 38, 0.1);
  1994. }
  1995. .ui.inverted.celled.table > tbody > tr > td,
  1996. .ui.inverted.celled.table > tr > td {
  1997. border-left: 1px solid rgba(255, 255, 255, 0.1);
  1998. }
  1999. .ui.celled.table > tr > th:first-child,
  2000. .ui.celled.table > thead > tr > th:first-child,
  2001. .ui.celled.table > tbody > tr > th:first-child,
  2002. .ui.celled.table > tfoot > tr > th:first-child,
  2003. .ui.celled.table > tr > td:first-child,
  2004. .ui.celled.table > tbody > tr > td:first-child,
  2005. .ui.celled.table > tfoot > tr > td:first-child {
  2006. border-left: none;
  2007. }
  2008. /*--------------
  2009. Padded
  2010. ---------------*/
  2011. .ui.padded.table > tr > th,
  2012. .ui.padded.table > thead > tr > th,
  2013. .ui.padded.table > tbody > tr > th,
  2014. .ui.padded.table > tfoot > tr > th {
  2015. padding-left: 1em;
  2016. padding-right: 1em;
  2017. }
  2018. .ui.padded.table > tr > th,
  2019. .ui.padded.table > thead > tr > th,
  2020. .ui.padded.table > tbody > tr > th,
  2021. .ui.padded.table > tfoot > tr > th,
  2022. .ui.padded.table > tr > td,
  2023. .ui.padded.table > tbody > tr > td,
  2024. .ui.padded.table > tfoot > tr > td {
  2025. padding: 1em 1em;
  2026. }
  2027. /* Very */
  2028. .ui[class*="very padded"].table > tr > th,
  2029. .ui[class*="very padded"].table > thead > tr > th,
  2030. .ui[class*="very padded"].table > tbody > tr > th,
  2031. .ui[class*="very padded"].table > tfoot > tr > th {
  2032. padding-left: 1.5em;
  2033. padding-right: 1.5em;
  2034. }
  2035. .ui[class*="very padded"].table > tr > td,
  2036. .ui[class*="very padded"].table > tbody > tr > td,
  2037. .ui[class*="very padded"].table > tfoot > tr > td {
  2038. padding: 1.5em 1.5em;
  2039. }
  2040. /*--------------
  2041. Compact
  2042. ---------------*/
  2043. .ui.compact.table > tr > th,
  2044. .ui.compact.table > thead > tr > th,
  2045. .ui.compact.table > tbody > tr > th,
  2046. .ui.compact.table > tfoot > tr > th {
  2047. padding-left: 0.7em;
  2048. padding-right: 0.7em;
  2049. }
  2050. .ui.compact.table > tr > td,
  2051. .ui.compact.table > tbody > tr > td,
  2052. .ui.compact.table > tfoot > tr > td {
  2053. padding: 0.5em 0.7em;
  2054. }
  2055. /* Very */
  2056. .ui[class*="very compact"].table > tr > th,
  2057. .ui[class*="very compact"].table > thead > tr > th,
  2058. .ui[class*="very compact"].table > tbody > tr > th,
  2059. .ui[class*="very compact"].table > tfoot > tr > th {
  2060. padding-left: 0.6em;
  2061. padding-right: 0.6em;
  2062. }
  2063. .ui[class*="very compact"].table > tr > td,
  2064. .ui[class*="very compact"].table > tbody > tr > td,
  2065. .ui[class*="very compact"].table > tfoot > tr > td {
  2066. padding: 0.4em 0.6em;
  2067. }
  2068. /*--------------
  2069. Sizes
  2070. ---------------*/
  2071. /* Standard */
  2072. .ui.table {
  2073. font-size: 1em;
  2074. }
  2075. .ui.mini.table {
  2076. font-size: 0.78571429rem;
  2077. }
  2078. .ui.tiny.table {
  2079. font-size: 0.85714286rem;
  2080. }
  2081. .ui.small.table {
  2082. font-size: 0.9em;
  2083. }
  2084. .ui.large.table {
  2085. font-size: 1.1em;
  2086. }
  2087. .ui.big.table {
  2088. font-size: 1.28571429rem;
  2089. }
  2090. .ui.huge.table {
  2091. font-size: 1.42857143rem;
  2092. }
  2093. .ui.massive.table {
  2094. font-size: 1.71428571rem;
  2095. }
  2096. /*******************************
  2097. Site Overrides
  2098. *******************************/