{"version":3,"sources":["webpack:///../pkg/packagekit/updates.less","webpack:///../pkg/lib/listing.less"],"names":[],"mappings":"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CAAwC;EAwDtC;CAtDH;AACD,qCAAqC;AAyDrC;EACI;EACA;EACA;EACA;EACA;EACA;CAvDH;AA0DD;EACI;EACA;EACA;EACA;CAxDH;AA2DD;EACI;EACA;CAzDH;AA4DD;EACI;EACA;EACA;EACA;CA1DH;AA6DD;EACI;EACA;EACA;EACA;CA3DH;AA8DD;EACI;EACA;EACA;CA5DH;AA+DD;EACI;EACA;EACA;CA7DH;AAgED;EACI;EACA;CA9DH;AAiED;EACI;EACA;CA/DH;AAkED;EACI;EACA;EACA;CAhEH;AAmED;EACI;CAjEH;AAoED;EACI;CAlEH;AAqED;EACI;CAnEH;AAsED;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CApEH;AAuED;EACI;CArEH;AAwED;EACI;CAtEH;AAyED;EACI;EACA;EACA;EACA;CAvEH;AA0ED;EACI;EACA;EACA;EACA;EACA;CAxEH;AA2ED;EACI;CAzEH;AA4ED;EACI;CA1EH;AA6ED;EACI;EACA;CA3EH;AACD,iCAAiC;AACjC,+CAA+C;AA8E/C;;;EAGI;CA5EH;AACD,4CAA4C;AA+E5C;;;EAGI;CA7EH;AACD,sDAAsD;AACtD,yEAAyE;AAgFzE;;EAEI;CA9EH;AAiFD;EACI;IACI;IACA;IACA;IACA;IACA;IACA;IACA;GA/EL;EAgFG;IACE;IACA;GA9EL;EAgFC;IACI;IACA;GA9EL;CACF;AACD,yEAAyE;AAiFzE;EACI;;;IAGI;GA/EL;CACF;AAkFD;EACI;EACA;EACA;EACA;EACA;CAhFH;AAmFD;EACI;CAjFH;AAoFD;EACI;CAlFH;AAqFD;EACI;EACA;CAnFH;AAsFD;EACI;EACA;EACA;EACA;CApFH;AACD,oEAAoE;AAuFpE;;EAEI;CArFH;AAwFD;EACI;CAtFH;AACD,4DAA4D;AAyF5D;EACI;CAvFH;AACD,8CAA8C;AA0F9C;;;EAIQ;CAzFP;AAqFD;;EASQ;CA1FP;AA4FO;;EACI;CAzFX;AA8FD;EACI;CA5FH;AA+FD;;EAEI;CA7FH;AAgGD;EACI;CA9FH;AAiGD;EACI;CA/FH;AACD,yCAAyC;AAmGzC;EACI;EACA;CAjGH;AAoGD;EACI;CAlGH;AAqGD;;;;EAII;EACA;CAnGH;AACD,8CAA8C;AAsG9C;;;EAGI;EACA;CApGH;AAsGD;;EAEI;CApGH;AAsGD;EApGE,0CAA0C;EAsGxC;CApGH","file":"packagekit/updates.css","sourcesContent":[".pk-updates--header {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 1.5rem 0 1rem;\n\n &--heading,\n &--actions {\n padding: 0.5rem 0 0;\n }\n &--heading {\n margin: 0;\n padding-right: 15px;\n }\n &--actions {\n > .btn,\n > .btn-group {\n margin: 5px 5px 0 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n\n@media screen and (min-width: 640px) {\n .pk-updates--header--auto {\n justify-content: start;\n }\n}\n\n/* override default cockpit CSS, as this doesn't fit our table */\ntable.listing-ct {\n margin-top: 0;\n width: 100%;\n}\n\ntable.listing-ct thead th {\n padding-left: 0;\n\n &:last-child {\n text-align: left;\n }\n}\n\ntr.listing-ct-item {\n td, th {\n /* We *should* align to baseline, but names wrap */\n /* Padding and text side is the same, so top works here */\n /* Too bad table doesn't align to \"first baseline\", like flex/grid */\n vertical-align: top;\n }\n td:not(:first-child) {\n padding-left: 0;\n }\n\n th:last-child {\n text-align: left;\n }\n\n @media screen and (min-width: 641px) {\n /* Desktop: Truncate version by default and untruncate on hover */\n td.version {\n width: 18ex;\n /* Tables are stretchy, so we *also* need the max-width */\n max-width: 18ex;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n /* Expand version string when hovering */\n &:hover {\n overflow: visible;\n\n .truncating {\n background: linear-gradient(to left, rgba(237, 248, 255, 0), rgb(237, 248, 255) 3em);\n position: relative;\n padding: 0.5em 4em 0.5em 0;\n }\n }\n }\n }\n @media screen and (max-width: 640px) {\n /* Mobile: force wrap version strings */\n td.version {\n word-break: break-all;\n width: 16ch;\n max-width: 30vw;\n }\n }\n\n td.type {\n white-space: nowrap;\n }\n td.changelog {\n vertical-align: top;\n text-align: left;\n\n * {\n display: inline;\n font: inherit;\n background: inherit;\n color: inherit;\n }\n\n &, p {\n max-width: 60vw;\n margin-bottom: 0; // counter-act \n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.severity-critical {\n color: #a30000;\n}\n\n.severity-important {\n color: #ec7a08;\n}\n\n.severity-low {\n color: #72767b;\n}\n\n// backport \"pficon-*\" for usage on RHEL/CentOS 7\n@font-face {\n font-family: \"pf-symbols\";\n font-style: normal;\n font-weight: 400;\n src: url(data:application/x-font-woff;charset=utf-8;base64,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) format(\"woff\");\n\n unicode-range: U+E946, U+E93A;\n}\n\n.pficon-security:before {\n content: \"\\e946\";\n font-family: pf-symbols;\n}\n\n.pficon-enhancement:before {\n content: \"\\e93a\";\n font-family: pf-symbols;\n}\n\ndiv.changelog {\n max-height: 20em;\n overflow: auto;\n white-space: pre-wrap;\n}\n\ntr.security.listing-ct-item {\n background-color: #fbf0f0 !important; /* keep red background when expanded */\n border-top: 1px solid #e0e0e0;\n border-bottom: 1px solid #e0e0e0;\n\n @media screen and (min-width: 641px) {\n td.version:hover .truncating {\n background: linear-gradient(to left, rgba(251, 240, 240, 0), rgb(251, 240, 240) 3em);\n }\n }\n}\n\n\n/* Hide changelog summaries in narrow widths */\n@media screen and (max-width: 80ch) {\n .container-fluid {\n overflow-x: hidden;\n }\n table.listing-ct {\n /* Hide changelog header (there's no class) & data */\n thead th:last-child,\n td.changelog {\n display: none;\n }\n }\n}\n/* Remove listing table margins in cramped space (mobile) */\n@media screen and (max-width: 640px) {\n table.listing-ct {\n /* counteract .container-fluid */\n margin-left: -20px;\n margin-right: -20px;\n\n /* Mobile mode table should be full width */\n width: 100vw;\n }\n tbody.open > tr.listing-ct-item,\n tbody.open > tr.listing-ct-panel {\n border-left: none;\n border-right: none;\n }\n}\n\n/* don't let the install progress bar get too wide */\n.progress-main-view {\n max-width: 60rem;\n margin: 10ex auto 0;\n}\n\n/* stolen from pkg/systemd/host.css */\n.content-header-extra {\n background: #f5f5f5;\n border-bottom: 1px solid #ddd;\n padding: 10px 20px;\n width: 100%;\n z-index: 900;\n top: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n\n @media screen and (min-width: 640px) {\n position: sticky;\n }\n\n &--state,\n &--updated {\n /* Make the height similar to the button (2px padding + 1px border) */\n padding: 3px 0;\n }\n\n &--state {\n flex: 100 1 auto;\n padding-right: 1ex;\n }\n &--updated {\n flex: auto;\n }\n &--action {\n text-align: right;\n padding-left: 1ex;\n }\n}\n\n/* fixed width to avoid jumpy text between expanded/collapsed */\n.expander-caret {\n width: 2ex;\n}\n\n.expander-title {\n margin-bottom: 2em;\n display: flex;\n align-items: center;\n hr {\n flex: auto;\n }\n span {\n padding: 1ex;\n flex: none;\n }\n}\n\n.blank-slate-pf {\n /* PatternFly empty state has a gray background which we don't want here */\n background: inherit;\n border: none;\n\n /* standard blank-slate-pf does not limit width of paragraph, which looks ugly */\n p {\n max-width: 50rem;\n margin: 0 auto;\n text-align: center;\n }\n}\n\n\n.flow-list-blank-slate {\n padding-top: 8em;\n margin: 0 auto;\n max-width: 69rem;\n text-align: center;\n}\n\n.flow-list {\n margin: 1em 1em 3em;\n padding: 0;\n max-width: 110rem;\n text-align: left;\n box-sizing: border-box;\n\n li {\n text-align: left;\n box-sizing: border-box;\n width: 22rem;\n padding: 0 1ex;\n display: inline-block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: 600;\n }\n}\n\n.update-log {\n padding-top: 8em;\n margin: 0 auto;\n max-width: 69rem;\n text-align: center;\n th {\n text-align: left;\n padding-right: 3ex;\n }\n td {\n text-align: left;\n }\n}\n\n.update-log-content {\n margin: 0 10ex;\n height: 13em;\n overflow-y: auto;\n}\n\ntable.header-buttons {\n margin-bottom: 20px; /* replacement for h2's margin-bottom */\n td {\n vertical-align: middle;\n }\n h2 {\n margin: 0 4rem 0 0; /* vertical default ones break vertical alignment */\n }\n}\n\n.auto-conf {\n align-items: baseline;\n display: flex;\n flex-wrap: wrap;\n margin: 1em 0 2em;\n width: 100%;\n\n /* bootstrap sets widths to 100%, way too wide for Select widgets */\n .dropdown-toggle {\n width: auto;\n }\n .dropdown {\n width: auto !important;\n padding: 0.5ch;\n }\n}\n.auto-conf-text {\n padding: 0 1ch;\n}\n.auto-conf-group:first-child > .dropdown {\n padding-left: 0;\n}\n\n/* three columns for auto update hour picker */\n#auto-update-time {\n ul {\n width: 25ex;\n }\n li {\n width: 8ex;\n display: inline-block;\n text-align: right;\n }\n}\n","/* Listing pattern */\ntable.listing-ct {\n margin-top: 15px;\n min-width: 65%;\n}\ntable.listing-ct > caption,\ntable.listing-ct > thead h3 {\n font-size: 22px;\n padding: 10px 0px 10px;\n font-weight: 300;\n margin-top: 0;\n}\ntable.listing-ct > caption {\n color: inherit;\n line-height: 1.1;\n}\ntable.listing-ct > thead td {\n padding-top: 20px;\n}\ntable.listing-ct > thead:first-child td {\n padding-top: 0;\n}\ntable.listing-ct > thead td > a {\n line-height: 30px;\n padding: 10px 0 10px;\n}\ntable.listing-ct > thead th {\n border-top: 1px solid #f1f1f1;\n font-weight: normal;\n padding: 10px 20px;\n color: #888;\n}\ntable.listing-ct > thead th:first-child {\n padding-left: 20px;\n}\ntable.listing-ct > thead th:last-child {\n text-align: right;\n}\n/* A listing item is a row in the table */\ntbody > tr.listing-ct-item {\n border: 1px solid transparent;\n border-top: 1px solid #f1f1f1;\n border-bottom: 1px solid #f1f1f1;\n cursor: pointer;\n}\ntable.listing-ct > tbody:last-child {\n border-bottom: 1px solid #f1f1f1;\n}\ntable.listing-ct > tbody + thead {\n border-top: 1px solid #f1f1f1;\n}\ntable.listing-ct > tbody.open:last-child {\n border-bottom: none;\n}\ntable.listing-ct > tbody.open + thead {\n border-top: none;\n}\ntbody > tr.listing-ct-item.listing-ct-warning {\n background-color: #fbc7c7;\n}\ntbody.open > tr.listing-ct-item {\n background-color: #def3ff;\n border-bottom: none;\n border-top: none;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n transition: all 200ms;\n}\ntbody.open > tr.listing-ct-item td,\ntbody.open > tr.listing-ct-item th {\n border-top: 1px solid #ccc;\n}\ntbody.open td div.listing-ct-head {\n background-color: #fff;\n}\ntbody.open > .listing-ct-panel {\n border: 1px solid #ccc;\n}\ntbody.open > .listing-ct-panel > td > .listing-ct-body {\n border: none;\n overflow: auto;\n}\ntbody.open > tr.listing-ct-panel + tr.listing-ct-body {\n border-top: none;\n}\ntbody.open > tr.listing-ct-panel td div.listing-ct-head {\n border: none;\n border-bottom: 1px solid #ccc;\n}\n/* only highlight the row if navigation is available */\ntbody:not(.open) > tr.listing-ct-item:not(.listing-ct-nonavigate):hover {\n background-color: #edf8ff;\n}\n/* if we can't navigate to a row but expand is available, highlight the caret */\ntbody:not(.open) > tr.listing-ct-item.listing-ct-nonavigate:hover td.listing-ct-toggle {\n color: #65bedf;\n}\n/* use hover color expanded rows even if navigation isn't available */\ntbody.open:hover > tr.listing-ct-item,\ntr.listing-ct-item.listing-ct-nonavigate:hover {\n background-color: #edf8ff;\n}\ntr.listing-ct-item .listing-ct-toggle:not(:empty) {\n width: 35px;\n color: #393f44;\n}\n/* Highlight toggle color when hovered or if the row is open */\n.listing-ct-toggle:hover,\ntbody.open .listing-ct-toggle {\n color: #65bedf;\n}\n.listing-ct .listing-ct-toggle:empty {\n width: 0;\n padding: 0;\n}\n.listing-ct > thead > tr > .listing-ct-toggle + th,\n.listing-ct-item > .listing-ct-toggle + td,\n.listing-ct-item > .listing-ct-toggle + th {\n padding-left: 10px;\n position: relative;\n}\n.listing-ct-item > .listing-ct-toggle:not(:empty) + th::before,\n.listing-ct-item > .listing-ct-toggle:not(:empty) + td::before {\n border-left: 1px solid rgba(0, 0, 0, 0.18);\n /* pf-black-300 */\n content: \"\";\n height: 1.66666667em;\n left: -5px;\n position: absolute;\n top: 15px;\n}\ntd.listing-ct-toggle i {\n font-size: 17px;\n}\ntd.listing-ct-toggle i:before {\n position: relative;\n content: \"\\f105\";\n display: block;\n}\ntbody.open td.listing-ct-toggle i:before {\n content: \"\\f107\";\n animation: listingCtToggleOpen 100ms ease-in-out;\n top: 1px;\n}\n@keyframes listingCtToggleOpen {\n 0% {\n transform-origin: 50% 50%;\n transform: translate(0, -1px) rotate(-90deg);\n }\n 100% {\n transform: translate(0, 0) rotate(0);\n }\n}\n/* Listing items have decent padding ... */\n.listing-ct > thead > tr > th,\ntr.listing-ct-item > th,\ntr.listing-ct-item > td {\n padding: 15px;\n vertical-align: text-top;\n /* baseline doesn't support wrapped lines */\n}\ntr.listing-ct-item > td > .btn {\n /* .btn has padding of 6px and 1px border */\n margin-top: -7px;\n margin-bottom: -7px;\n}\ntr.listing-ct-item > td > .btn-control-ct {\n /* Adapt for Cockpit's modified button, which is larger by 8px */\n margin-top: -3px;\n margin-bottom: -3px;\n}\n/* Listing caption is text next to the actions, text should be similar to nav (.nav-tabs-pf > li > a)*/\n.listing-ct-actions > .listing-ct-caption {\n font-size: 13px;\n vertical-align: middle;\n color: #0088ce;\n padding-right: 5px;\n}\n/* Listing actions can be used directly as a cell */\ntr.listing-ct-item td.listing-ct-actions,\ntd.listing-ct-actions {\n padding: 5px 10px;\n text-align: right;\n float: none;\n}\n/* if the entire row is selected, highlight */\ntr.listing-ct-item.listing-ct-selected {\n background-color: #0088ce;\n color: #fff;\n border-color: #007ebf;\n}\ntr.listing-ct-item.listing-ct-selected:hover {\n background-color: #007ebf;\n border-color: #007ebf;\n}\ntr.listing-ct-item.listing-ct-selected .badge {\n background-color: #00537e;\n}\ntr.listing-ct-item.listing-ct-selected .badge:hover {\n background-color: #003e5f;\n}\n.listing-ct-head .listing-ct-actions {\n margin-top: -7px;\n}\n/* The last column of a listing is always right aligned */\ntr.listing-ct-item td:last-child {\n text-align: right;\n}\ndiv.listing-ct-panel {\n box-shadow: 1px 1px 1px 1px #f5f5f5;\n margin-bottom: 15px;\n}\ndiv.listing-ct-maybe {\n border: 1px dashed #ddd;\n box-shadow: none;\n}\ndiv.listing-ct-head {\n padding: 10px 10px 0 10px;\n background-color: #f5f5f5;\n border-color: #ccc;\n border-style: solid;\n border-width: 1px 1px 0 1px;\n overflow: hidden;\n}\ndiv.listing-ct-head:last-child {\n padding-bottom: 10px;\n}\ndiv.listing-ct-maybe div.listing-ct-head,\ndiv.listing-ct-maybe div.listing-ct-body {\n background-color: #fff;\n border: none;\n}\ntbody.active .listing-ct-head {\n border-top: 3px solid #0099d3;\n}\n.listing-ct-head h3 {\n font-weight: normal;\n font-size: 18px;\n margin-top: 0px;\n margin-left: 5px;\n margin-bottom: 10px;\n}\n.listing-ct-head h3 i {\n float: left;\n padding-right: 7px;\n}\n.listing-ct-head .nav li a {\n font-size: 13px;\n /* Counteract listing-ct-head padding */\n margin-top: -10px;\n}\n.listing-ct-head .nav-tabs {\n border-bottom: none;\n}\n.listing-ct-head .nav-tabs-pf {\n /* Counteract listing-ct-head padding */\n margin: -10px 0 0 -10px;\n}\n/* To display info instead of tabs */\n.listing-ct-head dl {\n display: inline-block;\n height: 1.6em;\n margin-bottom: 5px;\n white-space: nowrap;\n margin-right: 45px;\n margin-left: 5px;\n}\n.listing-ct-head dt {\n font-weight: normal;\n display: inline;\n margin-right: 0.5em;\n color: #888;\n}\n.listing-ct-head dd {\n display: inline;\n color: black;\n}\n.listing-ct-body {\n padding: 20px 25px;\n font-size: 13px;\n border: 1px solid #ccc;\n background-color: #fff;\n}\n.listing-ct-inline > td > .listing-ct-body {\n border: none;\n padding-top: 0px;\n padding-left: 20px;\n padding-bottom: 0px;\n}\n.listing-ct-inline > h3 {\n border-top: 1px solid #ccc;\n padding-top: 20px;\n margin-top: 30px;\n}\n.listing-ct-inline > h3:first-child {\n border-top: none;\n padding-top: 0px;\n margin-top: 20px;\n}\n.listing-ct-actions {\n float: right;\n min-height: 26px;\n}\n.listing-ct-status {\n float: right;\n clear: right;\n}\n.listing-ct-error {\n border-top: 1px solid #ccc;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n}\n.listing-ct-error.alert {\n margin-bottom: 0;\n}\n.listing-ct-body tt {\n font-size: 12px;\n}\n.listing-ct-body dl {\n margin: 0;\n}\n.listing-ct-body dl dd dl.inline-dl dt,\n.listing-ct-body dt {\n clear: left;\n float: left;\n width: 100px;\n min-height: 26px;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: #888;\n font-weight: normal;\n}\n.listing-ct-body dt {\n text-align: right;\n}\n.listing-ct-body dl dd dl dt {\n text-align: left;\n}\n.listing-ct-body dd {\n margin-left: 110px;\n min-height: 26px;\n max-width: 1000px;\n text-overflow: ellipsis;\n}\n.listing-ct-body dl.full-width dt {\n text-align: left;\n min-width: none;\n max-width: none;\n float: none;\n width: auto;\n}\n.listing-ct-body dl.full-width dd {\n margin-left: 0px;\n}\ntable.listing-ct tbody {\n transition: all 100ms ease-out;\n}\ntable.listing-ct tbody.open {\n transition: all 100ms ease-in;\n box-shadow: 0 2px 6px rgba(3, 3, 3, 0.2);\n}\n/* By default these are hidden */\n/* (HACK: Special-case the user auth dialog) */\ntbody:not(.ssh-key-body) > tr.listing-ct-head,\ntbody > tr.listing-ct-panel,\ntbody > tr.listing-ct-body {\n display: none;\n}\n/* ... unless they are in the right state */\ntbody.open > tr.listing-ct-head,\ntbody.open > tr.listing-ct-panel,\ntbody.open > tr.listing-ct-body {\n display: table-row;\n}\n/* Animate the listing head & the last visible body */\n/* (Switching tabs will adds new listing-ct-bodys & toggle visibility) */\ntbody.open div.listing-ct-head,\ntbody.open div.listing-ct-head + div.listing-ct-body:not([hidden]):last-child {\n animation: listingCtShow 100ms ease-in-out;\n}\n@keyframes listingCtShow {\n 0% {\n margin-bottom: 0;\n margin-top: 0;\n max-height: 0;\n opacity: 0;\n padding-bottom: 0;\n padding-top: 0;\n line-height: 0;\n }\n 50% {\n opacity: 0;\n line-height: 1;\n }\n 100% {\n max-height: 100vh;\n opacity: 1;\n }\n}\n/* Turn off animation if requested by the browser/OS (where supported) */\n@media (prefers-reduced-motion: reduce) {\n tbody.open td.listing-ct-toggle i:before,\n tbody.open div.listing-ct-head,\n tbody.open div.listing-ct-body {\n animation: none;\n }\n}\ntbody.open tr.listing-ct-head {\n border-color: #ccc;\n border-style: solid;\n border-width: 1px 1px 0 1px;\n border-top: 3px solid #0099d3;\n background-color: #f5f5f5;\n}\ntr.listing-ct-head + tr.listing-ct-head {\n border-top: none;\n}\ntr.listing-ct-head + tr.listing-ct-head td {\n padding: 0px 10px 0px 10px;\n}\ntr.listing-ct-body td {\n padding: 20px 25px;\n font-size: 13px;\n}\n.listing-ct-empty {\n color: #888;\n text-align: center;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n}\n/* Used at the end of a group of tbody to show an 'empty' message */\nthead.listing-ct-empty td,\ntable.listing-ct > thead.listing-ct-empty td {\n padding: 10px;\n}\ntbody + thead.listing-ct-empty {\n display: none;\n}\n/* Listing pattern defaults to using full width of parent */\n.listing-ct-wide {\n width: 100%;\n}\n/* Listing pattern mod to redce the padding */\n.listing-ct-compact > thead > tr > th,\n.listing-ct-compact > tbody > tr > th,\n.listing-ct-compact > tbody > tr > td {\n padding: 5px;\n}\n.listing-ct-compact > tbody > tr > .listing-ct-toggle:not(:empty) + th,\n.listing-ct-compact > tbody > tr > .listing-ct-toggle:not(:empty) + td {\n padding-left: 5px;\n}\n.listing-ct-compact > tbody > tr > .listing-ct-toggle:not(:empty) + th::before,\n.listing-ct-compact > tbody > tr > .listing-ct-toggle:not(:empty) + td::before {\n top: 5px;\n}\ndiv.listing-ct-head {\n overflow: visible;\n}\n.listing-ct-head .btn-group,\n.listing-ct-head button:not(.dropdown-toggle) {\n margin-left: 0.3em;\n}\ntable.listing-ct > caption a {\n font-size: 16px;\n}\ntbody tr.listing-ct-noexpand {\n cursor: default;\n}\n/* Fix up nav-tabs-pf to work properly */\n.nav-tabs-pf > li:first-child a {\n margin-left: 0px !important;\n padding-left: 15px !important;\n}\n.nav-tabs-pf > li a:before {\n right: 0px !important;\n}\n.nav-tabs-pf > li > a:active:before,\n.nav-tabs-pf > li > a:focus:before,\n.nav-tabs-pf > li > a:hover:before,\n.nav-tabs-pf > li.active a:before {\n height: 3px;\n left: 0px;\n}\n/* Force word-wraps when words are too long */\n.listing-ct-item td,\n.listing-ct-item th,\n.listing-ct-body {\n overflow-wrap: break-word;\n hyphens: auto;\n}\n.listing-ct-item td,\n.listing-ct-item th {\n max-width: calc(100vw - 18rem);\n}\n.listing-ct-body {\n /* 42 = (20px padding + 1px border) * 2 */\n max-width: calc(100vw - 42px);\n}\n"],"sourceRoot":""}