{"version":3,"sources":["webpack:///../pkg/lib/listing.less","webpack:///../pkg/shell/shell.less","webpack:///../pkg/lib/page.css","webpack:///../pkg/lib/table.css","webpack:///../pkg/shell/switcher.less","webpack:///../pkg/shell/active-pages.less"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AAIrB;EACI;EACA;CAFH;AAKD;;EAEI;EACA;EACA;EACA;CAHH;AAMD;EACI;EACA;CAJH;AAOD;EACI;CALH;AAQD;EACI;CANH;AASD;EACI;EACA;CAPH;AAUD;EACI;EACA;EACA;EACA;CARH;AAWD;EACI;CATH;AAYD;EACI;CAVH;AACD,0CAA0C;AAa1C;EACI;EACA;EACA;EACA;CAXH;AAcD;EACI;CAZH;AAcD;EACI;CAZH;AAcD;EACI;CAZH;AAcD;EACI;CAZH;AAeD;EACI;CAbH;AAgBD;EACI;EACA;EACA;EACA;EACA;EACA;CAdH;AAiBD;;EAEI;CAfH;AAkBD;EACI;CAhBH;AAmBD;EACI;CAjBH;AAoBD;EACI;EACA;CAlBH;AAqBD;EACI;CAnBH;AAsBD;EACI;EACA;CApBH;AACD,uDAAuD;AAuBvD;EACI;CArBH;AACD,gFAAgF;AAwBhF;EACI;CAtBH;AACD,sEAAsE;AAyBtE;;EAEI;CAvBH;AA0BD;EACI;EACA;CAxBH;AACD,+DAA+D;AA2B/D;;EAEI;CAzBH;AA4BD;EACI;EACA;CA1BH;AA6BD;;;EAGI;EACA;CA3BH;AA8BD;;EAEI;EA5BF,kBAAkB;EA6BhB;EACA;EACA;EACA;EACA;CA3BH;AA+BD;EACI;CA7BH;AAgCD;EACI;EACA;EACA;CA9BH;AAiCD;EACI;EACA;EACA;CA/BH;AAkCD;EACI;IACG;IACA;GAhCJ;EAkCC;IACG;GAhCJ;CACF;AACD,2CAA2C;AAmC3C;;;EAGI;EACA;EAjCF,4CAA4C;CAC7C;AAmCD;EAjCE,4CAA4C;EAoCtC;EACA;CAlCP;AA8BD;EA5BE,iEAAiE;EAoC3D;EACA;CAlCP;AACD,uGAAuG;AAsCvG;EACI;EACA;EACA;EACA;CApCH;AACD,oDAAoD;AAuCpD;;EAEI;EACA;EACA;CArCH;AACD,8CAA8C;AAwC9C;EACI;EACA;EACA;CAtCH;AAwCG;EACI;EACA;CAtCP;AA0CD;EACI;CAxCH;AA0CG;EACI;CAxCP;AA4CD;EACI;CA1CH;AACD,0DAA0D;AA6C1D;EACI;CA3CH;AA8CD;EACI;EACA;CA5CH;AA+CD;EACI;EACA;CA7CH;AAgDD;EACI;EACA;EACA;EACA;EACA;EACA;CA9CH;AAiDD;EACI;CA/CH;AAkDD;;EAEI;EACA;CAhDH;AAmDD;EACI;CAjDH;AAoDD;EACI;EACA;EACA;EACA;EACA;CAlDH;AAqDD;EACI;EACA;CAnDH;AAsDD;EACI;EApDF,wCAAwC;EAsDtC;CApDH;AAuDD;EACI;CArDH;AAwDD;EAtDE,wCAAwC;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;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CI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GH4OrB;EGxOa;IACI;GH0OjB;EGtTC;;;IAqFQ;IACA;IACA;GHsOT;EG7TC;;IA4FQ;IACA;IACA;GHqOT;EGnUC;IAkGQ;IACA;IACA;IACA;GHoOT;EACD,oDAAoD;EGhOlD;IACI;GHkOL;EG/NC;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GHiOL;EG/NK;IACI;IACA;IACA;IACA;GHiOT;EGrPC;IAwBQ;IACA;IACA;IACA;GHgOT;EG5NC;IACI;IACA;IACA;GH8NL;EG3NC;;IAEI;GH6NL;EACD,sDAAsD;EG1NpD;IAEQ;GH2NT;EGzNS;IACI;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;GH0Nb;EGrNS;IACI;IACA;IACA;GHuNb;EGnNK;IACI;GHqNT;CACF;AACD,0BAA0B;AGhN1B;EACI;IAAO;GHmNR;EGlNC;IAAK;GHqNN;CACF;AGnND;EACI;IAAO;IAAY;GHuNpB;EGtNC;IAAK;IAAY;GH0NlB;CACF;AIh4BD;EACI;EACA;EACA;EACA;EACA;EACA;CJk4BH;AI93BD;EACI;CJg4BH;AACD,0BAA0B;AAh3B1B;;EACI;CAm3BH;AAh3BD;EACI;CAk3BH;AA/2BD;EACI;CAi3BH;AA92BD;EACI;EACA;CAg3BH;AA72BD;EACI;EACA;CA+2BH;AA52BD;EACI;EACA;EACA;EACA;EACA;CA82BH;AA32BD;EACI;EACA;EACA;EACA;EACA;EACA;EACA;CA62BH;AA12BD;EACI;CA42BH;AAz2BD;EACI;EACA;EACA;EACA;EACA;CA22BH;AAx2BD;EACI;EACA;CA02BH;AACD,+CAA+C;AAv2B/C;EACI;EACA;CAy2BH;AACD,sDAAsD;AAt2BtD;EACI;CAw2BH;AAr2BD;EACI;EACA;CAu2BH;AAp2BD;EACI;EACA;CAs2BH;AAn2BD;EACI;EACA;EACA;CAq2BH;AAl2BD;EACI;EACA;EACA;EACA;CAo2BH;AAj2BD;EACI;EACA;CAm2BH;AAh2BD;EACI;EACA;EACA;EACA;EACA;EACA;EACA;CAk2BH;AA/1BD;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAi2BH;AA91BD;EACI;CAg2BH;AA71BD;EACI;EACA;EACA;EACA;CA+1BH;AA51BD;EACI;IACI;GA81BL;EA51BC;IACI;GA81BL;CACF;AA11BD;EACI;CA41BH;AAz1BD;EACI;CA21BH;AAx1BD;EACI;CA01BH;AAv1BD;EACI;EACA;CAy1BH;AAt1BD;EACI;EACA;CAw1BH;AAr1BD;EACI;CAu1BH;AAp1BD;EACI;EACA;EACA;EACA;CAs1BH;AAn1BD;EACI;CAq1BH;AAl1BD;;;EAGI;EACA;CAo1BH;AAj1BD;EACI;CAm1BH;AAh1BD;EACI;CAk1BH;AACD,6CAA6C;AA90B7C;EACI;CAg1BH;AA70BD;EACI;EACA;EACA;EACA;EACA;EACA;CA+0BH;AA50BD;EACI;CA80BH;AA30BD;EACI;CA60BH;AA10BD;EACI;CA40BH;AAz0BD;EACI;CA20BH;AAx0BD;EACI;CA00BH;AACD,mBAAmB;AAt0BnB;EACI;EACA;EACA;EACA;CAw0BH;AAr0BD;EACI;CAu0BH;AAp0BD;EACI;EACA;EACA;EACA;CAs0BH;AAn0BD;EACI;CAq0BH;AAl0BD;EACI;CAo0BH;AAh0BD;EACI;CAk0BH;AA/zBD;EACI;CAi0BH;AA9zBD;EACI;CAg0BH;AACD,0CAA0C;AA5zB1C;EACI;EACA;CA8zBH;AA3zBD;EACI;CA6zBH;AA1zBD;EACI;CA4zBH;AAzzBD;EACI;IACI;GA2zBL;EAxzBC;IACI;GA0zBL;CACF;AAvzBD;EACI;CAyzBH;AAtzBD;EACI;EACA;CAwzBH;AA1zBD;EAKQ;EACA;EAwzBN,8DAA8D;EAtzBxD;EACA;EACA;EACA;CAwzBP;AAn0BD;EAcY;EACA;EACA;CAwzBX;AAx0BD;EAmBgB;EACA;EACA;EACA;CAwzBf;AA90BD;EA2BY;EACA;EACA;EACA;EACA;CAszBX;AAr1BD;EAkCgB;EACA;CAszBf;AAz1BD;EAsCoB;EACA;CAszBnB;AA71BD;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","file":"shell/index.css","sourcesContent":["/* 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","/*\n * This file is part of Cockpit.\n *\n * Copyright (C) 2013 Red Hat, Inc.\n *\n * Cockpit is free software; you can redistribute it and/or modify it\n * under the terms of the GNU Lesser General Public License as published by\n * the Free Software Foundation; either version 2.1 of the License, or\n * (at your option) any later version.\n *\n * Cockpit is distributed in the hope that it will be useful, but\n * WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n * Lesser General Public License for more details.\n *\n * You should have received a copy of the GNU Lesser General Public License\n * along with Cockpit; If not, see .\n */\n/* ---------------------------------------------------------------------------------------------------- */\na {\n cursor: pointer;\n}\n.disabled {\n pointer-events: auto;\n}\n.btn {\n min-height: 26px;\n min-width: 26px;\n}\n.btn.disabled {\n pointer-events: auto;\n}\n.btn.disabled:hover {\n z-index: auto;\n}\na.disabled {\n cursor: not-allowed !important;\n text-decoration: none;\n pointer-events: none;\n color: #8b8d8f;\n}\na.disabled:hover {\n text-decoration: none;\n}\n.dropdown-menu > li > a.disabled,\n.dropdown-menu > li > a.disabled:hover,\n.dropdown-menu > li > a.disabled:focus {\n color: #999999;\n}\n.dropdown-menu > li > a.disabled:hover,\n.dropdown-menu > li > a.disabled:focus {\n text-decoration: none;\n background-color: transparent;\n background-image: none;\n border-color: transparent;\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n cursor: default;\n}\n/* Limit dropdown menus to 90% of the viewport size */\n.dropdown-menu {\n height: auto;\n overflow-x: hidden;\n max-height: 90vh;\n}\n/* Align these buttons more nicely */\n.btn.fa-minus,\n.btn.fa-plus {\n padding-top: 4px;\n}\n/* HACK: Workaround for https://github.com/patternfly/patternfly/issues/174*/\n.page-ct {\n margin-top: 20px;\n}\n.highlight-ct {\n background-color: #edf8ff;\n}\n/* Well and Blankslate */\n.curtains-ct {\n top: 0px;\n height: 100%;\n width: 100%;\n position: fixed;\n}\n.panel .well {\n margin-bottom: 0px;\n border: none;\n border-radius: 0px;\n background-color: #FAFAFA;\n}\n.well.blank-slate-pf {\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05) inset;\n padding-top: 40px;\n}\n.blank-slate-pf .spinner-lg {\n height: 58px;\n width: 58px;\n}\n/*\n * Control buttons such as play and stop\n * Used with .btn .btn-default\n */\n.btn-control-ct,\n.btn-control-ct:hover {\n background-position: center center;\n background-size: 16px 16px;\n background-repeat: no-repeat;\n background-image: none;\n -webkit-border-radius: 2;\n -moz-border-radius: 2;\n border-radius: 2px;\n height: 28px;\n width: 28px;\n box-shadow: none;\n}\n.btn-control-ct {\n background-color: #eeeeee;\n}\n.btn-control-ct:hover {\n background-color: #e0e0e0;\n}\n/* On/off switch */\n.btn-onoff-ct {\n margin: 1px 0px;\n text-transform: uppercase;\n}\n.btn-onoff-ct .btn {\n color: transparent;\n border-color: #B7B7B7;\n padding: 2px 6px 1px 6px;\n background-color: white;\n background-image: linear-gradient(to bottom, #fafafa 0px, #ededed 100%);\n -webkit-box-shadow: none;\n box-shadow: none;\n width: 37px;\n}\n.btn-onoff-ct .btn:first-child {\n border-right: #00435F;\n}\n.btn-onoff-ct .btn:last-child {\n border-left: #00435F;\n padding-left: 5px;\n}\n.btn-onoff-ct .btn.active {\n background-image: none;\n width: 36px;\n}\n.btn-onoff-ct .btn.active:first-child {\n background-color: #0086CF;\n color: white;\n border-right: 1px solid #0071b0;\n}\n.btn-onoff-ct .btn.active:last-child {\n color: #000;\n border-left: 1px solid #d6d6d6;\n}\n.btn-onoff-ct .btn.disabled {\n pointer-events: none;\n color: transparent !important;\n}\n.btn-onoff-ct .btn.active.disabled {\n background-color: #888 !important;\n color: white !important;\n}\n/* Small list inside a dialog */\n/* Alert fixups */\n.modal-content .alert {\n text-align: left;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.modal-content .alert .fa {\n position: absolute;\n left: 10px;\n top: 6px;\n font-size: 20px;\n}\n.modal-content .alert .pficon {\n top: 5px;\n}\n.alert.alert-danger .fa {\n color: #af151a;\n}\n/* Dialog patterns */\n.dialog-wait-ct {\n margin-top: 3px;\n}\n.dialog-wait-ct .spinner {\n display: inline-block;\n}\n.dialog-wait-ct span {\n vertical-align: 4px;\n padding-left: 10px;\n}\n.dialog-list-ct {\n max-height: 230px;\n overflow-x: auto;\n border: 1px solid #CCC;\n margin-bottom: 0px;\n}\n/* HACK: https://github.com/patternfly/patternfly/issues/255 */\ninput[type=number] {\n padding: 0 0 0 5px;\n}\n/* Make a dialog visible */\n.dialog-ct-visible {\n display: block;\n}\n/* Panels don't draw borders between them */\n.panel > .table > tbody:first-child td {\n border-top: 1px solid #dddddd;\n}\n/* Table headers should not generate a double border */\n.panel .table thead tr th {\n border-bottom: none;\n}\n.panel-heading {\n background: #F5F5F5;\n height: 44px;\n}\n/* Vertically center dropdown buttons in panel headers */\n.panel-heading .btn {\n margin-top: -3px;\n}\n/*\n * Fix up table row hovering.\n *\n * When you hover over table rows it's because they're clickable.\n * Make the table row hover color match the list-group-item.\n */\n.table-hover > tbody > tr > td,\n.table-hover > tbody > tr > th,\n.dialog-list-ct .list-group-item {\n cursor: pointer;\n}\n.table-hover > tbody > tr:hover > td,\n.table-hover > tbody > tr:hover > th,\n.dialog-list-ct .list-group-item:hover:not(.active) {\n background-color: #edf8ff;\n}\n/* Override patternfly to fit buttons and such */\n.table > thead > tr > th,\n.table > tbody > tr > td {\n padding: 8px;\n}\n/* Override the heavy patternfly headers */\n.table > thead {\n background-image: none;\n background-color: #fff;\n}\n/* Make things line up */\n.table tbody tr td:first-child,\n.table thead tr th:first-child {\n padding-left: 15px;\n}\n.table tbody tr td:last-child,\n.table thead tr th:last-child {\n padding-right: 15px;\n}\n.info-table-ct > tr > td,\n.info-table-ct > tbody > tr > td {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-left: 0.75em;\n padding-top: 0.25em;\n vertical-align: top;\n line-height: 26px;\n}\n.info-table-ct > tr > td:first-child,\n.info-table-ct > tbody > tr > td:first-child {\n text-align: right;\n color: #888888;\n}\n.info-table-ct > tr > td:not(:first-child),\n.info-table-ct > tbody > tr > td:not(:first-child) {\n color: black;\n}\n.info-table-ct > tr > td button,\n.info-table-ct > tbody > tr > td button {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.form-table-ct {\n width: 100%;\n}\n.form-table-ct td {\n padding-left: 0.75em;\n padding-top: 0.25em;\n line-height: 26px;\n}\n.form-table-ct td.top {\n vertical-align: top;\n}\n.form-table-ct td:first-child {\n text-align: right;\n white-space: nowrap;\n color: #888888;\n width: 5px;\n /* will be expanded by nowrap */\n}\n.form-table-ct td[colspan] {\n text-align: inherit;\n}\n.form-table-ct td {\n height: 26px;\n}\n.form-table-ct td.header {\n font-weight: bold;\n text-align: left;\n color: #4D5258;\n padding: 20px 0 10px 0;\n}\n.form-table-ct label input[type='radio'],\n.form-table-ct label input[type='checkbox'] {\n margin-right: 4px;\n}\n.form-table-ct label {\n margin-bottom: 0px;\n}\n.form-table-ct label span {\n vertical-align: super;\n}\n/* Break up sidebar in columns in smaller sizes*/\n@media (min-width: 992px) {\n .info-table-ct-container .info-table-ct {\n table-layout: fixed;\n width: 100%;\n }\n}\n/* Navigation base, used for both desktop & mobile navigation */\n.nav-sidebar .dashboard-link:not(.active) a:hover {\n background: rgba(57, 63, 68, 0.5) !important;\n}\n.nav-item-pf-header {\n color: #fff;\n font-size: 16px;\n margin: 18px 20px 10px 20px;\n}\n.area-ct-subnav {\n background: #393f44;\n border-right: 1px solid #292e34;\n -webkit-flex: none;\n flex: none;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n position: relative;\n z-index: 2;\n opacity: 1;\n /* Fade start and end of the host menu to indicate more content is available */\n}\n.area-ct-subnav .list-group {\n border: none;\n margin: 10px 0;\n}\n.area-ct-subnav .list-group-item {\n padding: 0;\n background: inherit;\n border: none;\n z-index: 1;\n}\n.area-ct-subnav .list-group-item,\n.area-ct-subnav .list-group-item > a {\n transition: all 300ms;\n}\n.area-ct-subnav .list-group-item:hover,\n.area-ct-subnav .list-group-item:hover > a {\n transition: all 150ms;\n}\n.area-ct-subnav .list-group-item:hover,\n.area-ct-subnav .list-group-item.active {\n /* Move hover & selected above overflow fade */\n z-index: 3;\n}\n.area-ct-subnav .list-group-item:hover a,\n.area-ct-subnav .list-group-item.active a {\n color: #fff;\n}\n.area-ct-subnav .list-group-item:hover {\n background: rgba(77, 82, 88, 0.5);\n}\n.area-ct-subnav .list-group-item.active {\n background: #4d5258;\n}\n.area-ct-subnav .list-group-item.active a {\n font-weight: 600;\n}\n.area-ct-subnav .list-group-item a {\n padding: 10px 15px;\n display: block;\n color: #d1d1d1;\n text-decoration: none;\n transition: all 300ms;\n}\n.area-ct-subnav .dropdown-toggle {\n position: relative;\n overflow: visible !important;\n}\n.area-ct-subnav .dropdown-toggle:after,\n.area-ct-subnav:after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n height: 2rem;\n pointer-events: none;\n z-index: 2;\n /* Accomodate scrollbars with margin (IE11 needs 18px; rest are less) */\n margin-right: 18px;\n}\n.area-ct-subnav .dropdown-toggle:after {\n background: linear-gradient(to bottom, #393f44, rgba(57, 63, 68, 0));\n margin-top: 1px;\n bottom: -2rem;\n}\n.area-ct-subnav:after {\n background: linear-gradient(to top, #393f44, rgba(57, 63, 68, 0));\n bottom: 0;\n height: 4rem;\n}\n.nav-sidebar > .list-group .dashboard-link {\n display: block;\n}\n.nav-sidebar > .list-group .dashboard-link:not(.active) .fa {\n color: #72767b !important;\n}\n.machine-dropdown {\n position: relative;\n -webkit-flex: none;\n flex: none;\n}\n.machine-dropdown .dropdown-toggle span {\n font-size: 14px;\n}\n.machine-dropdown:after {\n content: \"\";\n position: absolute;\n margin: 0 10px;\n left: 0;\n right: 0;\n bottom: 0;\n height: 1px;\n background: #4d5258;\n}\n.machine-dropdown > .dropdown-toggle span,\n.host-apps a {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.host-apps {\n -webkit-flex: 1 1 0;\n flex: 1 1 0;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n}\n.area-ct-content > iframe {\n height: 100%;\n}\n.area-ct-content > .curtains-ct {\n position: static !important;\n}\n/* Desktop navigation */\n@media screen and (min-width: 768px) {\n .area-ct-navbar {\n -webkit-flex: none;\n flex: none;\n min-width: 100%;\n }\n .area-ct-content {\n -webkit-flex: auto;\n flex: auto;\n position: relative;\n /* Position as absolute to make things work on old Chrome versions,\n mainly to make tests pass */\n }\n .area-ct-content > iframe {\n position: absolute;\n }\n .area-ct-content > .curtains-ct {\n position: absolute !important;\n }\n .area-ct-content > iframe,\n .area-ct-content > .curtains-ct {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .area-ct-body {\n position: relative;\n -webkit-flex: auto;\n flex: auto;\n z-index: 3;\n display: -webkit-flex;\n display: flex;\n /* IE11 needs to have the flex-basis set to page max,\n else it stretches too tall */\n -webkit-flex-basis: 100%;\n flex-basis: 100%;\n }\n .nav-pf-vertical {\n position: static !important;\n height: 100%;\n border-right-width: 0;\n top: 0;\n }\n .nav-sidebar-wrap {\n -webkit-flex: none;\n flex: none;\n z-index: 3;\n }\n .nav-sidebar-wrap:not(.expanded) {\n width: 68px;\n }\n .nav-sidebar-wrap:not(.expanded) .nav-sidebar {\n width: 68px;\n }\n .nav-sidebar-wrap:not(.expanded) .list-group-item-value {\n opacity: 0;\n transition: opacity 150ms ease-out;\n }\n .nav-sidebar {\n /* Use absolute position to make old Chrome (2015 Dec) tests pass */\n position: absolute !important;\n height: 100%;\n transition: all 150ms ease-out;\n box-shadow: 0 0;\n background: linear-gradient(to left, #030303, #292e34 1px);\n }\n .nav-sidebar span.first-letter {\n font-size: 0px !important;\n color: #d1d1d1;\n }\n .nav-sidebar span.first-letter:first-letter {\n font-size: 22px !important;\n }\n .nav-sidebar .fa {\n margin-left: -4px;\n margin-top: -1px;\n }\n .nav-sidebar .fa:not(.first-letter) {\n font-size: 22px !important;\n }\n .nav-sidebar .list-group-item {\n border-right-width: 0;\n overflow: hidden;\n }\n .nav-sidebar .list-group-item > a {\n padding-right: 20px;\n }\n .nav-sidebar .list-group-item:focus {\n background: active;\n }\n .nav-sidebar-wrap:not(.expanded) .nav-sidebar:not(.clicked):hover {\n width: 180px;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 0 32px rgba(0, 0, 0, 0.75);\n transition-duration: 500ms;\n transition-timing-function: cubic-bezier(0, 1.2, 0.8, 1);\n }\n .nav-sidebar-wrap:not(.expanded) .nav-sidebar:not(.clicked):hover .list-group-item-value {\n transition-duration: 300ms;\n opacity: 1;\n }\n .nav-sidebar-wrap:not(.expanded) .nav-sidebar:not(.clicked):hover .first-letter {\n opacity: 0;\n }\n .single-nav .nav-sidebar {\n display: none;\n }\n .single-nav .nav-sidebar-wrap {\n width: 0px;\n }\n .single-nav .area-ct-subnav {\n left: 0px;\n }\n .area-ct-layout {\n display: -webkit-flex;\n display: flex;\n width: 100%;\n height: 100%;\n -webkit-flex-flow: column;\n flex-flow: column;\n align-content: stretch;\n }\n .area-ct-subnav {\n visibility: visible !important;\n top: 0;\n left: 0;\n bottom: 0;\n width: 15em;\n }\n}\n/* Mobile navigation */\n@media screen and (max-width: 767px) {\n /* Use native mobile fonts (when available) for nav & menu text */\n .area-ct-navbar,\n .area-ct-body {\n font-family: roboto, san francisco, helvetica light, noto, helvetica, sans-serif;\n font-size: 14px;\n align-content: stretch;\n align-items: stretch;\n }\n .area-ct-navbar a,\n .area-ct-body a {\n font-size: 14px !important;\n padding: 12px 15px;\n }\n /* Layout UI in CSS grids\n (all mobile browsers support this new layout type)\n\n How this works:\n\n CSS grids version 1 is now implemented in all mobile browsers; we can use it.\n However, display: container and subgrids are not implemented in Chrome yet.\n To work around this, we do a little more complex gridding by overlapping\n child grids on top of the parent grid. We basically set up the main grid\n as with a gutter of @mobile-button-size (\"56px\") on the top, right side,\n and bottom. We then stretch the child grids to this.\n\n The elements are then assigned grid names with 'grid-area' and placed in the\n grid using 'grid-template-areas', based on their immediate parent (which is\n set as a grid display type).\n\n Some grid-areas override their template placement with grid-columns and\n grid-rows. The most notible being the navmenu, so that it can overlap\n content. The value for grid-colums is either a single number or first/last+1\n (which basically means go from first and stop when it hits the grid\n column/row _after_ the one you want to last fill).\n\n Note: Due to less, we have to wrap some of the values in ~\"\" so that they\n will be passed directly to the resulting CSS... else less will want to try\n to do math, which isn't want we want.\n\n Tip: Firefox dev tools let you visualize grids in the \"layout\" subtab of the\n \"inspector\" tab.\n */\n .area-ct-layout,\n .area-ct-body,\n .area-ct-navbar {\n display: grid;\n grid-template-columns: auto 56px;\n grid-template-rows: 56px 1fr 56px;\n align-content: end;\n }\n .area-ct-layout {\n grid-template-areas: \"content content\" \"content content\" \"nav topbar\";\n height: 100%;\n width: 100%;\n }\n .area-ct-body {\n /* Stretch the nav wrapper to the same area on the parent grid */\n grid-column: 1/3;\n grid-row: 1/4;\n grid-template-rows: 56px calc(100% - 56px * 2) 56px;\n z-index: 2;\n /* Pass through mouse events */\n pointer-events: none;\n grid-template-areas: \"content content\" \"content content\" \"nav empty\";\n }\n .area-ct-body > * {\n /* Allow mouse events for children */\n pointer-events: auto;\n }\n .area-ct-navbar {\n /* Create another child grid and stretch it to the parent grid */\n pointer-events: none;\n display: grid;\n background: transparent;\n border: none;\n grid-template: \"notmenu menu menu\" \"notheader notheader header\";\n grid-area: topbar;\n grid-column: 1/3;\n /* Expand to the whole column */\n grid-row: 2/4;\n grid-template-rows: auto 56px;\n grid-template-columns: minmax(56px, auto) auto 56px;\n z-index: 3;\n }\n .area-ct-navbar > * {\n pointer-events: auto;\n }\n .area-ct-navbar:before,\n .area-ct-navbar:after {\n display: none;\n }\n .navbar-header {\n grid-area: header;\n background: #292e34;\n }\n .navbar-collapse {\n grid-area: menu;\n align-self: end;\n background: #292e34;\n }\n .navbar-brand {\n display: none;\n }\n .navbar-toggle {\n float: right !important;\n margin: 0 !important;\n width: 100%;\n height: 100%;\n }\n .area-ct-content {\n display: block;\n grid-area: content;\n z-index: 1;\n }\n .area-ct-content > iframe {\n animation: navFadeIn 300ms;\n }\n .nav-sidebar-wrap {\n grid-area: nav;\n z-index: 3;\n max-width: calc(100vw - 56px);\n overflow: auto;\n overflow-y: hidden;\n position: relative;\n }\n .nav-sidebar {\n position: static !important;\n width: auto;\n max-width: 100%;\n overflow: hidden;\n overflow-x: auto;\n background: linear-gradient(to bottom, #030303, #292e34 1px);\n }\n .nav-sidebar ul,\n .nav-sidebar li {\n padding: 0;\n margin: 0;\n }\n .nav-sidebar > .list-group {\n position: relative;\n display: -webkit-flex;\n display: flex;\n }\n .nav-sidebar > .list-group li {\n -webkit-flex: auto;\n flex: auto;\n }\n .nav-sidebar .list-group-item {\n width: auto !important;\n height: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n position: static;\n max-width: 33vw;\n }\n .nav-sidebar .list-group-item a {\n display: inline-block !important;\n padding: 6px 12px !important;\n padding: 0;\n text-align: center;\n width: auto !important;\n min-width: 80px;\n width: 100% !important;\n height: 56px !important;\n margin-bottom: 12px;\n }\n .nav-sidebar .list-group-item.active {\n z-index: 2;\n }\n .nav-sidebar .list-group-item.active a {\n background: #393f44 !important;\n }\n .nav-sidebar .list-group-item.active a:before {\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n top: auto !important;\n height: 3px !important;\n width: auto !important;\n z-index: 3;\n }\n .nav-sidebar .list-group-item.active a:after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border: 1px solid black;\n border-width: 0 1px;\n pointer-events: none;\n opacity: 0.5;\n z-index: 4;\n }\n .nav-sidebar .list-group-item.active:first-child a:after {\n border-left: none;\n }\n .nav-sidebar .fa,\n .nav-sidebar .pficon-container-node,\n .nav-sidebar .list-group-item-value {\n display: inline-block;\n line-height: 1 !important;\n font-weight: 400;\n }\n .nav-sidebar .fa,\n .nav-sidebar .pficon-container-node {\n margin: 0 auto !important;\n float: none !important;\n font-size: 24px !important;\n }\n .nav-sidebar .list-group-item-value {\n font-size: 12px !important;\n line-height: 2 !important;\n margin: -6px auto 0;\n padding: 0 !important;\n }\n /* Restrict width of hostname nav label in mobile */\n #host-nav-item .list-group-item-value {\n max-width: calc(20vw - 24px);\n }\n .area-ct-subnav {\n display: -webkit-flex !important;\n display: flex !important;\n align-self: end;\n grid-area: navmenu;\n max-height: 100%;\n min-height: 50%;\n grid-column: 1;\n grid-row: 2;\n z-index: 2;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translate(0, 100%) scaleY(0);\n transition: opacity 200ms ease-in 100ms, transform 100ms ease-in 300ms;\n }\n .area-ct-subnav.interact {\n transform: none;\n opacity: 1;\n overflow: visible;\n transition: bottom 300ms ease-out, box-shadow 300ms ease-out, transform 300ms ease-out;\n }\n .area-ct-subnav .dropdown-menu {\n width: auto !important;\n left: 28px !important;\n right: -28px !important;\n animation: navFadeInSlideDown 600ms;\n }\n .host-apps {\n -webkit-flex: auto;\n flex: auto;\n max-height: 100%;\n }\n .navbar-collapse > ul,\n .area-ct-subnav {\n box-shadow: 0 0 9px rgba(0, 0, 0, 0.4) !important;\n }\n /* Add an indicator for the host menu in mobile nav */\n .has-menu .pficon-container-node {\n position: relative;\n }\n .has-menu .pficon-container-node:after {\n font-family: FontAwesome;\n content: \"\\f106\";\n font-size: 1.75rem;\n position: absolute;\n bottom: 0.25rem;\n right: -1.5rem;\n color: #fff;\n opacity: 0.5;\n transition: all 300ms;\n }\n .has-menu.menu-visible .pficon-container-node:after {\n transform: scale(1, -1);\n bottom: 0.25ex;\n opacity: 0.75;\n }\n .has-menu:not(.active) .pficon-container-node:after {\n opacity: 0;\n }\n}\n/* Navigation animation */\n@keyframes navFadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes navFadeInSlideDown {\n from {\n opacity: 0;\n max-height: 0;\n }\n to {\n opacity: 1;\n max-height: auto;\n }\n}\n#active-pages-dialog .modal-body {\n overflow-y: auto;\n max-height: 340px;\n padding: 0;\n margin: 15px 15px 0;\n min-height: 225px;\n border: 1px solid #d1d1d1;\n}\n#active-pages-dialog table.listing {\n margin-top: 0;\n}\n/* Hacks on top for now */\nhtml,\nbody {\n height: 100%;\n}\nhtml.index-page body {\n overflow: hidden;\n}\n.hide-before:before {\n display: none;\n}\n.curtains-ct {\n top: auto;\n position: static;\n}\n#dashboard-add {\n height: 28px;\n width: 28px;\n}\n#dashboard-hosts .list-group-item {\n border-left-width: 7px;\n border-left-style: solid;\n border-top: none;\n position: relative;\n outline: 0;\n}\n#dashboard-hosts .list-group-item:before {\n content: \"\";\n position: absolute;\n border-top: 1px solid #BABABA;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 1px;\n}\n#dashboard-hosts .list-group-item:first-child:before {\n border-top-color: transparent;\n}\n#dashboard-hosts button {\n height: 28px;\n width: 28px;\n padding: 8px;\n float: right;\n margin-left: 10px;\n}\n#dashboard-hosts button.btn.pficon {\n padding-top: 5px;\n font-size: 14px;\n}\n/* Per server buttons not visible by default */\n#dashboard-hosts .list-group button {\n margin-top: 2px;\n display: none;\n}\n/* When panel is editable, then buttons are visible */\n#dashboard-hosts.editable .list-group button {\n display: block;\n}\n#dashboard-hosts.editable .list-group-item:hover {\n background-color: #FFF;\n cursor: auto;\n}\n#dashboard-hosts .spinner {\n float: left;\n margin: 6px 13px 4px 3px;\n}\n#dashboard-hosts .list-group-item span.reconnecting {\n color: #888;\n display: inline;\n padding-left: 20px;\n}\n.host-avatar {\n border-radius: 3px;\n margin-right: 10px;\n width: 32px;\n height: 32px;\n}\n#dashboard-hosts .list-group-item .host-avatar {\n float: left;\n border-style: none;\n}\n#dashboard-hosts .list-group-item span {\n margin-right: 76px;\n display: block;\n padding-top: 6px;\n padding-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#dashboard-hosts .list-group-item div.os {\n padding-top: 6px;\n padding-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: right;\n color: #888;\n float: right;\n}\n#dashboard-toolbar > div.dropdown {\n display: inline-block;\n}\n#dashboard-toolbar .dropdown-toggle span {\n display: inline-block;\n width: 6em;\n text-align: left;\n padding-left: 5px;\n}\n@media (max-width: 400px) {\n #dashboard-hosts .list-group-item div.os {\n display: none;\n }\n #dashboard-hosts .list-group-item span.reconnecting {\n display: none;\n }\n}\n.zoom-controls {\n display: none;\n}\n.show-zoom-controls .zoom-controls {\n display: block;\n}\n.show-zoom-cursor .zoomable-plot {\n cursor: ew-resize;\n}\n.dashboard-plot {\n margin-bottom: 10px;\n height: 250px;\n}\n#host-edit-color {\n width: 100px;\n height: 26px;\n}\n#host-edit-color-popover .popover-content {\n width: 220px;\n}\n#host-edit-color-popover .color-cell {\n display: inline-block;\n width: 25px;\n height: 25px;\n margin: 2px;\n}\n#host-edit-avatar {\n margin-top: 10px;\n}\n#host-edit-avatar canvas:hover,\n#host-edit-color:hover,\n#host-edit-color-popover .color-cell:hover {\n cursor: pointer;\n box-shadow: inset 0px 0px 0px 1px #7BB2DD;\n}\n#host-edit-apply {\n min-width: 55px;\n}\n#host-edit-file-input {\n display: none;\n}\n/* Make the time range buttons equal width */\n#dashboard-range-buttons button {\n width: 70px;\n}\n#sync-users {\n max-height: 126px;\n overflow-y: auto;\n overflow-x: none;\n display: block;\n border: 1px solid #BABABA;\n margin-bottom: 15px;\n}\n#sync-users table.table {\n margin-bottom: 0;\n}\n#sync-users .table > tbody > tr:first-child > td {\n border-top: none;\n}\n#sync-users .center-spinner {\n padding: 15px;\n}\n#add-unknown-host pre {\n margin: 0;\n}\n#edit-machine-port {\n width: 100px;\n}\n/* navbar styles */\n.navbar-pf .navbar-toggle {\n color: white;\n font-size: 17px;\n padding: 3px 10px;\n line-height: 1;\n}\n.navbar-primary .btn-group {\n margin: 5px 0;\n}\n.navbar-primary .btn-group .btn {\n background-image: linear-gradient(to bottom, #1D1D1D 0%, #030303 100%);\n padding: 5px 20px;\n color: #fff;\n border-color: #494949;\n}\n.navbar-primary .btn-group .btn:hover {\n background-image: linear-gradient(to bottom, #2f2f2f 0%, #232323 100%);\n}\n.navbar-primary .btn-group .btn.active {\n background-image: linear-gradient(to bottom, #2f2fFF 0%, #2323FF 100%);\n}\n.navbar-primary .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {\n border-radius: 5px 0 0 5px;\n}\n.navbar-primary .btn-group > .btn:last-child:not(:first-child):not(.dropdown-toggle) {\n border-radius: 0 5px 5px 0;\n}\n.navbar-primary .btn-group > .btn:only-child:not(.dropdown-toggle) {\n border-radius: 5px 5px 5px 5px;\n}\n/* Style a search box in navigation bar */\n.navbar-primary .navbar-form {\n margin: 7px;\n box-shadow: none;\n}\n.navbar-header .navbar-toggle {\n display: none;\n}\n.navbar-header .navbar-brand {\n padding: 15px 0 15px 10px;\n}\n@media (max-width: 767px) {\n .navbar-pf-vertical .navbar-toggle {\n display: block;\n }\n .navbar-header .navbar-brand {\n padding: 13px 0 0;\n }\n}\n.navbar-default .navbar-form {\n border-color: transparent;\n}\n#machine-dropdown {\n padding: 0;\n margin: 0;\n}\n#machine-dropdown .dropdown-menu {\n width: 180px;\n top: 6rem;\n /* Align to arrow: 50% width + button padding + arrow width */\n right: calc(-50% + 15px + 10px);\n left: auto;\n overflow: visible;\n padding: 0;\n}\n#machine-dropdown .dropdown-menu > .form-group {\n padding: 10px;\n margin: 0;\n position: relative;\n}\n#machine-dropdown .dropdown-menu > .form-group > .form-control-feedback {\n color: #aaa;\n margin: 11px;\n padding: 0.5em 0 0;\n left: 0;\n}\n#machine-dropdown .dropdown-menu > ul[role=\"menu\"] {\n max-height: 75vh;\n overflow: auto;\n overflow-x: hidden;\n padding: 0;\n position: relative;\n}\n#machine-dropdown .dropdown-menu > ul[role=\"menu\"] > li {\n position: relative;\n padding: 0;\n}\n#machine-dropdown .dropdown-menu > ul[role=\"menu\"] > li a {\n padding: 1ex 2ex;\n display: block;\n}\n#machine-dropdown .dropdown-menu > ul[role=\"menu\"] > li a > span {\n display: block;\n text-indent: calc(1ex - 18px);\n padding-left: calc(1ex + 18px);\n}\n#machine-dropdown .dropdown-menu > ul[role=\"menu\"] > li.active a {\n background-color: lightblue;\n border: 1px solid #bee1f4;\n border-width: 1px 0;\n background-color: #def3ff;\n}\n#machine-dropdown .dropdown-menu > ul[role=\"menu\"] .fa-li {\n position: static;\n width: auto;\n padding: 0 1ex 0 0;\n font-size: 16px;\n vertical-align: baseline;\n}\n#machine-dropdown #machine-link {\n padding: 0 15px;\n margin: 0;\n line-height: 64px;\n color: inherit;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: flex;\n align-items: center;\n text-decoration: none;\n}\n#machine-dropdown #machine-link img,\n#machine-dropdown #machine-link b {\n flex: none;\n}\n#machine-dropdown #machine-link img {\n width: 24px;\n height: auto;\n}\n#machine-dropdown #machine-link span {\n flex: auto;\n padding: 0 0 0 1ex;\n}\n#machine-dropdown #machine-link:hover {\n background: rgba(77, 82, 88, 0.5);\n}\n#machine-dropdown .dropdown-menu:after {\n border: 10px solid transparent;\n border-top-width: 0;\n border-bottom-color: #fff;\n top: -10px;\n content: '';\n height: 0;\n left: 50%;\n margin: 0 0 0 -5px;\n position: absolute;\n width: 0;\n}\n#machine-dropdown input {\n padding-left: 25px;\n padding-right: 5px;\n}\n#machine-dropdown i.fa-search {\n top: 6px;\n left: 0;\n}\n.nav > li[hidden] {\n display: none;\n}\n.navbar-advanced {\n display: none;\n}\n.credential-lock > * {\n display: none !important;\n}\n.credential-lock.credential-locked > *:first-child {\n display: block !important;\n}\n.credential-lock.credential-unlocked > *:last-child {\n display: block !important;\n}\nthead.credential-lock.credential-locked > *:first-child {\n display: table-row !important;\n}\nthead.credential-lock.credential-unlocked > *:last-child {\n display: table-row !important;\n}\n/* The server avatar */\n#server-avatar {\n width: 128px;\n height: 128px;\n margin-left: 21px;\n /* This centers it in #server-nav-column. */\n border-radius: 5px;\n}\n.server-graph .flot-y-axis .flot-tick-label {\n margin-right: 5px;\n}\n/*\n * The oops status in the navbar, used when an unhandled exception\n * occurs.\n */\n.oops-status {\n color: red;\n font-weight: bold;\n}\n.slider {\n display: block;\n margin: 10px 10px;\n height: 5px;\n white-space: nowrap;\n font-size: 0px;\n background-color: #e7e7e7;\n cursor: pointer;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n}\n.slider-warning {\n background-color: #d4a096;\n}\n.slider-bar {\n position: relative;\n height: 5px;\n}\n.slider > .slider-bar > .slider-bar {\n border-right: 3px solid white;\n height: 5px;\n position: relative;\n}\n.slider > .slider-bar > .slider-bar {\n display: inline-block;\n}\n.slider > div:first-child {\n float: left;\n background-color: #0099d3;\n}\n.slider-disabled > div:first-child {\n cursor: auto;\n background-color: #e7e7e7;\n}\n.slider-thumb {\n position: absolute;\n border-radius: 9px;\n background-color: #0099d3;\n width: 18px;\n height: 18px;\n top: -6px;\n right: -9px;\n content: '.';\n cursor: pointer;\n border: 1px solid #267da1;\n z-index: 1;\n}\n.slider-disabled .slider-thumb {\n background-color: #e7e7e7;\n border: 1px solid #d7d7d7;\n cursor: auto;\n}\n/* server overview dashboard */\n#server .info-table-ct button {\n max-width: 300px;\n}\n#server .info-table-ct td:first-child {\n max-width: 50%;\n}\n#server .info-table-ct {\n width: 100%;\n}\n@media (min-width: 992px) {\n #server .info-table-ct {\n table-layout: fixed;\n width: 100%;\n min-width: 220px;\n }\n /* server overview dashboard */\n #server .info-table-ct-container td button {\n max-width: 100%;\n }\n}\n@media (max-width: 991px) {\n #server .info-table-ct-container {\n padding: 0 0 20px;\n overflow: hidden;\n }\n #server .info-table-ct-container th,\n #server .info-table-ct-container td:first-child {\n padding-left: 0;\n }\n #server .info-table-ct-container td:last-child {\n max-width: 50vw;\n }\n}\n@media (max-width: 480px) {\n #server .info-table-ct-container td {\n overflow: auto;\n word-wrap: break-word;\n /* server overview dashboard */\n }\n #server .info-table-ct-container td button {\n max-width: 200px;\n }\n}\n#connecting {\n height: 100%;\n background-color: #eeeeec;\n text-align: center;\n padding-top: 120px;\n}\n/* workaround: make text red for select if contained in has-error, not in patternfly */\n.has-error > .bootstrap-select > button > span {\n color: #A94442;\n}\n/* System information */\n#systime-date-input {\n display: inline;\n width: 150px;\n}\n#systime-time-hours,\n#systime-time-minutes {\n display: inline;\n width: 50px;\n}\n/* index page */\n.oops-status {\n color: red;\n font-weight: bold;\n}\n#display-language-list {\n width: 100%;\n}\n#display-language-list option {\n padding: 10px;\n}\niframe.container-frame {\n display: none;\n border: none;\n width: 100%;\n}\n/* Credentials dialog */\n#credentials-dialog .modal-body {\n max-height: 500px;\n}\n#credentials-dialog .btn-onoff-ct .btn {\n padding-top: 1px;\n padding-bottom: 1px;\n height: 24px;\n line-height: 24px;\n display: inline;\n}\n#credentials-dialog table.credential-listing {\n margin-top: 0px;\n width: 100%;\n}\n#credentials-dialog table.credential-listing thead tr.load-custom-key td.has-error div.dialog-error {\n display: block;\n}\n#credentials-dialog table.credential-listing thead tr.load-custom-key td {\n padding-left: 15px;\n padding-bottom: 15px;\n padding-top: 0;\n}\n#credentials-dialog table.credential-listing thead tr.load-custom-key td .dropdown-menu {\n max-height: 100px;\n}\n#credentials-dialog table.credential-listing thead tr.load-custom-key td input {\n width: 500px;\n}\n#credentials-dialog table.credential-listing thead tr.load-custom-key td button {\n padding-right: 10px;\n padding-left: 10px;\n}\n#credentials-dialog table.credential-listing thead tr.load-custom-key td span.input-group-btn {\n border-left: 2px solid transparent;\n}\n#credentials-dialog table.credential-listing thead tr.load-custom-key td div.dialog-error {\n display: none;\n}\n#credentials-dialog table.credential-listing tbody.ssh-add-key-body {\n display: none;\n}\n#credentials-dialog table.credential-listing tbody.ssh-add-key-body.unlock {\n display: table-row-group;\n}\n#credentials-dialog table.credential-listing dd,\n#credentials-dialog table.credential-listing dt {\n padding-top: 3px;\n min-height: 26px;\n}\n#credentials-dialog table.credential-listing dt {\n min-width: 80px;\n max-width: 100px;\n}\n#credentials-dialog table.credential-listing input[type='password'] {\n width: 300px;\n}\n#credentials-dialog table.credential-listing textarea {\n color: #222 !important;\n}\n#credentials-dialog table.credential-listing dt label {\n margin-bottom: 0px;\n}\n#credentials-dialog thead td {\n padding-left: 15px;\n padding-bottom: 15px;\n}\n#credentials-dialog tbody .credential-unlock {\n display: none;\n}\n#credentials-dialog tbody.unlock .credential-panel {\n display: none !important;\n}\n#credentials-dialog tbody.unlock .credential-unlock {\n display: block;\n}\n.credential-data {\n word-wrap: break-word;\n word-break: break-all;\n}\n.banned {\n color: #ff0000;\n font-size: 75px;\n line-height: 75px;\n float: left;\n padding-right: 15px;\n}\n.listing-ct-body .alert {\n border: none;\n margin: 0px 0px 10px 0px;\n padding: 0px;\n background-color: transparent;\n}\n.listing-ct-body .alert .fa {\n position: relative;\n left: 0px;\n top: 3px;\n padding-right: 5px;\n}\n#machine-spinner {\n margin: 10px;\n}\n.spinner-white {\n border-bottom: 4px solid rgba(255, 255, 255, 0.25);\n border-left: 4px solid rgba(255, 255, 255, 0.25);\n border-right: 4px solid rgba(255, 255, 255, 0.25);\n border-top: 4px solid rgba(255, 255, 255, 0.75);\n}\n/* Scrollable modal body, needs max-height set elsewhere */\n.modal-scrollable {\n overflow-y: auto;\n margin-right: 7px;\n padding-right: 8px;\n margin-top: 15px;\n padding-top: 0px;\n}\n/* allow text only branding */\n.navbar-pf .navbar-brand {\n text-transform: uppercase;\n margin: 0 8px;\n}\n.navbar-pf .navbar-brand:hover {\n color: #F1F1F1;\n}\n.navbar-pf .navbar-utility {\n font-size: 13px;\n}\n/***\nDisclaimer: Fixing the navbar dropdown requires consideration of CSS\nspecificity. As PatternFly is super-specific, we either had to use\n!important everywhere or include IDs.\n\nWhat follows is not best-practice, but a necessary fix.\nIt is less bad than using !important, at least.\n***/\n#topnav .fa,\n#topnav .pficon {\n /* Normalize the icons in the navbar */\n line-height: inherit;\n margin-right: 5px;\n padding-right: 0;\n position: static;\n}\n@media (min-width: 768px) {\n /* Override navbar utility menu for desktop */\n #topnav .navbar-utility > li > a,\n #topnav .navbar-utility > li > span {\n line-height: 50px;\n margin: 0;\n padding: 0 10px;\n font-size: 13px;\n }\n #machine-spinner {\n /* Vertical alignment is a hack here. (50px - 24px) / 2 = 13px */\n margin-top: 13px;\n }\n}\n@media (max-width: 767px) {\n /* Override navbar utility menu for mobile */\n #topnav .navbar-utility > li > a,\n #topnav .navbar-utility > li > span {\n margin: 0;\n padding: 0 20px;\n line-height: 54px;\n }\n #topnav .dropdown-menu > li > a,\n #topnav .dropdown-menu > li > span {\n /* Make menu items a consistent, touch-friendly size */\n padding: 0 40px;\n line-height: 54px;\n }\n}\n","a {\n cursor: pointer;\n}\n\n.disabled {\n pointer-events: auto;\n}\n\n.btn {\n min-height: 26px;\n min-width: 26px;\n}\n\n.btn.disabled {\n pointer-events: auto;\n}\n\n.btn.disabled:hover {\n z-index: auto;\n}\n\na.disabled {\n cursor: not-allowed !important;\n text-decoration: none;\n pointer-events: none;\n color: #8b8d8f;\n}\n\na.disabled:hover {\n text-decoration: none;\n}\n\n.dropdown-menu > li > a.disabled,\n.dropdown-menu > li > a.disabled:hover,\n.dropdown-menu > li > a.disabled:focus {\n color: #999999;\n}\n\n.dropdown-menu > li > a.disabled:hover,\n.dropdown-menu > li > a.disabled:focus {\n text-decoration: none;\n background-color: transparent;\n background-image: none;\n border-color: transparent;\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);\n cursor: default;\n}\n\n/* Limit dropdown menus to 90% of the viewport size */\n.dropdown-menu {\n height: auto;\n overflow-x: hidden;\n max-height: 90vh;\n}\n/* Align these buttons more nicely */\n.btn.fa-minus,\n.btn.fa-plus {\n padding-top: 4px;\n}\n\n/* HACK: Workaround for https://github.com/patternfly/patternfly/issues/174*/\n\n.page-ct {\n margin-top: 20px;\n}\n\n.highlight-ct {\n background-color: #edf8ff;\n}\n\n/* Well and Blankslate */\n\n.curtains-ct {\n top: 0px;\n height: 100%;\n width: 100%;\n position: fixed;\n}\n\n.panel .well {\n margin-bottom: 0px;\n border: none;\n border-radius: 0px;\n background-color: #FAFAFA;\n}\n\n.well.blank-slate-pf {\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05) inset;\n padding-top: 40px;\n}\n\n.blank-slate-pf .spinner-lg {\n height: 58px;\n width: 58px;\n}\n\n/*\n * Control buttons such as play and stop\n * Used with .btn .btn-default\n */\n\n.btn-control-ct,\n.btn-control-ct:hover {\n background-position: center center;\n background-size: 16px 16px;\n background-repeat: no-repeat;\n background-image: none;\n -webkit-border-radius: 2;\n -moz-border-radius: 2;\n border-radius: 2px;\n height: 28px;\n width: 28px;\n box-shadow: none;\n}\n\n.btn-control-ct {\n background-color: #eeeeee;\n}\n\n.btn-control-ct:hover {\n background-color: #e0e0e0;\n}\n\n\n/* On/off switch */\n\n.btn-onoff-ct {\n margin: 1px 0px;\n text-transform: uppercase;\n}\n\n.btn-onoff-ct .btn {\n color: transparent;\n border-color: #B7B7B7;\n padding: 2px 6px 1px 6px;\n background-color: white;\n background-image: linear-gradient(to bottom, rgb(250, 250, 250) 0px, rgb(237, 237, 237) 100%);\n -webkit-box-shadow: none;\n box-shadow: none;\n width: 37px;\n}\n\n.btn-onoff-ct .btn:first-child {\n border-right: #00435F;\n}\n\n.btn-onoff-ct .btn:last-child {\n border-left: #00435F;\n padding-left: 5px;\n}\n\n.btn-onoff-ct .btn.active {\n background-image: none;\n width: 36px;\n}\n\n.btn-onoff-ct .btn.active:first-child {\n background-color: #0086CF;\n color: white;\n border-right: 1px solid #0071b0;\n}\n\n.btn-onoff-ct .btn.active:last-child {\n color: #000;\n border-left: 1px solid #d6d6d6;\n}\n\n.btn-onoff-ct .btn.disabled {\n pointer-events: none;\n color: transparent !important;\n}\n\n.btn-onoff-ct .btn.active.disabled {\n background-color: #888 !important;\n color: white !important;\n}\n\n/* Small list inside a dialog */\n/* Alert fixups */\n\n.modal-content .alert {\n text-align: left;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n.modal-content .alert .fa {\n position: absolute;\n left: 10px;\n top: 6px;\n font-size: 20px;\n}\n\n.modal-content .alert .pficon {\n top: 5px;\n}\n\n.alert.alert-danger .fa {\n color: #af151a;\n}\n\n/* Dialog patterns */\n\n.dialog-wait-ct {\n margin-top: 3px;\n}\n\n.dialog-wait-ct .spinner {\n display: inline-block;\n}\n\n.dialog-wait-ct span {\n vertical-align: 4px;\n padding-left: 10px;\n}\n\n.dialog-list-ct {\n max-height: 230px;\n overflow-x: auto;\n border: 1px solid #CCC;\n margin-bottom: 0px;\n}\n\n/* HACK: https://github.com/patternfly/patternfly/issues/255 */\ninput[type=number] {\n padding: 0 0 0 5px;\n}\n\n/* Make a dialog visible */\n.dialog-ct-visible {\n display: block;\n}\n","/* Panels don't draw borders between them */\n.panel > .table > tbody:first-child td {\n border-top: 1px solid rgb(221, 221, 221);\n}\n\n/* Table headers should not generate a double border */\n.panel .table thead tr th {\n border-bottom: none;\n}\n\n.panel-heading {\n background: #F5F5F5;\n height: 44px;\n}\n\n/* Vertically center dropdown buttons in panel headers */\n.panel-heading .btn {\n margin-top: -3px;\n}\n\n/*\n * Fix up table row hovering.\n *\n * When you hover over table rows it's because they're clickable.\n * Make the table row hover color match the list-group-item.\n */\n.table-hover > tbody > tr > td,\n.table-hover > tbody > tr > th,\n.dialog-list-ct .list-group-item {\n cursor: pointer;\n}\n.table-hover > tbody > tr:hover > td,\n.table-hover > tbody > tr:hover > th,\n.dialog-list-ct .list-group-item:hover:not(.active) {\n background-color: #edf8ff;\n}\n\n/* Override patternfly to fit buttons and such */\n.table > thead > tr > th,\n.table > tbody > tr > td {\n padding: 8px;\n}\n\n/* Override the heavy patternfly headers */\n.table > thead {\n background-image: none;\n background-color: #fff;\n}\n\n/* Make things line up */\n.table tbody tr td:first-child,\n.table thead tr th:first-child {\n padding-left: 15px;\n}\n\n.table tbody tr td:last-child,\n.table thead tr th:last-child {\n padding-right: 15px;\n}\n\n.info-table-ct > tr > td,\n.info-table-ct > tbody > tr > td {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-left: 0.75em;\n padding-top: 0.25em;\n vertical-align: top;\n line-height: 26px;\n}\n\n.info-table-ct > tr > td:first-child,\n.info-table-ct > tbody > tr > td:first-child {\n text-align: right;\n color: #888888;\n}\n\n.info-table-ct > tr > td:not(:first-child),\n.info-table-ct > tbody > tr > td:not(:first-child) {\n color: black;\n}\n\n.info-table-ct > tr > td button,\n.info-table-ct > tbody > tr > td button {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.form-table-ct {\n width: 100%;\n}\n\n.form-table-ct td {\n padding-left: 0.75em;\n padding-top: 0.25em;\n line-height: 26px;\n}\n\n.form-table-ct td.top {\n vertical-align: top;\n}\n\n.form-table-ct td:first-child {\n text-align: right;\n white-space: nowrap;\n color: #888888;\n width: 5px; /* will be expanded by nowrap */\n}\n\n.form-table-ct td[colspan] {\n text-align: inherit;\n}\n\n.form-table-ct td {\n height: 26px;\n}\n\n.form-table-ct td.header {\n font-weight: bold;\n text-align: left;\n color: #4D5258;\n padding: 20px 0 10px 0;\n}\n\n.form-table-ct label input[type='radio'],\n.form-table-ct label input[type='checkbox'] {\n margin-right: 4px;\n}\n\n.form-table-ct label {\n margin-bottom: 0px;\n}\n\n.form-table-ct label span {\n vertical-align: super;\n}\n\n/* Break up sidebar in columns in smaller sizes*/\n\n@media (min-width: 992px) {\n .info-table-ct-container .info-table-ct {\n table-layout: fixed;\n width: 100%;\n }\n}\n","@mobile-button-size: 56px;\n\n/* Navigation base, used for both desktop & mobile navigation */\n\n.nav-sidebar .dashboard-link:not(.active) a:hover {\n background: rgba(57, 63, 68, 0.5) !important;\n}\n\n.nav-item-pf-header {\n color: #fff;\n font-size: 16px;\n margin: 18px 20px 10px 20px;\n}\n\n.area-ct-subnav {\n background: #393f44;\n border-right: 1px solid #292e34;\n -webkit-flex: none;\n flex: none;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n position: relative;\n z-index: 2;\n opacity: 1;\n\n .list-group {\n border: none;\n margin: 10px 0;\n }\n\n .list-group-item {\n padding: 0;\n background: inherit;\n border: none;\n z-index: 1;\n\n &, > a {\n transition: all 300ms;\n }\n\n &:hover, &:hover > a {\n transition: all 150ms; // Speed up animation on hover\n }\n\n &:hover,\n &.active {\n /* Move hover & selected above overflow fade */\n z-index: 3;\n\n a {\n color: #fff;\n }\n }\n\n &:hover {\n background: rgba(77, 82, 88, 0.5);\n }\n\n &.active {\n background: #4d5258;\n\n a {\n font-weight: 600;\n }\n }\n\n a {\n padding: 10px 15px;\n display: block;\n color: #d1d1d1;\n text-decoration: none;\n transition: all 300ms\n }\n }\n\n /* Fade start and end of the host menu to indicate more content is available */\n\n .dropdown-toggle {\n position: relative;\n overflow: visible !important;\n }\n\n .dropdown-toggle:after,\n &:after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n height: 2rem;\n pointer-events: none;\n z-index: 2;\n /* Accomodate scrollbars with margin (IE11 needs 18px; rest are less) */\n margin-right: 18px;\n }\n\n .dropdown-toggle:after {\n background: linear-gradient(to bottom, #393f44, rgba(57, 63, 68, 0));\n margin-top: 1px;\n bottom: -2rem; // Move down by the same size as the height\n }\n\n &:after {\n background: linear-gradient(to top, #393f44, rgba(57, 63, 68, 0));\n bottom: 0;\n height: 4rem;\n }\n}\n\n.nav-sidebar > .list-group {\n .dashboard-link {\n display: block;\n\n &:not(.active) .fa {\n color: #72767b !important;\n }\n }\n}\n\n\n.machine-dropdown {\n position: relative;\n -webkit-flex: none;\n flex: none;\n\n .dropdown-toggle span {\n font-size: 14px;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n margin: 0 10px; // Jut out 5 pixels (15 - 5) on the sides\n left: 0;\n right: 0;\n bottom: 0;\n height: 1px;\n background: #4d5258;\n }\n}\n\n.machine-dropdown > .dropdown-toggle span,\n.host-apps a {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.host-apps {\n -webkit-flex: 1 1 0;\n flex: 1 1 0;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n}\n\n.area-ct-content {\n > iframe {\n height: 100%;\n }\n\n > .curtains-ct {\n position: static !important;\n }\n}\n\n/* Desktop navigation */\n@media screen and (min-width: 768px) {\n .area-ct-navbar {\n -webkit-flex: none;\n flex: none;\n min-width: 100%;\n }\n\n .area-ct-content {\n -webkit-flex: auto;\n flex: auto;\n position: relative;\n\n /* Position as absolute to make things work on old Chrome versions,\n mainly to make tests pass */\n > iframe {\n position: absolute;\n }\n\n > .curtains-ct {\n position: absolute !important;\n }\n\n > iframe,\n > .curtains-ct {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n }\n\n .area-ct-body {\n position: relative;\n -webkit-flex: auto;\n flex: auto;\n z-index: 3;\n display: -webkit-flex;\n display: flex;\n /* IE11 needs to have the flex-basis set to page max,\n else it stretches too tall */\n -webkit-flex-basis: 100%;\n flex-basis: 100%;\n }\n\n .nav-pf-vertical {\n position: static !important;\n height: 100%;\n border-right-width: 0;\n top: 0;\n }\n\n .nav-sidebar-wrap {\n -webkit-flex: none;\n flex: none;\n z-index: 3;\n\n &:not(.expanded) {\n width: unit(@sidebar-width-sm, px);\n\n .nav-sidebar {\n width: unit(@sidebar-width-sm, px);\n }\n\n .list-group-item-value {\n opacity: 0;\n transition: opacity 150ms ease-out;\n }\n }\n }\n\n .nav-sidebar {\n /* Use absolute position to make old Chrome (2015 Dec) tests pass */\n position: absolute !important;\n height: 100%;\n transition: all 150ms ease-out;\n box-shadow: 0 0;\n background: linear-gradient(to left, #030303, #292e34 1px);\n\n span.first-letter {\n font-size: 0px !important;\n color: #d1d1d1;\n\n &:first-letter {\n font-size: 22px !important;\n }\n }\n\n .fa {\n margin-left: -4px;\n margin-top: -1px;\n\n &:not(.first-letter) {\n font-size: 22px !important;\n }\n }\n\n .list-group-item {\n border-right-width: 0;\n overflow: hidden;\n\n > a {\n // Patternfly now sets & unsets padding-right;\n // ...so we'll set it once again\n padding-right: 20px;\n }\n\n &:focus {\n background: active;\n }\n }\n }\n\n .nav-sidebar-wrap:not(.expanded) .nav-sidebar:not(.clicked):hover {\n width: unit(@sidebar-width-full, px);\n box-shadow: 0 0 3px rgba(0,0,0,0.5), 0 0 32px rgba(0,0,0,0.75);\n transition-duration: 500ms;\n transition-timing-function: cubic-bezier(0,1.2,0.8,1);\n\n .list-group-item-value {\n transition-duration: 300ms;\n opacity: 1;\n }\n\n .first-letter {\n opacity: 0;\n }\n }\n\n .single-nav {\n .nav-sidebar {\n display: none;\n }\n\n .nav-sidebar-wrap {\n width: 0px;\n }\n\n .area-ct-subnav {\n left: 0px;\n }\n }\n\n .area-ct-layout {\n display: -webkit-flex;\n display: flex;\n width: 100%;\n height: 100%;\n -webkit-flex-flow: column;\n flex-flow: column;\n align-content: stretch;\n }\n\n .area-ct-subnav {\n visibility: visible !important;\n top: 0;\n left: 0;\n bottom: 0;\n width: 15em;\n }\n}\n\n/* Mobile navigation */\n@media screen and (max-width: 767px) {\n /* Use native mobile fonts (when available) for nav & menu text */\n .area-ct-navbar, .area-ct-body {\n font-family: roboto, san francisco, helvetica light, noto, helvetica, sans-serif;\n font-size: 14px;\n align-content: stretch;\n align-items: stretch;\n\n a {\n font-size: 14px !important;\n padding: 12px 15px;\n }\n }\n\n /* Layout UI in CSS grids\n (all mobile browsers support this new layout type)\n\n How this works:\n\n CSS grids version 1 is now implemented in all mobile browsers; we can use it.\n However, display: container and subgrids are not implemented in Chrome yet.\n To work around this, we do a little more complex gridding by overlapping\n child grids on top of the parent grid. We basically set up the main grid\n as with a gutter of @mobile-button-size (\"56px\") on the top, right side,\n and bottom. We then stretch the child grids to this.\n\n The elements are then assigned grid names with 'grid-area' and placed in the\n grid using 'grid-template-areas', based on their immediate parent (which is\n set as a grid display type).\n\n Some grid-areas override their template placement with grid-columns and\n grid-rows. The most notible being the navmenu, so that it can overlap\n content. The value for grid-colums is either a single number or first/last+1\n (which basically means go from first and stop when it hits the grid\n column/row _after_ the one you want to last fill).\n\n Note: Due to less, we have to wrap some of the values in ~\"\" so that they\n will be passed directly to the resulting CSS... else less will want to try\n to do math, which isn't want we want.\n\n Tip: Firefox dev tools let you visualize grids in the \"layout\" subtab of the\n \"inspector\" tab.\n */\n\n .area-ct-layout, .area-ct-body, .area-ct-navbar {\n display: grid;\n grid-template-columns: auto @mobile-button-size;\n grid-template-rows: @mobile-button-size 1fr @mobile-button-size;\n align-content: end;\n }\n\n .area-ct-layout {\n grid-template-areas:\n \"content content\"\n \"content content\"\n \"nav topbar\";\n\n height: 100%;\n width: 100%;\n }\n\n .area-ct-body {\n /* Stretch the nav wrapper to the same area on the parent grid */\n grid-column: ~\"1/3\";\n grid-row: ~\"1/4\";\n // As Chrome on Mobile is wonky,\n // here's an alternate way to set the size that works everywhere\n grid-template-rows: ~\"@{mobile-button-size} calc(100% - @{mobile-button-size} * 2) @{mobile-button-size}\";\n z-index: 2;\n\n /* Pass through mouse events */\n pointer-events: none;\n\n grid-template-areas:\n \"content content\"\n \"content content\"\n \"nav empty\";\n\n > * {\n /* Allow mouse events for children */\n pointer-events: auto;\n }\n }\n\n .area-ct-navbar {\n /* Create another child grid and stretch it to the parent grid */\n pointer-events: none;\n display: grid;\n background: transparent;\n border: none;\n\n grid-template:\n \"notmenu menu menu\"\n \"notheader notheader header\";\n\n grid-area: topbar;\n grid-column: ~\"1/3\"; /* Expand to the whole column */\n grid-row: ~\"2/4\";\n grid-template-rows: auto @mobile-button-size;\n grid-template-columns: minmax(@mobile-button-size, auto) auto @mobile-button-size;\n\n z-index: 3;\n\n > * {\n pointer-events: auto;\n }\n\n &:before,\n &:after {\n display: none;\n }\n }\n\n .navbar-header {\n grid-area: header;\n background: #292e34;\n }\n\n .navbar-collapse {\n grid-area: menu;\n align-self: end;\n background: #292e34;\n }\n\n .navbar-brand {\n display: none;\n }\n\n .navbar-toggle {\n float: right !important;\n margin: 0 !important;\n width: 100%;\n height: 100%;\n }\n\n .area-ct-content {\n display: block;\n grid-area: content;\n z-index: 1;\n\n > iframe {\n animation: navFadeIn 300ms;\n }\n }\n\n .nav-sidebar-wrap {\n grid-area: nav;\n z-index: 3;\n max-width: ~\"calc(100vw - @{mobile-button-size})\";\n overflow: auto;\n overflow-y: hidden;\n position: relative;\n }\n\n .nav-sidebar {\n position: static !important;\n width: auto;\n max-width: 100%;\n overflow: hidden;\n overflow-x: auto;\n background: linear-gradient(to bottom, #030303, #292e34 1px);\n\n ul, li {\n padding: 0;\n margin: 0;\n }\n\n > .list-group {\n position: relative;\n display: -webkit-flex;\n display: flex;\n\n li {\n -webkit-flex: auto;\n flex: auto;\n }\n }\n\n .list-group-item {\n width: auto !important;\n height: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n position: static;\n max-width: 33vw;\n\n a {\n display: inline-block !important;\n padding: 6px 12px !important;\n padding: 0;\n text-align: center;\n width: auto !important;\n min-width: 80px;\n width: 100% !important;\n height: @mobile-button-size !important;\n margin-bottom: 12px; // Hack to hide the scrollbar\n }\n\n &.active {\n z-index: 2;\n\n a {\n background: #393f44 !important;\n\n &:before {\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n top: auto !important;\n height: 3px !important;\n width: auto !important;\n z-index: 3;\n }\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border: 1px solid black;\n border-width: 0 1px;\n pointer-events: none;\n opacity: 0.5;\n z-index: 4;\n }\n }\n\n &:first-child a:after {\n border-left: none;\n }\n }\n\n }\n\n .fa,\n .pficon-container-node,\n .list-group-item-value {\n display: inline-block;\n line-height: 1 !important;\n font-weight: 400;\n }\n\n .fa,\n .pficon-container-node {\n margin: 0 auto !important;\n float: none !important;\n font-size: 24px !important;\n }\n\n .list-group-item-value {\n font-size: 12px !important; // Set to small native mobile font size\n line-height: 2 !important; // Breathing room for ascenders/descenders\n margin: -6px auto 0; // Half font size, to offset double line-height\n padding: 0 !important; // Override Patternfly\n }\n }\n\n /* Restrict width of hostname nav label in mobile */\n #host-nav-item .list-group-item-value {\n max-width: ~\"calc(20vw - 24px)\";\n }\n\n .area-ct-subnav {\n display: -webkit-flex !important;\n display: flex !important;\n align-self: end;\n grid-area: navmenu;\n max-height: 100%;\n min-height: 50%;\n grid-column: 1;\n grid-row: 2;\n z-index: 2;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translate(0,100%) scaleY(0);\n transition: opacity 200ms ease-in 100ms, transform 100ms ease-in 300ms;\n\n &.interact {\n transform: none;\n opacity: 1;\n overflow: visible;\n transition: bottom 300ms ease-out, box-shadow 300ms ease-out, transform 300ms ease-out;\n }\n\n .dropdown-menu {\n width: auto !important;\n left: @mobile-button-size / 2 !important;\n right: @mobile-button-size / -2 !important;\n animation: navFadeInSlideDown 600ms;\n }\n }\n\n .host-apps {\n -webkit-flex: auto;\n flex: auto;\n max-height: 100%;\n }\n\n .navbar-collapse > ul,\n .area-ct-subnav {\n box-shadow: 0 0 9px ~\"rgba(0, 0, 0, 0.4)\" !important;\n }\n\n /* Add an indicator for the host menu in mobile nav */\n .has-menu {\n .pficon-container-node {\n position: relative;\n\n &:after {\n font-family: FontAwesome;\n content: \"\\f106\";\n position: absolute;\n font-size: 1.75rem;\n position: absolute;\n bottom: 0.25rem;\n right: -1.5rem;\n color: #fff;\n opacity: 0.5;\n transition: all 300ms;\n }\n }\n\n &.menu-visible .pficon-container-node {\n &:after {\n transform: scale(1, -1);\n bottom: 0.25ex;\n opacity: 0.75;\n }\n }\n\n &:not(.active) .pficon-container-node:after {\n opacity: 0;\n }\n }\n}\n\n/* Navigation animation */\n\n@keyframes navFadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n@keyframes navFadeInSlideDown {\n from { opacity: 0; max-height: 0; }\n to { opacity: 1; max-height: auto; }\n}\n","// we don't want the list of pages to overflow our dialog\n#active-pages-dialog .modal-body {\n overflow-y: auto;\n max-height: 340px;\n padding: 0;\n margin: @listing-ct-spacing @listing-ct-spacing 0;\n min-height: @listing-ct-spacing * 15;\n border: 1px solid @color-pf-black-300;\n}\n\n// don't waste space over the table\n#active-pages-dialog table.listing {\n margin-top: 0;\n}\n"],"sourceRoot":""}